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