@instructure/studio-player 0.3.4 → 0.3.6
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-BqrDl0Uo.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 C, isTrackCaptionKind as at, Track as st, Captions as ct, usePlaybackRateOptions as lt, useCaptionOptions as rt, useVideoQualityOptions as ut, useMediaStore as Se, Poster as dt, FullscreenButton as mt, Time as Le, TimeSlider as $, VolumeSlider as J, isAudioProvider as ht, isVideoProvider as pt, MediaPlayer as _t, MediaProvider as Ct } from "@vidstack/react";
|
|
7
|
+
import { useMediaState as hi, useMediaStore as pi } from "@vidstack/react";
|
|
8
|
+
import { initReactI18next as ft, useTranslation as f } 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 Te, 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((a, s) => {
|
|
15
15
|
(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
|
|
16
|
-
|
|
16
|
+
s.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 gt = (e, n, o) => {
|
|
|
22
22
|
);
|
|
23
23
|
});
|
|
24
24
|
};
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
(e) =>
|
|
25
|
+
bt.use(ft).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,29 +35,29 @@ Ct.use(_t).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: a,
|
|
60
|
+
quizMarkers: s,
|
|
61
61
|
interactive: l,
|
|
62
62
|
onAnnotationClick: r,
|
|
63
63
|
onQuizMarkerClick: u,
|
|
@@ -66,17 +66,20 @@ function wt({
|
|
|
66
66
|
kebabMenuElements: y,
|
|
67
67
|
darkMode: k,
|
|
68
68
|
children: w,
|
|
69
|
-
forceComments:
|
|
69
|
+
forceComments: N,
|
|
70
70
|
disableCaptionSettings: m,
|
|
71
|
-
disableStorage: b
|
|
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: a,
|
|
82
|
+
quizMarkers: s,
|
|
80
83
|
interactive: l,
|
|
81
84
|
onAnnotationClick: r,
|
|
82
85
|
onQuizMarkerClick: u,
|
|
@@ -85,80 +88,83 @@ function wt({
|
|
|
85
88
|
kebabMenuElements: y,
|
|
86
89
|
darkMode: k,
|
|
87
90
|
hasComments: n.length > 0,
|
|
88
|
-
hasAnnotations:
|
|
89
|
-
hasQuizmarkers:
|
|
90
|
-
forceComments:
|
|
91
|
+
hasAnnotations: a.length > 0,
|
|
92
|
+
hasQuizmarkers: s.length > 0,
|
|
93
|
+
forceComments: N,
|
|
91
94
|
disableCaptionSettings: m,
|
|
92
|
-
disableStorage: b
|
|
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
|
+
}, xe = 0.25, Mt = (e, n) => {
|
|
108
114
|
let o = !1;
|
|
109
115
|
return (i) => {
|
|
110
|
-
const
|
|
111
|
-
|
|
116
|
+
const a = i.detail.currentTime;
|
|
117
|
+
a >= e.time && a < e.time + xe && !o && (o = !0, n(e)), (a < e.time || a >= e.time + xe) && 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(), [a, s] = 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(), s(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()), s(null);
|
|
124
130
|
};
|
|
125
|
-
return
|
|
131
|
+
return O(() => {
|
|
126
132
|
if (!n)
|
|
127
133
|
return;
|
|
128
134
|
const u = [];
|
|
129
135
|
for (const p of e) {
|
|
130
|
-
const v =
|
|
136
|
+
const v = Mt(p, l);
|
|
131
137
|
n.addEventListener("time-update", v), u.push(v);
|
|
132
138
|
}
|
|
133
|
-
if (
|
|
139
|
+
if (a) {
|
|
134
140
|
const p = e.find(
|
|
135
|
-
(v) => v.id ===
|
|
141
|
+
(v) => v.id === a.id
|
|
136
142
|
);
|
|
137
|
-
p ?
|
|
143
|
+
p ? s(p) : (s(null), o.enableInteractions());
|
|
138
144
|
}
|
|
139
145
|
return () => {
|
|
140
146
|
for (const p of u)
|
|
141
147
|
n.removeEventListener("time-update", p);
|
|
142
148
|
};
|
|
143
|
-
}, [n, e]),
|
|
149
|
+
}, [n, e]), a ? /* @__PURE__ */ t("div", { className: xt.annotationOverlay, children: a.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 = C("textTrack"), o = C("hasCaptions"), i = n && at(n), a = g(), s = _(
|
|
178
184
|
(l) => {
|
|
179
185
|
e.toggleCaptions(l.nativeEvent);
|
|
180
186
|
},
|
|
@@ -185,56 +191,60 @@ function Vt() {
|
|
|
185
191
|
{
|
|
186
192
|
type: "button",
|
|
187
193
|
className: "controls-button",
|
|
188
|
-
onClick:
|
|
194
|
+
onClick: s,
|
|
189
195
|
"aria-label": "Captions",
|
|
190
196
|
"aria-pressed": i ? "true" : "false",
|
|
191
|
-
tabIndex:
|
|
192
|
-
children: i ? /* @__PURE__ */ t(
|
|
197
|
+
tabIndex: a.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(), a = o.state.captionPositionOnTop, s = At(
|
|
207
|
+
a,
|
|
208
|
+
i ?? {}
|
|
209
|
+
);
|
|
210
|
+
return /* @__PURE__ */ c(Q, { children: [
|
|
211
|
+
e.map((l) => /* @__PURE__ */ t(
|
|
212
|
+
st,
|
|
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
|
+
...s ? { "--caption-offset": s } : {},
|
|
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((a) => a !== 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], Et = [0.5, 1, 2, 3, 4], ze = 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 (a) => {
|
|
260
|
+
const s = a.detail.currentTime;
|
|
261
|
+
s >= e.timestamp && s < e.timestamp + n && !i && (o.add(e), i = !0), (s < e.timestamp || s >= 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 a = [];
|
|
269
|
+
for (const s of e) {
|
|
270
|
+
const l = Zt(s, Ot, i);
|
|
271
|
+
a.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 s of a)
|
|
279
|
+
o.removeEventListener("time-update", s);
|
|
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 = !!C("textTrack"), a = o.map((s) => /* @__PURE__ */ t(Qt, { comment: s }, s.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 ? a.slice(-4) : a })
|
|
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(Ne, { className:
|
|
339
|
-
/* @__PURE__ */
|
|
340
|
-
/* @__PURE__ */ t(
|
|
341
|
-
/* @__PURE__ */ t(
|
|
347
|
+
}, [i, n]), /* @__PURE__ */ c("div", { "data-darkmode": e, className: z.root, children: [
|
|
348
|
+
/* @__PURE__ */ t(Ne, { 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(Ne, { className:
|
|
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(Ne, { 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 an = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.0692 12C21.0692 11.4776 21.0212 10.944 20.9238 10.4104L23.5511 8.13318L21.0579 3.87247L17.7431 4.97788C16.9059 4.28329 15.9515 3.73553 14.9449 3.37271L14.2616 0H9.28941L8.60612 3.37129C7.58823 3.73553 6.65082 4.27482 5.80659 4.97647L2.49318 3.87247L0 8.13318L2.62729 10.4104C2.52988 10.944 2.48188 11.4776 2.48188 12C2.48188 12.5224 2.52988 13.056 2.62729 13.5896L0 15.8668L2.49318 20.1275L5.808 19.0221C6.64518 19.7167 7.59953 20.2645 8.60612 20.6273L9.28941 24H14.2616L14.9449 20.6287C15.9614 20.2645 16.9002 19.7252 17.7445 19.0235L21.0579 20.1289L23.5511 15.8682L20.9238 13.5911C21.0212 13.056 21.0692 12.5224 21.0692 12ZM11.7755 16.9412C9.05082 16.9412 6.83435 14.7247 6.83435 12C6.83435 9.2753 9.05082 7.05883 11.7755 7.05883C14.5002 7.05883 16.7167 9.2753 16.7167 12C16.7167 14.7247 14.5002 16.9412 11.7755 16.9412Z", fill: "currentColor" }) }), sn = (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(sn, {})
|
|
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 = C("playbackRate"), { t: o } = f(), 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 = C("hasCaptions"), o = C("textTrack"), { t: i } = f(), a = _(() => {
|
|
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: a,
|
|
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 = C("autoQuality"), o = C("quality"), { t: i } = f(), a = _(() => {
|
|
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: a,
|
|
438
|
+
Icon: pn
|
|
429
439
|
}
|
|
430
440
|
) : null;
|
|
431
441
|
}
|
|
432
|
-
const
|
|
442
|
+
const Cn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 21.798373,3.342155 8.8843977,16.256145 2.2000774,9.571825 0,11.771895 8.8843977,20.657845 24,5.543795 Z", fill: "currentColor" }) }), 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 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 fe({
|
|
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(Cn, { className: A.switchIcon }) : /* @__PURE__ */ t(fn, { className: A.switchIcon }) }) })
|
|
465
475
|
]
|
|
466
476
|
}
|
|
467
477
|
);
|
|
468
478
|
}
|
|
469
|
-
const
|
|
470
|
-
function
|
|
471
|
-
const { t: e } = f(), n =
|
|
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 } = f(), n = M(), o = g();
|
|
472
482
|
return !n.forceComments && n.hasComments ? /* @__PURE__ */ t(
|
|
473
|
-
|
|
483
|
+
fe,
|
|
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
496
|
function Ke(e) {
|
|
487
|
-
|
|
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 Ke(e) {
|
|
|
494
504
|
};
|
|
495
505
|
}, [e]);
|
|
496
506
|
}
|
|
497
|
-
function
|
|
498
|
-
const n =
|
|
507
|
+
function Nn(e) {
|
|
508
|
+
const n = E(() => ({ Escape: e }), [e]);
|
|
499
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 a = In(
|
|
532
542
|
n.current,
|
|
533
543
|
i
|
|
534
544
|
);
|
|
535
|
-
|
|
545
|
+
a == null || a.focus();
|
|
536
546
|
} else if (n.current) {
|
|
537
|
-
const
|
|
538
|
-
|
|
547
|
+
const a = Sn(n.current);
|
|
548
|
+
a == null || a.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 a = Hn(
|
|
545
555
|
n.current,
|
|
546
556
|
i
|
|
547
557
|
);
|
|
548
|
-
|
|
558
|
+
a == null || a.focus();
|
|
549
559
|
} else if (n.current) {
|
|
550
|
-
const
|
|
551
|
-
|
|
560
|
+
const a = Vn(n.current);
|
|
561
|
+
a == null || a.focus();
|
|
552
562
|
}
|
|
553
563
|
},
|
|
554
564
|
ArrowRight: () => {
|
|
@@ -561,45 +571,45 @@ function K() {
|
|
|
561
571
|
);
|
|
562
572
|
return Ke(o), n;
|
|
563
573
|
}
|
|
564
|
-
function
|
|
565
|
-
const e =
|
|
566
|
-
return /* @__PURE__ */
|
|
574
|
+
function Tn() {
|
|
575
|
+
const e = D(), { t: n } = f();
|
|
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", h = {
|
|
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 } = f(), i =
|
|
602
|
-
return /* @__PURE__ */
|
|
611
|
+
}), { t: o } = f(), i = D();
|
|
612
|
+
return /* @__PURE__ */ c(
|
|
603
613
|
"div",
|
|
604
614
|
{
|
|
605
615
|
ref: i,
|
|
@@ -608,7 +618,7 @@ function An() {
|
|
|
608
618
|
role: "menu",
|
|
609
619
|
className: h.menuContainer,
|
|
610
620
|
children: [
|
|
611
|
-
/* @__PURE__ */
|
|
621
|
+
/* @__PURE__ */ c(
|
|
612
622
|
"button",
|
|
613
623
|
{
|
|
614
624
|
type: "button",
|
|
@@ -617,52 +627,52 @@ function An() {
|
|
|
617
627
|
className: h.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
635
|
/* @__PURE__ */ t("strong", { className: h.menuHeading, children: o("PLAYBACK_SPEED") }),
|
|
626
|
-
n.map(({ value:
|
|
636
|
+
n.map(({ value: a, label: s, 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": s,
|
|
632
642
|
"aria-checked": r,
|
|
633
643
|
onClick: () => l(),
|
|
634
644
|
tabIndex: -1,
|
|
635
645
|
className: h.menuItem,
|
|
636
646
|
children: [
|
|
637
|
-
/* @__PURE__ */ t(
|
|
638
|
-
/* @__PURE__ */ t("span", { className: h.menuItemLabel, children:
|
|
647
|
+
/* @__PURE__ */ t(ie, { className: h.checkIcon }),
|
|
648
|
+
/* @__PURE__ */ t("span", { className: h.menuItemLabel, children: s })
|
|
639
649
|
]
|
|
640
650
|
},
|
|
641
|
-
|
|
651
|
+
a
|
|
642
652
|
))
|
|
643
653
|
]
|
|
644
654
|
}
|
|
645
655
|
);
|
|
646
656
|
}
|
|
647
|
-
function
|
|
648
|
-
const e =
|
|
657
|
+
function zn() {
|
|
658
|
+
const e = H(), n = C("textTrack"), { t: o } = f(), { disableCaptionSettings: i } = g(), a = _(() => {
|
|
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: a
|
|
657
667
|
}
|
|
658
668
|
);
|
|
659
669
|
}
|
|
660
|
-
function
|
|
661
|
-
const { t: e } = f(), n = g(), o =
|
|
670
|
+
function Kn() {
|
|
671
|
+
const { t: e } = f(), 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
|
|
683
|
+
function Dn() {
|
|
674
684
|
const { t: e } = f(), n = g();
|
|
675
685
|
return /* @__PURE__ */ t(
|
|
676
|
-
|
|
686
|
+
fe,
|
|
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
|
|
694
|
+
function $n() {
|
|
685
695
|
const { t: e } = f(), n = g();
|
|
686
696
|
return /* @__PURE__ */ t(
|
|
687
|
-
|
|
697
|
+
fe,
|
|
688
698
|
{
|
|
689
699
|
label: e("INVERT_COLORS"),
|
|
690
700
|
onClick: n.toggleCaptionsInvertColors,
|
|
@@ -692,9 +702,9 @@ 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 } = f(), o = D();
|
|
707
|
+
return /* @__PURE__ */ c(
|
|
698
708
|
"div",
|
|
699
709
|
{
|
|
700
710
|
ref: o,
|
|
@@ -703,7 +713,7 @@ function zn() {
|
|
|
703
713
|
role: "menu",
|
|
704
714
|
className: h.menuContainer,
|
|
705
715
|
children: [
|
|
706
|
-
/* @__PURE__ */
|
|
716
|
+
/* @__PURE__ */ c(
|
|
707
717
|
"button",
|
|
708
718
|
{
|
|
709
719
|
type: "button",
|
|
@@ -712,23 +722,23 @@ function zn() {
|
|
|
712
722
|
className: h.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
730
|
/* @__PURE__ */ t("strong", { className: h.menuHeading, children: n("CAPTIONS") }),
|
|
721
|
-
/* @__PURE__ */ t(
|
|
722
|
-
/* @__PURE__ */ t(
|
|
723
|
-
/* @__PURE__ */ t(
|
|
724
|
-
/* @__PURE__ */ t(
|
|
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 } = f(), i = D();
|
|
741
|
+
return /* @__PURE__ */ c(
|
|
732
742
|
"div",
|
|
733
743
|
{
|
|
734
744
|
ref: i,
|
|
@@ -737,7 +747,7 @@ function Kn() {
|
|
|
737
747
|
role: "menu",
|
|
738
748
|
className: h.menuContainer,
|
|
739
749
|
children: [
|
|
740
|
-
/* @__PURE__ */
|
|
750
|
+
/* @__PURE__ */ c(
|
|
741
751
|
"button",
|
|
742
752
|
{
|
|
743
753
|
type: "button",
|
|
@@ -746,13 +756,13 @@ function Kn() {
|
|
|
746
756
|
className: h.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
764
|
/* @__PURE__ */ t("strong", { className: h.menuHeading, children: o("CAPTIONS") }),
|
|
755
|
-
n.map(({ value:
|
|
765
|
+
n.map(({ value: a, label: s, select: l, selected: r }) => /* @__PURE__ */ c(
|
|
756
766
|
"button",
|
|
757
767
|
{
|
|
758
768
|
type: "button",
|
|
@@ -762,19 +772,19 @@ function Kn() {
|
|
|
762
772
|
tabIndex: -1,
|
|
763
773
|
className: h.menuItem,
|
|
764
774
|
children: [
|
|
765
|
-
/* @__PURE__ */ t(
|
|
766
|
-
/* @__PURE__ */ t("span", { className: h.menuItemLabel, children:
|
|
775
|
+
/* @__PURE__ */ t(ie, { className: h.checkIcon }),
|
|
776
|
+
/* @__PURE__ */ t("span", { className: h.menuItemLabel, children: s })
|
|
767
777
|
]
|
|
768
778
|
},
|
|
769
|
-
|
|
779
|
+
a
|
|
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 } = f(), i = D();
|
|
787
|
+
return /* @__PURE__ */ c(
|
|
778
788
|
"div",
|
|
779
789
|
{
|
|
780
790
|
ref: i,
|
|
@@ -783,7 +793,7 @@ function Dn() {
|
|
|
783
793
|
role: "menu",
|
|
784
794
|
className: h.menuContainer,
|
|
785
795
|
children: [
|
|
786
|
-
/* @__PURE__ */
|
|
796
|
+
/* @__PURE__ */ c(
|
|
787
797
|
"button",
|
|
788
798
|
{
|
|
789
799
|
type: "button",
|
|
@@ -792,49 +802,49 @@ function Dn() {
|
|
|
792
802
|
className: h.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
810
|
/* @__PURE__ */ t("strong", { className: h.menuHeading, children: o("CAPTIONS") }),
|
|
801
|
-
|
|
811
|
+
Bt.map((a) => /* @__PURE__ */ c(
|
|
802
812
|
"button",
|
|
803
813
|
{
|
|
804
814
|
type: "button",
|
|
805
815
|
role: "menuitemradio",
|
|
806
|
-
"aria-checked":
|
|
816
|
+
"aria-checked": a === e.state.captionsFontSizeMultiplier,
|
|
807
817
|
onClick: () => {
|
|
808
|
-
e.setCaptionsFontSizeMultiplier(
|
|
818
|
+
e.setCaptionsFontSizeMultiplier(a);
|
|
809
819
|
},
|
|
810
820
|
tabIndex: -1,
|
|
811
821
|
className: h.menuItem,
|
|
812
822
|
children: [
|
|
813
|
-
/* @__PURE__ */ t(
|
|
814
|
-
/* @__PURE__ */
|
|
815
|
-
|
|
823
|
+
/* @__PURE__ */ t(ie, { className: h.checkIcon }),
|
|
824
|
+
/* @__PURE__ */ c("span", { className: h.menuItemLabel, children: [
|
|
825
|
+
a * 100,
|
|
816
826
|
"%"
|
|
817
827
|
] })
|
|
818
828
|
]
|
|
819
829
|
},
|
|
820
|
-
|
|
830
|
+
a
|
|
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 = C("autoQuality"), { t: i } = f(), a = D();
|
|
838
|
+
return /* @__PURE__ */ c(
|
|
829
839
|
"div",
|
|
830
840
|
{
|
|
831
|
-
ref:
|
|
841
|
+
ref: a,
|
|
832
842
|
id: "submenu",
|
|
833
843
|
"aria-label": i("QUALITY_MENU"),
|
|
834
844
|
role: "menu",
|
|
835
845
|
className: h.menuContainer,
|
|
836
846
|
children: [
|
|
837
|
-
/* @__PURE__ */
|
|
847
|
+
/* @__PURE__ */ c(
|
|
838
848
|
"button",
|
|
839
849
|
{
|
|
840
850
|
type: "button",
|
|
@@ -843,61 +853,61 @@ function $n() {
|
|
|
843
853
|
className: h.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
861
|
/* @__PURE__ */ t("strong", { className: h.menuHeading, children: i("QUALITY") }),
|
|
852
|
-
n.map(({ value:
|
|
862
|
+
n.map(({ value: s, 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": s === "auto" && o || u && !o,
|
|
858
868
|
onClick: () => r(),
|
|
859
869
|
tabIndex: -1,
|
|
860
870
|
className: h.menuItem,
|
|
861
871
|
children: [
|
|
862
|
-
/* @__PURE__ */ t(
|
|
872
|
+
/* @__PURE__ */ t(ie, { className: h.checkIcon }),
|
|
863
873
|
/* @__PURE__ */ t("span", { className: h.menuItemLabel, children: l })
|
|
864
874
|
]
|
|
865
875
|
},
|
|
866
|
-
|
|
876
|
+
s
|
|
867
877
|
))
|
|
868
878
|
]
|
|
869
879
|
}
|
|
870
880
|
);
|
|
871
881
|
}
|
|
872
|
-
const De =
|
|
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, a] = x(!1), s = _(() => {
|
|
892
|
+
a(!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]), p = G(null), { refs: v, floatingStyles: y, context: k } = ue({
|
|
888
898
|
open: i,
|
|
889
|
-
onOpenChange:
|
|
899
|
+
onOpenChange: s,
|
|
890
900
|
placement: "top-end",
|
|
891
|
-
whileElementsMounted:
|
|
901
|
+
whileElementsMounted: de,
|
|
892
902
|
middleware: [
|
|
893
|
-
|
|
894
|
-
|
|
903
|
+
me(),
|
|
904
|
+
he({
|
|
895
905
|
element: p
|
|
896
906
|
})
|
|
897
907
|
]
|
|
898
|
-
}), w =
|
|
899
|
-
() => ({ setPage: l, back: r, toggle:
|
|
900
|
-
[r, l,
|
|
908
|
+
}), w = pe(k, { escapeKey: !1 }), { getReferenceProps: N, getFloatingProps: m } = _e([w]), b = E(
|
|
909
|
+
() => ({ setPage: l, back: r, toggle: s }),
|
|
910
|
+
[r, l, s]
|
|
901
911
|
);
|
|
902
912
|
return {
|
|
903
913
|
Page: u,
|
|
@@ -908,7 +918,7 @@ function qn() {
|
|
|
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
|
},
|
|
@@ -916,24 +926,24 @@ function qn() {
|
|
|
916
926
|
contextValue: b
|
|
917
927
|
};
|
|
918
928
|
}
|
|
919
|
-
const
|
|
929
|
+
const Yn = "_settings-menu_7d0td_1", Xn = "_arrow_7d0td_19", Me = {
|
|
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: a,
|
|
941
|
+
getReferenceProps: s,
|
|
932
942
|
open: l,
|
|
933
943
|
refs: r,
|
|
934
944
|
contextValue: u
|
|
935
|
-
} =
|
|
936
|
-
return /* @__PURE__ */
|
|
945
|
+
} = jn(), { t: p } = f();
|
|
946
|
+
return /* @__PURE__ */ c(Q, { children: [
|
|
937
947
|
/* @__PURE__ */ t(
|
|
938
948
|
"button",
|
|
939
949
|
{
|
|
@@ -943,26 +953,26 @@ function jn() {
|
|
|
943
953
|
"aria-label": p("SETTINGS"),
|
|
944
954
|
onClick: u.toggle,
|
|
945
955
|
"aria-expanded": l,
|
|
946
|
-
...
|
|
947
|
-
children: /* @__PURE__ */ t(
|
|
956
|
+
...s(),
|
|
957
|
+
children: /* @__PURE__ */ t(an, { className: "controls-button-icon icon-rotate" })
|
|
948
958
|
}
|
|
949
959
|
),
|
|
950
|
-
l && /* @__PURE__ */ t(
|
|
960
|
+
l && /* @__PURE__ */ t(Te, { context: o, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ c(
|
|
951
961
|
"div",
|
|
952
962
|
{
|
|
953
963
|
"aria-labelledby": "submenu",
|
|
954
|
-
className:
|
|
964
|
+
className: Me.settingsMenu,
|
|
955
965
|
ref: r.setFloating,
|
|
956
966
|
style: i,
|
|
957
|
-
...
|
|
967
|
+
...a(),
|
|
958
968
|
children: [
|
|
959
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: Me.arrow
|
|
966
976
|
}
|
|
967
977
|
)
|
|
968
978
|
]
|
|
@@ -972,51 +982,51 @@ function jn() {
|
|
|
972
982
|
}
|
|
973
983
|
function $e(e, n = 1e3) {
|
|
974
984
|
return function() {
|
|
975
|
-
const i = C("lastKeyboardAction"), [
|
|
976
|
-
return
|
|
977
|
-
|
|
985
|
+
const i = C("lastKeyboardAction"), [a, s] = x(!1), l = _(() => s(!1), []);
|
|
986
|
+
return O(() => {
|
|
987
|
+
s(!!i);
|
|
978
988
|
const r = setTimeout(l, n);
|
|
979
989
|
return () => clearTimeout(r);
|
|
980
|
-
}, [i, n]),
|
|
990
|
+
}, [i, n]), a ? /* @__PURE__ */ t(e, {}) : null;
|
|
981
991
|
};
|
|
982
992
|
}
|
|
983
|
-
const
|
|
993
|
+
const be = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", 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", { 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", a1 = "_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: a1
|
|
992
1002
|
};
|
|
993
|
-
function
|
|
1003
|
+
function s1() {
|
|
994
1004
|
var o;
|
|
995
|
-
const e =
|
|
1005
|
+
const e = Se();
|
|
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(be, {}) : /* @__PURE__ */ t(ge, {}) });
|
|
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
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 } = f(), n =
|
|
1029
|
+
const { t: e } = f(), n = Se();
|
|
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(s1, 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 = C("fullscreen"), n =
|
|
1066
|
+
function p1() {
|
|
1067
|
+
const e = C("fullscreen"), n = F(), o = g(), i = M(), { t: a } = f();
|
|
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": a(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", C1 = "_gesture_1fn3b_1", Pe = {
|
|
1074
1084
|
"gestures-container": "_gestures-container_1fn3b_1",
|
|
1075
|
-
gesturesContainer:
|
|
1076
|
-
gesture:
|
|
1085
|
+
gesturesContainer: _1,
|
|
1086
|
+
gesture: C1
|
|
1077
1087
|
};
|
|
1078
|
-
function
|
|
1079
|
-
const e =
|
|
1088
|
+
function f1() {
|
|
1089
|
+
const e = oe(), n = () => {
|
|
1080
1090
|
e.togglePaused();
|
|
1081
1091
|
};
|
|
1082
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1092
|
+
return /* @__PURE__ */ t("div", { className: Pe.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: Pe.gesture, onClick: n }) });
|
|
1083
1093
|
}
|
|
1084
|
-
const
|
|
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
|
|
1115
|
+
function N1({ onClose: e }) {
|
|
1106
1116
|
const { t: n } = f();
|
|
1107
|
-
|
|
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
|
-
children: /* @__PURE__ */ t(
|
|
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), a = g(), s = M(), l = () => {
|
|
1239
|
+
n(!e), a.setGlobalKeysDisabled(!e);
|
|
1240
|
+
}, r = G(null), u = G([]), { refs: p, 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: m, getItemProps: b } = _e(
|
|
1248
1258
|
[w, k]
|
|
1249
|
-
), { t:
|
|
1250
|
-
return
|
|
1259
|
+
), { t: P } = f();
|
|
1260
|
+
return s.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:
|
|
1266
|
+
className: `${I.controlsButton} ${I.kebabMenuButton}`,
|
|
1267
|
+
tabIndex: a.state.interactionsDisabled ? -1 : 0,
|
|
1258
1268
|
ref: p.setReference,
|
|
1259
|
-
...
|
|
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(Te, { context: y, modal: !1, children: /* @__PURE__ */ c(
|
|
1266
1276
|
"div",
|
|
1267
1277
|
{
|
|
1268
1278
|
ref: p.setFloating,
|
|
1269
1279
|
style: v,
|
|
1270
|
-
className:
|
|
1280
|
+
className: I.kebabMenu,
|
|
1271
1281
|
...m(),
|
|
1272
1282
|
children: [
|
|
1273
|
-
|
|
1274
|
-
({ id: T, text:
|
|
1283
|
+
s.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: (ae) => {
|
|
1291
|
+
u.current[X] = ae;
|
|
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,158 +1316,158 @@ 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), [a, s] = x(!1), l = g(), r = C("playing"), u = oe(), { t: p } = f(), v = _(() => {
|
|
1322
|
+
n(!0), l.disableInteractions(), r && (s(!0), u.pause());
|
|
1313
1323
|
}, [r, u, l]), y = _(() => {
|
|
1314
|
-
n(!1), i(!0), l.enableInteractions(),
|
|
1315
|
-
}, [
|
|
1324
|
+
n(!1), i(!0), l.enableInteractions(), a && (s(!1), u.play());
|
|
1325
|
+
}, [a, 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
1334
|
"aria-label": p("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 = C("paused"), { t: i } = f();
|
|
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(ge, { className: "controls-button-icon" }) : /* @__PURE__ */ t(be, { 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
|
|
1369
|
+
function $1({ src: e }) {
|
|
1360
1370
|
const n = C("source");
|
|
1361
|
-
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(
|
|
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
|
|
1387
|
+
function Y1() {
|
|
1378
1388
|
const e = C("paused");
|
|
1379
|
-
return /* @__PURE__ */
|
|
1380
|
-
/* @__PURE__ */ t(
|
|
1381
|
-
/* @__PURE__ */ t("i", { className:
|
|
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(ge, { className: U.smallLayoutIconPlay }) : /* @__PURE__ */ t(be, { 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(Le, { type: "current" }),
|
|
1391
1401
|
"/",
|
|
1392
|
-
/* @__PURE__ */ t(
|
|
1402
|
+
/* @__PURE__ */ t(Le, { 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_1pad4_1", no = "_comment-marker_1pad4_1", oo = "_timeline-wrapper_1pad4_27", io = "_track_1pad4_41", ao = "_thumb_1pad4_54", so = "_root_1pad4_68", co = "_track-inner_1pad4_98", lo = "_progress_1pad4_104", ro = "_track-fill_1pad4_110", uo = "_pins_1pad4_127", mo = "_pin-button_1pad4_140", ho = "_annotation-pin_1pad4_160", po = "_quiz-pin_1pad4_165", _o = "_annotation-pin-child_1pad4_170", Co = "_quiz-pin-child_1pad4_174", fo = "_interactive-pin-container_1pad4_179", bo = "_interactive-pin-wrapper_1pad4_189", go = "_interactive-pin-icon_1pad4_195", vo = "_interactive-pin_1pad4_179", wo = "_bg_1pad4_209", yo = "_symbol_1pad4_213", ko = "_interactive-pin-button_1pad4_218", Lo = "_interactive-pin-menu_1pad4_238", xo = "_interactive-pin-menu-item_1pad4_252", Mo = "_arrow_1pad4_273", d = {
|
|
1406
|
+
"comment-markers": "_comment-markers_1pad4_1",
|
|
1407
|
+
commentMarkers: to,
|
|
1408
|
+
"comment-marker": "_comment-marker_1pad4_1",
|
|
1409
|
+
commentMarker: no,
|
|
1410
|
+
"timeline-wrapper": "_timeline-wrapper_1pad4_27",
|
|
1411
|
+
timelineWrapper: oo,
|
|
1412
|
+
track: io,
|
|
1413
|
+
thumb: ao,
|
|
1414
|
+
root: so,
|
|
1415
|
+
"track-inner": "_track-inner_1pad4_98",
|
|
1416
|
+
trackInner: co,
|
|
1417
|
+
progress: lo,
|
|
1418
|
+
"track-fill": "_track-fill_1pad4_110",
|
|
1419
|
+
trackFill: ro,
|
|
1420
|
+
pins: uo,
|
|
1421
|
+
"pin-button": "_pin-button_1pad4_140",
|
|
1422
|
+
pinButton: mo,
|
|
1423
|
+
"annotation-pin": "_annotation-pin_1pad4_160",
|
|
1424
|
+
annotationPin: ho,
|
|
1425
|
+
"quiz-pin": "_quiz-pin_1pad4_165",
|
|
1426
|
+
quizPin: po,
|
|
1427
|
+
"annotation-pin-child": "_annotation-pin-child_1pad4_170",
|
|
1428
|
+
annotationPinChild: _o,
|
|
1429
|
+
"quiz-pin-child": "_quiz-pin-child_1pad4_174",
|
|
1430
|
+
quizPinChild: Co,
|
|
1431
|
+
"interactive-pin-container": "_interactive-pin-container_1pad4_179",
|
|
1432
|
+
interactivePinContainer: fo,
|
|
1433
|
+
"interactive-pin-wrapper": "_interactive-pin-wrapper_1pad4_189",
|
|
1434
|
+
interactivePinWrapper: bo,
|
|
1435
|
+
"interactive-pin-icon": "_interactive-pin-icon_1pad4_195",
|
|
1436
|
+
interactivePinIcon: go,
|
|
1437
|
+
"interactive-pin": "_interactive-pin_1pad4_179",
|
|
1438
|
+
interactivePin: vo,
|
|
1439
|
+
bg: wo,
|
|
1440
|
+
symbol: yo,
|
|
1441
|
+
"interactive-pin-button": "_interactive-pin-button_1pad4_218",
|
|
1442
|
+
interactivePinButton: ko,
|
|
1443
|
+
"interactive-pin-menu": "_interactive-pin-menu_1pad4_238",
|
|
1444
|
+
interactivePinMenu: Lo,
|
|
1445
|
+
"interactive-pin-menu-item": "_interactive-pin-menu-item_1pad4_252",
|
|
1446
|
+
interactivePinMenuItem: xo,
|
|
1447
|
+
arrow: Mo
|
|
1448
|
+
}, Po = {
|
|
1439
1449
|
annotation: d.annotationPin,
|
|
1440
1450
|
quiz: d.quizPin
|
|
1441
1451
|
};
|
|
1442
|
-
function
|
|
1452
|
+
function je({
|
|
1443
1453
|
type: e,
|
|
1444
1454
|
position: n,
|
|
1445
1455
|
children: o,
|
|
1446
1456
|
onClick: i
|
|
1447
1457
|
}) {
|
|
1448
|
-
const
|
|
1458
|
+
const a = g();
|
|
1449
1459
|
return /* @__PURE__ */ t(
|
|
1450
1460
|
"button",
|
|
1451
1461
|
{
|
|
1452
1462
|
type: "button",
|
|
1453
|
-
tabIndex:
|
|
1463
|
+
tabIndex: a.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,8 +1481,8 @@ function Qe({
|
|
|
1471
1481
|
}
|
|
1472
1482
|
);
|
|
1473
1483
|
}
|
|
1474
|
-
function
|
|
1475
|
-
return /* @__PURE__ */ t(
|
|
1484
|
+
function No(e) {
|
|
1485
|
+
return /* @__PURE__ */ t(je, { type: "annotation", ...e, children: /* @__PURE__ */ t(
|
|
1476
1486
|
"path",
|
|
1477
1487
|
{
|
|
1478
1488
|
className: d.annotationPinChild,
|
|
@@ -1484,8 +1494,8 @@ function Lo(e) {
|
|
|
1484
1494
|
}
|
|
1485
1495
|
) });
|
|
1486
1496
|
}
|
|
1487
|
-
function
|
|
1488
|
-
return /* @__PURE__ */ t(
|
|
1497
|
+
function Io(e) {
|
|
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
|
{
|
|
1491
1501
|
className: d.quizPinChild,
|
|
@@ -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((s) => {
|
|
1513
1523
|
var r;
|
|
1514
|
-
const l =
|
|
1515
|
-
o.has(l) || o.set(l, []), (r = o.get(l)) == null || r.push(
|
|
1524
|
+
const l = s.time;
|
|
1525
|
+
o.has(l) || o.set(l, []), (r = o.get(l)) == null || r.push(s);
|
|
1516
1526
|
});
|
|
1517
1527
|
const i = [];
|
|
1518
|
-
let
|
|
1519
|
-
return o.forEach((
|
|
1528
|
+
let a = 0;
|
|
1529
|
+
return o.forEach((s, l) => {
|
|
1520
1530
|
i.push({
|
|
1521
|
-
id:
|
|
1531
|
+
id: s.map((r) => r.id).join("-"),
|
|
1522
1532
|
time: l,
|
|
1523
1533
|
type: "quiz",
|
|
1524
|
-
ordinal:
|
|
1525
|
-
onClick: () => n(
|
|
1526
|
-
multiple:
|
|
1527
|
-
}),
|
|
1534
|
+
ordinal: a + 1,
|
|
1535
|
+
onClick: () => n(s),
|
|
1536
|
+
multiple: s.length > 1
|
|
1537
|
+
}), a++;
|
|
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 a = () => 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: a
|
|
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,66 +1565,59 @@ 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 = C("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((s, l) => s.time - l.time).map((s) => So(s, 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 = C("duration"), n =
|
|
1570
|
-
return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: d.commentMarkers, children: n.comments.map((i) =>
|
|
1571
|
-
|
|
1572
|
-
|
|
1573
|
-
|
|
1574
|
-
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
left: `${i.timestamp / e * 100}%`,
|
|
1581
|
-
width: `${s / e * 100}%`
|
|
1582
|
-
}
|
|
1583
|
-
},
|
|
1584
|
-
i.id
|
|
1585
|
-
);
|
|
1586
|
-
}) }) : null;
|
|
1578
|
+
function Eo() {
|
|
1579
|
+
const e = C("duration"), n = M(), o = g();
|
|
1580
|
+
return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: d.commentMarkers, children: n.comments.map((i) => /* @__PURE__ */ t(
|
|
1581
|
+
"span",
|
|
1582
|
+
{
|
|
1583
|
+
className: d.commentMarker,
|
|
1584
|
+
style: {
|
|
1585
|
+
left: `${i.timestamp / e * 100}%`
|
|
1586
|
+
}
|
|
1587
|
+
},
|
|
1588
|
+
i.id
|
|
1589
|
+
)) }) : null;
|
|
1587
1590
|
}
|
|
1588
|
-
function
|
|
1589
|
-
const [o, i] = x(!1),
|
|
1590
|
-
|
|
1591
|
-
|
|
1591
|
+
function Ro({ currentTime: e, position: n }) {
|
|
1592
|
+
const [o, i] = x(!1), a = M(), s = _(() => a.interactiveMenuElements.length > 0 ? i((w) => !w) : a.onInteractivePinClick(e), [
|
|
1593
|
+
a.interactiveMenuElements,
|
|
1594
|
+
a.onInteractivePinClick,
|
|
1592
1595
|
e
|
|
1593
|
-
]), l =
|
|
1596
|
+
]), l = G(null), { refs: r, floatingStyles: u, context: p } = ue({
|
|
1594
1597
|
open: o,
|
|
1595
1598
|
onOpenChange: i,
|
|
1596
|
-
whileElementsMounted:
|
|
1599
|
+
whileElementsMounted: de,
|
|
1597
1600
|
placement: "top",
|
|
1598
1601
|
middleware: [
|
|
1599
|
-
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
|
|
1602
|
+
Ee(),
|
|
1603
|
+
Re(6),
|
|
1604
|
+
me(),
|
|
1605
|
+
he({
|
|
1603
1606
|
element: l
|
|
1604
1607
|
})
|
|
1605
1608
|
]
|
|
1606
|
-
}), v =
|
|
1607
|
-
return /* @__PURE__ */
|
|
1609
|
+
}), v = pe(p), { getReferenceProps: y, getFloatingProps: k } = _e([v]);
|
|
1610
|
+
return /* @__PURE__ */ c(Q, { children: [
|
|
1608
1611
|
/* @__PURE__ */ t(
|
|
1609
1612
|
"button",
|
|
1610
1613
|
{
|
|
1611
1614
|
type: "button",
|
|
1612
|
-
onClick:
|
|
1615
|
+
onClick: s,
|
|
1613
1616
|
className: d.interactivePinButton,
|
|
1614
1617
|
ref: r.setReference,
|
|
1615
1618
|
style: { left: `${n}%` },
|
|
1616
1619
|
...y(),
|
|
1617
|
-
children: /* @__PURE__ */
|
|
1620
|
+
children: /* @__PURE__ */ c(
|
|
1618
1621
|
"svg",
|
|
1619
1622
|
{
|
|
1620
1623
|
className: d.interactivePin,
|
|
@@ -1654,7 +1657,7 @@ function Vo({ currentTime: e, position: n }) {
|
|
|
1654
1657
|
)
|
|
1655
1658
|
}
|
|
1656
1659
|
),
|
|
1657
|
-
o && /* @__PURE__ */
|
|
1660
|
+
o && /* @__PURE__ */ c(
|
|
1658
1661
|
"div",
|
|
1659
1662
|
{
|
|
1660
1663
|
ref: r.setFloating,
|
|
@@ -1662,7 +1665,7 @@ function Vo({ currentTime: e, position: n }) {
|
|
|
1662
1665
|
className: d.interactivePinMenu,
|
|
1663
1666
|
...k(),
|
|
1664
1667
|
children: [
|
|
1665
|
-
|
|
1668
|
+
a.interactiveMenuElements.map(({ id: w, text: N, onClick: m }) => /* @__PURE__ */ c(
|
|
1666
1669
|
"button",
|
|
1667
1670
|
{
|
|
1668
1671
|
type: "button",
|
|
@@ -1690,13 +1693,13 @@ function Vo({ currentTime: e, position: n }) {
|
|
|
1690
1693
|
)
|
|
1691
1694
|
}
|
|
1692
1695
|
),
|
|
1693
|
-
|
|
1696
|
+
N
|
|
1694
1697
|
]
|
|
1695
1698
|
},
|
|
1696
1699
|
w
|
|
1697
1700
|
)),
|
|
1698
1701
|
/* @__PURE__ */ t(
|
|
1699
|
-
|
|
1702
|
+
Ce,
|
|
1700
1703
|
{
|
|
1701
1704
|
ref: l,
|
|
1702
1705
|
context: p,
|
|
@@ -1708,48 +1711,50 @@ function Vo({ currentTime: e, position: n }) {
|
|
|
1708
1711
|
)
|
|
1709
1712
|
] });
|
|
1710
1713
|
}
|
|
1711
|
-
function
|
|
1712
|
-
const e = C("duration"), n = C("currentTime"), o = n / e * 100;
|
|
1713
|
-
return
|
|
1714
|
+
function Ao() {
|
|
1715
|
+
const e = C("duration"), n = C("currentTime"), o = n / e * 100, { disableInteractivePinRanges: i } = M();
|
|
1716
|
+
return i.some(
|
|
1717
|
+
([s, l]) => n >= s && n <= l
|
|
1718
|
+
) ? null : /* @__PURE__ */ t("div", { className: d.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: d.interactivePinWrapper, children: /* @__PURE__ */ t(Ro, { currentTime: n, position: o }) }) });
|
|
1714
1719
|
}
|
|
1715
|
-
function
|
|
1720
|
+
function Bo() {
|
|
1716
1721
|
const e = C("paused"), n = g();
|
|
1717
|
-
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(
|
|
1722
|
+
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(Ao, {}) : null;
|
|
1718
1723
|
}
|
|
1719
|
-
const
|
|
1724
|
+
const Oo = `${d.progress} ${d.trackInner}`, Fo = `${d.trackFill} ${d.trackInner}`;
|
|
1720
1725
|
function Ne({ className: e }) {
|
|
1721
|
-
const n = g(), { hasAnnotations: o, hasQuizmarkers: i, interactive:
|
|
1722
|
-
return /* @__PURE__ */
|
|
1723
|
-
|
|
1724
|
-
|
|
1725
|
-
/* @__PURE__ */
|
|
1726
|
-
|
|
1726
|
+
const n = g(), { hasAnnotations: o, hasQuizmarkers: i, interactive: a } = M(), s = e ? `${d.timelineWrapper} ${e}` : d.timelineWrapper;
|
|
1727
|
+
return /* @__PURE__ */ c("div", { className: s, children: [
|
|
1728
|
+
a ? /* @__PURE__ */ t(Bo, {}) : null,
|
|
1729
|
+
a || o || i ? /* @__PURE__ */ t(To, {}) : null,
|
|
1730
|
+
/* @__PURE__ */ t(Eo, {}),
|
|
1731
|
+
/* @__PURE__ */ c(
|
|
1732
|
+
$.Root,
|
|
1727
1733
|
{
|
|
1728
1734
|
className: d.root,
|
|
1729
1735
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1730
1736
|
children: [
|
|
1731
|
-
/* @__PURE__ */
|
|
1732
|
-
/* @__PURE__ */ t(
|
|
1733
|
-
/* @__PURE__ */ t(
|
|
1737
|
+
/* @__PURE__ */ c($.Track, { className: d.track, children: [
|
|
1738
|
+
/* @__PURE__ */ t($.Progress, { className: Oo }),
|
|
1739
|
+
/* @__PURE__ */ t($.TrackFill, { className: Fo })
|
|
1734
1740
|
] }),
|
|
1735
|
-
/* @__PURE__ */ t(
|
|
1741
|
+
/* @__PURE__ */ t($.Thumb, { className: d.thumb })
|
|
1736
1742
|
]
|
|
1737
1743
|
}
|
|
1738
|
-
)
|
|
1739
|
-
/* @__PURE__ */ t(Ho, {})
|
|
1744
|
+
)
|
|
1740
1745
|
] });
|
|
1741
1746
|
}
|
|
1742
|
-
const
|
|
1743
|
-
wrapper:
|
|
1744
|
-
track:
|
|
1745
|
-
thumb:
|
|
1747
|
+
const Zo = "_wrapper_12cb0_1", zo = "_track_12cb0_6", Ko = "_thumb_12cb0_18", Do = "_track-fill_12cb0_32", $o = "_root_12cb0_51", q = {
|
|
1748
|
+
wrapper: Zo,
|
|
1749
|
+
track: zo,
|
|
1750
|
+
thumb: Ko,
|
|
1746
1751
|
"track-fill": "_track-fill_12cb0_32",
|
|
1747
|
-
trackFill:
|
|
1748
|
-
root:
|
|
1752
|
+
trackFill: Do,
|
|
1753
|
+
root: $o
|
|
1749
1754
|
};
|
|
1750
|
-
function
|
|
1751
|
-
const e =
|
|
1752
|
-
return /* @__PURE__ */
|
|
1755
|
+
function Uo() {
|
|
1756
|
+
const e = F(), n = C("volume"), o = C("muted"), i = g(), a = o || n === 0, { t: s } = f();
|
|
1757
|
+
return /* @__PURE__ */ c("div", { className: q.wrapper, children: [
|
|
1753
1758
|
/* @__PURE__ */ t(
|
|
1754
1759
|
"button",
|
|
1755
1760
|
{
|
|
@@ -1757,27 +1762,27 @@ function zo() {
|
|
|
1757
1762
|
type: "button",
|
|
1758
1763
|
tabIndex: i.state.interactionsDisabled ? -1 : 0,
|
|
1759
1764
|
className: "controls-button",
|
|
1760
|
-
"aria-label":
|
|
1765
|
+
"aria-label": s(a ? "VOLUME" : "MUTE"),
|
|
1761
1766
|
onClick: () => {
|
|
1762
|
-
|
|
1767
|
+
a ? e == null || e.remoteControl.unmute() : e == null || e.remoteControl.mute();
|
|
1763
1768
|
},
|
|
1764
|
-
children:
|
|
1769
|
+
children: a ? /* @__PURE__ */ t(Ue, { className: "controls-button-icon" }) : n < 0.5 ? /* @__PURE__ */ t(qe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Ge, { className: "controls-button-icon" })
|
|
1765
1770
|
}
|
|
1766
1771
|
),
|
|
1767
|
-
/* @__PURE__ */
|
|
1772
|
+
/* @__PURE__ */ c(
|
|
1768
1773
|
J.Root,
|
|
1769
1774
|
{
|
|
1770
|
-
className:
|
|
1775
|
+
className: q.root,
|
|
1771
1776
|
tabIndex: i.state.interactionsDisabled ? -1 : 0,
|
|
1772
1777
|
children: [
|
|
1773
|
-
/* @__PURE__ */ t(J.Track, { className:
|
|
1774
|
-
/* @__PURE__ */ t(J.Thumb, { className:
|
|
1778
|
+
/* @__PURE__ */ t(J.Track, { className: q.track, children: /* @__PURE__ */ t(J.TrackFill, { className: q.trackFill }) }),
|
|
1779
|
+
/* @__PURE__ */ t(J.Thumb, { className: q.thumb })
|
|
1775
1780
|
]
|
|
1776
1781
|
}
|
|
1777
1782
|
)
|
|
1778
1783
|
] });
|
|
1779
1784
|
}
|
|
1780
|
-
const
|
|
1785
|
+
const Ie = {
|
|
1781
1786
|
togglePaused: {
|
|
1782
1787
|
keys: ["Space", "Enter", "k"],
|
|
1783
1788
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
@@ -1798,9 +1803,9 @@ const Pe = {
|
|
|
1798
1803
|
nextCaptionLanguage: {
|
|
1799
1804
|
keys: ["v"],
|
|
1800
1805
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1801
|
-
const i = n.textTracks.selectedIndex,
|
|
1806
|
+
const i = n.textTracks.selectedIndex, a = i + 1;
|
|
1802
1807
|
o.changeTextTrackMode(i, "hidden"), o.changeTextTrackMode(
|
|
1803
|
-
|
|
1808
|
+
a >= n.textTracks.length ? 0 : a,
|
|
1804
1809
|
"showing"
|
|
1805
1810
|
), n.$state.lastKeyboardAction.set({
|
|
1806
1811
|
action: "nextCaptionLanguage",
|
|
@@ -1811,9 +1816,9 @@ const Pe = {
|
|
|
1811
1816
|
previousCaptionLanguage: {
|
|
1812
1817
|
keys: ["x"],
|
|
1813
1818
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1814
|
-
const i = n.textTracks.selectedIndex,
|
|
1819
|
+
const i = n.textTracks.selectedIndex, a = i - 1;
|
|
1815
1820
|
o.changeTextTrackMode(i, "hidden"), o.changeTextTrackMode(
|
|
1816
|
-
|
|
1821
|
+
a < 0 ? n.textTracks.length - 1 : a,
|
|
1817
1822
|
"showing"
|
|
1818
1823
|
), n.$state.lastKeyboardAction.set({
|
|
1819
1824
|
action: "previousCaptionLanguage",
|
|
@@ -1824,8 +1829,8 @@ const Pe = {
|
|
|
1824
1829
|
decreasePlaybackRate: {
|
|
1825
1830
|
keys: ["a"],
|
|
1826
1831
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1827
|
-
const
|
|
1828
|
-
|
|
1832
|
+
const a = K.indexOf(n.playbackRate) - 1;
|
|
1833
|
+
a >= 0 && (o.changePlaybackRate(K[a]), n.$state.lastKeyboardAction.set({
|
|
1829
1834
|
action: "decreasePlaybackRate",
|
|
1830
1835
|
event: e
|
|
1831
1836
|
}));
|
|
@@ -1834,8 +1839,8 @@ const Pe = {
|
|
|
1834
1839
|
increasePlaybackRate: {
|
|
1835
1840
|
keys: ["d"],
|
|
1836
1841
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1837
|
-
const
|
|
1838
|
-
|
|
1842
|
+
const a = K.indexOf(n.playbackRate) + 1;
|
|
1843
|
+
a < K.length && (o.changePlaybackRate(K[a]), n.$state.lastKeyboardAction.set({
|
|
1839
1844
|
action: "increasePlaybackRate",
|
|
1840
1845
|
event: e
|
|
1841
1846
|
}));
|
|
@@ -1869,10 +1874,10 @@ const Pe = {
|
|
|
1869
1874
|
}
|
|
1870
1875
|
}
|
|
1871
1876
|
};
|
|
1872
|
-
function
|
|
1877
|
+
function He(e) {
|
|
1873
1878
|
return typeof e == "number" && !isNaN(e);
|
|
1874
1879
|
}
|
|
1875
|
-
function
|
|
1880
|
+
function qo(e, n = 1e3) {
|
|
1876
1881
|
let o = !1;
|
|
1877
1882
|
return () => {
|
|
1878
1883
|
o || (e(), o = !0, setTimeout(() => {
|
|
@@ -1880,7 +1885,7 @@ function Ko(e, n = 1e3) {
|
|
|
1880
1885
|
}, n));
|
|
1881
1886
|
};
|
|
1882
1887
|
}
|
|
1883
|
-
const
|
|
1888
|
+
const Ve = {
|
|
1884
1889
|
volume: 1,
|
|
1885
1890
|
muted: !1,
|
|
1886
1891
|
lang: null,
|
|
@@ -1891,23 +1896,23 @@ const He = {
|
|
|
1891
1896
|
invert: !1,
|
|
1892
1897
|
comments: !1
|
|
1893
1898
|
};
|
|
1894
|
-
class
|
|
1899
|
+
class Go {
|
|
1895
1900
|
constructor() {
|
|
1896
|
-
|
|
1897
|
-
|
|
1898
|
-
|
|
1899
|
-
|
|
1900
|
-
|
|
1901
|
-
|
|
1901
|
+
V(this, "playerId", "studio-player");
|
|
1902
|
+
V(this, "mediaId", null);
|
|
1903
|
+
V(this, "data", Ve);
|
|
1904
|
+
V(this, "time", null);
|
|
1905
|
+
V(this, "overrideTime", null);
|
|
1906
|
+
V(this, "saveTime", () => {
|
|
1902
1907
|
if (!this.mediaId) return;
|
|
1903
1908
|
const n = (this.time ?? 0).toString();
|
|
1904
1909
|
localStorage.setItem(this.mediaId, n);
|
|
1905
1910
|
});
|
|
1906
|
-
|
|
1911
|
+
V(this, "saveTimeThrottled", qo(this.saveTime, 1e3));
|
|
1907
1912
|
// only used for useStudioPlayer hook's state initialization
|
|
1908
|
-
|
|
1913
|
+
V(this, "initializeState", (n) => {
|
|
1909
1914
|
const o = localStorage.getItem(this.playerId);
|
|
1910
|
-
if (
|
|
1915
|
+
if (He(n) && n >= 0 && (this.overrideTime = n), o)
|
|
1911
1916
|
try {
|
|
1912
1917
|
this.data = JSON.parse(o);
|
|
1913
1918
|
} catch {
|
|
@@ -1922,7 +1927,7 @@ class Do {
|
|
|
1922
1927
|
disableCaptionSettings: !1
|
|
1923
1928
|
};
|
|
1924
1929
|
});
|
|
1925
|
-
|
|
1930
|
+
V(this, "saveData", (n, o) => {
|
|
1926
1931
|
this.data = {
|
|
1927
1932
|
...this.data,
|
|
1928
1933
|
[n]: o
|
|
@@ -1973,18 +1978,18 @@ class Do {
|
|
|
1973
1978
|
this.data.rate = n, this.save();
|
|
1974
1979
|
}
|
|
1975
1980
|
onChange(n, o, i = "studio-player") {
|
|
1976
|
-
const
|
|
1981
|
+
const a = i ? localStorage.getItem(i) : null, s = o ? localStorage.getItem(o) : null;
|
|
1977
1982
|
this.playerId = i, this.mediaId = o;
|
|
1978
1983
|
let l = {};
|
|
1979
|
-
if (
|
|
1984
|
+
if (a)
|
|
1980
1985
|
try {
|
|
1981
|
-
l = JSON.parse(
|
|
1986
|
+
l = JSON.parse(a);
|
|
1982
1987
|
} catch {
|
|
1983
1988
|
}
|
|
1984
1989
|
this.data = {
|
|
1985
|
-
...
|
|
1990
|
+
...Ve,
|
|
1986
1991
|
...l
|
|
1987
|
-
},
|
|
1992
|
+
}, He(this.overrideTime) && this.overrideTime >= 0 ? this.time = this.overrideTime : this.time = s ? +s : null;
|
|
1988
1993
|
}
|
|
1989
1994
|
save() {
|
|
1990
1995
|
if (!this.playerId) return;
|
|
@@ -1992,42 +1997,42 @@ class Do {
|
|
|
1992
1997
|
localStorage.setItem(this.playerId, n);
|
|
1993
1998
|
}
|
|
1994
1999
|
}
|
|
1995
|
-
function
|
|
1996
|
-
const
|
|
1997
|
-
|
|
2000
|
+
function Qo(e, n, o, i) {
|
|
2001
|
+
const a = E(() => new Go(), []), [s, l] = x(
|
|
2002
|
+
a.initializeState(i)
|
|
1998
2003
|
), r = _(
|
|
1999
2004
|
(m) => {
|
|
2000
|
-
l((b) => (
|
|
2005
|
+
l((b) => (a.saveData("multiplier", m), {
|
|
2001
2006
|
...b,
|
|
2002
2007
|
captionsFontSizeMultiplier: m
|
|
2003
2008
|
}));
|
|
2004
2009
|
},
|
|
2005
|
-
[
|
|
2010
|
+
[a]
|
|
2006
2011
|
), u = _(() => {
|
|
2007
2012
|
l((m) => {
|
|
2008
2013
|
const b = !m.captionPositionOnTop;
|
|
2009
|
-
return
|
|
2014
|
+
return a.saveData("ontop", b), {
|
|
2010
2015
|
...m,
|
|
2011
2016
|
captionPositionOnTop: b
|
|
2012
2017
|
};
|
|
2013
2018
|
});
|
|
2014
|
-
}, [
|
|
2019
|
+
}, [a]), p = _(() => {
|
|
2015
2020
|
l((m) => {
|
|
2016
2021
|
const b = !m.captionsInvertColors;
|
|
2017
|
-
return
|
|
2022
|
+
return a.saveData("invert", b), {
|
|
2018
2023
|
...m,
|
|
2019
2024
|
captionsInvertColors: b
|
|
2020
2025
|
};
|
|
2021
2026
|
});
|
|
2022
|
-
}, [
|
|
2027
|
+
}, [a]), v = _(() => {
|
|
2023
2028
|
l((m) => {
|
|
2024
2029
|
const b = !m.commentsEnabled;
|
|
2025
|
-
return
|
|
2030
|
+
return a.saveData("comments", b), {
|
|
2026
2031
|
...m,
|
|
2027
2032
|
commentsEnabled: b
|
|
2028
2033
|
};
|
|
2029
2034
|
});
|
|
2030
|
-
}, [
|
|
2035
|
+
}, [a]), y = _(() => {
|
|
2031
2036
|
l((m) => ({
|
|
2032
2037
|
...m,
|
|
2033
2038
|
interactionsDisabled: !1
|
|
@@ -2042,15 +2047,15 @@ function $o(e, n, o, i) {
|
|
|
2042
2047
|
...b,
|
|
2043
2048
|
globalKeysDisabled: m
|
|
2044
2049
|
}));
|
|
2045
|
-
}, []),
|
|
2046
|
-
...
|
|
2050
|
+
}, []), N = E(() => e ? {
|
|
2051
|
+
...Ie,
|
|
2047
2052
|
toggleFullscreen: []
|
|
2048
|
-
} :
|
|
2053
|
+
} : Ie, [e]);
|
|
2049
2054
|
return {
|
|
2050
2055
|
contextValue: {
|
|
2051
2056
|
state: {
|
|
2052
|
-
...
|
|
2053
|
-
commentsEnabled: n ||
|
|
2057
|
+
...s,
|
|
2058
|
+
commentsEnabled: n || s.commentsEnabled
|
|
2054
2059
|
},
|
|
2055
2060
|
setCaptionsFontSizeMultiplier: r,
|
|
2056
2061
|
toggleCaptionPositionOnTop: u,
|
|
@@ -2061,130 +2066,163 @@ function $o(e, n, o, i) {
|
|
|
2061
2066
|
toggleComments: v,
|
|
2062
2067
|
disableCaptionSettings: o
|
|
2063
2068
|
},
|
|
2064
|
-
shortcuts:
|
|
2065
|
-
storage:
|
|
2069
|
+
shortcuts: N,
|
|
2070
|
+
storage: a
|
|
2066
2071
|
};
|
|
2067
2072
|
}
|
|
2068
|
-
const
|
|
2069
|
-
function
|
|
2070
|
-
const e =
|
|
2071
|
-
return /* @__PURE__ */
|
|
2072
|
-
/* @__PURE__ */ t(
|
|
2073
|
-
/* @__PURE__ */ t(
|
|
2074
|
-
/* @__PURE__ */ t(
|
|
2075
|
-
/* @__PURE__ */ t(
|
|
2076
|
-
/* @__PURE__ */ t(
|
|
2077
|
-
/* @__PURE__ */ t(
|
|
2078
|
-
/* @__PURE__ */ t(
|
|
2073
|
+
const Wo = {};
|
|
2074
|
+
function jo() {
|
|
2075
|
+
const e = M();
|
|
2076
|
+
return /* @__PURE__ */ c(Q, { children: [
|
|
2077
|
+
/* @__PURE__ */ t($1, { src: e.thumbnail }),
|
|
2078
|
+
/* @__PURE__ */ t(Qe, {}),
|
|
2079
|
+
/* @__PURE__ */ t(Oe, {}),
|
|
2080
|
+
/* @__PURE__ */ t(ze, { captions: e.captions }),
|
|
2081
|
+
/* @__PURE__ */ t(Y1, {}),
|
|
2082
|
+
/* @__PURE__ */ t(f1, {}),
|
|
2083
|
+
/* @__PURE__ */ t(jt, { comments: e.comments })
|
|
2079
2084
|
] });
|
|
2080
2085
|
}
|
|
2081
|
-
const
|
|
2082
|
-
/* @__PURE__ */
|
|
2086
|
+
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: [
|
|
2087
|
+
/* @__PURE__ */ c("g", { id: "icon-file-base-2", children: [
|
|
2083
2088
|
/* @__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" }),
|
|
2084
2089
|
/* @__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" }),
|
|
2085
2090
|
/* @__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" })
|
|
2086
2091
|
] }),
|
|
2087
2092
|
/* @__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" })
|
|
2088
2093
|
] }) }) });
|
|
2089
|
-
function
|
|
2090
|
-
const e =
|
|
2091
|
-
return /* @__PURE__ */
|
|
2092
|
-
/* @__PURE__ */ t(
|
|
2093
|
-
/* @__PURE__ */ t(
|
|
2094
|
-
/* @__PURE__ */ t(
|
|
2095
|
-
/* @__PURE__ */ t(
|
|
2094
|
+
function Xo() {
|
|
2095
|
+
const e = M();
|
|
2096
|
+
return /* @__PURE__ */ c("div", { className: "audio-layout-wrapper", children: [
|
|
2097
|
+
/* @__PURE__ */ t(Yo, {}),
|
|
2098
|
+
/* @__PURE__ */ t(Qe, {}),
|
|
2099
|
+
/* @__PURE__ */ t(Oe, {}),
|
|
2100
|
+
/* @__PURE__ */ t(ze, { captions: e.captions })
|
|
2096
2101
|
] });
|
|
2097
2102
|
}
|
|
2098
|
-
|
|
2103
|
+
function Jo(e, n, o, i = 0.25) {
|
|
2104
|
+
let a = !1;
|
|
2105
|
+
return (s) => {
|
|
2106
|
+
const l = s.detail.currentTime, r = !o.paused;
|
|
2107
|
+
l >= e.time && l < e.time + i && !a && (a = !0, n(e, r)), (l < e.time || l >= e.time + i) && a && (a = !1);
|
|
2108
|
+
};
|
|
2109
|
+
}
|
|
2110
|
+
function ei() {
|
|
2111
|
+
const e = F(), { quizMarkers: n, onQuizMarkerShow: o } = M();
|
|
2112
|
+
O(() => {
|
|
2113
|
+
if (!e)
|
|
2114
|
+
return;
|
|
2115
|
+
const i = [];
|
|
2116
|
+
for (const a of n) {
|
|
2117
|
+
const s = Jo(a, o, e);
|
|
2118
|
+
e.addEventListener("time-update", s), i.push(s);
|
|
2119
|
+
}
|
|
2120
|
+
return () => {
|
|
2121
|
+
for (const a of i)
|
|
2122
|
+
e.removeEventListener("time-update", a);
|
|
2123
|
+
};
|
|
2124
|
+
}, [n, e]);
|
|
2125
|
+
}
|
|
2126
|
+
function ti() {
|
|
2127
|
+
return ei(), null;
|
|
2128
|
+
}
|
|
2129
|
+
const ne = () => {
|
|
2099
2130
|
};
|
|
2100
|
-
function
|
|
2131
|
+
function ui({
|
|
2101
2132
|
title: e,
|
|
2102
2133
|
playerRef: n,
|
|
2103
2134
|
src: o,
|
|
2104
2135
|
captions: i = [],
|
|
2105
|
-
thumbnail:
|
|
2106
|
-
hideFullScreen:
|
|
2136
|
+
thumbnail: a,
|
|
2137
|
+
hideFullScreen: s = !1,
|
|
2107
2138
|
comments: l = [],
|
|
2108
2139
|
locale: r = "en",
|
|
2109
2140
|
annotations: u = [],
|
|
2110
2141
|
quizMarkers: p = [],
|
|
2111
2142
|
interactive: v = !1,
|
|
2112
|
-
onAnnotationClick: y =
|
|
2113
|
-
onQuizMarkerClick: k =
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
|
|
2119
|
-
|
|
2120
|
-
|
|
2121
|
-
|
|
2122
|
-
|
|
2123
|
-
|
|
2143
|
+
onAnnotationClick: y = ne,
|
|
2144
|
+
onQuizMarkerClick: k = ne,
|
|
2145
|
+
onQuizMarkerShow: w = ne,
|
|
2146
|
+
onInteractivePinClick: N = ne,
|
|
2147
|
+
interactiveMenuElements: m = [],
|
|
2148
|
+
kebabMenuElements: b = [],
|
|
2149
|
+
darkMode: P = !1,
|
|
2150
|
+
autoLoadCaptionSrc: T = "",
|
|
2151
|
+
forceComments: Z = !1,
|
|
2152
|
+
disableCaptionSettings: S = !1,
|
|
2153
|
+
disableStorage: Y = !1,
|
|
2154
|
+
startAt: X,
|
|
2155
|
+
crossOrigin: ae,
|
|
2156
|
+
captionOffsetOverride: Ye,
|
|
2157
|
+
disableInteractivePinRanges: Xe = []
|
|
2124
2158
|
}) {
|
|
2125
|
-
const { contextValue:
|
|
2126
|
-
|
|
2127
|
-
|
|
2128
|
-
|
|
2129
|
-
|
|
2130
|
-
), { i18n:
|
|
2131
|
-
|
|
2132
|
-
|
|
2133
|
-
}, [
|
|
2134
|
-
const [
|
|
2135
|
-
|
|
2159
|
+
const { contextValue: se, shortcuts: Je, storage: et } = Qo(
|
|
2160
|
+
s,
|
|
2161
|
+
Z,
|
|
2162
|
+
S,
|
|
2163
|
+
X
|
|
2164
|
+
), { i18n: ve } = f();
|
|
2165
|
+
O(() => {
|
|
2166
|
+
ve.changeLanguage(r);
|
|
2167
|
+
}, [ve, r]);
|
|
2168
|
+
const [we, ye] = x("none"), tt = _((R) => {
|
|
2169
|
+
ht(R) ? ye("audio") : pt(R) && ye("video");
|
|
2136
2170
|
}, []);
|
|
2137
2171
|
return /* @__PURE__ */ t(
|
|
2138
|
-
|
|
2172
|
+
kt,
|
|
2139
2173
|
{
|
|
2140
|
-
hideFullScreen:
|
|
2174
|
+
hideFullScreen: s,
|
|
2141
2175
|
comments: l,
|
|
2142
2176
|
captions: i,
|
|
2143
|
-
thumbnail:
|
|
2177
|
+
thumbnail: a,
|
|
2144
2178
|
annotations: u,
|
|
2145
2179
|
quizMarkers: p,
|
|
2146
2180
|
interactive: v,
|
|
2147
2181
|
onAnnotationClick: y,
|
|
2148
2182
|
onQuizMarkerClick: k,
|
|
2149
|
-
onInteractivePinClick:
|
|
2150
|
-
interactiveMenuElements:
|
|
2151
|
-
kebabMenuElements:
|
|
2152
|
-
darkMode:
|
|
2153
|
-
forceComments:
|
|
2154
|
-
disableCaptionSettings:
|
|
2155
|
-
disableStorage:
|
|
2156
|
-
|
|
2157
|
-
|
|
2183
|
+
onInteractivePinClick: N,
|
|
2184
|
+
interactiveMenuElements: m,
|
|
2185
|
+
kebabMenuElements: b,
|
|
2186
|
+
darkMode: P,
|
|
2187
|
+
forceComments: Z,
|
|
2188
|
+
disableCaptionSettings: S,
|
|
2189
|
+
disableStorage: Y,
|
|
2190
|
+
captionOffsetOverride: Ye,
|
|
2191
|
+
disableInteractivePinRanges: Xe,
|
|
2192
|
+
onQuizMarkerShow: w,
|
|
2193
|
+
children: /* @__PURE__ */ t(yt, { contextValue: se, children: /* @__PURE__ */ c(
|
|
2194
|
+
_t,
|
|
2158
2195
|
{
|
|
2159
|
-
crossOrigin:
|
|
2160
|
-
storage:
|
|
2196
|
+
crossOrigin: ae,
|
|
2197
|
+
storage: Y ? null : et,
|
|
2161
2198
|
title: e,
|
|
2162
2199
|
src: o,
|
|
2163
|
-
keyShortcuts:
|
|
2200
|
+
keyShortcuts: Je,
|
|
2164
2201
|
playsInline: !0,
|
|
2165
|
-
keyDisabled:
|
|
2166
|
-
onTextTracksChange: (
|
|
2167
|
-
const
|
|
2168
|
-
(
|
|
2202
|
+
keyDisabled: se.state.interactionsDisabled || se.state.globalKeysDisabled,
|
|
2203
|
+
onTextTracksChange: (R) => {
|
|
2204
|
+
const ke = R == null ? void 0 : R.findIndex(
|
|
2205
|
+
(nt) => nt.src === T
|
|
2169
2206
|
);
|
|
2170
|
-
|
|
2207
|
+
ke > -1 && (R[ke].mode = "showing");
|
|
2171
2208
|
},
|
|
2172
|
-
onProviderSetup:
|
|
2209
|
+
onProviderSetup: tt,
|
|
2173
2210
|
children: [
|
|
2174
|
-
/* @__PURE__ */
|
|
2175
|
-
|
|
2176
|
-
|
|
2211
|
+
/* @__PURE__ */ c(Ct, { className: Wo.mediaProvider, children: [
|
|
2212
|
+
we === "audio" && /* @__PURE__ */ t(Xo, {}),
|
|
2213
|
+
we === "video" && /* @__PURE__ */ t(jo, {})
|
|
2177
2214
|
] }),
|
|
2178
|
-
/* @__PURE__ */ t(
|
|
2215
|
+
/* @__PURE__ */ t(O1, {}),
|
|
2179
2216
|
/* @__PURE__ */ t(
|
|
2180
|
-
|
|
2217
|
+
on,
|
|
2181
2218
|
{
|
|
2182
|
-
darkMode:
|
|
2219
|
+
darkMode: P,
|
|
2183
2220
|
playerRef: n,
|
|
2184
|
-
showCaptionsButton: !
|
|
2221
|
+
showCaptionsButton: !S
|
|
2185
2222
|
}
|
|
2186
2223
|
),
|
|
2187
|
-
/* @__PURE__ */ t(
|
|
2224
|
+
/* @__PURE__ */ t(Pt, { annotations: u }),
|
|
2225
|
+
!!p.length && /* @__PURE__ */ t(ti, {})
|
|
2188
2226
|
]
|
|
2189
2227
|
}
|
|
2190
2228
|
) })
|
|
@@ -2192,10 +2230,10 @@ function oi({
|
|
|
2192
2230
|
);
|
|
2193
2231
|
}
|
|
2194
2232
|
export {
|
|
2195
|
-
|
|
2196
|
-
|
|
2197
|
-
|
|
2198
|
-
|
|
2199
|
-
|
|
2200
|
-
|
|
2233
|
+
Bt as CAPTION_FONT_SIZE_MULTIPLIERS,
|
|
2234
|
+
Ot as COMMENT_DURATION,
|
|
2235
|
+
K as PLAYBACK_RATES,
|
|
2236
|
+
ui as StudioPlayer,
|
|
2237
|
+
hi as useMediaState,
|
|
2238
|
+
pi as useMediaStore
|
|
2201
2239
|
};
|