@instructure/studio-player 0.3.3 → 0.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/studio-player.es.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import './index-
|
|
1
|
+
import './index-DTXwbjqh.css';var et = Object.defineProperty;
|
|
2
2
|
var tt = (e, n, o) => n in e ? et(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
|
|
3
|
-
var
|
|
4
|
-
import { jsx as t, jsxs as
|
|
3
|
+
var H = (e, n, o) => tt(e, typeof n != "symbol" ? n + "" : n, o);
|
|
4
|
+
import { jsx as t, jsxs as s, Fragment as j } from "react/jsx-runtime";
|
|
5
5
|
import { createContext as ce, useContext as le, useState as x, useCallback as _, useEffect as Z, useMemo as S, useRef as W } from "react";
|
|
6
|
-
import { useMediaPlayer as z, Spinner as
|
|
7
|
-
import { useMediaState as si, useMediaStore as
|
|
6
|
+
import { useMediaPlayer as z, Spinner as ae, useMediaRemote as ne, useMediaState as C, isTrackCaptionKind as nt, Track as ot, Captions as it, usePlaybackRateOptions as at, useCaptionOptions as st, useVideoQualityOptions as ct, useMediaStore as Ve, Poster as lt, FullscreenButton as rt, Time as ke, TimeSlider as U, VolumeSlider as J, isAudioProvider as ut, isVideoProvider as dt, MediaPlayer as mt, MediaProvider as ht } from "@vidstack/react";
|
|
7
|
+
import { useMediaState as si, useMediaStore as ci } from "@vidstack/react";
|
|
8
8
|
import { initReactI18next as pt, useTranslation as f } from "react-i18next";
|
|
9
9
|
import _t from "i18next";
|
|
10
10
|
import Ct from "i18next-resources-to-backend";
|
|
11
11
|
import { useFloating as re, autoUpdate as ue, flip as de, arrow as me, useDismiss as he, useInteractions as pe, FloatingFocusManager as Se, FloatingArrow as _e, shift as Te, offset as Ee, useListNavigation as ft } from "@floating-ui/react";
|
|
12
12
|
const bt = (e, n, o) => {
|
|
13
13
|
const i = e[n];
|
|
14
|
-
return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((
|
|
14
|
+
return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((a, c) => {
|
|
15
15
|
(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
|
|
16
16
|
c.bind(
|
|
17
17
|
null,
|
|
@@ -56,7 +56,7 @@ function vt({
|
|
|
56
56
|
comments: n,
|
|
57
57
|
captions: o,
|
|
58
58
|
thumbnail: i,
|
|
59
|
-
annotations:
|
|
59
|
+
annotations: a,
|
|
60
60
|
quizMarkers: c,
|
|
61
61
|
interactive: l,
|
|
62
62
|
onAnnotationClick: r,
|
|
@@ -67,14 +67,15 @@ function vt({
|
|
|
67
67
|
darkMode: k,
|
|
68
68
|
children: w,
|
|
69
69
|
forceComments: M,
|
|
70
|
-
disableCaptionSettings: m
|
|
70
|
+
disableCaptionSettings: m,
|
|
71
|
+
disableStorage: b
|
|
71
72
|
}) {
|
|
72
|
-
const
|
|
73
|
+
const N = {
|
|
73
74
|
hideFullScreen: e,
|
|
74
75
|
comments: n,
|
|
75
76
|
captions: o,
|
|
76
77
|
thumbnail: i,
|
|
77
|
-
annotations:
|
|
78
|
+
annotations: a,
|
|
78
79
|
quizMarkers: c,
|
|
79
80
|
interactive: l,
|
|
80
81
|
onAnnotationClick: r,
|
|
@@ -84,14 +85,15 @@ function vt({
|
|
|
84
85
|
kebabMenuElements: y,
|
|
85
86
|
darkMode: k,
|
|
86
87
|
hasComments: n.length > 0,
|
|
87
|
-
hasAnnotations:
|
|
88
|
+
hasAnnotations: a.length > 0,
|
|
88
89
|
hasQuizmarkers: c.length > 0,
|
|
89
90
|
forceComments: M,
|
|
90
|
-
disableCaptionSettings: m
|
|
91
|
+
disableCaptionSettings: m,
|
|
92
|
+
disableStorage: b
|
|
91
93
|
};
|
|
92
|
-
return /* @__PURE__ */ t(Ae.Provider, { value:
|
|
94
|
+
return /* @__PURE__ */ t(Ae.Provider, { value: N, children: w });
|
|
93
95
|
}
|
|
94
|
-
function
|
|
96
|
+
function V() {
|
|
95
97
|
const e = le(Ae);
|
|
96
98
|
if (!e)
|
|
97
99
|
throw new Error(
|
|
@@ -105,12 +107,12 @@ const wt = "_annotation-overlay_1kxzn_1", yt = {
|
|
|
105
107
|
}, Le = 0.25, kt = (e, n) => {
|
|
106
108
|
let o = !1;
|
|
107
109
|
return (i) => {
|
|
108
|
-
const
|
|
109
|
-
|
|
110
|
+
const a = i.detail.currentTime;
|
|
111
|
+
a >= e.time && a < e.time + Le && !o && (o = !0, n(e)), (a < e.time || a >= e.time + Le) && o && (o = !1);
|
|
110
112
|
};
|
|
111
113
|
};
|
|
112
114
|
function Lt({ annotations: e }) {
|
|
113
|
-
const n = z(), o = g(), i =
|
|
115
|
+
const n = z(), o = g(), i = V(), [a, c] = x(
|
|
114
116
|
null
|
|
115
117
|
), l = _(
|
|
116
118
|
(u) => {
|
|
@@ -128,9 +130,9 @@ function Lt({ annotations: e }) {
|
|
|
128
130
|
const v = kt(p, l);
|
|
129
131
|
n.addEventListener("time-update", v), u.push(v);
|
|
130
132
|
}
|
|
131
|
-
if (
|
|
133
|
+
if (a) {
|
|
132
134
|
const p = e.find(
|
|
133
|
-
(v) => v.id ===
|
|
135
|
+
(v) => v.id === a.id
|
|
134
136
|
);
|
|
135
137
|
p ? c(p) : (c(null), o.enableInteractions());
|
|
136
138
|
}
|
|
@@ -138,9 +140,9 @@ function Lt({ annotations: e }) {
|
|
|
138
140
|
for (const p of u)
|
|
139
141
|
n.removeEventListener("time-update", p);
|
|
140
142
|
};
|
|
141
|
-
}, [n, e]),
|
|
143
|
+
}, [n, e]), a ? /* @__PURE__ */ t("div", { className: yt.annotationOverlay, children: a.render(r) }) : null;
|
|
142
144
|
}
|
|
143
|
-
const xt = "_media-buffering-indicator_1fwjr_1", Mt = "_media-buffering-spinner_1fwjr_17", Nt = "_media-buffering-spin_1fwjr_17", Pt = "_media-buffering-track_1fwjr_22", It = "_media-buffering-track-fill_1fwjr_27",
|
|
145
|
+
const xt = "_media-buffering-indicator_1fwjr_1", Mt = "_media-buffering-spinner_1fwjr_17", Nt = "_media-buffering-spin_1fwjr_17", Pt = "_media-buffering-track_1fwjr_22", It = "_media-buffering-track-fill_1fwjr_27", ee = {
|
|
144
146
|
"media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
|
|
145
147
|
mediaBufferingIndicator: xt,
|
|
146
148
|
"media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
|
|
@@ -153,26 +155,26 @@ const xt = "_media-buffering-indicator_1fwjr_1", Mt = "_media-buffering-spinner_
|
|
|
153
155
|
mediaBufferingTrackFill: It
|
|
154
156
|
};
|
|
155
157
|
function Be() {
|
|
156
|
-
return /* @__PURE__ */ t("div", { className:
|
|
157
|
-
/* @__PURE__ */ t(
|
|
158
|
+
return /* @__PURE__ */ t("div", { className: ee.mediaBufferingIndicator, children: /* @__PURE__ */ s(ae.Root, { className: ee.mediaBufferingSpinner, size: 96, children: [
|
|
159
|
+
/* @__PURE__ */ t(ae.Track, { className: ee.mediaBufferingTrack, width: 8 }),
|
|
158
160
|
/* @__PURE__ */ t(
|
|
159
|
-
|
|
161
|
+
ae.TrackFill,
|
|
160
162
|
{
|
|
161
|
-
className:
|
|
163
|
+
className: ee.mediaBufferingTrackFill,
|
|
162
164
|
width: 8
|
|
163
165
|
}
|
|
164
166
|
)
|
|
165
167
|
] }) });
|
|
166
168
|
}
|
|
167
|
-
const Oe = (e) => /* @__PURE__ */
|
|
169
|
+
const Oe = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
168
170
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104418", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
|
|
169
171
|
/* @__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" }) })
|
|
170
|
-
] }), Fe = (e) => /* @__PURE__ */
|
|
172
|
+
] }), Fe = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
171
173
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104406", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
|
|
172
174
|
/* @__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" }) })
|
|
173
175
|
] });
|
|
174
176
|
function Ht() {
|
|
175
|
-
const e =
|
|
177
|
+
const e = ne(), n = C("textTrack"), o = C("hasCaptions"), i = n && nt(n), a = g(), c = _(
|
|
176
178
|
(l) => {
|
|
177
179
|
e.toggleCaptions(l.nativeEvent);
|
|
178
180
|
},
|
|
@@ -186,7 +188,7 @@ function Ht() {
|
|
|
186
188
|
onClick: c,
|
|
187
189
|
"aria-label": "Captions",
|
|
188
190
|
"aria-pressed": i ? "true" : "false",
|
|
189
|
-
tabIndex:
|
|
191
|
+
tabIndex: a.state.interactionsDisabled ? -1 : 0,
|
|
190
192
|
children: i ? /* @__PURE__ */ t(Fe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Oe, { className: "controls-button-icon" })
|
|
191
193
|
}
|
|
192
194
|
) : null;
|
|
@@ -196,7 +198,7 @@ const Vt = "_captions_1s87p_1", St = {
|
|
|
196
198
|
};
|
|
197
199
|
function Ze({ captions: e }) {
|
|
198
200
|
const n = e.length > 0, o = g();
|
|
199
|
-
return /* @__PURE__ */
|
|
201
|
+
return /* @__PURE__ */ s(j, { children: [
|
|
200
202
|
e.map((i) => /* @__PURE__ */ t(
|
|
201
203
|
ot,
|
|
202
204
|
{
|
|
@@ -223,7 +225,7 @@ function Ze({ captions: e }) {
|
|
|
223
225
|
) : null
|
|
224
226
|
] });
|
|
225
227
|
}
|
|
226
|
-
const F = [0.5, 0.75, 1, 1.25, 1.5, 2], Tt = [0.5, 1, 2, 3, 4],
|
|
228
|
+
const F = [0.5, 0.75, 1, 1.25, 1.5, 2], Tt = [0.5, 1, 2, 3, 4], Et = 5, Rt = (e) => {
|
|
227
229
|
const [, n] = x({});
|
|
228
230
|
return S(() => {
|
|
229
231
|
let o = [];
|
|
@@ -232,7 +234,7 @@ const F = [0.5, 0.75, 1, 1.25, 1.5, 2], Tt = [0.5, 1, 2, 3, 4], ze = 5, Et = (e)
|
|
|
232
234
|
o.length >= e && o.shift(), o.push(i), n({});
|
|
233
235
|
},
|
|
234
236
|
remove(i) {
|
|
235
|
-
o = o.filter((
|
|
237
|
+
o = o.filter((a) => a !== i), n({});
|
|
236
238
|
},
|
|
237
239
|
clear() {
|
|
238
240
|
o = [], n({});
|
|
@@ -242,47 +244,47 @@ const F = [0.5, 0.75, 1, 1.25, 1.5, 2], Tt = [0.5, 1, 2, 3, 4], ze = 5, Et = (e)
|
|
|
242
244
|
}
|
|
243
245
|
};
|
|
244
246
|
}, []);
|
|
245
|
-
},
|
|
247
|
+
}, At = (e, n, o) => {
|
|
246
248
|
let i = !1;
|
|
247
|
-
return (
|
|
248
|
-
const c =
|
|
249
|
+
return (a) => {
|
|
250
|
+
const c = a.detail.currentTime;
|
|
249
251
|
c >= e.timestamp && c < e.timestamp + n && !i && (o.add(e), i = !0), (c < e.timestamp || c >= e.timestamp + n) && i && (o.remove(e), i = !1);
|
|
250
252
|
};
|
|
251
|
-
},
|
|
252
|
-
const o = z(), i =
|
|
253
|
+
}, Bt = (e, n = 5) => {
|
|
254
|
+
const o = z(), i = Rt(n);
|
|
253
255
|
return Z(() => {
|
|
254
256
|
if (!o)
|
|
255
257
|
return;
|
|
256
|
-
const
|
|
258
|
+
const a = [];
|
|
257
259
|
for (const c of e) {
|
|
258
|
-
const l =
|
|
259
|
-
|
|
260
|
+
const l = At(c, Et, i);
|
|
261
|
+
a.push(l), o.addEventListener("time-update", l);
|
|
260
262
|
}
|
|
261
263
|
return o.dispatchEvent(
|
|
262
264
|
new CustomEvent("time-update", {
|
|
263
265
|
detail: { currentTime: o.currentTime }
|
|
264
266
|
})
|
|
265
267
|
), () => {
|
|
266
|
-
for (const c of
|
|
268
|
+
for (const c of a)
|
|
267
269
|
o.removeEventListener("time-update", c);
|
|
268
270
|
i.clear();
|
|
269
271
|
};
|
|
270
272
|
}, [o, i, e]), i;
|
|
271
|
-
},
|
|
273
|
+
}, Ot = "_comments-overlay_1puzm_1", Ft = "_comments-container_1puzm_10", Zt = "_comment_1puzm_1", zt = "_comment-text_1puzm_47", Kt = "_comment-author-avatar_1puzm_70", Dt = "_comment-author-name_1puzm_89", A = {
|
|
272
274
|
"comments-overlay": "_comments-overlay_1puzm_1",
|
|
273
|
-
commentsOverlay:
|
|
275
|
+
commentsOverlay: Ot,
|
|
274
276
|
"comments-container": "_comments-container_1puzm_10",
|
|
275
|
-
commentsContainer:
|
|
276
|
-
comment:
|
|
277
|
+
commentsContainer: Ft,
|
|
278
|
+
comment: Zt,
|
|
277
279
|
"comment-text": "_comment-text_1puzm_47",
|
|
278
|
-
commentText:
|
|
280
|
+
commentText: zt,
|
|
279
281
|
"comment-author-avatar": "_comment-author-avatar_1puzm_70",
|
|
280
|
-
commentAuthorAvatar:
|
|
282
|
+
commentAuthorAvatar: Kt,
|
|
281
283
|
"comment-author-name": "_comment-author-name_1puzm_89",
|
|
282
|
-
commentAuthorName:
|
|
284
|
+
commentAuthorName: Dt
|
|
283
285
|
};
|
|
284
|
-
function
|
|
285
|
-
return e.render ? e.render(e, A) : /* @__PURE__ */
|
|
286
|
+
function $t({ comment: e }) {
|
|
287
|
+
return e.render ? e.render(e, A) : /* @__PURE__ */ s("div", { className: A.comment, onClick: () => {
|
|
286
288
|
var n;
|
|
287
289
|
return (n = e.onClick) == null ? void 0 : n.call(e, e);
|
|
288
290
|
}, children: [
|
|
@@ -298,9 +300,9 @@ function Dt({ comment: e }) {
|
|
|
298
300
|
/* @__PURE__ */ t("span", { className: A.commentAuthorName, children: e.user.name })
|
|
299
301
|
] });
|
|
300
302
|
}
|
|
301
|
-
const
|
|
302
|
-
function
|
|
303
|
-
const n = g(), o =
|
|
303
|
+
const Ut = 5;
|
|
304
|
+
function qt({ comments: e }) {
|
|
305
|
+
const n = g(), o = Bt(e, Ut), i = !!C("textTrack"), a = o.map((c) => /* @__PURE__ */ t($t, { comment: c }, c.id));
|
|
304
306
|
return e.length > 0 && n.state.commentsEnabled ? /* @__PURE__ */ t(
|
|
305
307
|
"div",
|
|
306
308
|
{
|
|
@@ -308,23 +310,23 @@ function Ut({ comments: e }) {
|
|
|
308
310
|
style: {
|
|
309
311
|
flexDirection: n.state.captionPositionOnTop && i ? "column-reverse" : "column"
|
|
310
312
|
},
|
|
311
|
-
children: /* @__PURE__ */ t("div", { className: A.commentsContainer, children: i ?
|
|
313
|
+
children: /* @__PURE__ */ t("div", { className: A.commentsContainer, children: i ? a.slice(-4) : a })
|
|
312
314
|
}
|
|
313
315
|
) : null;
|
|
314
316
|
}
|
|
315
|
-
const
|
|
316
|
-
root:
|
|
317
|
+
const Gt = "_root_1x28e_1", Wt = "_left-controls_1x28e_28", jt = "_right-controls_1x28e_34", Qt = "_indicators_1x28e_40", Yt = "_normal-timeline_1x28e_49", Xt = "_compact-timeline_1x28e_55", O = {
|
|
318
|
+
root: Gt,
|
|
317
319
|
"left-controls": "_left-controls_1x28e_28",
|
|
318
|
-
leftControls:
|
|
320
|
+
leftControls: Wt,
|
|
319
321
|
"right-controls": "_right-controls_1x28e_34",
|
|
320
|
-
rightControls:
|
|
321
|
-
indicators:
|
|
322
|
+
rightControls: jt,
|
|
323
|
+
indicators: Qt,
|
|
322
324
|
"normal-timeline": "_normal-timeline_1x28e_49",
|
|
323
|
-
normalTimeline:
|
|
325
|
+
normalTimeline: Yt,
|
|
324
326
|
"compact-timeline": "_compact-timeline_1x28e_55",
|
|
325
|
-
compactTimeline:
|
|
327
|
+
compactTimeline: Xt
|
|
326
328
|
};
|
|
327
|
-
function
|
|
329
|
+
function Jt({
|
|
328
330
|
darkMode: e,
|
|
329
331
|
playerRef: n,
|
|
330
332
|
showCaptionsButton: o = !0
|
|
@@ -332,33 +334,33 @@ function Xt({
|
|
|
332
334
|
const i = z();
|
|
333
335
|
return Z(() => {
|
|
334
336
|
i && (i.remoteControl.pauseControls(), n && (n.current = i));
|
|
335
|
-
}, [i, n]), /* @__PURE__ */
|
|
337
|
+
}, [i, n]), /* @__PURE__ */ s("div", { "data-darkmode": e, className: O.root, children: [
|
|
336
338
|
/* @__PURE__ */ t(Ne, { className: O.normalTimeline }),
|
|
337
|
-
/* @__PURE__ */
|
|
338
|
-
/* @__PURE__ */ t(
|
|
339
|
-
/* @__PURE__ */ t(
|
|
339
|
+
/* @__PURE__ */ s("div", { className: O.leftControls, children: [
|
|
340
|
+
/* @__PURE__ */ t(B1, {}),
|
|
341
|
+
/* @__PURE__ */ t(zo, {})
|
|
340
342
|
] }),
|
|
341
|
-
/* @__PURE__ */ t("div", { className: O.indicators, children: /* @__PURE__ */ t(
|
|
343
|
+
/* @__PURE__ */ t("div", { className: O.indicators, children: /* @__PURE__ */ t(Q1, {}) }),
|
|
342
344
|
/* @__PURE__ */ t(Ne, { className: O.compactTimeline }),
|
|
343
|
-
/* @__PURE__ */
|
|
345
|
+
/* @__PURE__ */ s("div", { className: O.rightControls, children: [
|
|
344
346
|
o && /* @__PURE__ */ t(Ht, {}),
|
|
345
|
-
/* @__PURE__ */ t(
|
|
346
|
-
/* @__PURE__ */ t(
|
|
347
|
+
/* @__PURE__ */ t(jn, {}),
|
|
348
|
+
/* @__PURE__ */ t(u1, {})
|
|
347
349
|
] })
|
|
348
350
|
] });
|
|
349
351
|
}
|
|
350
|
-
const
|
|
352
|
+
const en = (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" }) }), tn = (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" }) }), nn = "_menu-hint_k49ve_1", on = "_menu-button_k49ve_5", an = "_menu-label_k49ve_37", sn = "_menu-icon_k49ve_42", te = {
|
|
351
353
|
"menu-hint": "_menu-hint_k49ve_1",
|
|
352
|
-
menuHint:
|
|
354
|
+
menuHint: nn,
|
|
353
355
|
"menu-button": "_menu-button_k49ve_5",
|
|
354
|
-
menuButton:
|
|
356
|
+
menuButton: on,
|
|
355
357
|
"menu-label": "_menu-label_k49ve_37",
|
|
356
|
-
menuLabel:
|
|
358
|
+
menuLabel: an,
|
|
357
359
|
"menu-icon": "_menu-icon_k49ve_42",
|
|
358
360
|
menuIcon: sn
|
|
359
361
|
};
|
|
360
362
|
function Q({ label: e, hint: n, onClick: o, Icon: i }) {
|
|
361
|
-
return /* @__PURE__ */
|
|
363
|
+
return /* @__PURE__ */ s(
|
|
362
364
|
"button",
|
|
363
365
|
{
|
|
364
366
|
type: "button",
|
|
@@ -366,19 +368,19 @@ function Q({ label: e, hint: n, onClick: o, Icon: i }) {
|
|
|
366
368
|
"aria-label": e,
|
|
367
369
|
tabIndex: -1,
|
|
368
370
|
onClick: o,
|
|
369
|
-
className:
|
|
371
|
+
className: te.menuButton,
|
|
370
372
|
children: [
|
|
371
|
-
i && /* @__PURE__ */ t(i, { className:
|
|
372
|
-
/* @__PURE__ */ t("span", { className:
|
|
373
|
-
/* @__PURE__ */ t("span", { className:
|
|
374
|
-
/* @__PURE__ */ t(
|
|
373
|
+
i && /* @__PURE__ */ t(i, { className: te.menuIcon }),
|
|
374
|
+
/* @__PURE__ */ t("span", { className: te.menuLabel, children: e }),
|
|
375
|
+
/* @__PURE__ */ t("span", { className: te.menuHint, children: n }),
|
|
376
|
+
/* @__PURE__ */ t(tn, {})
|
|
375
377
|
]
|
|
376
378
|
}
|
|
377
379
|
);
|
|
378
380
|
}
|
|
379
|
-
const
|
|
380
|
-
function
|
|
381
|
-
const e =
|
|
381
|
+
const cn = (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" }) });
|
|
382
|
+
function ln() {
|
|
383
|
+
const e = I(), n = C("playbackRate"), { t: o } = f(), i = _(() => {
|
|
382
384
|
e.setPage("speed");
|
|
383
385
|
}, [e]);
|
|
384
386
|
return /* @__PURE__ */ t(
|
|
@@ -387,12 +389,12 @@ function cn() {
|
|
|
387
389
|
label: o("PLAYBACK_SPEED"),
|
|
388
390
|
hint: `${n}x`,
|
|
389
391
|
onClick: i,
|
|
390
|
-
Icon:
|
|
392
|
+
Icon: cn
|
|
391
393
|
}
|
|
392
394
|
);
|
|
393
395
|
}
|
|
394
|
-
function
|
|
395
|
-
const e =
|
|
396
|
+
function rn() {
|
|
397
|
+
const e = I(), n = C("hasCaptions"), o = C("textTrack"), { t: i } = f(), a = _(() => {
|
|
396
398
|
e.setPage("captions");
|
|
397
399
|
}, [e]);
|
|
398
400
|
return n ? /* @__PURE__ */ t(
|
|
@@ -400,21 +402,21 @@ function ln() {
|
|
|
400
402
|
{
|
|
401
403
|
label: i("CAPTIONS"),
|
|
402
404
|
hint: (o == null ? void 0 : o.label) ?? i("OFF"),
|
|
403
|
-
onClick:
|
|
405
|
+
onClick: a,
|
|
404
406
|
Icon: Oe
|
|
405
407
|
}
|
|
406
408
|
) : null;
|
|
407
409
|
}
|
|
408
|
-
const
|
|
410
|
+
const un = (e) => /* @__PURE__ */ s("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
409
411
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_412_23039", children: /* @__PURE__ */ t("rect", { width: 18, height: 18, fill: "white" }) }) }),
|
|
410
|
-
/* @__PURE__ */
|
|
412
|
+
/* @__PURE__ */ s("g", { clipPath: "url(#clip0_412_23039)", children: [
|
|
411
413
|
/* @__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" }),
|
|
412
414
|
/* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 8.40039H9.46326C9.7388 7.11449 10.8818 6.15039 12.25 6.15039C13.6182 6.15039 14.7612 7.11449 15.0367 8.40039H18V9.60039H15.0367C14.7612 10.8863 13.6182 11.8504 12.25 11.8504C10.8818 11.8504 9.7388 10.8863 9.46326 9.60039H0V8.40039ZM12.25 7.35039C11.3387 7.35039 10.6 8.08912 10.6 9.00039C10.6 9.91166 11.3387 10.6504 12.25 10.6504C13.1613 10.6504 13.9 9.91166 13.9 9.00039C13.9 8.08912 13.1613 7.35039 12.25 7.35039Z", fill: "currentColor" }),
|
|
413
415
|
/* @__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" })
|
|
414
416
|
] })
|
|
415
417
|
] });
|
|
416
|
-
function
|
|
417
|
-
const e =
|
|
418
|
+
function dn() {
|
|
419
|
+
const e = I(), n = C("autoQuality"), o = C("quality"), { t: i } = f(), a = _(() => {
|
|
418
420
|
e.setPage("quality");
|
|
419
421
|
}, [e]);
|
|
420
422
|
return o ? /* @__PURE__ */ t(
|
|
@@ -422,24 +424,24 @@ function un() {
|
|
|
422
424
|
{
|
|
423
425
|
label: i("QUALITY"),
|
|
424
426
|
hint: n ? i("AUTO", { quality: o.height }) : `${o.height}p`,
|
|
425
|
-
onClick:
|
|
426
|
-
Icon:
|
|
427
|
+
onClick: a,
|
|
428
|
+
Icon: un
|
|
427
429
|
}
|
|
428
430
|
) : null;
|
|
429
431
|
}
|
|
430
|
-
const
|
|
432
|
+
const mn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 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" }) }), hn = (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" }) }), pn = "_switch-track_1d65g_1", _n = "_switch-thumb_1d65g_12", Cn = "_switch-icon_1d65g_26", fn = "_switch-body_1d65g_32", bn = "_switch-label_1d65g_73", gn = "_menu-icon_1d65g_77", R = {
|
|
431
433
|
"switch-track": "_switch-track_1d65g_1",
|
|
432
|
-
switchTrack:
|
|
434
|
+
switchTrack: pn,
|
|
433
435
|
"switch-thumb": "_switch-thumb_1d65g_12",
|
|
434
|
-
switchThumb:
|
|
436
|
+
switchThumb: _n,
|
|
435
437
|
"switch-icon": "_switch-icon_1d65g_26",
|
|
436
|
-
switchIcon:
|
|
438
|
+
switchIcon: Cn,
|
|
437
439
|
"switch-body": "_switch-body_1d65g_32",
|
|
438
|
-
switchBody:
|
|
440
|
+
switchBody: fn,
|
|
439
441
|
"switch-label": "_switch-label_1d65g_73",
|
|
440
|
-
switchLabel:
|
|
442
|
+
switchLabel: bn,
|
|
441
443
|
"menu-icon": "_menu-icon_1d65g_77",
|
|
442
|
-
menuIcon:
|
|
444
|
+
menuIcon: gn
|
|
443
445
|
};
|
|
444
446
|
function Ce({
|
|
445
447
|
label: e,
|
|
@@ -447,7 +449,7 @@ function Ce({
|
|
|
447
449
|
onClick: o,
|
|
448
450
|
Icon: i
|
|
449
451
|
}) {
|
|
450
|
-
return /* @__PURE__ */
|
|
452
|
+
return /* @__PURE__ */ s(
|
|
451
453
|
"button",
|
|
452
454
|
{
|
|
453
455
|
className: R.switchBody,
|
|
@@ -459,29 +461,29 @@ function Ce({
|
|
|
459
461
|
children: [
|
|
460
462
|
i && /* @__PURE__ */ t(i, { className: R.menuIcon }),
|
|
461
463
|
/* @__PURE__ */ t("span", { className: R.switchLabel, children: e }),
|
|
462
|
-
/* @__PURE__ */ t("div", { className: R.switchTrack, children: /* @__PURE__ */ t("div", { className: R.switchThumb, children: n ? /* @__PURE__ */ t(
|
|
464
|
+
/* @__PURE__ */ t("div", { className: R.switchTrack, children: /* @__PURE__ */ t("div", { className: R.switchThumb, children: n ? /* @__PURE__ */ t(mn, { className: R.switchIcon }) : /* @__PURE__ */ t(hn, { className: R.switchIcon }) }) })
|
|
463
465
|
]
|
|
464
466
|
}
|
|
465
467
|
);
|
|
466
468
|
}
|
|
467
|
-
const
|
|
468
|
-
function
|
|
469
|
-
const { t: e } = f(), n =
|
|
469
|
+
const vn = (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" }) });
|
|
470
|
+
function wn() {
|
|
471
|
+
const { t: e } = f(), n = V(), o = g();
|
|
470
472
|
return !n.forceComments && n.hasComments ? /* @__PURE__ */ t(
|
|
471
473
|
Ce,
|
|
472
474
|
{
|
|
473
|
-
Icon:
|
|
475
|
+
Icon: vn,
|
|
474
476
|
label: e("COMMENTS"),
|
|
475
477
|
onClick: o.toggleComments,
|
|
476
478
|
checked: o.state.commentsEnabled
|
|
477
479
|
}
|
|
478
480
|
) : null;
|
|
479
481
|
}
|
|
480
|
-
const
|
|
482
|
+
const yn = "_main-menu_7h96l_1", kn = {
|
|
481
483
|
"main-menu": "_main-menu_7h96l_1",
|
|
482
|
-
mainMenu:
|
|
484
|
+
mainMenu: yn
|
|
483
485
|
};
|
|
484
|
-
function
|
|
486
|
+
function ze(e) {
|
|
485
487
|
Z(() => {
|
|
486
488
|
const n = (o) => {
|
|
487
489
|
var i;
|
|
@@ -492,61 +494,61 @@ function Ke(e) {
|
|
|
492
494
|
};
|
|
493
495
|
}, [e]);
|
|
494
496
|
}
|
|
495
|
-
function
|
|
497
|
+
function Ln(e) {
|
|
496
498
|
const n = S(() => ({ Escape: e }), [e]);
|
|
497
|
-
return
|
|
499
|
+
return ze(n);
|
|
498
500
|
}
|
|
499
|
-
const
|
|
500
|
-
const e = le(
|
|
501
|
+
const I = () => {
|
|
502
|
+
const e = le(Ke);
|
|
501
503
|
if (!e)
|
|
502
504
|
throw new Error(
|
|
503
505
|
"useCustomSettingsMenuContext must be used within a CustomSettingsMenuContext.Provider"
|
|
504
506
|
);
|
|
505
507
|
return e;
|
|
506
508
|
};
|
|
507
|
-
function
|
|
509
|
+
function xn(e, n) {
|
|
508
510
|
const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(n);
|
|
509
511
|
return o[i - 1] ?? null;
|
|
510
512
|
}
|
|
511
|
-
function
|
|
513
|
+
function Mn(e, n) {
|
|
512
514
|
const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(n);
|
|
513
515
|
return o[i + 1] ?? null;
|
|
514
516
|
}
|
|
515
|
-
function
|
|
517
|
+
function Nn(e) {
|
|
516
518
|
return e.querySelector("button");
|
|
517
519
|
}
|
|
518
|
-
function
|
|
520
|
+
function Pn(e) {
|
|
519
521
|
const n = Array.from(e.querySelectorAll("button"));
|
|
520
522
|
return n[n.length - 1] ?? null;
|
|
521
523
|
}
|
|
522
524
|
function K() {
|
|
523
|
-
const e =
|
|
525
|
+
const e = I(), n = W(null), o = S(
|
|
524
526
|
() => ({
|
|
525
527
|
Escape: e.toggle,
|
|
526
528
|
ArrowUp: () => {
|
|
527
529
|
const i = document.activeElement;
|
|
528
530
|
if (i && n.current && n.current.contains(i)) {
|
|
529
|
-
const
|
|
531
|
+
const a = xn(
|
|
530
532
|
n.current,
|
|
531
533
|
i
|
|
532
534
|
);
|
|
533
|
-
|
|
535
|
+
a == null || a.focus();
|
|
534
536
|
} else if (n.current) {
|
|
535
|
-
const
|
|
536
|
-
|
|
537
|
+
const a = Pn(n.current);
|
|
538
|
+
a == null || a.focus();
|
|
537
539
|
}
|
|
538
540
|
},
|
|
539
541
|
ArrowDown: () => {
|
|
540
542
|
const i = document.activeElement;
|
|
541
543
|
if (i && n.current && n.current.contains(i)) {
|
|
542
|
-
const
|
|
544
|
+
const a = Mn(
|
|
543
545
|
n.current,
|
|
544
546
|
i
|
|
545
547
|
);
|
|
546
|
-
|
|
548
|
+
a == null || a.focus();
|
|
547
549
|
} else if (n.current) {
|
|
548
|
-
const
|
|
549
|
-
|
|
550
|
+
const a = Nn(n.current);
|
|
551
|
+
a == null || a.focus();
|
|
550
552
|
}
|
|
551
553
|
},
|
|
552
554
|
ArrowRight: () => {
|
|
@@ -557,47 +559,47 @@ function K() {
|
|
|
557
559
|
}),
|
|
558
560
|
[e]
|
|
559
561
|
);
|
|
560
|
-
return
|
|
562
|
+
return ze(o), n;
|
|
561
563
|
}
|
|
562
|
-
function
|
|
564
|
+
function In() {
|
|
563
565
|
const e = K(), { t: n } = f();
|
|
564
|
-
return /* @__PURE__ */
|
|
566
|
+
return /* @__PURE__ */ s(
|
|
565
567
|
"div",
|
|
566
568
|
{
|
|
567
569
|
ref: e,
|
|
568
570
|
id: "submenu",
|
|
569
571
|
"aria-label": n("MAIN_MENU"),
|
|
570
572
|
role: "menu",
|
|
571
|
-
className:
|
|
573
|
+
className: kn.mainMenu,
|
|
572
574
|
children: [
|
|
573
|
-
/* @__PURE__ */ t(cn, {}),
|
|
574
575
|
/* @__PURE__ */ t(ln, {}),
|
|
575
|
-
/* @__PURE__ */ t(
|
|
576
|
-
/* @__PURE__ */ t(
|
|
576
|
+
/* @__PURE__ */ t(rn, {}),
|
|
577
|
+
/* @__PURE__ */ t(wn, {}),
|
|
578
|
+
/* @__PURE__ */ t(dn, {})
|
|
577
579
|
]
|
|
578
580
|
}
|
|
579
581
|
);
|
|
580
582
|
}
|
|
581
|
-
const
|
|
583
|
+
const oe = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), Y = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }), Hn = "_menu-container_1lrzf_1", Vn = "_menu-heading_1lrzf_6", Sn = "_check-icon_1lrzf_22", Tn = "_menu-item-label_1lrzf_28", En = "_menu-item_1lrzf_28", Rn = "_menu-back-button_1lrzf_61", h = {
|
|
582
584
|
"menu-container": "_menu-container_1lrzf_1",
|
|
583
|
-
menuContainer:
|
|
585
|
+
menuContainer: Hn,
|
|
584
586
|
"menu-heading": "_menu-heading_1lrzf_6",
|
|
585
|
-
menuHeading:
|
|
587
|
+
menuHeading: Vn,
|
|
586
588
|
"check-icon": "_check-icon_1lrzf_22",
|
|
587
|
-
checkIcon:
|
|
589
|
+
checkIcon: Sn,
|
|
588
590
|
"menu-item-label": "_menu-item-label_1lrzf_28",
|
|
589
|
-
menuItemLabel:
|
|
591
|
+
menuItemLabel: Tn,
|
|
590
592
|
"menu-item": "_menu-item_1lrzf_28",
|
|
591
|
-
menuItem:
|
|
593
|
+
menuItem: En,
|
|
592
594
|
"menu-back-button": "_menu-back-button_1lrzf_61",
|
|
593
|
-
menuBackButton:
|
|
595
|
+
menuBackButton: Rn
|
|
594
596
|
};
|
|
595
|
-
function
|
|
596
|
-
const e =
|
|
597
|
+
function An() {
|
|
598
|
+
const e = I(), n = at({
|
|
597
599
|
rates: F,
|
|
598
600
|
normalLabel: "1x"
|
|
599
601
|
}), { t: o } = f(), i = K();
|
|
600
|
-
return /* @__PURE__ */
|
|
602
|
+
return /* @__PURE__ */ s(
|
|
601
603
|
"div",
|
|
602
604
|
{
|
|
603
605
|
ref: i,
|
|
@@ -606,7 +608,7 @@ function Rn() {
|
|
|
606
608
|
role: "menu",
|
|
607
609
|
className: h.menuContainer,
|
|
608
610
|
children: [
|
|
609
|
-
/* @__PURE__ */
|
|
611
|
+
/* @__PURE__ */ s(
|
|
610
612
|
"button",
|
|
611
613
|
{
|
|
612
614
|
type: "button",
|
|
@@ -621,7 +623,7 @@ function Rn() {
|
|
|
621
623
|
}
|
|
622
624
|
),
|
|
623
625
|
/* @__PURE__ */ t("strong", { className: h.menuHeading, children: o("PLAYBACK_SPEED") }),
|
|
624
|
-
n.map(({ value:
|
|
626
|
+
n.map(({ value: a, label: c, select: l, selected: r }) => /* @__PURE__ */ s(
|
|
625
627
|
"button",
|
|
626
628
|
{
|
|
627
629
|
type: "button",
|
|
@@ -632,18 +634,18 @@ function Rn() {
|
|
|
632
634
|
tabIndex: -1,
|
|
633
635
|
className: h.menuItem,
|
|
634
636
|
children: [
|
|
635
|
-
/* @__PURE__ */ t(
|
|
637
|
+
/* @__PURE__ */ t(oe, { className: h.checkIcon }),
|
|
636
638
|
/* @__PURE__ */ t("span", { className: h.menuItemLabel, children: c })
|
|
637
639
|
]
|
|
638
640
|
},
|
|
639
|
-
|
|
641
|
+
a
|
|
640
642
|
))
|
|
641
643
|
]
|
|
642
644
|
}
|
|
643
645
|
);
|
|
644
646
|
}
|
|
645
|
-
function
|
|
646
|
-
const e =
|
|
647
|
+
function Bn() {
|
|
648
|
+
const e = I(), n = C("textTrack"), { t: o } = f(), { disableCaptionSettings: i } = g(), a = _(() => {
|
|
647
649
|
e.setPage("captionLanguage");
|
|
648
650
|
}, [e]);
|
|
649
651
|
return i ? null : /* @__PURE__ */ t(
|
|
@@ -651,12 +653,12 @@ function An() {
|
|
|
651
653
|
{
|
|
652
654
|
label: o("LANGUAGE"),
|
|
653
655
|
hint: (n == null ? void 0 : n.label) ?? o("OFF"),
|
|
654
|
-
onClick:
|
|
656
|
+
onClick: a
|
|
655
657
|
}
|
|
656
658
|
);
|
|
657
659
|
}
|
|
658
|
-
function
|
|
659
|
-
const { t: e } = f(), n = g(), o =
|
|
660
|
+
function On() {
|
|
661
|
+
const { t: e } = f(), n = g(), o = I(), i = _(() => {
|
|
660
662
|
o.setPage("captionFontSize");
|
|
661
663
|
}, [o]);
|
|
662
664
|
return /* @__PURE__ */ t(
|
|
@@ -668,7 +670,7 @@ function Bn() {
|
|
|
668
670
|
}
|
|
669
671
|
);
|
|
670
672
|
}
|
|
671
|
-
function
|
|
673
|
+
function Fn() {
|
|
672
674
|
const { t: e } = f(), n = g();
|
|
673
675
|
return /* @__PURE__ */ t(
|
|
674
676
|
Ce,
|
|
@@ -679,7 +681,7 @@ function On() {
|
|
|
679
681
|
}
|
|
680
682
|
);
|
|
681
683
|
}
|
|
682
|
-
function
|
|
684
|
+
function Zn() {
|
|
683
685
|
const { t: e } = f(), n = g();
|
|
684
686
|
return /* @__PURE__ */ t(
|
|
685
687
|
Ce,
|
|
@@ -690,9 +692,9 @@ function Fn() {
|
|
|
690
692
|
}
|
|
691
693
|
);
|
|
692
694
|
}
|
|
693
|
-
function
|
|
694
|
-
const e =
|
|
695
|
-
return /* @__PURE__ */
|
|
695
|
+
function zn() {
|
|
696
|
+
const e = I(), { t: n } = f(), o = K();
|
|
697
|
+
return /* @__PURE__ */ s(
|
|
696
698
|
"div",
|
|
697
699
|
{
|
|
698
700
|
ref: o,
|
|
@@ -701,7 +703,7 @@ function Zn() {
|
|
|
701
703
|
role: "menu",
|
|
702
704
|
className: h.menuContainer,
|
|
703
705
|
children: [
|
|
704
|
-
/* @__PURE__ */
|
|
706
|
+
/* @__PURE__ */ s(
|
|
705
707
|
"button",
|
|
706
708
|
{
|
|
707
709
|
type: "button",
|
|
@@ -716,17 +718,17 @@ function Zn() {
|
|
|
716
718
|
}
|
|
717
719
|
),
|
|
718
720
|
/* @__PURE__ */ t("strong", { className: h.menuHeading, children: n("CAPTIONS") }),
|
|
719
|
-
/* @__PURE__ */ t(An, {}),
|
|
720
721
|
/* @__PURE__ */ t(Bn, {}),
|
|
721
722
|
/* @__PURE__ */ t(On, {}),
|
|
722
|
-
/* @__PURE__ */ t(Fn, {})
|
|
723
|
+
/* @__PURE__ */ t(Fn, {}),
|
|
724
|
+
/* @__PURE__ */ t(Zn, {})
|
|
723
725
|
]
|
|
724
726
|
}
|
|
725
727
|
);
|
|
726
728
|
}
|
|
727
|
-
function
|
|
728
|
-
const e =
|
|
729
|
-
return /* @__PURE__ */
|
|
729
|
+
function Kn() {
|
|
730
|
+
const e = I(), n = st(), { t: o } = f(), i = K();
|
|
731
|
+
return /* @__PURE__ */ s(
|
|
730
732
|
"div",
|
|
731
733
|
{
|
|
732
734
|
ref: i,
|
|
@@ -735,7 +737,7 @@ function zn() {
|
|
|
735
737
|
role: "menu",
|
|
736
738
|
className: h.menuContainer,
|
|
737
739
|
children: [
|
|
738
|
-
/* @__PURE__ */
|
|
740
|
+
/* @__PURE__ */ s(
|
|
739
741
|
"button",
|
|
740
742
|
{
|
|
741
743
|
type: "button",
|
|
@@ -750,7 +752,7 @@ function zn() {
|
|
|
750
752
|
}
|
|
751
753
|
),
|
|
752
754
|
/* @__PURE__ */ t("strong", { className: h.menuHeading, children: o("CAPTIONS") }),
|
|
753
|
-
n.map(({ value:
|
|
755
|
+
n.map(({ value: a, label: c, select: l, selected: r }) => /* @__PURE__ */ s(
|
|
754
756
|
"button",
|
|
755
757
|
{
|
|
756
758
|
type: "button",
|
|
@@ -760,19 +762,19 @@ function zn() {
|
|
|
760
762
|
tabIndex: -1,
|
|
761
763
|
className: h.menuItem,
|
|
762
764
|
children: [
|
|
763
|
-
/* @__PURE__ */ t(
|
|
765
|
+
/* @__PURE__ */ t(oe, { className: h.checkIcon }),
|
|
764
766
|
/* @__PURE__ */ t("span", { className: h.menuItemLabel, children: c })
|
|
765
767
|
]
|
|
766
768
|
},
|
|
767
|
-
|
|
769
|
+
a
|
|
768
770
|
))
|
|
769
771
|
]
|
|
770
772
|
}
|
|
771
773
|
);
|
|
772
774
|
}
|
|
773
|
-
function
|
|
774
|
-
const e = g(), n =
|
|
775
|
-
return /* @__PURE__ */
|
|
775
|
+
function Dn() {
|
|
776
|
+
const e = g(), n = I(), { t: o } = f(), i = K();
|
|
777
|
+
return /* @__PURE__ */ s(
|
|
776
778
|
"div",
|
|
777
779
|
{
|
|
778
780
|
ref: i,
|
|
@@ -781,7 +783,7 @@ function Kn() {
|
|
|
781
783
|
role: "menu",
|
|
782
784
|
className: h.menuContainer,
|
|
783
785
|
children: [
|
|
784
|
-
/* @__PURE__ */
|
|
786
|
+
/* @__PURE__ */ s(
|
|
785
787
|
"button",
|
|
786
788
|
{
|
|
787
789
|
type: "button",
|
|
@@ -796,43 +798,43 @@ function Kn() {
|
|
|
796
798
|
}
|
|
797
799
|
),
|
|
798
800
|
/* @__PURE__ */ t("strong", { className: h.menuHeading, children: o("CAPTIONS") }),
|
|
799
|
-
Tt.map((
|
|
801
|
+
Tt.map((a) => /* @__PURE__ */ s(
|
|
800
802
|
"button",
|
|
801
803
|
{
|
|
802
804
|
type: "button",
|
|
803
805
|
role: "menuitemradio",
|
|
804
|
-
"aria-checked":
|
|
806
|
+
"aria-checked": a === e.state.captionsFontSizeMultiplier,
|
|
805
807
|
onClick: () => {
|
|
806
|
-
e.setCaptionsFontSizeMultiplier(
|
|
808
|
+
e.setCaptionsFontSizeMultiplier(a);
|
|
807
809
|
},
|
|
808
810
|
tabIndex: -1,
|
|
809
811
|
className: h.menuItem,
|
|
810
812
|
children: [
|
|
811
|
-
/* @__PURE__ */ t(
|
|
812
|
-
/* @__PURE__ */
|
|
813
|
-
|
|
813
|
+
/* @__PURE__ */ t(oe, { className: h.checkIcon }),
|
|
814
|
+
/* @__PURE__ */ s("span", { className: h.menuItemLabel, children: [
|
|
815
|
+
a * 100,
|
|
814
816
|
"%"
|
|
815
817
|
] })
|
|
816
818
|
]
|
|
817
819
|
},
|
|
818
|
-
|
|
820
|
+
a
|
|
819
821
|
))
|
|
820
822
|
]
|
|
821
823
|
}
|
|
822
824
|
);
|
|
823
825
|
}
|
|
824
|
-
function
|
|
825
|
-
const e =
|
|
826
|
-
return /* @__PURE__ */
|
|
826
|
+
function $n() {
|
|
827
|
+
const e = I(), n = ct({ sort: "descending" }), o = C("autoQuality"), { t: i } = f(), a = K();
|
|
828
|
+
return /* @__PURE__ */ s(
|
|
827
829
|
"div",
|
|
828
830
|
{
|
|
829
|
-
ref:
|
|
831
|
+
ref: a,
|
|
830
832
|
id: "submenu",
|
|
831
833
|
"aria-label": i("QUALITY_MENU"),
|
|
832
834
|
role: "menu",
|
|
833
835
|
className: h.menuContainer,
|
|
834
836
|
children: [
|
|
835
|
-
/* @__PURE__ */
|
|
837
|
+
/* @__PURE__ */ s(
|
|
836
838
|
"button",
|
|
837
839
|
{
|
|
838
840
|
type: "button",
|
|
@@ -847,7 +849,7 @@ function Dn() {
|
|
|
847
849
|
}
|
|
848
850
|
),
|
|
849
851
|
/* @__PURE__ */ t("strong", { className: h.menuHeading, children: i("QUALITY") }),
|
|
850
|
-
n.map(({ value: c, label: l, select: r, selected: u }) => /* @__PURE__ */
|
|
852
|
+
n.map(({ value: c, label: l, select: r, selected: u }) => /* @__PURE__ */ s(
|
|
851
853
|
"button",
|
|
852
854
|
{
|
|
853
855
|
type: "button",
|
|
@@ -857,7 +859,7 @@ function Dn() {
|
|
|
857
859
|
tabIndex: -1,
|
|
858
860
|
className: h.menuItem,
|
|
859
861
|
children: [
|
|
860
|
-
/* @__PURE__ */ t(
|
|
862
|
+
/* @__PURE__ */ t(oe, { className: h.checkIcon }),
|
|
861
863
|
/* @__PURE__ */ t("span", { className: h.menuItemLabel, children: l })
|
|
862
864
|
]
|
|
863
865
|
},
|
|
@@ -867,22 +869,22 @@ function Dn() {
|
|
|
867
869
|
}
|
|
868
870
|
);
|
|
869
871
|
}
|
|
870
|
-
const
|
|
871
|
-
main:
|
|
872
|
-
speed:
|
|
873
|
-
captions:
|
|
874
|
-
captionLanguage:
|
|
875
|
-
captionFontSize:
|
|
876
|
-
quality:
|
|
872
|
+
const Ke = ce(null), Un = {
|
|
873
|
+
main: In,
|
|
874
|
+
speed: An,
|
|
875
|
+
captions: zn,
|
|
876
|
+
captionLanguage: Kn,
|
|
877
|
+
captionFontSize: Dn,
|
|
878
|
+
quality: $n
|
|
877
879
|
};
|
|
878
|
-
function
|
|
879
|
-
const e = g(), [n, o] = x(["main"]), [i,
|
|
880
|
-
|
|
881
|
-
}, [i]), l = _((
|
|
882
|
-
o((T) => T.concat(
|
|
880
|
+
function qn() {
|
|
881
|
+
const e = g(), [n, o] = x(["main"]), [i, a] = x(!1), c = _(() => {
|
|
882
|
+
a(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
|
|
883
|
+
}, [i]), l = _((N) => {
|
|
884
|
+
o((T) => T.concat(N));
|
|
883
885
|
}, []), r = _(() => {
|
|
884
|
-
o((
|
|
885
|
-
}, []), u = S(() =>
|
|
886
|
+
o((N) => N.length > 1 ? N.slice(0, -1) : N);
|
|
887
|
+
}, []), u = S(() => Un[n[n.length - 1]], [n]), p = W(null), { refs: v, floatingStyles: y, context: k } = re({
|
|
886
888
|
open: i,
|
|
887
889
|
onOpenChange: c,
|
|
888
890
|
placement: "top-end",
|
|
@@ -914,24 +916,24 @@ function Un() {
|
|
|
914
916
|
contextValue: b
|
|
915
917
|
};
|
|
916
918
|
}
|
|
917
|
-
const
|
|
919
|
+
const Gn = "_settings-menu_7d0td_1", Wn = "_arrow_7d0td_19", xe = {
|
|
918
920
|
"settings-menu": "_settings-menu_7d0td_1",
|
|
919
|
-
settingsMenu:
|
|
920
|
-
arrow:
|
|
921
|
+
settingsMenu: Gn,
|
|
922
|
+
arrow: Wn
|
|
921
923
|
};
|
|
922
|
-
function
|
|
924
|
+
function jn() {
|
|
923
925
|
const {
|
|
924
926
|
Page: e,
|
|
925
927
|
arrowRef: n,
|
|
926
928
|
context: o,
|
|
927
929
|
floatingStyles: i,
|
|
928
|
-
getFloatingProps:
|
|
930
|
+
getFloatingProps: a,
|
|
929
931
|
getReferenceProps: c,
|
|
930
932
|
open: l,
|
|
931
933
|
refs: r,
|
|
932
934
|
contextValue: u
|
|
933
|
-
} =
|
|
934
|
-
return /* @__PURE__ */
|
|
935
|
+
} = qn(), { t: p } = f();
|
|
936
|
+
return /* @__PURE__ */ s(j, { children: [
|
|
935
937
|
/* @__PURE__ */ t(
|
|
936
938
|
"button",
|
|
937
939
|
{
|
|
@@ -942,19 +944,19 @@ function Wn() {
|
|
|
942
944
|
onClick: u.toggle,
|
|
943
945
|
"aria-expanded": l,
|
|
944
946
|
...c(),
|
|
945
|
-
children: /* @__PURE__ */ t(
|
|
947
|
+
children: /* @__PURE__ */ t(en, { className: "controls-button-icon icon-rotate" })
|
|
946
948
|
}
|
|
947
949
|
),
|
|
948
|
-
l && /* @__PURE__ */ t(Se, { context: o, restoreFocus: !0, modal: !1, children: /* @__PURE__ */
|
|
950
|
+
l && /* @__PURE__ */ t(Se, { context: o, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ s(
|
|
949
951
|
"div",
|
|
950
952
|
{
|
|
951
953
|
"aria-labelledby": "submenu",
|
|
952
954
|
className: xe.settingsMenu,
|
|
953
955
|
ref: r.setFloating,
|
|
954
956
|
style: i,
|
|
955
|
-
...
|
|
957
|
+
...a(),
|
|
956
958
|
children: [
|
|
957
|
-
/* @__PURE__ */ t(
|
|
959
|
+
/* @__PURE__ */ t(Ke.Provider, { value: u, children: /* @__PURE__ */ t(e, {}) }),
|
|
958
960
|
/* @__PURE__ */ t(
|
|
959
961
|
_e,
|
|
960
962
|
{
|
|
@@ -968,27 +970,27 @@ function Wn() {
|
|
|
968
970
|
) })
|
|
969
971
|
] });
|
|
970
972
|
}
|
|
971
|
-
function
|
|
973
|
+
function De(e, n = 1e3) {
|
|
972
974
|
return function() {
|
|
973
|
-
const i = C("lastKeyboardAction"), [
|
|
975
|
+
const i = C("lastKeyboardAction"), [a, c] = x(!1), l = _(() => c(!1), []);
|
|
974
976
|
return Z(() => {
|
|
975
977
|
c(!!i);
|
|
976
978
|
const r = setTimeout(l, n);
|
|
977
979
|
return () => clearTimeout(r);
|
|
978
|
-
}, [i, n]),
|
|
980
|
+
}, [i, n]), a ? /* @__PURE__ */ t(e, {}) : null;
|
|
979
981
|
};
|
|
980
982
|
}
|
|
981
|
-
const fe = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), be = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }),
|
|
983
|
+
const fe = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), be = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), $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" }) }), Qn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.691 3.99987V10.5281L0 4.00655V20.2596L10.691 13.7367V20.2663L23.9987 12.1331L10.691 3.99987Z", fill: "currentColor" }) }), Yn = (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" }) }), Xn = "_feedback-overlay_v4lbu_1", Jn = "_feedback-message_v4lbu_14", e1 = "_feedback-icon_v4lbu_30", t1 = "_feedback-icon-animation_v4lbu_1", L = {
|
|
982
984
|
"feedback-overlay": "_feedback-overlay_v4lbu_1",
|
|
983
|
-
feedbackOverlay:
|
|
985
|
+
feedbackOverlay: Xn,
|
|
984
986
|
"feedback-message": "_feedback-message_v4lbu_14",
|
|
985
|
-
feedbackMessage:
|
|
987
|
+
feedbackMessage: Jn,
|
|
986
988
|
"feedback-icon": "_feedback-icon_v4lbu_30",
|
|
987
|
-
feedbackIcon:
|
|
989
|
+
feedbackIcon: e1,
|
|
988
990
|
"feedback-icon-animation": "_feedback-icon-animation_v4lbu_1",
|
|
989
|
-
feedbackIconAnimation:
|
|
991
|
+
feedbackIconAnimation: t1
|
|
990
992
|
};
|
|
991
|
-
function
|
|
993
|
+
function n1() {
|
|
992
994
|
var o;
|
|
993
995
|
const e = Ve();
|
|
994
996
|
switch ((o = e.lastKeyboardAction) == null ? void 0 : o.action) {
|
|
@@ -1001,18 +1003,18 @@ function t1() {
|
|
|
1001
1003
|
case "volumeUp":
|
|
1002
1004
|
case "volumeDown":
|
|
1003
1005
|
case "toggleMuted":
|
|
1004
|
-
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(
|
|
1006
|
+
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t($e, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(qe, {}) : /* @__PURE__ */ t(Ue, {}) });
|
|
1005
1007
|
case "seekForward":
|
|
1006
1008
|
case "seekForward10":
|
|
1007
|
-
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(
|
|
1009
|
+
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(Qn, { className: "right" }) });
|
|
1008
1010
|
case "seekBackward":
|
|
1009
1011
|
case "seekBackward10":
|
|
1010
|
-
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(
|
|
1012
|
+
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(Yn, { className: "left" }) });
|
|
1011
1013
|
default:
|
|
1012
1014
|
return null;
|
|
1013
1015
|
}
|
|
1014
1016
|
}
|
|
1015
|
-
function
|
|
1017
|
+
function o1() {
|
|
1016
1018
|
var i;
|
|
1017
1019
|
const { t: e } = f(), n = Ve();
|
|
1018
1020
|
switch ((i = n.lastKeyboardAction) == null ? void 0 : i.action) {
|
|
@@ -1040,173 +1042,173 @@ function n1() {
|
|
|
1040
1042
|
return null;
|
|
1041
1043
|
}
|
|
1042
1044
|
}
|
|
1043
|
-
const
|
|
1044
|
-
function
|
|
1045
|
-
return /* @__PURE__ */
|
|
1046
|
-
/* @__PURE__ */ t(
|
|
1047
|
-
/* @__PURE__ */ t(
|
|
1045
|
+
const i1 = De(n1, 500), a1 = De(o1, 1e3);
|
|
1046
|
+
function Ge() {
|
|
1047
|
+
return /* @__PURE__ */ s("div", { className: L.feedbackOverlay, children: [
|
|
1048
|
+
/* @__PURE__ */ t(i1, {}),
|
|
1049
|
+
/* @__PURE__ */ t(a1, {})
|
|
1048
1050
|
] });
|
|
1049
1051
|
}
|
|
1050
|
-
const s1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1383 0.999867V3.66268H18.4561L3.66281 18.4546V14.1382H1V23H9.86449V20.3372H5.54542L20.3387 5.54528V9.86303H23.0001V0.999867H14.1383Z", fill: "currentColor" }) }),
|
|
1052
|
+
const s1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1383 0.999867V3.66268H18.4561L3.66281 18.4546V14.1382H1V23H9.86449V20.3372H5.54542L20.3387 5.54528V9.86303H23.0001V0.999867H14.1383Z", fill: "currentColor" }) }), c1 = (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" }) }), l1 = "_full-screen-button_1xm32_2", r1 = {
|
|
1051
1053
|
"full-screen-button": "_full-screen-button_1xm32_2",
|
|
1052
|
-
fullScreenButton:
|
|
1054
|
+
fullScreenButton: l1
|
|
1053
1055
|
};
|
|
1054
|
-
function
|
|
1055
|
-
const e = C("fullscreen"), n = z(), o = g(), i =
|
|
1056
|
+
function u1() {
|
|
1057
|
+
const e = C("fullscreen"), n = z(), o = g(), i = V(), { t: a } = f();
|
|
1056
1058
|
return i.hideFullScreen ? null : /* @__PURE__ */ t(
|
|
1057
1059
|
"button",
|
|
1058
1060
|
{
|
|
1059
1061
|
role: "button",
|
|
1060
1062
|
type: "button",
|
|
1061
|
-
"aria-label":
|
|
1063
|
+
"aria-label": a(e ? "EXIT_FULLSCREEN" : "ENTER_FULLSCREEN"),
|
|
1062
1064
|
tabIndex: o.state.interactionsDisabled ? -1 : 0,
|
|
1063
|
-
className: `controls-button ${
|
|
1065
|
+
className: `controls-button ${r1.fullScreenButton}`,
|
|
1064
1066
|
onClick: () => {
|
|
1065
1067
|
e ? n == null || n.exitFullscreen() : n == null || n.enterFullscreen();
|
|
1066
1068
|
},
|
|
1067
|
-
children: e ? /* @__PURE__ */ t(
|
|
1069
|
+
children: e ? /* @__PURE__ */ t(c1, { className: "controls-button-icon" }) : /* @__PURE__ */ t(s1, { className: "controls-button-icon" })
|
|
1068
1070
|
}
|
|
1069
1071
|
);
|
|
1070
1072
|
}
|
|
1071
|
-
const
|
|
1073
|
+
const d1 = "_gestures-container_1fn3b_1", m1 = "_gesture_1fn3b_1", Me = {
|
|
1072
1074
|
"gestures-container": "_gestures-container_1fn3b_1",
|
|
1073
|
-
gesturesContainer:
|
|
1074
|
-
gesture:
|
|
1075
|
+
gesturesContainer: d1,
|
|
1076
|
+
gesture: m1
|
|
1075
1077
|
};
|
|
1076
|
-
function
|
|
1077
|
-
const e =
|
|
1078
|
+
function h1() {
|
|
1079
|
+
const e = ne(), n = () => {
|
|
1078
1080
|
e.togglePaused();
|
|
1079
1081
|
};
|
|
1080
1082
|
return /* @__PURE__ */ t("div", { className: Me.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: Me.gesture, onClick: n }) });
|
|
1081
1083
|
}
|
|
1082
|
-
const
|
|
1084
|
+
const We = (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" }) }), p1 = "_controls-overlay_poi8b_1", _1 = "_keyboard-shortcuts-overlay_poi8b_11", C1 = "_screen-reader-content_poi8b_75", f1 = "_controls-button_poi8b_89", b1 = "_keyboard-shortcuts-button_poi8b_101", g1 = "_kebab-menu-button_poi8b_110", v1 = "_kebab-menu_poi8b_110", w1 = "_kebab-menu-item_poi8b_139", y1 = "_close-button_poi8b_178", k1 = "_arrow_poi8b_192", P = {
|
|
1083
1085
|
"controls-overlay": "_controls-overlay_poi8b_1",
|
|
1084
|
-
controlsOverlay:
|
|
1086
|
+
controlsOverlay: p1,
|
|
1085
1087
|
"keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_poi8b_11",
|
|
1086
|
-
keyboardShortcutsOverlay:
|
|
1088
|
+
keyboardShortcutsOverlay: _1,
|
|
1087
1089
|
"screen-reader-content": "_screen-reader-content_poi8b_75",
|
|
1088
|
-
screenReaderContent:
|
|
1090
|
+
screenReaderContent: C1,
|
|
1089
1091
|
"controls-button": "_controls-button_poi8b_89",
|
|
1090
|
-
controlsButton:
|
|
1092
|
+
controlsButton: f1,
|
|
1091
1093
|
"keyboard-shortcuts-button": "_keyboard-shortcuts-button_poi8b_101",
|
|
1092
|
-
keyboardShortcutsButton:
|
|
1094
|
+
keyboardShortcutsButton: b1,
|
|
1093
1095
|
"kebab-menu-button": "_kebab-menu-button_poi8b_110",
|
|
1094
|
-
kebabMenuButton:
|
|
1096
|
+
kebabMenuButton: g1,
|
|
1095
1097
|
"kebab-menu": "_kebab-menu_poi8b_110",
|
|
1096
|
-
kebabMenu:
|
|
1098
|
+
kebabMenu: v1,
|
|
1097
1099
|
"kebab-menu-item": "_kebab-menu-item_poi8b_139",
|
|
1098
|
-
kebabMenuItem:
|
|
1100
|
+
kebabMenuItem: w1,
|
|
1099
1101
|
"close-button": "_close-button_poi8b_178",
|
|
1100
|
-
closeButton:
|
|
1101
|
-
arrow:
|
|
1102
|
+
closeButton: y1,
|
|
1103
|
+
arrow: k1
|
|
1102
1104
|
};
|
|
1103
|
-
function
|
|
1105
|
+
function L1({ onClose: e }) {
|
|
1104
1106
|
const { t: n } = f();
|
|
1105
|
-
|
|
1107
|
+
Ln(e);
|
|
1106
1108
|
const o = (i) => {
|
|
1107
1109
|
i && i.focus();
|
|
1108
1110
|
};
|
|
1109
|
-
return /* @__PURE__ */
|
|
1111
|
+
return /* @__PURE__ */ s(
|
|
1110
1112
|
"div",
|
|
1111
1113
|
{
|
|
1112
|
-
className:
|
|
1114
|
+
className: P.keyboardShortcutsOverlay,
|
|
1113
1115
|
tabIndex: 0,
|
|
1114
1116
|
ref: o,
|
|
1115
1117
|
role: "dialog",
|
|
1116
1118
|
"aria-label": n("KEYBOARD_SHORTCUTS"),
|
|
1117
1119
|
children: [
|
|
1118
|
-
/* @__PURE__ */
|
|
1120
|
+
/* @__PURE__ */ s("header", { children: [
|
|
1119
1121
|
/* @__PURE__ */ t("h2", { children: n("KEYBOARD_SHORTCUTS") }),
|
|
1120
1122
|
/* @__PURE__ */ t(
|
|
1121
1123
|
"button",
|
|
1122
1124
|
{
|
|
1123
1125
|
type: "button",
|
|
1124
|
-
className:
|
|
1126
|
+
className: P.closeButton,
|
|
1125
1127
|
onClick: e,
|
|
1126
1128
|
"aria-label": n("CLOSE"),
|
|
1127
|
-
children: /* @__PURE__ */ t(
|
|
1129
|
+
children: /* @__PURE__ */ t(We, {})
|
|
1128
1130
|
}
|
|
1129
1131
|
)
|
|
1130
1132
|
] }),
|
|
1131
|
-
/* @__PURE__ */
|
|
1132
|
-
/* @__PURE__ */ t("caption", { className:
|
|
1133
|
-
/* @__PURE__ */ t("thead", { children: /* @__PURE__ */
|
|
1133
|
+
/* @__PURE__ */ s("table", { children: [
|
|
1134
|
+
/* @__PURE__ */ t("caption", { className: P.screenReaderContent, children: n("KEYBOARD_SHORTCUTS") }),
|
|
1135
|
+
/* @__PURE__ */ t("thead", { children: /* @__PURE__ */ s("tr", { children: [
|
|
1134
1136
|
/* @__PURE__ */ t("th", { children: n("ACTION") }),
|
|
1135
1137
|
/* @__PURE__ */ t("th", { children: n("SHORTCUT") })
|
|
1136
1138
|
] }) }),
|
|
1137
|
-
/* @__PURE__ */
|
|
1138
|
-
/* @__PURE__ */
|
|
1139
|
+
/* @__PURE__ */ s("tbody", { children: [
|
|
1140
|
+
/* @__PURE__ */ s("tr", { children: [
|
|
1139
1141
|
/* @__PURE__ */ t("td", { children: n("SEEK_BACKWARD", { seconds: 5 }) }),
|
|
1140
1142
|
/* @__PURE__ */ t("td", { children: n("LEFT_ARROW") })
|
|
1141
1143
|
] }),
|
|
1142
|
-
/* @__PURE__ */
|
|
1144
|
+
/* @__PURE__ */ s("tr", { children: [
|
|
1143
1145
|
/* @__PURE__ */ t("td", { children: n("SEEK_FORWARD", { seconds: 5 }) }),
|
|
1144
1146
|
/* @__PURE__ */ t("td", { children: n("RIGHT_ARROW") })
|
|
1145
1147
|
] }),
|
|
1146
|
-
/* @__PURE__ */
|
|
1148
|
+
/* @__PURE__ */ s("tr", { children: [
|
|
1147
1149
|
/* @__PURE__ */ t("td", { children: n("SEEK_BACKWARD", { seconds: 10 }) }),
|
|
1148
1150
|
/* @__PURE__ */ t("td", { children: "J" })
|
|
1149
1151
|
] }),
|
|
1150
|
-
/* @__PURE__ */
|
|
1152
|
+
/* @__PURE__ */ s("tr", { children: [
|
|
1151
1153
|
/* @__PURE__ */ t("td", { children: n("SEEK_FORWARD", { seconds: 10 }) }),
|
|
1152
1154
|
/* @__PURE__ */ t("td", { children: "L" })
|
|
1153
1155
|
] }),
|
|
1154
|
-
/* @__PURE__ */
|
|
1156
|
+
/* @__PURE__ */ s("tr", { children: [
|
|
1155
1157
|
/* @__PURE__ */ t("td", { children: n("INCREASE_VOLUME", { percent: 5 }) }),
|
|
1156
1158
|
/* @__PURE__ */ t("td", { children: n("UP_ARROW") })
|
|
1157
1159
|
] }),
|
|
1158
|
-
/* @__PURE__ */
|
|
1160
|
+
/* @__PURE__ */ s("tr", { children: [
|
|
1159
1161
|
/* @__PURE__ */ t("td", { children: n("DECREASE_VOLUME", { percent: 5 }) }),
|
|
1160
1162
|
/* @__PURE__ */ t("td", { children: n("DOWN_ARROW") })
|
|
1161
1163
|
] }),
|
|
1162
|
-
/* @__PURE__ */
|
|
1164
|
+
/* @__PURE__ */ s("tr", { children: [
|
|
1163
1165
|
/* @__PURE__ */ t("td", { children: n("TOGGLE_MUTED") }),
|
|
1164
1166
|
/* @__PURE__ */ t("td", { children: "M" })
|
|
1165
1167
|
] }),
|
|
1166
|
-
/* @__PURE__ */
|
|
1168
|
+
/* @__PURE__ */ s("tr", { children: [
|
|
1167
1169
|
/* @__PURE__ */ t("td", { children: n("TOGGLE_PLAY_PAUSE") }),
|
|
1168
|
-
/* @__PURE__ */
|
|
1170
|
+
/* @__PURE__ */ s("td", { children: [
|
|
1169
1171
|
n("SPACE"),
|
|
1170
1172
|
", K"
|
|
1171
1173
|
] })
|
|
1172
1174
|
] }),
|
|
1173
|
-
/* @__PURE__ */
|
|
1175
|
+
/* @__PURE__ */ s("tr", { children: [
|
|
1174
1176
|
/* @__PURE__ */ t("td", { children: n("ENTER_FULLSCREEN") }),
|
|
1175
1177
|
/* @__PURE__ */ t("td", { children: "F" })
|
|
1176
1178
|
] }),
|
|
1177
|
-
/* @__PURE__ */
|
|
1179
|
+
/* @__PURE__ */ s("tr", { children: [
|
|
1178
1180
|
/* @__PURE__ */ t("td", { children: n("EXIT_FULLSCREEN") }),
|
|
1179
1181
|
/* @__PURE__ */ t("td", { children: "Esc, F" })
|
|
1180
1182
|
] }),
|
|
1181
|
-
/* @__PURE__ */
|
|
1183
|
+
/* @__PURE__ */ s("tr", { children: [
|
|
1182
1184
|
/* @__PURE__ */ t("td", { children: n("TOGGLE_CAPTIONS") }),
|
|
1183
1185
|
/* @__PURE__ */ t("td", { children: "C" })
|
|
1184
1186
|
] }),
|
|
1185
|
-
/* @__PURE__ */
|
|
1187
|
+
/* @__PURE__ */ s("tr", { children: [
|
|
1186
1188
|
/* @__PURE__ */ t("td", { children: n("NEXT_CAPTION_LANGUAGE") }),
|
|
1187
1189
|
/* @__PURE__ */ t("td", { children: "V" })
|
|
1188
1190
|
] }),
|
|
1189
|
-
/* @__PURE__ */
|
|
1191
|
+
/* @__PURE__ */ s("tr", { children: [
|
|
1190
1192
|
/* @__PURE__ */ t("td", { children: n("PREVIOUS_CAPTION_LANGUAGE") }),
|
|
1191
1193
|
/* @__PURE__ */ t("td", { children: "X" })
|
|
1192
1194
|
] }),
|
|
1193
|
-
/* @__PURE__ */
|
|
1195
|
+
/* @__PURE__ */ s("tr", { children: [
|
|
1194
1196
|
/* @__PURE__ */ t("td", { children: n("DECREASE_PLAYBACK_SPEED") }),
|
|
1195
1197
|
/* @__PURE__ */ t("td", { children: "A" })
|
|
1196
1198
|
] }),
|
|
1197
|
-
/* @__PURE__ */
|
|
1199
|
+
/* @__PURE__ */ s("tr", { children: [
|
|
1198
1200
|
/* @__PURE__ */ t("td", { children: n("RESET_PLAYBACK_SPEED") }),
|
|
1199
1201
|
/* @__PURE__ */ t("td", { children: "S" })
|
|
1200
1202
|
] }),
|
|
1201
|
-
/* @__PURE__ */
|
|
1203
|
+
/* @__PURE__ */ s("tr", { children: [
|
|
1202
1204
|
/* @__PURE__ */ t("td", { children: n("INCREASE_PLAYBACK_SPEED") }),
|
|
1203
1205
|
/* @__PURE__ */ t("td", { children: "D" })
|
|
1204
1206
|
] }),
|
|
1205
|
-
/* @__PURE__ */
|
|
1207
|
+
/* @__PURE__ */ s("tr", { children: [
|
|
1206
1208
|
/* @__PURE__ */ t("td", { children: n("JUMP_TO_START") }),
|
|
1207
1209
|
/* @__PURE__ */ t("td", { children: "0" })
|
|
1208
1210
|
] }),
|
|
1209
|
-
/* @__PURE__ */
|
|
1211
|
+
/* @__PURE__ */ s("tr", { children: [
|
|
1210
1212
|
/* @__PURE__ */ t("td", { children: n("JUMP_TO_PERCENTAGE") }),
|
|
1211
1213
|
/* @__PURE__ */ t("td", { children: "1-9" })
|
|
1212
1214
|
] })
|
|
@@ -1216,15 +1218,15 @@ function k1({ onClose: e }) {
|
|
|
1216
1218
|
}
|
|
1217
1219
|
);
|
|
1218
1220
|
}
|
|
1219
|
-
const
|
|
1220
|
-
share: /* @__PURE__ */ t(
|
|
1221
|
-
transcript: /* @__PURE__ */ t(
|
|
1222
|
-
media: /* @__PURE__ */ t(
|
|
1223
|
-
delete: /* @__PURE__ */ t(
|
|
1224
|
-
},
|
|
1225
|
-
function
|
|
1226
|
-
const [e, n] = x(!1), [o, i] = x(null),
|
|
1227
|
-
n(!e),
|
|
1221
|
+
const x1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "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" }) }), M1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.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" }) }), 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: "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" }) }), P1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "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" }) }), 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.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" }) }), H1 = {
|
|
1222
|
+
share: /* @__PURE__ */ t(M1, {}),
|
|
1223
|
+
transcript: /* @__PURE__ */ t(N1, {}),
|
|
1224
|
+
media: /* @__PURE__ */ t(P1, {}),
|
|
1225
|
+
delete: /* @__PURE__ */ t(I1, {})
|
|
1226
|
+
}, V1 = (e) => typeof e != "string";
|
|
1227
|
+
function S1() {
|
|
1228
|
+
const [e, n] = x(!1), [o, i] = x(null), a = g(), c = V(), l = () => {
|
|
1229
|
+
n(!e), a.setGlobalKeysDisabled(!e);
|
|
1228
1230
|
}, r = W(null), u = W([]), { refs: p, floatingStyles: v, context: y } = re({
|
|
1229
1231
|
open: e,
|
|
1230
1232
|
onOpenChange: l,
|
|
@@ -1244,47 +1246,47 @@ function V1() {
|
|
|
1244
1246
|
onNavigate: i
|
|
1245
1247
|
}), w = he(y), { getReferenceProps: M, getFloatingProps: m, getItemProps: b } = pe(
|
|
1246
1248
|
[w, k]
|
|
1247
|
-
), { t:
|
|
1248
|
-
return c.kebabMenuElements.length > 0 ? /* @__PURE__ */
|
|
1249
|
+
), { t: N } = f();
|
|
1250
|
+
return c.kebabMenuElements.length > 0 ? /* @__PURE__ */ s(j, { children: [
|
|
1249
1251
|
/* @__PURE__ */ t(
|
|
1250
1252
|
"button",
|
|
1251
1253
|
{
|
|
1252
|
-
"aria-label":
|
|
1254
|
+
"aria-label": N("KEBAB_MENU"),
|
|
1253
1255
|
type: "button",
|
|
1254
|
-
className: `${
|
|
1255
|
-
tabIndex:
|
|
1256
|
+
className: `${P.controlsButton} ${P.kebabMenuButton}`,
|
|
1257
|
+
tabIndex: a.state.interactionsDisabled ? -1 : 0,
|
|
1256
1258
|
ref: p.setReference,
|
|
1257
1259
|
...M({
|
|
1258
1260
|
onClick: () => l()
|
|
1259
1261
|
}),
|
|
1260
|
-
children: /* @__PURE__ */ t(
|
|
1262
|
+
children: /* @__PURE__ */ t(x1, {})
|
|
1261
1263
|
}
|
|
1262
1264
|
),
|
|
1263
|
-
e && /* @__PURE__ */ t(Se, { context: y, modal: !1, children: /* @__PURE__ */
|
|
1265
|
+
e && /* @__PURE__ */ t(Se, { context: y, modal: !1, children: /* @__PURE__ */ s(
|
|
1264
1266
|
"div",
|
|
1265
1267
|
{
|
|
1266
1268
|
ref: p.setFloating,
|
|
1267
1269
|
style: v,
|
|
1268
|
-
className:
|
|
1270
|
+
className: P.kebabMenu,
|
|
1269
1271
|
...m(),
|
|
1270
1272
|
children: [
|
|
1271
1273
|
c.kebabMenuElements.map(
|
|
1272
|
-
({ id: T, text: D, icon:
|
|
1274
|
+
({ id: T, text: D, icon: B, onClick: ie }, X) => /* @__PURE__ */ s(
|
|
1273
1275
|
"button",
|
|
1274
1276
|
{
|
|
1275
|
-
tabIndex: o ===
|
|
1277
|
+
tabIndex: o === X ? 0 : -1,
|
|
1276
1278
|
type: "button",
|
|
1277
|
-
className:
|
|
1278
|
-
ref: (
|
|
1279
|
-
u.current[
|
|
1279
|
+
className: P.kebabMenuItem,
|
|
1280
|
+
ref: ($) => {
|
|
1281
|
+
u.current[X] = $;
|
|
1280
1282
|
},
|
|
1281
1283
|
...b({
|
|
1282
1284
|
onClick: () => {
|
|
1283
|
-
|
|
1285
|
+
ie(T), n(!1);
|
|
1284
1286
|
}
|
|
1285
1287
|
}),
|
|
1286
1288
|
children: [
|
|
1287
|
-
|
|
1289
|
+
V1(B) ? B : H1[B],
|
|
1288
1290
|
D
|
|
1289
1291
|
]
|
|
1290
1292
|
},
|
|
@@ -1296,7 +1298,7 @@ function V1() {
|
|
|
1296
1298
|
{
|
|
1297
1299
|
ref: r,
|
|
1298
1300
|
context: y,
|
|
1299
|
-
className:
|
|
1301
|
+
className: P.arrow
|
|
1300
1302
|
}
|
|
1301
1303
|
)
|
|
1302
1304
|
]
|
|
@@ -1304,44 +1306,44 @@ function V1() {
|
|
|
1304
1306
|
) })
|
|
1305
1307
|
] }) : null;
|
|
1306
1308
|
}
|
|
1307
|
-
const
|
|
1308
|
-
function
|
|
1309
|
-
const [e, n] = x(!1), [o, i] = x(!1), [
|
|
1309
|
+
const T1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "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" }) });
|
|
1310
|
+
function E1() {
|
|
1311
|
+
const [e, n] = x(!1), [o, i] = x(!1), [a, c] = x(!1), l = g(), r = C("playing"), u = ne(), { t: p } = f(), v = _(() => {
|
|
1310
1312
|
n(!0), l.disableInteractions(), r && (c(!0), u.pause());
|
|
1311
1313
|
}, [r, u, l]), y = _(() => {
|
|
1312
|
-
n(!1), i(!0), l.enableInteractions(),
|
|
1313
|
-
}, [
|
|
1314
|
+
n(!1), i(!0), l.enableInteractions(), a && (c(!1), u.play());
|
|
1315
|
+
}, [a, u, l]), k = _(
|
|
1314
1316
|
(w) => o && (w == null ? void 0 : w.focus()),
|
|
1315
1317
|
[o]
|
|
1316
1318
|
);
|
|
1317
|
-
return e ? /* @__PURE__ */ t(
|
|
1319
|
+
return e ? /* @__PURE__ */ t(L1, { onClose: y }) : /* @__PURE__ */ s("div", { className: P.controlsOverlay, children: [
|
|
1318
1320
|
/* @__PURE__ */ t(
|
|
1319
1321
|
"button",
|
|
1320
1322
|
{
|
|
1321
1323
|
ref: k,
|
|
1322
1324
|
"aria-label": p("KEYBOARD_SHORTCUTS"),
|
|
1323
1325
|
type: "button",
|
|
1324
|
-
className: `${
|
|
1326
|
+
className: `${P.controlsButton} ${P.keyboardShortcutsButton}`,
|
|
1325
1327
|
onClick: v,
|
|
1326
1328
|
tabIndex: l.state.interactionsDisabled ? -1 : 0,
|
|
1327
|
-
children: /* @__PURE__ */ t(
|
|
1329
|
+
children: /* @__PURE__ */ t(T1, {})
|
|
1328
1330
|
}
|
|
1329
1331
|
),
|
|
1330
|
-
/* @__PURE__ */ t(
|
|
1332
|
+
/* @__PURE__ */ t(S1, {})
|
|
1331
1333
|
] });
|
|
1332
1334
|
}
|
|
1333
|
-
const
|
|
1335
|
+
const R1 = "_play-pause-button_1834v_1", A1 = {
|
|
1334
1336
|
"play-pause-button": "_play-pause-button_1834v_1",
|
|
1335
|
-
playPauseButton:
|
|
1337
|
+
playPauseButton: R1
|
|
1336
1338
|
};
|
|
1337
|
-
function
|
|
1339
|
+
function B1() {
|
|
1338
1340
|
const e = z(), n = g(), o = C("paused"), { t: i } = f();
|
|
1339
1341
|
return e ? /* @__PURE__ */ t(
|
|
1340
1342
|
"button",
|
|
1341
1343
|
{
|
|
1342
1344
|
role: "button",
|
|
1343
1345
|
type: "button",
|
|
1344
|
-
className: `controls-button ${
|
|
1346
|
+
className: `controls-button ${A1.playPauseButton}`,
|
|
1345
1347
|
"aria-label": i(o ? "PLAY" : "PAUSE"),
|
|
1346
1348
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1347
1349
|
onClick: () => {
|
|
@@ -1351,111 +1353,111 @@ function A1() {
|
|
|
1351
1353
|
}
|
|
1352
1354
|
) : null;
|
|
1353
1355
|
}
|
|
1354
|
-
const
|
|
1355
|
-
poster:
|
|
1356
|
+
const O1 = "_poster_195hi_1", F1 = {
|
|
1357
|
+
poster: O1
|
|
1356
1358
|
};
|
|
1357
|
-
function
|
|
1359
|
+
function Z1({ src: e }) {
|
|
1358
1360
|
const n = C("source");
|
|
1359
|
-
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(lt, { src: e, className:
|
|
1361
|
+
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(lt, { src: e, className: F1.poster });
|
|
1360
1362
|
}
|
|
1361
|
-
const
|
|
1363
|
+
const z1 = "_small-layout-overlay_1pd49_1", K1 = "_small-layout-button_1pd49_14", D1 = "_small-layout-icon-play_1pd49_24", $1 = "_small-layout-icon-pause_1pd49_30", U1 = "_full-screen-close-icon_1pd49_36", q1 = "_fade-out_1pd49_1", q = {
|
|
1362
1364
|
"small-layout-overlay": "_small-layout-overlay_1pd49_1",
|
|
1363
|
-
smallLayoutOverlay:
|
|
1365
|
+
smallLayoutOverlay: z1,
|
|
1364
1366
|
"small-layout-button": "_small-layout-button_1pd49_14",
|
|
1365
|
-
smallLayoutButton:
|
|
1367
|
+
smallLayoutButton: K1,
|
|
1366
1368
|
"small-layout-icon-play": "_small-layout-icon-play_1pd49_24",
|
|
1367
|
-
smallLayoutIconPlay:
|
|
1369
|
+
smallLayoutIconPlay: D1,
|
|
1368
1370
|
"small-layout-icon-pause": "_small-layout-icon-pause_1pd49_30",
|
|
1369
|
-
smallLayoutIconPause:
|
|
1371
|
+
smallLayoutIconPause: $1,
|
|
1370
1372
|
"full-screen-close-icon": "_full-screen-close-icon_1pd49_36",
|
|
1371
|
-
fullScreenCloseIcon:
|
|
1373
|
+
fullScreenCloseIcon: U1,
|
|
1372
1374
|
"fade-out": "_fade-out_1pd49_1",
|
|
1373
|
-
fadeOut:
|
|
1375
|
+
fadeOut: q1
|
|
1374
1376
|
};
|
|
1375
|
-
function
|
|
1377
|
+
function G1() {
|
|
1376
1378
|
const e = C("paused");
|
|
1377
|
-
return /* @__PURE__ */
|
|
1378
|
-
/* @__PURE__ */ t(rt, { className: q.fullScreenCloseIcon, children: /* @__PURE__ */ t(
|
|
1379
|
+
return /* @__PURE__ */ s("div", { className: q.smallLayoutOverlay, children: [
|
|
1380
|
+
/* @__PURE__ */ t(rt, { className: q.fullScreenCloseIcon, children: /* @__PURE__ */ t(We, {}) }),
|
|
1379
1381
|
/* @__PURE__ */ t("i", { className: q.smallLayoutButton, children: e ? /* @__PURE__ */ t(be, { className: q.smallLayoutIconPlay }) : /* @__PURE__ */ t(fe, { className: q.smallLayoutIconPause }) })
|
|
1380
1382
|
] });
|
|
1381
1383
|
}
|
|
1382
|
-
const
|
|
1384
|
+
const W1 = "_time-indicator_1rlpb_1", j1 = {
|
|
1383
1385
|
"time-indicator": "_time-indicator_1rlpb_1",
|
|
1384
|
-
timeIndicator:
|
|
1386
|
+
timeIndicator: W1
|
|
1385
1387
|
};
|
|
1386
|
-
function
|
|
1387
|
-
return /* @__PURE__ */
|
|
1388
|
+
function Q1() {
|
|
1389
|
+
return /* @__PURE__ */ s("div", { className: j1.timeIndicator, children: [
|
|
1388
1390
|
/* @__PURE__ */ t(ke, { type: "current" }),
|
|
1389
1391
|
"/",
|
|
1390
1392
|
/* @__PURE__ */ t(ke, { type: "duration" })
|
|
1391
1393
|
] });
|
|
1392
1394
|
}
|
|
1393
|
-
const
|
|
1394
|
-
"comment-markers": "_comment-
|
|
1395
|
-
commentMarkers:
|
|
1396
|
-
"comment-marker": "_comment-
|
|
1397
|
-
commentMarker:
|
|
1398
|
-
"timeline-wrapper": "_timeline-
|
|
1399
|
-
timelineWrapper:
|
|
1400
|
-
track:
|
|
1401
|
-
thumb:
|
|
1402
|
-
root:
|
|
1403
|
-
"track-inner": "_track-
|
|
1404
|
-
trackInner:
|
|
1405
|
-
progress:
|
|
1406
|
-
"track-fill": "_track-
|
|
1407
|
-
trackFill:
|
|
1395
|
+
const Y1 = "_comment-markers_1pad4_1", X1 = "_comment-marker_1pad4_1", J1 = "_timeline-wrapper_1pad4_27", eo = "_track_1pad4_41", to = "_thumb_1pad4_54", no = "_root_1pad4_68", oo = "_track-inner_1pad4_98", io = "_progress_1pad4_104", ao = "_track-fill_1pad4_110", so = "_pins_1pad4_127", co = "_pin-button_1pad4_140", lo = "_annotation-pin_1pad4_160", ro = "_quiz-pin_1pad4_165", uo = "_annotation-pin-child_1pad4_170", mo = "_quiz-pin-child_1pad4_174", ho = "_interactive-pin-container_1pad4_179", po = "_interactive-pin-wrapper_1pad4_189", _o = "_interactive-pin-icon_1pad4_195", Co = "_interactive-pin_1pad4_179", fo = "_bg_1pad4_209", bo = "_symbol_1pad4_213", go = "_interactive-pin-button_1pad4_218", vo = "_interactive-pin-menu_1pad4_238", wo = "_interactive-pin-menu-item_1pad4_252", yo = "_arrow_1pad4_273", d = {
|
|
1396
|
+
"comment-markers": "_comment-markers_1pad4_1",
|
|
1397
|
+
commentMarkers: Y1,
|
|
1398
|
+
"comment-marker": "_comment-marker_1pad4_1",
|
|
1399
|
+
commentMarker: X1,
|
|
1400
|
+
"timeline-wrapper": "_timeline-wrapper_1pad4_27",
|
|
1401
|
+
timelineWrapper: J1,
|
|
1402
|
+
track: eo,
|
|
1403
|
+
thumb: to,
|
|
1404
|
+
root: no,
|
|
1405
|
+
"track-inner": "_track-inner_1pad4_98",
|
|
1406
|
+
trackInner: oo,
|
|
1407
|
+
progress: io,
|
|
1408
|
+
"track-fill": "_track-fill_1pad4_110",
|
|
1409
|
+
trackFill: ao,
|
|
1408
1410
|
pins: so,
|
|
1409
|
-
"pin-button": "_pin-
|
|
1410
|
-
pinButton:
|
|
1411
|
-
"annotation-pin": "_annotation-
|
|
1412
|
-
annotationPin:
|
|
1413
|
-
"quiz-pin": "_quiz-
|
|
1414
|
-
quizPin:
|
|
1415
|
-
"annotation-pin-child": "_annotation-pin-
|
|
1416
|
-
annotationPinChild:
|
|
1417
|
-
"quiz-pin-child": "_quiz-pin-
|
|
1418
|
-
quizPinChild:
|
|
1419
|
-
"interactive-pin-container": "_interactive-pin-
|
|
1420
|
-
interactivePinContainer:
|
|
1421
|
-
"interactive-pin-wrapper": "_interactive-pin-
|
|
1422
|
-
interactivePinWrapper:
|
|
1423
|
-
"interactive-pin-icon": "_interactive-pin-
|
|
1424
|
-
interactivePinIcon:
|
|
1425
|
-
"interactive-pin": "_interactive-
|
|
1426
|
-
interactivePin:
|
|
1427
|
-
bg:
|
|
1428
|
-
symbol:
|
|
1429
|
-
"interactive-pin-button": "_interactive-pin-
|
|
1430
|
-
interactivePinButton:
|
|
1431
|
-
"interactive-pin-menu": "_interactive-pin-
|
|
1432
|
-
interactivePinMenu:
|
|
1433
|
-
"interactive-pin-menu-item": "_interactive-pin-menu-
|
|
1434
|
-
interactivePinMenuItem:
|
|
1435
|
-
arrow:
|
|
1436
|
-
},
|
|
1411
|
+
"pin-button": "_pin-button_1pad4_140",
|
|
1412
|
+
pinButton: co,
|
|
1413
|
+
"annotation-pin": "_annotation-pin_1pad4_160",
|
|
1414
|
+
annotationPin: lo,
|
|
1415
|
+
"quiz-pin": "_quiz-pin_1pad4_165",
|
|
1416
|
+
quizPin: ro,
|
|
1417
|
+
"annotation-pin-child": "_annotation-pin-child_1pad4_170",
|
|
1418
|
+
annotationPinChild: uo,
|
|
1419
|
+
"quiz-pin-child": "_quiz-pin-child_1pad4_174",
|
|
1420
|
+
quizPinChild: mo,
|
|
1421
|
+
"interactive-pin-container": "_interactive-pin-container_1pad4_179",
|
|
1422
|
+
interactivePinContainer: ho,
|
|
1423
|
+
"interactive-pin-wrapper": "_interactive-pin-wrapper_1pad4_189",
|
|
1424
|
+
interactivePinWrapper: po,
|
|
1425
|
+
"interactive-pin-icon": "_interactive-pin-icon_1pad4_195",
|
|
1426
|
+
interactivePinIcon: _o,
|
|
1427
|
+
"interactive-pin": "_interactive-pin_1pad4_179",
|
|
1428
|
+
interactivePin: Co,
|
|
1429
|
+
bg: fo,
|
|
1430
|
+
symbol: bo,
|
|
1431
|
+
"interactive-pin-button": "_interactive-pin-button_1pad4_218",
|
|
1432
|
+
interactivePinButton: go,
|
|
1433
|
+
"interactive-pin-menu": "_interactive-pin-menu_1pad4_238",
|
|
1434
|
+
interactivePinMenu: vo,
|
|
1435
|
+
"interactive-pin-menu-item": "_interactive-pin-menu-item_1pad4_252",
|
|
1436
|
+
interactivePinMenuItem: wo,
|
|
1437
|
+
arrow: yo
|
|
1438
|
+
}, ko = {
|
|
1437
1439
|
annotation: d.annotationPin,
|
|
1438
1440
|
quiz: d.quizPin
|
|
1439
1441
|
};
|
|
1440
|
-
function
|
|
1442
|
+
function je({
|
|
1441
1443
|
type: e,
|
|
1442
1444
|
position: n,
|
|
1443
1445
|
children: o,
|
|
1444
1446
|
onClick: i
|
|
1445
1447
|
}) {
|
|
1446
|
-
const
|
|
1448
|
+
const a = g();
|
|
1447
1449
|
return /* @__PURE__ */ t(
|
|
1448
1450
|
"button",
|
|
1449
1451
|
{
|
|
1450
1452
|
type: "button",
|
|
1451
|
-
tabIndex:
|
|
1453
|
+
tabIndex: a.state.interactionsDisabled ? -1 : 0,
|
|
1452
1454
|
className: d.pinButton,
|
|
1453
1455
|
style: { left: `${n}%` },
|
|
1454
1456
|
onClick: i,
|
|
1455
|
-
children: /* @__PURE__ */
|
|
1457
|
+
children: /* @__PURE__ */ s(
|
|
1456
1458
|
"svg",
|
|
1457
1459
|
{
|
|
1458
|
-
className:
|
|
1460
|
+
className: ko[e],
|
|
1459
1461
|
width: "26",
|
|
1460
1462
|
height: "32",
|
|
1461
1463
|
viewBox: "0 0 26 32",
|
|
@@ -1469,8 +1471,8 @@ function Qe({
|
|
|
1469
1471
|
}
|
|
1470
1472
|
);
|
|
1471
1473
|
}
|
|
1472
|
-
function
|
|
1473
|
-
return /* @__PURE__ */ t(
|
|
1474
|
+
function Lo(e) {
|
|
1475
|
+
return /* @__PURE__ */ t(je, { type: "annotation", ...e, children: /* @__PURE__ */ t(
|
|
1474
1476
|
"path",
|
|
1475
1477
|
{
|
|
1476
1478
|
className: d.annotationPinChild,
|
|
@@ -1482,8 +1484,8 @@ function ko(e) {
|
|
|
1482
1484
|
}
|
|
1483
1485
|
) });
|
|
1484
1486
|
}
|
|
1485
|
-
function
|
|
1486
|
-
return /* @__PURE__ */ t(
|
|
1487
|
+
function xo(e) {
|
|
1488
|
+
return /* @__PURE__ */ t(je, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: d.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
|
|
1487
1489
|
"text",
|
|
1488
1490
|
{
|
|
1489
1491
|
className: d.quizPinChild,
|
|
@@ -1496,7 +1498,7 @@ function Lo(e) {
|
|
|
1496
1498
|
}
|
|
1497
1499
|
) });
|
|
1498
1500
|
}
|
|
1499
|
-
function
|
|
1501
|
+
function Mo(e, n) {
|
|
1500
1502
|
return e.map((o, i) => ({
|
|
1501
1503
|
id: o.id,
|
|
1502
1504
|
time: o.time,
|
|
@@ -1505,7 +1507,7 @@ function xo(e, n) {
|
|
|
1505
1507
|
onClick: () => n(o)
|
|
1506
1508
|
}));
|
|
1507
1509
|
}
|
|
1508
|
-
function
|
|
1510
|
+
function No(e, n) {
|
|
1509
1511
|
const o = /* @__PURE__ */ new Map();
|
|
1510
1512
|
e.forEach((c) => {
|
|
1511
1513
|
var r;
|
|
@@ -1513,34 +1515,34 @@ function Mo(e, n) {
|
|
|
1513
1515
|
o.has(l) || o.set(l, []), (r = o.get(l)) == null || r.push(c);
|
|
1514
1516
|
});
|
|
1515
1517
|
const i = [];
|
|
1516
|
-
let
|
|
1518
|
+
let a = 1;
|
|
1517
1519
|
return o.forEach((c, l) => {
|
|
1518
1520
|
i.push({
|
|
1519
1521
|
id: c.map((r) => r.id).join("-"),
|
|
1520
1522
|
time: l,
|
|
1521
1523
|
type: "quiz",
|
|
1522
|
-
ordinal:
|
|
1524
|
+
ordinal: a + 1,
|
|
1523
1525
|
onClick: () => n(c),
|
|
1524
1526
|
multiple: c.length > 1
|
|
1525
|
-
}),
|
|
1527
|
+
}), a++;
|
|
1526
1528
|
}), i;
|
|
1527
1529
|
}
|
|
1528
|
-
function
|
|
1530
|
+
function Po(e, n, o, i) {
|
|
1529
1531
|
switch (e.type) {
|
|
1530
1532
|
case "annotation": {
|
|
1531
|
-
const
|
|
1533
|
+
const a = () => i ? e.onClick() : o.seek(e.time);
|
|
1532
1534
|
return /* @__PURE__ */ t(
|
|
1533
|
-
|
|
1535
|
+
Lo,
|
|
1534
1536
|
{
|
|
1535
1537
|
position: e.time / n * 100,
|
|
1536
|
-
onClick:
|
|
1538
|
+
onClick: a
|
|
1537
1539
|
},
|
|
1538
1540
|
e.id
|
|
1539
1541
|
);
|
|
1540
1542
|
}
|
|
1541
1543
|
case "quiz":
|
|
1542
1544
|
return /* @__PURE__ */ t(
|
|
1543
|
-
|
|
1545
|
+
xo,
|
|
1544
1546
|
{
|
|
1545
1547
|
position: e.time / n * 100,
|
|
1546
1548
|
ordinal: e.ordinal,
|
|
@@ -1553,40 +1555,33 @@ function No(e, n, o, i) {
|
|
|
1553
1555
|
return null;
|
|
1554
1556
|
}
|
|
1555
1557
|
}
|
|
1556
|
-
function
|
|
1557
|
-
const e =
|
|
1558
|
-
...
|
|
1558
|
+
function Io() {
|
|
1559
|
+
const e = ne(), n = C("duration"), o = V(), i = S(() => [
|
|
1560
|
+
...Mo(
|
|
1559
1561
|
o.annotations,
|
|
1560
1562
|
o.onAnnotationClick
|
|
1561
1563
|
),
|
|
1562
|
-
...
|
|
1563
|
-
].sort((c, l) => c.time - l.time).map((c) =>
|
|
1564
|
+
...No(o.quizMarkers, o.onQuizMarkerClick)
|
|
1565
|
+
].sort((c, l) => c.time - l.time).map((c) => Po(c, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
|
|
1564
1566
|
return /* @__PURE__ */ t("div", { className: d.pins, children: i });
|
|
1565
1567
|
}
|
|
1566
|
-
function
|
|
1567
|
-
const e = C("duration"), n =
|
|
1568
|
-
return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: d.commentMarkers, children: n.comments.map((i) =>
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
|
|
1572
|
-
|
|
1573
|
-
|
|
1574
|
-
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
left: `${i.timestamp / e * 100}%`,
|
|
1579
|
-
width: `${s / e * 100}%`
|
|
1580
|
-
}
|
|
1581
|
-
},
|
|
1582
|
-
i.id
|
|
1583
|
-
);
|
|
1584
|
-
}) }) : null;
|
|
1568
|
+
function Ho() {
|
|
1569
|
+
const e = C("duration"), n = V(), o = g();
|
|
1570
|
+
return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: d.commentMarkers, children: n.comments.map((i) => /* @__PURE__ */ t(
|
|
1571
|
+
"span",
|
|
1572
|
+
{
|
|
1573
|
+
className: d.commentMarker,
|
|
1574
|
+
style: {
|
|
1575
|
+
left: `${i.timestamp / e * 100}%`
|
|
1576
|
+
}
|
|
1577
|
+
},
|
|
1578
|
+
i.id
|
|
1579
|
+
)) }) : null;
|
|
1585
1580
|
}
|
|
1586
|
-
function
|
|
1587
|
-
const [o, i] = x(!1),
|
|
1588
|
-
|
|
1589
|
-
|
|
1581
|
+
function Vo({ currentTime: e, position: n }) {
|
|
1582
|
+
const [o, i] = x(!1), a = V(), c = _(() => a.interactiveMenuElements.length > 0 ? i((w) => !w) : a.onInteractivePinClick(e), [
|
|
1583
|
+
a.interactiveMenuElements,
|
|
1584
|
+
a.onInteractivePinClick,
|
|
1590
1585
|
e
|
|
1591
1586
|
]), l = W(null), { refs: r, floatingStyles: u, context: p } = re({
|
|
1592
1587
|
open: o,
|
|
@@ -1602,7 +1597,7 @@ function Ho({ currentTime: e, position: n }) {
|
|
|
1602
1597
|
})
|
|
1603
1598
|
]
|
|
1604
1599
|
}), v = he(p), { getReferenceProps: y, getFloatingProps: k } = pe([v]);
|
|
1605
|
-
return /* @__PURE__ */
|
|
1600
|
+
return /* @__PURE__ */ s(j, { children: [
|
|
1606
1601
|
/* @__PURE__ */ t(
|
|
1607
1602
|
"button",
|
|
1608
1603
|
{
|
|
@@ -1612,7 +1607,7 @@ function Ho({ currentTime: e, position: n }) {
|
|
|
1612
1607
|
ref: r.setReference,
|
|
1613
1608
|
style: { left: `${n}%` },
|
|
1614
1609
|
...y(),
|
|
1615
|
-
children: /* @__PURE__ */
|
|
1610
|
+
children: /* @__PURE__ */ s(
|
|
1616
1611
|
"svg",
|
|
1617
1612
|
{
|
|
1618
1613
|
className: d.interactivePin,
|
|
@@ -1652,7 +1647,7 @@ function Ho({ currentTime: e, position: n }) {
|
|
|
1652
1647
|
)
|
|
1653
1648
|
}
|
|
1654
1649
|
),
|
|
1655
|
-
o && /* @__PURE__ */
|
|
1650
|
+
o && /* @__PURE__ */ s(
|
|
1656
1651
|
"div",
|
|
1657
1652
|
{
|
|
1658
1653
|
ref: r.setFloating,
|
|
@@ -1660,7 +1655,7 @@ function Ho({ currentTime: e, position: n }) {
|
|
|
1660
1655
|
className: d.interactivePinMenu,
|
|
1661
1656
|
...k(),
|
|
1662
1657
|
children: [
|
|
1663
|
-
|
|
1658
|
+
a.interactiveMenuElements.map(({ id: w, text: M, onClick: m }) => /* @__PURE__ */ s(
|
|
1664
1659
|
"button",
|
|
1665
1660
|
{
|
|
1666
1661
|
type: "button",
|
|
@@ -1706,48 +1701,48 @@ function Ho({ currentTime: e, position: n }) {
|
|
|
1706
1701
|
)
|
|
1707
1702
|
] });
|
|
1708
1703
|
}
|
|
1709
|
-
function
|
|
1704
|
+
function So() {
|
|
1710
1705
|
const e = C("duration"), n = C("currentTime"), o = n / e * 100;
|
|
1711
|
-
return /* @__PURE__ */ t("div", { className: d.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: d.interactivePinWrapper, children: /* @__PURE__ */ t(
|
|
1706
|
+
return /* @__PURE__ */ t("div", { className: d.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: d.interactivePinWrapper, children: /* @__PURE__ */ t(Vo, { currentTime: n, position: o }) }) });
|
|
1712
1707
|
}
|
|
1713
|
-
function
|
|
1708
|
+
function To() {
|
|
1714
1709
|
const e = C("paused"), n = g();
|
|
1715
|
-
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(
|
|
1710
|
+
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(So, {}) : null;
|
|
1716
1711
|
}
|
|
1717
|
-
const
|
|
1712
|
+
const Eo = `${d.progress} ${d.trackInner}`, Ro = `${d.trackFill} ${d.trackInner}`;
|
|
1718
1713
|
function Ne({ className: e }) {
|
|
1719
|
-
const n = g(), { hasAnnotations: o, hasQuizmarkers: i, interactive:
|
|
1720
|
-
return /* @__PURE__ */
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
/* @__PURE__ */
|
|
1714
|
+
const n = g(), { hasAnnotations: o, hasQuizmarkers: i, interactive: a } = V(), c = e ? `${d.timelineWrapper} ${e}` : d.timelineWrapper;
|
|
1715
|
+
return /* @__PURE__ */ s("div", { className: c, children: [
|
|
1716
|
+
a ? /* @__PURE__ */ t(To, {}) : null,
|
|
1717
|
+
a || o || i ? /* @__PURE__ */ t(Io, {}) : null,
|
|
1718
|
+
/* @__PURE__ */ t(Ho, {}),
|
|
1719
|
+
/* @__PURE__ */ s(
|
|
1724
1720
|
U.Root,
|
|
1725
1721
|
{
|
|
1726
1722
|
className: d.root,
|
|
1727
1723
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1728
1724
|
children: [
|
|
1729
|
-
/* @__PURE__ */
|
|
1730
|
-
/* @__PURE__ */ t(U.Progress, { className:
|
|
1731
|
-
/* @__PURE__ */ t(U.TrackFill, { className:
|
|
1725
|
+
/* @__PURE__ */ s(U.Track, { className: d.track, children: [
|
|
1726
|
+
/* @__PURE__ */ t(U.Progress, { className: Eo }),
|
|
1727
|
+
/* @__PURE__ */ t(U.TrackFill, { className: Ro })
|
|
1732
1728
|
] }),
|
|
1733
1729
|
/* @__PURE__ */ t(U.Thumb, { className: d.thumb })
|
|
1734
1730
|
]
|
|
1735
1731
|
}
|
|
1736
|
-
)
|
|
1737
|
-
/* @__PURE__ */ t(Io, {})
|
|
1732
|
+
)
|
|
1738
1733
|
] });
|
|
1739
1734
|
}
|
|
1740
|
-
const
|
|
1741
|
-
wrapper:
|
|
1742
|
-
track:
|
|
1743
|
-
thumb:
|
|
1735
|
+
const Ao = "_wrapper_12cb0_1", Bo = "_track_12cb0_6", Oo = "_thumb_12cb0_18", Fo = "_track-fill_12cb0_32", Zo = "_root_12cb0_51", G = {
|
|
1736
|
+
wrapper: Ao,
|
|
1737
|
+
track: Bo,
|
|
1738
|
+
thumb: Oo,
|
|
1744
1739
|
"track-fill": "_track-fill_12cb0_32",
|
|
1745
|
-
trackFill:
|
|
1746
|
-
root:
|
|
1740
|
+
trackFill: Fo,
|
|
1741
|
+
root: Zo
|
|
1747
1742
|
};
|
|
1748
|
-
function
|
|
1749
|
-
const e = z(), n = C("volume"), o = C("muted"), i = g(),
|
|
1750
|
-
return /* @__PURE__ */
|
|
1743
|
+
function zo() {
|
|
1744
|
+
const e = z(), n = C("volume"), o = C("muted"), i = g(), a = o || n === 0, { t: c } = f();
|
|
1745
|
+
return /* @__PURE__ */ s("div", { className: G.wrapper, children: [
|
|
1751
1746
|
/* @__PURE__ */ t(
|
|
1752
1747
|
"button",
|
|
1753
1748
|
{
|
|
@@ -1755,21 +1750,21 @@ function Zo() {
|
|
|
1755
1750
|
type: "button",
|
|
1756
1751
|
tabIndex: i.state.interactionsDisabled ? -1 : 0,
|
|
1757
1752
|
className: "controls-button",
|
|
1758
|
-
"aria-label": c(
|
|
1753
|
+
"aria-label": c(a ? "VOLUME" : "MUTE"),
|
|
1759
1754
|
onClick: () => {
|
|
1760
|
-
|
|
1755
|
+
a ? e == null || e.remoteControl.unmute() : e == null || e.remoteControl.mute();
|
|
1761
1756
|
},
|
|
1762
|
-
children:
|
|
1757
|
+
children: a ? /* @__PURE__ */ t($e, { className: "controls-button-icon" }) : n < 0.5 ? /* @__PURE__ */ t(Ue, { className: "controls-button-icon" }) : /* @__PURE__ */ t(qe, { className: "controls-button-icon" })
|
|
1763
1758
|
}
|
|
1764
1759
|
),
|
|
1765
|
-
/* @__PURE__ */
|
|
1766
|
-
|
|
1760
|
+
/* @__PURE__ */ s(
|
|
1761
|
+
J.Root,
|
|
1767
1762
|
{
|
|
1768
1763
|
className: G.root,
|
|
1769
1764
|
tabIndex: i.state.interactionsDisabled ? -1 : 0,
|
|
1770
1765
|
children: [
|
|
1771
|
-
/* @__PURE__ */ t(
|
|
1772
|
-
/* @__PURE__ */ t(
|
|
1766
|
+
/* @__PURE__ */ t(J.Track, { className: G.track, children: /* @__PURE__ */ t(J.TrackFill, { className: G.trackFill }) }),
|
|
1767
|
+
/* @__PURE__ */ t(J.Thumb, { className: G.thumb })
|
|
1773
1768
|
]
|
|
1774
1769
|
}
|
|
1775
1770
|
)
|
|
@@ -1796,9 +1791,9 @@ const Pe = {
|
|
|
1796
1791
|
nextCaptionLanguage: {
|
|
1797
1792
|
keys: ["v"],
|
|
1798
1793
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1799
|
-
const i = n.textTracks.selectedIndex,
|
|
1794
|
+
const i = n.textTracks.selectedIndex, a = i + 1;
|
|
1800
1795
|
o.changeTextTrackMode(i, "hidden"), o.changeTextTrackMode(
|
|
1801
|
-
|
|
1796
|
+
a >= n.textTracks.length ? 0 : a,
|
|
1802
1797
|
"showing"
|
|
1803
1798
|
), n.$state.lastKeyboardAction.set({
|
|
1804
1799
|
action: "nextCaptionLanguage",
|
|
@@ -1809,9 +1804,9 @@ const Pe = {
|
|
|
1809
1804
|
previousCaptionLanguage: {
|
|
1810
1805
|
keys: ["x"],
|
|
1811
1806
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1812
|
-
const i = n.textTracks.selectedIndex,
|
|
1807
|
+
const i = n.textTracks.selectedIndex, a = i - 1;
|
|
1813
1808
|
o.changeTextTrackMode(i, "hidden"), o.changeTextTrackMode(
|
|
1814
|
-
|
|
1809
|
+
a < 0 ? n.textTracks.length - 1 : a,
|
|
1815
1810
|
"showing"
|
|
1816
1811
|
), n.$state.lastKeyboardAction.set({
|
|
1817
1812
|
action: "previousCaptionLanguage",
|
|
@@ -1822,8 +1817,8 @@ const Pe = {
|
|
|
1822
1817
|
decreasePlaybackRate: {
|
|
1823
1818
|
keys: ["a"],
|
|
1824
1819
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1825
|
-
const
|
|
1826
|
-
|
|
1820
|
+
const a = F.indexOf(n.playbackRate) - 1;
|
|
1821
|
+
a >= 0 && (o.changePlaybackRate(F[a]), n.$state.lastKeyboardAction.set({
|
|
1827
1822
|
action: "decreasePlaybackRate",
|
|
1828
1823
|
event: e
|
|
1829
1824
|
}));
|
|
@@ -1832,8 +1827,8 @@ const Pe = {
|
|
|
1832
1827
|
increasePlaybackRate: {
|
|
1833
1828
|
keys: ["d"],
|
|
1834
1829
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1835
|
-
const
|
|
1836
|
-
|
|
1830
|
+
const a = F.indexOf(n.playbackRate) + 1;
|
|
1831
|
+
a < F.length && (o.changePlaybackRate(F[a]), n.$state.lastKeyboardAction.set({
|
|
1837
1832
|
action: "increasePlaybackRate",
|
|
1838
1833
|
event: e
|
|
1839
1834
|
}));
|
|
@@ -1870,7 +1865,7 @@ const Pe = {
|
|
|
1870
1865
|
function Ie(e) {
|
|
1871
1866
|
return typeof e == "number" && !isNaN(e);
|
|
1872
1867
|
}
|
|
1873
|
-
function
|
|
1868
|
+
function Ko(e, n = 1e3) {
|
|
1874
1869
|
let o = !1;
|
|
1875
1870
|
return () => {
|
|
1876
1871
|
o || (e(), o = !0, setTimeout(() => {
|
|
@@ -1889,21 +1884,21 @@ const He = {
|
|
|
1889
1884
|
invert: !1,
|
|
1890
1885
|
comments: !1
|
|
1891
1886
|
};
|
|
1892
|
-
class
|
|
1887
|
+
class Do {
|
|
1893
1888
|
constructor() {
|
|
1894
|
-
|
|
1895
|
-
|
|
1896
|
-
|
|
1897
|
-
|
|
1898
|
-
|
|
1899
|
-
|
|
1889
|
+
H(this, "playerId", "studio-player");
|
|
1890
|
+
H(this, "mediaId", null);
|
|
1891
|
+
H(this, "data", He);
|
|
1892
|
+
H(this, "time", null);
|
|
1893
|
+
H(this, "overrideTime", null);
|
|
1894
|
+
H(this, "saveTime", () => {
|
|
1900
1895
|
if (!this.mediaId) return;
|
|
1901
1896
|
const n = (this.time ?? 0).toString();
|
|
1902
1897
|
localStorage.setItem(this.mediaId, n);
|
|
1903
1898
|
});
|
|
1904
|
-
|
|
1899
|
+
H(this, "saveTimeThrottled", Ko(this.saveTime, 1e3));
|
|
1905
1900
|
// only used for useStudioPlayer hook's state initialization
|
|
1906
|
-
|
|
1901
|
+
H(this, "initializeState", (n) => {
|
|
1907
1902
|
const o = localStorage.getItem(this.playerId);
|
|
1908
1903
|
if (Ie(n) && n >= 0 && (this.overrideTime = n), o)
|
|
1909
1904
|
try {
|
|
@@ -1920,7 +1915,7 @@ class Ko {
|
|
|
1920
1915
|
disableCaptionSettings: !1
|
|
1921
1916
|
};
|
|
1922
1917
|
});
|
|
1923
|
-
|
|
1918
|
+
H(this, "saveData", (n, o) => {
|
|
1924
1919
|
this.data = {
|
|
1925
1920
|
...this.data,
|
|
1926
1921
|
[n]: o
|
|
@@ -1971,12 +1966,12 @@ class Ko {
|
|
|
1971
1966
|
this.data.rate = n, this.save();
|
|
1972
1967
|
}
|
|
1973
1968
|
onChange(n, o, i = "studio-player") {
|
|
1974
|
-
const
|
|
1969
|
+
const a = i ? localStorage.getItem(i) : null, c = o ? localStorage.getItem(o) : null;
|
|
1975
1970
|
this.playerId = i, this.mediaId = o;
|
|
1976
1971
|
let l = {};
|
|
1977
|
-
if (
|
|
1972
|
+
if (a)
|
|
1978
1973
|
try {
|
|
1979
|
-
l = JSON.parse(
|
|
1974
|
+
l = JSON.parse(a);
|
|
1980
1975
|
} catch {
|
|
1981
1976
|
}
|
|
1982
1977
|
this.data = {
|
|
@@ -1990,42 +1985,42 @@ class Ko {
|
|
|
1990
1985
|
localStorage.setItem(this.playerId, n);
|
|
1991
1986
|
}
|
|
1992
1987
|
}
|
|
1993
|
-
function
|
|
1994
|
-
const
|
|
1995
|
-
|
|
1988
|
+
function $o(e, n, o, i) {
|
|
1989
|
+
const a = S(() => new Do(), []), [c, l] = x(
|
|
1990
|
+
a.initializeState(i)
|
|
1996
1991
|
), r = _(
|
|
1997
1992
|
(m) => {
|
|
1998
|
-
l((b) => (
|
|
1993
|
+
l((b) => (a.saveData("multiplier", m), {
|
|
1999
1994
|
...b,
|
|
2000
1995
|
captionsFontSizeMultiplier: m
|
|
2001
1996
|
}));
|
|
2002
1997
|
},
|
|
2003
|
-
[
|
|
1998
|
+
[a]
|
|
2004
1999
|
), u = _(() => {
|
|
2005
2000
|
l((m) => {
|
|
2006
2001
|
const b = !m.captionPositionOnTop;
|
|
2007
|
-
return
|
|
2002
|
+
return a.saveData("ontop", b), {
|
|
2008
2003
|
...m,
|
|
2009
2004
|
captionPositionOnTop: b
|
|
2010
2005
|
};
|
|
2011
2006
|
});
|
|
2012
|
-
}, [
|
|
2007
|
+
}, [a]), p = _(() => {
|
|
2013
2008
|
l((m) => {
|
|
2014
2009
|
const b = !m.captionsInvertColors;
|
|
2015
|
-
return
|
|
2010
|
+
return a.saveData("invert", b), {
|
|
2016
2011
|
...m,
|
|
2017
2012
|
captionsInvertColors: b
|
|
2018
2013
|
};
|
|
2019
2014
|
});
|
|
2020
|
-
}, [
|
|
2015
|
+
}, [a]), v = _(() => {
|
|
2021
2016
|
l((m) => {
|
|
2022
2017
|
const b = !m.commentsEnabled;
|
|
2023
|
-
return
|
|
2018
|
+
return a.saveData("comments", b), {
|
|
2024
2019
|
...m,
|
|
2025
2020
|
commentsEnabled: b
|
|
2026
2021
|
};
|
|
2027
2022
|
});
|
|
2028
|
-
}, [
|
|
2023
|
+
}, [a]), y = _(() => {
|
|
2029
2024
|
l((m) => ({
|
|
2030
2025
|
...m,
|
|
2031
2026
|
interactionsDisabled: !1
|
|
@@ -2060,70 +2055,71 @@ function Do(e, n, o, i) {
|
|
|
2060
2055
|
disableCaptionSettings: o
|
|
2061
2056
|
},
|
|
2062
2057
|
shortcuts: M,
|
|
2063
|
-
storage:
|
|
2058
|
+
storage: a
|
|
2064
2059
|
};
|
|
2065
2060
|
}
|
|
2066
|
-
const
|
|
2067
|
-
function
|
|
2068
|
-
const e =
|
|
2069
|
-
return /* @__PURE__ */
|
|
2070
|
-
/* @__PURE__ */ t(
|
|
2071
|
-
/* @__PURE__ */ t(
|
|
2061
|
+
const Uo = {};
|
|
2062
|
+
function qo() {
|
|
2063
|
+
const e = V();
|
|
2064
|
+
return /* @__PURE__ */ s(j, { children: [
|
|
2065
|
+
/* @__PURE__ */ t(Z1, { src: e.thumbnail }),
|
|
2066
|
+
/* @__PURE__ */ t(Ge, {}),
|
|
2072
2067
|
/* @__PURE__ */ t(Be, {}),
|
|
2073
2068
|
/* @__PURE__ */ t(Ze, { captions: e.captions }),
|
|
2074
|
-
/* @__PURE__ */ t(
|
|
2075
|
-
/* @__PURE__ */ t(
|
|
2076
|
-
/* @__PURE__ */ t(
|
|
2069
|
+
/* @__PURE__ */ t(G1, {}),
|
|
2070
|
+
/* @__PURE__ */ t(h1, {}),
|
|
2071
|
+
/* @__PURE__ */ t(qt, { comments: e.comments })
|
|
2077
2072
|
] });
|
|
2078
2073
|
}
|
|
2079
|
-
const
|
|
2080
|
-
/* @__PURE__ */
|
|
2074
|
+
const Go = (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__ */ s("g", { id: "audio", children: [
|
|
2075
|
+
/* @__PURE__ */ s("g", { id: "icon-file-base-2", children: [
|
|
2081
2076
|
/* @__PURE__ */ t("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z", fill: "#FFFFFF" }),
|
|
2082
2077
|
/* @__PURE__ */ t("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z M1.993,35 C1.445,35 1,34.552 1,34 L1,2 C1,1.448 1.445,1 1.993,1 L16.5,1 L16.5,9 C16.5,10.379 17.621,11.5 18.999,11.5 L27,11.5 L27,34 C27,34.552 26.554,35 26.006,35 L1.993,35 Z M27,10.5 L18.999,10.5 C18.173,10.5 17.5,9.827 17.5,9 L17.5,1 L17.585,1 L27,10.414 L27,10.5 L27,10.5 Z", id: "icon-file-base", fill: "#FFFFFF" }),
|
|
2083
2078
|
/* @__PURE__ */ t("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z M1.993,35 C1.445,35 1,34.552 1,34 L1,2 C1,1.448 1.445,1 1.993,1 L16.5,1 L16.5,9 C16.5,10.379 17.621,11.5 18.999,11.5 L27,11.5 L27,34 C27,34.552 26.554,35 26.006,35 L1.993,35 Z M27,10.5 L18.999,10.5 C18.173,10.5 17.5,9.827 17.5,9 L17.5,1 L17.585,1 L27,10.414 L27,10.5 L27,10.5 Z", fill: "#384A58" })
|
|
2084
2079
|
] }),
|
|
2085
2080
|
/* @__PURE__ */ t("path", { d: "M14.7142857,14.2824 L14.7142857,13 L13.2857143,13.2548 L13.2857143,23.0912 C12.8642857,22.9106 12.3785714,22.8 11.8571429,22.8 C10.2771429,22.8 9,23.7408 9,24.9 C9,26.0592 10.2771429,27 11.8571429,27 C12.3785714,27 12.8642857,26.8894 13.2857143,26.7088 C14.1371429,26.3448 14.7142857,25.6756 14.7142857,24.9 L14.7142857,17.0824 C17.5714286,17.0824 19,20 19,21.4 C19,15.8 16.1428571,14.2824 14.7142857,14.2824", id: "Fill-776", fill: "#384A58" })
|
|
2086
2081
|
] }) }) });
|
|
2087
|
-
function
|
|
2088
|
-
const e =
|
|
2089
|
-
return /* @__PURE__ */
|
|
2090
|
-
/* @__PURE__ */ t(
|
|
2091
|
-
/* @__PURE__ */ t(
|
|
2082
|
+
function Wo() {
|
|
2083
|
+
const e = V();
|
|
2084
|
+
return /* @__PURE__ */ s("div", { className: "audio-layout-wrapper", children: [
|
|
2085
|
+
/* @__PURE__ */ t(Go, {}),
|
|
2086
|
+
/* @__PURE__ */ t(Ge, {}),
|
|
2092
2087
|
/* @__PURE__ */ t(Be, {}),
|
|
2093
2088
|
/* @__PURE__ */ t(Ze, { captions: e.captions })
|
|
2094
2089
|
] });
|
|
2095
2090
|
}
|
|
2096
|
-
const
|
|
2091
|
+
const se = () => {
|
|
2097
2092
|
};
|
|
2098
|
-
function
|
|
2093
|
+
function oi({
|
|
2099
2094
|
title: e,
|
|
2100
2095
|
playerRef: n,
|
|
2101
2096
|
src: o,
|
|
2102
2097
|
captions: i = [],
|
|
2103
|
-
thumbnail:
|
|
2098
|
+
thumbnail: a,
|
|
2104
2099
|
hideFullScreen: c = !1,
|
|
2105
2100
|
comments: l = [],
|
|
2106
2101
|
locale: r = "en",
|
|
2107
2102
|
annotations: u = [],
|
|
2108
2103
|
quizMarkers: p = [],
|
|
2109
2104
|
interactive: v = !1,
|
|
2110
|
-
onAnnotationClick: y =
|
|
2111
|
-
onQuizMarkerClick: k =
|
|
2112
|
-
onInteractivePinClick: w =
|
|
2105
|
+
onAnnotationClick: y = se,
|
|
2106
|
+
onQuizMarkerClick: k = se,
|
|
2107
|
+
onInteractivePinClick: w = se,
|
|
2113
2108
|
interactiveMenuElements: M = [],
|
|
2114
2109
|
kebabMenuElements: m = [],
|
|
2115
2110
|
darkMode: b = !1,
|
|
2116
|
-
autoLoadCaptionSrc:
|
|
2117
|
-
forceComments: T,
|
|
2118
|
-
disableCaptionSettings: D,
|
|
2119
|
-
|
|
2120
|
-
|
|
2111
|
+
autoLoadCaptionSrc: N = "",
|
|
2112
|
+
forceComments: T = !1,
|
|
2113
|
+
disableCaptionSettings: D = !1,
|
|
2114
|
+
disableStorage: B = !1,
|
|
2115
|
+
startAt: ie,
|
|
2116
|
+
crossOrigin: X
|
|
2121
2117
|
}) {
|
|
2122
|
-
const { contextValue:
|
|
2118
|
+
const { contextValue: $, shortcuts: Qe, storage: Ye } = $o(
|
|
2123
2119
|
c,
|
|
2124
|
-
T
|
|
2125
|
-
D
|
|
2126
|
-
|
|
2120
|
+
T,
|
|
2121
|
+
D,
|
|
2122
|
+
ie
|
|
2127
2123
|
), { i18n: ge } = f();
|
|
2128
2124
|
Z(() => {
|
|
2129
2125
|
ge.changeLanguage(r);
|
|
@@ -2137,7 +2133,7 @@ function ni({
|
|
|
2137
2133
|
hideFullScreen: c,
|
|
2138
2134
|
comments: l,
|
|
2139
2135
|
captions: i,
|
|
2140
|
-
thumbnail:
|
|
2136
|
+
thumbnail: a,
|
|
2141
2137
|
annotations: u,
|
|
2142
2138
|
quizMarkers: p,
|
|
2143
2139
|
interactive: v,
|
|
@@ -2147,33 +2143,34 @@ function ni({
|
|
|
2147
2143
|
interactiveMenuElements: M,
|
|
2148
2144
|
kebabMenuElements: m,
|
|
2149
2145
|
darkMode: b,
|
|
2150
|
-
forceComments: T
|
|
2151
|
-
disableCaptionSettings: D
|
|
2152
|
-
|
|
2146
|
+
forceComments: T,
|
|
2147
|
+
disableCaptionSettings: D,
|
|
2148
|
+
disableStorage: B,
|
|
2149
|
+
children: /* @__PURE__ */ t(gt, { contextValue: $, children: /* @__PURE__ */ s(
|
|
2153
2150
|
mt,
|
|
2154
2151
|
{
|
|
2155
|
-
crossOrigin:
|
|
2156
|
-
storage: Ye,
|
|
2152
|
+
crossOrigin: X,
|
|
2153
|
+
storage: B ? null : Ye,
|
|
2157
2154
|
title: e,
|
|
2158
2155
|
src: o,
|
|
2159
|
-
keyShortcuts:
|
|
2156
|
+
keyShortcuts: Qe,
|
|
2160
2157
|
playsInline: !0,
|
|
2161
|
-
keyDisabled:
|
|
2158
|
+
keyDisabled: $.state.interactionsDisabled || $.state.globalKeysDisabled,
|
|
2162
2159
|
onTextTracksChange: (E) => {
|
|
2163
2160
|
const ye = E == null ? void 0 : E.findIndex(
|
|
2164
|
-
(Je) => Je.src ===
|
|
2161
|
+
(Je) => Je.src === N
|
|
2165
2162
|
);
|
|
2166
2163
|
ye > -1 && (E[ye].mode = "showing");
|
|
2167
2164
|
},
|
|
2168
2165
|
onProviderSetup: Xe,
|
|
2169
2166
|
children: [
|
|
2170
|
-
/* @__PURE__ */
|
|
2171
|
-
ve === "audio" && /* @__PURE__ */ t(
|
|
2172
|
-
ve === "video" && /* @__PURE__ */ t(
|
|
2167
|
+
/* @__PURE__ */ s(ht, { className: Uo.mediaProvider, children: [
|
|
2168
|
+
ve === "audio" && /* @__PURE__ */ t(Wo, {}),
|
|
2169
|
+
ve === "video" && /* @__PURE__ */ t(qo, {})
|
|
2173
2170
|
] }),
|
|
2174
|
-
/* @__PURE__ */ t(
|
|
2171
|
+
/* @__PURE__ */ t(E1, {}),
|
|
2175
2172
|
/* @__PURE__ */ t(
|
|
2176
|
-
|
|
2173
|
+
Jt,
|
|
2177
2174
|
{
|
|
2178
2175
|
darkMode: b,
|
|
2179
2176
|
playerRef: n,
|
|
@@ -2189,9 +2186,9 @@ function ni({
|
|
|
2189
2186
|
}
|
|
2190
2187
|
export {
|
|
2191
2188
|
Tt as CAPTION_FONT_SIZE_MULTIPLIERS,
|
|
2192
|
-
|
|
2189
|
+
Et as COMMENT_DURATION,
|
|
2193
2190
|
F as PLAYBACK_RATES,
|
|
2194
|
-
|
|
2191
|
+
oi as StudioPlayer,
|
|
2195
2192
|
si as useMediaState,
|
|
2196
|
-
|
|
2193
|
+
ci as useMediaStore
|
|
2197
2194
|
};
|