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