@instructure/studio-player 0.3.8 → 0.3.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/StudioPlayer/hooks/useQuizMarkerListeners.d.ts +1 -1
- package/dist/StudioPlayer/hooks/utils/syncMarkersShown.d.ts +2 -0
- package/dist/StudioPlayer/hooks/utils/syncMarkersShown.test.d.ts +1 -0
- package/dist/StudioPlayer/utils/index.d.ts +2 -0
- package/dist/studio-player.es.js +447 -439
- package/package.json +1 -1
package/dist/studio-player.es.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import './index-B3keTGCo.css';var
|
|
2
|
-
var
|
|
3
|
-
var S = (e, n, o) =>
|
|
4
|
-
import { jsx as t, jsxs as c, Fragment as
|
|
5
|
-
import { createContext as re, useContext as le, useState as L, useCallback as
|
|
6
|
-
import { useMediaPlayer as F, Spinner as ce, useMediaRemote as oe, useMediaState as
|
|
7
|
-
import { useMediaState as
|
|
8
|
-
import { initReactI18next as
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import { useFloating as ue, autoUpdate as de,
|
|
12
|
-
const
|
|
1
|
+
import './index-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
|
+
import { jsx as t, jsxs as c, Fragment as j } from "react/jsx-runtime";
|
|
5
|
+
import { createContext as re, useContext as le, useState as L, useCallback as f, useEffect as O, useMemo as E, useRef as G } from "react";
|
|
6
|
+
import { useMediaPlayer as F, Spinner as ce, useMediaRemote as oe, useMediaState as _, 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 ft } from "@vidstack/react";
|
|
7
|
+
import { useMediaState as fi, useMediaStore as _i } from "@vidstack/react";
|
|
8
|
+
import { initReactI18next as _t, 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 fe, FloatingArrow as _e, 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(_t).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,23 +35,23 @@ 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
45
|
function v() {
|
|
46
|
-
const e = le(
|
|
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,
|
|
@@ -97,30 +97,30 @@ function kt({
|
|
|
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 = le(
|
|
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
|
|
120
|
+
function Mt({ annotations: e }) {
|
|
121
121
|
const n = F(), o = v(), i = M(), [s, a] = L(
|
|
122
122
|
null
|
|
123
|
-
), r =
|
|
123
|
+
), r = f(
|
|
124
124
|
(u) => {
|
|
125
125
|
n == null || n.pause(), i.interactive || o.disableInteractions(), a(u);
|
|
126
126
|
},
|
|
@@ -133,7 +133,7 @@ function Pt({ annotations: e }) {
|
|
|
133
133
|
return;
|
|
134
134
|
const u = [];
|
|
135
135
|
for (const d of e) {
|
|
136
|
-
const b =
|
|
136
|
+
const b = xt(d, r);
|
|
137
137
|
n.addEventListener("time-update", b), u.push(b);
|
|
138
138
|
}
|
|
139
139
|
if (s) {
|
|
@@ -146,21 +146,21 @@ function Pt({ annotations: e }) {
|
|
|
146
146
|
for (const d of u)
|
|
147
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
|
-
mediaBufferingTrackFill:
|
|
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,15 +172,15 @@ 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 =
|
|
182
|
+
function Vt() {
|
|
183
|
+
const e = oe(), n = _("textTrack"), o = _("hasCaptions"), i = n && it(n), s = v(), a = f(
|
|
184
184
|
(r) => {
|
|
185
185
|
e.toggleCaptions(r.nativeEvent);
|
|
186
186
|
},
|
|
@@ -195,21 +195,21 @@ 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 = v(), { captionOffsetOverride: i } = M(), s = o.state.captionPositionOnTop, a =
|
|
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
|
-
return /* @__PURE__ */ c(
|
|
210
|
+
return /* @__PURE__ */ c(j, { children: [
|
|
211
211
|
e.map((r) => /* @__PURE__ */ t(
|
|
212
|
-
|
|
212
|
+
st,
|
|
213
213
|
{
|
|
214
214
|
kind: "subtitles",
|
|
215
215
|
type: r.type,
|
|
@@ -230,12 +230,12 @@ 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],
|
|
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
239
|
const [, n] = L({});
|
|
240
240
|
return E(() => {
|
|
241
241
|
let o = [];
|
|
@@ -254,20 +254,20 @@ 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 r =
|
|
270
|
+
const r = Ft(a, Bt, i);
|
|
271
271
|
s.push(r), o.addEventListener("time-update", r);
|
|
272
272
|
}
|
|
273
273
|
return o.dispatchEvent(
|
|
@@ -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 = v(), o =
|
|
313
|
+
const jt = 5;
|
|
314
|
+
function Qt({ comments: e }) {
|
|
315
|
+
const n = v(), o = Zt(e, jt), i = !!_("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 Wt = "_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: Wt,
|
|
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,31 +345,31 @@ 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
|
-
menuLabel:
|
|
368
|
+
menuLabel: rn,
|
|
369
369
|
"menu-icon": "_menu-icon_k49ve_42",
|
|
370
|
-
menuIcon:
|
|
370
|
+
menuIcon: ln
|
|
371
371
|
};
|
|
372
|
-
function
|
|
372
|
+
function Q({ label: e, hint: n, onClick: o, Icon: i }) {
|
|
373
373
|
return /* @__PURE__ */ c(
|
|
374
374
|
"button",
|
|
375
375
|
{
|
|
@@ -383,41 +383,41 @@ 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
|
|
393
|
-
const e = H(), n =
|
|
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
|
+
const e = H(), n = _("playbackRate"), { t: o } = C(), i = f(() => {
|
|
394
394
|
e.setPage("speed");
|
|
395
395
|
}, [e]);
|
|
396
396
|
return /* @__PURE__ */ t(
|
|
397
|
-
|
|
397
|
+
Q,
|
|
398
398
|
{
|
|
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
|
|
407
|
-
const e = H(), n =
|
|
406
|
+
function mn() {
|
|
407
|
+
const e = H(), n = _("hasCaptions"), o = _("textTrack"), { t: i } = C(), s = f(() => {
|
|
408
408
|
e.setPage("captions");
|
|
409
409
|
}, [e]);
|
|
410
410
|
return n ? /* @__PURE__ */ t(
|
|
411
|
-
|
|
411
|
+
Q,
|
|
412
412
|
{
|
|
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,35 +425,35 @@ 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
|
|
429
|
-
const e = H(), n =
|
|
428
|
+
function pn() {
|
|
429
|
+
const e = H(), n = _("autoQuality"), o = _("quality"), { t: i } = C(), s = f(() => {
|
|
430
430
|
e.setPage("quality");
|
|
431
431
|
}, [e]);
|
|
432
432
|
return o ? /* @__PURE__ */ t(
|
|
433
|
-
|
|
433
|
+
Q,
|
|
434
434
|
{
|
|
435
435
|
label: i("QUALITY"),
|
|
436
436
|
hint: n ? i("AUTO", { quality: o.height }) : `${o.height}p`,
|
|
437
437
|
onClick: s,
|
|
438
|
-
Icon:
|
|
438
|
+
Icon: hn
|
|
439
439
|
}
|
|
440
440
|
) : null;
|
|
441
441
|
}
|
|
442
|
-
const fn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 21.798373,3.342155 8.8843977,16.256145 2.2000774,9.571825 0,11.771895 8.8843977,20.657845 24,5.543795 Z", fill: "currentColor" }) }),
|
|
442
|
+
const fn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 21.798373,3.342155 8.8843977,16.256145 2.2000774,9.571825 0,11.771895 8.8843977,20.657845 24,5.543795 Z", fill: "currentColor" }) }), _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 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(fn, { className: A.switchIcon }) : /* @__PURE__ */ t(
|
|
474
|
+
/* @__PURE__ */ t("div", { className: A.switchTrack, children: /* @__PURE__ */ t("div", { className: A.switchThumb, children: n ? /* @__PURE__ */ t(fn, { className: A.switchIcon }) : /* @__PURE__ */ t(_n, { className: A.switchIcon }) }) })
|
|
475
475
|
]
|
|
476
476
|
}
|
|
477
477
|
);
|
|
478
478
|
}
|
|
479
|
-
const
|
|
480
|
-
function
|
|
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
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,30 +504,30 @@ 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 = le(
|
|
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
|
-
function
|
|
530
|
+
function Sn(e) {
|
|
531
531
|
const n = Array.from(e.querySelectorAll("button"));
|
|
532
532
|
return n[n.length - 1] ?? null;
|
|
533
533
|
}
|
|
@@ -538,26 +538,26 @@ 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
|
);
|
|
545
545
|
s == null || s.focus();
|
|
546
546
|
} else if (n.current) {
|
|
547
|
-
const s =
|
|
547
|
+
const s = Sn(n.current);
|
|
548
548
|
s == null || s.focus();
|
|
549
549
|
}
|
|
550
550
|
},
|
|
551
551
|
ArrowDown: () => {
|
|
552
552
|
const i = document.activeElement;
|
|
553
553
|
if (i && n.current && n.current.contains(i)) {
|
|
554
|
-
const s =
|
|
554
|
+
const s = 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" }) }),
|
|
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" }) }), W = (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();
|
|
@@ -627,7 +627,7 @@ function Zn() {
|
|
|
627
627
|
className: p.menuBackButton,
|
|
628
628
|
onClick: e.back,
|
|
629
629
|
children: [
|
|
630
|
-
/* @__PURE__ */ t(
|
|
630
|
+
/* @__PURE__ */ t(W, {}),
|
|
631
631
|
/* @__PURE__ */ t("span", { children: o("BACK") })
|
|
632
632
|
]
|
|
633
633
|
}
|
|
@@ -654,12 +654,12 @@ function Zn() {
|
|
|
654
654
|
}
|
|
655
655
|
);
|
|
656
656
|
}
|
|
657
|
-
function
|
|
658
|
-
const e = H(), n =
|
|
657
|
+
function Zn() {
|
|
658
|
+
const e = H(), n = _("textTrack"), { t: o } = C(), { disableCaptionSettings: i } = v(), s = f(() => {
|
|
659
659
|
e.setPage("captionLanguage");
|
|
660
660
|
}, [e]);
|
|
661
661
|
return i ? null : /* @__PURE__ */ t(
|
|
662
|
-
|
|
662
|
+
Q,
|
|
663
663
|
{
|
|
664
664
|
label: o("LANGUAGE"),
|
|
665
665
|
hint: (n == null ? void 0 : n.label) ?? o("OFF"),
|
|
@@ -667,12 +667,12 @@ function zn() {
|
|
|
667
667
|
}
|
|
668
668
|
);
|
|
669
669
|
}
|
|
670
|
-
function
|
|
671
|
-
const { t: e } = C(), n = v(), o = H(), i =
|
|
670
|
+
function zn() {
|
|
671
|
+
const { t: e } = C(), n = v(), o = H(), i = f(() => {
|
|
672
672
|
o.setPage("captionFontSize");
|
|
673
673
|
}, [o]);
|
|
674
674
|
return /* @__PURE__ */ t(
|
|
675
|
-
|
|
675
|
+
Q,
|
|
676
676
|
{
|
|
677
677
|
label: e("CAPTION_FONT_SIZE"),
|
|
678
678
|
hint: `${n.state.captionsFontSizeMultiplier * 100}%`,
|
|
@@ -680,10 +680,10 @@ function Kn() {
|
|
|
680
680
|
}
|
|
681
681
|
);
|
|
682
682
|
}
|
|
683
|
-
function
|
|
683
|
+
function Kn() {
|
|
684
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
|
|
694
|
+
function Dn() {
|
|
695
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",
|
|
@@ -722,22 +722,22 @@ function Un() {
|
|
|
722
722
|
className: p.menuBackButton,
|
|
723
723
|
onClick: e.back,
|
|
724
724
|
children: [
|
|
725
|
-
/* @__PURE__ */ t(
|
|
725
|
+
/* @__PURE__ */ t(W, {}),
|
|
726
726
|
/* @__PURE__ */ t("span", { children: n("BACK") })
|
|
727
727
|
]
|
|
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
|
|
740
|
-
const e = H(), n =
|
|
739
|
+
function Un() {
|
|
740
|
+
const e = H(), n = rt(), { t: o } = C(), i = D();
|
|
741
741
|
return /* @__PURE__ */ c(
|
|
742
742
|
"div",
|
|
743
743
|
{
|
|
@@ -756,7 +756,7 @@ function qn() {
|
|
|
756
756
|
className: p.menuBackButton,
|
|
757
757
|
onClick: e.back,
|
|
758
758
|
children: [
|
|
759
|
-
/* @__PURE__ */ t(
|
|
759
|
+
/* @__PURE__ */ t(W, {}),
|
|
760
760
|
/* @__PURE__ */ t("span", { children: o("BACK") })
|
|
761
761
|
]
|
|
762
762
|
}
|
|
@@ -782,7 +782,7 @@ function qn() {
|
|
|
782
782
|
}
|
|
783
783
|
);
|
|
784
784
|
}
|
|
785
|
-
function
|
|
785
|
+
function qn() {
|
|
786
786
|
const e = v(), n = H(), { t: o } = C(), i = D();
|
|
787
787
|
return /* @__PURE__ */ c(
|
|
788
788
|
"div",
|
|
@@ -802,13 +802,13 @@ function Gn() {
|
|
|
802
802
|
className: p.menuBackButton,
|
|
803
803
|
onClick: n.back,
|
|
804
804
|
children: [
|
|
805
|
-
/* @__PURE__ */ t(
|
|
805
|
+
/* @__PURE__ */ t(W, {}),
|
|
806
806
|
/* @__PURE__ */ t("span", { children: o("BACK") })
|
|
807
807
|
]
|
|
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 = _("autoQuality"), { t: i } = C(), s = D();
|
|
838
838
|
return /* @__PURE__ */ c(
|
|
839
839
|
"div",
|
|
840
840
|
{
|
|
@@ -853,7 +853,7 @@ function Qn() {
|
|
|
853
853
|
className: p.menuBackButton,
|
|
854
854
|
onClick: e.back,
|
|
855
855
|
children: [
|
|
856
|
-
/* @__PURE__ */ t(
|
|
856
|
+
/* @__PURE__ */ t(W, {}),
|
|
857
857
|
/* @__PURE__ */ t("span", { children: i("BACK") })
|
|
858
858
|
]
|
|
859
859
|
}
|
|
@@ -879,33 +879,32 @@ 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), jn = {
|
|
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 = v(), [n, o] = L(["main"]), [i, s] = L(!1), a =
|
|
890
|
+
function Qn() {
|
|
891
|
+
const e = v(), [n, o] = L(["main"]), [i, s] = L(!1), a = f(() => {
|
|
892
892
|
s(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
|
|
893
|
-
}, [i]), r =
|
|
893
|
+
}, [i]), r = f((P) => {
|
|
894
894
|
o((T) => T.concat(P));
|
|
895
|
-
}, []), l =
|
|
895
|
+
}, []), l = f(() => {
|
|
896
896
|
o((P) => P.length > 1 ? P.slice(0, -1) : P);
|
|
897
|
-
}, []), u = E(() =>
|
|
897
|
+
}, []), u = E(() => jn[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
|
-
he({
|
|
903
|
+
me({
|
|
905
904
|
element: d
|
|
906
905
|
})
|
|
907
906
|
]
|
|
908
|
-
}), y =
|
|
907
|
+
}), y = he(k, { escapeKey: !1 }), { getReferenceProps: N, getFloatingProps: h } = pe([y]), g = E(
|
|
909
908
|
() => ({ setPage: r, back: l, toggle: a }),
|
|
910
909
|
[l, r, a]
|
|
911
910
|
);
|
|
@@ -926,12 +925,12 @@ function jn() {
|
|
|
926
925
|
contextValue: g
|
|
927
926
|
};
|
|
928
927
|
}
|
|
929
|
-
const
|
|
928
|
+
const Wn = "_settings-menu_7d0td_1", Yn = "_arrow_7d0td_19", Me = {
|
|
930
929
|
"settings-menu": "_settings-menu_7d0td_1",
|
|
931
|
-
settingsMenu:
|
|
932
|
-
arrow:
|
|
930
|
+
settingsMenu: Wn,
|
|
931
|
+
arrow: Yn
|
|
933
932
|
};
|
|
934
|
-
function
|
|
933
|
+
function Xn() {
|
|
935
934
|
const {
|
|
936
935
|
Page: e,
|
|
937
936
|
arrowRef: n,
|
|
@@ -942,8 +941,8 @@ function Jn() {
|
|
|
942
941
|
open: r,
|
|
943
942
|
refs: l,
|
|
944
943
|
contextValue: u
|
|
945
|
-
} =
|
|
946
|
-
return /* @__PURE__ */ c(
|
|
944
|
+
} = Qn(), { t: d } = C();
|
|
945
|
+
return /* @__PURE__ */ c(j, { children: [
|
|
947
946
|
/* @__PURE__ */ t(
|
|
948
947
|
"button",
|
|
949
948
|
{
|
|
@@ -954,25 +953,25 @@ function Jn() {
|
|
|
954
953
|
onClick: u.toggle,
|
|
955
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(fe, { context: o, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ c(
|
|
961
960
|
"div",
|
|
962
961
|
{
|
|
963
962
|
"aria-labelledby": "submenu",
|
|
964
|
-
className:
|
|
963
|
+
className: Me.settingsMenu,
|
|
965
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
|
+
_e,
|
|
972
971
|
{
|
|
973
972
|
ref: n,
|
|
974
973
|
context: o,
|
|
975
|
-
className:
|
|
974
|
+
className: Me.arrow
|
|
976
975
|
}
|
|
977
976
|
)
|
|
978
977
|
]
|
|
@@ -980,9 +979,9 @@ function Jn() {
|
|
|
980
979
|
) })
|
|
981
980
|
] });
|
|
982
981
|
}
|
|
983
|
-
function
|
|
982
|
+
function De(e, n = 1e3) {
|
|
984
983
|
return function() {
|
|
985
|
-
const i =
|
|
984
|
+
const i = _("lastKeyboardAction"), [s, a] = L(!1), r = f(() => a(!1), []);
|
|
986
985
|
return O(() => {
|
|
987
986
|
a(!!i);
|
|
988
987
|
const l = setTimeout(r, n);
|
|
@@ -990,43 +989,43 @@ function $e(e, n = 1e3) {
|
|
|
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: x.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(
|
|
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: x.feedbackIcon, children: /* @__PURE__ */ t(
|
|
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: x.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(
|
|
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: x.feedbackIcon, children: /* @__PURE__ */ t(
|
|
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: x.feedbackIcon, children: /* @__PURE__ */ t(
|
|
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":
|
|
@@ -1052,19 +1051,19 @@ function c1() {
|
|
|
1052
1051
|
return null;
|
|
1053
1052
|
}
|
|
1054
1053
|
}
|
|
1055
|
-
const
|
|
1056
|
-
function
|
|
1054
|
+
const c1 = De(s1, 500), r1 = De(a1, 1e3);
|
|
1055
|
+
function Ge() {
|
|
1057
1056
|
return /* @__PURE__ */ c("div", { className: x.feedbackOverlay, children: [
|
|
1058
|
-
/* @__PURE__ */ t(
|
|
1059
|
-
/* @__PURE__ */ t(
|
|
1057
|
+
/* @__PURE__ */ t(c1, {}),
|
|
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 =
|
|
1065
|
+
function h1() {
|
|
1066
|
+
const e = _("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", f1 = "_gesture_1fn3b_1", Pe = {
|
|
1084
1083
|
"gestures-container": "_gestures-container_1fn3b_1",
|
|
1085
|
-
gesturesContainer:
|
|
1084
|
+
gesturesContainer: p1,
|
|
1086
1085
|
gesture: f1
|
|
1087
1086
|
};
|
|
1088
|
-
function
|
|
1087
|
+
function _1() {
|
|
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 je = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.94968 7.74766L3.99993 2.79791L2.79785 3.99999L7.7476 8.94974L2.79785 13.8995L3.99993 15.1016L8.94968 10.1518L13.8994 15.1016L15.1015 13.8995L10.1518 8.94974L15.1015 3.99999L13.8994 2.79791L8.94968 7.74766Z", fill: "currentColor" }) }), 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(je, {})
|
|
1140
1139
|
}
|
|
1141
1140
|
)
|
|
1142
1141
|
] }),
|
|
@@ -1228,13 +1227,13 @@ function N1({ onClose: e }) {
|
|
|
1228
1227
|
}
|
|
1229
1228
|
);
|
|
1230
1229
|
}
|
|
1231
|
-
const
|
|
1232
|
-
share: /* @__PURE__ */ t(
|
|
1233
|
-
transcript: /* @__PURE__ */ t(
|
|
1234
|
-
media: /* @__PURE__ */ t(
|
|
1235
|
-
delete: /* @__PURE__ */ t(
|
|
1236
|
-
},
|
|
1237
|
-
function
|
|
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, {}),
|
|
1233
|
+
media: /* @__PURE__ */ t(S1, {}),
|
|
1234
|
+
delete: /* @__PURE__ */ t(V1, {})
|
|
1235
|
+
}, E1 = (e) => typeof e != "string";
|
|
1236
|
+
function R1() {
|
|
1238
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({
|
|
@@ -1243,21 +1242,20 @@ function A1() {
|
|
|
1243
1242
|
whileElementsMounted: de,
|
|
1244
1243
|
placement: "top-end",
|
|
1245
1244
|
middleware: [
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
me(
|
|
1249
|
-
he({
|
|
1245
|
+
Te(),
|
|
1246
|
+
Ee(10),
|
|
1247
|
+
me({
|
|
1250
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
|
-
}), y =
|
|
1255
|
+
}), y = he(w), { getReferenceProps: N, getFloatingProps: h, getItemProps: g } = pe(
|
|
1258
1256
|
[y, k]
|
|
1259
1257
|
), { t: P } = C();
|
|
1260
|
-
return a.kebabMenuElements.length > 0 ? /* @__PURE__ */ c(
|
|
1258
|
+
return a.kebabMenuElements.length > 0 ? /* @__PURE__ */ c(j, { children: [
|
|
1261
1259
|
/* @__PURE__ */ t(
|
|
1262
1260
|
"button",
|
|
1263
1261
|
{
|
|
@@ -1269,7 +1267,7 @@ function A1() {
|
|
|
1269
1267
|
...N({
|
|
1270
1268
|
onClick: () => r()
|
|
1271
1269
|
}),
|
|
1272
|
-
children: /* @__PURE__ */ t(
|
|
1270
|
+
children: /* @__PURE__ */ t(N1, {})
|
|
1273
1271
|
}
|
|
1274
1272
|
),
|
|
1275
1273
|
e && /* @__PURE__ */ t(fe, { context: w, modal: !1, children: /* @__PURE__ */ c(
|
|
@@ -1296,7 +1294,7 @@ function A1() {
|
|
|
1296
1294
|
}
|
|
1297
1295
|
}),
|
|
1298
1296
|
children: [
|
|
1299
|
-
|
|
1297
|
+
E1(V) ? V : T1[V],
|
|
1300
1298
|
Z
|
|
1301
1299
|
]
|
|
1302
1300
|
},
|
|
@@ -1304,7 +1302,7 @@ function A1() {
|
|
|
1304
1302
|
)
|
|
1305
1303
|
),
|
|
1306
1304
|
/* @__PURE__ */ t(
|
|
1307
|
-
|
|
1305
|
+
_e,
|
|
1308
1306
|
{
|
|
1309
1307
|
ref: l,
|
|
1310
1308
|
context: w,
|
|
@@ -1316,17 +1314,17 @@ function A1() {
|
|
|
1316
1314
|
) })
|
|
1317
1315
|
] }) : null;
|
|
1318
1316
|
}
|
|
1319
|
-
const
|
|
1320
|
-
function
|
|
1321
|
-
const [e, n] = L(!1), [o, i] = L(!1), [s, a] = L(!1), r = v(), l =
|
|
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 = _("playing"), u = oe(), { t: d } = C(), b = f(() => {
|
|
1322
1320
|
n(!0), r.disableInteractions(), l && (a(!0), u.pause());
|
|
1323
|
-
}, [l, u, r]), w =
|
|
1321
|
+
}, [l, u, r]), w = f(() => {
|
|
1324
1322
|
n(!1), i(!0), r.enableInteractions(), s && (a(!1), u.play());
|
|
1325
|
-
}, [s, u, r]), k =
|
|
1323
|
+
}, [s, u, r]), k = f(
|
|
1326
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
|
{
|
|
@@ -1336,120 +1334,120 @@ function O1() {
|
|
|
1336
1334
|
className: `${I.controlsButton} ${I.keyboardShortcutsButton}`,
|
|
1337
1335
|
onClick: b,
|
|
1338
1336
|
tabIndex: r.state.interactionsDisabled ? -1 : 0,
|
|
1339
|
-
children: /* @__PURE__ */ t(
|
|
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 = v(), o =
|
|
1347
|
+
function Z1() {
|
|
1348
|
+
const e = F(), n = v(), o = _("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
|
|
1370
|
-
const n =
|
|
1371
|
-
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(
|
|
1367
|
+
function D1({ src: e }) {
|
|
1368
|
+
const n = _("source");
|
|
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", j1 = "_full-screen-close-icon_1pd49_36", Q1 = "_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: j1,
|
|
1384
1382
|
"fade-out": "_fade-out_1pd49_1",
|
|
1385
|
-
fadeOut:
|
|
1383
|
+
fadeOut: Q1
|
|
1386
1384
|
};
|
|
1387
|
-
function
|
|
1388
|
-
const e =
|
|
1385
|
+
function W1() {
|
|
1386
|
+
const e = _("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(je, {}) }),
|
|
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", fo = "_quiz-pin-child_fno42_172", _o = "_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
|
-
trackFill:
|
|
1420
|
-
pins:
|
|
1417
|
+
trackFill: ro,
|
|
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
1428
|
quizPinChild: fo,
|
|
1431
1429
|
"interactive-pin-container": "_interactive-pin-container_fno42_177",
|
|
1432
|
-
interactivePinContainer:
|
|
1430
|
+
interactivePinContainer: _o,
|
|
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
|
-
},
|
|
1444
|
+
interactivePinMenuItem: Lo,
|
|
1445
|
+
arrow: xo
|
|
1446
|
+
}, Mo = {
|
|
1449
1447
|
annotation: m.annotationPin,
|
|
1450
1448
|
quiz: m.quizPin
|
|
1451
1449
|
};
|
|
1452
|
-
function
|
|
1450
|
+
function Qe({
|
|
1453
1451
|
type: e,
|
|
1454
1452
|
position: n,
|
|
1455
1453
|
children: o,
|
|
@@ -1467,7 +1465,7 @@ function je({
|
|
|
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,8 +1479,8 @@ function je({
|
|
|
1481
1479
|
}
|
|
1482
1480
|
);
|
|
1483
1481
|
}
|
|
1484
|
-
function
|
|
1485
|
-
return /* @__PURE__ */ t(
|
|
1482
|
+
function Po(e) {
|
|
1483
|
+
return /* @__PURE__ */ t(Qe, { type: "annotation", ...e, children: /* @__PURE__ */ t(
|
|
1486
1484
|
"path",
|
|
1487
1485
|
{
|
|
1488
1486
|
className: m.annotationPinChild,
|
|
@@ -1494,8 +1492,8 @@ function No(e) {
|
|
|
1494
1492
|
}
|
|
1495
1493
|
) });
|
|
1496
1494
|
}
|
|
1497
|
-
function
|
|
1498
|
-
return /* @__PURE__ */ t(
|
|
1495
|
+
function No(e) {
|
|
1496
|
+
return /* @__PURE__ */ t(Qe, { 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
1499
|
className: m.quizPinChild,
|
|
@@ -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,7 +1515,7 @@ 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
1521
|
var l;
|
|
@@ -1537,12 +1535,12 @@ function So(e, n) {
|
|
|
1537
1535
|
}), s++;
|
|
1538
1536
|
}), i;
|
|
1539
1537
|
}
|
|
1540
|
-
function
|
|
1538
|
+
function So(e, n, o, i) {
|
|
1541
1539
|
switch (e.type) {
|
|
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 Vo(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,18 +1563,18 @@ function Vo(e, n, o, i) {
|
|
|
1565
1563
|
return null;
|
|
1566
1564
|
}
|
|
1567
1565
|
}
|
|
1568
|
-
function
|
|
1569
|
-
const e = oe(), n =
|
|
1570
|
-
...
|
|
1566
|
+
function Vo() {
|
|
1567
|
+
const e = oe(), n = _("duration"), o = M(), i = E(() => [
|
|
1568
|
+
...Io(
|
|
1571
1569
|
o.annotations,
|
|
1572
1570
|
o.onAnnotationClick
|
|
1573
1571
|
),
|
|
1574
|
-
...
|
|
1575
|
-
].sort((a, r) => a.time - r.time).map((a) =>
|
|
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]);
|
|
1576
1574
|
return /* @__PURE__ */ t("div", { className: m.pins, children: i });
|
|
1577
1575
|
}
|
|
1578
|
-
function
|
|
1579
|
-
const e =
|
|
1576
|
+
function To() {
|
|
1577
|
+
const e = _("duration"), n = M(), o = v();
|
|
1580
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
|
{
|
|
@@ -1588,8 +1586,8 @@ function Eo() {
|
|
|
1588
1586
|
i.id
|
|
1589
1587
|
)) }) : null;
|
|
1590
1588
|
}
|
|
1591
|
-
function
|
|
1592
|
-
const [o, i] = L(!1), s = M(), a =
|
|
1589
|
+
function Eo({ currentTime: e, position: n }) {
|
|
1590
|
+
const [o, i] = L(!1), s = M(), a = f(() => s.interactiveMenuElements.length > 0 ? i((y) => !y) : s.onInteractivePinClick(e), [
|
|
1593
1591
|
s.interactiveMenuElements,
|
|
1594
1592
|
s.onInteractivePinClick,
|
|
1595
1593
|
e
|
|
@@ -1599,15 +1597,14 @@ function Ro({ currentTime: e, position: n }) {
|
|
|
1599
1597
|
whileElementsMounted: de,
|
|
1600
1598
|
placement: "top",
|
|
1601
1599
|
middleware: [
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
me(
|
|
1605
|
-
he({
|
|
1600
|
+
Te(),
|
|
1601
|
+
Ee(6),
|
|
1602
|
+
me({
|
|
1606
1603
|
element: r
|
|
1607
1604
|
})
|
|
1608
1605
|
]
|
|
1609
|
-
}), b =
|
|
1610
|
-
return /* @__PURE__ */ c(
|
|
1606
|
+
}), b = he(d), { getReferenceProps: w, getFloatingProps: k } = pe([b]);
|
|
1607
|
+
return /* @__PURE__ */ c(j, { children: [
|
|
1611
1608
|
/* @__PURE__ */ t(
|
|
1612
1609
|
"button",
|
|
1613
1610
|
{
|
|
@@ -1707,7 +1704,7 @@ function Ro({ currentTime: e, position: n }) {
|
|
|
1707
1704
|
)
|
|
1708
1705
|
),
|
|
1709
1706
|
/* @__PURE__ */ t(
|
|
1710
|
-
|
|
1707
|
+
_e,
|
|
1711
1708
|
{
|
|
1712
1709
|
ref: r,
|
|
1713
1710
|
context: d,
|
|
@@ -1721,23 +1718,23 @@ function Ro({ currentTime: e, position: n }) {
|
|
|
1721
1718
|
)
|
|
1722
1719
|
] });
|
|
1723
1720
|
}
|
|
1724
|
-
function
|
|
1725
|
-
const e =
|
|
1721
|
+
function Ro() {
|
|
1722
|
+
const e = _("duration"), n = _("currentTime"), o = n / e * 100, { disableInteractivePinRanges: i } = M();
|
|
1726
1723
|
return i.some(
|
|
1727
1724
|
([a, r]) => n >= a && n <= r
|
|
1728
|
-
) ? null : /* @__PURE__ */ t("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ t(
|
|
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 =
|
|
1732
|
-
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(
|
|
1727
|
+
function Ao() {
|
|
1728
|
+
const e = _("paused"), n = v();
|
|
1729
|
+
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(Ro, {}) : null;
|
|
1733
1730
|
}
|
|
1734
|
-
const
|
|
1735
|
-
function
|
|
1731
|
+
const Bo = `${m.progress} ${m.trackInner}`, Oo = `${m.trackFill} ${m.trackInner}`;
|
|
1732
|
+
function Ne({ className: e }) {
|
|
1736
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
|
{
|
|
@@ -1745,8 +1742,8 @@ function Ie({ className: e }) {
|
|
|
1745
1742
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1746
1743
|
children: [
|
|
1747
1744
|
/* @__PURE__ */ c($.Track, { className: m.track, children: [
|
|
1748
|
-
/* @__PURE__ */ t($.Progress, { className:
|
|
1749
|
-
/* @__PURE__ */ t($.TrackFill, { className:
|
|
1745
|
+
/* @__PURE__ */ t($.Progress, { className: Bo }),
|
|
1746
|
+
/* @__PURE__ */ t($.TrackFill, { className: Oo })
|
|
1750
1747
|
] }),
|
|
1751
1748
|
/* @__PURE__ */ t($.Thumb, { className: m.thumb })
|
|
1752
1749
|
]
|
|
@@ -1754,16 +1751,16 @@ function Ie({ className: e }) {
|
|
|
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 =
|
|
1762
|
+
function $o() {
|
|
1763
|
+
const e = F(), n = _("volume"), o = _("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(() => {
|
|
@@ -1895,7 +1892,7 @@ function qo(e, n = 1e3) {
|
|
|
1895
1892
|
}, n));
|
|
1896
1893
|
};
|
|
1897
1894
|
}
|
|
1898
|
-
const
|
|
1895
|
+
const Se = {
|
|
1899
1896
|
volume: 1,
|
|
1900
1897
|
muted: !1,
|
|
1901
1898
|
lang: null,
|
|
@@ -1906,11 +1903,11 @@ const Ve = {
|
|
|
1906
1903
|
invert: !1,
|
|
1907
1904
|
comments: !1
|
|
1908
1905
|
};
|
|
1909
|
-
class
|
|
1906
|
+
class qo {
|
|
1910
1907
|
constructor() {
|
|
1911
1908
|
S(this, "playerId", "studio-player");
|
|
1912
1909
|
S(this, "mediaId", null);
|
|
1913
|
-
S(this, "data",
|
|
1910
|
+
S(this, "data", Se);
|
|
1914
1911
|
S(this, "time", null);
|
|
1915
1912
|
S(this, "overrideTime", null);
|
|
1916
1913
|
S(this, "saveTime", () => {
|
|
@@ -1918,11 +1915,11 @@ class Go {
|
|
|
1918
1915
|
const n = (this.time ?? 0).toString();
|
|
1919
1916
|
localStorage.setItem(this.mediaId, n);
|
|
1920
1917
|
});
|
|
1921
|
-
S(this, "saveTimeThrottled",
|
|
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 {
|
|
@@ -1997,9 +1994,9 @@ class Go {
|
|
|
1997
1994
|
} catch {
|
|
1998
1995
|
}
|
|
1999
1996
|
this.data = {
|
|
2000
|
-
...
|
|
1997
|
+
...Se,
|
|
2001
1998
|
...r
|
|
2002
|
-
},
|
|
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,10 +2004,10 @@ 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
|
-
), l =
|
|
2010
|
+
), l = f(
|
|
2014
2011
|
(h) => {
|
|
2015
2012
|
r((g) => (s.saveData("multiplier", h), {
|
|
2016
2013
|
...g,
|
|
@@ -2018,7 +2015,7 @@ function Qo(e, n, o, i) {
|
|
|
2018
2015
|
}));
|
|
2019
2016
|
},
|
|
2020
2017
|
[s]
|
|
2021
|
-
), u =
|
|
2018
|
+
), u = f(() => {
|
|
2022
2019
|
r((h) => {
|
|
2023
2020
|
const g = !h.captionPositionOnTop;
|
|
2024
2021
|
return s.saveData("ontop", g), {
|
|
@@ -2026,7 +2023,7 @@ function Qo(e, n, o, i) {
|
|
|
2026
2023
|
captionPositionOnTop: g
|
|
2027
2024
|
};
|
|
2028
2025
|
});
|
|
2029
|
-
}, [s]), d =
|
|
2026
|
+
}, [s]), d = f(() => {
|
|
2030
2027
|
r((h) => {
|
|
2031
2028
|
const g = !h.captionsInvertColors;
|
|
2032
2029
|
return s.saveData("invert", g), {
|
|
@@ -2034,7 +2031,7 @@ function Qo(e, n, o, i) {
|
|
|
2034
2031
|
captionsInvertColors: g
|
|
2035
2032
|
};
|
|
2036
2033
|
});
|
|
2037
|
-
}, [s]), b =
|
|
2034
|
+
}, [s]), b = f(() => {
|
|
2038
2035
|
r((h) => {
|
|
2039
2036
|
const g = !h.commentsEnabled;
|
|
2040
2037
|
return s.saveData("comments", g), {
|
|
@@ -2042,25 +2039,25 @@ function Qo(e, n, o, i) {
|
|
|
2042
2039
|
commentsEnabled: g
|
|
2043
2040
|
};
|
|
2044
2041
|
});
|
|
2045
|
-
}, [s]), w =
|
|
2042
|
+
}, [s]), w = f(() => {
|
|
2046
2043
|
r((h) => ({
|
|
2047
2044
|
...h,
|
|
2048
2045
|
interactionsDisabled: !1
|
|
2049
2046
|
}));
|
|
2050
|
-
}, []), k =
|
|
2047
|
+
}, []), k = f(() => {
|
|
2051
2048
|
r((h) => ({
|
|
2052
2049
|
...h,
|
|
2053
2050
|
interactionsDisabled: !0
|
|
2054
2051
|
}));
|
|
2055
|
-
}, []), y =
|
|
2052
|
+
}, []), y = f((h) => {
|
|
2056
2053
|
r((g) => ({
|
|
2057
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: {
|
|
@@ -2080,20 +2077,20 @@ function Qo(e, n, o, i) {
|
|
|
2080
2077
|
storage: s
|
|
2081
2078
|
};
|
|
2082
2079
|
}
|
|
2083
|
-
const
|
|
2084
|
-
function
|
|
2080
|
+
const jo = {};
|
|
2081
|
+
function Qo() {
|
|
2085
2082
|
const e = M();
|
|
2086
|
-
return /* @__PURE__ */ c(
|
|
2087
|
-
/* @__PURE__ */ t(
|
|
2088
|
-
/* @__PURE__ */ t(
|
|
2089
|
-
/* @__PURE__ */ t(
|
|
2090
|
-
/* @__PURE__ */ t(
|
|
2091
|
-
/* @__PURE__ */ t(
|
|
2092
|
-
/* @__PURE__ */ t(
|
|
2093
|
-
/* @__PURE__ */ t(
|
|
2083
|
+
return /* @__PURE__ */ c(j, { children: [
|
|
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(W1, {}),
|
|
2089
|
+
/* @__PURE__ */ t(_1, {}),
|
|
2090
|
+
/* @__PURE__ */ t(Qt, { comments: e.comments })
|
|
2094
2091
|
] });
|
|
2095
2092
|
}
|
|
2096
|
-
const
|
|
2093
|
+
const Wo = (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,19 +2098,22 @@ 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(Wo, {}),
|
|
2105
|
+
/* @__PURE__ */ t(Ge, {}),
|
|
2106
|
+
/* @__PURE__ */ t(Be, {}),
|
|
2107
|
+
/* @__PURE__ */ t(Ze, { captions: e.captions })
|
|
2111
2108
|
] });
|
|
2112
2109
|
}
|
|
2110
|
+
function Xo(e, n) {
|
|
2111
|
+
return e.reduce((o, i) => (Object.keys(n).includes(i.id) || (o[i.id] = !0), o), n);
|
|
2112
|
+
}
|
|
2113
2113
|
function Jo(e, n, o, i, s) {
|
|
2114
2114
|
return (a) => {
|
|
2115
|
-
const r = a.detail.currentTime, l = !o.paused;
|
|
2116
|
-
r >= e.time && !i[e.id] && (s({ ...i, [e.id]: !0 }), n(e, l));
|
|
2115
|
+
const r = a.detail.currentTime, l = !o.paused, u = Math.min(o.duration * 0.05, 2);
|
|
2116
|
+
r >= e.time && r < e.time + u && !i[e.id] && (s({ ...i, [e.id]: !0 }), n(e, l));
|
|
2117
2117
|
};
|
|
2118
2118
|
}
|
|
2119
2119
|
function ei() {
|
|
@@ -2123,6 +2123,7 @@ function ei() {
|
|
|
2123
2123
|
O(() => {
|
|
2124
2124
|
if (!e)
|
|
2125
2125
|
return;
|
|
2126
|
+
n.length > Object.keys(i).length && s(Xo(n, i));
|
|
2126
2127
|
const a = [], r = (l) => {
|
|
2127
2128
|
var b;
|
|
2128
2129
|
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), {});
|
|
@@ -2149,9 +2150,15 @@ function ei() {
|
|
|
2149
2150
|
function ti() {
|
|
2150
2151
|
return ei(), null;
|
|
2151
2152
|
}
|
|
2153
|
+
function ni(e) {
|
|
2154
|
+
return Array.isArray(e) && typeof e[0] == "object";
|
|
2155
|
+
}
|
|
2156
|
+
function oi(e) {
|
|
2157
|
+
return ni(e) && e.length === 1 ? e[0].src : e;
|
|
2158
|
+
}
|
|
2152
2159
|
const ne = () => {
|
|
2153
2160
|
};
|
|
2154
|
-
function
|
|
2161
|
+
function mi({
|
|
2155
2162
|
title: e,
|
|
2156
2163
|
playerRef: n,
|
|
2157
2164
|
src: o,
|
|
@@ -2176,23 +2183,23 @@ function ui({
|
|
|
2176
2183
|
disableStorage: Y = !1,
|
|
2177
2184
|
startAt: X,
|
|
2178
2185
|
crossOrigin: se,
|
|
2179
|
-
captionOffsetOverride:
|
|
2180
|
-
disableInteractivePinRanges:
|
|
2186
|
+
captionOffsetOverride: We,
|
|
2187
|
+
disableInteractivePinRanges: Ye = []
|
|
2181
2188
|
}) {
|
|
2182
|
-
const { contextValue: ae, shortcuts:
|
|
2189
|
+
const { contextValue: ae, shortcuts: Xe, storage: Je } = Go(
|
|
2183
2190
|
a,
|
|
2184
2191
|
Z,
|
|
2185
2192
|
V,
|
|
2186
2193
|
X
|
|
2187
|
-
), { i18n:
|
|
2194
|
+
), { i18n: ve } = C();
|
|
2188
2195
|
O(() => {
|
|
2189
|
-
|
|
2190
|
-
}, [
|
|
2191
|
-
const [
|
|
2192
|
-
|
|
2196
|
+
ve.changeLanguage(l);
|
|
2197
|
+
}, [ve, l]);
|
|
2198
|
+
const [we, ye] = L("none"), et = f((R) => {
|
|
2199
|
+
mt(R) ? ye("audio") : ht(R) && ye("video");
|
|
2193
2200
|
}, []);
|
|
2194
2201
|
return /* @__PURE__ */ t(
|
|
2195
|
-
|
|
2202
|
+
yt,
|
|
2196
2203
|
{
|
|
2197
2204
|
hideFullScreen: a,
|
|
2198
2205
|
comments: r,
|
|
@@ -2210,41 +2217,42 @@ function ui({
|
|
|
2210
2217
|
forceComments: Z,
|
|
2211
2218
|
disableCaptionSettings: V,
|
|
2212
2219
|
disableStorage: Y,
|
|
2213
|
-
captionOffsetOverride:
|
|
2214
|
-
disableInteractivePinRanges:
|
|
2220
|
+
captionOffsetOverride: We,
|
|
2221
|
+
disableInteractivePinRanges: Ye,
|
|
2215
2222
|
onQuizMarkerShow: y,
|
|
2216
|
-
children: /* @__PURE__ */ t(
|
|
2217
|
-
|
|
2223
|
+
children: /* @__PURE__ */ t(wt, { contextValue: ae, children: /* @__PURE__ */ c(
|
|
2224
|
+
pt,
|
|
2218
2225
|
{
|
|
2226
|
+
"data-version": "0.3.10",
|
|
2219
2227
|
crossOrigin: se,
|
|
2220
|
-
storage: Y ? null :
|
|
2228
|
+
storage: Y ? null : Je,
|
|
2221
2229
|
title: e,
|
|
2222
|
-
src: o,
|
|
2223
|
-
keyShortcuts:
|
|
2230
|
+
src: oi(o),
|
|
2231
|
+
keyShortcuts: Xe,
|
|
2224
2232
|
playsInline: !0,
|
|
2225
2233
|
keyDisabled: ae.state.interactionsDisabled || ae.state.globalKeysDisabled,
|
|
2226
2234
|
onTextTracksChange: (R) => {
|
|
2227
|
-
const
|
|
2228
|
-
(
|
|
2235
|
+
const ke = R == null ? void 0 : R.findIndex(
|
|
2236
|
+
(tt) => tt.src === T
|
|
2229
2237
|
);
|
|
2230
|
-
|
|
2238
|
+
ke > -1 && (R[ke].mode = "showing");
|
|
2231
2239
|
},
|
|
2232
|
-
onProviderSetup:
|
|
2240
|
+
onProviderSetup: et,
|
|
2233
2241
|
children: [
|
|
2234
|
-
/* @__PURE__ */ c(ft, { className:
|
|
2235
|
-
|
|
2236
|
-
|
|
2242
|
+
/* @__PURE__ */ c(ft, { className: jo.mediaProvider, children: [
|
|
2243
|
+
we === "audio" && /* @__PURE__ */ t(Yo, {}),
|
|
2244
|
+
we === "video" && /* @__PURE__ */ t(Qo, {})
|
|
2237
2245
|
] }),
|
|
2238
|
-
/* @__PURE__ */ t(
|
|
2246
|
+
/* @__PURE__ */ t(B1, {}),
|
|
2239
2247
|
/* @__PURE__ */ t(
|
|
2240
|
-
|
|
2248
|
+
nn,
|
|
2241
2249
|
{
|
|
2242
2250
|
darkMode: P,
|
|
2243
2251
|
playerRef: n,
|
|
2244
2252
|
showCaptionsButton: !V
|
|
2245
2253
|
}
|
|
2246
2254
|
),
|
|
2247
|
-
/* @__PURE__ */ t(
|
|
2255
|
+
/* @__PURE__ */ t(Mt, { annotations: u }),
|
|
2248
2256
|
!!d.length && /* @__PURE__ */ t(ti, {})
|
|
2249
2257
|
]
|
|
2250
2258
|
}
|
|
@@ -2253,10 +2261,10 @@ function ui({
|
|
|
2253
2261
|
);
|
|
2254
2262
|
}
|
|
2255
2263
|
export {
|
|
2256
|
-
|
|
2257
|
-
|
|
2264
|
+
At as CAPTION_FONT_SIZE_MULTIPLIERS,
|
|
2265
|
+
Bt as COMMENT_DURATION,
|
|
2258
2266
|
K as PLAYBACK_RATES,
|
|
2259
|
-
|
|
2260
|
-
|
|
2261
|
-
|
|
2267
|
+
mi as StudioPlayer,
|
|
2268
|
+
fi as useMediaState,
|
|
2269
|
+
_i as useMediaStore
|
|
2262
2270
|
};
|