@instructure/studio-player 0.3.3 → 0.3.4
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/StudioPlayer/StudioPlayer.d.ts +2 -1
- package/dist/studio-player.es.js +385 -381
- package/package.json +1 -1
package/dist/studio-player.es.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import './index-lpAko5-j.css';var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
1
|
+
import './index-lpAko5-j.css';var tt = Object.defineProperty;
|
|
2
|
+
var nt = (e, n, o) => n in e ? tt(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
|
|
3
|
+
var H = (e, n, o) => nt(e, typeof n != "symbol" ? n + "" : n, o);
|
|
4
4
|
import { jsx as t, jsxs as a, Fragment as j } from "react/jsx-runtime";
|
|
5
5
|
import { createContext as ce, useContext as le, useState as x, useCallback as _, useEffect as Z, useMemo as S, useRef as W } from "react";
|
|
6
|
-
import { useMediaPlayer as z, Spinner as se, useMediaRemote as
|
|
7
|
-
import { useMediaState as
|
|
8
|
-
import { initReactI18next as
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import { useFloating as re, autoUpdate as ue, flip as de, arrow as me, useDismiss as he, useInteractions as pe, FloatingFocusManager as Se, FloatingArrow as _e, shift as Te, offset as Ee, useListNavigation as
|
|
12
|
-
const
|
|
6
|
+
import { useMediaPlayer as z, Spinner as se, useMediaRemote as ne, useMediaState as C, isTrackCaptionKind as ot, Track as it, Captions as st, usePlaybackRateOptions as at, useCaptionOptions as ct, useVideoQualityOptions as lt, useMediaStore as Ve, Poster as rt, FullscreenButton as ut, Time as ke, TimeSlider as U, VolumeSlider as J, isAudioProvider as dt, isVideoProvider as mt, MediaPlayer as ht, MediaProvider as pt } from "@vidstack/react";
|
|
7
|
+
import { useMediaState as ai, useMediaStore as ci } from "@vidstack/react";
|
|
8
|
+
import { initReactI18next as _t, useTranslation as f } from "react-i18next";
|
|
9
|
+
import Ct from "i18next";
|
|
10
|
+
import ft from "i18next-resources-to-backend";
|
|
11
|
+
import { useFloating as re, autoUpdate as ue, flip as de, arrow as me, useDismiss as he, useInteractions as pe, FloatingFocusManager as Se, FloatingArrow as _e, shift as Te, offset as Ee, useListNavigation as bt } from "@floating-ui/react";
|
|
12
|
+
const gt = (e, n, o) => {
|
|
13
13
|
const i = e[n];
|
|
14
14
|
return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((s, c) => {
|
|
15
15
|
(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
|
|
@@ -22,9 +22,9 @@ const bt = (e, n, o) => {
|
|
|
22
22
|
);
|
|
23
23
|
});
|
|
24
24
|
};
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
(e) =>
|
|
25
|
+
Ct.use(_t).use(
|
|
26
|
+
ft(
|
|
27
|
+
(e) => gt(/* @__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",
|
|
@@ -36,7 +36,7 @@ _t.use(pt).use(
|
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
38
|
const Re = ce(null);
|
|
39
|
-
function
|
|
39
|
+
function vt({
|
|
40
40
|
children: e,
|
|
41
41
|
contextValue: n
|
|
42
42
|
}) {
|
|
@@ -51,7 +51,7 @@ function g() {
|
|
|
51
51
|
return e;
|
|
52
52
|
}
|
|
53
53
|
const Ae = ce(null);
|
|
54
|
-
function
|
|
54
|
+
function wt({
|
|
55
55
|
hideFullScreen: e,
|
|
56
56
|
comments: n,
|
|
57
57
|
captions: o,
|
|
@@ -67,9 +67,10 @@ function vt({
|
|
|
67
67
|
darkMode: k,
|
|
68
68
|
children: w,
|
|
69
69
|
forceComments: M,
|
|
70
|
-
disableCaptionSettings: m
|
|
70
|
+
disableCaptionSettings: m,
|
|
71
|
+
disableStorage: b
|
|
71
72
|
}) {
|
|
72
|
-
const
|
|
73
|
+
const N = {
|
|
73
74
|
hideFullScreen: e,
|
|
74
75
|
comments: n,
|
|
75
76
|
captions: o,
|
|
@@ -87,11 +88,12 @@ function vt({
|
|
|
87
88
|
hasAnnotations: s.length > 0,
|
|
88
89
|
hasQuizmarkers: c.length > 0,
|
|
89
90
|
forceComments: M,
|
|
90
|
-
disableCaptionSettings: m
|
|
91
|
+
disableCaptionSettings: m,
|
|
92
|
+
disableStorage: b
|
|
91
93
|
};
|
|
92
|
-
return /* @__PURE__ */ t(Ae.Provider, { value:
|
|
94
|
+
return /* @__PURE__ */ t(Ae.Provider, { value: N, children: w });
|
|
93
95
|
}
|
|
94
|
-
function
|
|
96
|
+
function V() {
|
|
95
97
|
const e = le(Ae);
|
|
96
98
|
if (!e)
|
|
97
99
|
throw new Error(
|
|
@@ -99,18 +101,18 @@ function H() {
|
|
|
99
101
|
);
|
|
100
102
|
return e;
|
|
101
103
|
}
|
|
102
|
-
const
|
|
104
|
+
const yt = "_annotation-overlay_1kxzn_1", kt = {
|
|
103
105
|
"annotation-overlay": "_annotation-overlay_1kxzn_1",
|
|
104
|
-
annotationOverlay:
|
|
105
|
-
}, Le = 0.25,
|
|
106
|
+
annotationOverlay: yt
|
|
107
|
+
}, Le = 0.25, Lt = (e, n) => {
|
|
106
108
|
let o = !1;
|
|
107
109
|
return (i) => {
|
|
108
110
|
const s = i.detail.currentTime;
|
|
109
111
|
s >= e.time && s < e.time + Le && !o && (o = !0, n(e)), (s < e.time || s >= e.time + Le) && o && (o = !1);
|
|
110
112
|
};
|
|
111
113
|
};
|
|
112
|
-
function
|
|
113
|
-
const n = z(), o = g(), i =
|
|
114
|
+
function xt({ annotations: e }) {
|
|
115
|
+
const n = z(), o = g(), i = V(), [s, c] = x(
|
|
114
116
|
null
|
|
115
117
|
), l = _(
|
|
116
118
|
(u) => {
|
|
@@ -125,7 +127,7 @@ function Lt({ annotations: e }) {
|
|
|
125
127
|
return;
|
|
126
128
|
const u = [];
|
|
127
129
|
for (const p of e) {
|
|
128
|
-
const v =
|
|
130
|
+
const v = Lt(p, l);
|
|
129
131
|
n.addEventListener("time-update", v), u.push(v);
|
|
130
132
|
}
|
|
131
133
|
if (s) {
|
|
@@ -138,27 +140,27 @@ function Lt({ annotations: e }) {
|
|
|
138
140
|
for (const p of u)
|
|
139
141
|
n.removeEventListener("time-update", p);
|
|
140
142
|
};
|
|
141
|
-
}, [n, e]), s ? /* @__PURE__ */ t("div", { className:
|
|
143
|
+
}, [n, e]), s ? /* @__PURE__ */ t("div", { className: kt.annotationOverlay, children: s.render(r) }) : null;
|
|
142
144
|
}
|
|
143
|
-
const
|
|
145
|
+
const Mt = "_media-buffering-indicator_1fwjr_1", Nt = "_media-buffering-spinner_1fwjr_17", Pt = "_media-buffering-spin_1fwjr_17", It = "_media-buffering-track_1fwjr_22", Ht = "_media-buffering-track-fill_1fwjr_27", ee = {
|
|
144
146
|
"media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
|
|
145
|
-
mediaBufferingIndicator:
|
|
147
|
+
mediaBufferingIndicator: Mt,
|
|
146
148
|
"media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
|
|
147
|
-
mediaBufferingSpinner:
|
|
149
|
+
mediaBufferingSpinner: Nt,
|
|
148
150
|
"media-buffering-spin": "_media-buffering-spin_1fwjr_17",
|
|
149
|
-
mediaBufferingSpin:
|
|
151
|
+
mediaBufferingSpin: Pt,
|
|
150
152
|
"media-buffering-track": "_media-buffering-track_1fwjr_22",
|
|
151
|
-
mediaBufferingTrack:
|
|
153
|
+
mediaBufferingTrack: It,
|
|
152
154
|
"media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
|
|
153
|
-
mediaBufferingTrackFill:
|
|
155
|
+
mediaBufferingTrackFill: Ht
|
|
154
156
|
};
|
|
155
157
|
function Be() {
|
|
156
|
-
return /* @__PURE__ */ t("div", { className:
|
|
157
|
-
/* @__PURE__ */ t(se.Track, { className:
|
|
158
|
+
return /* @__PURE__ */ t("div", { className: ee.mediaBufferingIndicator, children: /* @__PURE__ */ a(se.Root, { className: ee.mediaBufferingSpinner, size: 96, children: [
|
|
159
|
+
/* @__PURE__ */ t(se.Track, { className: ee.mediaBufferingTrack, width: 8 }),
|
|
158
160
|
/* @__PURE__ */ t(
|
|
159
161
|
se.TrackFill,
|
|
160
162
|
{
|
|
161
|
-
className:
|
|
163
|
+
className: ee.mediaBufferingTrackFill,
|
|
162
164
|
width: 8
|
|
163
165
|
}
|
|
164
166
|
)
|
|
@@ -171,8 +173,8 @@ const Oe = (e) => /* @__PURE__ */ a("svg", { width: 24, height: 24, viewBox: "0
|
|
|
171
173
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104406", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
|
|
172
174
|
/* @__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" }) })
|
|
173
175
|
] });
|
|
174
|
-
function
|
|
175
|
-
const e =
|
|
176
|
+
function Vt() {
|
|
177
|
+
const e = ne(), n = C("textTrack"), o = C("hasCaptions"), i = n && ot(n), s = g(), c = _(
|
|
176
178
|
(l) => {
|
|
177
179
|
e.toggleCaptions(l.nativeEvent);
|
|
178
180
|
},
|
|
@@ -191,14 +193,14 @@ function Ht() {
|
|
|
191
193
|
}
|
|
192
194
|
) : null;
|
|
193
195
|
}
|
|
194
|
-
const
|
|
195
|
-
captions:
|
|
196
|
+
const St = "_captions_1s87p_1", Tt = {
|
|
197
|
+
captions: St
|
|
196
198
|
};
|
|
197
199
|
function Ze({ captions: e }) {
|
|
198
200
|
const n = e.length > 0, o = g();
|
|
199
201
|
return /* @__PURE__ */ a(j, { children: [
|
|
200
202
|
e.map((i) => /* @__PURE__ */ t(
|
|
201
|
-
|
|
203
|
+
it,
|
|
202
204
|
{
|
|
203
205
|
kind: "subtitles",
|
|
204
206
|
type: i.type,
|
|
@@ -218,12 +220,12 @@ function Ze({ captions: e }) {
|
|
|
218
220
|
"--captions-color": o.state.captionsInvertColors ? "rgba(22, 22, 22)" : "white",
|
|
219
221
|
"--captions-background-color": o.state.captionsInvertColors ? "rgba(255, 255, 255, 0.75)" : "rgba(22, 22, 22, 0.75)"
|
|
220
222
|
},
|
|
221
|
-
children: /* @__PURE__ */ t(
|
|
223
|
+
children: /* @__PURE__ */ t(st, { className: Tt.captions })
|
|
222
224
|
}
|
|
223
225
|
) : null
|
|
224
226
|
] });
|
|
225
227
|
}
|
|
226
|
-
const F = [0.5, 0.75, 1, 1.25, 1.5, 2],
|
|
228
|
+
const F = [0.5, 0.75, 1, 1.25, 1.5, 2], Et = [0.5, 1, 2, 3, 4], ze = 5, Rt = (e) => {
|
|
227
229
|
const [, n] = x({});
|
|
228
230
|
return S(() => {
|
|
229
231
|
let o = [];
|
|
@@ -242,20 +244,20 @@ const F = [0.5, 0.75, 1, 1.25, 1.5, 2], Tt = [0.5, 1, 2, 3, 4], ze = 5, Et = (e)
|
|
|
242
244
|
}
|
|
243
245
|
};
|
|
244
246
|
}, []);
|
|
245
|
-
},
|
|
247
|
+
}, At = (e, n, o) => {
|
|
246
248
|
let i = !1;
|
|
247
249
|
return (s) => {
|
|
248
250
|
const c = s.detail.currentTime;
|
|
249
251
|
c >= e.timestamp && c < e.timestamp + n && !i && (o.add(e), i = !0), (c < e.timestamp || c >= e.timestamp + n) && i && (o.remove(e), i = !1);
|
|
250
252
|
};
|
|
251
|
-
},
|
|
252
|
-
const o = z(), i =
|
|
253
|
+
}, Bt = (e, n = 5) => {
|
|
254
|
+
const o = z(), i = Rt(n);
|
|
253
255
|
return Z(() => {
|
|
254
256
|
if (!o)
|
|
255
257
|
return;
|
|
256
258
|
const s = [];
|
|
257
259
|
for (const c of e) {
|
|
258
|
-
const l =
|
|
260
|
+
const l = At(c, ze, i);
|
|
259
261
|
s.push(l), o.addEventListener("time-update", l);
|
|
260
262
|
}
|
|
261
263
|
return o.dispatchEvent(
|
|
@@ -268,20 +270,20 @@ const F = [0.5, 0.75, 1, 1.25, 1.5, 2], Tt = [0.5, 1, 2, 3, 4], ze = 5, Et = (e)
|
|
|
268
270
|
i.clear();
|
|
269
271
|
};
|
|
270
272
|
}, [o, i, e]), i;
|
|
271
|
-
},
|
|
273
|
+
}, Ot = "_comments-overlay_1puzm_1", Ft = "_comments-container_1puzm_10", Zt = "_comment_1puzm_1", zt = "_comment-text_1puzm_47", Kt = "_comment-author-avatar_1puzm_70", Dt = "_comment-author-name_1puzm_89", A = {
|
|
272
274
|
"comments-overlay": "_comments-overlay_1puzm_1",
|
|
273
|
-
commentsOverlay:
|
|
275
|
+
commentsOverlay: Ot,
|
|
274
276
|
"comments-container": "_comments-container_1puzm_10",
|
|
275
|
-
commentsContainer:
|
|
276
|
-
comment:
|
|
277
|
+
commentsContainer: Ft,
|
|
278
|
+
comment: Zt,
|
|
277
279
|
"comment-text": "_comment-text_1puzm_47",
|
|
278
|
-
commentText:
|
|
280
|
+
commentText: zt,
|
|
279
281
|
"comment-author-avatar": "_comment-author-avatar_1puzm_70",
|
|
280
|
-
commentAuthorAvatar:
|
|
282
|
+
commentAuthorAvatar: Kt,
|
|
281
283
|
"comment-author-name": "_comment-author-name_1puzm_89",
|
|
282
|
-
commentAuthorName:
|
|
284
|
+
commentAuthorName: Dt
|
|
283
285
|
};
|
|
284
|
-
function
|
|
286
|
+
function $t({ comment: e }) {
|
|
285
287
|
return e.render ? e.render(e, A) : /* @__PURE__ */ a("div", { className: A.comment, onClick: () => {
|
|
286
288
|
var n;
|
|
287
289
|
return (n = e.onClick) == null ? void 0 : n.call(e, e);
|
|
@@ -298,9 +300,9 @@ function Dt({ comment: e }) {
|
|
|
298
300
|
/* @__PURE__ */ t("span", { className: A.commentAuthorName, children: e.user.name })
|
|
299
301
|
] });
|
|
300
302
|
}
|
|
301
|
-
const
|
|
302
|
-
function
|
|
303
|
-
const n = g(), o =
|
|
303
|
+
const Ut = 5;
|
|
304
|
+
function qt({ comments: e }) {
|
|
305
|
+
const n = g(), o = Bt(e, Ut), i = !!C("textTrack"), s = o.map((c) => /* @__PURE__ */ t($t, { comment: c }, c.id));
|
|
304
306
|
return e.length > 0 && n.state.commentsEnabled ? /* @__PURE__ */ t(
|
|
305
307
|
"div",
|
|
306
308
|
{
|
|
@@ -312,19 +314,19 @@ function Ut({ comments: e }) {
|
|
|
312
314
|
}
|
|
313
315
|
) : null;
|
|
314
316
|
}
|
|
315
|
-
const
|
|
316
|
-
root:
|
|
317
|
+
const Gt = "_root_1x28e_1", Wt = "_left-controls_1x28e_28", jt = "_right-controls_1x28e_34", Qt = "_indicators_1x28e_40", Yt = "_normal-timeline_1x28e_49", Xt = "_compact-timeline_1x28e_55", O = {
|
|
318
|
+
root: Gt,
|
|
317
319
|
"left-controls": "_left-controls_1x28e_28",
|
|
318
|
-
leftControls:
|
|
320
|
+
leftControls: Wt,
|
|
319
321
|
"right-controls": "_right-controls_1x28e_34",
|
|
320
|
-
rightControls:
|
|
321
|
-
indicators:
|
|
322
|
+
rightControls: jt,
|
|
323
|
+
indicators: Qt,
|
|
322
324
|
"normal-timeline": "_normal-timeline_1x28e_49",
|
|
323
|
-
normalTimeline:
|
|
325
|
+
normalTimeline: Yt,
|
|
324
326
|
"compact-timeline": "_compact-timeline_1x28e_55",
|
|
325
|
-
compactTimeline:
|
|
327
|
+
compactTimeline: Xt
|
|
326
328
|
};
|
|
327
|
-
function
|
|
329
|
+
function Jt({
|
|
328
330
|
darkMode: e,
|
|
329
331
|
playerRef: n,
|
|
330
332
|
showCaptionsButton: o = !0
|
|
@@ -335,27 +337,27 @@ function Xt({
|
|
|
335
337
|
}, [i, n]), /* @__PURE__ */ a("div", { "data-darkmode": e, className: O.root, children: [
|
|
336
338
|
/* @__PURE__ */ t(Ne, { className: O.normalTimeline }),
|
|
337
339
|
/* @__PURE__ */ a("div", { className: O.leftControls, children: [
|
|
338
|
-
/* @__PURE__ */ t(
|
|
339
|
-
/* @__PURE__ */ t(
|
|
340
|
+
/* @__PURE__ */ t(B1, {}),
|
|
341
|
+
/* @__PURE__ */ t(zo, {})
|
|
340
342
|
] }),
|
|
341
|
-
/* @__PURE__ */ t("div", { className: O.indicators, children: /* @__PURE__ */ t(
|
|
343
|
+
/* @__PURE__ */ t("div", { className: O.indicators, children: /* @__PURE__ */ t(Q1, {}) }),
|
|
342
344
|
/* @__PURE__ */ t(Ne, { className: O.compactTimeline }),
|
|
343
345
|
/* @__PURE__ */ a("div", { className: O.rightControls, children: [
|
|
344
|
-
o && /* @__PURE__ */ t(
|
|
345
|
-
/* @__PURE__ */ t(
|
|
346
|
-
/* @__PURE__ */ t(
|
|
346
|
+
o && /* @__PURE__ */ t(Vt, {}),
|
|
347
|
+
/* @__PURE__ */ t(jn, {}),
|
|
348
|
+
/* @__PURE__ */ t(u1, {})
|
|
347
349
|
] })
|
|
348
350
|
] });
|
|
349
351
|
}
|
|
350
|
-
const
|
|
352
|
+
const en = (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" }) }), tn = (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" }) }), nn = "_menu-hint_k49ve_1", on = "_menu-button_k49ve_5", sn = "_menu-label_k49ve_37", an = "_menu-icon_k49ve_42", te = {
|
|
351
353
|
"menu-hint": "_menu-hint_k49ve_1",
|
|
352
|
-
menuHint:
|
|
354
|
+
menuHint: nn,
|
|
353
355
|
"menu-button": "_menu-button_k49ve_5",
|
|
354
|
-
menuButton:
|
|
356
|
+
menuButton: on,
|
|
355
357
|
"menu-label": "_menu-label_k49ve_37",
|
|
356
|
-
menuLabel:
|
|
358
|
+
menuLabel: sn,
|
|
357
359
|
"menu-icon": "_menu-icon_k49ve_42",
|
|
358
|
-
menuIcon:
|
|
360
|
+
menuIcon: an
|
|
359
361
|
};
|
|
360
362
|
function Q({ label: e, hint: n, onClick: o, Icon: i }) {
|
|
361
363
|
return /* @__PURE__ */ a(
|
|
@@ -366,19 +368,19 @@ function Q({ label: e, hint: n, onClick: o, Icon: i }) {
|
|
|
366
368
|
"aria-label": e,
|
|
367
369
|
tabIndex: -1,
|
|
368
370
|
onClick: o,
|
|
369
|
-
className:
|
|
371
|
+
className: te.menuButton,
|
|
370
372
|
children: [
|
|
371
|
-
i && /* @__PURE__ */ t(i, { className:
|
|
372
|
-
/* @__PURE__ */ t("span", { className:
|
|
373
|
-
/* @__PURE__ */ t("span", { className:
|
|
374
|
-
/* @__PURE__ */ t(
|
|
373
|
+
i && /* @__PURE__ */ t(i, { className: te.menuIcon }),
|
|
374
|
+
/* @__PURE__ */ t("span", { className: te.menuLabel, children: e }),
|
|
375
|
+
/* @__PURE__ */ t("span", { className: te.menuHint, children: n }),
|
|
376
|
+
/* @__PURE__ */ t(tn, {})
|
|
375
377
|
]
|
|
376
378
|
}
|
|
377
379
|
);
|
|
378
380
|
}
|
|
379
|
-
const
|
|
380
|
-
function
|
|
381
|
-
const e =
|
|
381
|
+
const cn = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "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" }) });
|
|
382
|
+
function ln() {
|
|
383
|
+
const e = I(), n = C("playbackRate"), { t: o } = f(), i = _(() => {
|
|
382
384
|
e.setPage("speed");
|
|
383
385
|
}, [e]);
|
|
384
386
|
return /* @__PURE__ */ t(
|
|
@@ -387,12 +389,12 @@ function cn() {
|
|
|
387
389
|
label: o("PLAYBACK_SPEED"),
|
|
388
390
|
hint: `${n}x`,
|
|
389
391
|
onClick: i,
|
|
390
|
-
Icon:
|
|
392
|
+
Icon: cn
|
|
391
393
|
}
|
|
392
394
|
);
|
|
393
395
|
}
|
|
394
|
-
function
|
|
395
|
-
const e =
|
|
396
|
+
function rn() {
|
|
397
|
+
const e = I(), n = C("hasCaptions"), o = C("textTrack"), { t: i } = f(), s = _(() => {
|
|
396
398
|
e.setPage("captions");
|
|
397
399
|
}, [e]);
|
|
398
400
|
return n ? /* @__PURE__ */ t(
|
|
@@ -405,7 +407,7 @@ function ln() {
|
|
|
405
407
|
}
|
|
406
408
|
) : null;
|
|
407
409
|
}
|
|
408
|
-
const
|
|
410
|
+
const un = (e) => /* @__PURE__ */ a("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
409
411
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_412_23039", children: /* @__PURE__ */ t("rect", { width: 18, height: 18, fill: "white" }) }) }),
|
|
410
412
|
/* @__PURE__ */ a("g", { clipPath: "url(#clip0_412_23039)", children: [
|
|
411
413
|
/* @__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" }),
|
|
@@ -413,8 +415,8 @@ const rn = (e) => /* @__PURE__ */ a("svg", { width: 18, height: 18, viewBox: "0
|
|
|
413
415
|
/* @__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" })
|
|
414
416
|
] })
|
|
415
417
|
] });
|
|
416
|
-
function
|
|
417
|
-
const e =
|
|
418
|
+
function dn() {
|
|
419
|
+
const e = I(), n = C("autoQuality"), o = C("quality"), { t: i } = f(), s = _(() => {
|
|
418
420
|
e.setPage("quality");
|
|
419
421
|
}, [e]);
|
|
420
422
|
return o ? /* @__PURE__ */ t(
|
|
@@ -423,23 +425,23 @@ function un() {
|
|
|
423
425
|
label: i("QUALITY"),
|
|
424
426
|
hint: n ? i("AUTO", { quality: o.height }) : `${o.height}p`,
|
|
425
427
|
onClick: s,
|
|
426
|
-
Icon:
|
|
428
|
+
Icon: un
|
|
427
429
|
}
|
|
428
430
|
) : null;
|
|
429
431
|
}
|
|
430
|
-
const
|
|
432
|
+
const mn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { 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" }) }), hn = (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" }) }), pn = "_switch-track_1d65g_1", _n = "_switch-thumb_1d65g_12", Cn = "_switch-icon_1d65g_26", fn = "_switch-body_1d65g_32", bn = "_switch-label_1d65g_73", gn = "_menu-icon_1d65g_77", R = {
|
|
431
433
|
"switch-track": "_switch-track_1d65g_1",
|
|
432
|
-
switchTrack:
|
|
434
|
+
switchTrack: pn,
|
|
433
435
|
"switch-thumb": "_switch-thumb_1d65g_12",
|
|
434
|
-
switchThumb:
|
|
436
|
+
switchThumb: _n,
|
|
435
437
|
"switch-icon": "_switch-icon_1d65g_26",
|
|
436
|
-
switchIcon:
|
|
438
|
+
switchIcon: Cn,
|
|
437
439
|
"switch-body": "_switch-body_1d65g_32",
|
|
438
|
-
switchBody:
|
|
440
|
+
switchBody: fn,
|
|
439
441
|
"switch-label": "_switch-label_1d65g_73",
|
|
440
|
-
switchLabel:
|
|
442
|
+
switchLabel: bn,
|
|
441
443
|
"menu-icon": "_menu-icon_1d65g_77",
|
|
442
|
-
menuIcon:
|
|
444
|
+
menuIcon: gn
|
|
443
445
|
};
|
|
444
446
|
function Ce({
|
|
445
447
|
label: e,
|
|
@@ -459,27 +461,27 @@ function Ce({
|
|
|
459
461
|
children: [
|
|
460
462
|
i && /* @__PURE__ */ t(i, { className: R.menuIcon }),
|
|
461
463
|
/* @__PURE__ */ t("span", { className: R.switchLabel, children: e }),
|
|
462
|
-
/* @__PURE__ */ t("div", { className: R.switchTrack, children: /* @__PURE__ */ t("div", { className: R.switchThumb, children: n ? /* @__PURE__ */ t(
|
|
464
|
+
/* @__PURE__ */ t("div", { className: R.switchTrack, children: /* @__PURE__ */ t("div", { className: R.switchThumb, children: n ? /* @__PURE__ */ t(mn, { className: R.switchIcon }) : /* @__PURE__ */ t(hn, { className: R.switchIcon }) }) })
|
|
463
465
|
]
|
|
464
466
|
}
|
|
465
467
|
);
|
|
466
468
|
}
|
|
467
|
-
const
|
|
468
|
-
function
|
|
469
|
-
const { t: e } = f(), n =
|
|
469
|
+
const vn = (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" }) });
|
|
470
|
+
function wn() {
|
|
471
|
+
const { t: e } = f(), n = V(), o = g();
|
|
470
472
|
return !n.forceComments && n.hasComments ? /* @__PURE__ */ t(
|
|
471
473
|
Ce,
|
|
472
474
|
{
|
|
473
|
-
Icon:
|
|
475
|
+
Icon: vn,
|
|
474
476
|
label: e("COMMENTS"),
|
|
475
477
|
onClick: o.toggleComments,
|
|
476
478
|
checked: o.state.commentsEnabled
|
|
477
479
|
}
|
|
478
480
|
) : null;
|
|
479
481
|
}
|
|
480
|
-
const
|
|
482
|
+
const yn = "_main-menu_7h96l_1", kn = {
|
|
481
483
|
"main-menu": "_main-menu_7h96l_1",
|
|
482
|
-
mainMenu:
|
|
484
|
+
mainMenu: yn
|
|
483
485
|
};
|
|
484
486
|
function Ke(e) {
|
|
485
487
|
Z(() => {
|
|
@@ -492,11 +494,11 @@ function Ke(e) {
|
|
|
492
494
|
};
|
|
493
495
|
}, [e]);
|
|
494
496
|
}
|
|
495
|
-
function
|
|
497
|
+
function Ln(e) {
|
|
496
498
|
const n = S(() => ({ Escape: e }), [e]);
|
|
497
499
|
return Ke(n);
|
|
498
500
|
}
|
|
499
|
-
const
|
|
501
|
+
const I = () => {
|
|
500
502
|
const e = le(De);
|
|
501
503
|
if (!e)
|
|
502
504
|
throw new Error(
|
|
@@ -504,48 +506,48 @@ const P = () => {
|
|
|
504
506
|
);
|
|
505
507
|
return e;
|
|
506
508
|
};
|
|
507
|
-
function
|
|
509
|
+
function xn(e, n) {
|
|
508
510
|
const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(n);
|
|
509
511
|
return o[i - 1] ?? null;
|
|
510
512
|
}
|
|
511
|
-
function
|
|
513
|
+
function Mn(e, n) {
|
|
512
514
|
const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(n);
|
|
513
515
|
return o[i + 1] ?? null;
|
|
514
516
|
}
|
|
515
|
-
function
|
|
517
|
+
function Nn(e) {
|
|
516
518
|
return e.querySelector("button");
|
|
517
519
|
}
|
|
518
|
-
function
|
|
520
|
+
function Pn(e) {
|
|
519
521
|
const n = Array.from(e.querySelectorAll("button"));
|
|
520
522
|
return n[n.length - 1] ?? null;
|
|
521
523
|
}
|
|
522
524
|
function K() {
|
|
523
|
-
const e =
|
|
525
|
+
const e = I(), n = W(null), o = S(
|
|
524
526
|
() => ({
|
|
525
527
|
Escape: e.toggle,
|
|
526
528
|
ArrowUp: () => {
|
|
527
529
|
const i = document.activeElement;
|
|
528
530
|
if (i && n.current && n.current.contains(i)) {
|
|
529
|
-
const s =
|
|
531
|
+
const s = xn(
|
|
530
532
|
n.current,
|
|
531
533
|
i
|
|
532
534
|
);
|
|
533
535
|
s == null || s.focus();
|
|
534
536
|
} else if (n.current) {
|
|
535
|
-
const s =
|
|
537
|
+
const s = Pn(n.current);
|
|
536
538
|
s == null || s.focus();
|
|
537
539
|
}
|
|
538
540
|
},
|
|
539
541
|
ArrowDown: () => {
|
|
540
542
|
const i = document.activeElement;
|
|
541
543
|
if (i && n.current && n.current.contains(i)) {
|
|
542
|
-
const s =
|
|
544
|
+
const s = Mn(
|
|
543
545
|
n.current,
|
|
544
546
|
i
|
|
545
547
|
);
|
|
546
548
|
s == null || s.focus();
|
|
547
549
|
} else if (n.current) {
|
|
548
|
-
const s =
|
|
550
|
+
const s = Nn(n.current);
|
|
549
551
|
s == null || s.focus();
|
|
550
552
|
}
|
|
551
553
|
},
|
|
@@ -559,7 +561,7 @@ function K() {
|
|
|
559
561
|
);
|
|
560
562
|
return Ke(o), n;
|
|
561
563
|
}
|
|
562
|
-
function
|
|
564
|
+
function In() {
|
|
563
565
|
const e = K(), { t: n } = f();
|
|
564
566
|
return /* @__PURE__ */ a(
|
|
565
567
|
"div",
|
|
@@ -568,32 +570,32 @@ function Pn() {
|
|
|
568
570
|
id: "submenu",
|
|
569
571
|
"aria-label": n("MAIN_MENU"),
|
|
570
572
|
role: "menu",
|
|
571
|
-
className:
|
|
573
|
+
className: kn.mainMenu,
|
|
572
574
|
children: [
|
|
573
|
-
/* @__PURE__ */ t(cn, {}),
|
|
574
575
|
/* @__PURE__ */ t(ln, {}),
|
|
575
|
-
/* @__PURE__ */ t(
|
|
576
|
-
/* @__PURE__ */ t(
|
|
576
|
+
/* @__PURE__ */ t(rn, {}),
|
|
577
|
+
/* @__PURE__ */ t(wn, {}),
|
|
578
|
+
/* @__PURE__ */ t(dn, {})
|
|
577
579
|
]
|
|
578
580
|
}
|
|
579
581
|
);
|
|
580
582
|
}
|
|
581
|
-
const
|
|
583
|
+
const oe = (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" }) }), Y = (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" }) }), Hn = "_menu-container_1lrzf_1", Vn = "_menu-heading_1lrzf_6", Sn = "_check-icon_1lrzf_22", Tn = "_menu-item-label_1lrzf_28", En = "_menu-item_1lrzf_28", Rn = "_menu-back-button_1lrzf_61", h = {
|
|
582
584
|
"menu-container": "_menu-container_1lrzf_1",
|
|
583
|
-
menuContainer:
|
|
585
|
+
menuContainer: Hn,
|
|
584
586
|
"menu-heading": "_menu-heading_1lrzf_6",
|
|
585
|
-
menuHeading:
|
|
587
|
+
menuHeading: Vn,
|
|
586
588
|
"check-icon": "_check-icon_1lrzf_22",
|
|
587
|
-
checkIcon:
|
|
589
|
+
checkIcon: Sn,
|
|
588
590
|
"menu-item-label": "_menu-item-label_1lrzf_28",
|
|
589
|
-
menuItemLabel:
|
|
591
|
+
menuItemLabel: Tn,
|
|
590
592
|
"menu-item": "_menu-item_1lrzf_28",
|
|
591
|
-
menuItem:
|
|
593
|
+
menuItem: En,
|
|
592
594
|
"menu-back-button": "_menu-back-button_1lrzf_61",
|
|
593
|
-
menuBackButton:
|
|
595
|
+
menuBackButton: Rn
|
|
594
596
|
};
|
|
595
|
-
function
|
|
596
|
-
const e =
|
|
597
|
+
function An() {
|
|
598
|
+
const e = I(), n = at({
|
|
597
599
|
rates: F,
|
|
598
600
|
normalLabel: "1x"
|
|
599
601
|
}), { t: o } = f(), i = K();
|
|
@@ -632,7 +634,7 @@ function Rn() {
|
|
|
632
634
|
tabIndex: -1,
|
|
633
635
|
className: h.menuItem,
|
|
634
636
|
children: [
|
|
635
|
-
/* @__PURE__ */ t(
|
|
637
|
+
/* @__PURE__ */ t(oe, { className: h.checkIcon }),
|
|
636
638
|
/* @__PURE__ */ t("span", { className: h.menuItemLabel, children: c })
|
|
637
639
|
]
|
|
638
640
|
},
|
|
@@ -642,8 +644,8 @@ function Rn() {
|
|
|
642
644
|
}
|
|
643
645
|
);
|
|
644
646
|
}
|
|
645
|
-
function
|
|
646
|
-
const e =
|
|
647
|
+
function Bn() {
|
|
648
|
+
const e = I(), n = C("textTrack"), { t: o } = f(), { disableCaptionSettings: i } = g(), s = _(() => {
|
|
647
649
|
e.setPage("captionLanguage");
|
|
648
650
|
}, [e]);
|
|
649
651
|
return i ? null : /* @__PURE__ */ t(
|
|
@@ -655,8 +657,8 @@ function An() {
|
|
|
655
657
|
}
|
|
656
658
|
);
|
|
657
659
|
}
|
|
658
|
-
function
|
|
659
|
-
const { t: e } = f(), n = g(), o =
|
|
660
|
+
function On() {
|
|
661
|
+
const { t: e } = f(), n = g(), o = I(), i = _(() => {
|
|
660
662
|
o.setPage("captionFontSize");
|
|
661
663
|
}, [o]);
|
|
662
664
|
return /* @__PURE__ */ t(
|
|
@@ -668,7 +670,7 @@ function Bn() {
|
|
|
668
670
|
}
|
|
669
671
|
);
|
|
670
672
|
}
|
|
671
|
-
function
|
|
673
|
+
function Fn() {
|
|
672
674
|
const { t: e } = f(), n = g();
|
|
673
675
|
return /* @__PURE__ */ t(
|
|
674
676
|
Ce,
|
|
@@ -679,7 +681,7 @@ function On() {
|
|
|
679
681
|
}
|
|
680
682
|
);
|
|
681
683
|
}
|
|
682
|
-
function
|
|
684
|
+
function Zn() {
|
|
683
685
|
const { t: e } = f(), n = g();
|
|
684
686
|
return /* @__PURE__ */ t(
|
|
685
687
|
Ce,
|
|
@@ -690,8 +692,8 @@ function Fn() {
|
|
|
690
692
|
}
|
|
691
693
|
);
|
|
692
694
|
}
|
|
693
|
-
function
|
|
694
|
-
const e =
|
|
695
|
+
function zn() {
|
|
696
|
+
const e = I(), { t: n } = f(), o = K();
|
|
695
697
|
return /* @__PURE__ */ a(
|
|
696
698
|
"div",
|
|
697
699
|
{
|
|
@@ -716,16 +718,16 @@ function Zn() {
|
|
|
716
718
|
}
|
|
717
719
|
),
|
|
718
720
|
/* @__PURE__ */ t("strong", { className: h.menuHeading, children: n("CAPTIONS") }),
|
|
719
|
-
/* @__PURE__ */ t(An, {}),
|
|
720
721
|
/* @__PURE__ */ t(Bn, {}),
|
|
721
722
|
/* @__PURE__ */ t(On, {}),
|
|
722
|
-
/* @__PURE__ */ t(Fn, {})
|
|
723
|
+
/* @__PURE__ */ t(Fn, {}),
|
|
724
|
+
/* @__PURE__ */ t(Zn, {})
|
|
723
725
|
]
|
|
724
726
|
}
|
|
725
727
|
);
|
|
726
728
|
}
|
|
727
|
-
function
|
|
728
|
-
const e =
|
|
729
|
+
function Kn() {
|
|
730
|
+
const e = I(), n = ct(), { t: o } = f(), i = K();
|
|
729
731
|
return /* @__PURE__ */ a(
|
|
730
732
|
"div",
|
|
731
733
|
{
|
|
@@ -760,7 +762,7 @@ function zn() {
|
|
|
760
762
|
tabIndex: -1,
|
|
761
763
|
className: h.menuItem,
|
|
762
764
|
children: [
|
|
763
|
-
/* @__PURE__ */ t(
|
|
765
|
+
/* @__PURE__ */ t(oe, { className: h.checkIcon }),
|
|
764
766
|
/* @__PURE__ */ t("span", { className: h.menuItemLabel, children: c })
|
|
765
767
|
]
|
|
766
768
|
},
|
|
@@ -770,8 +772,8 @@ function zn() {
|
|
|
770
772
|
}
|
|
771
773
|
);
|
|
772
774
|
}
|
|
773
|
-
function
|
|
774
|
-
const e = g(), n =
|
|
775
|
+
function Dn() {
|
|
776
|
+
const e = g(), n = I(), { t: o } = f(), i = K();
|
|
775
777
|
return /* @__PURE__ */ a(
|
|
776
778
|
"div",
|
|
777
779
|
{
|
|
@@ -796,7 +798,7 @@ function Kn() {
|
|
|
796
798
|
}
|
|
797
799
|
),
|
|
798
800
|
/* @__PURE__ */ t("strong", { className: h.menuHeading, children: o("CAPTIONS") }),
|
|
799
|
-
|
|
801
|
+
Et.map((s) => /* @__PURE__ */ a(
|
|
800
802
|
"button",
|
|
801
803
|
{
|
|
802
804
|
type: "button",
|
|
@@ -808,7 +810,7 @@ function Kn() {
|
|
|
808
810
|
tabIndex: -1,
|
|
809
811
|
className: h.menuItem,
|
|
810
812
|
children: [
|
|
811
|
-
/* @__PURE__ */ t(
|
|
813
|
+
/* @__PURE__ */ t(oe, { className: h.checkIcon }),
|
|
812
814
|
/* @__PURE__ */ a("span", { className: h.menuItemLabel, children: [
|
|
813
815
|
s * 100,
|
|
814
816
|
"%"
|
|
@@ -821,8 +823,8 @@ function Kn() {
|
|
|
821
823
|
}
|
|
822
824
|
);
|
|
823
825
|
}
|
|
824
|
-
function
|
|
825
|
-
const e =
|
|
826
|
+
function $n() {
|
|
827
|
+
const e = I(), n = lt({ sort: "descending" }), o = C("autoQuality"), { t: i } = f(), s = K();
|
|
826
828
|
return /* @__PURE__ */ a(
|
|
827
829
|
"div",
|
|
828
830
|
{
|
|
@@ -857,7 +859,7 @@ function Dn() {
|
|
|
857
859
|
tabIndex: -1,
|
|
858
860
|
className: h.menuItem,
|
|
859
861
|
children: [
|
|
860
|
-
/* @__PURE__ */ t(
|
|
862
|
+
/* @__PURE__ */ t(oe, { className: h.checkIcon }),
|
|
861
863
|
/* @__PURE__ */ t("span", { className: h.menuItemLabel, children: l })
|
|
862
864
|
]
|
|
863
865
|
},
|
|
@@ -867,22 +869,22 @@ function Dn() {
|
|
|
867
869
|
}
|
|
868
870
|
);
|
|
869
871
|
}
|
|
870
|
-
const De = ce(null),
|
|
871
|
-
main:
|
|
872
|
-
speed:
|
|
873
|
-
captions:
|
|
874
|
-
captionLanguage:
|
|
875
|
-
captionFontSize:
|
|
876
|
-
quality:
|
|
872
|
+
const De = ce(null), Un = {
|
|
873
|
+
main: In,
|
|
874
|
+
speed: An,
|
|
875
|
+
captions: zn,
|
|
876
|
+
captionLanguage: Kn,
|
|
877
|
+
captionFontSize: Dn,
|
|
878
|
+
quality: $n
|
|
877
879
|
};
|
|
878
|
-
function
|
|
880
|
+
function qn() {
|
|
879
881
|
const e = g(), [n, o] = x(["main"]), [i, s] = x(!1), c = _(() => {
|
|
880
882
|
s(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
|
|
881
|
-
}, [i]), l = _((
|
|
882
|
-
o((T) => T.concat(
|
|
883
|
+
}, [i]), l = _((N) => {
|
|
884
|
+
o((T) => T.concat(N));
|
|
883
885
|
}, []), r = _(() => {
|
|
884
|
-
o((
|
|
885
|
-
}, []), u = S(() =>
|
|
886
|
+
o((N) => N.length > 1 ? N.slice(0, -1) : N);
|
|
887
|
+
}, []), u = S(() => Un[n[n.length - 1]], [n]), p = W(null), { refs: v, floatingStyles: y, context: k } = re({
|
|
886
888
|
open: i,
|
|
887
889
|
onOpenChange: c,
|
|
888
890
|
placement: "top-end",
|
|
@@ -914,12 +916,12 @@ function Un() {
|
|
|
914
916
|
contextValue: b
|
|
915
917
|
};
|
|
916
918
|
}
|
|
917
|
-
const
|
|
919
|
+
const Gn = "_settings-menu_7d0td_1", Wn = "_arrow_7d0td_19", xe = {
|
|
918
920
|
"settings-menu": "_settings-menu_7d0td_1",
|
|
919
|
-
settingsMenu:
|
|
920
|
-
arrow:
|
|
921
|
+
settingsMenu: Gn,
|
|
922
|
+
arrow: Wn
|
|
921
923
|
};
|
|
922
|
-
function
|
|
924
|
+
function jn() {
|
|
923
925
|
const {
|
|
924
926
|
Page: e,
|
|
925
927
|
arrowRef: n,
|
|
@@ -930,7 +932,7 @@ function Wn() {
|
|
|
930
932
|
open: l,
|
|
931
933
|
refs: r,
|
|
932
934
|
contextValue: u
|
|
933
|
-
} =
|
|
935
|
+
} = qn(), { t: p } = f();
|
|
934
936
|
return /* @__PURE__ */ a(j, { children: [
|
|
935
937
|
/* @__PURE__ */ t(
|
|
936
938
|
"button",
|
|
@@ -942,7 +944,7 @@ function Wn() {
|
|
|
942
944
|
onClick: u.toggle,
|
|
943
945
|
"aria-expanded": l,
|
|
944
946
|
...c(),
|
|
945
|
-
children: /* @__PURE__ */ t(
|
|
947
|
+
children: /* @__PURE__ */ t(en, { className: "controls-button-icon icon-rotate" })
|
|
946
948
|
}
|
|
947
949
|
),
|
|
948
950
|
l && /* @__PURE__ */ t(Se, { context: o, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ a(
|
|
@@ -978,17 +980,17 @@ function $e(e, n = 1e3) {
|
|
|
978
980
|
}, [i, n]), s ? /* @__PURE__ */ t(e, {}) : null;
|
|
979
981
|
};
|
|
980
982
|
}
|
|
981
|
-
const fe = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), be = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), Ue = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1179 1.41211V22.589H11.2943L5.64717 16.9418V7.05928L11.2943 1.41211H14.1179ZM4.23537 7.05928V16.9418H2.11769C0.957618 16.9418 0.0189406 16.0147 0.00028305 14.8592L0 14.8241V9.17696C0 8.01689 0.927077 7.07822 2.0826 7.05956L2.11769 7.05928H4.23537ZM22.3744 7.93711L24 9.56119L21.5623 11.9988L24 14.4365L22.3744 16.0621L19.9383 13.6245L17.5006 16.0621L15.875 14.4365L18.3127 11.9988L15.875 9.56119L17.5006 7.93711L19.9383 10.3748L22.3744 7.93711Z", fill: "currentColor" }) }), qe = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 6.98017V16.8627L11.2943 22.5099H14.1179V1.33301H11.2943L5.64714 6.98017ZM0 9.09785V14.745C0 15.9168 0.945899 16.8627 2.11768 16.8627H4.23537V6.98017H2.11768C0.945899 6.98017 0 7.92607 0 9.09785ZM18.3527 11.9207C18.3527 10.6134 17.8388 9.36962 16.9056 8.4209L17.9094 7.43123C19.1066 8.64396 19.7645 10.2393 19.7645 11.9207C19.7645 13.6036 19.1066 15.1989 17.9094 16.4116L16.9056 15.422C17.8388 14.4732 18.3527 13.2295 18.3527 11.9207Z", fill: "currentColor" }) }), Ge = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 16.8627V6.98017L11.2943 1.33301H14.1179V22.5099H11.2943L5.64714 16.8627ZM0 14.745V9.09785C0 7.92607 0.945899 6.98017 2.11768 6.98017H4.23537V16.8627H2.11768C0.945899 16.8627 0 15.9168 0 14.745ZM16.9056 8.4209C17.8388 9.36962 18.3527 10.6134 18.3527 11.9207C18.3527 13.2295 17.8388 14.4732 16.9056 15.422L17.9094 16.4116C19.1066 15.1989 19.7645 13.6036 19.7645 11.9207C19.7645 10.2393 19.1066 8.64396 17.9094 7.43123L16.9056 8.4209ZM19.9016 5.43185L20.8997 4.43372C22.9002 6.43422 24 9.09403 24 11.9219C24 14.7497 22.9002 17.4081 20.8997 19.4086L19.9016 18.4104C21.6353 16.6782 22.5882 14.3727 22.5882 11.9219C22.5882 9.46957 21.6353 7.16553 19.9016 5.43185Z", fill: "currentColor" }) }),
|
|
983
|
+
const fe = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), be = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), Ue = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1179 1.41211V22.589H11.2943L5.64717 16.9418V7.05928L11.2943 1.41211H14.1179ZM4.23537 7.05928V16.9418H2.11769C0.957618 16.9418 0.0189406 16.0147 0.00028305 14.8592L0 14.8241V9.17696C0 8.01689 0.927077 7.07822 2.0826 7.05956L2.11769 7.05928H4.23537ZM22.3744 7.93711L24 9.56119L21.5623 11.9988L24 14.4365L22.3744 16.0621L19.9383 13.6245L17.5006 16.0621L15.875 14.4365L18.3127 11.9988L15.875 9.56119L17.5006 7.93711L19.9383 10.3748L22.3744 7.93711Z", fill: "currentColor" }) }), qe = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 6.98017V16.8627L11.2943 22.5099H14.1179V1.33301H11.2943L5.64714 6.98017ZM0 9.09785V14.745C0 15.9168 0.945899 16.8627 2.11768 16.8627H4.23537V6.98017H2.11768C0.945899 6.98017 0 7.92607 0 9.09785ZM18.3527 11.9207C18.3527 10.6134 17.8388 9.36962 16.9056 8.4209L17.9094 7.43123C19.1066 8.64396 19.7645 10.2393 19.7645 11.9207C19.7645 13.6036 19.1066 15.1989 17.9094 16.4116L16.9056 15.422C17.8388 14.4732 18.3527 13.2295 18.3527 11.9207Z", fill: "currentColor" }) }), Ge = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 16.8627V6.98017L11.2943 1.33301H14.1179V22.5099H11.2943L5.64714 16.8627ZM0 14.745V9.09785C0 7.92607 0.945899 6.98017 2.11768 6.98017H4.23537V16.8627H2.11768C0.945899 16.8627 0 15.9168 0 14.745ZM16.9056 8.4209C17.8388 9.36962 18.3527 10.6134 18.3527 11.9207C18.3527 13.2295 17.8388 14.4732 16.9056 15.422L17.9094 16.4116C19.1066 15.1989 19.7645 13.6036 19.7645 11.9207C19.7645 10.2393 19.1066 8.64396 17.9094 7.43123L16.9056 8.4209ZM19.9016 5.43185L20.8997 4.43372C22.9002 6.43422 24 9.09403 24 11.9219C24 14.7497 22.9002 17.4081 20.8997 19.4086L19.9016 18.4104C21.6353 16.6782 22.5882 14.3727 22.5882 11.9219C22.5882 9.46957 21.6353 7.16553 19.9016 5.43185Z", fill: "currentColor" }) }), Qn = (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" }) }), Yn = (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" }) }), Xn = "_feedback-overlay_v4lbu_1", Jn = "_feedback-message_v4lbu_14", e1 = "_feedback-icon_v4lbu_30", t1 = "_feedback-icon-animation_v4lbu_1", L = {
|
|
982
984
|
"feedback-overlay": "_feedback-overlay_v4lbu_1",
|
|
983
|
-
feedbackOverlay:
|
|
985
|
+
feedbackOverlay: Xn,
|
|
984
986
|
"feedback-message": "_feedback-message_v4lbu_14",
|
|
985
|
-
feedbackMessage:
|
|
987
|
+
feedbackMessage: Jn,
|
|
986
988
|
"feedback-icon": "_feedback-icon_v4lbu_30",
|
|
987
|
-
feedbackIcon:
|
|
989
|
+
feedbackIcon: e1,
|
|
988
990
|
"feedback-icon-animation": "_feedback-icon-animation_v4lbu_1",
|
|
989
|
-
feedbackIconAnimation:
|
|
991
|
+
feedbackIconAnimation: t1
|
|
990
992
|
};
|
|
991
|
-
function
|
|
993
|
+
function n1() {
|
|
992
994
|
var o;
|
|
993
995
|
const e = Ve();
|
|
994
996
|
switch ((o = e.lastKeyboardAction) == null ? void 0 : o.action) {
|
|
@@ -1004,15 +1006,15 @@ function t1() {
|
|
|
1004
1006
|
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, {}) });
|
|
1005
1007
|
case "seekForward":
|
|
1006
1008
|
case "seekForward10":
|
|
1007
|
-
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(
|
|
1009
|
+
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(Qn, { className: "right" }) });
|
|
1008
1010
|
case "seekBackward":
|
|
1009
1011
|
case "seekBackward10":
|
|
1010
|
-
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(
|
|
1012
|
+
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(Yn, { className: "left" }) });
|
|
1011
1013
|
default:
|
|
1012
1014
|
return null;
|
|
1013
1015
|
}
|
|
1014
1016
|
}
|
|
1015
|
-
function
|
|
1017
|
+
function o1() {
|
|
1016
1018
|
var i;
|
|
1017
1019
|
const { t: e } = f(), n = Ve();
|
|
1018
1020
|
switch ((i = n.lastKeyboardAction) == null ? void 0 : i.action) {
|
|
@@ -1040,19 +1042,19 @@ function n1() {
|
|
|
1040
1042
|
return null;
|
|
1041
1043
|
}
|
|
1042
1044
|
}
|
|
1043
|
-
const
|
|
1045
|
+
const i1 = $e(n1, 500), s1 = $e(o1, 1e3);
|
|
1044
1046
|
function We() {
|
|
1045
1047
|
return /* @__PURE__ */ a("div", { className: L.feedbackOverlay, children: [
|
|
1046
|
-
/* @__PURE__ */ t(
|
|
1047
|
-
/* @__PURE__ */ t(
|
|
1048
|
+
/* @__PURE__ */ t(i1, {}),
|
|
1049
|
+
/* @__PURE__ */ t(s1, {})
|
|
1048
1050
|
] });
|
|
1049
1051
|
}
|
|
1050
|
-
const
|
|
1052
|
+
const a1 = (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" }) }), c1 = (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" }) }), l1 = "_full-screen-button_1xm32_2", r1 = {
|
|
1051
1053
|
"full-screen-button": "_full-screen-button_1xm32_2",
|
|
1052
|
-
fullScreenButton:
|
|
1054
|
+
fullScreenButton: l1
|
|
1053
1055
|
};
|
|
1054
|
-
function
|
|
1055
|
-
const e = C("fullscreen"), n = z(), o = g(), i =
|
|
1056
|
+
function u1() {
|
|
1057
|
+
const e = C("fullscreen"), n = z(), o = g(), i = V(), { t: s } = f();
|
|
1056
1058
|
return i.hideFullScreen ? null : /* @__PURE__ */ t(
|
|
1057
1059
|
"button",
|
|
1058
1060
|
{
|
|
@@ -1060,56 +1062,56 @@ function r1() {
|
|
|
1060
1062
|
type: "button",
|
|
1061
1063
|
"aria-label": s(e ? "EXIT_FULLSCREEN" : "ENTER_FULLSCREEN"),
|
|
1062
1064
|
tabIndex: o.state.interactionsDisabled ? -1 : 0,
|
|
1063
|
-
className: `controls-button ${
|
|
1065
|
+
className: `controls-button ${r1.fullScreenButton}`,
|
|
1064
1066
|
onClick: () => {
|
|
1065
1067
|
e ? n == null || n.exitFullscreen() : n == null || n.enterFullscreen();
|
|
1066
1068
|
},
|
|
1067
|
-
children: e ? /* @__PURE__ */ t(
|
|
1069
|
+
children: e ? /* @__PURE__ */ t(c1, { className: "controls-button-icon" }) : /* @__PURE__ */ t(a1, { className: "controls-button-icon" })
|
|
1068
1070
|
}
|
|
1069
1071
|
);
|
|
1070
1072
|
}
|
|
1071
|
-
const
|
|
1073
|
+
const d1 = "_gestures-container_1fn3b_1", m1 = "_gesture_1fn3b_1", Me = {
|
|
1072
1074
|
"gestures-container": "_gestures-container_1fn3b_1",
|
|
1073
|
-
gesturesContainer:
|
|
1074
|
-
gesture:
|
|
1075
|
+
gesturesContainer: d1,
|
|
1076
|
+
gesture: m1
|
|
1075
1077
|
};
|
|
1076
|
-
function
|
|
1077
|
-
const e =
|
|
1078
|
+
function h1() {
|
|
1079
|
+
const e = ne(), n = () => {
|
|
1078
1080
|
e.togglePaused();
|
|
1079
1081
|
};
|
|
1080
1082
|
return /* @__PURE__ */ t("div", { className: Me.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: Me.gesture, onClick: n }) });
|
|
1081
1083
|
}
|
|
1082
|
-
const je = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.94968 7.74766L3.99993 2.79791L2.79785 3.99999L7.7476 8.94974L2.79785 13.8995L3.99993 15.1016L8.94968 10.1518L13.8994 15.1016L15.1015 13.8995L10.1518 8.94974L15.1015 3.99999L13.8994 2.79791L8.94968 7.74766Z", fill: "currentColor" }) }),
|
|
1084
|
+
const je = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.94968 7.74766L3.99993 2.79791L2.79785 3.99999L7.7476 8.94974L2.79785 13.8995L3.99993 15.1016L8.94968 10.1518L13.8994 15.1016L15.1015 13.8995L10.1518 8.94974L15.1015 3.99999L13.8994 2.79791L8.94968 7.74766Z", fill: "currentColor" }) }), p1 = "_controls-overlay_poi8b_1", _1 = "_keyboard-shortcuts-overlay_poi8b_11", C1 = "_screen-reader-content_poi8b_75", f1 = "_controls-button_poi8b_89", b1 = "_keyboard-shortcuts-button_poi8b_101", g1 = "_kebab-menu-button_poi8b_110", v1 = "_kebab-menu_poi8b_110", w1 = "_kebab-menu-item_poi8b_139", y1 = "_close-button_poi8b_178", k1 = "_arrow_poi8b_192", P = {
|
|
1083
1085
|
"controls-overlay": "_controls-overlay_poi8b_1",
|
|
1084
|
-
controlsOverlay:
|
|
1086
|
+
controlsOverlay: p1,
|
|
1085
1087
|
"keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_poi8b_11",
|
|
1086
|
-
keyboardShortcutsOverlay:
|
|
1088
|
+
keyboardShortcutsOverlay: _1,
|
|
1087
1089
|
"screen-reader-content": "_screen-reader-content_poi8b_75",
|
|
1088
|
-
screenReaderContent:
|
|
1090
|
+
screenReaderContent: C1,
|
|
1089
1091
|
"controls-button": "_controls-button_poi8b_89",
|
|
1090
|
-
controlsButton:
|
|
1092
|
+
controlsButton: f1,
|
|
1091
1093
|
"keyboard-shortcuts-button": "_keyboard-shortcuts-button_poi8b_101",
|
|
1092
|
-
keyboardShortcutsButton:
|
|
1094
|
+
keyboardShortcutsButton: b1,
|
|
1093
1095
|
"kebab-menu-button": "_kebab-menu-button_poi8b_110",
|
|
1094
|
-
kebabMenuButton:
|
|
1096
|
+
kebabMenuButton: g1,
|
|
1095
1097
|
"kebab-menu": "_kebab-menu_poi8b_110",
|
|
1096
|
-
kebabMenu:
|
|
1098
|
+
kebabMenu: v1,
|
|
1097
1099
|
"kebab-menu-item": "_kebab-menu-item_poi8b_139",
|
|
1098
|
-
kebabMenuItem:
|
|
1100
|
+
kebabMenuItem: w1,
|
|
1099
1101
|
"close-button": "_close-button_poi8b_178",
|
|
1100
|
-
closeButton:
|
|
1101
|
-
arrow:
|
|
1102
|
+
closeButton: y1,
|
|
1103
|
+
arrow: k1
|
|
1102
1104
|
};
|
|
1103
|
-
function
|
|
1105
|
+
function L1({ onClose: e }) {
|
|
1104
1106
|
const { t: n } = f();
|
|
1105
|
-
|
|
1107
|
+
Ln(e);
|
|
1106
1108
|
const o = (i) => {
|
|
1107
1109
|
i && i.focus();
|
|
1108
1110
|
};
|
|
1109
1111
|
return /* @__PURE__ */ a(
|
|
1110
1112
|
"div",
|
|
1111
1113
|
{
|
|
1112
|
-
className:
|
|
1114
|
+
className: P.keyboardShortcutsOverlay,
|
|
1113
1115
|
tabIndex: 0,
|
|
1114
1116
|
ref: o,
|
|
1115
1117
|
role: "dialog",
|
|
@@ -1121,7 +1123,7 @@ function k1({ onClose: e }) {
|
|
|
1121
1123
|
"button",
|
|
1122
1124
|
{
|
|
1123
1125
|
type: "button",
|
|
1124
|
-
className:
|
|
1126
|
+
className: P.closeButton,
|
|
1125
1127
|
onClick: e,
|
|
1126
1128
|
"aria-label": n("CLOSE"),
|
|
1127
1129
|
children: /* @__PURE__ */ t(je, {})
|
|
@@ -1129,7 +1131,7 @@ function k1({ onClose: e }) {
|
|
|
1129
1131
|
)
|
|
1130
1132
|
] }),
|
|
1131
1133
|
/* @__PURE__ */ a("table", { children: [
|
|
1132
|
-
/* @__PURE__ */ t("caption", { className:
|
|
1134
|
+
/* @__PURE__ */ t("caption", { className: P.screenReaderContent, children: n("KEYBOARD_SHORTCUTS") }),
|
|
1133
1135
|
/* @__PURE__ */ t("thead", { children: /* @__PURE__ */ a("tr", { children: [
|
|
1134
1136
|
/* @__PURE__ */ t("th", { children: n("ACTION") }),
|
|
1135
1137
|
/* @__PURE__ */ t("th", { children: n("SHORTCUT") })
|
|
@@ -1216,14 +1218,14 @@ function k1({ onClose: e }) {
|
|
|
1216
1218
|
}
|
|
1217
1219
|
);
|
|
1218
1220
|
}
|
|
1219
|
-
const
|
|
1220
|
-
share: /* @__PURE__ */ t(
|
|
1221
|
-
transcript: /* @__PURE__ */ t(
|
|
1222
|
-
media: /* @__PURE__ */ t(
|
|
1223
|
-
delete: /* @__PURE__ */ t(
|
|
1224
|
-
},
|
|
1225
|
-
function
|
|
1226
|
-
const [e, n] = x(!1), [o, i] = x(null), s = g(), c =
|
|
1221
|
+
const x1 = (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" }) }), M1 = (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" }) }), N1 = (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" }) }), P1 = (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" }) }), 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: "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" }) }), H1 = {
|
|
1222
|
+
share: /* @__PURE__ */ t(M1, {}),
|
|
1223
|
+
transcript: /* @__PURE__ */ t(N1, {}),
|
|
1224
|
+
media: /* @__PURE__ */ t(P1, {}),
|
|
1225
|
+
delete: /* @__PURE__ */ t(I1, {})
|
|
1226
|
+
}, V1 = (e) => typeof e != "string";
|
|
1227
|
+
function S1() {
|
|
1228
|
+
const [e, n] = x(!1), [o, i] = x(null), s = g(), c = V(), l = () => {
|
|
1227
1229
|
n(!e), s.setGlobalKeysDisabled(!e);
|
|
1228
1230
|
}, r = W(null), u = W([]), { refs: p, floatingStyles: v, context: y } = re({
|
|
1229
1231
|
open: e,
|
|
@@ -1238,26 +1240,26 @@ function V1() {
|
|
|
1238
1240
|
element: r
|
|
1239
1241
|
})
|
|
1240
1242
|
]
|
|
1241
|
-
}), k =
|
|
1243
|
+
}), k = bt(y, {
|
|
1242
1244
|
listRef: u,
|
|
1243
1245
|
activeIndex: o,
|
|
1244
1246
|
onNavigate: i
|
|
1245
1247
|
}), w = he(y), { getReferenceProps: M, getFloatingProps: m, getItemProps: b } = pe(
|
|
1246
1248
|
[w, k]
|
|
1247
|
-
), { t:
|
|
1249
|
+
), { t: N } = f();
|
|
1248
1250
|
return c.kebabMenuElements.length > 0 ? /* @__PURE__ */ a(j, { children: [
|
|
1249
1251
|
/* @__PURE__ */ t(
|
|
1250
1252
|
"button",
|
|
1251
1253
|
{
|
|
1252
|
-
"aria-label":
|
|
1254
|
+
"aria-label": N("KEBAB_MENU"),
|
|
1253
1255
|
type: "button",
|
|
1254
|
-
className: `${
|
|
1256
|
+
className: `${P.controlsButton} ${P.kebabMenuButton}`,
|
|
1255
1257
|
tabIndex: s.state.interactionsDisabled ? -1 : 0,
|
|
1256
1258
|
ref: p.setReference,
|
|
1257
1259
|
...M({
|
|
1258
1260
|
onClick: () => l()
|
|
1259
1261
|
}),
|
|
1260
|
-
children: /* @__PURE__ */ t(
|
|
1262
|
+
children: /* @__PURE__ */ t(x1, {})
|
|
1261
1263
|
}
|
|
1262
1264
|
),
|
|
1263
1265
|
e && /* @__PURE__ */ t(Se, { context: y, modal: !1, children: /* @__PURE__ */ a(
|
|
@@ -1265,26 +1267,26 @@ function V1() {
|
|
|
1265
1267
|
{
|
|
1266
1268
|
ref: p.setFloating,
|
|
1267
1269
|
style: v,
|
|
1268
|
-
className:
|
|
1270
|
+
className: P.kebabMenu,
|
|
1269
1271
|
...m(),
|
|
1270
1272
|
children: [
|
|
1271
1273
|
c.kebabMenuElements.map(
|
|
1272
|
-
({ id: T, text: D, icon:
|
|
1274
|
+
({ id: T, text: D, icon: B, onClick: ie }, X) => /* @__PURE__ */ a(
|
|
1273
1275
|
"button",
|
|
1274
1276
|
{
|
|
1275
|
-
tabIndex: o ===
|
|
1277
|
+
tabIndex: o === X ? 0 : -1,
|
|
1276
1278
|
type: "button",
|
|
1277
|
-
className:
|
|
1278
|
-
ref: (
|
|
1279
|
-
u.current[
|
|
1279
|
+
className: P.kebabMenuItem,
|
|
1280
|
+
ref: ($) => {
|
|
1281
|
+
u.current[X] = $;
|
|
1280
1282
|
},
|
|
1281
1283
|
...b({
|
|
1282
1284
|
onClick: () => {
|
|
1283
|
-
|
|
1285
|
+
ie(T), n(!1);
|
|
1284
1286
|
}
|
|
1285
1287
|
}),
|
|
1286
1288
|
children: [
|
|
1287
|
-
|
|
1289
|
+
V1(B) ? B : H1[B],
|
|
1288
1290
|
D
|
|
1289
1291
|
]
|
|
1290
1292
|
},
|
|
@@ -1296,7 +1298,7 @@ function V1() {
|
|
|
1296
1298
|
{
|
|
1297
1299
|
ref: r,
|
|
1298
1300
|
context: y,
|
|
1299
|
-
className:
|
|
1301
|
+
className: P.arrow
|
|
1300
1302
|
}
|
|
1301
1303
|
)
|
|
1302
1304
|
]
|
|
@@ -1304,9 +1306,9 @@ function V1() {
|
|
|
1304
1306
|
) })
|
|
1305
1307
|
] }) : null;
|
|
1306
1308
|
}
|
|
1307
|
-
const
|
|
1308
|
-
function
|
|
1309
|
-
const [e, n] = x(!1), [o, i] = x(!1), [s, c] = x(!1), l = g(), r = C("playing"), u =
|
|
1309
|
+
const T1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "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" }) });
|
|
1310
|
+
function E1() {
|
|
1311
|
+
const [e, n] = x(!1), [o, i] = x(!1), [s, c] = x(!1), l = g(), r = C("playing"), u = ne(), { t: p } = f(), v = _(() => {
|
|
1310
1312
|
n(!0), l.disableInteractions(), r && (c(!0), u.pause());
|
|
1311
1313
|
}, [r, u, l]), y = _(() => {
|
|
1312
1314
|
n(!1), i(!0), l.enableInteractions(), s && (c(!1), u.play());
|
|
@@ -1314,34 +1316,34 @@ function T1() {
|
|
|
1314
1316
|
(w) => o && (w == null ? void 0 : w.focus()),
|
|
1315
1317
|
[o]
|
|
1316
1318
|
);
|
|
1317
|
-
return e ? /* @__PURE__ */ t(
|
|
1319
|
+
return e ? /* @__PURE__ */ t(L1, { onClose: y }) : /* @__PURE__ */ a("div", { className: P.controlsOverlay, children: [
|
|
1318
1320
|
/* @__PURE__ */ t(
|
|
1319
1321
|
"button",
|
|
1320
1322
|
{
|
|
1321
1323
|
ref: k,
|
|
1322
1324
|
"aria-label": p("KEYBOARD_SHORTCUTS"),
|
|
1323
1325
|
type: "button",
|
|
1324
|
-
className: `${
|
|
1326
|
+
className: `${P.controlsButton} ${P.keyboardShortcutsButton}`,
|
|
1325
1327
|
onClick: v,
|
|
1326
1328
|
tabIndex: l.state.interactionsDisabled ? -1 : 0,
|
|
1327
|
-
children: /* @__PURE__ */ t(
|
|
1329
|
+
children: /* @__PURE__ */ t(T1, {})
|
|
1328
1330
|
}
|
|
1329
1331
|
),
|
|
1330
|
-
/* @__PURE__ */ t(
|
|
1332
|
+
/* @__PURE__ */ t(S1, {})
|
|
1331
1333
|
] });
|
|
1332
1334
|
}
|
|
1333
|
-
const
|
|
1335
|
+
const R1 = "_play-pause-button_1834v_1", A1 = {
|
|
1334
1336
|
"play-pause-button": "_play-pause-button_1834v_1",
|
|
1335
|
-
playPauseButton:
|
|
1337
|
+
playPauseButton: R1
|
|
1336
1338
|
};
|
|
1337
|
-
function
|
|
1339
|
+
function B1() {
|
|
1338
1340
|
const e = z(), n = g(), o = C("paused"), { t: i } = f();
|
|
1339
1341
|
return e ? /* @__PURE__ */ t(
|
|
1340
1342
|
"button",
|
|
1341
1343
|
{
|
|
1342
1344
|
role: "button",
|
|
1343
1345
|
type: "button",
|
|
1344
|
-
className: `controls-button ${
|
|
1346
|
+
className: `controls-button ${A1.playPauseButton}`,
|
|
1345
1347
|
"aria-label": i(o ? "PLAY" : "PAUSE"),
|
|
1346
1348
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1347
1349
|
onClick: () => {
|
|
@@ -1351,89 +1353,89 @@ function A1() {
|
|
|
1351
1353
|
}
|
|
1352
1354
|
) : null;
|
|
1353
1355
|
}
|
|
1354
|
-
const
|
|
1355
|
-
poster:
|
|
1356
|
+
const O1 = "_poster_195hi_1", F1 = {
|
|
1357
|
+
poster: O1
|
|
1356
1358
|
};
|
|
1357
|
-
function
|
|
1359
|
+
function Z1({ src: e }) {
|
|
1358
1360
|
const n = C("source");
|
|
1359
|
-
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(
|
|
1361
|
+
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(rt, { src: e, className: F1.poster });
|
|
1360
1362
|
}
|
|
1361
|
-
const
|
|
1363
|
+
const z1 = "_small-layout-overlay_1pd49_1", K1 = "_small-layout-button_1pd49_14", D1 = "_small-layout-icon-play_1pd49_24", $1 = "_small-layout-icon-pause_1pd49_30", U1 = "_full-screen-close-icon_1pd49_36", q1 = "_fade-out_1pd49_1", q = {
|
|
1362
1364
|
"small-layout-overlay": "_small-layout-overlay_1pd49_1",
|
|
1363
|
-
smallLayoutOverlay:
|
|
1365
|
+
smallLayoutOverlay: z1,
|
|
1364
1366
|
"small-layout-button": "_small-layout-button_1pd49_14",
|
|
1365
|
-
smallLayoutButton:
|
|
1367
|
+
smallLayoutButton: K1,
|
|
1366
1368
|
"small-layout-icon-play": "_small-layout-icon-play_1pd49_24",
|
|
1367
|
-
smallLayoutIconPlay:
|
|
1369
|
+
smallLayoutIconPlay: D1,
|
|
1368
1370
|
"small-layout-icon-pause": "_small-layout-icon-pause_1pd49_30",
|
|
1369
|
-
smallLayoutIconPause:
|
|
1371
|
+
smallLayoutIconPause: $1,
|
|
1370
1372
|
"full-screen-close-icon": "_full-screen-close-icon_1pd49_36",
|
|
1371
|
-
fullScreenCloseIcon:
|
|
1373
|
+
fullScreenCloseIcon: U1,
|
|
1372
1374
|
"fade-out": "_fade-out_1pd49_1",
|
|
1373
|
-
fadeOut:
|
|
1375
|
+
fadeOut: q1
|
|
1374
1376
|
};
|
|
1375
|
-
function
|
|
1377
|
+
function G1() {
|
|
1376
1378
|
const e = C("paused");
|
|
1377
1379
|
return /* @__PURE__ */ a("div", { className: q.smallLayoutOverlay, children: [
|
|
1378
|
-
/* @__PURE__ */ t(
|
|
1380
|
+
/* @__PURE__ */ t(ut, { className: q.fullScreenCloseIcon, children: /* @__PURE__ */ t(je, {}) }),
|
|
1379
1381
|
/* @__PURE__ */ t("i", { className: q.smallLayoutButton, children: e ? /* @__PURE__ */ t(be, { className: q.smallLayoutIconPlay }) : /* @__PURE__ */ t(fe, { className: q.smallLayoutIconPause }) })
|
|
1380
1382
|
] });
|
|
1381
1383
|
}
|
|
1382
|
-
const
|
|
1384
|
+
const W1 = "_time-indicator_1rlpb_1", j1 = {
|
|
1383
1385
|
"time-indicator": "_time-indicator_1rlpb_1",
|
|
1384
|
-
timeIndicator:
|
|
1386
|
+
timeIndicator: W1
|
|
1385
1387
|
};
|
|
1386
|
-
function
|
|
1387
|
-
return /* @__PURE__ */ a("div", { className:
|
|
1388
|
+
function Q1() {
|
|
1389
|
+
return /* @__PURE__ */ a("div", { className: j1.timeIndicator, children: [
|
|
1388
1390
|
/* @__PURE__ */ t(ke, { type: "current" }),
|
|
1389
1391
|
"/",
|
|
1390
1392
|
/* @__PURE__ */ t(ke, { type: "duration" })
|
|
1391
1393
|
] });
|
|
1392
1394
|
}
|
|
1393
|
-
const
|
|
1395
|
+
const Y1 = "_comment-markers_49pse_1", X1 = "_comment-marker_49pse_1", J1 = "_timeline-wrapper_49pse_21", eo = "_track_49pse_35", to = "_thumb_49pse_48", no = "_root_49pse_62", oo = "_track-inner_49pse_92", io = "_progress_49pse_98", so = "_track-fill_49pse_104", ao = "_pins_49pse_121", co = "_pin-button_49pse_134", lo = "_annotation-pin_49pse_154", ro = "_quiz-pin_49pse_159", uo = "_annotation-pin-child_49pse_164", mo = "_quiz-pin-child_49pse_168", ho = "_interactive-pin-container_49pse_173", po = "_interactive-pin-wrapper_49pse_183", _o = "_interactive-pin-icon_49pse_189", Co = "_interactive-pin_49pse_173", fo = "_bg_49pse_203", bo = "_symbol_49pse_207", go = "_interactive-pin-button_49pse_212", vo = "_interactive-pin-menu_49pse_232", wo = "_interactive-pin-menu-item_49pse_246", yo = "_arrow_49pse_267", d = {
|
|
1394
1396
|
"comment-markers": "_comment-markers_49pse_1",
|
|
1395
|
-
commentMarkers:
|
|
1397
|
+
commentMarkers: Y1,
|
|
1396
1398
|
"comment-marker": "_comment-marker_49pse_1",
|
|
1397
|
-
commentMarker:
|
|
1399
|
+
commentMarker: X1,
|
|
1398
1400
|
"timeline-wrapper": "_timeline-wrapper_49pse_21",
|
|
1399
|
-
timelineWrapper:
|
|
1400
|
-
track:
|
|
1401
|
-
thumb:
|
|
1402
|
-
root:
|
|
1401
|
+
timelineWrapper: J1,
|
|
1402
|
+
track: eo,
|
|
1403
|
+
thumb: to,
|
|
1404
|
+
root: no,
|
|
1403
1405
|
"track-inner": "_track-inner_49pse_92",
|
|
1404
|
-
trackInner:
|
|
1405
|
-
progress:
|
|
1406
|
+
trackInner: oo,
|
|
1407
|
+
progress: io,
|
|
1406
1408
|
"track-fill": "_track-fill_49pse_104",
|
|
1407
|
-
trackFill:
|
|
1408
|
-
pins:
|
|
1409
|
+
trackFill: so,
|
|
1410
|
+
pins: ao,
|
|
1409
1411
|
"pin-button": "_pin-button_49pse_134",
|
|
1410
|
-
pinButton:
|
|
1412
|
+
pinButton: co,
|
|
1411
1413
|
"annotation-pin": "_annotation-pin_49pse_154",
|
|
1412
|
-
annotationPin:
|
|
1414
|
+
annotationPin: lo,
|
|
1413
1415
|
"quiz-pin": "_quiz-pin_49pse_159",
|
|
1414
|
-
quizPin:
|
|
1416
|
+
quizPin: ro,
|
|
1415
1417
|
"annotation-pin-child": "_annotation-pin-child_49pse_164",
|
|
1416
|
-
annotationPinChild:
|
|
1418
|
+
annotationPinChild: uo,
|
|
1417
1419
|
"quiz-pin-child": "_quiz-pin-child_49pse_168",
|
|
1418
|
-
quizPinChild:
|
|
1420
|
+
quizPinChild: mo,
|
|
1419
1421
|
"interactive-pin-container": "_interactive-pin-container_49pse_173",
|
|
1420
|
-
interactivePinContainer:
|
|
1422
|
+
interactivePinContainer: ho,
|
|
1421
1423
|
"interactive-pin-wrapper": "_interactive-pin-wrapper_49pse_183",
|
|
1422
|
-
interactivePinWrapper:
|
|
1424
|
+
interactivePinWrapper: po,
|
|
1423
1425
|
"interactive-pin-icon": "_interactive-pin-icon_49pse_189",
|
|
1424
|
-
interactivePinIcon:
|
|
1426
|
+
interactivePinIcon: _o,
|
|
1425
1427
|
"interactive-pin": "_interactive-pin_49pse_173",
|
|
1426
|
-
interactivePin:
|
|
1427
|
-
bg:
|
|
1428
|
-
symbol:
|
|
1428
|
+
interactivePin: Co,
|
|
1429
|
+
bg: fo,
|
|
1430
|
+
symbol: bo,
|
|
1429
1431
|
"interactive-pin-button": "_interactive-pin-button_49pse_212",
|
|
1430
|
-
interactivePinButton:
|
|
1432
|
+
interactivePinButton: go,
|
|
1431
1433
|
"interactive-pin-menu": "_interactive-pin-menu_49pse_232",
|
|
1432
|
-
interactivePinMenu:
|
|
1434
|
+
interactivePinMenu: vo,
|
|
1433
1435
|
"interactive-pin-menu-item": "_interactive-pin-menu-item_49pse_246",
|
|
1434
|
-
interactivePinMenuItem:
|
|
1435
|
-
arrow:
|
|
1436
|
-
},
|
|
1436
|
+
interactivePinMenuItem: wo,
|
|
1437
|
+
arrow: yo
|
|
1438
|
+
}, ko = {
|
|
1437
1439
|
annotation: d.annotationPin,
|
|
1438
1440
|
quiz: d.quizPin
|
|
1439
1441
|
};
|
|
@@ -1455,7 +1457,7 @@ function Qe({
|
|
|
1455
1457
|
children: /* @__PURE__ */ a(
|
|
1456
1458
|
"svg",
|
|
1457
1459
|
{
|
|
1458
|
-
className:
|
|
1460
|
+
className: ko[e],
|
|
1459
1461
|
width: "26",
|
|
1460
1462
|
height: "32",
|
|
1461
1463
|
viewBox: "0 0 26 32",
|
|
@@ -1469,7 +1471,7 @@ function Qe({
|
|
|
1469
1471
|
}
|
|
1470
1472
|
);
|
|
1471
1473
|
}
|
|
1472
|
-
function
|
|
1474
|
+
function Lo(e) {
|
|
1473
1475
|
return /* @__PURE__ */ t(Qe, { type: "annotation", ...e, children: /* @__PURE__ */ t(
|
|
1474
1476
|
"path",
|
|
1475
1477
|
{
|
|
@@ -1482,7 +1484,7 @@ function ko(e) {
|
|
|
1482
1484
|
}
|
|
1483
1485
|
) });
|
|
1484
1486
|
}
|
|
1485
|
-
function
|
|
1487
|
+
function xo(e) {
|
|
1486
1488
|
return /* @__PURE__ */ t(Qe, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: d.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
|
|
1487
1489
|
"text",
|
|
1488
1490
|
{
|
|
@@ -1496,7 +1498,7 @@ function Lo(e) {
|
|
|
1496
1498
|
}
|
|
1497
1499
|
) });
|
|
1498
1500
|
}
|
|
1499
|
-
function
|
|
1501
|
+
function Mo(e, n) {
|
|
1500
1502
|
return e.map((o, i) => ({
|
|
1501
1503
|
id: o.id,
|
|
1502
1504
|
time: o.time,
|
|
@@ -1505,7 +1507,7 @@ function xo(e, n) {
|
|
|
1505
1507
|
onClick: () => n(o)
|
|
1506
1508
|
}));
|
|
1507
1509
|
}
|
|
1508
|
-
function
|
|
1510
|
+
function No(e, n) {
|
|
1509
1511
|
const o = /* @__PURE__ */ new Map();
|
|
1510
1512
|
e.forEach((c) => {
|
|
1511
1513
|
var r;
|
|
@@ -1525,12 +1527,12 @@ function Mo(e, n) {
|
|
|
1525
1527
|
}), s++;
|
|
1526
1528
|
}), i;
|
|
1527
1529
|
}
|
|
1528
|
-
function
|
|
1530
|
+
function Po(e, n, o, i) {
|
|
1529
1531
|
switch (e.type) {
|
|
1530
1532
|
case "annotation": {
|
|
1531
1533
|
const s = () => i ? e.onClick() : o.seek(e.time);
|
|
1532
1534
|
return /* @__PURE__ */ t(
|
|
1533
|
-
|
|
1535
|
+
Lo,
|
|
1534
1536
|
{
|
|
1535
1537
|
position: e.time / n * 100,
|
|
1536
1538
|
onClick: s
|
|
@@ -1540,7 +1542,7 @@ function No(e, n, o, i) {
|
|
|
1540
1542
|
}
|
|
1541
1543
|
case "quiz":
|
|
1542
1544
|
return /* @__PURE__ */ t(
|
|
1543
|
-
|
|
1545
|
+
xo,
|
|
1544
1546
|
{
|
|
1545
1547
|
position: e.time / n * 100,
|
|
1546
1548
|
ordinal: e.ordinal,
|
|
@@ -1553,18 +1555,18 @@ function No(e, n, o, i) {
|
|
|
1553
1555
|
return null;
|
|
1554
1556
|
}
|
|
1555
1557
|
}
|
|
1556
|
-
function
|
|
1557
|
-
const e =
|
|
1558
|
-
...
|
|
1558
|
+
function Io() {
|
|
1559
|
+
const e = ne(), n = C("duration"), o = V(), i = S(() => [
|
|
1560
|
+
...Mo(
|
|
1559
1561
|
o.annotations,
|
|
1560
1562
|
o.onAnnotationClick
|
|
1561
1563
|
),
|
|
1562
|
-
...
|
|
1563
|
-
].sort((c, l) => c.time - l.time).map((c) =>
|
|
1564
|
+
...No(o.quizMarkers, o.onQuizMarkerClick)
|
|
1565
|
+
].sort((c, l) => c.time - l.time).map((c) => Po(c, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
|
|
1564
1566
|
return /* @__PURE__ */ t("div", { className: d.pins, children: i });
|
|
1565
1567
|
}
|
|
1566
|
-
function
|
|
1567
|
-
const e = C("duration"), n =
|
|
1568
|
+
function Ho() {
|
|
1569
|
+
const e = C("duration"), n = V(), o = g();
|
|
1568
1570
|
return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: d.commentMarkers, children: n.comments.map((i) => {
|
|
1569
1571
|
const s = Math.min(
|
|
1570
1572
|
Math.abs(e - i.timestamp),
|
|
@@ -1583,8 +1585,8 @@ function Io() {
|
|
|
1583
1585
|
);
|
|
1584
1586
|
}) }) : null;
|
|
1585
1587
|
}
|
|
1586
|
-
function
|
|
1587
|
-
const [o, i] = x(!1), s =
|
|
1588
|
+
function Vo({ currentTime: e, position: n }) {
|
|
1589
|
+
const [o, i] = x(!1), s = V(), c = _(() => s.interactiveMenuElements.length > 0 ? i((w) => !w) : s.onInteractivePinClick(e), [
|
|
1588
1590
|
s.interactiveMenuElements,
|
|
1589
1591
|
s.onInteractivePinClick,
|
|
1590
1592
|
e
|
|
@@ -1706,20 +1708,20 @@ function Ho({ currentTime: e, position: n }) {
|
|
|
1706
1708
|
)
|
|
1707
1709
|
] });
|
|
1708
1710
|
}
|
|
1709
|
-
function
|
|
1711
|
+
function So() {
|
|
1710
1712
|
const e = C("duration"), n = C("currentTime"), o = n / e * 100;
|
|
1711
|
-
return /* @__PURE__ */ t("div", { className: d.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: d.interactivePinWrapper, children: /* @__PURE__ */ t(
|
|
1713
|
+
return /* @__PURE__ */ t("div", { className: d.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: d.interactivePinWrapper, children: /* @__PURE__ */ t(Vo, { currentTime: n, position: o }) }) });
|
|
1712
1714
|
}
|
|
1713
|
-
function
|
|
1715
|
+
function To() {
|
|
1714
1716
|
const e = C("paused"), n = g();
|
|
1715
|
-
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(
|
|
1717
|
+
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(So, {}) : null;
|
|
1716
1718
|
}
|
|
1717
|
-
const
|
|
1719
|
+
const Eo = `${d.progress} ${d.trackInner}`, Ro = `${d.trackFill} ${d.trackInner}`;
|
|
1718
1720
|
function Ne({ className: e }) {
|
|
1719
|
-
const n = g(), { hasAnnotations: o, hasQuizmarkers: i, interactive: s } =
|
|
1721
|
+
const n = g(), { hasAnnotations: o, hasQuizmarkers: i, interactive: s } = V(), c = e ? `${d.timelineWrapper} ${e}` : d.timelineWrapper;
|
|
1720
1722
|
return /* @__PURE__ */ a("div", { className: c, children: [
|
|
1721
|
-
s ? /* @__PURE__ */ t(
|
|
1722
|
-
s || o || i ? /* @__PURE__ */ t(
|
|
1723
|
+
s ? /* @__PURE__ */ t(To, {}) : null,
|
|
1724
|
+
s || o || i ? /* @__PURE__ */ t(Io, {}) : null,
|
|
1723
1725
|
/* @__PURE__ */ a(
|
|
1724
1726
|
U.Root,
|
|
1725
1727
|
{
|
|
@@ -1727,25 +1729,25 @@ function Ne({ className: e }) {
|
|
|
1727
1729
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1728
1730
|
children: [
|
|
1729
1731
|
/* @__PURE__ */ a(U.Track, { className: d.track, children: [
|
|
1730
|
-
/* @__PURE__ */ t(U.Progress, { className:
|
|
1731
|
-
/* @__PURE__ */ t(U.TrackFill, { className:
|
|
1732
|
+
/* @__PURE__ */ t(U.Progress, { className: Eo }),
|
|
1733
|
+
/* @__PURE__ */ t(U.TrackFill, { className: Ro })
|
|
1732
1734
|
] }),
|
|
1733
1735
|
/* @__PURE__ */ t(U.Thumb, { className: d.thumb })
|
|
1734
1736
|
]
|
|
1735
1737
|
}
|
|
1736
1738
|
),
|
|
1737
|
-
/* @__PURE__ */ t(
|
|
1739
|
+
/* @__PURE__ */ t(Ho, {})
|
|
1738
1740
|
] });
|
|
1739
1741
|
}
|
|
1740
|
-
const
|
|
1741
|
-
wrapper:
|
|
1742
|
-
track:
|
|
1743
|
-
thumb:
|
|
1742
|
+
const Ao = "_wrapper_12cb0_1", Bo = "_track_12cb0_6", Oo = "_thumb_12cb0_18", Fo = "_track-fill_12cb0_32", Zo = "_root_12cb0_51", G = {
|
|
1743
|
+
wrapper: Ao,
|
|
1744
|
+
track: Bo,
|
|
1745
|
+
thumb: Oo,
|
|
1744
1746
|
"track-fill": "_track-fill_12cb0_32",
|
|
1745
|
-
trackFill:
|
|
1746
|
-
root:
|
|
1747
|
+
trackFill: Fo,
|
|
1748
|
+
root: Zo
|
|
1747
1749
|
};
|
|
1748
|
-
function
|
|
1750
|
+
function zo() {
|
|
1749
1751
|
const e = z(), n = C("volume"), o = C("muted"), i = g(), s = o || n === 0, { t: c } = f();
|
|
1750
1752
|
return /* @__PURE__ */ a("div", { className: G.wrapper, children: [
|
|
1751
1753
|
/* @__PURE__ */ t(
|
|
@@ -1763,13 +1765,13 @@ function Zo() {
|
|
|
1763
1765
|
}
|
|
1764
1766
|
),
|
|
1765
1767
|
/* @__PURE__ */ a(
|
|
1766
|
-
|
|
1768
|
+
J.Root,
|
|
1767
1769
|
{
|
|
1768
1770
|
className: G.root,
|
|
1769
1771
|
tabIndex: i.state.interactionsDisabled ? -1 : 0,
|
|
1770
1772
|
children: [
|
|
1771
|
-
/* @__PURE__ */ t(
|
|
1772
|
-
/* @__PURE__ */ t(
|
|
1773
|
+
/* @__PURE__ */ t(J.Track, { className: G.track, children: /* @__PURE__ */ t(J.TrackFill, { className: G.trackFill }) }),
|
|
1774
|
+
/* @__PURE__ */ t(J.Thumb, { className: G.thumb })
|
|
1773
1775
|
]
|
|
1774
1776
|
}
|
|
1775
1777
|
)
|
|
@@ -1870,7 +1872,7 @@ const Pe = {
|
|
|
1870
1872
|
function Ie(e) {
|
|
1871
1873
|
return typeof e == "number" && !isNaN(e);
|
|
1872
1874
|
}
|
|
1873
|
-
function
|
|
1875
|
+
function Ko(e, n = 1e3) {
|
|
1874
1876
|
let o = !1;
|
|
1875
1877
|
return () => {
|
|
1876
1878
|
o || (e(), o = !0, setTimeout(() => {
|
|
@@ -1889,21 +1891,21 @@ const He = {
|
|
|
1889
1891
|
invert: !1,
|
|
1890
1892
|
comments: !1
|
|
1891
1893
|
};
|
|
1892
|
-
class
|
|
1894
|
+
class Do {
|
|
1893
1895
|
constructor() {
|
|
1894
|
-
|
|
1895
|
-
|
|
1896
|
-
|
|
1897
|
-
|
|
1898
|
-
|
|
1899
|
-
|
|
1896
|
+
H(this, "playerId", "studio-player");
|
|
1897
|
+
H(this, "mediaId", null);
|
|
1898
|
+
H(this, "data", He);
|
|
1899
|
+
H(this, "time", null);
|
|
1900
|
+
H(this, "overrideTime", null);
|
|
1901
|
+
H(this, "saveTime", () => {
|
|
1900
1902
|
if (!this.mediaId) return;
|
|
1901
1903
|
const n = (this.time ?? 0).toString();
|
|
1902
1904
|
localStorage.setItem(this.mediaId, n);
|
|
1903
1905
|
});
|
|
1904
|
-
|
|
1906
|
+
H(this, "saveTimeThrottled", Ko(this.saveTime, 1e3));
|
|
1905
1907
|
// only used for useStudioPlayer hook's state initialization
|
|
1906
|
-
|
|
1908
|
+
H(this, "initializeState", (n) => {
|
|
1907
1909
|
const o = localStorage.getItem(this.playerId);
|
|
1908
1910
|
if (Ie(n) && n >= 0 && (this.overrideTime = n), o)
|
|
1909
1911
|
try {
|
|
@@ -1920,7 +1922,7 @@ class Ko {
|
|
|
1920
1922
|
disableCaptionSettings: !1
|
|
1921
1923
|
};
|
|
1922
1924
|
});
|
|
1923
|
-
|
|
1925
|
+
H(this, "saveData", (n, o) => {
|
|
1924
1926
|
this.data = {
|
|
1925
1927
|
...this.data,
|
|
1926
1928
|
[n]: o
|
|
@@ -1990,8 +1992,8 @@ class Ko {
|
|
|
1990
1992
|
localStorage.setItem(this.playerId, n);
|
|
1991
1993
|
}
|
|
1992
1994
|
}
|
|
1993
|
-
function
|
|
1994
|
-
const s = S(() => new
|
|
1995
|
+
function $o(e, n, o, i) {
|
|
1996
|
+
const s = S(() => new Do(), []), [c, l] = x(
|
|
1995
1997
|
s.initializeState(i)
|
|
1996
1998
|
), r = _(
|
|
1997
1999
|
(m) => {
|
|
@@ -2063,20 +2065,20 @@ function Do(e, n, o, i) {
|
|
|
2063
2065
|
storage: s
|
|
2064
2066
|
};
|
|
2065
2067
|
}
|
|
2066
|
-
const
|
|
2067
|
-
function
|
|
2068
|
-
const e =
|
|
2068
|
+
const Uo = {};
|
|
2069
|
+
function qo() {
|
|
2070
|
+
const e = V();
|
|
2069
2071
|
return /* @__PURE__ */ a(j, { children: [
|
|
2070
|
-
/* @__PURE__ */ t(
|
|
2072
|
+
/* @__PURE__ */ t(Z1, { src: e.thumbnail }),
|
|
2071
2073
|
/* @__PURE__ */ t(We, {}),
|
|
2072
2074
|
/* @__PURE__ */ t(Be, {}),
|
|
2073
2075
|
/* @__PURE__ */ t(Ze, { captions: e.captions }),
|
|
2074
|
-
/* @__PURE__ */ t(
|
|
2075
|
-
/* @__PURE__ */ t(
|
|
2076
|
-
/* @__PURE__ */ t(
|
|
2076
|
+
/* @__PURE__ */ t(G1, {}),
|
|
2077
|
+
/* @__PURE__ */ t(h1, {}),
|
|
2078
|
+
/* @__PURE__ */ t(qt, { comments: e.comments })
|
|
2077
2079
|
] });
|
|
2078
2080
|
}
|
|
2079
|
-
const
|
|
2081
|
+
const Go = (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__ */ a("g", { id: "audio", children: [
|
|
2080
2082
|
/* @__PURE__ */ a("g", { id: "icon-file-base-2", children: [
|
|
2081
2083
|
/* @__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" }),
|
|
2082
2084
|
/* @__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" }),
|
|
@@ -2084,10 +2086,10 @@ const qo = (e) => /* @__PURE__ */ t("svg", { width: 56, height: 72, viewBox: "0
|
|
|
2084
2086
|
] }),
|
|
2085
2087
|
/* @__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" })
|
|
2086
2088
|
] }) }) });
|
|
2087
|
-
function
|
|
2088
|
-
const e =
|
|
2089
|
+
function Wo() {
|
|
2090
|
+
const e = V();
|
|
2089
2091
|
return /* @__PURE__ */ a("div", { className: "audio-layout-wrapper", children: [
|
|
2090
|
-
/* @__PURE__ */ t(
|
|
2092
|
+
/* @__PURE__ */ t(Go, {}),
|
|
2091
2093
|
/* @__PURE__ */ t(We, {}),
|
|
2092
2094
|
/* @__PURE__ */ t(Be, {}),
|
|
2093
2095
|
/* @__PURE__ */ t(Ze, { captions: e.captions })
|
|
@@ -2095,7 +2097,7 @@ function Go() {
|
|
|
2095
2097
|
}
|
|
2096
2098
|
const ae = () => {
|
|
2097
2099
|
};
|
|
2098
|
-
function
|
|
2100
|
+
function oi({
|
|
2099
2101
|
title: e,
|
|
2100
2102
|
playerRef: n,
|
|
2101
2103
|
src: o,
|
|
@@ -2113,26 +2115,27 @@ function ni({
|
|
|
2113
2115
|
interactiveMenuElements: M = [],
|
|
2114
2116
|
kebabMenuElements: m = [],
|
|
2115
2117
|
darkMode: b = !1,
|
|
2116
|
-
autoLoadCaptionSrc:
|
|
2117
|
-
forceComments: T,
|
|
2118
|
-
disableCaptionSettings: D,
|
|
2119
|
-
|
|
2120
|
-
|
|
2118
|
+
autoLoadCaptionSrc: N = "",
|
|
2119
|
+
forceComments: T = !1,
|
|
2120
|
+
disableCaptionSettings: D = !1,
|
|
2121
|
+
disableStorage: B = !1,
|
|
2122
|
+
startAt: ie,
|
|
2123
|
+
crossOrigin: X
|
|
2121
2124
|
}) {
|
|
2122
|
-
const { contextValue:
|
|
2125
|
+
const { contextValue: $, shortcuts: Ye, storage: Xe } = $o(
|
|
2123
2126
|
c,
|
|
2124
|
-
T
|
|
2125
|
-
D
|
|
2126
|
-
|
|
2127
|
+
T,
|
|
2128
|
+
D,
|
|
2129
|
+
ie
|
|
2127
2130
|
), { i18n: ge } = f();
|
|
2128
2131
|
Z(() => {
|
|
2129
2132
|
ge.changeLanguage(r);
|
|
2130
2133
|
}, [ge, r]);
|
|
2131
|
-
const [ve, we] = x("none"),
|
|
2132
|
-
|
|
2134
|
+
const [ve, we] = x("none"), Je = _((E) => {
|
|
2135
|
+
dt(E) ? we("audio") : mt(E) && we("video");
|
|
2133
2136
|
}, []);
|
|
2134
2137
|
return /* @__PURE__ */ t(
|
|
2135
|
-
|
|
2138
|
+
wt,
|
|
2136
2139
|
{
|
|
2137
2140
|
hideFullScreen: c,
|
|
2138
2141
|
comments: l,
|
|
@@ -2147,40 +2150,41 @@ function ni({
|
|
|
2147
2150
|
interactiveMenuElements: M,
|
|
2148
2151
|
kebabMenuElements: m,
|
|
2149
2152
|
darkMode: b,
|
|
2150
|
-
forceComments: T
|
|
2151
|
-
disableCaptionSettings: D
|
|
2152
|
-
|
|
2153
|
-
|
|
2153
|
+
forceComments: T,
|
|
2154
|
+
disableCaptionSettings: D,
|
|
2155
|
+
disableStorage: B,
|
|
2156
|
+
children: /* @__PURE__ */ t(vt, { contextValue: $, children: /* @__PURE__ */ a(
|
|
2157
|
+
ht,
|
|
2154
2158
|
{
|
|
2155
|
-
crossOrigin:
|
|
2156
|
-
storage:
|
|
2159
|
+
crossOrigin: X,
|
|
2160
|
+
storage: B ? null : Xe,
|
|
2157
2161
|
title: e,
|
|
2158
2162
|
src: o,
|
|
2159
|
-
keyShortcuts:
|
|
2163
|
+
keyShortcuts: Ye,
|
|
2160
2164
|
playsInline: !0,
|
|
2161
|
-
keyDisabled:
|
|
2165
|
+
keyDisabled: $.state.interactionsDisabled || $.state.globalKeysDisabled,
|
|
2162
2166
|
onTextTracksChange: (E) => {
|
|
2163
2167
|
const ye = E == null ? void 0 : E.findIndex(
|
|
2164
|
-
(
|
|
2168
|
+
(et) => et.src === N
|
|
2165
2169
|
);
|
|
2166
2170
|
ye > -1 && (E[ye].mode = "showing");
|
|
2167
2171
|
},
|
|
2168
|
-
onProviderSetup:
|
|
2172
|
+
onProviderSetup: Je,
|
|
2169
2173
|
children: [
|
|
2170
|
-
/* @__PURE__ */ a(
|
|
2171
|
-
ve === "audio" && /* @__PURE__ */ t(
|
|
2172
|
-
ve === "video" && /* @__PURE__ */ t(
|
|
2174
|
+
/* @__PURE__ */ a(pt, { className: Uo.mediaProvider, children: [
|
|
2175
|
+
ve === "audio" && /* @__PURE__ */ t(Wo, {}),
|
|
2176
|
+
ve === "video" && /* @__PURE__ */ t(qo, {})
|
|
2173
2177
|
] }),
|
|
2174
|
-
/* @__PURE__ */ t(
|
|
2178
|
+
/* @__PURE__ */ t(E1, {}),
|
|
2175
2179
|
/* @__PURE__ */ t(
|
|
2176
|
-
|
|
2180
|
+
Jt,
|
|
2177
2181
|
{
|
|
2178
2182
|
darkMode: b,
|
|
2179
2183
|
playerRef: n,
|
|
2180
2184
|
showCaptionsButton: !D
|
|
2181
2185
|
}
|
|
2182
2186
|
),
|
|
2183
|
-
/* @__PURE__ */ t(
|
|
2187
|
+
/* @__PURE__ */ t(xt, { annotations: u })
|
|
2184
2188
|
]
|
|
2185
2189
|
}
|
|
2186
2190
|
) })
|
|
@@ -2188,10 +2192,10 @@ function ni({
|
|
|
2188
2192
|
);
|
|
2189
2193
|
}
|
|
2190
2194
|
export {
|
|
2191
|
-
|
|
2195
|
+
Et as CAPTION_FONT_SIZE_MULTIPLIERS,
|
|
2192
2196
|
ze as COMMENT_DURATION,
|
|
2193
2197
|
F as PLAYBACK_RATES,
|
|
2194
|
-
|
|
2195
|
-
|
|
2196
|
-
|
|
2198
|
+
oi as StudioPlayer,
|
|
2199
|
+
ai as useMediaState,
|
|
2200
|
+
ci as useMediaStore
|
|
2197
2201
|
};
|