@instructure/studio-player 0.3.7 → 0.3.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/studio-player.es.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import './index-B3keTGCo.css';var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
1
|
+
import './index-B3keTGCo.css';var nt = Object.defineProperty;
|
|
2
|
+
var ot = (e, n, o) => n in e ? nt(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
|
|
3
|
+
var S = (e, n, o) => ot(e, typeof n != "symbol" ? n + "" : n, o);
|
|
4
4
|
import { jsx as t, jsxs as c, Fragment as Q } from "react/jsx-runtime";
|
|
5
|
-
import { createContext as
|
|
6
|
-
import { useMediaPlayer as F, Spinner as ce, useMediaRemote as oe, useMediaState as f, isTrackCaptionKind as
|
|
7
|
-
import { useMediaState as
|
|
8
|
-
import { initReactI18next as
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import { useFloating as ue, autoUpdate as de,
|
|
12
|
-
const
|
|
5
|
+
import { createContext as re, useContext as le, useState as L, useCallback as _, useEffect as O, useMemo as E, useRef as G } from "react";
|
|
6
|
+
import { useMediaPlayer as F, Spinner as ce, useMediaRemote as oe, useMediaState as f, isTrackCaptionKind as it, Track as st, Captions as at, usePlaybackRateOptions as ct, useCaptionOptions as rt, useVideoQualityOptions as lt, useMediaStore as Ve, Poster as ut, FullscreenButton as dt, Time as Le, TimeSlider as $, VolumeSlider as J, isAudioProvider as mt, isVideoProvider as ht, MediaPlayer as pt, MediaProvider as _t } from "@vidstack/react";
|
|
7
|
+
import { useMediaState as pi, useMediaStore as _i } from "@vidstack/react";
|
|
8
|
+
import { initReactI18next as ft, useTranslation as C } from "react-i18next";
|
|
9
|
+
import Ct from "i18next";
|
|
10
|
+
import bt from "i18next-resources-to-backend";
|
|
11
|
+
import { useFloating as ue, autoUpdate as de, arrow as me, useDismiss as he, useInteractions as pe, FloatingFocusManager as _e, FloatingArrow as fe, shift as Te, offset as Ee, useListNavigation as gt } from "@floating-ui/react";
|
|
12
|
+
const vt = (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 wt = (e, n, o) => {
|
|
|
22
22
|
);
|
|
23
23
|
});
|
|
24
24
|
};
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
(e) =>
|
|
25
|
+
Ct.use(ft).use(
|
|
26
|
+
bt(
|
|
27
|
+
(e) => vt(/* @__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,132 +35,132 @@ bt.use(Ct).use(
|
|
|
35
35
|
escapeValue: !1
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
|
-
const
|
|
39
|
-
function
|
|
38
|
+
const Re = re(null);
|
|
39
|
+
function wt({
|
|
40
40
|
children: e,
|
|
41
41
|
contextValue: n
|
|
42
42
|
}) {
|
|
43
|
-
return /* @__PURE__ */ t(
|
|
43
|
+
return /* @__PURE__ */ t(Re.Provider, { value: n, children: e });
|
|
44
44
|
}
|
|
45
|
-
function
|
|
46
|
-
const e =
|
|
45
|
+
function v() {
|
|
46
|
+
const e = le(Re);
|
|
47
47
|
if (!e)
|
|
48
48
|
throw new Error(
|
|
49
49
|
"useStudioPlayerContext must be used within a StudioPlayerContextProvider"
|
|
50
50
|
);
|
|
51
51
|
return e;
|
|
52
52
|
}
|
|
53
|
-
const
|
|
54
|
-
function
|
|
53
|
+
const Ae = re(null);
|
|
54
|
+
function yt({
|
|
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: r,
|
|
62
|
+
onAnnotationClick: l,
|
|
63
63
|
onQuizMarkerClick: u,
|
|
64
|
-
onInteractivePinClick:
|
|
65
|
-
interactiveMenuElements:
|
|
66
|
-
kebabMenuElements:
|
|
64
|
+
onInteractivePinClick: d,
|
|
65
|
+
interactiveMenuElements: b,
|
|
66
|
+
kebabMenuElements: w,
|
|
67
67
|
darkMode: k,
|
|
68
|
-
children:
|
|
68
|
+
children: y,
|
|
69
69
|
forceComments: N,
|
|
70
70
|
disableCaptionSettings: h,
|
|
71
|
-
disableStorage:
|
|
71
|
+
disableStorage: g,
|
|
72
72
|
captionOffsetOverride: P,
|
|
73
73
|
disableInteractivePinRanges: T,
|
|
74
74
|
onQuizMarkerShow: Z
|
|
75
75
|
}) {
|
|
76
|
-
const
|
|
76
|
+
const V = {
|
|
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: r,
|
|
84
|
+
onAnnotationClick: l,
|
|
85
85
|
onQuizMarkerClick: u,
|
|
86
|
-
onInteractivePinClick:
|
|
87
|
-
interactiveMenuElements:
|
|
88
|
-
kebabMenuElements:
|
|
86
|
+
onInteractivePinClick: d,
|
|
87
|
+
interactiveMenuElements: b,
|
|
88
|
+
kebabMenuElements: w,
|
|
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:
|
|
95
|
+
disableStorage: g,
|
|
96
96
|
captionOffsetOverride: P,
|
|
97
97
|
disableInteractivePinRanges: T,
|
|
98
98
|
onQuizMarkerShow: Z
|
|
99
99
|
};
|
|
100
|
-
return /* @__PURE__ */ t(
|
|
100
|
+
return /* @__PURE__ */ t(Ae.Provider, { value: V, children: y });
|
|
101
101
|
}
|
|
102
102
|
function M() {
|
|
103
|
-
const e =
|
|
103
|
+
const e = le(Ae);
|
|
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 kt = "_annotation-overlay_1kxzn_1", Lt = {
|
|
111
111
|
"annotation-overlay": "_annotation-overlay_1kxzn_1",
|
|
112
|
-
annotationOverlay:
|
|
113
|
-
},
|
|
112
|
+
annotationOverlay: kt
|
|
113
|
+
}, xe = 0.25, xt = (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 + xe && !o && (o = !0, n(e)), (s < e.time || s >= e.time + xe) && o && (o = !1);
|
|
118
118
|
};
|
|
119
119
|
};
|
|
120
|
-
function
|
|
121
|
-
const n = F(), o =
|
|
120
|
+
function Mt({ annotations: e }) {
|
|
121
|
+
const n = F(), o = v(), i = M(), [s, a] = L(
|
|
122
122
|
null
|
|
123
|
-
),
|
|
123
|
+
), r = _(
|
|
124
124
|
(u) => {
|
|
125
125
|
n == null || n.pause(), i.interactive || o.disableInteractions(), a(u);
|
|
126
126
|
},
|
|
127
127
|
[n, o]
|
|
128
|
-
),
|
|
128
|
+
), l = () => {
|
|
129
129
|
i.interactive || (n == null || n.play(), o.enableInteractions()), a(null);
|
|
130
130
|
};
|
|
131
131
|
return O(() => {
|
|
132
132
|
if (!n)
|
|
133
133
|
return;
|
|
134
134
|
const u = [];
|
|
135
|
-
for (const
|
|
136
|
-
const
|
|
137
|
-
n.addEventListener("time-update",
|
|
135
|
+
for (const d of e) {
|
|
136
|
+
const b = xt(d, r);
|
|
137
|
+
n.addEventListener("time-update", b), u.push(b);
|
|
138
138
|
}
|
|
139
139
|
if (s) {
|
|
140
|
-
const
|
|
141
|
-
(
|
|
140
|
+
const d = e.find(
|
|
141
|
+
(b) => b.id === s.id
|
|
142
142
|
);
|
|
143
|
-
|
|
143
|
+
d ? a(d) : (a(null), o.enableInteractions());
|
|
144
144
|
}
|
|
145
145
|
return () => {
|
|
146
|
-
for (const
|
|
147
|
-
n.removeEventListener("time-update",
|
|
146
|
+
for (const d of u)
|
|
147
|
+
n.removeEventListener("time-update", d);
|
|
148
148
|
};
|
|
149
|
-
}, [n, e]), s ? /* @__PURE__ */ t("div", { className:
|
|
149
|
+
}, [n, e]), s ? /* @__PURE__ */ t("div", { className: Lt.annotationOverlay, children: s.render(l) }) : null;
|
|
150
150
|
}
|
|
151
|
-
const
|
|
151
|
+
const Pt = "_media-buffering-indicator_1fwjr_1", Nt = "_media-buffering-spinner_1fwjr_17", It = "_media-buffering-spin_1fwjr_17", Ht = "_media-buffering-track_1fwjr_22", St = "_media-buffering-track-fill_1fwjr_27", ee = {
|
|
152
152
|
"media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
|
|
153
|
-
mediaBufferingIndicator:
|
|
153
|
+
mediaBufferingIndicator: Pt,
|
|
154
154
|
"media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
|
|
155
|
-
mediaBufferingSpinner:
|
|
155
|
+
mediaBufferingSpinner: Nt,
|
|
156
156
|
"media-buffering-spin": "_media-buffering-spin_1fwjr_17",
|
|
157
|
-
mediaBufferingSpin:
|
|
157
|
+
mediaBufferingSpin: It,
|
|
158
158
|
"media-buffering-track": "_media-buffering-track_1fwjr_22",
|
|
159
|
-
mediaBufferingTrack:
|
|
159
|
+
mediaBufferingTrack: Ht,
|
|
160
160
|
"media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
|
|
161
161
|
mediaBufferingTrackFill: St
|
|
162
162
|
};
|
|
163
|
-
function
|
|
163
|
+
function Be() {
|
|
164
164
|
return /* @__PURE__ */ t("div", { className: ee.mediaBufferingIndicator, children: /* @__PURE__ */ c(ce.Root, { className: ee.mediaBufferingSpinner, size: 96, children: [
|
|
165
165
|
/* @__PURE__ */ t(ce.Track, { className: ee.mediaBufferingTrack, width: 8 }),
|
|
166
166
|
/* @__PURE__ */ t(
|
|
@@ -172,17 +172,17 @@ function Oe() {
|
|
|
172
172
|
)
|
|
173
173
|
] }) });
|
|
174
174
|
}
|
|
175
|
-
const
|
|
175
|
+
const Oe = (e) => /* @__PURE__ */ c("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
|
-
] }),
|
|
178
|
+
] }), Fe = (e) => /* @__PURE__ */ c("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 = f("textTrack"), o = f("hasCaptions"), i = n &&
|
|
184
|
-
(
|
|
185
|
-
e.toggleCaptions(
|
|
182
|
+
function Vt() {
|
|
183
|
+
const e = oe(), n = f("textTrack"), o = f("hasCaptions"), i = n && it(n), s = v(), a = _(
|
|
184
|
+
(r) => {
|
|
185
|
+
e.toggleCaptions(r.nativeEvent);
|
|
186
186
|
},
|
|
187
187
|
[e]
|
|
188
188
|
);
|
|
@@ -195,29 +195,29 @@ function Tt() {
|
|
|
195
195
|
"aria-label": "Captions",
|
|
196
196
|
"aria-pressed": i ? "true" : "false",
|
|
197
197
|
tabIndex: s.state.interactionsDisabled ? -1 : 0,
|
|
198
|
-
children: i ? /* @__PURE__ */ t(
|
|
198
|
+
children: i ? /* @__PURE__ */ t(Fe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Oe, { className: "controls-button-icon" })
|
|
199
199
|
}
|
|
200
200
|
) : null;
|
|
201
201
|
}
|
|
202
|
-
const
|
|
203
|
-
captions:
|
|
204
|
-
},
|
|
205
|
-
function
|
|
206
|
-
const n = e.length > 0, o =
|
|
202
|
+
const Tt = "_captions_1cu0g_1", Et = {
|
|
203
|
+
captions: Tt
|
|
204
|
+
}, Rt = (e, n) => e ? n.top : n.bottom;
|
|
205
|
+
function Ze({ captions: e }) {
|
|
206
|
+
const n = e.length > 0, o = v(), { captionOffsetOverride: i } = M(), s = o.state.captionPositionOnTop, a = Rt(
|
|
207
207
|
s,
|
|
208
208
|
i ?? {}
|
|
209
209
|
);
|
|
210
210
|
return /* @__PURE__ */ c(Q, { children: [
|
|
211
|
-
e.map((
|
|
212
|
-
|
|
211
|
+
e.map((r) => /* @__PURE__ */ t(
|
|
212
|
+
st,
|
|
213
213
|
{
|
|
214
214
|
kind: "subtitles",
|
|
215
|
-
type:
|
|
216
|
-
language:
|
|
217
|
-
label:
|
|
218
|
-
src:
|
|
215
|
+
type: r.type,
|
|
216
|
+
language: r.language,
|
|
217
|
+
label: r.label,
|
|
218
|
+
src: r.src
|
|
219
219
|
},
|
|
220
|
-
|
|
220
|
+
r.label
|
|
221
221
|
)),
|
|
222
222
|
n ? /* @__PURE__ */ t(
|
|
223
223
|
"div",
|
|
@@ -230,13 +230,13 @@ 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(at, { className: Et.captions })
|
|
234
234
|
}
|
|
235
235
|
) : null
|
|
236
236
|
] });
|
|
237
237
|
}
|
|
238
|
-
const K = [0.5, 0.75, 1, 1.25, 1.5, 2],
|
|
239
|
-
const [, n] =
|
|
238
|
+
const K = [0.5, 0.75, 1, 1.25, 1.5, 2], At = [0.5, 1, 2, 3, 4], Bt = 5, Ot = (e) => {
|
|
239
|
+
const [, n] = L({});
|
|
240
240
|
return E(() => {
|
|
241
241
|
let o = [];
|
|
242
242
|
return {
|
|
@@ -254,21 +254,21 @@ const K = [0.5, 0.75, 1, 1.25, 1.5, 2], Bt = [0.5, 1, 2, 3, 4], Ot = 5, Ft = (e)
|
|
|
254
254
|
}
|
|
255
255
|
};
|
|
256
256
|
}, []);
|
|
257
|
-
},
|
|
257
|
+
}, Ft = (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 = F(), i =
|
|
263
|
+
}, Zt = (e, n = 5) => {
|
|
264
|
+
const o = F(), i = Ot(n);
|
|
265
265
|
return O(() => {
|
|
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 r = Ft(a, Bt, i);
|
|
271
|
+
s.push(r), o.addEventListener("time-update", r);
|
|
272
272
|
}
|
|
273
273
|
return o.dispatchEvent(
|
|
274
274
|
new CustomEvent("time-update", {
|
|
@@ -280,20 +280,20 @@ const K = [0.5, 0.75, 1, 1.25, 1.5, 2], Bt = [0.5, 1, 2, 3, 4], Ot = 5, Ft = (e)
|
|
|
280
280
|
i.clear();
|
|
281
281
|
};
|
|
282
282
|
}, [o, i, e]), i;
|
|
283
|
-
},
|
|
283
|
+
}, zt = "_comments-overlay_1puzm_1", Kt = "_comments-container_1puzm_10", Dt = "_comment_1puzm_1", $t = "_comment-text_1puzm_47", Ut = "_comment-author-avatar_1puzm_70", qt = "_comment-author-name_1puzm_89", B = {
|
|
284
284
|
"comments-overlay": "_comments-overlay_1puzm_1",
|
|
285
|
-
commentsOverlay:
|
|
285
|
+
commentsOverlay: zt,
|
|
286
286
|
"comments-container": "_comments-container_1puzm_10",
|
|
287
|
-
commentsContainer:
|
|
288
|
-
comment:
|
|
287
|
+
commentsContainer: Kt,
|
|
288
|
+
comment: Dt,
|
|
289
289
|
"comment-text": "_comment-text_1puzm_47",
|
|
290
|
-
commentText:
|
|
290
|
+
commentText: $t,
|
|
291
291
|
"comment-author-avatar": "_comment-author-avatar_1puzm_70",
|
|
292
|
-
commentAuthorAvatar:
|
|
292
|
+
commentAuthorAvatar: Ut,
|
|
293
293
|
"comment-author-name": "_comment-author-name_1puzm_89",
|
|
294
|
-
commentAuthorName:
|
|
294
|
+
commentAuthorName: qt
|
|
295
295
|
};
|
|
296
|
-
function
|
|
296
|
+
function Gt({ comment: e }) {
|
|
297
297
|
return e.render ? e.render(e, B) : /* @__PURE__ */ c("div", { className: B.comment, onClick: () => {
|
|
298
298
|
var n;
|
|
299
299
|
return (n = e.onClick) == null ? void 0 : n.call(e, e);
|
|
@@ -310,9 +310,9 @@ function Qt({ 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 Qt = 5;
|
|
314
|
+
function Wt({ comments: e }) {
|
|
315
|
+
const n = v(), o = Zt(e, Qt), i = !!f("textTrack"), s = o.map((a) => /* @__PURE__ */ t(Gt, { comment: a }, a.id));
|
|
316
316
|
return e.length > 0 && n.state.commentsEnabled ? /* @__PURE__ */ t(
|
|
317
317
|
"div",
|
|
318
318
|
{
|
|
@@ -324,19 +324,19 @@ function jt({ comments: e }) {
|
|
|
324
324
|
}
|
|
325
325
|
) : null;
|
|
326
326
|
}
|
|
327
|
-
const
|
|
328
|
-
root:
|
|
327
|
+
const jt = "_root_1x28e_1", Yt = "_left-controls_1x28e_28", Xt = "_right-controls_1x28e_34", Jt = "_indicators_1x28e_40", en = "_normal-timeline_1x28e_49", tn = "_compact-timeline_1x28e_55", z = {
|
|
328
|
+
root: jt,
|
|
329
329
|
"left-controls": "_left-controls_1x28e_28",
|
|
330
|
-
leftControls:
|
|
330
|
+
leftControls: Yt,
|
|
331
331
|
"right-controls": "_right-controls_1x28e_34",
|
|
332
|
-
rightControls:
|
|
333
|
-
indicators:
|
|
332
|
+
rightControls: Xt,
|
|
333
|
+
indicators: Jt,
|
|
334
334
|
"normal-timeline": "_normal-timeline_1x28e_49",
|
|
335
|
-
normalTimeline:
|
|
335
|
+
normalTimeline: en,
|
|
336
336
|
"compact-timeline": "_compact-timeline_1x28e_55",
|
|
337
|
-
compactTimeline:
|
|
337
|
+
compactTimeline: tn
|
|
338
338
|
};
|
|
339
|
-
function
|
|
339
|
+
function nn({
|
|
340
340
|
darkMode: e,
|
|
341
341
|
playerRef: n,
|
|
342
342
|
showCaptionsButton: o = !0
|
|
@@ -345,29 +345,29 @@ function on({
|
|
|
345
345
|
return O(() => {
|
|
346
346
|
i && (i.remoteControl.pauseControls(), n && (n.current = i));
|
|
347
347
|
}, [i, n]), /* @__PURE__ */ c("div", { "data-darkmode": e, className: z.root, children: [
|
|
348
|
-
/* @__PURE__ */ t(
|
|
348
|
+
/* @__PURE__ */ t(Ne, { className: z.normalTimeline }),
|
|
349
349
|
/* @__PURE__ */ c("div", { className: z.leftControls, children: [
|
|
350
|
-
/* @__PURE__ */ t(
|
|
351
|
-
/* @__PURE__ */ t(
|
|
350
|
+
/* @__PURE__ */ t(Z1, {}),
|
|
351
|
+
/* @__PURE__ */ t($o, {})
|
|
352
352
|
] }),
|
|
353
|
-
/* @__PURE__ */ t("div", { className: z.indicators, children: /* @__PURE__ */ t(
|
|
354
|
-
/* @__PURE__ */ t(
|
|
353
|
+
/* @__PURE__ */ t("div", { className: z.indicators, children: /* @__PURE__ */ t(J1, {}) }),
|
|
354
|
+
/* @__PURE__ */ t(Ne, { className: z.compactTimeline }),
|
|
355
355
|
/* @__PURE__ */ c("div", { className: z.rightControls, children: [
|
|
356
|
-
o && /* @__PURE__ */ t(
|
|
357
|
-
/* @__PURE__ */ t(
|
|
358
|
-
/* @__PURE__ */ t(
|
|
356
|
+
o && /* @__PURE__ */ t(Vt, {}),
|
|
357
|
+
/* @__PURE__ */ t(Xn, {}),
|
|
358
|
+
/* @__PURE__ */ t(h1, {})
|
|
359
359
|
] })
|
|
360
360
|
] });
|
|
361
361
|
}
|
|
362
|
-
const
|
|
362
|
+
const on = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.0692 12C21.0692 11.4776 21.0212 10.944 20.9238 10.4104L23.5511 8.13318L21.0579 3.87247L17.7431 4.97788C16.9059 4.28329 15.9515 3.73553 14.9449 3.37271L14.2616 0H9.28941L8.60612 3.37129C7.58823 3.73553 6.65082 4.27482 5.80659 4.97647L2.49318 3.87247L0 8.13318L2.62729 10.4104C2.52988 10.944 2.48188 11.4776 2.48188 12C2.48188 12.5224 2.52988 13.056 2.62729 13.5896L0 15.8668L2.49318 20.1275L5.808 19.0221C6.64518 19.7167 7.59953 20.2645 8.60612 20.6273L9.28941 24H14.2616L14.9449 20.6287C15.9614 20.2645 16.9002 19.7252 17.7445 19.0235L21.0579 20.1289L23.5511 15.8682L20.9238 13.5911C21.0212 13.056 21.0692 12.5224 21.0692 12ZM11.7755 16.9412C9.05082 16.9412 6.83435 14.7247 6.83435 12C6.83435 9.2753 9.05082 7.05883 11.7755 7.05883C14.5002 7.05883 16.7167 9.2753 16.7167 12C16.7167 14.7247 14.5002 16.9412 11.7755 16.9412Z", fill: "currentColor" }) }), sn = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 3.03704L7.03704 2L14.037 9L7.03704 16L6 14.963L11.963 9L6 3.03704Z", fill: "currentColor" }) }), an = "_menu-hint_k49ve_1", cn = "_menu-button_k49ve_5", rn = "_menu-label_k49ve_37", ln = "_menu-icon_k49ve_42", te = {
|
|
363
363
|
"menu-hint": "_menu-hint_k49ve_1",
|
|
364
|
-
menuHint:
|
|
364
|
+
menuHint: an,
|
|
365
365
|
"menu-button": "_menu-button_k49ve_5",
|
|
366
|
-
menuButton:
|
|
366
|
+
menuButton: cn,
|
|
367
367
|
"menu-label": "_menu-label_k49ve_37",
|
|
368
368
|
menuLabel: rn,
|
|
369
369
|
"menu-icon": "_menu-icon_k49ve_42",
|
|
370
|
-
menuIcon:
|
|
370
|
+
menuIcon: ln
|
|
371
371
|
};
|
|
372
372
|
function W({ label: e, hint: n, onClick: o, Icon: i }) {
|
|
373
373
|
return /* @__PURE__ */ c(
|
|
@@ -383,13 +383,13 @@ function W({ label: e, hint: n, onClick: o, Icon: i }) {
|
|
|
383
383
|
i && /* @__PURE__ */ t(i, { className: te.menuIcon }),
|
|
384
384
|
/* @__PURE__ */ t("span", { className: te.menuLabel, children: e }),
|
|
385
385
|
/* @__PURE__ */ t("span", { className: te.menuHint, children: n }),
|
|
386
|
-
/* @__PURE__ */ t(
|
|
386
|
+
/* @__PURE__ */ t(sn, {})
|
|
387
387
|
]
|
|
388
388
|
}
|
|
389
389
|
);
|
|
390
390
|
}
|
|
391
|
-
const
|
|
392
|
-
function
|
|
391
|
+
const un = (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 dn() {
|
|
393
393
|
const e = H(), n = f("playbackRate"), { t: o } = C(), i = _(() => {
|
|
394
394
|
e.setPage("speed");
|
|
395
395
|
}, [e]);
|
|
@@ -399,11 +399,11 @@ function mn() {
|
|
|
399
399
|
label: o("PLAYBACK_SPEED"),
|
|
400
400
|
hint: `${n}x`,
|
|
401
401
|
onClick: i,
|
|
402
|
-
Icon:
|
|
402
|
+
Icon: un
|
|
403
403
|
}
|
|
404
404
|
);
|
|
405
405
|
}
|
|
406
|
-
function
|
|
406
|
+
function mn() {
|
|
407
407
|
const e = H(), n = f("hasCaptions"), o = f("textTrack"), { t: i } = C(), s = _(() => {
|
|
408
408
|
e.setPage("captions");
|
|
409
409
|
}, [e]);
|
|
@@ -413,11 +413,11 @@ function hn() {
|
|
|
413
413
|
label: i("CAPTIONS"),
|
|
414
414
|
hint: (o == null ? void 0 : o.label) ?? i("OFF"),
|
|
415
415
|
onClick: s,
|
|
416
|
-
Icon:
|
|
416
|
+
Icon: Oe
|
|
417
417
|
}
|
|
418
418
|
) : null;
|
|
419
419
|
}
|
|
420
|
-
const
|
|
420
|
+
const hn = (e) => /* @__PURE__ */ c("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
422
|
/* @__PURE__ */ c("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" }),
|
|
@@ -425,7 +425,7 @@ const pn = (e) => /* @__PURE__ */ c("svg", { width: 18, height: 18, viewBox: "0
|
|
|
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
|
|
428
|
+
function pn() {
|
|
429
429
|
const e = H(), n = f("autoQuality"), o = f("quality"), { t: i } = C(), s = _(() => {
|
|
430
430
|
e.setPage("quality");
|
|
431
431
|
}, [e]);
|
|
@@ -435,25 +435,25 @@ function _n() {
|
|
|
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: hn
|
|
439
439
|
}
|
|
440
440
|
) : null;
|
|
441
441
|
}
|
|
442
|
-
const
|
|
442
|
+
const _n = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 21.798373,3.342155 8.8843977,16.256145 2.2000774,9.571825 0,11.771895 8.8843977,20.657845 24,5.543795 Z", fill: "currentColor" }) }), fn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 9.64706,12 4,17.64706 6.35293,20 12,14.35293 17.64706,20 20,17.64706 14.35293,12 20,6.35293 17.64706,4 12,9.64706 6.35293,4 4,6.35293 Z", fill: "currentColor" }) }), Cn = "_switch-track_1d65g_1", bn = "_switch-thumb_1d65g_12", gn = "_switch-icon_1d65g_26", vn = "_switch-body_1d65g_32", wn = "_switch-label_1d65g_73", yn = "_menu-icon_1d65g_77", A = {
|
|
443
443
|
"switch-track": "_switch-track_1d65g_1",
|
|
444
|
-
switchTrack:
|
|
444
|
+
switchTrack: Cn,
|
|
445
445
|
"switch-thumb": "_switch-thumb_1d65g_12",
|
|
446
|
-
switchThumb:
|
|
446
|
+
switchThumb: bn,
|
|
447
447
|
"switch-icon": "_switch-icon_1d65g_26",
|
|
448
|
-
switchIcon:
|
|
448
|
+
switchIcon: gn,
|
|
449
449
|
"switch-body": "_switch-body_1d65g_32",
|
|
450
|
-
switchBody:
|
|
450
|
+
switchBody: vn,
|
|
451
451
|
"switch-label": "_switch-label_1d65g_73",
|
|
452
|
-
switchLabel:
|
|
452
|
+
switchLabel: wn,
|
|
453
453
|
"menu-icon": "_menu-icon_1d65g_77",
|
|
454
|
-
menuIcon:
|
|
454
|
+
menuIcon: yn
|
|
455
455
|
};
|
|
456
|
-
function
|
|
456
|
+
function Ce({
|
|
457
457
|
label: e,
|
|
458
458
|
checked: n = !1,
|
|
459
459
|
onClick: o,
|
|
@@ -471,29 +471,29 @@ function be({
|
|
|
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(
|
|
474
|
+
/* @__PURE__ */ t("div", { className: A.switchTrack, children: /* @__PURE__ */ t("div", { className: A.switchThumb, children: n ? /* @__PURE__ */ t(_n, { className: A.switchIcon }) : /* @__PURE__ */ t(fn, { className: A.switchIcon }) }) })
|
|
475
475
|
]
|
|
476
476
|
}
|
|
477
477
|
);
|
|
478
478
|
}
|
|
479
|
-
const
|
|
480
|
-
function
|
|
481
|
-
const { t: e } = C(), n = M(), o =
|
|
479
|
+
const kn = (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 Ln() {
|
|
481
|
+
const { t: e } = C(), n = M(), o = v();
|
|
482
482
|
return !n.forceComments && n.hasComments ? /* @__PURE__ */ t(
|
|
483
|
-
|
|
483
|
+
Ce,
|
|
484
484
|
{
|
|
485
|
-
Icon:
|
|
485
|
+
Icon: kn,
|
|
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 xn = "_main-menu_7h96l_1", Mn = {
|
|
493
493
|
"main-menu": "_main-menu_7h96l_1",
|
|
494
|
-
mainMenu:
|
|
494
|
+
mainMenu: xn
|
|
495
495
|
};
|
|
496
|
-
function
|
|
496
|
+
function ze(e) {
|
|
497
497
|
O(() => {
|
|
498
498
|
const n = (o) => {
|
|
499
499
|
var i;
|
|
@@ -504,27 +504,27 @@ function Ke(e) {
|
|
|
504
504
|
};
|
|
505
505
|
}, [e]);
|
|
506
506
|
}
|
|
507
|
-
function
|
|
507
|
+
function Pn(e) {
|
|
508
508
|
const n = E(() => ({ Escape: e }), [e]);
|
|
509
|
-
return
|
|
509
|
+
return ze(n);
|
|
510
510
|
}
|
|
511
511
|
const H = () => {
|
|
512
|
-
const e =
|
|
512
|
+
const e = le(Ke);
|
|
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 Nn(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 In(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 Hn(e) {
|
|
528
528
|
return e.querySelector("button");
|
|
529
529
|
}
|
|
530
530
|
function Sn(e) {
|
|
@@ -538,7 +538,7 @@ function D() {
|
|
|
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 = Nn(
|
|
542
542
|
n.current,
|
|
543
543
|
i
|
|
544
544
|
);
|
|
@@ -551,13 +551,13 @@ function D() {
|
|
|
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 = In(
|
|
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 = Hn(n.current);
|
|
561
561
|
s == null || s.focus();
|
|
562
562
|
}
|
|
563
563
|
},
|
|
@@ -569,9 +569,9 @@ function D() {
|
|
|
569
569
|
}),
|
|
570
570
|
[e]
|
|
571
571
|
);
|
|
572
|
-
return
|
|
572
|
+
return ze(o), n;
|
|
573
573
|
}
|
|
574
|
-
function
|
|
574
|
+
function Vn() {
|
|
575
575
|
const e = D(), { t: n } = C();
|
|
576
576
|
return /* @__PURE__ */ c(
|
|
577
577
|
"div",
|
|
@@ -580,32 +580,32 @@ function Tn() {
|
|
|
580
580
|
id: "submenu",
|
|
581
581
|
"aria-label": n("MAIN_MENU"),
|
|
582
582
|
role: "menu",
|
|
583
|
-
className:
|
|
583
|
+
className: Mn.mainMenu,
|
|
584
584
|
children: [
|
|
585
|
+
/* @__PURE__ */ t(dn, {}),
|
|
585
586
|
/* @__PURE__ */ t(mn, {}),
|
|
586
|
-
/* @__PURE__ */ t(
|
|
587
|
-
/* @__PURE__ */ t(
|
|
588
|
-
/* @__PURE__ */ t(_n, {})
|
|
587
|
+
/* @__PURE__ */ t(Ln, {}),
|
|
588
|
+
/* @__PURE__ */ t(pn, {})
|
|
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" }) }), j = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }),
|
|
593
|
+
const ie = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), j = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }), Tn = "_menu-container_1lrzf_1", En = "_menu-heading_1lrzf_6", Rn = "_check-icon_1lrzf_22", An = "_menu-item-label_1lrzf_28", Bn = "_menu-item_1lrzf_28", On = "_menu-back-button_1lrzf_61", p = {
|
|
594
594
|
"menu-container": "_menu-container_1lrzf_1",
|
|
595
|
-
menuContainer:
|
|
595
|
+
menuContainer: Tn,
|
|
596
596
|
"menu-heading": "_menu-heading_1lrzf_6",
|
|
597
|
-
menuHeading:
|
|
597
|
+
menuHeading: En,
|
|
598
598
|
"check-icon": "_check-icon_1lrzf_22",
|
|
599
|
-
checkIcon:
|
|
599
|
+
checkIcon: Rn,
|
|
600
600
|
"menu-item-label": "_menu-item-label_1lrzf_28",
|
|
601
|
-
menuItemLabel:
|
|
601
|
+
menuItemLabel: An,
|
|
602
602
|
"menu-item": "_menu-item_1lrzf_28",
|
|
603
|
-
menuItem:
|
|
603
|
+
menuItem: Bn,
|
|
604
604
|
"menu-back-button": "_menu-back-button_1lrzf_61",
|
|
605
|
-
menuBackButton:
|
|
605
|
+
menuBackButton: On
|
|
606
606
|
};
|
|
607
|
-
function
|
|
608
|
-
const e = H(), n =
|
|
607
|
+
function Fn() {
|
|
608
|
+
const e = H(), n = ct({
|
|
609
609
|
rates: K,
|
|
610
610
|
normalLabel: "1x"
|
|
611
611
|
}), { t: o } = C(), i = D();
|
|
@@ -633,14 +633,14 @@ function Zn() {
|
|
|
633
633
|
}
|
|
634
634
|
),
|
|
635
635
|
/* @__PURE__ */ t("strong", { className: p.menuHeading, children: o("PLAYBACK_SPEED") }),
|
|
636
|
-
n.map(({ value: s, label: a, select:
|
|
636
|
+
n.map(({ value: s, label: a, select: r, selected: l }) => /* @__PURE__ */ c(
|
|
637
637
|
"button",
|
|
638
638
|
{
|
|
639
639
|
type: "button",
|
|
640
640
|
role: "menuitemradio",
|
|
641
641
|
"aria-label": a,
|
|
642
|
-
"aria-checked":
|
|
643
|
-
onClick: () =>
|
|
642
|
+
"aria-checked": l,
|
|
643
|
+
onClick: () => r(),
|
|
644
644
|
tabIndex: -1,
|
|
645
645
|
className: p.menuItem,
|
|
646
646
|
children: [
|
|
@@ -654,8 +654,8 @@ function Zn() {
|
|
|
654
654
|
}
|
|
655
655
|
);
|
|
656
656
|
}
|
|
657
|
-
function
|
|
658
|
-
const e = H(), n = f("textTrack"), { t: o } = C(), { disableCaptionSettings: i } =
|
|
657
|
+
function Zn() {
|
|
658
|
+
const e = H(), n = f("textTrack"), { t: o } = C(), { disableCaptionSettings: i } = v(), s = _(() => {
|
|
659
659
|
e.setPage("captionLanguage");
|
|
660
660
|
}, [e]);
|
|
661
661
|
return i ? null : /* @__PURE__ */ t(
|
|
@@ -667,8 +667,8 @@ function zn() {
|
|
|
667
667
|
}
|
|
668
668
|
);
|
|
669
669
|
}
|
|
670
|
-
function
|
|
671
|
-
const { t: e } = C(), n =
|
|
670
|
+
function zn() {
|
|
671
|
+
const { t: e } = C(), n = v(), o = H(), i = _(() => {
|
|
672
672
|
o.setPage("captionFontSize");
|
|
673
673
|
}, [o]);
|
|
674
674
|
return /* @__PURE__ */ t(
|
|
@@ -680,10 +680,10 @@ function Kn() {
|
|
|
680
680
|
}
|
|
681
681
|
);
|
|
682
682
|
}
|
|
683
|
-
function
|
|
684
|
-
const { t: e } = C(), n =
|
|
683
|
+
function Kn() {
|
|
684
|
+
const { t: e } = C(), n = v();
|
|
685
685
|
return /* @__PURE__ */ t(
|
|
686
|
-
|
|
686
|
+
Ce,
|
|
687
687
|
{
|
|
688
688
|
label: e("ON_TOP"),
|
|
689
689
|
onClick: n.toggleCaptionPositionOnTop,
|
|
@@ -691,10 +691,10 @@ function Dn() {
|
|
|
691
691
|
}
|
|
692
692
|
);
|
|
693
693
|
}
|
|
694
|
-
function
|
|
695
|
-
const { t: e } = C(), n =
|
|
694
|
+
function Dn() {
|
|
695
|
+
const { t: e } = C(), n = v();
|
|
696
696
|
return /* @__PURE__ */ t(
|
|
697
|
-
|
|
697
|
+
Ce,
|
|
698
698
|
{
|
|
699
699
|
label: e("INVERT_COLORS"),
|
|
700
700
|
onClick: n.toggleCaptionsInvertColors,
|
|
@@ -702,7 +702,7 @@ function $n() {
|
|
|
702
702
|
}
|
|
703
703
|
);
|
|
704
704
|
}
|
|
705
|
-
function
|
|
705
|
+
function $n() {
|
|
706
706
|
const e = H(), { t: n } = C(), o = D();
|
|
707
707
|
return /* @__PURE__ */ c(
|
|
708
708
|
"div",
|
|
@@ -728,15 +728,15 @@ function Un() {
|
|
|
728
728
|
}
|
|
729
729
|
),
|
|
730
730
|
/* @__PURE__ */ t("strong", { className: p.menuHeading, children: n("CAPTIONS") }),
|
|
731
|
+
/* @__PURE__ */ t(Zn, {}),
|
|
731
732
|
/* @__PURE__ */ t(zn, {}),
|
|
732
733
|
/* @__PURE__ */ t(Kn, {}),
|
|
733
|
-
/* @__PURE__ */ t(Dn, {})
|
|
734
|
-
/* @__PURE__ */ t($n, {})
|
|
734
|
+
/* @__PURE__ */ t(Dn, {})
|
|
735
735
|
]
|
|
736
736
|
}
|
|
737
737
|
);
|
|
738
738
|
}
|
|
739
|
-
function
|
|
739
|
+
function Un() {
|
|
740
740
|
const e = H(), n = rt(), { t: o } = C(), i = D();
|
|
741
741
|
return /* @__PURE__ */ c(
|
|
742
742
|
"div",
|
|
@@ -762,13 +762,13 @@ function qn() {
|
|
|
762
762
|
}
|
|
763
763
|
),
|
|
764
764
|
/* @__PURE__ */ t("strong", { className: p.menuHeading, children: o("CAPTIONS") }),
|
|
765
|
-
n.map(({ value: s, label: a, select:
|
|
765
|
+
n.map(({ value: s, label: a, select: r, selected: l }) => /* @__PURE__ */ c(
|
|
766
766
|
"button",
|
|
767
767
|
{
|
|
768
768
|
type: "button",
|
|
769
769
|
role: "menuitemradio",
|
|
770
|
-
"aria-checked":
|
|
771
|
-
onClick: () =>
|
|
770
|
+
"aria-checked": l,
|
|
771
|
+
onClick: () => r(),
|
|
772
772
|
tabIndex: -1,
|
|
773
773
|
className: p.menuItem,
|
|
774
774
|
children: [
|
|
@@ -782,8 +782,8 @@ function qn() {
|
|
|
782
782
|
}
|
|
783
783
|
);
|
|
784
784
|
}
|
|
785
|
-
function
|
|
786
|
-
const e =
|
|
785
|
+
function qn() {
|
|
786
|
+
const e = v(), n = H(), { t: o } = C(), i = D();
|
|
787
787
|
return /* @__PURE__ */ c(
|
|
788
788
|
"div",
|
|
789
789
|
{
|
|
@@ -808,7 +808,7 @@ function Gn() {
|
|
|
808
808
|
}
|
|
809
809
|
),
|
|
810
810
|
/* @__PURE__ */ t("strong", { className: p.menuHeading, children: o("CAPTIONS") }),
|
|
811
|
-
|
|
811
|
+
At.map((s) => /* @__PURE__ */ c(
|
|
812
812
|
"button",
|
|
813
813
|
{
|
|
814
814
|
type: "button",
|
|
@@ -833,8 +833,8 @@ function Gn() {
|
|
|
833
833
|
}
|
|
834
834
|
);
|
|
835
835
|
}
|
|
836
|
-
function
|
|
837
|
-
const e = H(), n =
|
|
836
|
+
function Gn() {
|
|
837
|
+
const e = H(), n = lt({ sort: "descending" }), o = f("autoQuality"), { t: i } = C(), s = D();
|
|
838
838
|
return /* @__PURE__ */ c(
|
|
839
839
|
"div",
|
|
840
840
|
{
|
|
@@ -859,18 +859,18 @@ function Qn() {
|
|
|
859
859
|
}
|
|
860
860
|
),
|
|
861
861
|
/* @__PURE__ */ t("strong", { className: p.menuHeading, children: i("QUALITY") }),
|
|
862
|
-
n.map(({ value: a, label:
|
|
862
|
+
n.map(({ value: a, label: r, select: l, selected: u }) => /* @__PURE__ */ c(
|
|
863
863
|
"button",
|
|
864
864
|
{
|
|
865
865
|
type: "button",
|
|
866
866
|
role: "menuitemradio",
|
|
867
867
|
"aria-checked": a === "auto" && o || u && !o,
|
|
868
|
-
onClick: () =>
|
|
868
|
+
onClick: () => l(),
|
|
869
869
|
tabIndex: -1,
|
|
870
870
|
className: p.menuItem,
|
|
871
871
|
children: [
|
|
872
872
|
/* @__PURE__ */ t(ie, { className: p.checkIcon }),
|
|
873
|
-
/* @__PURE__ */ t("span", { className: p.menuItemLabel, children:
|
|
873
|
+
/* @__PURE__ */ t("span", { className: p.menuItemLabel, children: r })
|
|
874
874
|
]
|
|
875
875
|
},
|
|
876
876
|
a
|
|
@@ -879,42 +879,41 @@ function Qn() {
|
|
|
879
879
|
}
|
|
880
880
|
);
|
|
881
881
|
}
|
|
882
|
-
const
|
|
883
|
-
main:
|
|
884
|
-
speed:
|
|
885
|
-
captions:
|
|
886
|
-
captionLanguage:
|
|
887
|
-
captionFontSize:
|
|
888
|
-
quality:
|
|
882
|
+
const Ke = re(null), Qn = {
|
|
883
|
+
main: Vn,
|
|
884
|
+
speed: Fn,
|
|
885
|
+
captions: $n,
|
|
886
|
+
captionLanguage: Un,
|
|
887
|
+
captionFontSize: qn,
|
|
888
|
+
quality: Gn
|
|
889
889
|
};
|
|
890
|
-
function
|
|
891
|
-
const e =
|
|
890
|
+
function Wn() {
|
|
891
|
+
const e = v(), [n, o] = L(["main"]), [i, s] = L(!1), a = _(() => {
|
|
892
892
|
s(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
|
|
893
|
-
}, [i]),
|
|
893
|
+
}, [i]), r = _((P) => {
|
|
894
894
|
o((T) => T.concat(P));
|
|
895
|
-
}, []),
|
|
895
|
+
}, []), l = _(() => {
|
|
896
896
|
o((P) => P.length > 1 ? P.slice(0, -1) : P);
|
|
897
|
-
}, []), u = E(() =>
|
|
897
|
+
}, []), u = E(() => Qn[n[n.length - 1]], [n]), d = G(null), { refs: b, floatingStyles: w, context: k } = ue({
|
|
898
898
|
open: i,
|
|
899
899
|
onOpenChange: a,
|
|
900
900
|
placement: "top-end",
|
|
901
901
|
whileElementsMounted: de,
|
|
902
902
|
middleware: [
|
|
903
|
-
me(
|
|
904
|
-
|
|
905
|
-
element: m
|
|
903
|
+
me({
|
|
904
|
+
element: d
|
|
906
905
|
})
|
|
907
906
|
]
|
|
908
|
-
}),
|
|
909
|
-
() => ({ setPage:
|
|
910
|
-
[
|
|
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]
|
|
911
910
|
);
|
|
912
911
|
return {
|
|
913
912
|
Page: u,
|
|
914
913
|
open: i,
|
|
915
|
-
arrowRef:
|
|
916
|
-
refs:
|
|
917
|
-
floatingStyles:
|
|
914
|
+
arrowRef: d,
|
|
915
|
+
refs: b,
|
|
916
|
+
floatingStyles: w,
|
|
918
917
|
context: k,
|
|
919
918
|
getReferenceProps() {
|
|
920
919
|
return {
|
|
@@ -923,15 +922,15 @@ function jn() {
|
|
|
923
922
|
};
|
|
924
923
|
},
|
|
925
924
|
getFloatingProps: h,
|
|
926
|
-
contextValue:
|
|
925
|
+
contextValue: g
|
|
927
926
|
};
|
|
928
927
|
}
|
|
929
|
-
const
|
|
928
|
+
const jn = "_settings-menu_7d0td_1", Yn = "_arrow_7d0td_19", Me = {
|
|
930
929
|
"settings-menu": "_settings-menu_7d0td_1",
|
|
931
|
-
settingsMenu:
|
|
932
|
-
arrow:
|
|
930
|
+
settingsMenu: jn,
|
|
931
|
+
arrow: Yn
|
|
933
932
|
};
|
|
934
|
-
function
|
|
933
|
+
function Xn() {
|
|
935
934
|
const {
|
|
936
935
|
Page: e,
|
|
937
936
|
arrowRef: n,
|
|
@@ -939,40 +938,40 @@ function Jn() {
|
|
|
939
938
|
floatingStyles: i,
|
|
940
939
|
getFloatingProps: s,
|
|
941
940
|
getReferenceProps: a,
|
|
942
|
-
open:
|
|
943
|
-
refs:
|
|
941
|
+
open: r,
|
|
942
|
+
refs: l,
|
|
944
943
|
contextValue: u
|
|
945
|
-
} =
|
|
944
|
+
} = Wn(), { t: d } = C();
|
|
946
945
|
return /* @__PURE__ */ c(Q, { children: [
|
|
947
946
|
/* @__PURE__ */ t(
|
|
948
947
|
"button",
|
|
949
948
|
{
|
|
950
|
-
ref:
|
|
949
|
+
ref: l.setReference,
|
|
951
950
|
type: "button",
|
|
952
951
|
className: "controls-button",
|
|
953
|
-
"aria-label":
|
|
952
|
+
"aria-label": d("SETTINGS"),
|
|
954
953
|
onClick: u.toggle,
|
|
955
|
-
"aria-expanded":
|
|
954
|
+
"aria-expanded": r,
|
|
956
955
|
...a(),
|
|
957
|
-
children: /* @__PURE__ */ t(
|
|
956
|
+
children: /* @__PURE__ */ t(on, { className: "controls-button-icon icon-rotate" })
|
|
958
957
|
}
|
|
959
958
|
),
|
|
960
|
-
|
|
959
|
+
r && /* @__PURE__ */ t(_e, { context: o, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ c(
|
|
961
960
|
"div",
|
|
962
961
|
{
|
|
963
962
|
"aria-labelledby": "submenu",
|
|
964
|
-
className:
|
|
965
|
-
ref:
|
|
963
|
+
className: Me.settingsMenu,
|
|
964
|
+
ref: l.setFloating,
|
|
966
965
|
style: i,
|
|
967
966
|
...s(),
|
|
968
967
|
children: [
|
|
969
|
-
/* @__PURE__ */ t(
|
|
968
|
+
/* @__PURE__ */ t(Ke.Provider, { value: u, children: /* @__PURE__ */ t(e, {}) }),
|
|
970
969
|
/* @__PURE__ */ t(
|
|
971
|
-
|
|
970
|
+
fe,
|
|
972
971
|
{
|
|
973
972
|
ref: n,
|
|
974
973
|
context: o,
|
|
975
|
-
className:
|
|
974
|
+
className: Me.arrow
|
|
976
975
|
}
|
|
977
976
|
)
|
|
978
977
|
]
|
|
@@ -980,91 +979,91 @@ function Jn() {
|
|
|
980
979
|
) })
|
|
981
980
|
] });
|
|
982
981
|
}
|
|
983
|
-
function
|
|
982
|
+
function De(e, n = 1e3) {
|
|
984
983
|
return function() {
|
|
985
|
-
const i = f("lastKeyboardAction"), [s, a] =
|
|
984
|
+
const i = f("lastKeyboardAction"), [s, a] = L(!1), r = _(() => a(!1), []);
|
|
986
985
|
return O(() => {
|
|
987
986
|
a(!!i);
|
|
988
|
-
const
|
|
989
|
-
return () => clearTimeout(
|
|
987
|
+
const l = setTimeout(r, n);
|
|
988
|
+
return () => clearTimeout(l);
|
|
990
989
|
}, [i, n]), s ? /* @__PURE__ */ t(e, {}) : null;
|
|
991
990
|
};
|
|
992
991
|
}
|
|
993
|
-
const
|
|
992
|
+
const be = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), ge = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), $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" }) }), Jn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.691 3.99987V10.5281L0 4.00655V20.2596L10.691 13.7367V20.2663L23.9987 12.1331L10.691 3.99987Z", fill: "currentColor" }) }), e1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.309 3.99987L0 12.1331L13.309 20.2663V13.7367L23.9987 20.2596V4.00655L13.309 10.5281V3.99987Z", fill: "currentColor" }) }), t1 = "_feedback-overlay_v4lbu_1", n1 = "_feedback-message_v4lbu_14", o1 = "_feedback-icon_v4lbu_30", i1 = "_feedback-icon-animation_v4lbu_1", x = {
|
|
994
993
|
"feedback-overlay": "_feedback-overlay_v4lbu_1",
|
|
995
|
-
feedbackOverlay:
|
|
994
|
+
feedbackOverlay: t1,
|
|
996
995
|
"feedback-message": "_feedback-message_v4lbu_14",
|
|
997
|
-
feedbackMessage:
|
|
996
|
+
feedbackMessage: n1,
|
|
998
997
|
"feedback-icon": "_feedback-icon_v4lbu_30",
|
|
999
|
-
feedbackIcon:
|
|
998
|
+
feedbackIcon: o1,
|
|
1000
999
|
"feedback-icon-animation": "_feedback-icon-animation_v4lbu_1",
|
|
1001
|
-
feedbackIconAnimation:
|
|
1000
|
+
feedbackIconAnimation: i1
|
|
1002
1001
|
};
|
|
1003
|
-
function
|
|
1002
|
+
function s1() {
|
|
1004
1003
|
var o;
|
|
1005
|
-
const e =
|
|
1004
|
+
const e = Ve();
|
|
1006
1005
|
switch ((o = e.lastKeyboardAction) == null ? void 0 : o.action) {
|
|
1007
1006
|
case "togglePaused":
|
|
1008
|
-
return /* @__PURE__ */ t("i", { className:
|
|
1007
|
+
return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(be, {}) : /* @__PURE__ */ t(ge, {}) });
|
|
1009
1008
|
case "toggleCaptions":
|
|
1010
1009
|
case "nextCaptionLanguage":
|
|
1011
1010
|
case "previousCaptionLanguage":
|
|
1012
|
-
return e.hasCaptions ? /* @__PURE__ */ t("i", { className:
|
|
1011
|
+
return e.hasCaptions ? /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: /* @__PURE__ */ t(Fe, {}) }) : null;
|
|
1013
1012
|
case "volumeUp":
|
|
1014
1013
|
case "volumeDown":
|
|
1015
1014
|
case "toggleMuted":
|
|
1016
|
-
return /* @__PURE__ */ t("i", { className:
|
|
1015
|
+
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, {}) });
|
|
1017
1016
|
case "seekForward":
|
|
1018
1017
|
case "seekForward10":
|
|
1019
|
-
return /* @__PURE__ */ t("i", { className:
|
|
1018
|
+
return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: /* @__PURE__ */ t(Jn, { className: "right" }) });
|
|
1020
1019
|
case "seekBackward":
|
|
1021
1020
|
case "seekBackward10":
|
|
1022
|
-
return /* @__PURE__ */ t("i", { className:
|
|
1021
|
+
return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: /* @__PURE__ */ t(e1, { className: "left" }) });
|
|
1023
1022
|
default:
|
|
1024
1023
|
return null;
|
|
1025
1024
|
}
|
|
1026
1025
|
}
|
|
1027
|
-
function
|
|
1026
|
+
function a1() {
|
|
1028
1027
|
var i;
|
|
1029
|
-
const { t: e } = C(), n =
|
|
1028
|
+
const { t: e } = C(), n = Ve();
|
|
1030
1029
|
switch ((i = n.lastKeyboardAction) == null ? void 0 : i.action) {
|
|
1031
1030
|
case "toggleCaptions":
|
|
1032
1031
|
case "nextCaptionLanguage":
|
|
1033
1032
|
case "previousCaptionLanguage":
|
|
1034
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1033
|
+
return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: n.textTrack ? e("CAPTION_LANGUAGE", { language: n.textTrack.label }) : `${e("CAPTIONS")}: ${e("OFF")}` });
|
|
1035
1034
|
case "volumeUp":
|
|
1036
1035
|
case "volumeDown":
|
|
1037
1036
|
case "toggleMuted":
|
|
1038
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1037
|
+
return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: n.muted || n.volume === 0 ? e("MUTED") : e("VOLUME_VALUE", { volume: (n.volume * 100).toFixed(0) }) });
|
|
1039
1038
|
case "increasePlaybackRate":
|
|
1040
1039
|
case "decreasePlaybackRate":
|
|
1041
1040
|
case "resetPlaybackRate":
|
|
1042
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1041
|
+
return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("PLAYBACK_SPEED_MESSAGE", { speed: n.playbackRate }) });
|
|
1043
1042
|
case "seekForward":
|
|
1044
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1043
|
+
return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 5 }) });
|
|
1045
1044
|
case "seekForward10":
|
|
1046
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1045
|
+
return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 10 }) });
|
|
1047
1046
|
case "seekBackward":
|
|
1048
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1047
|
+
return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 5 }) });
|
|
1049
1048
|
case "seekBackward10":
|
|
1050
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1049
|
+
return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 10 }) });
|
|
1051
1050
|
default:
|
|
1052
1051
|
return null;
|
|
1053
1052
|
}
|
|
1054
1053
|
}
|
|
1055
|
-
const
|
|
1056
|
-
function
|
|
1057
|
-
return /* @__PURE__ */ c("div", { className:
|
|
1058
|
-
/* @__PURE__ */ t(
|
|
1054
|
+
const c1 = De(s1, 500), r1 = De(a1, 1e3);
|
|
1055
|
+
function Ge() {
|
|
1056
|
+
return /* @__PURE__ */ c("div", { className: x.feedbackOverlay, children: [
|
|
1057
|
+
/* @__PURE__ */ t(c1, {}),
|
|
1059
1058
|
/* @__PURE__ */ t(r1, {})
|
|
1060
1059
|
] });
|
|
1061
1060
|
}
|
|
1062
|
-
const
|
|
1061
|
+
const l1 = (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" }) }), u1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "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" }) }), d1 = "_full-screen-button_1xm32_2", m1 = {
|
|
1063
1062
|
"full-screen-button": "_full-screen-button_1xm32_2",
|
|
1064
|
-
fullScreenButton:
|
|
1063
|
+
fullScreenButton: d1
|
|
1065
1064
|
};
|
|
1066
|
-
function
|
|
1067
|
-
const e = f("fullscreen"), n = F(), o =
|
|
1065
|
+
function h1() {
|
|
1066
|
+
const e = f("fullscreen"), n = F(), o = v(), i = M(), { t: s } = C();
|
|
1068
1067
|
return i.hideFullScreen ? null : /* @__PURE__ */ t(
|
|
1069
1068
|
"button",
|
|
1070
1069
|
{
|
|
@@ -1072,49 +1071,49 @@ function p1() {
|
|
|
1072
1071
|
type: "button",
|
|
1073
1072
|
"aria-label": s(e ? "EXIT_FULLSCREEN" : "ENTER_FULLSCREEN"),
|
|
1074
1073
|
tabIndex: o.state.interactionsDisabled ? -1 : 0,
|
|
1075
|
-
className: `controls-button ${
|
|
1074
|
+
className: `controls-button ${m1.fullScreenButton}`,
|
|
1076
1075
|
onClick: () => {
|
|
1077
1076
|
e ? n == null || n.exitFullscreen() : n == null || n.enterFullscreen();
|
|
1078
1077
|
},
|
|
1079
|
-
children: e ? /* @__PURE__ */ t(
|
|
1078
|
+
children: e ? /* @__PURE__ */ t(u1, { className: "controls-button-icon" }) : /* @__PURE__ */ t(l1, { className: "controls-button-icon" })
|
|
1080
1079
|
}
|
|
1081
1080
|
);
|
|
1082
1081
|
}
|
|
1083
|
-
const
|
|
1082
|
+
const p1 = "_gestures-container_1fn3b_1", _1 = "_gesture_1fn3b_1", Pe = {
|
|
1084
1083
|
"gestures-container": "_gestures-container_1fn3b_1",
|
|
1085
|
-
gesturesContainer:
|
|
1086
|
-
gesture:
|
|
1084
|
+
gesturesContainer: p1,
|
|
1085
|
+
gesture: _1
|
|
1087
1086
|
};
|
|
1088
|
-
function
|
|
1087
|
+
function f1() {
|
|
1089
1088
|
const e = oe(), n = () => {
|
|
1090
1089
|
e.togglePaused();
|
|
1091
1090
|
};
|
|
1092
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1091
|
+
return /* @__PURE__ */ t("div", { className: Pe.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: Pe.gesture, onClick: n }) });
|
|
1093
1092
|
}
|
|
1094
|
-
const
|
|
1093
|
+
const Qe = (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" }) }), C1 = "_controls-overlay_poi8b_1", b1 = "_keyboard-shortcuts-overlay_poi8b_11", g1 = "_screen-reader-content_poi8b_75", v1 = "_controls-button_poi8b_89", w1 = "_keyboard-shortcuts-button_poi8b_101", y1 = "_kebab-menu-button_poi8b_110", k1 = "_kebab-menu_poi8b_110", L1 = "_kebab-menu-item_poi8b_139", x1 = "_close-button_poi8b_178", M1 = "_arrow_poi8b_192", I = {
|
|
1095
1094
|
"controls-overlay": "_controls-overlay_poi8b_1",
|
|
1096
|
-
controlsOverlay:
|
|
1095
|
+
controlsOverlay: C1,
|
|
1097
1096
|
"keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_poi8b_11",
|
|
1098
|
-
keyboardShortcutsOverlay:
|
|
1097
|
+
keyboardShortcutsOverlay: b1,
|
|
1099
1098
|
"screen-reader-content": "_screen-reader-content_poi8b_75",
|
|
1100
|
-
screenReaderContent:
|
|
1099
|
+
screenReaderContent: g1,
|
|
1101
1100
|
"controls-button": "_controls-button_poi8b_89",
|
|
1102
|
-
controlsButton:
|
|
1101
|
+
controlsButton: v1,
|
|
1103
1102
|
"keyboard-shortcuts-button": "_keyboard-shortcuts-button_poi8b_101",
|
|
1104
|
-
keyboardShortcutsButton:
|
|
1103
|
+
keyboardShortcutsButton: w1,
|
|
1105
1104
|
"kebab-menu-button": "_kebab-menu-button_poi8b_110",
|
|
1106
|
-
kebabMenuButton:
|
|
1105
|
+
kebabMenuButton: y1,
|
|
1107
1106
|
"kebab-menu": "_kebab-menu_poi8b_110",
|
|
1108
|
-
kebabMenu:
|
|
1107
|
+
kebabMenu: k1,
|
|
1109
1108
|
"kebab-menu-item": "_kebab-menu-item_poi8b_139",
|
|
1110
|
-
kebabMenuItem:
|
|
1109
|
+
kebabMenuItem: L1,
|
|
1111
1110
|
"close-button": "_close-button_poi8b_178",
|
|
1112
|
-
closeButton:
|
|
1113
|
-
arrow:
|
|
1111
|
+
closeButton: x1,
|
|
1112
|
+
arrow: M1
|
|
1114
1113
|
};
|
|
1115
|
-
function
|
|
1114
|
+
function P1({ onClose: e }) {
|
|
1116
1115
|
const { t: n } = C();
|
|
1117
|
-
|
|
1116
|
+
Pn(e);
|
|
1118
1117
|
const o = (i) => {
|
|
1119
1118
|
i && i.focus();
|
|
1120
1119
|
};
|
|
@@ -1136,7 +1135,7 @@ function N1({ onClose: e }) {
|
|
|
1136
1135
|
className: I.closeButton,
|
|
1137
1136
|
onClick: e,
|
|
1138
1137
|
"aria-label": n("CLOSE"),
|
|
1139
|
-
children: /* @__PURE__ */ t(
|
|
1138
|
+
children: /* @__PURE__ */ t(Qe, {})
|
|
1140
1139
|
}
|
|
1141
1140
|
)
|
|
1142
1141
|
] }),
|
|
@@ -1228,34 +1227,33 @@ function N1({ onClose: e }) {
|
|
|
1228
1227
|
}
|
|
1229
1228
|
);
|
|
1230
1229
|
}
|
|
1231
|
-
const
|
|
1232
|
-
share: /* @__PURE__ */ t(
|
|
1233
|
-
transcript: /* @__PURE__ */ t(
|
|
1230
|
+
const N1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.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" }) }), I1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.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" }) }), H1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.7647 16.9412H2.05882V1.05883H10.5294V5.29412H14.7647V16.9412ZM11.5882 1.278L14.5455 4.2353H11.5882V1.278ZM15.3587 3.55129L12.2722 0.464824C11.9715 0.165176 11.5724 0 11.1488 0H1V18H15.8235V4.67471C15.8235 4.25118 15.6584 3.852 15.3587 3.55129ZM1 0H15.8235V18H1V0ZM1 18H15.8235V0H1V18ZM4.17649 5.29412H8.41178V4.23529H4.17649V5.29412ZM4.17649 9.52941H10.5294V8.47059H4.17649V9.52941ZM4.17649 13.7647H8.41178V12.7059H4.17649V13.7647ZM4.17649 7.41177H12.6471V6.35294H4.17649V7.41177ZM4.17649 11.6471H11.5883V10.5882H4.17649V11.6471Z", fill: "currentColor" }) }), S1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.30365 10.9535V0H9.3637V10.9535L12.6986 7.61855L13.4491 8.368L8.83261 12.9824L4.21823 8.368L4.96875 7.61855L8.30365 10.9535ZM3.77376 16.94H13.9354L16.9607 13.9146L17.7091 14.6651L14.3742 18H3.3349L0 14.6651L0.749452 13.9146L3.77376 16.94Z", fill: "currentColor" }) }), V1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.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" }) }), T1 = {
|
|
1231
|
+
share: /* @__PURE__ */ t(I1, {}),
|
|
1232
|
+
transcript: /* @__PURE__ */ t(H1, {}),
|
|
1234
1233
|
media: /* @__PURE__ */ t(S1, {}),
|
|
1235
|
-
delete: /* @__PURE__ */ t(
|
|
1236
|
-
},
|
|
1237
|
-
function
|
|
1238
|
-
const [e, n] =
|
|
1234
|
+
delete: /* @__PURE__ */ t(V1, {})
|
|
1235
|
+
}, E1 = (e) => typeof e != "string";
|
|
1236
|
+
function R1() {
|
|
1237
|
+
const [e, n] = L(!1), [o, i] = L(null), s = v(), a = M(), r = () => {
|
|
1239
1238
|
n(!e), s.setGlobalKeysDisabled(!e);
|
|
1240
|
-
},
|
|
1239
|
+
}, l = G(null), u = G([]), { refs: d, floatingStyles: b, context: w } = ue({
|
|
1241
1240
|
open: e,
|
|
1242
|
-
onOpenChange:
|
|
1241
|
+
onOpenChange: r,
|
|
1243
1242
|
whileElementsMounted: de,
|
|
1244
1243
|
placement: "top-end",
|
|
1245
1244
|
middleware: [
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
me(
|
|
1249
|
-
|
|
1250
|
-
element: r
|
|
1245
|
+
Te(),
|
|
1246
|
+
Ee(10),
|
|
1247
|
+
me({
|
|
1248
|
+
element: l
|
|
1251
1249
|
})
|
|
1252
1250
|
]
|
|
1253
|
-
}), k =
|
|
1251
|
+
}), k = gt(w, {
|
|
1254
1252
|
listRef: u,
|
|
1255
1253
|
activeIndex: o,
|
|
1256
1254
|
onNavigate: i
|
|
1257
|
-
}),
|
|
1258
|
-
[
|
|
1255
|
+
}), y = he(w), { getReferenceProps: N, getFloatingProps: h, getItemProps: g } = pe(
|
|
1256
|
+
[y, k]
|
|
1259
1257
|
), { t: P } = C();
|
|
1260
1258
|
return a.kebabMenuElements.length > 0 ? /* @__PURE__ */ c(Q, { children: [
|
|
1261
1259
|
/* @__PURE__ */ t(
|
|
@@ -1265,23 +1263,23 @@ function A1() {
|
|
|
1265
1263
|
type: "button",
|
|
1266
1264
|
className: `${I.controlsButton} ${I.kebabMenuButton}`,
|
|
1267
1265
|
tabIndex: s.state.interactionsDisabled ? -1 : 0,
|
|
1268
|
-
ref:
|
|
1266
|
+
ref: d.setReference,
|
|
1269
1267
|
...N({
|
|
1270
|
-
onClick: () =>
|
|
1268
|
+
onClick: () => r()
|
|
1271
1269
|
}),
|
|
1272
|
-
children: /* @__PURE__ */ t(
|
|
1270
|
+
children: /* @__PURE__ */ t(N1, {})
|
|
1273
1271
|
}
|
|
1274
1272
|
),
|
|
1275
|
-
e && /* @__PURE__ */ t(
|
|
1273
|
+
e && /* @__PURE__ */ t(_e, { context: w, modal: !1, children: /* @__PURE__ */ c(
|
|
1276
1274
|
"div",
|
|
1277
1275
|
{
|
|
1278
|
-
ref:
|
|
1279
|
-
style:
|
|
1276
|
+
ref: d.setFloating,
|
|
1277
|
+
style: b,
|
|
1280
1278
|
className: I.kebabMenu,
|
|
1281
1279
|
...h(),
|
|
1282
1280
|
children: [
|
|
1283
1281
|
a.kebabMenuElements.map(
|
|
1284
|
-
({ id: T, text: Z, icon:
|
|
1282
|
+
({ id: T, text: Z, icon: V, onClick: Y }, X) => /* @__PURE__ */ c(
|
|
1285
1283
|
"button",
|
|
1286
1284
|
{
|
|
1287
1285
|
tabIndex: o === X ? 0 : -1,
|
|
@@ -1290,13 +1288,13 @@ function A1() {
|
|
|
1290
1288
|
ref: (se) => {
|
|
1291
1289
|
u.current[X] = se;
|
|
1292
1290
|
},
|
|
1293
|
-
...
|
|
1291
|
+
...g({
|
|
1294
1292
|
onClick: () => {
|
|
1295
1293
|
Y(T), n(!1);
|
|
1296
1294
|
}
|
|
1297
1295
|
}),
|
|
1298
1296
|
children: [
|
|
1299
|
-
|
|
1297
|
+
E1(V) ? V : T1[V],
|
|
1300
1298
|
Z
|
|
1301
1299
|
]
|
|
1302
1300
|
},
|
|
@@ -1304,10 +1302,10 @@ function A1() {
|
|
|
1304
1302
|
)
|
|
1305
1303
|
),
|
|
1306
1304
|
/* @__PURE__ */ t(
|
|
1307
|
-
|
|
1305
|
+
fe,
|
|
1308
1306
|
{
|
|
1309
|
-
ref:
|
|
1310
|
-
context:
|
|
1307
|
+
ref: l,
|
|
1308
|
+
context: w,
|
|
1311
1309
|
className: I.arrow
|
|
1312
1310
|
}
|
|
1313
1311
|
)
|
|
@@ -1316,158 +1314,158 @@ function A1() {
|
|
|
1316
1314
|
) })
|
|
1317
1315
|
] }) : null;
|
|
1318
1316
|
}
|
|
1319
|
-
const
|
|
1320
|
-
function
|
|
1321
|
-
const [e, n] =
|
|
1322
|
-
n(!0),
|
|
1323
|
-
}, [
|
|
1324
|
-
n(!1), i(!0),
|
|
1325
|
-
}, [s, u,
|
|
1326
|
-
(
|
|
1317
|
+
const 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: "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" }) });
|
|
1318
|
+
function B1() {
|
|
1319
|
+
const [e, n] = L(!1), [o, i] = L(!1), [s, a] = L(!1), r = v(), l = f("playing"), u = oe(), { t: d } = C(), b = _(() => {
|
|
1320
|
+
n(!0), r.disableInteractions(), l && (a(!0), u.pause());
|
|
1321
|
+
}, [l, u, r]), w = _(() => {
|
|
1322
|
+
n(!1), i(!0), r.enableInteractions(), s && (a(!1), u.play());
|
|
1323
|
+
}, [s, u, r]), k = _(
|
|
1324
|
+
(y) => o && (y == null ? void 0 : y.focus()),
|
|
1327
1325
|
[o]
|
|
1328
1326
|
);
|
|
1329
|
-
return e ? /* @__PURE__ */ t(
|
|
1327
|
+
return e ? /* @__PURE__ */ t(P1, { onClose: w }) : /* @__PURE__ */ c("div", { className: I.controlsOverlay, children: [
|
|
1330
1328
|
/* @__PURE__ */ t(
|
|
1331
1329
|
"button",
|
|
1332
1330
|
{
|
|
1333
1331
|
ref: k,
|
|
1334
|
-
"aria-label":
|
|
1332
|
+
"aria-label": d("KEYBOARD_SHORTCUTS"),
|
|
1335
1333
|
type: "button",
|
|
1336
1334
|
className: `${I.controlsButton} ${I.keyboardShortcutsButton}`,
|
|
1337
|
-
onClick:
|
|
1338
|
-
tabIndex:
|
|
1339
|
-
children: /* @__PURE__ */ t(
|
|
1335
|
+
onClick: b,
|
|
1336
|
+
tabIndex: r.state.interactionsDisabled ? -1 : 0,
|
|
1337
|
+
children: /* @__PURE__ */ t(A1, {})
|
|
1340
1338
|
}
|
|
1341
1339
|
),
|
|
1342
|
-
/* @__PURE__ */ t(
|
|
1340
|
+
/* @__PURE__ */ t(R1, {})
|
|
1343
1341
|
] });
|
|
1344
1342
|
}
|
|
1345
|
-
const
|
|
1343
|
+
const O1 = "_play-pause-button_1834v_1", F1 = {
|
|
1346
1344
|
"play-pause-button": "_play-pause-button_1834v_1",
|
|
1347
|
-
playPauseButton:
|
|
1345
|
+
playPauseButton: O1
|
|
1348
1346
|
};
|
|
1349
|
-
function
|
|
1350
|
-
const e = F(), n =
|
|
1347
|
+
function Z1() {
|
|
1348
|
+
const e = F(), n = v(), o = f("paused"), { t: i } = C();
|
|
1351
1349
|
return e ? /* @__PURE__ */ t(
|
|
1352
1350
|
"button",
|
|
1353
1351
|
{
|
|
1354
1352
|
role: "button",
|
|
1355
1353
|
type: "button",
|
|
1356
|
-
className: `controls-button ${
|
|
1354
|
+
className: `controls-button ${F1.playPauseButton}`,
|
|
1357
1355
|
"aria-label": i(o ? "PLAY" : "PAUSE"),
|
|
1358
1356
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1359
1357
|
onClick: () => {
|
|
1360
1358
|
e.paused ? e.remoteControl.play() : e.remoteControl.pause();
|
|
1361
1359
|
},
|
|
1362
|
-
children: o ? /* @__PURE__ */ t(
|
|
1360
|
+
children: o ? /* @__PURE__ */ t(ge, { className: "controls-button-icon" }) : /* @__PURE__ */ t(be, { className: "controls-button-icon" })
|
|
1363
1361
|
}
|
|
1364
1362
|
) : null;
|
|
1365
1363
|
}
|
|
1366
|
-
const
|
|
1367
|
-
poster:
|
|
1364
|
+
const z1 = "_poster_195hi_1", K1 = {
|
|
1365
|
+
poster: z1
|
|
1368
1366
|
};
|
|
1369
|
-
function
|
|
1367
|
+
function D1({ src: e }) {
|
|
1370
1368
|
const n = f("source");
|
|
1371
|
-
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(
|
|
1369
|
+
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(ut, { src: e, className: K1.poster });
|
|
1372
1370
|
}
|
|
1373
|
-
const
|
|
1371
|
+
const $1 = "_small-layout-overlay_1pd49_1", U1 = "_small-layout-button_1pd49_14", q1 = "_small-layout-icon-play_1pd49_24", G1 = "_small-layout-icon-pause_1pd49_30", Q1 = "_full-screen-close-icon_1pd49_36", W1 = "_fade-out_1pd49_1", U = {
|
|
1374
1372
|
"small-layout-overlay": "_small-layout-overlay_1pd49_1",
|
|
1375
|
-
smallLayoutOverlay:
|
|
1373
|
+
smallLayoutOverlay: $1,
|
|
1376
1374
|
"small-layout-button": "_small-layout-button_1pd49_14",
|
|
1377
|
-
smallLayoutButton:
|
|
1375
|
+
smallLayoutButton: U1,
|
|
1378
1376
|
"small-layout-icon-play": "_small-layout-icon-play_1pd49_24",
|
|
1379
|
-
smallLayoutIconPlay:
|
|
1377
|
+
smallLayoutIconPlay: q1,
|
|
1380
1378
|
"small-layout-icon-pause": "_small-layout-icon-pause_1pd49_30",
|
|
1381
|
-
smallLayoutIconPause:
|
|
1379
|
+
smallLayoutIconPause: G1,
|
|
1382
1380
|
"full-screen-close-icon": "_full-screen-close-icon_1pd49_36",
|
|
1383
|
-
fullScreenCloseIcon:
|
|
1381
|
+
fullScreenCloseIcon: Q1,
|
|
1384
1382
|
"fade-out": "_fade-out_1pd49_1",
|
|
1385
|
-
fadeOut:
|
|
1383
|
+
fadeOut: W1
|
|
1386
1384
|
};
|
|
1387
|
-
function
|
|
1385
|
+
function j1() {
|
|
1388
1386
|
const e = f("paused");
|
|
1389
1387
|
return /* @__PURE__ */ c("div", { className: U.smallLayoutOverlay, children: [
|
|
1390
|
-
/* @__PURE__ */ t(
|
|
1391
|
-
/* @__PURE__ */ t("i", { className: U.smallLayoutButton, children: e ? /* @__PURE__ */ t(
|
|
1388
|
+
/* @__PURE__ */ t(dt, { className: U.fullScreenCloseIcon, children: /* @__PURE__ */ t(Qe, {}) }),
|
|
1389
|
+
/* @__PURE__ */ t("i", { className: U.smallLayoutButton, children: e ? /* @__PURE__ */ t(ge, { className: U.smallLayoutIconPlay }) : /* @__PURE__ */ t(be, { className: U.smallLayoutIconPause }) })
|
|
1392
1390
|
] });
|
|
1393
1391
|
}
|
|
1394
|
-
const
|
|
1392
|
+
const Y1 = "_time-indicator_1rlpb_1", X1 = {
|
|
1395
1393
|
"time-indicator": "_time-indicator_1rlpb_1",
|
|
1396
|
-
timeIndicator:
|
|
1394
|
+
timeIndicator: Y1
|
|
1397
1395
|
};
|
|
1398
|
-
function
|
|
1399
|
-
return /* @__PURE__ */ c("div", { className:
|
|
1400
|
-
/* @__PURE__ */ t(
|
|
1396
|
+
function J1() {
|
|
1397
|
+
return /* @__PURE__ */ c("div", { className: X1.timeIndicator, children: [
|
|
1398
|
+
/* @__PURE__ */ t(Le, { type: "current" }),
|
|
1401
1399
|
"/",
|
|
1402
|
-
/* @__PURE__ */ t(
|
|
1400
|
+
/* @__PURE__ */ t(Le, { type: "duration" })
|
|
1403
1401
|
] });
|
|
1404
1402
|
}
|
|
1405
|
-
const
|
|
1403
|
+
const eo = "_comment-markers_fno42_1", to = "_comment-marker_fno42_1", no = "_timeline-wrapper_fno42_27", oo = "_track_fno42_41", io = "_thumb_fno42_52", so = "_root_fno42_66", ao = "_track-inner_fno42_96", co = "_progress_fno42_102", ro = "_track-fill_fno42_108", lo = "_pins_fno42_125", uo = "_pin-button_fno42_138", mo = "_annotation-pin_fno42_158", ho = "_quiz-pin_fno42_163", po = "_annotation-pin-child_fno42_168", _o = "_quiz-pin-child_fno42_172", fo = "_interactive-pin-container_fno42_177", Co = "_interactive-pin-wrapper_fno42_187", bo = "_interactive-pin-icon_fno42_193", go = "_interactive-pin_fno42_177", vo = "_bg_fno42_207", wo = "_symbol_fno42_211", yo = "_interactive-pin-button_fno42_216", ko = "_interactive-pin-menu_fno42_236", Lo = "_interactive-pin-menu-item_fno42_250", xo = "_arrow_fno42_271", m = {
|
|
1406
1404
|
"comment-markers": "_comment-markers_fno42_1",
|
|
1407
|
-
commentMarkers:
|
|
1405
|
+
commentMarkers: eo,
|
|
1408
1406
|
"comment-marker": "_comment-marker_fno42_1",
|
|
1409
|
-
commentMarker:
|
|
1407
|
+
commentMarker: to,
|
|
1410
1408
|
"timeline-wrapper": "_timeline-wrapper_fno42_27",
|
|
1411
|
-
timelineWrapper:
|
|
1412
|
-
track:
|
|
1413
|
-
thumb:
|
|
1414
|
-
root:
|
|
1409
|
+
timelineWrapper: no,
|
|
1410
|
+
track: oo,
|
|
1411
|
+
thumb: io,
|
|
1412
|
+
root: so,
|
|
1415
1413
|
"track-inner": "_track-inner_fno42_96",
|
|
1416
|
-
trackInner:
|
|
1417
|
-
progress:
|
|
1414
|
+
trackInner: ao,
|
|
1415
|
+
progress: co,
|
|
1418
1416
|
"track-fill": "_track-fill_fno42_108",
|
|
1419
1417
|
trackFill: ro,
|
|
1420
|
-
pins:
|
|
1418
|
+
pins: lo,
|
|
1421
1419
|
"pin-button": "_pin-button_fno42_138",
|
|
1422
|
-
pinButton:
|
|
1420
|
+
pinButton: uo,
|
|
1423
1421
|
"annotation-pin": "_annotation-pin_fno42_158",
|
|
1424
|
-
annotationPin:
|
|
1422
|
+
annotationPin: mo,
|
|
1425
1423
|
"quiz-pin": "_quiz-pin_fno42_163",
|
|
1426
|
-
quizPin:
|
|
1424
|
+
quizPin: ho,
|
|
1427
1425
|
"annotation-pin-child": "_annotation-pin-child_fno42_168",
|
|
1428
|
-
annotationPinChild:
|
|
1426
|
+
annotationPinChild: po,
|
|
1429
1427
|
"quiz-pin-child": "_quiz-pin-child_fno42_172",
|
|
1430
|
-
quizPinChild:
|
|
1428
|
+
quizPinChild: _o,
|
|
1431
1429
|
"interactive-pin-container": "_interactive-pin-container_fno42_177",
|
|
1432
|
-
interactivePinContainer:
|
|
1430
|
+
interactivePinContainer: fo,
|
|
1433
1431
|
"interactive-pin-wrapper": "_interactive-pin-wrapper_fno42_187",
|
|
1434
|
-
interactivePinWrapper:
|
|
1432
|
+
interactivePinWrapper: Co,
|
|
1435
1433
|
"interactive-pin-icon": "_interactive-pin-icon_fno42_193",
|
|
1436
|
-
interactivePinIcon:
|
|
1434
|
+
interactivePinIcon: bo,
|
|
1437
1435
|
"interactive-pin": "_interactive-pin_fno42_177",
|
|
1438
|
-
interactivePin:
|
|
1439
|
-
bg:
|
|
1440
|
-
symbol:
|
|
1436
|
+
interactivePin: go,
|
|
1437
|
+
bg: vo,
|
|
1438
|
+
symbol: wo,
|
|
1441
1439
|
"interactive-pin-button": "_interactive-pin-button_fno42_216",
|
|
1442
|
-
interactivePinButton:
|
|
1440
|
+
interactivePinButton: yo,
|
|
1443
1441
|
"interactive-pin-menu": "_interactive-pin-menu_fno42_236",
|
|
1444
|
-
interactivePinMenu:
|
|
1442
|
+
interactivePinMenu: ko,
|
|
1445
1443
|
"interactive-pin-menu-item": "_interactive-pin-menu-item_fno42_250",
|
|
1446
|
-
interactivePinMenuItem:
|
|
1447
|
-
arrow:
|
|
1448
|
-
},
|
|
1449
|
-
annotation:
|
|
1450
|
-
quiz:
|
|
1444
|
+
interactivePinMenuItem: Lo,
|
|
1445
|
+
arrow: xo
|
|
1446
|
+
}, Mo = {
|
|
1447
|
+
annotation: m.annotationPin,
|
|
1448
|
+
quiz: m.quizPin
|
|
1451
1449
|
};
|
|
1452
|
-
function
|
|
1450
|
+
function We({
|
|
1453
1451
|
type: e,
|
|
1454
1452
|
position: n,
|
|
1455
1453
|
children: o,
|
|
1456
1454
|
onClick: i
|
|
1457
1455
|
}) {
|
|
1458
|
-
const s =
|
|
1456
|
+
const s = v();
|
|
1459
1457
|
return /* @__PURE__ */ t(
|
|
1460
1458
|
"button",
|
|
1461
1459
|
{
|
|
1462
1460
|
type: "button",
|
|
1463
1461
|
tabIndex: s.state.interactionsDisabled ? -1 : 0,
|
|
1464
|
-
className:
|
|
1462
|
+
className: m.pinButton,
|
|
1465
1463
|
style: { left: `${n}%` },
|
|
1466
1464
|
onClick: i,
|
|
1467
1465
|
children: /* @__PURE__ */ c(
|
|
1468
1466
|
"svg",
|
|
1469
1467
|
{
|
|
1470
|
-
className:
|
|
1468
|
+
className: Mo[e],
|
|
1471
1469
|
width: "26",
|
|
1472
1470
|
height: "32",
|
|
1473
1471
|
viewBox: "0 0 26 32",
|
|
@@ -1481,11 +1479,11 @@ function je({
|
|
|
1481
1479
|
}
|
|
1482
1480
|
);
|
|
1483
1481
|
}
|
|
1484
|
-
function
|
|
1485
|
-
return /* @__PURE__ */ t(
|
|
1482
|
+
function Po(e) {
|
|
1483
|
+
return /* @__PURE__ */ t(We, { type: "annotation", ...e, children: /* @__PURE__ */ t(
|
|
1486
1484
|
"path",
|
|
1487
1485
|
{
|
|
1488
|
-
className:
|
|
1486
|
+
className: m.annotationPinChild,
|
|
1489
1487
|
fillRule: "evenodd",
|
|
1490
1488
|
clipRule: "evenodd",
|
|
1491
1489
|
d: "M7 8V19.25H8.875V18.875C8.875 17.8415 9.7165 17 10.75 17H19V8H7ZM10 11.75H16V11H10V11.75ZM14.5 14H10V13.25H14.5V14Z",
|
|
@@ -1494,11 +1492,11 @@ function No(e) {
|
|
|
1494
1492
|
}
|
|
1495
1493
|
) });
|
|
1496
1494
|
}
|
|
1497
|
-
function
|
|
1498
|
-
return /* @__PURE__ */ t(
|
|
1495
|
+
function No(e) {
|
|
1496
|
+
return /* @__PURE__ */ t(We, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: m.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
|
|
1499
1497
|
"text",
|
|
1500
1498
|
{
|
|
1501
|
-
className:
|
|
1499
|
+
className: m.quizPinChild,
|
|
1502
1500
|
x: "50%",
|
|
1503
1501
|
y: "56%",
|
|
1504
1502
|
textAnchor: "middle",
|
|
@@ -1508,7 +1506,7 @@ function Io(e) {
|
|
|
1508
1506
|
}
|
|
1509
1507
|
) });
|
|
1510
1508
|
}
|
|
1511
|
-
function
|
|
1509
|
+
function Io(e, n) {
|
|
1512
1510
|
return e.map((o, i) => ({
|
|
1513
1511
|
id: o.id,
|
|
1514
1512
|
time: o.time,
|
|
@@ -1517,19 +1515,19 @@ function Ho(e, n) {
|
|
|
1517
1515
|
onClick: () => n(o)
|
|
1518
1516
|
}));
|
|
1519
1517
|
}
|
|
1520
|
-
function
|
|
1518
|
+
function Ho(e, n) {
|
|
1521
1519
|
const o = /* @__PURE__ */ new Map();
|
|
1522
1520
|
e.forEach((a) => {
|
|
1523
|
-
var
|
|
1524
|
-
const
|
|
1525
|
-
o.has(
|
|
1521
|
+
var l;
|
|
1522
|
+
const r = a.time;
|
|
1523
|
+
o.has(r) || o.set(r, []), (l = o.get(r)) == null || l.push(a);
|
|
1526
1524
|
});
|
|
1527
1525
|
const i = [];
|
|
1528
1526
|
let s = 0;
|
|
1529
|
-
return o.forEach((a,
|
|
1527
|
+
return o.forEach((a, r) => {
|
|
1530
1528
|
i.push({
|
|
1531
|
-
id: a.map((
|
|
1532
|
-
time:
|
|
1529
|
+
id: a.map((l) => l.id).join("-"),
|
|
1530
|
+
time: r,
|
|
1533
1531
|
type: "quiz",
|
|
1534
1532
|
ordinal: s + 1,
|
|
1535
1533
|
onClick: () => n(a),
|
|
@@ -1542,7 +1540,7 @@ function So(e, n, o, i) {
|
|
|
1542
1540
|
case "annotation": {
|
|
1543
1541
|
const s = () => i ? e.onClick() : o.seek(e.time);
|
|
1544
1542
|
return /* @__PURE__ */ t(
|
|
1545
|
-
|
|
1543
|
+
Po,
|
|
1546
1544
|
{
|
|
1547
1545
|
position: e.time / n * 100,
|
|
1548
1546
|
onClick: s
|
|
@@ -1552,7 +1550,7 @@ function So(e, n, o, i) {
|
|
|
1552
1550
|
}
|
|
1553
1551
|
case "quiz":
|
|
1554
1552
|
return /* @__PURE__ */ t(
|
|
1555
|
-
|
|
1553
|
+
No,
|
|
1556
1554
|
{
|
|
1557
1555
|
position: e.time / n * 100,
|
|
1558
1556
|
ordinal: e.ordinal,
|
|
@@ -1565,22 +1563,22 @@ function So(e, n, o, i) {
|
|
|
1565
1563
|
return null;
|
|
1566
1564
|
}
|
|
1567
1565
|
}
|
|
1568
|
-
function
|
|
1566
|
+
function Vo() {
|
|
1569
1567
|
const e = oe(), n = f("duration"), o = M(), i = E(() => [
|
|
1570
|
-
...
|
|
1568
|
+
...Io(
|
|
1571
1569
|
o.annotations,
|
|
1572
1570
|
o.onAnnotationClick
|
|
1573
1571
|
),
|
|
1574
|
-
...
|
|
1575
|
-
].sort((a,
|
|
1576
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1572
|
+
...Ho(o.quizMarkers, o.onQuizMarkerClick)
|
|
1573
|
+
].sort((a, r) => a.time - r.time).map((a) => So(a, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
|
|
1574
|
+
return /* @__PURE__ */ t("div", { className: m.pins, children: i });
|
|
1577
1575
|
}
|
|
1578
|
-
function
|
|
1579
|
-
const e = f("duration"), n = M(), o =
|
|
1580
|
-
return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className:
|
|
1576
|
+
function To() {
|
|
1577
|
+
const e = f("duration"), n = M(), o = v();
|
|
1578
|
+
return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: m.commentMarkers, children: n.comments.map((i) => /* @__PURE__ */ t(
|
|
1581
1579
|
"span",
|
|
1582
1580
|
{
|
|
1583
|
-
className:
|
|
1581
|
+
className: m.commentMarker,
|
|
1584
1582
|
style: {
|
|
1585
1583
|
left: `${i.timestamp / e * 100}%`
|
|
1586
1584
|
}
|
|
@@ -1588,39 +1586,38 @@ function Eo() {
|
|
|
1588
1586
|
i.id
|
|
1589
1587
|
)) }) : null;
|
|
1590
1588
|
}
|
|
1591
|
-
function
|
|
1592
|
-
const [o, i] =
|
|
1589
|
+
function Eo({ currentTime: e, position: n }) {
|
|
1590
|
+
const [o, i] = L(!1), s = M(), a = _(() => s.interactiveMenuElements.length > 0 ? i((y) => !y) : s.onInteractivePinClick(e), [
|
|
1593
1591
|
s.interactiveMenuElements,
|
|
1594
1592
|
s.onInteractivePinClick,
|
|
1595
1593
|
e
|
|
1596
|
-
]),
|
|
1594
|
+
]), r = G(null), { refs: l, floatingStyles: u, context: d } = ue({
|
|
1597
1595
|
open: o,
|
|
1598
1596
|
onOpenChange: i,
|
|
1599
1597
|
whileElementsMounted: de,
|
|
1600
1598
|
placement: "top",
|
|
1601
1599
|
middleware: [
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
me(
|
|
1605
|
-
|
|
1606
|
-
element: l
|
|
1600
|
+
Te(),
|
|
1601
|
+
Ee(6),
|
|
1602
|
+
me({
|
|
1603
|
+
element: r
|
|
1607
1604
|
})
|
|
1608
1605
|
]
|
|
1609
|
-
}),
|
|
1606
|
+
}), b = he(d), { getReferenceProps: w, getFloatingProps: k } = pe([b]);
|
|
1610
1607
|
return /* @__PURE__ */ c(Q, { children: [
|
|
1611
1608
|
/* @__PURE__ */ t(
|
|
1612
1609
|
"button",
|
|
1613
1610
|
{
|
|
1614
1611
|
type: "button",
|
|
1615
1612
|
onClick: a,
|
|
1616
|
-
className:
|
|
1617
|
-
ref:
|
|
1613
|
+
className: m.interactivePinButton,
|
|
1614
|
+
ref: l.setReference,
|
|
1618
1615
|
style: { left: `${n}%` },
|
|
1619
|
-
...
|
|
1616
|
+
...w(),
|
|
1620
1617
|
children: /* @__PURE__ */ c(
|
|
1621
1618
|
"svg",
|
|
1622
1619
|
{
|
|
1623
|
-
className:
|
|
1620
|
+
className: m.interactivePin,
|
|
1624
1621
|
width: "36",
|
|
1625
1622
|
height: "44",
|
|
1626
1623
|
fill: "none",
|
|
@@ -1630,21 +1627,21 @@ function Ro({ currentTime: e, position: n }) {
|
|
|
1630
1627
|
/* @__PURE__ */ t(
|
|
1631
1628
|
"path",
|
|
1632
1629
|
{
|
|
1633
|
-
className:
|
|
1630
|
+
className: m.bg,
|
|
1634
1631
|
d: "M 33.1703,27.499961 C 34.9615,24.721661 36,21.418761 36,17.874961 36,8.0028612 27.9411,-3.8819277e-5 18,-3.8819277e-5 8.0588999,-3.8819277e-5 -1.5e-7,8.0028612 -1.5e-7,17.874961 c 0,3.5438 1.03844995,6.8467 2.82964995,9.625 4.5447501,6.8094 10.1600502,10.1014 15.2487502,16.5 5.0364,-6.3985 10.5573,-9.7259 15.0919,-16.5 z"
|
|
1635
1632
|
}
|
|
1636
1633
|
),
|
|
1637
1634
|
/* @__PURE__ */ t(
|
|
1638
1635
|
"path",
|
|
1639
1636
|
{
|
|
1640
|
-
className:
|
|
1637
|
+
className: m.symbol,
|
|
1641
1638
|
d: "m 35.499961,17.877772 c 0,3.443549 -1.008198,6.652061 -2.747494,9.351891 -2.235095,3.338633 -4.71529,5.832631 -7.286584,8.306425 -0.277599,0.267143 -0.556499,0.534085 -0.836198,0.801928 -2.174595,2.082232 -4.40389,4.216673 -6.553385,6.870196 -2.158995,-2.636621 -4.40379,-4.754859 -6.591985,-6.819788 -0.2979,-0.281145 -0.594699,-0.561289 -0.890198,-0.841534 C 7.9918219,33.077896 5.4869279,30.584698 3.2477829,27.230063 1.5082968,24.530133 0.50003905,21.321521 0.50003905,17.877772 0.50003905,8.2835422 8.3317219,0.50000048 18,0.50000048 c 9.668278,0 17.499961,7.78354172 17.499961,17.37777152 z"
|
|
1642
1639
|
}
|
|
1643
1640
|
),
|
|
1644
1641
|
/* @__PURE__ */ t(
|
|
1645
1642
|
"path",
|
|
1646
1643
|
{
|
|
1647
|
-
className:
|
|
1644
|
+
className: m.interactivePinIcon,
|
|
1648
1645
|
"data-open": o,
|
|
1649
1646
|
fillRule: "evenodd",
|
|
1650
1647
|
clipRule: "evenodd",
|
|
@@ -1658,27 +1655,27 @@ function Ro({ currentTime: e, position: n }) {
|
|
|
1658
1655
|
}
|
|
1659
1656
|
),
|
|
1660
1657
|
o && /* @__PURE__ */ t(
|
|
1661
|
-
|
|
1658
|
+
_e,
|
|
1662
1659
|
{
|
|
1663
1660
|
order: ["floating", "content"],
|
|
1664
|
-
context:
|
|
1661
|
+
context: d,
|
|
1665
1662
|
modal: !0,
|
|
1666
1663
|
children: /* @__PURE__ */ c(
|
|
1667
1664
|
"div",
|
|
1668
1665
|
{
|
|
1669
|
-
ref:
|
|
1666
|
+
ref: l.setFloating,
|
|
1670
1667
|
style: u,
|
|
1671
|
-
className:
|
|
1668
|
+
className: m.interactivePinMenu,
|
|
1672
1669
|
...k(),
|
|
1673
1670
|
children: [
|
|
1674
1671
|
s.interactiveMenuElements.map(
|
|
1675
|
-
({ id:
|
|
1672
|
+
({ id: y, text: N, onClick: h }) => /* @__PURE__ */ c(
|
|
1676
1673
|
"button",
|
|
1677
1674
|
{
|
|
1678
1675
|
type: "button",
|
|
1679
|
-
className:
|
|
1676
|
+
className: m.interactivePinMenuItem,
|
|
1680
1677
|
onClick: () => {
|
|
1681
|
-
h(
|
|
1678
|
+
h(y, e), i(!1);
|
|
1682
1679
|
},
|
|
1683
1680
|
children: [
|
|
1684
1681
|
/* @__PURE__ */ t(
|
|
@@ -1703,15 +1700,15 @@ function Ro({ currentTime: e, position: n }) {
|
|
|
1703
1700
|
N
|
|
1704
1701
|
]
|
|
1705
1702
|
},
|
|
1706
|
-
|
|
1703
|
+
y
|
|
1707
1704
|
)
|
|
1708
1705
|
),
|
|
1709
1706
|
/* @__PURE__ */ t(
|
|
1710
|
-
|
|
1707
|
+
fe,
|
|
1711
1708
|
{
|
|
1712
|
-
ref:
|
|
1713
|
-
context:
|
|
1714
|
-
className:
|
|
1709
|
+
ref: r,
|
|
1710
|
+
context: d,
|
|
1711
|
+
className: m.arrow
|
|
1715
1712
|
}
|
|
1716
1713
|
)
|
|
1717
1714
|
]
|
|
@@ -1721,49 +1718,49 @@ function Ro({ currentTime: e, position: n }) {
|
|
|
1721
1718
|
)
|
|
1722
1719
|
] });
|
|
1723
1720
|
}
|
|
1724
|
-
function
|
|
1721
|
+
function Ro() {
|
|
1725
1722
|
const e = f("duration"), n = f("currentTime"), o = n / e * 100, { disableInteractivePinRanges: i } = M();
|
|
1726
1723
|
return i.some(
|
|
1727
|
-
([a,
|
|
1728
|
-
) ? null : /* @__PURE__ */ t("div", { className:
|
|
1724
|
+
([a, r]) => n >= a && n <= r
|
|
1725
|
+
) ? null : /* @__PURE__ */ t("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ t(Eo, { currentTime: n, position: o }) }) });
|
|
1729
1726
|
}
|
|
1730
|
-
function
|
|
1731
|
-
const e = f("paused"), n =
|
|
1732
|
-
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(
|
|
1727
|
+
function Ao() {
|
|
1728
|
+
const e = f("paused"), n = v();
|
|
1729
|
+
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(Ro, {}) : null;
|
|
1733
1730
|
}
|
|
1734
|
-
const
|
|
1735
|
-
function
|
|
1736
|
-
const n =
|
|
1731
|
+
const Bo = `${m.progress} ${m.trackInner}`, Oo = `${m.trackFill} ${m.trackInner}`;
|
|
1732
|
+
function Ne({ className: e }) {
|
|
1733
|
+
const n = v(), { hasAnnotations: o, hasQuizmarkers: i, interactive: s } = M(), a = e ? `${m.timelineWrapper} ${e}` : m.timelineWrapper;
|
|
1737
1734
|
return /* @__PURE__ */ c("div", { className: a, children: [
|
|
1738
|
-
s ? /* @__PURE__ */ t(
|
|
1739
|
-
s || o || i ? /* @__PURE__ */ t(
|
|
1740
|
-
/* @__PURE__ */ t(
|
|
1735
|
+
s ? /* @__PURE__ */ t(Ao, {}) : null,
|
|
1736
|
+
s || o || i ? /* @__PURE__ */ t(Vo, {}) : null,
|
|
1737
|
+
/* @__PURE__ */ t(To, {}),
|
|
1741
1738
|
/* @__PURE__ */ c(
|
|
1742
1739
|
$.Root,
|
|
1743
1740
|
{
|
|
1744
|
-
className:
|
|
1741
|
+
className: m.root,
|
|
1745
1742
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1746
1743
|
children: [
|
|
1747
|
-
/* @__PURE__ */ c($.Track, { className:
|
|
1748
|
-
/* @__PURE__ */ t($.Progress, { className:
|
|
1749
|
-
/* @__PURE__ */ t($.TrackFill, { className:
|
|
1744
|
+
/* @__PURE__ */ c($.Track, { className: m.track, children: [
|
|
1745
|
+
/* @__PURE__ */ t($.Progress, { className: Bo }),
|
|
1746
|
+
/* @__PURE__ */ t($.TrackFill, { className: Oo })
|
|
1750
1747
|
] }),
|
|
1751
|
-
/* @__PURE__ */ t($.Thumb, { className:
|
|
1748
|
+
/* @__PURE__ */ t($.Thumb, { className: m.thumb })
|
|
1752
1749
|
]
|
|
1753
1750
|
}
|
|
1754
1751
|
)
|
|
1755
1752
|
] });
|
|
1756
1753
|
}
|
|
1757
|
-
const
|
|
1758
|
-
wrapper:
|
|
1759
|
-
track:
|
|
1760
|
-
thumb:
|
|
1754
|
+
const Fo = "_wrapper_12cb0_1", Zo = "_track_12cb0_6", zo = "_thumb_12cb0_18", Ko = "_track-fill_12cb0_32", Do = "_root_12cb0_51", q = {
|
|
1755
|
+
wrapper: Fo,
|
|
1756
|
+
track: Zo,
|
|
1757
|
+
thumb: zo,
|
|
1761
1758
|
"track-fill": "_track-fill_12cb0_32",
|
|
1762
|
-
trackFill:
|
|
1763
|
-
root:
|
|
1759
|
+
trackFill: Ko,
|
|
1760
|
+
root: Do
|
|
1764
1761
|
};
|
|
1765
|
-
function
|
|
1766
|
-
const e = F(), n = f("volume"), o = f("muted"), i =
|
|
1762
|
+
function $o() {
|
|
1763
|
+
const e = F(), n = f("volume"), o = f("muted"), i = v(), s = o || n === 0, { t: a } = C();
|
|
1767
1764
|
return /* @__PURE__ */ c("div", { className: q.wrapper, children: [
|
|
1768
1765
|
/* @__PURE__ */ t(
|
|
1769
1766
|
"button",
|
|
@@ -1776,7 +1773,7 @@ function Uo() {
|
|
|
1776
1773
|
onClick: () => {
|
|
1777
1774
|
s ? e == null || e.remoteControl.unmute() : e == null || e.remoteControl.mute();
|
|
1778
1775
|
},
|
|
1779
|
-
children: s ? /* @__PURE__ */ t(
|
|
1776
|
+
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" })
|
|
1780
1777
|
}
|
|
1781
1778
|
),
|
|
1782
1779
|
/* @__PURE__ */ c(
|
|
@@ -1792,7 +1789,7 @@ function Uo() {
|
|
|
1792
1789
|
)
|
|
1793
1790
|
] });
|
|
1794
1791
|
}
|
|
1795
|
-
const
|
|
1792
|
+
const Ie = {
|
|
1796
1793
|
togglePaused: {
|
|
1797
1794
|
keys: ["Space", "Enter", "k"],
|
|
1798
1795
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
@@ -1884,10 +1881,10 @@ const He = {
|
|
|
1884
1881
|
}
|
|
1885
1882
|
}
|
|
1886
1883
|
};
|
|
1887
|
-
function
|
|
1884
|
+
function He(e) {
|
|
1888
1885
|
return typeof e == "number" && !isNaN(e);
|
|
1889
1886
|
}
|
|
1890
|
-
function
|
|
1887
|
+
function Uo(e, n = 1e3) {
|
|
1891
1888
|
let o = !1;
|
|
1892
1889
|
return () => {
|
|
1893
1890
|
o || (e(), o = !0, setTimeout(() => {
|
|
@@ -1906,23 +1903,23 @@ const Se = {
|
|
|
1906
1903
|
invert: !1,
|
|
1907
1904
|
comments: !1
|
|
1908
1905
|
};
|
|
1909
|
-
class
|
|
1906
|
+
class qo {
|
|
1910
1907
|
constructor() {
|
|
1911
|
-
|
|
1912
|
-
|
|
1913
|
-
|
|
1914
|
-
|
|
1915
|
-
|
|
1916
|
-
|
|
1908
|
+
S(this, "playerId", "studio-player");
|
|
1909
|
+
S(this, "mediaId", null);
|
|
1910
|
+
S(this, "data", Se);
|
|
1911
|
+
S(this, "time", null);
|
|
1912
|
+
S(this, "overrideTime", null);
|
|
1913
|
+
S(this, "saveTime", () => {
|
|
1917
1914
|
if (!this.mediaId) return;
|
|
1918
1915
|
const n = (this.time ?? 0).toString();
|
|
1919
1916
|
localStorage.setItem(this.mediaId, n);
|
|
1920
1917
|
});
|
|
1921
|
-
|
|
1918
|
+
S(this, "saveTimeThrottled", Uo(this.saveTime, 1e3));
|
|
1922
1919
|
// only used for useStudioPlayer hook's state initialization
|
|
1923
|
-
|
|
1920
|
+
S(this, "initializeState", (n) => {
|
|
1924
1921
|
const o = localStorage.getItem(this.playerId);
|
|
1925
|
-
if (
|
|
1922
|
+
if (He(n) && n >= 0 && (this.overrideTime = n), o)
|
|
1926
1923
|
try {
|
|
1927
1924
|
this.data = JSON.parse(o);
|
|
1928
1925
|
} catch {
|
|
@@ -1937,7 +1934,7 @@ class Go {
|
|
|
1937
1934
|
disableCaptionSettings: !1
|
|
1938
1935
|
};
|
|
1939
1936
|
});
|
|
1940
|
-
|
|
1937
|
+
S(this, "saveData", (n, o) => {
|
|
1941
1938
|
this.data = {
|
|
1942
1939
|
...this.data,
|
|
1943
1940
|
[n]: o
|
|
@@ -1990,16 +1987,16 @@ class Go {
|
|
|
1990
1987
|
onChange(n, o, i = "studio-player") {
|
|
1991
1988
|
const s = i ? localStorage.getItem(i) : null, a = o ? localStorage.getItem(o) : null;
|
|
1992
1989
|
this.playerId = i, this.mediaId = o;
|
|
1993
|
-
let
|
|
1990
|
+
let r = {};
|
|
1994
1991
|
if (s)
|
|
1995
1992
|
try {
|
|
1996
|
-
|
|
1993
|
+
r = JSON.parse(s);
|
|
1997
1994
|
} catch {
|
|
1998
1995
|
}
|
|
1999
1996
|
this.data = {
|
|
2000
1997
|
...Se,
|
|
2001
|
-
...
|
|
2002
|
-
},
|
|
1998
|
+
...r
|
|
1999
|
+
}, He(this.overrideTime) && this.overrideTime >= 0 ? this.time = this.overrideTime : this.time = a ? +a : null;
|
|
2003
2000
|
}
|
|
2004
2001
|
save() {
|
|
2005
2002
|
if (!this.playerId) return;
|
|
@@ -2007,93 +2004,93 @@ class Go {
|
|
|
2007
2004
|
localStorage.setItem(this.playerId, n);
|
|
2008
2005
|
}
|
|
2009
2006
|
}
|
|
2010
|
-
function
|
|
2011
|
-
const s = E(() => new
|
|
2007
|
+
function Go(e, n, o, i) {
|
|
2008
|
+
const s = E(() => new qo(), []), [a, r] = L(
|
|
2012
2009
|
s.initializeState(i)
|
|
2013
|
-
),
|
|
2010
|
+
), l = _(
|
|
2014
2011
|
(h) => {
|
|
2015
|
-
|
|
2016
|
-
...
|
|
2012
|
+
r((g) => (s.saveData("multiplier", h), {
|
|
2013
|
+
...g,
|
|
2017
2014
|
captionsFontSizeMultiplier: h
|
|
2018
2015
|
}));
|
|
2019
2016
|
},
|
|
2020
2017
|
[s]
|
|
2021
2018
|
), u = _(() => {
|
|
2022
|
-
|
|
2023
|
-
const
|
|
2024
|
-
return s.saveData("ontop",
|
|
2019
|
+
r((h) => {
|
|
2020
|
+
const g = !h.captionPositionOnTop;
|
|
2021
|
+
return s.saveData("ontop", g), {
|
|
2025
2022
|
...h,
|
|
2026
|
-
captionPositionOnTop:
|
|
2023
|
+
captionPositionOnTop: g
|
|
2027
2024
|
};
|
|
2028
2025
|
});
|
|
2029
|
-
}, [s]),
|
|
2030
|
-
|
|
2031
|
-
const
|
|
2032
|
-
return s.saveData("invert",
|
|
2026
|
+
}, [s]), d = _(() => {
|
|
2027
|
+
r((h) => {
|
|
2028
|
+
const g = !h.captionsInvertColors;
|
|
2029
|
+
return s.saveData("invert", g), {
|
|
2033
2030
|
...h,
|
|
2034
|
-
captionsInvertColors:
|
|
2031
|
+
captionsInvertColors: g
|
|
2035
2032
|
};
|
|
2036
2033
|
});
|
|
2037
|
-
}, [s]),
|
|
2038
|
-
|
|
2039
|
-
const
|
|
2040
|
-
return s.saveData("comments",
|
|
2034
|
+
}, [s]), b = _(() => {
|
|
2035
|
+
r((h) => {
|
|
2036
|
+
const g = !h.commentsEnabled;
|
|
2037
|
+
return s.saveData("comments", g), {
|
|
2041
2038
|
...h,
|
|
2042
|
-
commentsEnabled:
|
|
2039
|
+
commentsEnabled: g
|
|
2043
2040
|
};
|
|
2044
2041
|
});
|
|
2045
|
-
}, [s]),
|
|
2046
|
-
|
|
2042
|
+
}, [s]), w = _(() => {
|
|
2043
|
+
r((h) => ({
|
|
2047
2044
|
...h,
|
|
2048
2045
|
interactionsDisabled: !1
|
|
2049
2046
|
}));
|
|
2050
2047
|
}, []), k = _(() => {
|
|
2051
|
-
|
|
2048
|
+
r((h) => ({
|
|
2052
2049
|
...h,
|
|
2053
2050
|
interactionsDisabled: !0
|
|
2054
2051
|
}));
|
|
2055
|
-
}, []),
|
|
2056
|
-
|
|
2057
|
-
...
|
|
2052
|
+
}, []), y = _((h) => {
|
|
2053
|
+
r((g) => ({
|
|
2054
|
+
...g,
|
|
2058
2055
|
globalKeysDisabled: h
|
|
2059
2056
|
}));
|
|
2060
2057
|
}, []), N = E(() => e ? {
|
|
2061
|
-
...
|
|
2058
|
+
...Ie,
|
|
2062
2059
|
toggleFullscreen: []
|
|
2063
|
-
} :
|
|
2060
|
+
} : Ie, [e]);
|
|
2064
2061
|
return {
|
|
2065
2062
|
contextValue: {
|
|
2066
2063
|
state: {
|
|
2067
2064
|
...a,
|
|
2068
2065
|
commentsEnabled: n || a.commentsEnabled
|
|
2069
2066
|
},
|
|
2070
|
-
setCaptionsFontSizeMultiplier:
|
|
2067
|
+
setCaptionsFontSizeMultiplier: l,
|
|
2071
2068
|
toggleCaptionPositionOnTop: u,
|
|
2072
|
-
toggleCaptionsInvertColors:
|
|
2073
|
-
enableInteractions:
|
|
2069
|
+
toggleCaptionsInvertColors: d,
|
|
2070
|
+
enableInteractions: w,
|
|
2074
2071
|
disableInteractions: k,
|
|
2075
|
-
setGlobalKeysDisabled:
|
|
2076
|
-
toggleComments:
|
|
2072
|
+
setGlobalKeysDisabled: y,
|
|
2073
|
+
toggleComments: b,
|
|
2077
2074
|
disableCaptionSettings: o
|
|
2078
2075
|
},
|
|
2079
2076
|
shortcuts: N,
|
|
2080
2077
|
storage: s
|
|
2081
2078
|
};
|
|
2082
2079
|
}
|
|
2083
|
-
const
|
|
2084
|
-
function
|
|
2080
|
+
const Qo = {};
|
|
2081
|
+
function Wo() {
|
|
2085
2082
|
const e = M();
|
|
2086
2083
|
return /* @__PURE__ */ c(Q, { children: [
|
|
2087
|
-
/* @__PURE__ */ t(
|
|
2088
|
-
/* @__PURE__ */ t(
|
|
2089
|
-
/* @__PURE__ */ t(
|
|
2090
|
-
/* @__PURE__ */ t(
|
|
2091
|
-
/* @__PURE__ */ t(
|
|
2092
|
-
/* @__PURE__ */ t(
|
|
2093
|
-
/* @__PURE__ */ t(
|
|
2084
|
+
/* @__PURE__ */ t(D1, { src: e.thumbnail }),
|
|
2085
|
+
/* @__PURE__ */ t(Ge, {}),
|
|
2086
|
+
/* @__PURE__ */ t(Be, {}),
|
|
2087
|
+
/* @__PURE__ */ t(Ze, { captions: e.captions }),
|
|
2088
|
+
/* @__PURE__ */ t(j1, {}),
|
|
2089
|
+
/* @__PURE__ */ t(f1, {}),
|
|
2090
|
+
/* @__PURE__ */ t(Wt, { comments: e.comments })
|
|
2094
2091
|
] });
|
|
2095
2092
|
}
|
|
2096
|
-
const
|
|
2093
|
+
const jo = (e) => /* @__PURE__ */ t("svg", { width: 56, height: 72, viewBox: "0 0 28 36", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("g", { id: "Icons", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ c("g", { id: "audio", children: [
|
|
2097
2094
|
/* @__PURE__ */ c("g", { id: "icon-file-base-2", children: [
|
|
2098
2095
|
/* @__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" }),
|
|
2099
2096
|
/* @__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" }),
|
|
@@ -2101,138 +2098,158 @@ const Yo = (e) => /* @__PURE__ */ t("svg", { width: 56, height: 72, viewBox: "0
|
|
|
2101
2098
|
] }),
|
|
2102
2099
|
/* @__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" })
|
|
2103
2100
|
] }) }) });
|
|
2104
|
-
function
|
|
2101
|
+
function Yo() {
|
|
2105
2102
|
const e = M();
|
|
2106
2103
|
return /* @__PURE__ */ c("div", { className: "audio-layout-wrapper", children: [
|
|
2107
|
-
/* @__PURE__ */ t(
|
|
2108
|
-
/* @__PURE__ */ t(
|
|
2109
|
-
/* @__PURE__ */ t(
|
|
2110
|
-
/* @__PURE__ */ t(
|
|
2104
|
+
/* @__PURE__ */ t(jo, {}),
|
|
2105
|
+
/* @__PURE__ */ t(Ge, {}),
|
|
2106
|
+
/* @__PURE__ */ t(Be, {}),
|
|
2107
|
+
/* @__PURE__ */ t(Ze, { captions: e.captions })
|
|
2111
2108
|
] });
|
|
2112
2109
|
}
|
|
2113
|
-
function
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
a >= e.time && !i && (i = !0, n(e, l)), a < e.time && i && (i = !1);
|
|
2110
|
+
function Xo(e, n, o, i, s) {
|
|
2111
|
+
return (a) => {
|
|
2112
|
+
const r = a.detail.currentTime, l = !o.paused;
|
|
2113
|
+
r >= e.time && !i[e.id] && (s({ ...i, [e.id]: !0 }), n(e, l));
|
|
2118
2114
|
};
|
|
2119
2115
|
}
|
|
2120
|
-
function
|
|
2121
|
-
const e = F(), { quizMarkers: n, onQuizMarkerShow: o } = M()
|
|
2116
|
+
function Jo() {
|
|
2117
|
+
const e = F(), { quizMarkers: n, onQuizMarkerShow: o } = M(), [i, s] = L(
|
|
2118
|
+
n.reduce((a, r) => (a[r.id] = !1, a), {})
|
|
2119
|
+
);
|
|
2122
2120
|
O(() => {
|
|
2123
2121
|
if (!e)
|
|
2124
2122
|
return;
|
|
2125
|
-
const
|
|
2126
|
-
|
|
2127
|
-
const
|
|
2128
|
-
|
|
2123
|
+
const a = [], r = (l) => {
|
|
2124
|
+
var b;
|
|
2125
|
+
const u = (b = l == null ? void 0 : l.request) == null ? void 0 : b.detail, d = n.reduce((w, k) => (w[k.id] = k.time <= u, w), {});
|
|
2126
|
+
s({ ...i, ...d });
|
|
2127
|
+
};
|
|
2128
|
+
e.addEventListener("seeked", r);
|
|
2129
|
+
for (const l of n) {
|
|
2130
|
+
const u = Xo(
|
|
2131
|
+
l,
|
|
2132
|
+
o,
|
|
2133
|
+
e,
|
|
2134
|
+
i,
|
|
2135
|
+
s
|
|
2136
|
+
);
|
|
2137
|
+
e.addEventListener("time-update", u), a.push(u);
|
|
2129
2138
|
}
|
|
2130
2139
|
return () => {
|
|
2131
|
-
for (const
|
|
2132
|
-
e.removeEventListener("time-update",
|
|
2140
|
+
for (const l of a)
|
|
2141
|
+
e.removeEventListener("time-update", l);
|
|
2142
|
+
e.removeEventListener("seeked", r);
|
|
2133
2143
|
};
|
|
2134
|
-
}, [n, e]);
|
|
2144
|
+
}, [n, e, i]);
|
|
2145
|
+
}
|
|
2146
|
+
function ei() {
|
|
2147
|
+
return Jo(), null;
|
|
2148
|
+
}
|
|
2149
|
+
function ti(e) {
|
|
2150
|
+
return Array.isArray(e) && typeof e[0] == "object";
|
|
2135
2151
|
}
|
|
2136
|
-
function
|
|
2137
|
-
return
|
|
2152
|
+
function ni(e) {
|
|
2153
|
+
return ti(e) && e.length === 1 ? e[0].src : e;
|
|
2138
2154
|
}
|
|
2139
2155
|
const ne = () => {
|
|
2140
2156
|
};
|
|
2141
|
-
function
|
|
2157
|
+
function di({
|
|
2142
2158
|
title: e,
|
|
2143
2159
|
playerRef: n,
|
|
2144
2160
|
src: o,
|
|
2145
2161
|
captions: i = [],
|
|
2146
2162
|
thumbnail: s,
|
|
2147
2163
|
hideFullScreen: a = !1,
|
|
2148
|
-
comments:
|
|
2149
|
-
locale:
|
|
2164
|
+
comments: r = [],
|
|
2165
|
+
locale: l = "en",
|
|
2150
2166
|
annotations: u = [],
|
|
2151
|
-
quizMarkers:
|
|
2152
|
-
interactive:
|
|
2153
|
-
onAnnotationClick:
|
|
2167
|
+
quizMarkers: d = [],
|
|
2168
|
+
interactive: b = !1,
|
|
2169
|
+
onAnnotationClick: w = ne,
|
|
2154
2170
|
onQuizMarkerClick: k = ne,
|
|
2155
|
-
onQuizMarkerShow:
|
|
2171
|
+
onQuizMarkerShow: y = ne,
|
|
2156
2172
|
onInteractivePinClick: N = ne,
|
|
2157
2173
|
interactiveMenuElements: h = [],
|
|
2158
|
-
kebabMenuElements:
|
|
2174
|
+
kebabMenuElements: g = [],
|
|
2159
2175
|
darkMode: P = !1,
|
|
2160
2176
|
autoLoadCaptionSrc: T = "",
|
|
2161
2177
|
forceComments: Z = !1,
|
|
2162
|
-
disableCaptionSettings:
|
|
2178
|
+
disableCaptionSettings: V = !1,
|
|
2163
2179
|
disableStorage: Y = !1,
|
|
2164
2180
|
startAt: X,
|
|
2165
2181
|
crossOrigin: se,
|
|
2166
|
-
captionOffsetOverride:
|
|
2167
|
-
disableInteractivePinRanges:
|
|
2182
|
+
captionOffsetOverride: je,
|
|
2183
|
+
disableInteractivePinRanges: Ye = []
|
|
2168
2184
|
}) {
|
|
2169
|
-
const { contextValue: ae, shortcuts:
|
|
2185
|
+
const { contextValue: ae, shortcuts: Xe, storage: Je } = Go(
|
|
2170
2186
|
a,
|
|
2171
2187
|
Z,
|
|
2172
|
-
|
|
2188
|
+
V,
|
|
2173
2189
|
X
|
|
2174
|
-
), { i18n:
|
|
2190
|
+
), { i18n: ve } = C();
|
|
2175
2191
|
O(() => {
|
|
2176
|
-
|
|
2177
|
-
}, [
|
|
2178
|
-
const [
|
|
2179
|
-
|
|
2192
|
+
ve.changeLanguage(l);
|
|
2193
|
+
}, [ve, l]);
|
|
2194
|
+
const [we, ye] = L("none"), et = _((R) => {
|
|
2195
|
+
mt(R) ? ye("audio") : ht(R) && ye("video");
|
|
2180
2196
|
}, []);
|
|
2181
2197
|
return /* @__PURE__ */ t(
|
|
2182
|
-
|
|
2198
|
+
yt,
|
|
2183
2199
|
{
|
|
2184
2200
|
hideFullScreen: a,
|
|
2185
|
-
comments:
|
|
2201
|
+
comments: r,
|
|
2186
2202
|
captions: i,
|
|
2187
2203
|
thumbnail: s,
|
|
2188
2204
|
annotations: u,
|
|
2189
|
-
quizMarkers:
|
|
2190
|
-
interactive:
|
|
2191
|
-
onAnnotationClick:
|
|
2205
|
+
quizMarkers: d,
|
|
2206
|
+
interactive: b,
|
|
2207
|
+
onAnnotationClick: w,
|
|
2192
2208
|
onQuizMarkerClick: k,
|
|
2193
2209
|
onInteractivePinClick: N,
|
|
2194
2210
|
interactiveMenuElements: h,
|
|
2195
|
-
kebabMenuElements:
|
|
2211
|
+
kebabMenuElements: g,
|
|
2196
2212
|
darkMode: P,
|
|
2197
2213
|
forceComments: Z,
|
|
2198
|
-
disableCaptionSettings:
|
|
2214
|
+
disableCaptionSettings: V,
|
|
2199
2215
|
disableStorage: Y,
|
|
2200
|
-
captionOffsetOverride:
|
|
2201
|
-
disableInteractivePinRanges:
|
|
2202
|
-
onQuizMarkerShow:
|
|
2203
|
-
children: /* @__PURE__ */ t(
|
|
2204
|
-
|
|
2216
|
+
captionOffsetOverride: je,
|
|
2217
|
+
disableInteractivePinRanges: Ye,
|
|
2218
|
+
onQuizMarkerShow: y,
|
|
2219
|
+
children: /* @__PURE__ */ t(wt, { contextValue: ae, children: /* @__PURE__ */ c(
|
|
2220
|
+
pt,
|
|
2205
2221
|
{
|
|
2222
|
+
"data-version": "0.3.9",
|
|
2206
2223
|
crossOrigin: se,
|
|
2207
|
-
storage: Y ? null :
|
|
2224
|
+
storage: Y ? null : Je,
|
|
2208
2225
|
title: e,
|
|
2209
|
-
src: o,
|
|
2210
|
-
keyShortcuts:
|
|
2226
|
+
src: ni(o),
|
|
2227
|
+
keyShortcuts: Xe,
|
|
2211
2228
|
playsInline: !0,
|
|
2212
2229
|
keyDisabled: ae.state.interactionsDisabled || ae.state.globalKeysDisabled,
|
|
2213
2230
|
onTextTracksChange: (R) => {
|
|
2214
|
-
const
|
|
2215
|
-
(
|
|
2231
|
+
const ke = R == null ? void 0 : R.findIndex(
|
|
2232
|
+
(tt) => tt.src === T
|
|
2216
2233
|
);
|
|
2217
|
-
|
|
2234
|
+
ke > -1 && (R[ke].mode = "showing");
|
|
2218
2235
|
},
|
|
2219
|
-
onProviderSetup:
|
|
2236
|
+
onProviderSetup: et,
|
|
2220
2237
|
children: [
|
|
2221
|
-
/* @__PURE__ */ c(
|
|
2222
|
-
|
|
2223
|
-
|
|
2238
|
+
/* @__PURE__ */ c(_t, { className: Qo.mediaProvider, children: [
|
|
2239
|
+
we === "audio" && /* @__PURE__ */ t(Yo, {}),
|
|
2240
|
+
we === "video" && /* @__PURE__ */ t(Wo, {})
|
|
2224
2241
|
] }),
|
|
2225
|
-
/* @__PURE__ */ t(
|
|
2242
|
+
/* @__PURE__ */ t(B1, {}),
|
|
2226
2243
|
/* @__PURE__ */ t(
|
|
2227
|
-
|
|
2244
|
+
nn,
|
|
2228
2245
|
{
|
|
2229
2246
|
darkMode: P,
|
|
2230
2247
|
playerRef: n,
|
|
2231
|
-
showCaptionsButton: !
|
|
2248
|
+
showCaptionsButton: !V
|
|
2232
2249
|
}
|
|
2233
2250
|
),
|
|
2234
|
-
/* @__PURE__ */ t(
|
|
2235
|
-
!!
|
|
2251
|
+
/* @__PURE__ */ t(Mt, { annotations: u }),
|
|
2252
|
+
!!d.length && /* @__PURE__ */ t(ei, {})
|
|
2236
2253
|
]
|
|
2237
2254
|
}
|
|
2238
2255
|
) })
|
|
@@ -2240,10 +2257,10 @@ function ui({
|
|
|
2240
2257
|
);
|
|
2241
2258
|
}
|
|
2242
2259
|
export {
|
|
2243
|
-
|
|
2244
|
-
|
|
2260
|
+
At as CAPTION_FONT_SIZE_MULTIPLIERS,
|
|
2261
|
+
Bt as COMMENT_DURATION,
|
|
2245
2262
|
K as PLAYBACK_RATES,
|
|
2246
|
-
|
|
2247
|
-
|
|
2248
|
-
|
|
2263
|
+
di as StudioPlayer,
|
|
2264
|
+
pi as useMediaState,
|
|
2265
|
+
_i as useMediaStore
|
|
2249
2266
|
};
|