@instructure/studio-player 0.3.11 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/StudioPlayer/StudioPlayer.d.ts +3 -1
- package/dist/index-Bny_phXm.css +1 -0
- package/dist/studio-player.es.js +845 -824
- package/dist/types.d.ts +1 -0
- package/package.json +2 -1
- package/dist/index-B3keTGCo.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
|
|
5
|
-
import { createContext as
|
|
6
|
-
import { useMediaPlayer as
|
|
7
|
-
import { useMediaState as
|
|
8
|
-
import { initReactI18next as
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import { useFloating as ue, autoUpdate as de,
|
|
12
|
-
const
|
|
1
|
+
import './index-Bny_phXm.css';var ot = Object.defineProperty;
|
|
2
|
+
var it = (e, n, o) => n in e ? ot(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
|
|
3
|
+
var H = (e, n, o) => it(e, typeof n != "symbol" ? n + "" : n, o);
|
|
4
|
+
import { jsx as t, jsxs as l, Fragment as G } from "react/jsx-runtime";
|
|
5
|
+
import { createContext as ce, useContext as re, useState as L, useCallback as C, useEffect as R, useMemo as T, useRef as ne } from "react";
|
|
6
|
+
import { useMediaPlayer as O, Spinner as le, useMediaRemote as oe, useMediaState as f, isTrackCaptionKind as st, Track as at, Captions as lt, usePlaybackRateOptions as ct, useCaptionOptions as rt, useVideoQualityOptions as ut, useMediaStore as He, Poster as dt, FullscreenButton as mt, Time as ke, TimeSlider as $, VolumeSlider as X, isAudioProvider as ht, isVideoProvider as pt, MediaPlayer as _t, MediaProvider as Ct } from "@vidstack/react";
|
|
7
|
+
import { useMediaState as yi, useMediaStore as ki } from "@vidstack/react";
|
|
8
|
+
import { initReactI18next as ft, useTranslation as b } from "react-i18next";
|
|
9
|
+
import bt from "i18next";
|
|
10
|
+
import gt from "i18next-resources-to-backend";
|
|
11
|
+
import { useFloating as ue, autoUpdate as de, useDismiss as me, useInteractions as he, detectOverflow as vt, FloatingFocusManager as pe, shift as Se, offset as Ve, arrow as Te, useListNavigation as wt, FloatingArrow as Ee } from "@floating-ui/react";
|
|
12
|
+
const yt = (e, n, o) => {
|
|
13
13
|
const i = e[n];
|
|
14
14
|
return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((s, a) => {
|
|
15
15
|
(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
|
|
@@ -22,9 +22,9 @@ const vt = (e, n, o) => {
|
|
|
22
22
|
);
|
|
23
23
|
});
|
|
24
24
|
};
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
(e) =>
|
|
25
|
+
bt.use(ft).use(
|
|
26
|
+
gt(
|
|
27
|
+
(e) => yt(/* @__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,154 +35,154 @@ Ct.use(_t).use(
|
|
|
35
35
|
escapeValue: !1
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
|
-
const
|
|
39
|
-
function
|
|
38
|
+
const Ae = ce(null);
|
|
39
|
+
function kt({
|
|
40
40
|
children: e,
|
|
41
41
|
contextValue: n
|
|
42
42
|
}) {
|
|
43
|
-
return /* @__PURE__ */ t(
|
|
43
|
+
return /* @__PURE__ */ t(Ae.Provider, { value: n, children: e });
|
|
44
44
|
}
|
|
45
|
-
function
|
|
46
|
-
const e =
|
|
45
|
+
function w() {
|
|
46
|
+
const e = re(Ae);
|
|
47
47
|
if (!e)
|
|
48
48
|
throw new Error(
|
|
49
49
|
"useStudioPlayerContext must be used within a StudioPlayerContextProvider"
|
|
50
50
|
);
|
|
51
51
|
return e;
|
|
52
52
|
}
|
|
53
|
-
const
|
|
54
|
-
function
|
|
53
|
+
const Be = ce(null);
|
|
54
|
+
function Lt({
|
|
55
55
|
hideFullScreen: e,
|
|
56
56
|
comments: n,
|
|
57
57
|
captions: o,
|
|
58
58
|
thumbnail: i,
|
|
59
59
|
annotations: s,
|
|
60
60
|
quizMarkers: a,
|
|
61
|
-
interactive:
|
|
62
|
-
onAnnotationClick:
|
|
61
|
+
interactive: c,
|
|
62
|
+
onAnnotationClick: r,
|
|
63
63
|
onQuizMarkerClick: u,
|
|
64
|
-
onInteractivePinClick:
|
|
65
|
-
interactiveMenuElements:
|
|
66
|
-
kebabMenuElements:
|
|
64
|
+
onInteractivePinClick: p,
|
|
65
|
+
interactiveMenuElements: g,
|
|
66
|
+
kebabMenuElements: v,
|
|
67
67
|
darkMode: k,
|
|
68
68
|
children: y,
|
|
69
69
|
forceComments: N,
|
|
70
70
|
disableCaptionSettings: h,
|
|
71
|
-
disableStorage:
|
|
72
|
-
captionOffsetOverride:
|
|
73
|
-
disableInteractivePinRanges:
|
|
71
|
+
disableStorage: _,
|
|
72
|
+
captionOffsetOverride: V,
|
|
73
|
+
disableInteractivePinRanges: F,
|
|
74
74
|
onQuizMarkerShow: Z
|
|
75
75
|
}) {
|
|
76
|
-
const
|
|
76
|
+
const S = {
|
|
77
77
|
hideFullScreen: e,
|
|
78
78
|
comments: n,
|
|
79
79
|
captions: o,
|
|
80
80
|
thumbnail: i,
|
|
81
81
|
annotations: s,
|
|
82
82
|
quizMarkers: a,
|
|
83
|
-
interactive:
|
|
84
|
-
onAnnotationClick:
|
|
83
|
+
interactive: c,
|
|
84
|
+
onAnnotationClick: r,
|
|
85
85
|
onQuizMarkerClick: u,
|
|
86
|
-
onInteractivePinClick:
|
|
87
|
-
interactiveMenuElements:
|
|
88
|
-
kebabMenuElements:
|
|
86
|
+
onInteractivePinClick: p,
|
|
87
|
+
interactiveMenuElements: g,
|
|
88
|
+
kebabMenuElements: v,
|
|
89
89
|
darkMode: k,
|
|
90
90
|
hasComments: n.length > 0,
|
|
91
91
|
hasAnnotations: s.length > 0,
|
|
92
92
|
hasQuizmarkers: a.length > 0,
|
|
93
93
|
forceComments: N,
|
|
94
94
|
disableCaptionSettings: h,
|
|
95
|
-
disableStorage:
|
|
96
|
-
captionOffsetOverride:
|
|
97
|
-
disableInteractivePinRanges:
|
|
95
|
+
disableStorage: _,
|
|
96
|
+
captionOffsetOverride: V,
|
|
97
|
+
disableInteractivePinRanges: F,
|
|
98
98
|
onQuizMarkerShow: Z
|
|
99
99
|
};
|
|
100
|
-
return /* @__PURE__ */ t(
|
|
100
|
+
return /* @__PURE__ */ t(Be.Provider, { value: S, children: y });
|
|
101
101
|
}
|
|
102
102
|
function M() {
|
|
103
|
-
const e =
|
|
103
|
+
const e = re(Be);
|
|
104
104
|
if (!e)
|
|
105
105
|
throw new Error(
|
|
106
106
|
"useStudioPlayerPropsContext must be used within a StudioPlayerPropsContextProvider"
|
|
107
107
|
);
|
|
108
108
|
return e;
|
|
109
109
|
}
|
|
110
|
-
const
|
|
110
|
+
const xt = "_annotation-overlay_1kxzn_1", Mt = {
|
|
111
111
|
"annotation-overlay": "_annotation-overlay_1kxzn_1",
|
|
112
|
-
annotationOverlay:
|
|
113
|
-
},
|
|
112
|
+
annotationOverlay: xt
|
|
113
|
+
}, Le = 0.25, Nt = (e, n) => {
|
|
114
114
|
let o = !1;
|
|
115
115
|
return (i) => {
|
|
116
116
|
const s = i.detail.currentTime;
|
|
117
|
-
s >= e.time && s < e.time +
|
|
117
|
+
s >= e.time && s < e.time + Le && !o && (o = !0, n(e)), (s < e.time || s >= e.time + Le) && o && (o = !1);
|
|
118
118
|
};
|
|
119
119
|
};
|
|
120
|
-
function
|
|
121
|
-
const n =
|
|
120
|
+
function Pt({ annotations: e }) {
|
|
121
|
+
const n = O(), o = w(), i = M(), [s, a] = L(
|
|
122
122
|
null
|
|
123
|
-
),
|
|
123
|
+
), c = C(
|
|
124
124
|
(u) => {
|
|
125
125
|
n == null || n.pause(), i.interactive || o.disableInteractions(), a(u);
|
|
126
126
|
},
|
|
127
127
|
[n, o]
|
|
128
|
-
),
|
|
128
|
+
), r = () => {
|
|
129
129
|
i.interactive || (n == null || n.play(), o.enableInteractions()), a(null);
|
|
130
130
|
};
|
|
131
|
-
return
|
|
131
|
+
return R(() => {
|
|
132
132
|
if (!n)
|
|
133
133
|
return;
|
|
134
134
|
const u = [];
|
|
135
|
-
for (const
|
|
136
|
-
const
|
|
137
|
-
n.addEventListener("time-update",
|
|
135
|
+
for (const p of e) {
|
|
136
|
+
const g = Nt(p, c);
|
|
137
|
+
n.addEventListener("time-update", g), u.push(g);
|
|
138
138
|
}
|
|
139
139
|
if (s) {
|
|
140
|
-
const
|
|
141
|
-
(
|
|
140
|
+
const p = e.find(
|
|
141
|
+
(g) => g.id === s.id
|
|
142
142
|
);
|
|
143
|
-
|
|
143
|
+
p ? a(p) : (a(null), o.enableInteractions());
|
|
144
144
|
}
|
|
145
145
|
return () => {
|
|
146
|
-
for (const
|
|
147
|
-
n.removeEventListener("time-update",
|
|
146
|
+
for (const p of u)
|
|
147
|
+
n.removeEventListener("time-update", p);
|
|
148
148
|
};
|
|
149
|
-
}, [n, e]), s ? /* @__PURE__ */ t("div", { className:
|
|
149
|
+
}, [n, e]), s ? /* @__PURE__ */ t("div", { className: Mt.annotationOverlay, children: s.render(r) }) : null;
|
|
150
150
|
}
|
|
151
|
-
const
|
|
151
|
+
const It = "_media-buffering-indicator_1fwjr_1", Ht = "_media-buffering-spinner_1fwjr_17", St = "_media-buffering-spin_1fwjr_17", Vt = "_media-buffering-track_1fwjr_22", Tt = "_media-buffering-track-fill_1fwjr_27", J = {
|
|
152
152
|
"media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
|
|
153
|
-
mediaBufferingIndicator:
|
|
153
|
+
mediaBufferingIndicator: It,
|
|
154
154
|
"media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
|
|
155
|
-
mediaBufferingSpinner:
|
|
155
|
+
mediaBufferingSpinner: Ht,
|
|
156
156
|
"media-buffering-spin": "_media-buffering-spin_1fwjr_17",
|
|
157
|
-
mediaBufferingSpin:
|
|
157
|
+
mediaBufferingSpin: St,
|
|
158
158
|
"media-buffering-track": "_media-buffering-track_1fwjr_22",
|
|
159
|
-
mediaBufferingTrack:
|
|
159
|
+
mediaBufferingTrack: Vt,
|
|
160
160
|
"media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
|
|
161
|
-
mediaBufferingTrackFill:
|
|
161
|
+
mediaBufferingTrackFill: Tt
|
|
162
162
|
};
|
|
163
|
-
function
|
|
164
|
-
return /* @__PURE__ */ t("div", { className:
|
|
165
|
-
/* @__PURE__ */ t(
|
|
163
|
+
function Re() {
|
|
164
|
+
return /* @__PURE__ */ t("div", { className: J.mediaBufferingIndicator, children: /* @__PURE__ */ l(le.Root, { className: J.mediaBufferingSpinner, size: 96, children: [
|
|
165
|
+
/* @__PURE__ */ t(le.Track, { className: J.mediaBufferingTrack, width: 8 }),
|
|
166
166
|
/* @__PURE__ */ t(
|
|
167
|
-
|
|
167
|
+
le.TrackFill,
|
|
168
168
|
{
|
|
169
|
-
className:
|
|
169
|
+
className: J.mediaBufferingTrackFill,
|
|
170
170
|
width: 8
|
|
171
171
|
}
|
|
172
172
|
)
|
|
173
173
|
] }) });
|
|
174
174
|
}
|
|
175
|
-
const Oe = (e) => /* @__PURE__ */
|
|
175
|
+
const Oe = (e) => /* @__PURE__ */ l("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
176
176
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104418", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
|
|
177
177
|
/* @__PURE__ */ t("g", { clipPath: "url(#clip0_149_104418)", children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.5 21.8125V2.3125C22.5 1.9 22.1625 1.5625 21.75 1.5625H2.25C1.8375 1.5625 1.5 1.9 1.5 2.3125V21.8125C1.5 22.225 1.8375 22.5625 2.25 22.5625H21.75C22.1625 22.5625 22.5 22.225 22.5 21.8125ZM21.75 0.0625C22.9905 0.0625 24 1.072 24 2.3125V21.8125C24 23.053 22.9905 24.0625 21.75 24.0625H2.25C1.0095 24.0625 0 23.053 0 21.8125V2.3125C0 1.072 1.0095 0.0625 2.25 0.0625H21.75ZM10.744 10.6709H8.74403V10.0042H6.07736V14.0042H8.74403V13.3375H10.744V14.6709C10.744 15.4042 10.144 16.0042 9.41069 16.0042H5.41069C4.67736 16.0042 4.07736 15.4042 4.07736 14.6709V9.33753C4.07736 8.6042 4.67736 8.0042 5.41069 8.0042H9.41069C10.144 8.0042 10.744 8.6042 10.744 9.33753V10.6709ZM19.8065 10.6709H17.8065V10.0042H15.1399V14.0042H17.8065V13.3375H19.8065V14.6709C19.8065 15.4042 19.2065 16.0042 18.4732 16.0042H14.4732C13.7399 16.0042 13.1399 15.4042 13.1399 14.6709V9.33753C13.1399 8.6042 13.7399 8.0042 14.4732 8.0042H18.4732C19.2065 8.0042 19.8065 8.6042 19.8065 9.33753V10.6709Z", fill: "currentColor" }) })
|
|
178
|
-
] }), Fe = (e) => /* @__PURE__ */
|
|
178
|
+
] }), Fe = (e) => /* @__PURE__ */ l("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
179
179
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104406", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
|
|
180
180
|
/* @__PURE__ */ t("g", { clipPath: "url(#clip0_149_104406)", children: /* @__PURE__ */ t("path", { d: "M21.3333 0H2.66666C1.18666 0 0 1.35 0 3V21C0 22.65 1.18666 24 2.66666 24H21.3333C22.8 24 24 22.65 24 21V3C24 1.35 22.8 0 21.3333 0ZM10.6667 10.6667H8.66666V10H6V14H8.66666V13.3333H10.6667V14.6667C10.6667 15.4 10.0667 16 9.33334 16H5.33334C4.6 16 4 15.4 4 14.6667V9.33334C4 8.6 4.6 8 5.33334 8H9.33334C10.0667 8 10.6667 8.6 10.6667 9.33334V10.6667ZM20.0042 10.6667H18.0042V10H15.3375V14H18.0042V13.3333H20.0042V14.6667C20.0042 15.4 19.4042 16 18.6708 16H14.6708C13.9375 16 13.3375 15.4 13.3375 14.6667V9.33334C13.3375 8.6 13.9375 8 14.6708 8H18.6708C19.4042 8 20.0042 8.6 20.0042 9.33334V10.6667Z", fill: "currentColor" }) })
|
|
181
181
|
] });
|
|
182
|
-
function
|
|
183
|
-
const e = oe(), n =
|
|
184
|
-
(
|
|
185
|
-
e.toggleCaptions(
|
|
182
|
+
function Et() {
|
|
183
|
+
const e = oe(), n = f("textTrack"), o = f("hasCaptions"), i = n && st(n), s = w(), a = C(
|
|
184
|
+
(c) => {
|
|
185
|
+
e.toggleCaptions(c.nativeEvent);
|
|
186
186
|
},
|
|
187
187
|
[e]
|
|
188
188
|
);
|
|
@@ -199,25 +199,25 @@ function Vt() {
|
|
|
199
199
|
}
|
|
200
200
|
) : null;
|
|
201
201
|
}
|
|
202
|
-
const
|
|
203
|
-
captions:
|
|
202
|
+
const At = "_captions_1cu0g_1", Bt = {
|
|
203
|
+
captions: At
|
|
204
204
|
}, Rt = (e, n) => e ? n.top : n.bottom;
|
|
205
205
|
function Ze({ captions: e }) {
|
|
206
|
-
const n = e.length > 0, o =
|
|
206
|
+
const n = e.length > 0, o = w(), { captionOffsetOverride: i } = M(), s = o.state.captionPositionOnTop, a = Rt(
|
|
207
207
|
s,
|
|
208
208
|
i ?? {}
|
|
209
209
|
);
|
|
210
|
-
return /* @__PURE__ */
|
|
211
|
-
e.map((
|
|
212
|
-
|
|
210
|
+
return /* @__PURE__ */ l(G, { children: [
|
|
211
|
+
e.map((c) => /* @__PURE__ */ t(
|
|
212
|
+
at,
|
|
213
213
|
{
|
|
214
214
|
kind: "subtitles",
|
|
215
|
-
type:
|
|
216
|
-
language:
|
|
217
|
-
label:
|
|
218
|
-
src:
|
|
215
|
+
type: c.type,
|
|
216
|
+
language: c.language,
|
|
217
|
+
label: c.label,
|
|
218
|
+
src: c.src
|
|
219
219
|
},
|
|
220
|
-
|
|
220
|
+
c.label
|
|
221
221
|
)),
|
|
222
222
|
n ? /* @__PURE__ */ t(
|
|
223
223
|
"div",
|
|
@@ -230,14 +230,14 @@ function Ze({ captions: e }) {
|
|
|
230
230
|
"--captions-color": o.state.captionsInvertColors ? "rgba(22, 22, 22)" : "white",
|
|
231
231
|
"--captions-background-color": o.state.captionsInvertColors ? "rgba(255, 255, 255, 0.75)" : "rgba(22, 22, 22, 0.75)"
|
|
232
232
|
},
|
|
233
|
-
children: /* @__PURE__ */ t(
|
|
233
|
+
children: /* @__PURE__ */ t(lt, { className: Bt.captions })
|
|
234
234
|
}
|
|
235
235
|
) : null
|
|
236
236
|
] });
|
|
237
237
|
}
|
|
238
|
-
const
|
|
238
|
+
const D = [0.5, 0.75, 1, 1.25, 1.5, 2], Ot = [0.5, 1, 2, 3, 4], Ft = 5, Zt = (e) => {
|
|
239
239
|
const [, n] = L({});
|
|
240
|
-
return
|
|
240
|
+
return T(() => {
|
|
241
241
|
let o = [];
|
|
242
242
|
return {
|
|
243
243
|
add(i) {
|
|
@@ -254,21 +254,21 @@ const K = [0.5, 0.75, 1, 1.25, 1.5, 2], At = [0.5, 1, 2, 3, 4], Bt = 5, Ot = (e)
|
|
|
254
254
|
}
|
|
255
255
|
};
|
|
256
256
|
}, []);
|
|
257
|
-
},
|
|
257
|
+
}, Kt = (e, n, o) => {
|
|
258
258
|
let i = !1;
|
|
259
259
|
return (s) => {
|
|
260
260
|
const a = s.detail.currentTime;
|
|
261
261
|
a >= e.timestamp && a < e.timestamp + n && !i && (o.add(e), i = !0), (a < e.timestamp || a >= e.timestamp + n) && i && (o.remove(e), i = !1);
|
|
262
262
|
};
|
|
263
|
-
},
|
|
264
|
-
const o =
|
|
265
|
-
return
|
|
263
|
+
}, Dt = (e, n = 5) => {
|
|
264
|
+
const o = O(), i = Zt(n);
|
|
265
|
+
return R(() => {
|
|
266
266
|
if (!o)
|
|
267
267
|
return;
|
|
268
268
|
const s = [];
|
|
269
269
|
for (const a of e) {
|
|
270
|
-
const
|
|
271
|
-
s.push(
|
|
270
|
+
const c = Kt(a, Ft, i);
|
|
271
|
+
s.push(c), o.addEventListener("time-update", c);
|
|
272
272
|
}
|
|
273
273
|
return o.dispatchEvent(
|
|
274
274
|
new CustomEvent("time-update", {
|
|
@@ -280,21 +280,21 @@ const K = [0.5, 0.75, 1, 1.25, 1.5, 2], At = [0.5, 1, 2, 3, 4], Bt = 5, Ot = (e)
|
|
|
280
280
|
i.clear();
|
|
281
281
|
};
|
|
282
282
|
}, [o, i, e]), i;
|
|
283
|
-
}, zt = "_comments-overlay_1puzm_1",
|
|
283
|
+
}, zt = "_comments-overlay_1puzm_1", $t = "_comments-container_1puzm_10", Ut = "_comment_1puzm_1", qt = "_comment-text_1puzm_47", Gt = "_comment-author-avatar_1puzm_70", jt = "_comment-author-name_1puzm_89", B = {
|
|
284
284
|
"comments-overlay": "_comments-overlay_1puzm_1",
|
|
285
285
|
commentsOverlay: zt,
|
|
286
286
|
"comments-container": "_comments-container_1puzm_10",
|
|
287
|
-
commentsContainer:
|
|
288
|
-
comment:
|
|
287
|
+
commentsContainer: $t,
|
|
288
|
+
comment: Ut,
|
|
289
289
|
"comment-text": "_comment-text_1puzm_47",
|
|
290
|
-
commentText:
|
|
290
|
+
commentText: qt,
|
|
291
291
|
"comment-author-avatar": "_comment-author-avatar_1puzm_70",
|
|
292
|
-
commentAuthorAvatar:
|
|
292
|
+
commentAuthorAvatar: Gt,
|
|
293
293
|
"comment-author-name": "_comment-author-name_1puzm_89",
|
|
294
|
-
commentAuthorName:
|
|
294
|
+
commentAuthorName: jt
|
|
295
295
|
};
|
|
296
|
-
function
|
|
297
|
-
return e.render ? e.render(e, B) : /* @__PURE__ */
|
|
296
|
+
function Qt({ comment: e }) {
|
|
297
|
+
return e.render ? e.render(e, B) : /* @__PURE__ */ l("div", { className: B.comment, onClick: () => {
|
|
298
298
|
var n;
|
|
299
299
|
return (n = e.onClick) == null ? void 0 : n.call(e, e);
|
|
300
300
|
}, children: [
|
|
@@ -310,9 +310,9 @@ function Gt({ comment: e }) {
|
|
|
310
310
|
/* @__PURE__ */ t("span", { className: B.commentAuthorName, children: e.user.name })
|
|
311
311
|
] });
|
|
312
312
|
}
|
|
313
|
-
const
|
|
314
|
-
function
|
|
315
|
-
const n =
|
|
313
|
+
const Wt = 5;
|
|
314
|
+
function Yt({ comments: e }) {
|
|
315
|
+
const n = w(), o = Dt(e, Wt), i = !!f("textTrack"), s = o.map((a) => /* @__PURE__ */ t(Qt, { comment: a }, a.id));
|
|
316
316
|
return e.length > 0 && n.state.commentsEnabled ? /* @__PURE__ */ t(
|
|
317
317
|
"div",
|
|
318
318
|
{
|
|
@@ -324,53 +324,53 @@ function Qt({ comments: e }) {
|
|
|
324
324
|
}
|
|
325
325
|
) : null;
|
|
326
326
|
}
|
|
327
|
-
const
|
|
328
|
-
root:
|
|
329
|
-
"left-controls": "_left-
|
|
330
|
-
leftControls:
|
|
331
|
-
"right-controls": "_right-
|
|
332
|
-
rightControls:
|
|
333
|
-
indicators:
|
|
334
|
-
"normal-timeline": "_normal-
|
|
335
|
-
normalTimeline:
|
|
336
|
-
"compact-timeline": "_compact-
|
|
337
|
-
compactTimeline:
|
|
327
|
+
const Xt = "_root_h0dso_1", Jt = "_left-controls_h0dso_28", en = "_right-controls_h0dso_34", tn = "_indicators_h0dso_40", nn = "_normal-timeline_h0dso_49", on = "_compact-timeline_h0dso_55", K = {
|
|
328
|
+
root: Xt,
|
|
329
|
+
"left-controls": "_left-controls_h0dso_28",
|
|
330
|
+
leftControls: Jt,
|
|
331
|
+
"right-controls": "_right-controls_h0dso_34",
|
|
332
|
+
rightControls: en,
|
|
333
|
+
indicators: tn,
|
|
334
|
+
"normal-timeline": "_normal-timeline_h0dso_49",
|
|
335
|
+
normalTimeline: nn,
|
|
336
|
+
"compact-timeline": "_compact-timeline_h0dso_55",
|
|
337
|
+
compactTimeline: on
|
|
338
338
|
};
|
|
339
|
-
function
|
|
339
|
+
function sn({
|
|
340
340
|
darkMode: e,
|
|
341
341
|
playerRef: n,
|
|
342
342
|
showCaptionsButton: o = !0
|
|
343
343
|
}) {
|
|
344
|
-
const i =
|
|
345
|
-
return
|
|
344
|
+
const i = O();
|
|
345
|
+
return R(() => {
|
|
346
346
|
i && (i.remoteControl.pauseControls(), n && (typeof n == "function" ? n(i) : n.current = i));
|
|
347
|
-
}, [i, n]), /* @__PURE__ */
|
|
348
|
-
/* @__PURE__ */ t(
|
|
349
|
-
/* @__PURE__ */
|
|
350
|
-
/* @__PURE__ */ t(
|
|
351
|
-
/* @__PURE__ */ t(
|
|
347
|
+
}, [i, n]), /* @__PURE__ */ l("div", { "data-darkmode": e, className: K.root, children: [
|
|
348
|
+
/* @__PURE__ */ t(Me, { className: K.normalTimeline }),
|
|
349
|
+
/* @__PURE__ */ l("div", { className: K.leftControls, children: [
|
|
350
|
+
/* @__PURE__ */ t(U1, {}),
|
|
351
|
+
/* @__PURE__ */ t(Yo, {})
|
|
352
352
|
] }),
|
|
353
|
-
/* @__PURE__ */ t("div", { className:
|
|
354
|
-
/* @__PURE__ */ t(
|
|
355
|
-
/* @__PURE__ */
|
|
356
|
-
o && /* @__PURE__ */ t(
|
|
357
|
-
/* @__PURE__ */ t(
|
|
358
|
-
/* @__PURE__ */ t(
|
|
353
|
+
/* @__PURE__ */ t("div", { className: K.indicators, children: /* @__PURE__ */ t(io, {}) }),
|
|
354
|
+
/* @__PURE__ */ t(Me, { className: K.compactTimeline }),
|
|
355
|
+
/* @__PURE__ */ l("div", { className: K.rightControls, children: [
|
|
356
|
+
o && /* @__PURE__ */ t(Et, {}),
|
|
357
|
+
/* @__PURE__ */ t(o1, {}),
|
|
358
|
+
/* @__PURE__ */ t(b1, {})
|
|
359
359
|
] })
|
|
360
360
|
] });
|
|
361
361
|
}
|
|
362
|
-
const
|
|
363
|
-
"menu-hint": "_menu-
|
|
364
|
-
menuHint:
|
|
365
|
-
"menu-button": "_menu-
|
|
366
|
-
menuButton:
|
|
367
|
-
"menu-label": "_menu-
|
|
368
|
-
menuLabel:
|
|
369
|
-
"menu-icon": "_menu-
|
|
370
|
-
menuIcon:
|
|
362
|
+
const an = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.0692 12C21.0692 11.4776 21.0212 10.944 20.9238 10.4104L23.5511 8.13318L21.0579 3.87247L17.7431 4.97788C16.9059 4.28329 15.9515 3.73553 14.9449 3.37271L14.2616 0H9.28941L8.60612 3.37129C7.58823 3.73553 6.65082 4.27482 5.80659 4.97647L2.49318 3.87247L0 8.13318L2.62729 10.4104C2.52988 10.944 2.48188 11.4776 2.48188 12C2.48188 12.5224 2.52988 13.056 2.62729 13.5896L0 15.8668L2.49318 20.1275L5.808 19.0221C6.64518 19.7167 7.59953 20.2645 8.60612 20.6273L9.28941 24H14.2616L14.9449 20.6287C15.9614 20.2645 16.9002 19.7252 17.7445 19.0235L21.0579 20.1289L23.5511 15.8682L20.9238 13.5911C21.0212 13.056 21.0692 12.5224 21.0692 12ZM11.7755 16.9412C9.05082 16.9412 6.83435 14.7247 6.83435 12C6.83435 9.2753 9.05082 7.05883 11.7755 7.05883C14.5002 7.05883 16.7167 9.2753 16.7167 12C16.7167 14.7247 14.5002 16.9412 11.7755 16.9412Z", fill: "currentColor" }) }), ln = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 3.03704L7.03704 2L14.037 9L7.03704 16L6 14.963L11.963 9L6 3.03704Z", fill: "currentColor" }) }), cn = "_menu-hint_1wiu5_1", rn = "_menu-button_1wiu5_5", un = "_menu-label_1wiu5_37", dn = "_menu-icon_1wiu5_42", ee = {
|
|
363
|
+
"menu-hint": "_menu-hint_1wiu5_1",
|
|
364
|
+
menuHint: cn,
|
|
365
|
+
"menu-button": "_menu-button_1wiu5_5",
|
|
366
|
+
menuButton: rn,
|
|
367
|
+
"menu-label": "_menu-label_1wiu5_37",
|
|
368
|
+
menuLabel: un,
|
|
369
|
+
"menu-icon": "_menu-icon_1wiu5_42",
|
|
370
|
+
menuIcon: dn
|
|
371
371
|
};
|
|
372
|
-
function
|
|
373
|
-
return /* @__PURE__ */
|
|
372
|
+
function j({ label: e, hint: n, onClick: o, Icon: i }) {
|
|
373
|
+
return /* @__PURE__ */ l(
|
|
374
374
|
"button",
|
|
375
375
|
{
|
|
376
376
|
type: "button",
|
|
@@ -378,37 +378,37 @@ function Q({ label: e, hint: n, onClick: o, Icon: i }) {
|
|
|
378
378
|
"aria-label": e,
|
|
379
379
|
tabIndex: -1,
|
|
380
380
|
onClick: o,
|
|
381
|
-
className:
|
|
381
|
+
className: ee.menuButton,
|
|
382
382
|
children: [
|
|
383
|
-
i && /* @__PURE__ */ t(i, { className:
|
|
384
|
-
/* @__PURE__ */ t("span", { className:
|
|
385
|
-
/* @__PURE__ */ t("span", { className:
|
|
386
|
-
/* @__PURE__ */ t(
|
|
383
|
+
i && /* @__PURE__ */ t(i, { className: ee.menuIcon }),
|
|
384
|
+
/* @__PURE__ */ t("span", { className: ee.menuLabel, children: e }),
|
|
385
|
+
/* @__PURE__ */ t("span", { className: ee.menuHint, children: n }),
|
|
386
|
+
/* @__PURE__ */ t(ln, {})
|
|
387
387
|
]
|
|
388
388
|
}
|
|
389
389
|
);
|
|
390
390
|
}
|
|
391
|
-
const
|
|
392
|
-
function
|
|
393
|
-
const e =
|
|
391
|
+
const mn = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.42229 2.82911C4.71149 1.83006 6.23876 1.19768 7.8383 1L7.96797 2.05432C6.55867 2.22862 5.21101 2.7866 4.07273 3.66874L3.42229 2.82911ZM5.44493 6.71393L9.49745 10.7665L17.0924 3.1705L17.8438 3.92297L9.49745 12.2693L4.69352 7.46534L5.44493 6.71393ZM17.932 8.83829C17.8618 8.27074 17.7364 7.70745 17.5589 7.16222L16.5482 7.49276C16.7055 7.97209 16.816 8.46843 16.8766 8.96689C16.917 9.29742 16.9372 9.6269 16.9372 9.96594C16.9372 10.305 16.917 10.6344 16.8777 10.9639C16.7033 12.3732 16.1454 13.7209 15.2632 14.8592L16.1029 15.5096C17.1019 14.2204 17.7343 12.6931 17.932 11.0925C17.9766 10.7205 18 10.3486 18 9.96594C18 9.58332 17.9766 9.21134 17.932 8.83829ZM1.05432 8.96795L0 8.83829C0.197684 7.23874 0.830061 5.71147 1.82911 4.42228L2.66874 5.07272C1.7866 6.211 1.22862 7.55865 1.05432 8.96795ZM0 11.0936C0.197684 12.6931 0.830061 14.2204 1.82911 15.5096L2.66874 14.8591C1.7866 13.7209 1.22862 12.3732 1.05432 10.9639L0 11.0936ZM10.0939 1.00011C11.6935 1.19673 13.2207 1.83017 14.5099 2.82922L13.8595 3.66884C12.7202 2.7867 11.3736 2.22872 9.96426 2.05442L10.0939 1.00011Z", fill: "currentColor" }) });
|
|
392
|
+
function hn() {
|
|
393
|
+
const e = I(), n = f("playbackRate"), { t: o } = b(), i = C(() => {
|
|
394
394
|
e.setPage("speed");
|
|
395
395
|
}, [e]);
|
|
396
396
|
return /* @__PURE__ */ t(
|
|
397
|
-
|
|
397
|
+
j,
|
|
398
398
|
{
|
|
399
399
|
label: o("PLAYBACK_SPEED"),
|
|
400
400
|
hint: `${n}x`,
|
|
401
401
|
onClick: i,
|
|
402
|
-
Icon:
|
|
402
|
+
Icon: mn
|
|
403
403
|
}
|
|
404
404
|
);
|
|
405
405
|
}
|
|
406
|
-
function
|
|
407
|
-
const e =
|
|
406
|
+
function pn() {
|
|
407
|
+
const e = I(), n = f("hasCaptions"), o = f("textTrack"), { t: i } = b(), s = C(() => {
|
|
408
408
|
e.setPage("captions");
|
|
409
409
|
}, [e]);
|
|
410
410
|
return n ? /* @__PURE__ */ t(
|
|
411
|
-
|
|
411
|
+
j,
|
|
412
412
|
{
|
|
413
413
|
label: i("CAPTIONS"),
|
|
414
414
|
hint: (o == null ? void 0 : o.label) ?? i("OFF"),
|
|
@@ -417,49 +417,49 @@ function mn() {
|
|
|
417
417
|
}
|
|
418
418
|
) : null;
|
|
419
419
|
}
|
|
420
|
-
const
|
|
420
|
+
const _n = (e) => /* @__PURE__ */ l("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
421
421
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_412_23039", children: /* @__PURE__ */ t("rect", { width: 18, height: 18, fill: "white" }) }) }),
|
|
422
|
-
/* @__PURE__ */
|
|
422
|
+
/* @__PURE__ */ l("g", { clipPath: "url(#clip0_412_23039)", children: [
|
|
423
423
|
/* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.46326 3.85039H0V2.65039H2.46326C2.7388 1.36449 3.88181 0.400391 5.24999 0.400391C6.61818 0.400391 7.76119 1.36449 8.03673 2.65039H18V3.85039H8.03673C7.76119 5.13629 6.61818 6.10039 5.24999 6.10039C3.88181 6.10039 2.7388 5.13629 2.46326 3.85039ZM3.59999 3.25039C3.59999 2.33912 4.33872 1.60039 5.24999 1.60039C6.16126 1.60039 6.89999 2.33912 6.89999 3.25039C6.89999 4.16166 6.16126 4.90039 5.24999 4.90039C4.33872 4.90039 3.59999 4.16166 3.59999 3.25039Z", fill: "currentColor" }),
|
|
424
424
|
/* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 8.40039H9.46326C9.7388 7.11449 10.8818 6.15039 12.25 6.15039C13.6182 6.15039 14.7612 7.11449 15.0367 8.40039H18V9.60039H15.0367C14.7612 10.8863 13.6182 11.8504 12.25 11.8504C10.8818 11.8504 9.7388 10.8863 9.46326 9.60039H0V8.40039ZM12.25 7.35039C11.3387 7.35039 10.6 8.08912 10.6 9.00039C10.6 9.91166 11.3387 10.6504 12.25 10.6504C13.1613 10.6504 13.9 9.91166 13.9 9.00039C13.9 8.08912 13.1613 7.35039 12.25 7.35039Z", fill: "currentColor" }),
|
|
425
425
|
/* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.24999 17.6004C6.61818 17.6004 7.76119 16.6363 8.03673 15.3504H18V14.1504H8.03673C7.76119 12.8645 6.61818 11.9004 5.24999 11.9004C3.88181 11.9004 2.7388 12.8645 2.46326 14.1504H0V15.3504H2.46326C2.7388 16.6363 3.88181 17.6004 5.24999 17.6004ZM5.24999 13.1004C4.33872 13.1004 3.59999 13.8391 3.59999 14.7504C3.59999 15.6617 4.33872 16.4004 5.24999 16.4004C6.16126 16.4004 6.89999 15.6617 6.89999 14.7504C6.89999 13.8391 6.16126 13.1004 5.24999 13.1004Z", fill: "currentColor" })
|
|
426
426
|
] })
|
|
427
427
|
] });
|
|
428
|
-
function
|
|
429
|
-
const e =
|
|
428
|
+
function Cn() {
|
|
429
|
+
const e = I(), n = f("autoQuality"), o = f("quality"), { t: i } = b(), s = C(() => {
|
|
430
430
|
e.setPage("quality");
|
|
431
431
|
}, [e]);
|
|
432
432
|
return o ? /* @__PURE__ */ t(
|
|
433
|
-
|
|
433
|
+
j,
|
|
434
434
|
{
|
|
435
435
|
label: i("QUALITY"),
|
|
436
436
|
hint: n ? i("AUTO", { quality: o.height }) : `${o.height}p`,
|
|
437
437
|
onClick: s,
|
|
438
|
-
Icon:
|
|
438
|
+
Icon: _n
|
|
439
439
|
}
|
|
440
440
|
) : null;
|
|
441
441
|
}
|
|
442
|
-
const fn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 21.798373,3.342155 8.8843977,16.256145 2.2000774,9.571825 0,11.771895 8.8843977,20.657845 24,5.543795 Z", fill: "currentColor" }) }),
|
|
443
|
-
"switch-track": "_switch-
|
|
444
|
-
switchTrack:
|
|
445
|
-
"switch-thumb": "_switch-
|
|
446
|
-
switchThumb:
|
|
447
|
-
"switch-icon": "_switch-
|
|
448
|
-
switchIcon:
|
|
449
|
-
"switch-body": "_switch-
|
|
450
|
-
switchBody:
|
|
451
|
-
"switch-label": "_switch-
|
|
452
|
-
switchLabel:
|
|
453
|
-
"menu-icon": "_menu-
|
|
454
|
-
menuIcon:
|
|
442
|
+
const fn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 21.798373,3.342155 8.8843977,16.256145 2.2000774,9.571825 0,11.771895 8.8843977,20.657845 24,5.543795 Z", fill: "currentColor" }) }), bn = (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" }) }), gn = "_switch-track_7nhpo_1", vn = "_switch-thumb_7nhpo_17", wn = "_switch-icon_7nhpo_31", yn = "_switch-body_7nhpo_37", kn = "_switch-label_7nhpo_78", Ln = "_menu-icon_7nhpo_82", A = {
|
|
443
|
+
"switch-track": "_switch-track_7nhpo_1",
|
|
444
|
+
switchTrack: gn,
|
|
445
|
+
"switch-thumb": "_switch-thumb_7nhpo_17",
|
|
446
|
+
switchThumb: vn,
|
|
447
|
+
"switch-icon": "_switch-icon_7nhpo_31",
|
|
448
|
+
switchIcon: wn,
|
|
449
|
+
"switch-body": "_switch-body_7nhpo_37",
|
|
450
|
+
switchBody: yn,
|
|
451
|
+
"switch-label": "_switch-label_7nhpo_78",
|
|
452
|
+
switchLabel: kn,
|
|
453
|
+
"menu-icon": "_menu-icon_7nhpo_82",
|
|
454
|
+
menuIcon: Ln
|
|
455
455
|
};
|
|
456
|
-
function
|
|
456
|
+
function _e({
|
|
457
457
|
label: e,
|
|
458
458
|
checked: n = !1,
|
|
459
459
|
onClick: o,
|
|
460
460
|
Icon: i
|
|
461
461
|
}) {
|
|
462
|
-
return /* @__PURE__ */
|
|
462
|
+
return /* @__PURE__ */ l(
|
|
463
463
|
"button",
|
|
464
464
|
{
|
|
465
465
|
className: A.switchBody,
|
|
@@ -471,30 +471,30 @@ function Ce({
|
|
|
471
471
|
children: [
|
|
472
472
|
i && /* @__PURE__ */ t(i, { className: A.menuIcon }),
|
|
473
473
|
/* @__PURE__ */ t("span", { className: A.switchLabel, children: e }),
|
|
474
|
-
/* @__PURE__ */ t("div", { className: A.switchTrack, children: /* @__PURE__ */ t("div", { className: A.switchThumb, children: n ? /* @__PURE__ */ t(fn, { className: A.switchIcon }) : /* @__PURE__ */ t(
|
|
474
|
+
/* @__PURE__ */ t("div", { className: A.switchTrack, children: /* @__PURE__ */ t("div", { className: A.switchThumb, children: n ? /* @__PURE__ */ t(fn, { className: A.switchIcon }) : /* @__PURE__ */ t(bn, { className: A.switchIcon }) }) })
|
|
475
475
|
]
|
|
476
476
|
}
|
|
477
477
|
);
|
|
478
478
|
}
|
|
479
|
-
const
|
|
480
|
-
function
|
|
481
|
-
const { t: e } =
|
|
479
|
+
const xn = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 0V12.7489H5.44V18L10.5007 12.7489H16.582V0H1ZM2 1H15.58V11.7339H9.98655L6.52667 15.25V11.7339H2V1ZM5.24963 5.35011H12.3323V4.24835H5.24963V5.35011ZM5.24963 8.18462H9.50067V7.08285H5.24963V8.18462Z", fill: "currentColor" }) });
|
|
480
|
+
function Mn() {
|
|
481
|
+
const { t: e } = b(), n = M(), o = w();
|
|
482
482
|
return !n.forceComments && n.hasComments ? /* @__PURE__ */ t(
|
|
483
|
-
|
|
483
|
+
_e,
|
|
484
484
|
{
|
|
485
|
-
Icon:
|
|
485
|
+
Icon: xn,
|
|
486
486
|
label: e("COMMENTS"),
|
|
487
487
|
onClick: o.toggleComments,
|
|
488
488
|
checked: o.state.commentsEnabled
|
|
489
489
|
}
|
|
490
490
|
) : null;
|
|
491
491
|
}
|
|
492
|
-
const
|
|
492
|
+
const Nn = "_main-menu_7h96l_1", Pn = {
|
|
493
493
|
"main-menu": "_main-menu_7h96l_1",
|
|
494
|
-
mainMenu:
|
|
494
|
+
mainMenu: Nn
|
|
495
495
|
};
|
|
496
|
-
function
|
|
497
|
-
|
|
496
|
+
function Ke(e) {
|
|
497
|
+
R(() => {
|
|
498
498
|
const n = (o) => {
|
|
499
499
|
var i;
|
|
500
500
|
(i = e[o.key]) == null || i.call(e, o);
|
|
@@ -504,60 +504,60 @@ function ze(e) {
|
|
|
504
504
|
};
|
|
505
505
|
}, [e]);
|
|
506
506
|
}
|
|
507
|
-
function
|
|
508
|
-
const n =
|
|
509
|
-
return
|
|
507
|
+
function In(e) {
|
|
508
|
+
const n = T(() => ({ Escape: e }), [e]);
|
|
509
|
+
return Ke(n);
|
|
510
510
|
}
|
|
511
|
-
const
|
|
512
|
-
const e =
|
|
511
|
+
const I = () => {
|
|
512
|
+
const e = re(De);
|
|
513
513
|
if (!e)
|
|
514
514
|
throw new Error(
|
|
515
515
|
"useCustomSettingsMenuContext must be used within a CustomSettingsMenuContext.Provider"
|
|
516
516
|
);
|
|
517
517
|
return e;
|
|
518
518
|
};
|
|
519
|
-
function
|
|
519
|
+
function Hn(e, n) {
|
|
520
520
|
const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(n);
|
|
521
521
|
return o[i - 1] ?? null;
|
|
522
522
|
}
|
|
523
|
-
function
|
|
523
|
+
function Sn(e, n) {
|
|
524
524
|
const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(n);
|
|
525
525
|
return o[i + 1] ?? null;
|
|
526
526
|
}
|
|
527
|
-
function
|
|
527
|
+
function Vn(e) {
|
|
528
528
|
return e.querySelector("button");
|
|
529
529
|
}
|
|
530
|
-
function
|
|
530
|
+
function Tn(e) {
|
|
531
531
|
const n = Array.from(e.querySelectorAll("button"));
|
|
532
532
|
return n[n.length - 1] ?? null;
|
|
533
533
|
}
|
|
534
|
-
function
|
|
535
|
-
const e =
|
|
534
|
+
function z() {
|
|
535
|
+
const e = I(), n = ne(null), o = T(
|
|
536
536
|
() => ({
|
|
537
537
|
Escape: e.toggle,
|
|
538
538
|
ArrowUp: () => {
|
|
539
539
|
const i = document.activeElement;
|
|
540
540
|
if (i && n.current && n.current.contains(i)) {
|
|
541
|
-
const s =
|
|
541
|
+
const s = Hn(
|
|
542
542
|
n.current,
|
|
543
543
|
i
|
|
544
544
|
);
|
|
545
545
|
s == null || s.focus();
|
|
546
546
|
} else if (n.current) {
|
|
547
|
-
const s =
|
|
547
|
+
const s = Tn(n.current);
|
|
548
548
|
s == null || s.focus();
|
|
549
549
|
}
|
|
550
550
|
},
|
|
551
551
|
ArrowDown: () => {
|
|
552
552
|
const i = document.activeElement;
|
|
553
553
|
if (i && n.current && n.current.contains(i)) {
|
|
554
|
-
const s =
|
|
554
|
+
const s = Sn(
|
|
555
555
|
n.current,
|
|
556
556
|
i
|
|
557
557
|
);
|
|
558
558
|
s == null || s.focus();
|
|
559
559
|
} else if (n.current) {
|
|
560
|
-
const s =
|
|
560
|
+
const s = Vn(n.current);
|
|
561
561
|
s == null || s.focus();
|
|
562
562
|
}
|
|
563
563
|
},
|
|
@@ -569,97 +569,99 @@ function D() {
|
|
|
569
569
|
}),
|
|
570
570
|
[e]
|
|
571
571
|
);
|
|
572
|
-
return
|
|
572
|
+
return Ke(o), n;
|
|
573
573
|
}
|
|
574
|
-
function
|
|
575
|
-
const e =
|
|
576
|
-
return /* @__PURE__ */
|
|
574
|
+
function En() {
|
|
575
|
+
const e = z(), { t: n } = b();
|
|
576
|
+
return /* @__PURE__ */ l(
|
|
577
577
|
"div",
|
|
578
578
|
{
|
|
579
579
|
ref: e,
|
|
580
580
|
id: "submenu",
|
|
581
581
|
"aria-label": n("MAIN_MENU"),
|
|
582
582
|
role: "menu",
|
|
583
|
-
className:
|
|
583
|
+
className: Pn.mainMenu,
|
|
584
584
|
children: [
|
|
585
|
-
/* @__PURE__ */ t(
|
|
586
|
-
/* @__PURE__ */ t(
|
|
587
|
-
/* @__PURE__ */ t(
|
|
588
|
-
/* @__PURE__ */ t(
|
|
585
|
+
/* @__PURE__ */ t(hn, {}),
|
|
586
|
+
/* @__PURE__ */ t(pn, {}),
|
|
587
|
+
/* @__PURE__ */ t(Mn, {}),
|
|
588
|
+
/* @__PURE__ */ t(Cn, {})
|
|
589
589
|
]
|
|
590
590
|
}
|
|
591
591
|
);
|
|
592
592
|
}
|
|
593
|
-
const ie = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }),
|
|
594
|
-
"menu-container": "_menu-
|
|
595
|
-
menuContainer:
|
|
596
|
-
"
|
|
597
|
-
|
|
598
|
-
"
|
|
599
|
-
|
|
600
|
-
"
|
|
601
|
-
|
|
602
|
-
"menu-item": "_menu-
|
|
603
|
-
|
|
604
|
-
"menu-
|
|
605
|
-
|
|
593
|
+
const ie = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), Q = (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" }) }), An = "_menu-container_11nab_1", Bn = "_scrollable-buttons_11nab_2", Rn = "_menu-heading_11nab_9", On = "_check-icon_11nab_20", Fn = "_menu-item-label_11nab_26", Zn = "_menu-item_11nab_26", Kn = "_menu-back-button_11nab_59", d = {
|
|
594
|
+
"menu-container": "_menu-container_11nab_1",
|
|
595
|
+
menuContainer: An,
|
|
596
|
+
"scrollable-buttons": "_scrollable-buttons_11nab_2",
|
|
597
|
+
scrollableButtons: Bn,
|
|
598
|
+
"menu-heading": "_menu-heading_11nab_9",
|
|
599
|
+
menuHeading: Rn,
|
|
600
|
+
"check-icon": "_check-icon_11nab_20",
|
|
601
|
+
checkIcon: On,
|
|
602
|
+
"menu-item-label": "_menu-item-label_11nab_26",
|
|
603
|
+
menuItemLabel: Fn,
|
|
604
|
+
"menu-item": "_menu-item_11nab_26",
|
|
605
|
+
menuItem: Zn,
|
|
606
|
+
"menu-back-button": "_menu-back-button_11nab_59",
|
|
607
|
+
menuBackButton: Kn
|
|
606
608
|
};
|
|
607
|
-
function
|
|
608
|
-
const e =
|
|
609
|
-
rates:
|
|
609
|
+
function Dn() {
|
|
610
|
+
const e = I(), n = ct({
|
|
611
|
+
rates: D,
|
|
610
612
|
normalLabel: "1x"
|
|
611
|
-
}), { t: o } =
|
|
612
|
-
return /* @__PURE__ */
|
|
613
|
+
}), { t: o } = b(), i = z();
|
|
614
|
+
return /* @__PURE__ */ l(
|
|
613
615
|
"div",
|
|
614
616
|
{
|
|
615
617
|
ref: i,
|
|
616
618
|
id: "submenu",
|
|
617
619
|
"aria-label": o("SPEED_MENU"),
|
|
618
620
|
role: "menu",
|
|
619
|
-
className:
|
|
621
|
+
className: d.menuContainer,
|
|
620
622
|
children: [
|
|
621
|
-
/* @__PURE__ */
|
|
623
|
+
/* @__PURE__ */ l(
|
|
622
624
|
"button",
|
|
623
625
|
{
|
|
624
626
|
type: "button",
|
|
625
627
|
role: "menuitem",
|
|
626
628
|
tabIndex: -1,
|
|
627
|
-
className:
|
|
629
|
+
className: d.menuBackButton,
|
|
628
630
|
onClick: e.back,
|
|
629
631
|
children: [
|
|
630
|
-
/* @__PURE__ */ t(
|
|
632
|
+
/* @__PURE__ */ t(Q, {}),
|
|
631
633
|
/* @__PURE__ */ t("span", { children: o("BACK") })
|
|
632
634
|
]
|
|
633
635
|
}
|
|
634
636
|
),
|
|
635
|
-
/* @__PURE__ */ t("strong", { className:
|
|
636
|
-
n.map(({ value: s, label: a, select:
|
|
637
|
+
/* @__PURE__ */ t("strong", { className: d.menuHeading, children: o("PLAYBACK_SPEED") }),
|
|
638
|
+
/* @__PURE__ */ t("div", { className: d.scrollableButtons, children: n.map(({ value: s, label: a, select: c, selected: r }) => /* @__PURE__ */ l(
|
|
637
639
|
"button",
|
|
638
640
|
{
|
|
639
641
|
type: "button",
|
|
640
642
|
role: "menuitemradio",
|
|
641
643
|
"aria-label": a,
|
|
642
|
-
"aria-checked":
|
|
643
|
-
onClick: () =>
|
|
644
|
+
"aria-checked": r,
|
|
645
|
+
onClick: () => c(),
|
|
644
646
|
tabIndex: -1,
|
|
645
|
-
className:
|
|
647
|
+
className: d.menuItem,
|
|
646
648
|
children: [
|
|
647
|
-
/* @__PURE__ */ t(ie, { className:
|
|
648
|
-
/* @__PURE__ */ t("span", { className:
|
|
649
|
+
/* @__PURE__ */ t(ie, { className: d.checkIcon }),
|
|
650
|
+
/* @__PURE__ */ t("span", { className: d.menuItemLabel, children: a })
|
|
649
651
|
]
|
|
650
652
|
},
|
|
651
653
|
s
|
|
652
|
-
))
|
|
654
|
+
)) })
|
|
653
655
|
]
|
|
654
656
|
}
|
|
655
657
|
);
|
|
656
658
|
}
|
|
657
|
-
function
|
|
658
|
-
const e =
|
|
659
|
+
function zn() {
|
|
660
|
+
const e = I(), n = f("textTrack"), { t: o } = b(), { disableCaptionSettings: i } = w(), s = C(() => {
|
|
659
661
|
e.setPage("captionLanguage");
|
|
660
662
|
}, [e]);
|
|
661
663
|
return i ? null : /* @__PURE__ */ t(
|
|
662
|
-
|
|
664
|
+
j,
|
|
663
665
|
{
|
|
664
666
|
label: o("LANGUAGE"),
|
|
665
667
|
hint: (n == null ? void 0 : n.label) ?? o("OFF"),
|
|
@@ -667,12 +669,12 @@ function Zn() {
|
|
|
667
669
|
}
|
|
668
670
|
);
|
|
669
671
|
}
|
|
670
|
-
function
|
|
671
|
-
const { t: e } =
|
|
672
|
+
function $n() {
|
|
673
|
+
const { t: e } = b(), n = w(), o = I(), i = C(() => {
|
|
672
674
|
o.setPage("captionFontSize");
|
|
673
675
|
}, [o]);
|
|
674
676
|
return /* @__PURE__ */ t(
|
|
675
|
-
|
|
677
|
+
j,
|
|
676
678
|
{
|
|
677
679
|
label: e("CAPTION_FONT_SIZE"),
|
|
678
680
|
hint: `${n.state.captionsFontSizeMultiplier * 100}%`,
|
|
@@ -680,10 +682,10 @@ function zn() {
|
|
|
680
682
|
}
|
|
681
683
|
);
|
|
682
684
|
}
|
|
683
|
-
function
|
|
684
|
-
const { t: e } =
|
|
685
|
+
function Un() {
|
|
686
|
+
const { t: e } = b(), n = w();
|
|
685
687
|
return /* @__PURE__ */ t(
|
|
686
|
-
|
|
688
|
+
_e,
|
|
687
689
|
{
|
|
688
690
|
label: e("ON_TOP"),
|
|
689
691
|
onClick: n.toggleCaptionPositionOnTop,
|
|
@@ -691,10 +693,10 @@ function Kn() {
|
|
|
691
693
|
}
|
|
692
694
|
);
|
|
693
695
|
}
|
|
694
|
-
function
|
|
695
|
-
const { t: e } =
|
|
696
|
+
function qn() {
|
|
697
|
+
const { t: e } = b(), n = w();
|
|
696
698
|
return /* @__PURE__ */ t(
|
|
697
|
-
|
|
699
|
+
_e,
|
|
698
700
|
{
|
|
699
701
|
label: e("INVERT_COLORS"),
|
|
700
702
|
onClick: n.toggleCaptionsInvertColors,
|
|
@@ -702,113 +704,115 @@ function Dn() {
|
|
|
702
704
|
}
|
|
703
705
|
);
|
|
704
706
|
}
|
|
705
|
-
function
|
|
706
|
-
const e =
|
|
707
|
-
return /* @__PURE__ */
|
|
707
|
+
function Gn() {
|
|
708
|
+
const e = I(), { t: n } = b(), o = z();
|
|
709
|
+
return /* @__PURE__ */ l(
|
|
708
710
|
"div",
|
|
709
711
|
{
|
|
710
712
|
ref: o,
|
|
711
713
|
id: "submenu",
|
|
712
714
|
"aria-label": n("CAPTIONS_MENU"),
|
|
713
715
|
role: "menu",
|
|
714
|
-
className:
|
|
716
|
+
className: d.menuContainer,
|
|
715
717
|
children: [
|
|
716
|
-
/* @__PURE__ */
|
|
718
|
+
/* @__PURE__ */ l(
|
|
717
719
|
"button",
|
|
718
720
|
{
|
|
719
721
|
type: "button",
|
|
720
722
|
role: "menuitem",
|
|
721
723
|
tabIndex: -1,
|
|
722
|
-
className:
|
|
724
|
+
className: d.menuBackButton,
|
|
723
725
|
onClick: e.back,
|
|
724
726
|
children: [
|
|
725
|
-
/* @__PURE__ */ t(
|
|
727
|
+
/* @__PURE__ */ t(Q, {}),
|
|
726
728
|
/* @__PURE__ */ t("span", { children: n("BACK") })
|
|
727
729
|
]
|
|
728
730
|
}
|
|
729
731
|
),
|
|
730
|
-
/* @__PURE__ */ t("strong", { className:
|
|
731
|
-
/* @__PURE__ */
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
732
|
+
/* @__PURE__ */ t("strong", { className: d.menuHeading, children: n("CAPTIONS") }),
|
|
733
|
+
/* @__PURE__ */ l("div", { className: d.scrollableButtons, children: [
|
|
734
|
+
/* @__PURE__ */ t(zn, {}),
|
|
735
|
+
/* @__PURE__ */ t($n, {}),
|
|
736
|
+
/* @__PURE__ */ t(Un, {}),
|
|
737
|
+
/* @__PURE__ */ t(qn, {})
|
|
738
|
+
] })
|
|
735
739
|
]
|
|
736
740
|
}
|
|
737
741
|
);
|
|
738
742
|
}
|
|
739
|
-
function
|
|
740
|
-
const e =
|
|
741
|
-
return /* @__PURE__ */
|
|
743
|
+
function jn() {
|
|
744
|
+
const e = I(), n = rt(), { t: o } = b(), i = z();
|
|
745
|
+
return /* @__PURE__ */ l(
|
|
742
746
|
"div",
|
|
743
747
|
{
|
|
744
748
|
ref: i,
|
|
745
749
|
id: "submenu",
|
|
746
750
|
"aria-label": o("CAPTIONS_LANGUAGE_MENU"),
|
|
747
751
|
role: "menu",
|
|
748
|
-
className:
|
|
752
|
+
className: d.menuContainer,
|
|
749
753
|
children: [
|
|
750
|
-
/* @__PURE__ */
|
|
754
|
+
/* @__PURE__ */ l(
|
|
751
755
|
"button",
|
|
752
756
|
{
|
|
753
757
|
type: "button",
|
|
754
758
|
role: "menuitem",
|
|
755
759
|
tabIndex: -1,
|
|
756
|
-
className:
|
|
760
|
+
className: d.menuBackButton,
|
|
757
761
|
onClick: e.back,
|
|
758
762
|
children: [
|
|
759
|
-
/* @__PURE__ */ t(
|
|
763
|
+
/* @__PURE__ */ t(Q, {}),
|
|
760
764
|
/* @__PURE__ */ t("span", { children: o("BACK") })
|
|
761
765
|
]
|
|
762
766
|
}
|
|
763
767
|
),
|
|
764
|
-
/* @__PURE__ */ t("strong", { className:
|
|
765
|
-
n.map(({ value: s, label: a, select:
|
|
768
|
+
/* @__PURE__ */ t("strong", { className: d.menuHeading, children: o("CAPTIONS") }),
|
|
769
|
+
/* @__PURE__ */ t("div", { className: d.scrollableButtons, children: n.map(({ value: s, label: a, select: c, selected: r }) => /* @__PURE__ */ l(
|
|
766
770
|
"button",
|
|
767
771
|
{
|
|
768
772
|
type: "button",
|
|
769
773
|
role: "menuitemradio",
|
|
770
|
-
"aria-checked":
|
|
771
|
-
onClick: () =>
|
|
774
|
+
"aria-checked": r,
|
|
775
|
+
onClick: () => c(),
|
|
772
776
|
tabIndex: -1,
|
|
773
|
-
className:
|
|
777
|
+
className: d.menuItem,
|
|
774
778
|
children: [
|
|
775
|
-
/* @__PURE__ */ t(ie, { className:
|
|
776
|
-
/* @__PURE__ */ t("span", { className:
|
|
779
|
+
/* @__PURE__ */ t(ie, { className: d.checkIcon }),
|
|
780
|
+
/* @__PURE__ */ t("span", { className: d.menuItemLabel, children: a })
|
|
777
781
|
]
|
|
778
782
|
},
|
|
779
783
|
s
|
|
780
|
-
))
|
|
784
|
+
)) })
|
|
781
785
|
]
|
|
782
786
|
}
|
|
783
787
|
);
|
|
784
788
|
}
|
|
785
|
-
function
|
|
786
|
-
const e =
|
|
787
|
-
return /* @__PURE__ */
|
|
789
|
+
function Qn() {
|
|
790
|
+
const e = w(), n = I(), { t: o } = b(), i = z();
|
|
791
|
+
return /* @__PURE__ */ l(
|
|
788
792
|
"div",
|
|
789
793
|
{
|
|
790
794
|
ref: i,
|
|
791
795
|
id: "submenu",
|
|
792
796
|
"aria-label": o("CAPTIONS_FONT_SIZE_MENU"),
|
|
793
797
|
role: "menu",
|
|
794
|
-
className:
|
|
798
|
+
className: d.menuContainer,
|
|
795
799
|
children: [
|
|
796
|
-
/* @__PURE__ */
|
|
800
|
+
/* @__PURE__ */ l(
|
|
797
801
|
"button",
|
|
798
802
|
{
|
|
799
803
|
type: "button",
|
|
800
804
|
role: "menuitem",
|
|
801
805
|
tabIndex: -1,
|
|
802
|
-
className:
|
|
806
|
+
className: d.menuBackButton,
|
|
803
807
|
onClick: n.back,
|
|
804
808
|
children: [
|
|
805
|
-
/* @__PURE__ */ t(
|
|
809
|
+
/* @__PURE__ */ t(Q, {}),
|
|
806
810
|
/* @__PURE__ */ t("span", { children: o("BACK") })
|
|
807
811
|
]
|
|
808
812
|
}
|
|
809
813
|
),
|
|
810
|
-
/* @__PURE__ */ t("strong", { className:
|
|
811
|
-
|
|
814
|
+
/* @__PURE__ */ t("strong", { className: d.menuHeading, children: o("CAPTIONS") }),
|
|
815
|
+
/* @__PURE__ */ t("div", { className: d.scrollableButtons, children: Ot.map((s) => /* @__PURE__ */ l(
|
|
812
816
|
"button",
|
|
813
817
|
{
|
|
814
818
|
type: "button",
|
|
@@ -818,193 +822,186 @@ function qn() {
|
|
|
818
822
|
e.setCaptionsFontSizeMultiplier(s);
|
|
819
823
|
},
|
|
820
824
|
tabIndex: -1,
|
|
821
|
-
className:
|
|
825
|
+
className: d.menuItem,
|
|
822
826
|
children: [
|
|
823
|
-
/* @__PURE__ */ t(ie, { className:
|
|
824
|
-
/* @__PURE__ */
|
|
827
|
+
/* @__PURE__ */ t(ie, { className: d.checkIcon }),
|
|
828
|
+
/* @__PURE__ */ l("span", { className: d.menuItemLabel, children: [
|
|
825
829
|
s * 100,
|
|
826
830
|
"%"
|
|
827
831
|
] })
|
|
828
832
|
]
|
|
829
833
|
},
|
|
830
834
|
s
|
|
831
|
-
))
|
|
835
|
+
)) })
|
|
832
836
|
]
|
|
833
837
|
}
|
|
834
838
|
);
|
|
835
839
|
}
|
|
836
|
-
function
|
|
837
|
-
const e =
|
|
838
|
-
return /* @__PURE__ */
|
|
840
|
+
function Wn() {
|
|
841
|
+
const e = I(), n = ut({ sort: "descending" }), o = f("autoQuality"), { t: i } = b(), s = z();
|
|
842
|
+
return /* @__PURE__ */ l(
|
|
839
843
|
"div",
|
|
840
844
|
{
|
|
841
845
|
ref: s,
|
|
842
846
|
id: "submenu",
|
|
843
847
|
"aria-label": i("QUALITY_MENU"),
|
|
844
848
|
role: "menu",
|
|
845
|
-
className:
|
|
849
|
+
className: d.menuContainer,
|
|
846
850
|
children: [
|
|
847
|
-
/* @__PURE__ */
|
|
851
|
+
/* @__PURE__ */ l(
|
|
848
852
|
"button",
|
|
849
853
|
{
|
|
850
854
|
type: "button",
|
|
851
855
|
role: "menuitem",
|
|
852
856
|
tabIndex: -1,
|
|
853
|
-
className:
|
|
857
|
+
className: d.menuBackButton,
|
|
854
858
|
onClick: e.back,
|
|
855
859
|
children: [
|
|
856
|
-
/* @__PURE__ */ t(
|
|
860
|
+
/* @__PURE__ */ t(Q, {}),
|
|
857
861
|
/* @__PURE__ */ t("span", { children: i("BACK") })
|
|
858
862
|
]
|
|
859
863
|
}
|
|
860
864
|
),
|
|
861
|
-
/* @__PURE__ */ t("strong", { className:
|
|
862
|
-
n.map(({ value: a, label:
|
|
865
|
+
/* @__PURE__ */ t("strong", { className: d.menuHeading, children: i("QUALITY") }),
|
|
866
|
+
/* @__PURE__ */ t("div", { className: d.scrollableButtons, children: n.map(({ value: a, label: c, select: r, selected: u }) => /* @__PURE__ */ l(
|
|
863
867
|
"button",
|
|
864
868
|
{
|
|
865
869
|
type: "button",
|
|
866
870
|
role: "menuitemradio",
|
|
867
871
|
"aria-checked": a === "auto" && o || u && !o,
|
|
868
|
-
onClick: () =>
|
|
872
|
+
onClick: () => r(),
|
|
869
873
|
tabIndex: -1,
|
|
870
|
-
className:
|
|
874
|
+
className: d.menuItem,
|
|
871
875
|
children: [
|
|
872
|
-
/* @__PURE__ */ t(ie, { className:
|
|
873
|
-
/* @__PURE__ */ t("span", { className:
|
|
876
|
+
/* @__PURE__ */ t(ie, { className: d.checkIcon }),
|
|
877
|
+
/* @__PURE__ */ t("span", { className: d.menuItemLabel, children: c })
|
|
874
878
|
]
|
|
875
879
|
},
|
|
876
880
|
a
|
|
877
|
-
))
|
|
881
|
+
)) })
|
|
878
882
|
]
|
|
879
883
|
}
|
|
880
884
|
);
|
|
881
885
|
}
|
|
882
|
-
const
|
|
883
|
-
main:
|
|
884
|
-
speed:
|
|
885
|
-
captions:
|
|
886
|
-
captionLanguage:
|
|
887
|
-
captionFontSize:
|
|
888
|
-
quality:
|
|
886
|
+
const De = ce(null), Yn = {
|
|
887
|
+
main: En,
|
|
888
|
+
speed: Dn,
|
|
889
|
+
captions: Gn,
|
|
890
|
+
captionLanguage: jn,
|
|
891
|
+
captionFontSize: Qn,
|
|
892
|
+
quality: Wn
|
|
893
|
+
}, Xn = {
|
|
894
|
+
name: "middleware",
|
|
895
|
+
async fn(e) {
|
|
896
|
+
const n = await vt(e);
|
|
897
|
+
return {
|
|
898
|
+
x: e.x - n.right - 4,
|
|
899
|
+
y: e.y - 4
|
|
900
|
+
};
|
|
901
|
+
}
|
|
889
902
|
};
|
|
890
|
-
function
|
|
891
|
-
const e =
|
|
903
|
+
function Jn() {
|
|
904
|
+
const e = w(), [n, o] = L(["main"]), [i, s] = L(!1), a = C(() => {
|
|
892
905
|
s(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
|
|
893
|
-
}, [i]),
|
|
894
|
-
o((
|
|
895
|
-
}, []),
|
|
896
|
-
o((
|
|
897
|
-
}, []), u =
|
|
906
|
+
}, [i]), c = C((_) => {
|
|
907
|
+
o((V) => V.concat(_));
|
|
908
|
+
}, []), r = C(() => {
|
|
909
|
+
o((_) => _.length > 1 ? _.slice(0, -1) : _);
|
|
910
|
+
}, []), u = T(() => Yn[n[n.length - 1]], [n]), { refs: p, floatingStyles: g, context: v } = ue({
|
|
898
911
|
open: i,
|
|
899
912
|
onOpenChange: a,
|
|
900
913
|
placement: "top-end",
|
|
901
914
|
whileElementsMounted: de,
|
|
902
|
-
middleware: [
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
]
|
|
907
|
-
}), y = he(k, { escapeKey: !1 }), { getReferenceProps: N, getFloatingProps: h } = pe([y]), g = E(
|
|
908
|
-
() => ({ setPage: r, back: l, toggle: a }),
|
|
909
|
-
[l, r, a]
|
|
915
|
+
middleware: [Xn]
|
|
916
|
+
}), k = me(v, { escapeKey: !1 }), { getReferenceProps: y, getFloatingProps: N } = he([k]), h = T(
|
|
917
|
+
() => ({ setPage: c, back: r, toggle: a }),
|
|
918
|
+
[r, c, a]
|
|
910
919
|
);
|
|
911
920
|
return {
|
|
912
921
|
Page: u,
|
|
913
922
|
open: i,
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
context: k,
|
|
923
|
+
refs: p,
|
|
924
|
+
floatingStyles: g,
|
|
925
|
+
context: v,
|
|
918
926
|
getReferenceProps() {
|
|
919
927
|
return {
|
|
920
|
-
...
|
|
928
|
+
...y(),
|
|
921
929
|
tabIndex: e.state.interactionsDisabled ? -1 : 0
|
|
922
930
|
};
|
|
923
931
|
},
|
|
924
|
-
getFloatingProps:
|
|
925
|
-
contextValue:
|
|
932
|
+
getFloatingProps: N,
|
|
933
|
+
contextValue: h
|
|
926
934
|
};
|
|
927
935
|
}
|
|
928
|
-
const
|
|
929
|
-
"settings-menu": "_settings-
|
|
930
|
-
settingsMenu:
|
|
931
|
-
arrow:
|
|
936
|
+
const e1 = "_settings-menu_qaqbm_1", t1 = "_arrow_qaqbm_37", n1 = {
|
|
937
|
+
"settings-menu": "_settings-menu_qaqbm_1",
|
|
938
|
+
settingsMenu: e1,
|
|
939
|
+
arrow: t1
|
|
932
940
|
};
|
|
933
|
-
function
|
|
941
|
+
function o1() {
|
|
934
942
|
const {
|
|
935
943
|
Page: e,
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
return /* @__PURE__ */ c(j, { children: [
|
|
944
|
+
context: n,
|
|
945
|
+
floatingStyles: o,
|
|
946
|
+
getFloatingProps: i,
|
|
947
|
+
getReferenceProps: s,
|
|
948
|
+
open: a,
|
|
949
|
+
refs: c,
|
|
950
|
+
contextValue: r
|
|
951
|
+
} = Jn(), { t: u } = b();
|
|
952
|
+
return /* @__PURE__ */ l(G, { children: [
|
|
946
953
|
/* @__PURE__ */ t(
|
|
947
954
|
"button",
|
|
948
955
|
{
|
|
949
|
-
ref:
|
|
956
|
+
ref: c.setReference,
|
|
950
957
|
type: "button",
|
|
951
958
|
className: "controls-button",
|
|
952
|
-
"aria-label":
|
|
953
|
-
onClick:
|
|
954
|
-
"aria-expanded":
|
|
955
|
-
...
|
|
956
|
-
children: /* @__PURE__ */ t(
|
|
959
|
+
"aria-label": u("SETTINGS"),
|
|
960
|
+
onClick: r.toggle,
|
|
961
|
+
"aria-expanded": a,
|
|
962
|
+
...s(),
|
|
963
|
+
children: /* @__PURE__ */ t(an, { className: "controls-button-icon icon-rotate" })
|
|
957
964
|
}
|
|
958
965
|
),
|
|
959
|
-
|
|
966
|
+
a && /* @__PURE__ */ t(pe, { context: n, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ t(
|
|
960
967
|
"div",
|
|
961
968
|
{
|
|
962
969
|
"aria-labelledby": "submenu",
|
|
963
|
-
className:
|
|
964
|
-
ref:
|
|
965
|
-
style:
|
|
966
|
-
...
|
|
967
|
-
children:
|
|
968
|
-
/* @__PURE__ */ t(Ke.Provider, { value: u, children: /* @__PURE__ */ t(e, {}) }),
|
|
969
|
-
/* @__PURE__ */ t(
|
|
970
|
-
_e,
|
|
971
|
-
{
|
|
972
|
-
ref: n,
|
|
973
|
-
context: o,
|
|
974
|
-
className: Me.arrow
|
|
975
|
-
}
|
|
976
|
-
)
|
|
977
|
-
]
|
|
970
|
+
className: n1.settingsMenu,
|
|
971
|
+
ref: c.setFloating,
|
|
972
|
+
style: o,
|
|
973
|
+
...i(),
|
|
974
|
+
children: /* @__PURE__ */ t(De.Provider, { value: r, children: /* @__PURE__ */ t(e, {}) })
|
|
978
975
|
}
|
|
979
976
|
) })
|
|
980
977
|
] });
|
|
981
978
|
}
|
|
982
|
-
function
|
|
979
|
+
function ze(e, n = 1e3) {
|
|
983
980
|
return function() {
|
|
984
|
-
const i =
|
|
985
|
-
return
|
|
981
|
+
const i = f("lastKeyboardAction"), [s, a] = L(!1), c = C(() => a(!1), []);
|
|
982
|
+
return R(() => {
|
|
986
983
|
a(!!i);
|
|
987
|
-
const
|
|
988
|
-
return () => clearTimeout(
|
|
984
|
+
const r = setTimeout(c, n);
|
|
985
|
+
return () => clearTimeout(r);
|
|
989
986
|
}, [i, n]), s ? /* @__PURE__ */ t(e, {}) : null;
|
|
990
987
|
};
|
|
991
988
|
}
|
|
992
|
-
const
|
|
989
|
+
const Ce = (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" }) }), 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 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), $e = (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" }) }), 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: "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" }) }), 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 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" }) }), i1 = (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" }) }), 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: "M13.309 3.99987L0 12.1331L13.309 20.2663V13.7367L23.9987 20.2596V4.00655L13.309 10.5281V3.99987Z", fill: "currentColor" }) }), a1 = "_feedback-overlay_v4lbu_1", l1 = "_feedback-message_v4lbu_14", c1 = "_feedback-icon_v4lbu_30", r1 = "_feedback-icon-animation_v4lbu_1", x = {
|
|
993
990
|
"feedback-overlay": "_feedback-overlay_v4lbu_1",
|
|
994
|
-
feedbackOverlay:
|
|
991
|
+
feedbackOverlay: a1,
|
|
995
992
|
"feedback-message": "_feedback-message_v4lbu_14",
|
|
996
|
-
feedbackMessage:
|
|
993
|
+
feedbackMessage: l1,
|
|
997
994
|
"feedback-icon": "_feedback-icon_v4lbu_30",
|
|
998
|
-
feedbackIcon:
|
|
995
|
+
feedbackIcon: c1,
|
|
999
996
|
"feedback-icon-animation": "_feedback-icon-animation_v4lbu_1",
|
|
1000
|
-
feedbackIconAnimation:
|
|
997
|
+
feedbackIconAnimation: r1
|
|
1001
998
|
};
|
|
1002
|
-
function
|
|
999
|
+
function u1() {
|
|
1003
1000
|
var o;
|
|
1004
|
-
const e =
|
|
1001
|
+
const e = He();
|
|
1005
1002
|
switch ((o = e.lastKeyboardAction) == null ? void 0 : o.action) {
|
|
1006
1003
|
case "togglePaused":
|
|
1007
|
-
return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(
|
|
1004
|
+
return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(Ce, {}) : /* @__PURE__ */ t(fe, {}) });
|
|
1008
1005
|
case "toggleCaptions":
|
|
1009
1006
|
case "nextCaptionLanguage":
|
|
1010
1007
|
case "previousCaptionLanguage":
|
|
@@ -1015,17 +1012,17 @@ function s1() {
|
|
|
1015
1012
|
return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t($e, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(qe, {}) : /* @__PURE__ */ t(Ue, {}) });
|
|
1016
1013
|
case "seekForward":
|
|
1017
1014
|
case "seekForward10":
|
|
1018
|
-
return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: /* @__PURE__ */ t(
|
|
1015
|
+
return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: /* @__PURE__ */ t(i1, { className: "right" }) });
|
|
1019
1016
|
case "seekBackward":
|
|
1020
1017
|
case "seekBackward10":
|
|
1021
|
-
return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: /* @__PURE__ */ t(
|
|
1018
|
+
return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: /* @__PURE__ */ t(s1, { className: "left" }) });
|
|
1022
1019
|
default:
|
|
1023
1020
|
return null;
|
|
1024
1021
|
}
|
|
1025
1022
|
}
|
|
1026
|
-
function
|
|
1023
|
+
function d1() {
|
|
1027
1024
|
var i;
|
|
1028
|
-
const { t: e } =
|
|
1025
|
+
const { t: e } = b(), n = He();
|
|
1029
1026
|
switch ((i = n.lastKeyboardAction) == null ? void 0 : i.action) {
|
|
1030
1027
|
case "toggleCaptions":
|
|
1031
1028
|
case "nextCaptionLanguage":
|
|
@@ -1051,19 +1048,19 @@ function a1() {
|
|
|
1051
1048
|
return null;
|
|
1052
1049
|
}
|
|
1053
1050
|
}
|
|
1054
|
-
const
|
|
1051
|
+
const m1 = ze(u1, 500), h1 = ze(d1, 1e3);
|
|
1055
1052
|
function Ge() {
|
|
1056
|
-
return /* @__PURE__ */
|
|
1057
|
-
/* @__PURE__ */ t(
|
|
1058
|
-
/* @__PURE__ */ t(
|
|
1053
|
+
return /* @__PURE__ */ l("div", { className: x.feedbackOverlay, children: [
|
|
1054
|
+
/* @__PURE__ */ t(m1, {}),
|
|
1055
|
+
/* @__PURE__ */ t(h1, {})
|
|
1059
1056
|
] });
|
|
1060
1057
|
}
|
|
1061
|
-
const
|
|
1058
|
+
const p1 = (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" }) }), _1 = (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", f1 = {
|
|
1062
1059
|
"full-screen-button": "_full-screen-button_1xm32_2",
|
|
1063
|
-
fullScreenButton:
|
|
1060
|
+
fullScreenButton: C1
|
|
1064
1061
|
};
|
|
1065
|
-
function
|
|
1066
|
-
const e =
|
|
1062
|
+
function b1() {
|
|
1063
|
+
const e = f("fullscreen"), n = O(), o = w(), i = M(), { t: s } = b();
|
|
1067
1064
|
return i.hideFullScreen ? null : /* @__PURE__ */ t(
|
|
1068
1065
|
"button",
|
|
1069
1066
|
{
|
|
@@ -1071,153 +1068,153 @@ function h1() {
|
|
|
1071
1068
|
type: "button",
|
|
1072
1069
|
"aria-label": s(e ? "EXIT_FULLSCREEN" : "ENTER_FULLSCREEN"),
|
|
1073
1070
|
tabIndex: o.state.interactionsDisabled ? -1 : 0,
|
|
1074
|
-
className: `controls-button ${
|
|
1071
|
+
className: `controls-button ${f1.fullScreenButton}`,
|
|
1075
1072
|
onClick: () => {
|
|
1076
1073
|
e ? n == null || n.exitFullscreen() : n == null || n.enterFullscreen();
|
|
1077
1074
|
},
|
|
1078
|
-
children: e ? /* @__PURE__ */ t(
|
|
1075
|
+
children: e ? /* @__PURE__ */ t(_1, { className: "controls-button-icon" }) : /* @__PURE__ */ t(p1, { className: "controls-button-icon" })
|
|
1079
1076
|
}
|
|
1080
1077
|
);
|
|
1081
1078
|
}
|
|
1082
|
-
const
|
|
1079
|
+
const g1 = "_gestures-container_1fn3b_1", v1 = "_gesture_1fn3b_1", xe = {
|
|
1083
1080
|
"gestures-container": "_gestures-container_1fn3b_1",
|
|
1084
|
-
gesturesContainer:
|
|
1085
|
-
gesture:
|
|
1081
|
+
gesturesContainer: g1,
|
|
1082
|
+
gesture: v1
|
|
1086
1083
|
};
|
|
1087
|
-
function
|
|
1084
|
+
function w1() {
|
|
1088
1085
|
const e = oe(), n = () => {
|
|
1089
1086
|
e.togglePaused();
|
|
1090
1087
|
};
|
|
1091
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1088
|
+
return /* @__PURE__ */ t("div", { className: xe.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: xe.gesture, onClick: n }) });
|
|
1092
1089
|
}
|
|
1093
|
-
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" }) }),
|
|
1090
|
+
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" }) }), y1 = "_controls-overlay_poi8b_1", k1 = "_keyboard-shortcuts-overlay_poi8b_11", L1 = "_screen-reader-content_poi8b_75", x1 = "_controls-button_poi8b_89", M1 = "_keyboard-shortcuts-button_poi8b_101", N1 = "_kebab-menu-button_poi8b_110", P1 = "_kebab-menu_poi8b_110", I1 = "_kebab-menu-item_poi8b_139", H1 = "_close-button_poi8b_178", S1 = "_arrow_poi8b_192", P = {
|
|
1094
1091
|
"controls-overlay": "_controls-overlay_poi8b_1",
|
|
1095
|
-
controlsOverlay:
|
|
1092
|
+
controlsOverlay: y1,
|
|
1096
1093
|
"keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_poi8b_11",
|
|
1097
|
-
keyboardShortcutsOverlay:
|
|
1094
|
+
keyboardShortcutsOverlay: k1,
|
|
1098
1095
|
"screen-reader-content": "_screen-reader-content_poi8b_75",
|
|
1099
|
-
screenReaderContent:
|
|
1096
|
+
screenReaderContent: L1,
|
|
1100
1097
|
"controls-button": "_controls-button_poi8b_89",
|
|
1101
|
-
controlsButton:
|
|
1098
|
+
controlsButton: x1,
|
|
1102
1099
|
"keyboard-shortcuts-button": "_keyboard-shortcuts-button_poi8b_101",
|
|
1103
|
-
keyboardShortcutsButton:
|
|
1100
|
+
keyboardShortcutsButton: M1,
|
|
1104
1101
|
"kebab-menu-button": "_kebab-menu-button_poi8b_110",
|
|
1105
|
-
kebabMenuButton:
|
|
1102
|
+
kebabMenuButton: N1,
|
|
1106
1103
|
"kebab-menu": "_kebab-menu_poi8b_110",
|
|
1107
|
-
kebabMenu:
|
|
1104
|
+
kebabMenu: P1,
|
|
1108
1105
|
"kebab-menu-item": "_kebab-menu-item_poi8b_139",
|
|
1109
|
-
kebabMenuItem:
|
|
1106
|
+
kebabMenuItem: I1,
|
|
1110
1107
|
"close-button": "_close-button_poi8b_178",
|
|
1111
|
-
closeButton:
|
|
1112
|
-
arrow:
|
|
1108
|
+
closeButton: H1,
|
|
1109
|
+
arrow: S1
|
|
1113
1110
|
};
|
|
1114
|
-
function
|
|
1115
|
-
const { t: n } =
|
|
1116
|
-
|
|
1111
|
+
function V1({ onClose: e }) {
|
|
1112
|
+
const { t: n } = b();
|
|
1113
|
+
In(e);
|
|
1117
1114
|
const o = (i) => {
|
|
1118
1115
|
i && i.focus();
|
|
1119
1116
|
};
|
|
1120
|
-
return /* @__PURE__ */
|
|
1117
|
+
return /* @__PURE__ */ l(
|
|
1121
1118
|
"div",
|
|
1122
1119
|
{
|
|
1123
|
-
className:
|
|
1120
|
+
className: P.keyboardShortcutsOverlay,
|
|
1124
1121
|
tabIndex: 0,
|
|
1125
1122
|
ref: o,
|
|
1126
1123
|
role: "dialog",
|
|
1127
1124
|
"aria-label": n("KEYBOARD_SHORTCUTS"),
|
|
1128
1125
|
children: [
|
|
1129
|
-
/* @__PURE__ */
|
|
1126
|
+
/* @__PURE__ */ l("header", { children: [
|
|
1130
1127
|
/* @__PURE__ */ t("h2", { children: n("KEYBOARD_SHORTCUTS") }),
|
|
1131
1128
|
/* @__PURE__ */ t(
|
|
1132
1129
|
"button",
|
|
1133
1130
|
{
|
|
1134
1131
|
type: "button",
|
|
1135
|
-
className:
|
|
1132
|
+
className: P.closeButton,
|
|
1136
1133
|
onClick: e,
|
|
1137
1134
|
"aria-label": n("CLOSE"),
|
|
1138
1135
|
children: /* @__PURE__ */ t(je, {})
|
|
1139
1136
|
}
|
|
1140
1137
|
)
|
|
1141
1138
|
] }),
|
|
1142
|
-
/* @__PURE__ */
|
|
1143
|
-
/* @__PURE__ */ t("caption", { className:
|
|
1144
|
-
/* @__PURE__ */ t("thead", { children: /* @__PURE__ */
|
|
1139
|
+
/* @__PURE__ */ l("table", { children: [
|
|
1140
|
+
/* @__PURE__ */ t("caption", { className: P.screenReaderContent, children: n("KEYBOARD_SHORTCUTS") }),
|
|
1141
|
+
/* @__PURE__ */ t("thead", { children: /* @__PURE__ */ l("tr", { children: [
|
|
1145
1142
|
/* @__PURE__ */ t("th", { children: n("ACTION") }),
|
|
1146
1143
|
/* @__PURE__ */ t("th", { children: n("SHORTCUT") })
|
|
1147
1144
|
] }) }),
|
|
1148
|
-
/* @__PURE__ */
|
|
1149
|
-
/* @__PURE__ */
|
|
1145
|
+
/* @__PURE__ */ l("tbody", { children: [
|
|
1146
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1150
1147
|
/* @__PURE__ */ t("td", { children: n("SEEK_BACKWARD", { seconds: 5 }) }),
|
|
1151
1148
|
/* @__PURE__ */ t("td", { children: n("LEFT_ARROW") })
|
|
1152
1149
|
] }),
|
|
1153
|
-
/* @__PURE__ */
|
|
1150
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1154
1151
|
/* @__PURE__ */ t("td", { children: n("SEEK_FORWARD", { seconds: 5 }) }),
|
|
1155
1152
|
/* @__PURE__ */ t("td", { children: n("RIGHT_ARROW") })
|
|
1156
1153
|
] }),
|
|
1157
|
-
/* @__PURE__ */
|
|
1154
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1158
1155
|
/* @__PURE__ */ t("td", { children: n("SEEK_BACKWARD", { seconds: 10 }) }),
|
|
1159
1156
|
/* @__PURE__ */ t("td", { children: "J" })
|
|
1160
1157
|
] }),
|
|
1161
|
-
/* @__PURE__ */
|
|
1158
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1162
1159
|
/* @__PURE__ */ t("td", { children: n("SEEK_FORWARD", { seconds: 10 }) }),
|
|
1163
1160
|
/* @__PURE__ */ t("td", { children: "L" })
|
|
1164
1161
|
] }),
|
|
1165
|
-
/* @__PURE__ */
|
|
1162
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1166
1163
|
/* @__PURE__ */ t("td", { children: n("INCREASE_VOLUME", { percent: 5 }) }),
|
|
1167
1164
|
/* @__PURE__ */ t("td", { children: n("UP_ARROW") })
|
|
1168
1165
|
] }),
|
|
1169
|
-
/* @__PURE__ */
|
|
1166
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1170
1167
|
/* @__PURE__ */ t("td", { children: n("DECREASE_VOLUME", { percent: 5 }) }),
|
|
1171
1168
|
/* @__PURE__ */ t("td", { children: n("DOWN_ARROW") })
|
|
1172
1169
|
] }),
|
|
1173
|
-
/* @__PURE__ */
|
|
1170
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1174
1171
|
/* @__PURE__ */ t("td", { children: n("TOGGLE_MUTED") }),
|
|
1175
1172
|
/* @__PURE__ */ t("td", { children: "M" })
|
|
1176
1173
|
] }),
|
|
1177
|
-
/* @__PURE__ */
|
|
1174
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1178
1175
|
/* @__PURE__ */ t("td", { children: n("TOGGLE_PLAY_PAUSE") }),
|
|
1179
|
-
/* @__PURE__ */
|
|
1176
|
+
/* @__PURE__ */ l("td", { children: [
|
|
1180
1177
|
n("SPACE"),
|
|
1181
1178
|
", K"
|
|
1182
1179
|
] })
|
|
1183
1180
|
] }),
|
|
1184
|
-
/* @__PURE__ */
|
|
1181
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1185
1182
|
/* @__PURE__ */ t("td", { children: n("ENTER_FULLSCREEN") }),
|
|
1186
1183
|
/* @__PURE__ */ t("td", { children: "F" })
|
|
1187
1184
|
] }),
|
|
1188
|
-
/* @__PURE__ */
|
|
1185
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1189
1186
|
/* @__PURE__ */ t("td", { children: n("EXIT_FULLSCREEN") }),
|
|
1190
1187
|
/* @__PURE__ */ t("td", { children: "Esc, F" })
|
|
1191
1188
|
] }),
|
|
1192
|
-
/* @__PURE__ */
|
|
1189
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1193
1190
|
/* @__PURE__ */ t("td", { children: n("TOGGLE_CAPTIONS") }),
|
|
1194
1191
|
/* @__PURE__ */ t("td", { children: "C" })
|
|
1195
1192
|
] }),
|
|
1196
|
-
/* @__PURE__ */
|
|
1193
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1197
1194
|
/* @__PURE__ */ t("td", { children: n("NEXT_CAPTION_LANGUAGE") }),
|
|
1198
1195
|
/* @__PURE__ */ t("td", { children: "V" })
|
|
1199
1196
|
] }),
|
|
1200
|
-
/* @__PURE__ */
|
|
1197
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1201
1198
|
/* @__PURE__ */ t("td", { children: n("PREVIOUS_CAPTION_LANGUAGE") }),
|
|
1202
1199
|
/* @__PURE__ */ t("td", { children: "X" })
|
|
1203
1200
|
] }),
|
|
1204
|
-
/* @__PURE__ */
|
|
1201
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1205
1202
|
/* @__PURE__ */ t("td", { children: n("DECREASE_PLAYBACK_SPEED") }),
|
|
1206
1203
|
/* @__PURE__ */ t("td", { children: "A" })
|
|
1207
1204
|
] }),
|
|
1208
|
-
/* @__PURE__ */
|
|
1205
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1209
1206
|
/* @__PURE__ */ t("td", { children: n("RESET_PLAYBACK_SPEED") }),
|
|
1210
1207
|
/* @__PURE__ */ t("td", { children: "S" })
|
|
1211
1208
|
] }),
|
|
1212
|
-
/* @__PURE__ */
|
|
1209
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1213
1210
|
/* @__PURE__ */ t("td", { children: n("INCREASE_PLAYBACK_SPEED") }),
|
|
1214
1211
|
/* @__PURE__ */ t("td", { children: "D" })
|
|
1215
1212
|
] }),
|
|
1216
|
-
/* @__PURE__ */
|
|
1213
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1217
1214
|
/* @__PURE__ */ t("td", { children: n("JUMP_TO_START") }),
|
|
1218
1215
|
/* @__PURE__ */ t("td", { children: "0" })
|
|
1219
1216
|
] }),
|
|
1220
|
-
/* @__PURE__ */
|
|
1217
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1221
1218
|
/* @__PURE__ */ t("td", { children: n("JUMP_TO_PERCENTAGE") }),
|
|
1222
1219
|
/* @__PURE__ */ t("td", { children: "1-9" })
|
|
1223
1220
|
] })
|
|
@@ -1227,86 +1224,86 @@ function P1({ onClose: e }) {
|
|
|
1227
1224
|
}
|
|
1228
1225
|
);
|
|
1229
1226
|
}
|
|
1230
|
-
const
|
|
1231
|
-
share: /* @__PURE__ */ t(
|
|
1232
|
-
transcript: /* @__PURE__ */ t(
|
|
1233
|
-
media: /* @__PURE__ */ t(
|
|
1234
|
-
delete: /* @__PURE__ */ t(
|
|
1235
|
-
},
|
|
1236
|
-
function
|
|
1237
|
-
const [e, n] = L(!1), [o, i] = L(null), s =
|
|
1227
|
+
const T1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "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" }) }), E1 = (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" }) }), A1 = (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" }) }), B1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "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" }) }), R1 = (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" }) }), O1 = {
|
|
1228
|
+
share: /* @__PURE__ */ t(E1, {}),
|
|
1229
|
+
transcript: /* @__PURE__ */ t(A1, {}),
|
|
1230
|
+
media: /* @__PURE__ */ t(B1, {}),
|
|
1231
|
+
delete: /* @__PURE__ */ t(R1, {})
|
|
1232
|
+
}, F1 = (e) => typeof e != "string";
|
|
1233
|
+
function Z1() {
|
|
1234
|
+
const [e, n] = L(!1), [o, i] = L(null), s = w(), a = M(), c = () => {
|
|
1238
1235
|
n(!e), s.setGlobalKeysDisabled(!e);
|
|
1239
|
-
},
|
|
1236
|
+
}, r = ne(null), u = ne([]), { refs: p, floatingStyles: g, context: v } = ue({
|
|
1240
1237
|
open: e,
|
|
1241
|
-
onOpenChange:
|
|
1238
|
+
onOpenChange: c,
|
|
1242
1239
|
whileElementsMounted: de,
|
|
1243
|
-
placement: "
|
|
1240
|
+
placement: "bottom-end",
|
|
1244
1241
|
middleware: [
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
element:
|
|
1242
|
+
Se(),
|
|
1243
|
+
Ve(10),
|
|
1244
|
+
Te({
|
|
1245
|
+
element: r
|
|
1249
1246
|
})
|
|
1250
1247
|
]
|
|
1251
|
-
}), k =
|
|
1248
|
+
}), k = wt(v, {
|
|
1252
1249
|
listRef: u,
|
|
1253
1250
|
activeIndex: o,
|
|
1254
1251
|
onNavigate: i
|
|
1255
|
-
}), y =
|
|
1252
|
+
}), y = me(v), { getReferenceProps: N, getFloatingProps: h, getItemProps: _ } = he(
|
|
1256
1253
|
[y, k]
|
|
1257
|
-
), { t:
|
|
1258
|
-
return a.kebabMenuElements.length > 0 ? /* @__PURE__ */
|
|
1254
|
+
), { t: V } = b();
|
|
1255
|
+
return a.kebabMenuElements.length > 0 ? /* @__PURE__ */ l(G, { children: [
|
|
1259
1256
|
/* @__PURE__ */ t(
|
|
1260
1257
|
"button",
|
|
1261
1258
|
{
|
|
1262
|
-
"aria-label":
|
|
1259
|
+
"aria-label": V("KEBAB_MENU"),
|
|
1263
1260
|
type: "button",
|
|
1264
|
-
className: `${
|
|
1261
|
+
className: `${P.controlsButton} ${P.kebabMenuButton}`,
|
|
1265
1262
|
tabIndex: s.state.interactionsDisabled ? -1 : 0,
|
|
1266
|
-
ref:
|
|
1263
|
+
ref: p.setReference,
|
|
1267
1264
|
...N({
|
|
1268
|
-
onClick: () =>
|
|
1265
|
+
onClick: () => c()
|
|
1269
1266
|
}),
|
|
1270
|
-
children: /* @__PURE__ */ t(
|
|
1267
|
+
children: /* @__PURE__ */ t(T1, {})
|
|
1271
1268
|
}
|
|
1272
1269
|
),
|
|
1273
|
-
e && /* @__PURE__ */ t(
|
|
1270
|
+
e && /* @__PURE__ */ t(pe, { context: v, modal: !1, children: /* @__PURE__ */ l(
|
|
1274
1271
|
"div",
|
|
1275
1272
|
{
|
|
1276
|
-
ref:
|
|
1277
|
-
style:
|
|
1278
|
-
className:
|
|
1273
|
+
ref: p.setFloating,
|
|
1274
|
+
style: g,
|
|
1275
|
+
className: P.kebabMenu,
|
|
1279
1276
|
...h(),
|
|
1280
1277
|
children: [
|
|
1281
1278
|
a.kebabMenuElements.map(
|
|
1282
|
-
({ id:
|
|
1279
|
+
({ id: F, text: Z, icon: S, onClick: W }, Y) => /* @__PURE__ */ l(
|
|
1283
1280
|
"button",
|
|
1284
1281
|
{
|
|
1285
|
-
tabIndex: o ===
|
|
1282
|
+
tabIndex: o === Y ? 0 : -1,
|
|
1286
1283
|
type: "button",
|
|
1287
|
-
className:
|
|
1284
|
+
className: P.kebabMenuItem,
|
|
1288
1285
|
ref: (se) => {
|
|
1289
|
-
u.current[
|
|
1286
|
+
u.current[Y] = se;
|
|
1290
1287
|
},
|
|
1291
|
-
...
|
|
1288
|
+
..._({
|
|
1292
1289
|
onClick: () => {
|
|
1293
|
-
|
|
1290
|
+
W(F), n(!1);
|
|
1294
1291
|
}
|
|
1295
1292
|
}),
|
|
1296
1293
|
children: [
|
|
1297
|
-
|
|
1294
|
+
F1(S) ? S : O1[S],
|
|
1298
1295
|
Z
|
|
1299
1296
|
]
|
|
1300
1297
|
},
|
|
1301
|
-
|
|
1298
|
+
F
|
|
1302
1299
|
)
|
|
1303
1300
|
),
|
|
1304
1301
|
/* @__PURE__ */ t(
|
|
1305
|
-
|
|
1302
|
+
Ee,
|
|
1306
1303
|
{
|
|
1307
|
-
ref:
|
|
1308
|
-
context:
|
|
1309
|
-
className:
|
|
1304
|
+
ref: r,
|
|
1305
|
+
context: v,
|
|
1306
|
+
className: P.arrow
|
|
1310
1307
|
}
|
|
1311
1308
|
)
|
|
1312
1309
|
]
|
|
@@ -1314,158 +1311,176 @@ function R1() {
|
|
|
1314
1311
|
) })
|
|
1315
1312
|
] }) : null;
|
|
1316
1313
|
}
|
|
1317
|
-
const
|
|
1318
|
-
function
|
|
1319
|
-
const [e, n] = L(!1), [o, i] = L(!1), [s, a] = L(!1),
|
|
1320
|
-
n(!0),
|
|
1321
|
-
}, [
|
|
1322
|
-
n(!1), i(!0),
|
|
1323
|
-
}, [s, u,
|
|
1314
|
+
const K1 = (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" }) });
|
|
1315
|
+
function D1() {
|
|
1316
|
+
const [e, n] = L(!1), [o, i] = L(!1), [s, a] = L(!1), c = w(), r = f("playing"), u = oe(), { t: p } = b(), g = C(() => {
|
|
1317
|
+
n(!0), c.disableInteractions(), r && (a(!0), u.pause());
|
|
1318
|
+
}, [r, u, c]), v = C(() => {
|
|
1319
|
+
n(!1), i(!0), c.enableInteractions(), s && (a(!1), u.play());
|
|
1320
|
+
}, [s, u, c]), k = C(
|
|
1324
1321
|
(y) => o && (y == null ? void 0 : y.focus()),
|
|
1325
1322
|
[o]
|
|
1326
1323
|
);
|
|
1327
|
-
return e ? /* @__PURE__ */ t(
|
|
1324
|
+
return e ? /* @__PURE__ */ t(V1, { onClose: v }) : /* @__PURE__ */ l("div", { className: P.controlsOverlay, children: [
|
|
1328
1325
|
/* @__PURE__ */ t(
|
|
1329
1326
|
"button",
|
|
1330
1327
|
{
|
|
1331
1328
|
ref: k,
|
|
1332
|
-
"aria-label":
|
|
1329
|
+
"aria-label": p("KEYBOARD_SHORTCUTS"),
|
|
1333
1330
|
type: "button",
|
|
1334
|
-
className: `${
|
|
1335
|
-
onClick:
|
|
1336
|
-
tabIndex:
|
|
1337
|
-
children: /* @__PURE__ */ t(
|
|
1331
|
+
className: `${P.controlsButton} ${P.keyboardShortcutsButton}`,
|
|
1332
|
+
onClick: g,
|
|
1333
|
+
tabIndex: c.state.interactionsDisabled ? -1 : 0,
|
|
1334
|
+
children: /* @__PURE__ */ t(K1, {})
|
|
1338
1335
|
}
|
|
1339
1336
|
),
|
|
1340
|
-
/* @__PURE__ */ t(
|
|
1337
|
+
/* @__PURE__ */ t(Z1, {})
|
|
1341
1338
|
] });
|
|
1342
1339
|
}
|
|
1343
|
-
const
|
|
1340
|
+
const z1 = "_play-pause-button_1834v_1", $1 = {
|
|
1344
1341
|
"play-pause-button": "_play-pause-button_1834v_1",
|
|
1345
|
-
playPauseButton:
|
|
1342
|
+
playPauseButton: z1
|
|
1346
1343
|
};
|
|
1347
|
-
function
|
|
1348
|
-
const e =
|
|
1344
|
+
function U1() {
|
|
1345
|
+
const e = O(), n = w(), o = f("paused"), { t: i } = b();
|
|
1349
1346
|
return e ? /* @__PURE__ */ t(
|
|
1350
1347
|
"button",
|
|
1351
1348
|
{
|
|
1352
1349
|
role: "button",
|
|
1353
1350
|
type: "button",
|
|
1354
|
-
className: `controls-button ${
|
|
1351
|
+
className: `controls-button ${$1.playPauseButton}`,
|
|
1355
1352
|
"aria-label": i(o ? "PLAY" : "PAUSE"),
|
|
1356
1353
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1357
1354
|
onClick: () => {
|
|
1358
1355
|
e.paused ? e.remoteControl.play() : e.remoteControl.pause();
|
|
1359
1356
|
},
|
|
1360
|
-
children: o ? /* @__PURE__ */ t(
|
|
1357
|
+
children: o ? /* @__PURE__ */ t(fe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Ce, { className: "controls-button-icon" })
|
|
1361
1358
|
}
|
|
1362
1359
|
) : null;
|
|
1363
1360
|
}
|
|
1364
|
-
const
|
|
1365
|
-
poster:
|
|
1361
|
+
const q1 = "_poster_195hi_1", G1 = {
|
|
1362
|
+
poster: q1
|
|
1366
1363
|
};
|
|
1367
|
-
function
|
|
1368
|
-
const n =
|
|
1369
|
-
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(
|
|
1370
|
-
}
|
|
1371
|
-
const
|
|
1372
|
-
"small-layout-overlay": "_small-layout-
|
|
1373
|
-
smallLayoutOverlay:
|
|
1374
|
-
"small-layout-button": "_small-layout-
|
|
1375
|
-
smallLayoutButton:
|
|
1376
|
-
"small-layout-icon-play": "_small-layout-icon-
|
|
1377
|
-
smallLayoutIconPlay:
|
|
1378
|
-
"small-layout-icon-pause": "_small-layout-icon-
|
|
1379
|
-
smallLayoutIconPause:
|
|
1380
|
-
"full-screen-close-icon": "_full-screen-close-
|
|
1381
|
-
fullScreenCloseIcon:
|
|
1382
|
-
"fade-out": "_fade-
|
|
1383
|
-
fadeOut:
|
|
1364
|
+
function j1({ src: e }) {
|
|
1365
|
+
const n = f("source");
|
|
1366
|
+
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(dt, { src: e, className: G1.poster });
|
|
1367
|
+
}
|
|
1368
|
+
const Q1 = "_small-layout-overlay_80lyi_1", W1 = "_small-layout-button_80lyi_14", Y1 = "_small-layout-icon-play_80lyi_24", X1 = "_small-layout-icon-pause_80lyi_30", J1 = "_full-screen-close-icon_80lyi_36", eo = "_fade-out_80lyi_1", U = {
|
|
1369
|
+
"small-layout-overlay": "_small-layout-overlay_80lyi_1",
|
|
1370
|
+
smallLayoutOverlay: Q1,
|
|
1371
|
+
"small-layout-button": "_small-layout-button_80lyi_14",
|
|
1372
|
+
smallLayoutButton: W1,
|
|
1373
|
+
"small-layout-icon-play": "_small-layout-icon-play_80lyi_24",
|
|
1374
|
+
smallLayoutIconPlay: Y1,
|
|
1375
|
+
"small-layout-icon-pause": "_small-layout-icon-pause_80lyi_30",
|
|
1376
|
+
smallLayoutIconPause: X1,
|
|
1377
|
+
"full-screen-close-icon": "_full-screen-close-icon_80lyi_36",
|
|
1378
|
+
fullScreenCloseIcon: J1,
|
|
1379
|
+
"fade-out": "_fade-out_80lyi_1",
|
|
1380
|
+
fadeOut: eo
|
|
1384
1381
|
};
|
|
1385
|
-
function
|
|
1386
|
-
const e =
|
|
1387
|
-
return /* @__PURE__ */
|
|
1388
|
-
/* @__PURE__ */ t(
|
|
1389
|
-
/* @__PURE__ */ t("i", { className: U.smallLayoutButton, children: e ? /* @__PURE__ */ t(
|
|
1382
|
+
function to() {
|
|
1383
|
+
const e = f("paused");
|
|
1384
|
+
return /* @__PURE__ */ l("div", { className: U.smallLayoutOverlay, children: [
|
|
1385
|
+
/* @__PURE__ */ t(mt, { className: U.fullScreenCloseIcon, children: /* @__PURE__ */ t(je, {}) }),
|
|
1386
|
+
/* @__PURE__ */ t("i", { className: U.smallLayoutButton, children: e ? /* @__PURE__ */ t(fe, { className: U.smallLayoutIconPlay }) : /* @__PURE__ */ t(Ce, { className: U.smallLayoutIconPause }) })
|
|
1390
1387
|
] });
|
|
1391
1388
|
}
|
|
1392
|
-
const
|
|
1389
|
+
const no = "_time-indicator_1rlpb_1", oo = {
|
|
1393
1390
|
"time-indicator": "_time-indicator_1rlpb_1",
|
|
1394
|
-
timeIndicator:
|
|
1391
|
+
timeIndicator: no
|
|
1395
1392
|
};
|
|
1396
|
-
function
|
|
1397
|
-
return /* @__PURE__ */
|
|
1398
|
-
/* @__PURE__ */ t(
|
|
1393
|
+
function io() {
|
|
1394
|
+
return /* @__PURE__ */ l("div", { className: oo.timeIndicator, children: [
|
|
1395
|
+
/* @__PURE__ */ t(ke, { type: "current" }),
|
|
1399
1396
|
"/",
|
|
1400
|
-
/* @__PURE__ */ t(
|
|
1397
|
+
/* @__PURE__ */ t(ke, { type: "duration" })
|
|
1401
1398
|
] });
|
|
1402
1399
|
}
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
"
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
"
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
"
|
|
1420
|
-
|
|
1421
|
-
"
|
|
1422
|
-
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
|
|
1428
|
-
|
|
1429
|
-
"
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1400
|
+
function Qe(e) {
|
|
1401
|
+
var n, o, i = "";
|
|
1402
|
+
if (typeof e == "string" || typeof e == "number") i += e;
|
|
1403
|
+
else if (typeof e == "object") if (Array.isArray(e)) {
|
|
1404
|
+
var s = e.length;
|
|
1405
|
+
for (n = 0; n < s; n++) e[n] && (o = Qe(e[n])) && (i && (i += " "), i += o);
|
|
1406
|
+
} else for (o in e) e[o] && (i && (i += " "), i += o);
|
|
1407
|
+
return i;
|
|
1408
|
+
}
|
|
1409
|
+
function so() {
|
|
1410
|
+
for (var e, n, o = 0, i = "", s = arguments.length; o < s; o++) (e = arguments[o]) && (n = Qe(e)) && (i && (i += " "), i += n);
|
|
1411
|
+
return i;
|
|
1412
|
+
}
|
|
1413
|
+
const ao = "_comment-markers_1ldxg_1", lo = "_comment-marker_1ldxg_1", co = "_timeline-wrapper_1ldxg_27", ro = "_track_1ldxg_41", uo = "_thumb_1ldxg_52", mo = "_root_1ldxg_66", ho = "_track-inner_1ldxg_96", po = "_progress_1ldxg_102", _o = "_track-fill_1ldxg_108", Co = "_pins_1ldxg_125", fo = "_pin-button_1ldxg_138", bo = "_annotation-pin_1ldxg_158", go = "_quiz-pin_1ldxg_163", vo = "_pin-completed_1ldxg_168", wo = "_annotation-pin-child_1ldxg_173", yo = "_quiz-pin-child_1ldxg_177", ko = "_interactive-pin-container_1ldxg_182", Lo = "_interactive-pin-wrapper_1ldxg_192", xo = "_interactive-pin-icon_1ldxg_198", Mo = "_interactive-pin_1ldxg_182", No = "_bg_1ldxg_212", Po = "_symbol_1ldxg_216", Io = "_interactive-pin-button_1ldxg_221", Ho = "_interactive-pin-menu_1ldxg_241", So = "_interactive-pin-menu-item_1ldxg_255", Vo = "_arrow_1ldxg_276", m = {
|
|
1414
|
+
"comment-markers": "_comment-markers_1ldxg_1",
|
|
1415
|
+
commentMarkers: ao,
|
|
1416
|
+
"comment-marker": "_comment-marker_1ldxg_1",
|
|
1417
|
+
commentMarker: lo,
|
|
1418
|
+
"timeline-wrapper": "_timeline-wrapper_1ldxg_27",
|
|
1419
|
+
timelineWrapper: co,
|
|
1420
|
+
track: ro,
|
|
1421
|
+
thumb: uo,
|
|
1422
|
+
root: mo,
|
|
1423
|
+
"track-inner": "_track-inner_1ldxg_96",
|
|
1424
|
+
trackInner: ho,
|
|
1425
|
+
progress: po,
|
|
1426
|
+
"track-fill": "_track-fill_1ldxg_108",
|
|
1427
|
+
trackFill: _o,
|
|
1428
|
+
pins: Co,
|
|
1429
|
+
"pin-button": "_pin-button_1ldxg_138",
|
|
1430
|
+
pinButton: fo,
|
|
1431
|
+
"annotation-pin": "_annotation-pin_1ldxg_158",
|
|
1432
|
+
annotationPin: bo,
|
|
1433
|
+
"quiz-pin": "_quiz-pin_1ldxg_163",
|
|
1434
|
+
quizPin: go,
|
|
1435
|
+
"pin-completed": "_pin-completed_1ldxg_168",
|
|
1436
|
+
pinCompleted: vo,
|
|
1437
|
+
"annotation-pin-child": "_annotation-pin-child_1ldxg_173",
|
|
1438
|
+
annotationPinChild: wo,
|
|
1439
|
+
"quiz-pin-child": "_quiz-pin-child_1ldxg_177",
|
|
1440
|
+
quizPinChild: yo,
|
|
1441
|
+
"interactive-pin-container": "_interactive-pin-container_1ldxg_182",
|
|
1442
|
+
interactivePinContainer: ko,
|
|
1443
|
+
"interactive-pin-wrapper": "_interactive-pin-wrapper_1ldxg_192",
|
|
1444
|
+
interactivePinWrapper: Lo,
|
|
1445
|
+
"interactive-pin-icon": "_interactive-pin-icon_1ldxg_198",
|
|
1446
|
+
interactivePinIcon: xo,
|
|
1447
|
+
"interactive-pin": "_interactive-pin_1ldxg_182",
|
|
1448
|
+
interactivePin: Mo,
|
|
1449
|
+
bg: No,
|
|
1450
|
+
symbol: Po,
|
|
1451
|
+
"interactive-pin-button": "_interactive-pin-button_1ldxg_221",
|
|
1452
|
+
interactivePinButton: Io,
|
|
1453
|
+
"interactive-pin-menu": "_interactive-pin-menu_1ldxg_241",
|
|
1454
|
+
interactivePinMenu: Ho,
|
|
1455
|
+
"interactive-pin-menu-item": "_interactive-pin-menu-item_1ldxg_255",
|
|
1456
|
+
interactivePinMenuItem: So,
|
|
1457
|
+
arrow: Vo
|
|
1458
|
+
}, To = {
|
|
1447
1459
|
annotation: m.annotationPin,
|
|
1448
1460
|
quiz: m.quizPin
|
|
1449
1461
|
};
|
|
1450
|
-
function
|
|
1462
|
+
function We({
|
|
1451
1463
|
type: e,
|
|
1452
1464
|
position: n,
|
|
1453
1465
|
children: o,
|
|
1454
|
-
onClick: i
|
|
1466
|
+
onClick: i,
|
|
1467
|
+
id: s,
|
|
1468
|
+
completed: a
|
|
1455
1469
|
}) {
|
|
1456
|
-
const
|
|
1470
|
+
const c = w();
|
|
1457
1471
|
return /* @__PURE__ */ t(
|
|
1458
1472
|
"button",
|
|
1459
1473
|
{
|
|
1460
1474
|
type: "button",
|
|
1461
|
-
tabIndex:
|
|
1475
|
+
tabIndex: c.state.interactionsDisabled ? -1 : 0,
|
|
1462
1476
|
className: m.pinButton,
|
|
1463
1477
|
style: { left: `${n}%` },
|
|
1464
1478
|
onClick: i,
|
|
1465
|
-
|
|
1479
|
+
"data-marker-id": s,
|
|
1480
|
+
children: /* @__PURE__ */ l(
|
|
1466
1481
|
"svg",
|
|
1467
1482
|
{
|
|
1468
|
-
className:
|
|
1483
|
+
className: so(To[e], [a && m.pinCompleted]),
|
|
1469
1484
|
width: "26",
|
|
1470
1485
|
height: "32",
|
|
1471
1486
|
viewBox: "0 0 26 32",
|
|
@@ -1479,8 +1494,8 @@ function Qe({
|
|
|
1479
1494
|
}
|
|
1480
1495
|
);
|
|
1481
1496
|
}
|
|
1482
|
-
function
|
|
1483
|
-
return /* @__PURE__ */ t(
|
|
1497
|
+
function Eo(e) {
|
|
1498
|
+
return /* @__PURE__ */ t(We, { type: "annotation", ...e, children: /* @__PURE__ */ t(
|
|
1484
1499
|
"path",
|
|
1485
1500
|
{
|
|
1486
1501
|
className: m.annotationPinChild,
|
|
@@ -1492,8 +1507,8 @@ function Po(e) {
|
|
|
1492
1507
|
}
|
|
1493
1508
|
) });
|
|
1494
1509
|
}
|
|
1495
|
-
function
|
|
1496
|
-
return /* @__PURE__ */ t(
|
|
1510
|
+
function Ao(e) {
|
|
1511
|
+
return /* @__PURE__ */ t(We, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: m.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
|
|
1497
1512
|
"text",
|
|
1498
1513
|
{
|
|
1499
1514
|
className: m.quizPinChild,
|
|
@@ -1506,7 +1521,7 @@ function No(e) {
|
|
|
1506
1521
|
}
|
|
1507
1522
|
) });
|
|
1508
1523
|
}
|
|
1509
|
-
function
|
|
1524
|
+
function Bo(e, n) {
|
|
1510
1525
|
return e.map((o, i) => ({
|
|
1511
1526
|
id: o.id,
|
|
1512
1527
|
time: o.time,
|
|
@@ -1515,33 +1530,35 @@ function Io(e, n) {
|
|
|
1515
1530
|
onClick: () => n(o)
|
|
1516
1531
|
}));
|
|
1517
1532
|
}
|
|
1518
|
-
function
|
|
1533
|
+
function Ro(e, n) {
|
|
1519
1534
|
const o = /* @__PURE__ */ new Map();
|
|
1520
1535
|
e.forEach((a) => {
|
|
1521
|
-
var
|
|
1522
|
-
const
|
|
1523
|
-
o.has(
|
|
1536
|
+
var r;
|
|
1537
|
+
const c = a.time;
|
|
1538
|
+
o.has(c) || o.set(c, []), (r = o.get(c)) == null || r.push(a);
|
|
1524
1539
|
});
|
|
1525
1540
|
const i = [];
|
|
1526
1541
|
let s = 0;
|
|
1527
|
-
return o.forEach((a,
|
|
1542
|
+
return o.forEach((a, c) => {
|
|
1528
1543
|
i.push({
|
|
1529
|
-
id: a.map((
|
|
1530
|
-
time:
|
|
1544
|
+
id: a.map((r) => r.id).join("-"),
|
|
1545
|
+
time: c,
|
|
1531
1546
|
type: "quiz",
|
|
1532
1547
|
ordinal: s + 1,
|
|
1533
1548
|
onClick: () => n(a),
|
|
1534
|
-
multiple: a.length > 1
|
|
1549
|
+
multiple: a.length > 1,
|
|
1550
|
+
completed: a.every((r) => r.completed)
|
|
1535
1551
|
}), s++;
|
|
1536
1552
|
}), i;
|
|
1537
1553
|
}
|
|
1538
|
-
function
|
|
1554
|
+
function Oo(e, n, o, i) {
|
|
1539
1555
|
switch (e.type) {
|
|
1540
1556
|
case "annotation": {
|
|
1541
1557
|
const s = () => i ? e.onClick() : o.seek(e.time);
|
|
1542
1558
|
return /* @__PURE__ */ t(
|
|
1543
|
-
|
|
1559
|
+
Eo,
|
|
1544
1560
|
{
|
|
1561
|
+
id: e.id,
|
|
1545
1562
|
position: e.time / n * 100,
|
|
1546
1563
|
onClick: s
|
|
1547
1564
|
},
|
|
@@ -1550,12 +1567,14 @@ function So(e, n, o, i) {
|
|
|
1550
1567
|
}
|
|
1551
1568
|
case "quiz":
|
|
1552
1569
|
return /* @__PURE__ */ t(
|
|
1553
|
-
|
|
1570
|
+
Ao,
|
|
1554
1571
|
{
|
|
1572
|
+
id: e.id,
|
|
1555
1573
|
position: e.time / n * 100,
|
|
1556
1574
|
ordinal: e.ordinal,
|
|
1557
1575
|
multiple: e.multiple,
|
|
1558
|
-
onClick: e.onClick
|
|
1576
|
+
onClick: e.onClick,
|
|
1577
|
+
completed: e.completed
|
|
1559
1578
|
},
|
|
1560
1579
|
e.id
|
|
1561
1580
|
);
|
|
@@ -1563,18 +1582,18 @@ function So(e, n, o, i) {
|
|
|
1563
1582
|
return null;
|
|
1564
1583
|
}
|
|
1565
1584
|
}
|
|
1566
|
-
function
|
|
1567
|
-
const e = oe(), n =
|
|
1568
|
-
...
|
|
1585
|
+
function Fo() {
|
|
1586
|
+
const e = oe(), n = f("duration"), o = M(), i = T(() => [
|
|
1587
|
+
...Bo(
|
|
1569
1588
|
o.annotations,
|
|
1570
1589
|
o.onAnnotationClick
|
|
1571
1590
|
),
|
|
1572
|
-
...
|
|
1573
|
-
].sort((a,
|
|
1591
|
+
...Ro(o.quizMarkers, o.onQuizMarkerClick)
|
|
1592
|
+
].sort((a, c) => a.time - c.time).map((a) => Oo(a, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
|
|
1574
1593
|
return /* @__PURE__ */ t("div", { className: m.pins, children: i });
|
|
1575
1594
|
}
|
|
1576
|
-
function
|
|
1577
|
-
const e =
|
|
1595
|
+
function Zo() {
|
|
1596
|
+
const e = f("duration"), n = M(), o = w();
|
|
1578
1597
|
return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: m.commentMarkers, children: n.comments.map((i) => /* @__PURE__ */ t(
|
|
1579
1598
|
"span",
|
|
1580
1599
|
{
|
|
@@ -1586,35 +1605,35 @@ function To() {
|
|
|
1586
1605
|
i.id
|
|
1587
1606
|
)) }) : null;
|
|
1588
1607
|
}
|
|
1589
|
-
function
|
|
1590
|
-
const [o, i] = L(!1), s = M(), a =
|
|
1608
|
+
function Ko({ currentTime: e, position: n }) {
|
|
1609
|
+
const [o, i] = L(!1), s = M(), a = C(() => s.interactiveMenuElements.length > 0 ? i((y) => !y) : s.onInteractivePinClick(e), [
|
|
1591
1610
|
s.interactiveMenuElements,
|
|
1592
1611
|
s.onInteractivePinClick,
|
|
1593
1612
|
e
|
|
1594
|
-
]),
|
|
1613
|
+
]), c = ne(null), { refs: r, floatingStyles: u, context: p } = ue({
|
|
1595
1614
|
open: o,
|
|
1596
1615
|
onOpenChange: i,
|
|
1597
1616
|
whileElementsMounted: de,
|
|
1598
1617
|
placement: "top",
|
|
1599
1618
|
middleware: [
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
element:
|
|
1619
|
+
Se(),
|
|
1620
|
+
Ve(6),
|
|
1621
|
+
Te({
|
|
1622
|
+
element: c
|
|
1604
1623
|
})
|
|
1605
1624
|
]
|
|
1606
|
-
}),
|
|
1607
|
-
return /* @__PURE__ */
|
|
1625
|
+
}), g = me(p), { getReferenceProps: v, getFloatingProps: k } = he([g]);
|
|
1626
|
+
return /* @__PURE__ */ l(G, { children: [
|
|
1608
1627
|
/* @__PURE__ */ t(
|
|
1609
1628
|
"button",
|
|
1610
1629
|
{
|
|
1611
1630
|
type: "button",
|
|
1612
1631
|
onClick: a,
|
|
1613
1632
|
className: m.interactivePinButton,
|
|
1614
|
-
ref:
|
|
1633
|
+
ref: r.setReference,
|
|
1615
1634
|
style: { left: `${n}%` },
|
|
1616
|
-
...
|
|
1617
|
-
children: /* @__PURE__ */
|
|
1635
|
+
...v(),
|
|
1636
|
+
children: /* @__PURE__ */ l(
|
|
1618
1637
|
"svg",
|
|
1619
1638
|
{
|
|
1620
1639
|
className: m.interactivePin,
|
|
@@ -1655,21 +1674,21 @@ function Eo({ currentTime: e, position: n }) {
|
|
|
1655
1674
|
}
|
|
1656
1675
|
),
|
|
1657
1676
|
o && /* @__PURE__ */ t(
|
|
1658
|
-
|
|
1677
|
+
pe,
|
|
1659
1678
|
{
|
|
1660
1679
|
order: ["floating", "content"],
|
|
1661
|
-
context:
|
|
1680
|
+
context: p,
|
|
1662
1681
|
modal: !0,
|
|
1663
|
-
children: /* @__PURE__ */
|
|
1682
|
+
children: /* @__PURE__ */ l(
|
|
1664
1683
|
"div",
|
|
1665
1684
|
{
|
|
1666
|
-
ref:
|
|
1685
|
+
ref: r.setFloating,
|
|
1667
1686
|
style: u,
|
|
1668
1687
|
className: m.interactivePinMenu,
|
|
1669
1688
|
...k(),
|
|
1670
1689
|
children: [
|
|
1671
1690
|
s.interactiveMenuElements.map(
|
|
1672
|
-
({ id: y, text: N, onClick: h }) => /* @__PURE__ */
|
|
1691
|
+
({ id: y, text: N, onClick: h }) => /* @__PURE__ */ l(
|
|
1673
1692
|
"button",
|
|
1674
1693
|
{
|
|
1675
1694
|
type: "button",
|
|
@@ -1704,10 +1723,10 @@ function Eo({ currentTime: e, position: n }) {
|
|
|
1704
1723
|
)
|
|
1705
1724
|
),
|
|
1706
1725
|
/* @__PURE__ */ t(
|
|
1707
|
-
|
|
1726
|
+
Ee,
|
|
1708
1727
|
{
|
|
1709
|
-
ref:
|
|
1710
|
-
context:
|
|
1728
|
+
ref: c,
|
|
1729
|
+
context: p,
|
|
1711
1730
|
className: m.arrow
|
|
1712
1731
|
}
|
|
1713
1732
|
)
|
|
@@ -1718,32 +1737,32 @@ function Eo({ currentTime: e, position: n }) {
|
|
|
1718
1737
|
)
|
|
1719
1738
|
] });
|
|
1720
1739
|
}
|
|
1721
|
-
function
|
|
1722
|
-
const e =
|
|
1740
|
+
function Do() {
|
|
1741
|
+
const e = f("duration"), n = f("currentTime"), o = n / e * 100, { disableInteractivePinRanges: i } = M();
|
|
1723
1742
|
return i.some(
|
|
1724
|
-
([a,
|
|
1725
|
-
) ? null : /* @__PURE__ */ t("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ t(
|
|
1726
|
-
}
|
|
1727
|
-
function
|
|
1728
|
-
const e =
|
|
1729
|
-
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(
|
|
1730
|
-
}
|
|
1731
|
-
const
|
|
1732
|
-
function
|
|
1733
|
-
const n =
|
|
1734
|
-
return /* @__PURE__ */
|
|
1735
|
-
s ? /* @__PURE__ */ t(
|
|
1736
|
-
s || o || i ? /* @__PURE__ */ t(
|
|
1737
|
-
/* @__PURE__ */ t(
|
|
1738
|
-
/* @__PURE__ */
|
|
1743
|
+
([a, c]) => n >= a && n <= c
|
|
1744
|
+
) ? null : /* @__PURE__ */ t("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ t(Ko, { currentTime: n, position: o }) }) });
|
|
1745
|
+
}
|
|
1746
|
+
function zo() {
|
|
1747
|
+
const e = f("paused"), n = w();
|
|
1748
|
+
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(Do, {}) : null;
|
|
1749
|
+
}
|
|
1750
|
+
const $o = `${m.progress} ${m.trackInner}`, Uo = `${m.trackFill} ${m.trackInner}`;
|
|
1751
|
+
function Me({ className: e }) {
|
|
1752
|
+
const n = w(), { hasAnnotations: o, hasQuizmarkers: i, interactive: s } = M(), a = e ? `${m.timelineWrapper} ${e}` : m.timelineWrapper;
|
|
1753
|
+
return /* @__PURE__ */ l("div", { className: a, children: [
|
|
1754
|
+
s ? /* @__PURE__ */ t(zo, {}) : null,
|
|
1755
|
+
s || o || i ? /* @__PURE__ */ t(Fo, {}) : null,
|
|
1756
|
+
/* @__PURE__ */ t(Zo, {}),
|
|
1757
|
+
/* @__PURE__ */ l(
|
|
1739
1758
|
$.Root,
|
|
1740
1759
|
{
|
|
1741
1760
|
className: m.root,
|
|
1742
1761
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1743
1762
|
children: [
|
|
1744
|
-
/* @__PURE__ */
|
|
1745
|
-
/* @__PURE__ */ t($.Progress, { className:
|
|
1746
|
-
/* @__PURE__ */ t($.TrackFill, { className:
|
|
1763
|
+
/* @__PURE__ */ l($.Track, { className: m.track, children: [
|
|
1764
|
+
/* @__PURE__ */ t($.Progress, { className: $o }),
|
|
1765
|
+
/* @__PURE__ */ t($.TrackFill, { className: Uo })
|
|
1747
1766
|
] }),
|
|
1748
1767
|
/* @__PURE__ */ t($.Thumb, { className: m.thumb })
|
|
1749
1768
|
]
|
|
@@ -1751,17 +1770,17 @@ function Ne({ className: e }) {
|
|
|
1751
1770
|
)
|
|
1752
1771
|
] });
|
|
1753
1772
|
}
|
|
1754
|
-
const
|
|
1755
|
-
wrapper:
|
|
1756
|
-
track:
|
|
1757
|
-
thumb:
|
|
1773
|
+
const qo = "_wrapper_12cb0_1", Go = "_track_12cb0_6", jo = "_thumb_12cb0_18", Qo = "_track-fill_12cb0_32", Wo = "_root_12cb0_51", q = {
|
|
1774
|
+
wrapper: qo,
|
|
1775
|
+
track: Go,
|
|
1776
|
+
thumb: jo,
|
|
1758
1777
|
"track-fill": "_track-fill_12cb0_32",
|
|
1759
|
-
trackFill:
|
|
1760
|
-
root:
|
|
1778
|
+
trackFill: Qo,
|
|
1779
|
+
root: Wo
|
|
1761
1780
|
};
|
|
1762
|
-
function
|
|
1763
|
-
const e =
|
|
1764
|
-
return /* @__PURE__ */
|
|
1781
|
+
function Yo() {
|
|
1782
|
+
const e = O(), n = f("volume"), o = f("muted"), i = w(), s = o || n === 0, { t: a } = b();
|
|
1783
|
+
return /* @__PURE__ */ l("div", { className: q.wrapper, children: [
|
|
1765
1784
|
/* @__PURE__ */ t(
|
|
1766
1785
|
"button",
|
|
1767
1786
|
{
|
|
@@ -1776,20 +1795,20 @@ function $o() {
|
|
|
1776
1795
|
children: s ? /* @__PURE__ */ t($e, { className: "controls-button-icon" }) : n < 0.5 ? /* @__PURE__ */ t(Ue, { className: "controls-button-icon" }) : /* @__PURE__ */ t(qe, { className: "controls-button-icon" })
|
|
1777
1796
|
}
|
|
1778
1797
|
),
|
|
1779
|
-
/* @__PURE__ */
|
|
1780
|
-
|
|
1798
|
+
/* @__PURE__ */ l(
|
|
1799
|
+
X.Root,
|
|
1781
1800
|
{
|
|
1782
1801
|
className: q.root,
|
|
1783
1802
|
tabIndex: i.state.interactionsDisabled ? -1 : 0,
|
|
1784
1803
|
children: [
|
|
1785
|
-
/* @__PURE__ */ t(
|
|
1786
|
-
/* @__PURE__ */ t(
|
|
1804
|
+
/* @__PURE__ */ t(X.Track, { className: q.track, children: /* @__PURE__ */ t(X.TrackFill, { className: q.trackFill }) }),
|
|
1805
|
+
/* @__PURE__ */ t(X.Thumb, { className: q.thumb })
|
|
1787
1806
|
]
|
|
1788
1807
|
}
|
|
1789
1808
|
)
|
|
1790
1809
|
] });
|
|
1791
1810
|
}
|
|
1792
|
-
const
|
|
1811
|
+
const Ne = {
|
|
1793
1812
|
togglePaused: {
|
|
1794
1813
|
keys: ["Space", "Enter", "k"],
|
|
1795
1814
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
@@ -1836,8 +1855,8 @@ const Ie = {
|
|
|
1836
1855
|
decreasePlaybackRate: {
|
|
1837
1856
|
keys: ["a"],
|
|
1838
1857
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1839
|
-
const s =
|
|
1840
|
-
s >= 0 && (o.changePlaybackRate(
|
|
1858
|
+
const s = D.indexOf(n.playbackRate) - 1;
|
|
1859
|
+
s >= 0 && (o.changePlaybackRate(D[s]), n.$state.lastKeyboardAction.set({
|
|
1841
1860
|
action: "decreasePlaybackRate",
|
|
1842
1861
|
event: e
|
|
1843
1862
|
}));
|
|
@@ -1846,8 +1865,8 @@ const Ie = {
|
|
|
1846
1865
|
increasePlaybackRate: {
|
|
1847
1866
|
keys: ["d"],
|
|
1848
1867
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1849
|
-
const s =
|
|
1850
|
-
s <
|
|
1868
|
+
const s = D.indexOf(n.playbackRate) + 1;
|
|
1869
|
+
s < D.length && (o.changePlaybackRate(D[s]), n.$state.lastKeyboardAction.set({
|
|
1851
1870
|
action: "increasePlaybackRate",
|
|
1852
1871
|
event: e
|
|
1853
1872
|
}));
|
|
@@ -1881,10 +1900,10 @@ const Ie = {
|
|
|
1881
1900
|
}
|
|
1882
1901
|
}
|
|
1883
1902
|
};
|
|
1884
|
-
function
|
|
1903
|
+
function Pe(e) {
|
|
1885
1904
|
return typeof e == "number" && !isNaN(e);
|
|
1886
1905
|
}
|
|
1887
|
-
function
|
|
1906
|
+
function Xo(e, n = 1e3) {
|
|
1888
1907
|
let o = !1;
|
|
1889
1908
|
return () => {
|
|
1890
1909
|
o || (e(), o = !0, setTimeout(() => {
|
|
@@ -1892,7 +1911,7 @@ function Uo(e, n = 1e3) {
|
|
|
1892
1911
|
}, n));
|
|
1893
1912
|
};
|
|
1894
1913
|
}
|
|
1895
|
-
const
|
|
1914
|
+
const Ie = {
|
|
1896
1915
|
volume: 1,
|
|
1897
1916
|
muted: !1,
|
|
1898
1917
|
lang: null,
|
|
@@ -1903,23 +1922,23 @@ const Se = {
|
|
|
1903
1922
|
invert: !1,
|
|
1904
1923
|
comments: !1
|
|
1905
1924
|
};
|
|
1906
|
-
class
|
|
1925
|
+
class Jo {
|
|
1907
1926
|
constructor() {
|
|
1908
|
-
|
|
1909
|
-
|
|
1910
|
-
|
|
1911
|
-
|
|
1912
|
-
|
|
1913
|
-
|
|
1927
|
+
H(this, "playerId", "studio-player");
|
|
1928
|
+
H(this, "mediaId", null);
|
|
1929
|
+
H(this, "data", Ie);
|
|
1930
|
+
H(this, "time", null);
|
|
1931
|
+
H(this, "overrideTime", null);
|
|
1932
|
+
H(this, "saveTime", () => {
|
|
1914
1933
|
if (!this.mediaId) return;
|
|
1915
1934
|
const n = (this.time ?? 0).toString();
|
|
1916
1935
|
localStorage.setItem(this.mediaId, n);
|
|
1917
1936
|
});
|
|
1918
|
-
|
|
1937
|
+
H(this, "saveTimeThrottled", Xo(this.saveTime, 1e3));
|
|
1919
1938
|
// only used for useStudioPlayer hook's state initialization
|
|
1920
|
-
|
|
1939
|
+
H(this, "initializeState", (n) => {
|
|
1921
1940
|
const o = localStorage.getItem(this.playerId);
|
|
1922
|
-
if (
|
|
1941
|
+
if (Pe(n) && n >= 0 && (this.overrideTime = n), o)
|
|
1923
1942
|
try {
|
|
1924
1943
|
this.data = JSON.parse(o);
|
|
1925
1944
|
} catch {
|
|
@@ -1934,7 +1953,7 @@ class qo {
|
|
|
1934
1953
|
disableCaptionSettings: !1
|
|
1935
1954
|
};
|
|
1936
1955
|
});
|
|
1937
|
-
|
|
1956
|
+
H(this, "saveData", (n, o) => {
|
|
1938
1957
|
this.data = {
|
|
1939
1958
|
...this.data,
|
|
1940
1959
|
[n]: o
|
|
@@ -1987,16 +2006,16 @@ class qo {
|
|
|
1987
2006
|
onChange(n, o, i = "studio-player") {
|
|
1988
2007
|
const s = i ? localStorage.getItem(i) : null, a = o ? localStorage.getItem(o) : null;
|
|
1989
2008
|
this.playerId = i, this.mediaId = o;
|
|
1990
|
-
let
|
|
2009
|
+
let c = {};
|
|
1991
2010
|
if (s)
|
|
1992
2011
|
try {
|
|
1993
|
-
|
|
2012
|
+
c = JSON.parse(s);
|
|
1994
2013
|
} catch {
|
|
1995
2014
|
}
|
|
1996
2015
|
this.data = {
|
|
1997
|
-
...
|
|
1998
|
-
...
|
|
1999
|
-
},
|
|
2016
|
+
...Ie,
|
|
2017
|
+
...c
|
|
2018
|
+
}, Pe(this.overrideTime) && this.overrideTime >= 0 ? this.time = this.overrideTime : this.time = a ? +a : null;
|
|
2000
2019
|
}
|
|
2001
2020
|
save() {
|
|
2002
2021
|
if (!this.playerId) return;
|
|
@@ -2004,135 +2023,135 @@ class qo {
|
|
|
2004
2023
|
localStorage.setItem(this.playerId, n);
|
|
2005
2024
|
}
|
|
2006
2025
|
}
|
|
2007
|
-
function
|
|
2008
|
-
const s =
|
|
2026
|
+
function ei(e, n, o, i) {
|
|
2027
|
+
const s = T(() => new Jo(), []), [a, c] = L(
|
|
2009
2028
|
s.initializeState(i)
|
|
2010
|
-
),
|
|
2029
|
+
), r = C(
|
|
2011
2030
|
(h) => {
|
|
2012
|
-
|
|
2013
|
-
...
|
|
2031
|
+
c((_) => (s.saveData("multiplier", h), {
|
|
2032
|
+
..._,
|
|
2014
2033
|
captionsFontSizeMultiplier: h
|
|
2015
2034
|
}));
|
|
2016
2035
|
},
|
|
2017
2036
|
[s]
|
|
2018
|
-
), u =
|
|
2019
|
-
|
|
2020
|
-
const
|
|
2021
|
-
return s.saveData("ontop",
|
|
2037
|
+
), u = C(() => {
|
|
2038
|
+
c((h) => {
|
|
2039
|
+
const _ = !h.captionPositionOnTop;
|
|
2040
|
+
return s.saveData("ontop", _), {
|
|
2022
2041
|
...h,
|
|
2023
|
-
captionPositionOnTop:
|
|
2042
|
+
captionPositionOnTop: _
|
|
2024
2043
|
};
|
|
2025
2044
|
});
|
|
2026
|
-
}, [s]),
|
|
2027
|
-
|
|
2028
|
-
const
|
|
2029
|
-
return s.saveData("invert",
|
|
2045
|
+
}, [s]), p = C(() => {
|
|
2046
|
+
c((h) => {
|
|
2047
|
+
const _ = !h.captionsInvertColors;
|
|
2048
|
+
return s.saveData("invert", _), {
|
|
2030
2049
|
...h,
|
|
2031
|
-
captionsInvertColors:
|
|
2050
|
+
captionsInvertColors: _
|
|
2032
2051
|
};
|
|
2033
2052
|
});
|
|
2034
|
-
}, [s]),
|
|
2035
|
-
|
|
2036
|
-
const
|
|
2037
|
-
return s.saveData("comments",
|
|
2053
|
+
}, [s]), g = C(() => {
|
|
2054
|
+
c((h) => {
|
|
2055
|
+
const _ = !h.commentsEnabled;
|
|
2056
|
+
return s.saveData("comments", _), {
|
|
2038
2057
|
...h,
|
|
2039
|
-
commentsEnabled:
|
|
2058
|
+
commentsEnabled: _
|
|
2040
2059
|
};
|
|
2041
2060
|
});
|
|
2042
|
-
}, [s]),
|
|
2043
|
-
|
|
2061
|
+
}, [s]), v = C(() => {
|
|
2062
|
+
c((h) => ({
|
|
2044
2063
|
...h,
|
|
2045
2064
|
interactionsDisabled: !1
|
|
2046
2065
|
}));
|
|
2047
|
-
}, []), k =
|
|
2048
|
-
|
|
2066
|
+
}, []), k = C(() => {
|
|
2067
|
+
c((h) => ({
|
|
2049
2068
|
...h,
|
|
2050
2069
|
interactionsDisabled: !0
|
|
2051
2070
|
}));
|
|
2052
|
-
}, []), y =
|
|
2053
|
-
|
|
2054
|
-
...
|
|
2071
|
+
}, []), y = C((h) => {
|
|
2072
|
+
c((_) => ({
|
|
2073
|
+
..._,
|
|
2055
2074
|
globalKeysDisabled: h
|
|
2056
2075
|
}));
|
|
2057
|
-
}, []), N =
|
|
2058
|
-
...
|
|
2076
|
+
}, []), N = T(() => e ? {
|
|
2077
|
+
...Ne,
|
|
2059
2078
|
toggleFullscreen: []
|
|
2060
|
-
} :
|
|
2079
|
+
} : Ne, [e]);
|
|
2061
2080
|
return {
|
|
2062
2081
|
contextValue: {
|
|
2063
2082
|
state: {
|
|
2064
2083
|
...a,
|
|
2065
2084
|
commentsEnabled: n || a.commentsEnabled
|
|
2066
2085
|
},
|
|
2067
|
-
setCaptionsFontSizeMultiplier:
|
|
2086
|
+
setCaptionsFontSizeMultiplier: r,
|
|
2068
2087
|
toggleCaptionPositionOnTop: u,
|
|
2069
|
-
toggleCaptionsInvertColors:
|
|
2070
|
-
enableInteractions:
|
|
2088
|
+
toggleCaptionsInvertColors: p,
|
|
2089
|
+
enableInteractions: v,
|
|
2071
2090
|
disableInteractions: k,
|
|
2072
2091
|
setGlobalKeysDisabled: y,
|
|
2073
|
-
toggleComments:
|
|
2092
|
+
toggleComments: g,
|
|
2074
2093
|
disableCaptionSettings: o
|
|
2075
2094
|
},
|
|
2076
2095
|
shortcuts: N,
|
|
2077
2096
|
storage: s
|
|
2078
2097
|
};
|
|
2079
2098
|
}
|
|
2080
|
-
const
|
|
2081
|
-
function
|
|
2099
|
+
const ti = {};
|
|
2100
|
+
function ni() {
|
|
2082
2101
|
const e = M();
|
|
2083
|
-
return /* @__PURE__ */
|
|
2084
|
-
/* @__PURE__ */ t(
|
|
2102
|
+
return /* @__PURE__ */ l(G, { children: [
|
|
2103
|
+
/* @__PURE__ */ t(j1, { src: e.thumbnail }),
|
|
2085
2104
|
/* @__PURE__ */ t(Ge, {}),
|
|
2086
|
-
/* @__PURE__ */ t(
|
|
2105
|
+
/* @__PURE__ */ t(Re, {}),
|
|
2087
2106
|
/* @__PURE__ */ t(Ze, { captions: e.captions }),
|
|
2088
|
-
/* @__PURE__ */ t(
|
|
2089
|
-
/* @__PURE__ */ t(
|
|
2090
|
-
/* @__PURE__ */ t(
|
|
2107
|
+
/* @__PURE__ */ t(to, {}),
|
|
2108
|
+
/* @__PURE__ */ t(w1, {}),
|
|
2109
|
+
/* @__PURE__ */ t(Yt, { comments: e.comments })
|
|
2091
2110
|
] });
|
|
2092
2111
|
}
|
|
2093
|
-
const
|
|
2094
|
-
/* @__PURE__ */
|
|
2112
|
+
const oi = (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__ */ l("g", { id: "audio", children: [
|
|
2113
|
+
/* @__PURE__ */ l("g", { id: "icon-file-base-2", children: [
|
|
2095
2114
|
/* @__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" }),
|
|
2096
2115
|
/* @__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" }),
|
|
2097
2116
|
/* @__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" })
|
|
2098
2117
|
] }),
|
|
2099
2118
|
/* @__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" })
|
|
2100
2119
|
] }) }) });
|
|
2101
|
-
function
|
|
2120
|
+
function ii() {
|
|
2102
2121
|
const e = M();
|
|
2103
|
-
return /* @__PURE__ */
|
|
2104
|
-
/* @__PURE__ */ t(
|
|
2122
|
+
return /* @__PURE__ */ l("div", { className: "audio-layout-wrapper", children: [
|
|
2123
|
+
/* @__PURE__ */ t(oi, {}),
|
|
2105
2124
|
/* @__PURE__ */ t(Ge, {}),
|
|
2106
|
-
/* @__PURE__ */ t(
|
|
2125
|
+
/* @__PURE__ */ t(Re, {}),
|
|
2107
2126
|
/* @__PURE__ */ t(Ze, { captions: e.captions })
|
|
2108
2127
|
] });
|
|
2109
2128
|
}
|
|
2110
|
-
function
|
|
2129
|
+
function si(e, n) {
|
|
2111
2130
|
return e.reduce((o, i) => (Object.keys(n).includes(i.id) || (o[i.id] = !0), o), n);
|
|
2112
2131
|
}
|
|
2113
|
-
function
|
|
2132
|
+
function ai(e, n, o, i, s) {
|
|
2114
2133
|
return (a) => {
|
|
2115
|
-
const
|
|
2116
|
-
|
|
2134
|
+
const c = a.detail.currentTime, r = !o.paused, u = Math.min(o.duration * 0.05, 2);
|
|
2135
|
+
c >= e.time && c < e.time + u && !i[e.id] && (s({ ...i, [e.id]: !0 }), n(e, r));
|
|
2117
2136
|
};
|
|
2118
2137
|
}
|
|
2119
|
-
function
|
|
2120
|
-
const e =
|
|
2121
|
-
n.reduce((a,
|
|
2138
|
+
function li() {
|
|
2139
|
+
const e = O(), { quizMarkers: n, onQuizMarkerShow: o } = M(), [i, s] = L(
|
|
2140
|
+
n.reduce((a, c) => (a[c.id] = !1, a), {})
|
|
2122
2141
|
);
|
|
2123
|
-
|
|
2142
|
+
R(() => {
|
|
2124
2143
|
if (!e)
|
|
2125
2144
|
return;
|
|
2126
|
-
n.length > Object.keys(i).length && s(
|
|
2127
|
-
const a = [],
|
|
2128
|
-
var
|
|
2129
|
-
const u = (
|
|
2130
|
-
s({ ...i, ...
|
|
2145
|
+
n.length > Object.keys(i).length && s(si(n, i));
|
|
2146
|
+
const a = [], c = (r) => {
|
|
2147
|
+
var g;
|
|
2148
|
+
const u = (g = r == null ? void 0 : r.request) == null ? void 0 : g.detail, p = n.reduce((v, k) => (v[k.id] = k.time <= u, v), {});
|
|
2149
|
+
s({ ...i, ...p });
|
|
2131
2150
|
};
|
|
2132
|
-
e.addEventListener("seeked",
|
|
2133
|
-
for (const
|
|
2134
|
-
const u =
|
|
2135
|
-
|
|
2151
|
+
e.addEventListener("seeked", c);
|
|
2152
|
+
for (const r of n) {
|
|
2153
|
+
const u = ai(
|
|
2154
|
+
r,
|
|
2136
2155
|
o,
|
|
2137
2156
|
e,
|
|
2138
2157
|
i,
|
|
@@ -2141,119 +2160,121 @@ function ei() {
|
|
|
2141
2160
|
e.addEventListener("time-update", u), a.push(u);
|
|
2142
2161
|
}
|
|
2143
2162
|
return () => {
|
|
2144
|
-
for (const
|
|
2145
|
-
e.removeEventListener("time-update",
|
|
2146
|
-
e.removeEventListener("seeked",
|
|
2163
|
+
for (const r of a)
|
|
2164
|
+
e.removeEventListener("time-update", r);
|
|
2165
|
+
e.removeEventListener("seeked", c);
|
|
2147
2166
|
};
|
|
2148
2167
|
}, [n, e, i]);
|
|
2149
2168
|
}
|
|
2150
|
-
function
|
|
2151
|
-
return
|
|
2169
|
+
function ci() {
|
|
2170
|
+
return li(), null;
|
|
2152
2171
|
}
|
|
2153
|
-
function
|
|
2172
|
+
function ri(e) {
|
|
2154
2173
|
return Array.isArray(e) && typeof e[0] == "object";
|
|
2155
2174
|
}
|
|
2156
|
-
function
|
|
2157
|
-
return
|
|
2175
|
+
function ui(e) {
|
|
2176
|
+
return ri(e) && e.length === 1 ? e[0].src : e;
|
|
2158
2177
|
}
|
|
2159
|
-
const
|
|
2178
|
+
const te = () => {
|
|
2160
2179
|
};
|
|
2161
|
-
function
|
|
2180
|
+
function gi({
|
|
2162
2181
|
title: e,
|
|
2163
2182
|
playerRef: n,
|
|
2164
2183
|
src: o,
|
|
2165
2184
|
captions: i = [],
|
|
2166
2185
|
thumbnail: s,
|
|
2167
2186
|
hideFullScreen: a = !1,
|
|
2168
|
-
comments:
|
|
2169
|
-
locale:
|
|
2187
|
+
comments: c = [],
|
|
2188
|
+
locale: r = "en",
|
|
2170
2189
|
annotations: u = [],
|
|
2171
|
-
quizMarkers:
|
|
2172
|
-
interactive:
|
|
2173
|
-
onAnnotationClick:
|
|
2174
|
-
onQuizMarkerClick: k =
|
|
2175
|
-
onQuizMarkerShow: y =
|
|
2176
|
-
onInteractivePinClick: N =
|
|
2190
|
+
quizMarkers: p = [],
|
|
2191
|
+
interactive: g = !1,
|
|
2192
|
+
onAnnotationClick: v = te,
|
|
2193
|
+
onQuizMarkerClick: k = te,
|
|
2194
|
+
onQuizMarkerShow: y = te,
|
|
2195
|
+
onInteractivePinClick: N = te,
|
|
2177
2196
|
interactiveMenuElements: h = [],
|
|
2178
|
-
kebabMenuElements:
|
|
2179
|
-
darkMode:
|
|
2180
|
-
autoLoadCaptionSrc:
|
|
2197
|
+
kebabMenuElements: _ = [],
|
|
2198
|
+
darkMode: V = !1,
|
|
2199
|
+
autoLoadCaptionSrc: F = "",
|
|
2181
2200
|
forceComments: Z = !1,
|
|
2182
|
-
disableCaptionSettings:
|
|
2183
|
-
disableStorage:
|
|
2184
|
-
startAt:
|
|
2201
|
+
disableCaptionSettings: S = !1,
|
|
2202
|
+
disableStorage: W = !1,
|
|
2203
|
+
startAt: Y,
|
|
2185
2204
|
crossOrigin: se,
|
|
2186
|
-
captionOffsetOverride:
|
|
2187
|
-
disableInteractivePinRanges:
|
|
2205
|
+
captionOffsetOverride: Ye,
|
|
2206
|
+
disableInteractivePinRanges: Xe = [],
|
|
2207
|
+
customOverlay: be
|
|
2188
2208
|
}) {
|
|
2189
|
-
const { contextValue: ae, shortcuts:
|
|
2209
|
+
const { contextValue: ae, shortcuts: Je, storage: et } = ei(
|
|
2190
2210
|
a,
|
|
2191
2211
|
Z,
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
), { i18n:
|
|
2195
|
-
|
|
2196
|
-
|
|
2197
|
-
}, [
|
|
2198
|
-
const [
|
|
2199
|
-
|
|
2212
|
+
S,
|
|
2213
|
+
Y
|
|
2214
|
+
), { i18n: ge } = b();
|
|
2215
|
+
R(() => {
|
|
2216
|
+
ge.changeLanguage(r);
|
|
2217
|
+
}, [ge, r]);
|
|
2218
|
+
const [ve, we] = L("none"), tt = C((E) => {
|
|
2219
|
+
ht(E) ? we("audio") : pt(E) && we("video");
|
|
2200
2220
|
}, []);
|
|
2201
2221
|
return /* @__PURE__ */ t(
|
|
2202
|
-
|
|
2222
|
+
Lt,
|
|
2203
2223
|
{
|
|
2204
2224
|
hideFullScreen: a,
|
|
2205
|
-
comments:
|
|
2225
|
+
comments: c,
|
|
2206
2226
|
captions: i,
|
|
2207
2227
|
thumbnail: s,
|
|
2208
2228
|
annotations: u,
|
|
2209
|
-
quizMarkers:
|
|
2210
|
-
interactive:
|
|
2211
|
-
onAnnotationClick:
|
|
2229
|
+
quizMarkers: p,
|
|
2230
|
+
interactive: g,
|
|
2231
|
+
onAnnotationClick: v,
|
|
2212
2232
|
onQuizMarkerClick: k,
|
|
2213
2233
|
onInteractivePinClick: N,
|
|
2214
2234
|
interactiveMenuElements: h,
|
|
2215
|
-
kebabMenuElements:
|
|
2216
|
-
darkMode:
|
|
2235
|
+
kebabMenuElements: _,
|
|
2236
|
+
darkMode: V,
|
|
2217
2237
|
forceComments: Z,
|
|
2218
|
-
disableCaptionSettings:
|
|
2219
|
-
disableStorage:
|
|
2220
|
-
captionOffsetOverride:
|
|
2221
|
-
disableInteractivePinRanges:
|
|
2238
|
+
disableCaptionSettings: S,
|
|
2239
|
+
disableStorage: W,
|
|
2240
|
+
captionOffsetOverride: Ye,
|
|
2241
|
+
disableInteractivePinRanges: Xe,
|
|
2222
2242
|
onQuizMarkerShow: y,
|
|
2223
|
-
children: /* @__PURE__ */ t(
|
|
2224
|
-
|
|
2243
|
+
children: /* @__PURE__ */ t(kt, { contextValue: ae, children: /* @__PURE__ */ l(
|
|
2244
|
+
_t,
|
|
2225
2245
|
{
|
|
2226
|
-
"data-version": "0.
|
|
2246
|
+
"data-version": "0.4.0",
|
|
2227
2247
|
crossOrigin: se,
|
|
2228
|
-
storage:
|
|
2248
|
+
storage: W ? null : et,
|
|
2229
2249
|
title: e,
|
|
2230
|
-
src:
|
|
2231
|
-
keyShortcuts:
|
|
2250
|
+
src: ui(o),
|
|
2251
|
+
keyShortcuts: Je,
|
|
2232
2252
|
playsInline: !0,
|
|
2233
2253
|
keyDisabled: ae.state.interactionsDisabled || ae.state.globalKeysDisabled,
|
|
2234
|
-
onTextTracksChange: (
|
|
2235
|
-
const
|
|
2236
|
-
(
|
|
2254
|
+
onTextTracksChange: (E) => {
|
|
2255
|
+
const ye = E == null ? void 0 : E.findIndex(
|
|
2256
|
+
(nt) => nt.src === F
|
|
2237
2257
|
);
|
|
2238
|
-
|
|
2258
|
+
ye > -1 && (E[ye].mode = "showing");
|
|
2239
2259
|
},
|
|
2240
|
-
onProviderSetup:
|
|
2260
|
+
onProviderSetup: tt,
|
|
2241
2261
|
children: [
|
|
2242
|
-
/* @__PURE__ */
|
|
2243
|
-
|
|
2244
|
-
|
|
2262
|
+
/* @__PURE__ */ l(Ct, { className: ti.mediaProvider, children: [
|
|
2263
|
+
ve === "audio" && /* @__PURE__ */ t(ii, {}),
|
|
2264
|
+
ve === "video" && /* @__PURE__ */ t(ni, {})
|
|
2245
2265
|
] }),
|
|
2246
|
-
/* @__PURE__ */ t(
|
|
2266
|
+
/* @__PURE__ */ t(D1, {}),
|
|
2267
|
+
be && be(),
|
|
2247
2268
|
/* @__PURE__ */ t(
|
|
2248
|
-
|
|
2269
|
+
sn,
|
|
2249
2270
|
{
|
|
2250
|
-
darkMode:
|
|
2271
|
+
darkMode: V,
|
|
2251
2272
|
playerRef: n,
|
|
2252
|
-
showCaptionsButton: !
|
|
2273
|
+
showCaptionsButton: !S
|
|
2253
2274
|
}
|
|
2254
2275
|
),
|
|
2255
|
-
/* @__PURE__ */ t(
|
|
2256
|
-
!!
|
|
2276
|
+
/* @__PURE__ */ t(Pt, { annotations: u }),
|
|
2277
|
+
!!p.length && /* @__PURE__ */ t(ci, {})
|
|
2257
2278
|
]
|
|
2258
2279
|
}
|
|
2259
2280
|
) })
|
|
@@ -2261,10 +2282,10 @@ function mi({
|
|
|
2261
2282
|
);
|
|
2262
2283
|
}
|
|
2263
2284
|
export {
|
|
2264
|
-
|
|
2265
|
-
|
|
2266
|
-
|
|
2267
|
-
|
|
2268
|
-
|
|
2269
|
-
|
|
2285
|
+
Ot as CAPTION_FONT_SIZE_MULTIPLIERS,
|
|
2286
|
+
Ft as COMMENT_DURATION,
|
|
2287
|
+
D as PLAYBACK_RATES,
|
|
2288
|
+
gi as StudioPlayer,
|
|
2289
|
+
yi as useMediaState,
|
|
2290
|
+
ki as useMediaStore
|
|
2270
2291
|
};
|