@instructure/studio-player 0.2.2 → 0.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/StudioPlayer/StudioPlayer.d.ts +3 -3
- package/dist/studio-player.es.js +511 -510
- package/package.json +1 -1
package/dist/studio-player.es.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import './index-CMD6Esae.css';var
|
|
2
|
-
var
|
|
3
|
-
var N = (e, n, o) =>
|
|
1
|
+
import './index-CMD6Esae.css';var Re = Object.defineProperty;
|
|
2
|
+
var Ae = (e, n, o) => n in e ? Re(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
|
|
3
|
+
var N = (e, n, o) => Ae(e, typeof n != "symbol" ? n + "" : n, o);
|
|
4
4
|
import { jsx as t, jsxs as s, Fragment as J } from "react/jsx-runtime";
|
|
5
|
-
import { createContext as X, useContext as
|
|
6
|
-
import { useMediaPlayer as
|
|
7
|
-
import { initReactI18next as
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import { useFloating as
|
|
11
|
-
const
|
|
5
|
+
import { createContext as X, useContext as w, useState as P, useCallback as p, useEffect as B, useMemo as Z, useRef as me } from "react";
|
|
6
|
+
import { useMediaPlayer as U, Spinner as G, useMediaRemote as q, useMediaState as _, isTrackCaptionKind as Ee, Track as Oe, Captions as Fe, usePlaybackRateOptions as Ze, useCaptionOptions as $e, useVideoQualityOptions as ze, useMediaStore as he, FullscreenButton as pe, PlayButton as Ke, Poster as De, Time as ie, TimeSlider as E, MuteButton as je, VolumeSlider as K, MediaPlayer as Ue, MediaProvider as qe } from "@vidstack/react";
|
|
7
|
+
import { initReactI18next as We, useTranslation as b } from "react-i18next";
|
|
8
|
+
import Ge from "i18next";
|
|
9
|
+
import Qe from "i18next-resources-to-backend";
|
|
10
|
+
import { useFloating as _e, autoUpdate as fe, flip as ve, arrow as be, useDismiss as Ce, useInteractions as ge, FloatingFocusManager as Ye, FloatingArrow as ke, shift as Je, offset as Xe } from "@floating-ui/react";
|
|
11
|
+
const et = (e, n, o) => {
|
|
12
12
|
const i = e[n];
|
|
13
13
|
return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((a, c) => {
|
|
14
14
|
(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
|
|
@@ -21,9 +21,9 @@ const tt = (e, n, o) => {
|
|
|
21
21
|
);
|
|
22
22
|
});
|
|
23
23
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
(e) =>
|
|
24
|
+
Ge.use(We).use(
|
|
25
|
+
Qe(
|
|
26
|
+
(e) => et(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./en-DFSgRHa0.js"), "./locales/kl.json": () => import("./kl-dmbsz-te.js") }), `./locales/${e}.json`, 3)
|
|
27
27
|
)
|
|
28
28
|
).init({
|
|
29
29
|
fallbackLng: "en",
|
|
@@ -34,23 +34,23 @@ Qe.use(Ge).use(
|
|
|
34
34
|
escapeValue: !1
|
|
35
35
|
}
|
|
36
36
|
});
|
|
37
|
-
const
|
|
38
|
-
function
|
|
37
|
+
const ye = X(null);
|
|
38
|
+
function tt({
|
|
39
39
|
children: e,
|
|
40
40
|
contextValue: n
|
|
41
41
|
}) {
|
|
42
|
-
return /* @__PURE__ */ t(
|
|
42
|
+
return /* @__PURE__ */ t(ye.Provider, { value: n, children: e });
|
|
43
43
|
}
|
|
44
44
|
function C() {
|
|
45
|
-
const e =
|
|
45
|
+
const e = w(ye);
|
|
46
46
|
if (!e)
|
|
47
47
|
throw new Error(
|
|
48
48
|
"useStudioPlayerContext must be used within a StudioPlayerContextProvider"
|
|
49
49
|
);
|
|
50
50
|
return e;
|
|
51
51
|
}
|
|
52
|
-
const
|
|
53
|
-
function
|
|
52
|
+
const we = X(null);
|
|
53
|
+
function nt({
|
|
54
54
|
hideFullScreen: e,
|
|
55
55
|
comments: n,
|
|
56
56
|
annotations: o,
|
|
@@ -58,10 +58,10 @@ function ot({
|
|
|
58
58
|
interactive: a,
|
|
59
59
|
onAnnotationClick: c,
|
|
60
60
|
onQuizMarkerClick: l,
|
|
61
|
-
onInteractivePinClick:
|
|
62
|
-
interactiveMenuElements:
|
|
61
|
+
onInteractivePinClick: r,
|
|
62
|
+
interactiveMenuElements: f,
|
|
63
63
|
darkMode: v,
|
|
64
|
-
children:
|
|
64
|
+
children: k
|
|
65
65
|
}) {
|
|
66
66
|
const d = {
|
|
67
67
|
hideFullScreen: e,
|
|
@@ -71,91 +71,91 @@ function ot({
|
|
|
71
71
|
interactive: a,
|
|
72
72
|
onAnnotationClick: c,
|
|
73
73
|
onQuizMarkerClick: l,
|
|
74
|
-
onInteractivePinClick:
|
|
75
|
-
interactiveMenuElements:
|
|
74
|
+
onInteractivePinClick: r,
|
|
75
|
+
interactiveMenuElements: f,
|
|
76
76
|
darkMode: v,
|
|
77
77
|
hasComments: n.length > 0,
|
|
78
78
|
hasAnnotations: o.length > 0,
|
|
79
79
|
hasQuizmarkers: i.length > 0
|
|
80
80
|
};
|
|
81
|
-
return /* @__PURE__ */ t(
|
|
81
|
+
return /* @__PURE__ */ t(we.Provider, { value: d, children: k });
|
|
82
82
|
}
|
|
83
|
-
function
|
|
84
|
-
const e =
|
|
83
|
+
function R() {
|
|
84
|
+
const e = w(we);
|
|
85
85
|
if (!e)
|
|
86
86
|
throw new Error(
|
|
87
87
|
"useStudioPlayerPropsContext must be used within a StudioPlayerPropsContextProvider"
|
|
88
88
|
);
|
|
89
89
|
return e;
|
|
90
90
|
}
|
|
91
|
-
const
|
|
91
|
+
const ot = "_annotation-overlay_1kxzn_1", it = {
|
|
92
92
|
"annotation-overlay": "_annotation-overlay_1kxzn_1",
|
|
93
|
-
annotationOverlay:
|
|
94
|
-
},
|
|
93
|
+
annotationOverlay: ot
|
|
94
|
+
}, ae = 0.25, at = (e, n) => {
|
|
95
95
|
let o = !1;
|
|
96
96
|
return (i) => {
|
|
97
97
|
const a = i.detail.currentTime;
|
|
98
|
-
a >= e.time && a < e.time +
|
|
98
|
+
a >= e.time && a < e.time + ae && !o && (o = !0, n(e)), (a < e.time || a >= e.time + ae) && o && (o = !1);
|
|
99
99
|
};
|
|
100
100
|
};
|
|
101
|
-
function
|
|
102
|
-
const n =
|
|
101
|
+
function st({ annotations: e }) {
|
|
102
|
+
const n = U(), o = C(), [i, a] = P(
|
|
103
103
|
null
|
|
104
104
|
), c = p(
|
|
105
|
-
(
|
|
106
|
-
n == null || n.pause(), o.disableInteractions(), a(
|
|
105
|
+
(r) => {
|
|
106
|
+
n == null || n.pause(), o.disableInteractions(), a(r);
|
|
107
107
|
},
|
|
108
108
|
[n, o]
|
|
109
109
|
), l = () => {
|
|
110
110
|
n == null || n.play(), a(null), o.enableInteractions();
|
|
111
111
|
};
|
|
112
|
-
return
|
|
112
|
+
return B(() => {
|
|
113
113
|
if (!n)
|
|
114
114
|
return;
|
|
115
|
-
const
|
|
116
|
-
for (const
|
|
117
|
-
const v =
|
|
118
|
-
n.addEventListener("time-update", v),
|
|
115
|
+
const r = [];
|
|
116
|
+
for (const f of e) {
|
|
117
|
+
const v = at(f, c);
|
|
118
|
+
n.addEventListener("time-update", v), r.push(v);
|
|
119
119
|
}
|
|
120
120
|
return () => {
|
|
121
|
-
for (const
|
|
122
|
-
n.removeEventListener("time-update",
|
|
121
|
+
for (const f of r)
|
|
122
|
+
n.removeEventListener("time-update", f);
|
|
123
123
|
};
|
|
124
|
-
}, [n, e]), i ? /* @__PURE__ */ t("div", { className:
|
|
124
|
+
}, [n, e]), i ? /* @__PURE__ */ t("div", { className: it.annotationOverlay, children: i.render(l) }) : null;
|
|
125
125
|
}
|
|
126
|
-
const
|
|
126
|
+
const ct = "_media-buffering-indicator_1fwjr_1", lt = "_media-buffering-spinner_1fwjr_17", rt = "_media-buffering-spin_1fwjr_17", ut = "_media-buffering-track_1fwjr_22", dt = "_media-buffering-track-fill_1fwjr_27", D = {
|
|
127
127
|
"media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
|
|
128
|
-
mediaBufferingIndicator:
|
|
128
|
+
mediaBufferingIndicator: ct,
|
|
129
129
|
"media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
|
|
130
|
-
mediaBufferingSpinner:
|
|
130
|
+
mediaBufferingSpinner: lt,
|
|
131
131
|
"media-buffering-spin": "_media-buffering-spin_1fwjr_17",
|
|
132
|
-
mediaBufferingSpin:
|
|
132
|
+
mediaBufferingSpin: rt,
|
|
133
133
|
"media-buffering-track": "_media-buffering-track_1fwjr_22",
|
|
134
|
-
mediaBufferingTrack:
|
|
134
|
+
mediaBufferingTrack: ut,
|
|
135
135
|
"media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
|
|
136
|
-
mediaBufferingTrackFill:
|
|
136
|
+
mediaBufferingTrackFill: dt
|
|
137
137
|
};
|
|
138
|
-
function
|
|
139
|
-
return /* @__PURE__ */ t("div", { className:
|
|
140
|
-
/* @__PURE__ */ t(G.Track, { className:
|
|
138
|
+
function mt() {
|
|
139
|
+
return /* @__PURE__ */ t("div", { className: D.mediaBufferingIndicator, children: /* @__PURE__ */ s(G.Root, { className: D.mediaBufferingSpinner, size: 96, children: [
|
|
140
|
+
/* @__PURE__ */ t(G.Track, { className: D.mediaBufferingTrack, width: 8 }),
|
|
141
141
|
/* @__PURE__ */ t(
|
|
142
142
|
G.TrackFill,
|
|
143
143
|
{
|
|
144
|
-
className:
|
|
144
|
+
className: D.mediaBufferingTrackFill,
|
|
145
145
|
width: 8
|
|
146
146
|
}
|
|
147
147
|
)
|
|
148
148
|
] }) });
|
|
149
149
|
}
|
|
150
|
-
const
|
|
150
|
+
const Le = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
151
151
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104418", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
|
|
152
152
|
/* @__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" }) })
|
|
153
|
-
] }),
|
|
153
|
+
] }), Pe = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
154
154
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104406", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
|
|
155
155
|
/* @__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" }) })
|
|
156
156
|
] });
|
|
157
|
-
function
|
|
158
|
-
const e =
|
|
157
|
+
function ht() {
|
|
158
|
+
const e = q(), n = _("textTrack"), o = _("hasCaptions"), i = n && Ee(n), a = C(), c = p(
|
|
159
159
|
(l) => {
|
|
160
160
|
e.toggleCaptions(l.nativeEvent);
|
|
161
161
|
},
|
|
@@ -169,18 +169,18 @@ function _t() {
|
|
|
169
169
|
onClick: c,
|
|
170
170
|
"aria-label": "Captions",
|
|
171
171
|
tabIndex: a.state.interactionsDisabled ? -1 : 0,
|
|
172
|
-
children: i ? /* @__PURE__ */ t(
|
|
172
|
+
children: i ? /* @__PURE__ */ t(Pe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Le, { className: "controls-button-icon" })
|
|
173
173
|
}
|
|
174
174
|
) : null;
|
|
175
175
|
}
|
|
176
|
-
const pt = "_captions_13epz_1",
|
|
176
|
+
const pt = "_captions_13epz_1", _t = {
|
|
177
177
|
captions: pt
|
|
178
178
|
};
|
|
179
|
-
function
|
|
180
|
-
const n =
|
|
179
|
+
function ft({ captions: e }) {
|
|
180
|
+
const n = _("hasCaptions"), o = C();
|
|
181
181
|
return /* @__PURE__ */ s(J, { children: [
|
|
182
182
|
e.map((i) => /* @__PURE__ */ t(
|
|
183
|
-
|
|
183
|
+
Oe,
|
|
184
184
|
{
|
|
185
185
|
kind: "subtitles",
|
|
186
186
|
type: i.type,
|
|
@@ -200,14 +200,14 @@ function vt({ captions: e }) {
|
|
|
200
200
|
"--captions-color": o.state.captionsInvertColors ? "rgba(22, 22, 22)" : "white",
|
|
201
201
|
"--captions-background-color": o.state.captionsInvertColors ? "rgba(255, 255, 255, 0.75)" : "rgba(22, 22, 22, 0.75)"
|
|
202
202
|
},
|
|
203
|
-
children: /* @__PURE__ */ t(
|
|
203
|
+
children: /* @__PURE__ */ t(Fe, { className: _t.captions })
|
|
204
204
|
}
|
|
205
205
|
) : null
|
|
206
206
|
] });
|
|
207
207
|
}
|
|
208
|
-
const
|
|
208
|
+
const H = [0.5, 0.75, 1, 1.25, 1.5, 2], vt = [0.5, 1, 2, 3, 4], Ne = 5, bt = (e) => {
|
|
209
209
|
const [, n] = P({});
|
|
210
|
-
return
|
|
210
|
+
return Z(() => {
|
|
211
211
|
let o = [];
|
|
212
212
|
return {
|
|
213
213
|
add(i) {
|
|
@@ -221,20 +221,20 @@ const S = [0.5, 0.75, 1, 1.25, 1.5, 2], bt = [0.5, 1, 2, 3, 4], xe = 5, Ct = (e)
|
|
|
221
221
|
}
|
|
222
222
|
};
|
|
223
223
|
}, []);
|
|
224
|
-
},
|
|
224
|
+
}, Ct = (e, n, o) => {
|
|
225
225
|
let i = !1;
|
|
226
226
|
return (a) => {
|
|
227
227
|
const c = a.detail.currentTime;
|
|
228
228
|
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);
|
|
229
229
|
};
|
|
230
|
-
},
|
|
231
|
-
const o =
|
|
232
|
-
return
|
|
230
|
+
}, gt = (e, n = 5) => {
|
|
231
|
+
const o = U(), i = bt(n);
|
|
232
|
+
return B(() => {
|
|
233
233
|
if (!o)
|
|
234
234
|
return;
|
|
235
235
|
const a = [];
|
|
236
236
|
for (const c of e) {
|
|
237
|
-
const l =
|
|
237
|
+
const l = Ct(c, Ne, i);
|
|
238
238
|
a.push(l), o.addEventListener("time-update", l);
|
|
239
239
|
}
|
|
240
240
|
return () => {
|
|
@@ -242,96 +242,99 @@ const S = [0.5, 0.75, 1, 1.25, 1.5, 2], bt = [0.5, 1, 2, 3, 4], xe = 5, Ct = (e)
|
|
|
242
242
|
o.removeEventListener("time-update", c);
|
|
243
243
|
};
|
|
244
244
|
}, [o, i, e]), i;
|
|
245
|
-
},
|
|
245
|
+
}, kt = "_comments-overlay_agbjl_1", yt = "_comments-container_agbjl_9", wt = "_comment_agbjl_1", Lt = "_comment-text_agbjl_44", Pt = "_comment-author-avatar_agbjl_67", Nt = "_comment-author-name_agbjl_86", V = {
|
|
246
246
|
"comments-overlay": "_comments-overlay_agbjl_1",
|
|
247
|
-
commentsOverlay:
|
|
247
|
+
commentsOverlay: kt,
|
|
248
248
|
"comments-container": "_comments-container_agbjl_9",
|
|
249
|
-
commentsContainer:
|
|
250
|
-
comment:
|
|
249
|
+
commentsContainer: yt,
|
|
250
|
+
comment: wt,
|
|
251
251
|
"comment-text": "_comment-text_agbjl_44",
|
|
252
|
-
commentText:
|
|
252
|
+
commentText: Lt,
|
|
253
253
|
"comment-author-avatar": "_comment-author-avatar_agbjl_67",
|
|
254
|
-
commentAuthorAvatar:
|
|
254
|
+
commentAuthorAvatar: Pt,
|
|
255
255
|
"comment-author-name": "_comment-author-name_agbjl_86",
|
|
256
|
-
commentAuthorName:
|
|
256
|
+
commentAuthorName: Nt
|
|
257
257
|
};
|
|
258
|
-
function
|
|
259
|
-
return /* @__PURE__ */ s("div", { className:
|
|
258
|
+
function xt({ comment: e }) {
|
|
259
|
+
return /* @__PURE__ */ s("div", { className: V.comment, onClick: e.onClick, children: [
|
|
260
260
|
/* @__PURE__ */ t(
|
|
261
261
|
"img",
|
|
262
262
|
{
|
|
263
|
-
className:
|
|
263
|
+
className: V.commentAuthorAvatar,
|
|
264
264
|
src: e.user.avatar,
|
|
265
265
|
alt: e.user.name
|
|
266
266
|
}
|
|
267
267
|
),
|
|
268
|
-
/* @__PURE__ */ t("span", { className:
|
|
269
|
-
/* @__PURE__ */ t("span", { className:
|
|
268
|
+
/* @__PURE__ */ t("span", { className: V.commentText, children: e.text }),
|
|
269
|
+
/* @__PURE__ */ t("span", { className: V.commentAuthorName, children: e.user.name })
|
|
270
270
|
] });
|
|
271
271
|
}
|
|
272
|
-
const
|
|
273
|
-
function
|
|
274
|
-
const n = C(), o =
|
|
272
|
+
const se = 5;
|
|
273
|
+
function Mt({ comments: e }) {
|
|
274
|
+
const n = C(), o = gt(e, se), i = !!_("textTrack"), a = o.map((c) => /* @__PURE__ */ t(xt, { comment: c }, c.id));
|
|
275
275
|
return e.length > 0 && n.state.commentsEnabled ? /* @__PURE__ */ t(
|
|
276
276
|
"div",
|
|
277
277
|
{
|
|
278
|
-
className:
|
|
278
|
+
className: V.commentsOverlay,
|
|
279
279
|
style: {
|
|
280
280
|
flexDirection: n.state.captionPositionOnTop && i ? "column-reverse" : "column"
|
|
281
281
|
},
|
|
282
|
-
children: /* @__PURE__ */ t("div", { className:
|
|
282
|
+
children: /* @__PURE__ */ t("div", { className: V.commentsContainer, children: i ? a.slice(-(se - 1)) : a })
|
|
283
283
|
}
|
|
284
284
|
) : null;
|
|
285
285
|
}
|
|
286
|
-
const
|
|
287
|
-
root:
|
|
286
|
+
const Tt = "_root_fph0z_1", It = "_left-controls_fph0z_28", St = "_right-controls_fph0z_34", Ht = "_indicators_fph0z_40", Vt = "_normal-timeline_fph0z_49", Bt = "_compact-timeline_fph0z_55", S = {
|
|
287
|
+
root: Tt,
|
|
288
288
|
"left-controls": "_left-controls_fph0z_28",
|
|
289
|
-
leftControls:
|
|
289
|
+
leftControls: It,
|
|
290
290
|
"right-controls": "_right-controls_fph0z_34",
|
|
291
|
-
rightControls:
|
|
292
|
-
indicators:
|
|
291
|
+
rightControls: St,
|
|
292
|
+
indicators: Ht,
|
|
293
293
|
"normal-timeline": "_normal-timeline_fph0z_49",
|
|
294
|
-
normalTimeline:
|
|
294
|
+
normalTimeline: Vt,
|
|
295
295
|
"compact-timeline": "_compact-timeline_fph0z_55",
|
|
296
|
-
compactTimeline:
|
|
296
|
+
compactTimeline: Bt
|
|
297
297
|
};
|
|
298
|
-
function
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
298
|
+
function Rt({ darkMode: e, playerRef: n }) {
|
|
299
|
+
const o = U();
|
|
300
|
+
return B(() => {
|
|
301
|
+
o && (o.remoteControl.pauseControls(), n && (n.current = o));
|
|
302
|
+
}, [o, n]), /* @__PURE__ */ s("div", { "data-darkmode": e, className: S.root, children: [
|
|
303
|
+
/* @__PURE__ */ t(re, { className: S.normalTimeline }),
|
|
304
|
+
/* @__PURE__ */ s("div", { className: S.leftControls, children: [
|
|
305
|
+
/* @__PURE__ */ t(to, {}),
|
|
306
|
+
/* @__PURE__ */ t(ai, {})
|
|
304
307
|
] }),
|
|
305
|
-
/* @__PURE__ */ t("div", { className:
|
|
306
|
-
/* @__PURE__ */ t(
|
|
307
|
-
/* @__PURE__ */ s("div", { className:
|
|
308
|
-
/* @__PURE__ */ t(
|
|
309
|
-
/* @__PURE__ */ t(
|
|
310
|
-
/* @__PURE__ */ t(
|
|
308
|
+
/* @__PURE__ */ t("div", { className: S.indicators, children: /* @__PURE__ */ t(_o, {}) }),
|
|
309
|
+
/* @__PURE__ */ t(re, { className: S.compactTimeline }),
|
|
310
|
+
/* @__PURE__ */ s("div", { className: S.rightControls, children: [
|
|
311
|
+
/* @__PURE__ */ t(ht, {}),
|
|
312
|
+
/* @__PURE__ */ t(xn, {}),
|
|
313
|
+
/* @__PURE__ */ t(Kn, {})
|
|
311
314
|
] })
|
|
312
315
|
] });
|
|
313
316
|
}
|
|
314
|
-
const
|
|
317
|
+
const L = X(null), At = (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" }) }), Et = "_menu-hint_k49ve_1", Ot = "_menu-button_k49ve_5", Ft = "_menu-label_k49ve_37", Zt = "_menu-icon_k49ve_42", j = {
|
|
315
318
|
"menu-hint": "_menu-hint_k49ve_1",
|
|
316
|
-
menuHint:
|
|
319
|
+
menuHint: Et,
|
|
317
320
|
"menu-button": "_menu-button_k49ve_5",
|
|
318
|
-
menuButton:
|
|
321
|
+
menuButton: Ot,
|
|
319
322
|
"menu-label": "_menu-label_k49ve_37",
|
|
320
|
-
menuLabel:
|
|
323
|
+
menuLabel: Ft,
|
|
321
324
|
"menu-icon": "_menu-icon_k49ve_42",
|
|
322
|
-
menuIcon:
|
|
325
|
+
menuIcon: Zt
|
|
323
326
|
};
|
|
324
327
|
function $({ label: e, hint: n, onClick: o, Icon: i }) {
|
|
325
|
-
return /* @__PURE__ */ s("button", { type: "button", className:
|
|
326
|
-
i && /* @__PURE__ */ t(i, { className:
|
|
327
|
-
/* @__PURE__ */ t("span", { className:
|
|
328
|
-
/* @__PURE__ */ t("span", { className:
|
|
329
|
-
/* @__PURE__ */ t(
|
|
328
|
+
return /* @__PURE__ */ s("button", { type: "button", className: j.menuButton, onClick: o, children: [
|
|
329
|
+
i && /* @__PURE__ */ t(i, { className: j.menuIcon }),
|
|
330
|
+
/* @__PURE__ */ t("span", { className: j.menuLabel, children: e }),
|
|
331
|
+
/* @__PURE__ */ t("span", { className: j.menuHint, children: n }),
|
|
332
|
+
/* @__PURE__ */ t(At, {})
|
|
330
333
|
] });
|
|
331
334
|
}
|
|
332
|
-
const
|
|
333
|
-
function
|
|
334
|
-
const e =
|
|
335
|
+
const $t = (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" }) });
|
|
336
|
+
function zt() {
|
|
337
|
+
const e = w(L), n = _("playbackRate"), { t: o } = b(), i = p(() => {
|
|
335
338
|
e && e.setPage("speed");
|
|
336
339
|
}, [e]);
|
|
337
340
|
return e ? /* @__PURE__ */ t(
|
|
@@ -340,12 +343,12 @@ function Kt() {
|
|
|
340
343
|
label: o("PLAYBACK_SPEED"),
|
|
341
344
|
hint: `${n}x`,
|
|
342
345
|
onClick: i,
|
|
343
|
-
Icon:
|
|
346
|
+
Icon: $t
|
|
344
347
|
}
|
|
345
348
|
) : null;
|
|
346
349
|
}
|
|
347
|
-
function
|
|
348
|
-
const e =
|
|
350
|
+
function Kt() {
|
|
351
|
+
const e = w(L), n = _("hasCaptions"), o = _("textTrack"), { t: i } = b(), a = p(() => {
|
|
349
352
|
e && e.setPage("captions");
|
|
350
353
|
}, [e]);
|
|
351
354
|
return e && n ? /* @__PURE__ */ t(
|
|
@@ -354,11 +357,11 @@ function Dt() {
|
|
|
354
357
|
label: i("CAPTIONS"),
|
|
355
358
|
hint: (o == null ? void 0 : o.label) ?? i("OFF"),
|
|
356
359
|
onClick: a,
|
|
357
|
-
Icon:
|
|
360
|
+
Icon: Le
|
|
358
361
|
}
|
|
359
362
|
) : null;
|
|
360
363
|
}
|
|
361
|
-
const
|
|
364
|
+
const Dt = (e) => /* @__PURE__ */ s("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
362
365
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_412_23039", children: /* @__PURE__ */ t("rect", { width: 18, height: 18, fill: "white" }) }) }),
|
|
363
366
|
/* @__PURE__ */ s("g", { clipPath: "url(#clip0_412_23039)", children: [
|
|
364
367
|
/* @__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" }),
|
|
@@ -366,8 +369,8 @@ const jt = (e) => /* @__PURE__ */ s("svg", { width: 18, height: 18, viewBox: "0
|
|
|
366
369
|
/* @__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" })
|
|
367
370
|
] })
|
|
368
371
|
] });
|
|
369
|
-
function
|
|
370
|
-
const e =
|
|
372
|
+
function jt() {
|
|
373
|
+
const e = w(L), n = _("autoQuality"), o = _("quality"), { t: i } = b(), a = p(() => {
|
|
371
374
|
e && e.setPage("quality");
|
|
372
375
|
}, [e]);
|
|
373
376
|
return e && o ? /* @__PURE__ */ t(
|
|
@@ -376,25 +379,25 @@ function Ut() {
|
|
|
376
379
|
label: i("QUALITY"),
|
|
377
380
|
hint: n ? i("AUTO", { quality: o.height }) : `${o.height}p`,
|
|
378
381
|
onClick: a,
|
|
379
|
-
Icon:
|
|
382
|
+
Icon: Dt
|
|
380
383
|
}
|
|
381
384
|
) : null;
|
|
382
385
|
}
|
|
383
|
-
const
|
|
386
|
+
const Ut = (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" }) }), qt = (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" }) }), Wt = "_switch-track_vptv3_1", Gt = "_switch-thumb_vptv3_11", Qt = "_switch-icon_vptv3_25", Yt = "_switch-body_vptv3_31", Jt = "_switch-label_vptv3_68", Xt = "_menu-icon_vptv3_72", M = {
|
|
384
387
|
"switch-track": "_switch-track_vptv3_1",
|
|
385
|
-
switchTrack:
|
|
388
|
+
switchTrack: Wt,
|
|
386
389
|
"switch-thumb": "_switch-thumb_vptv3_11",
|
|
387
|
-
switchThumb:
|
|
390
|
+
switchThumb: Gt,
|
|
388
391
|
"switch-icon": "_switch-icon_vptv3_25",
|
|
389
|
-
switchIcon:
|
|
392
|
+
switchIcon: Qt,
|
|
390
393
|
"switch-body": "_switch-body_vptv3_31",
|
|
391
|
-
switchBody:
|
|
394
|
+
switchBody: Yt,
|
|
392
395
|
"switch-label": "_switch-label_vptv3_68",
|
|
393
|
-
switchLabel:
|
|
396
|
+
switchLabel: Jt,
|
|
394
397
|
"menu-icon": "_menu-icon_vptv3_72",
|
|
395
|
-
menuIcon:
|
|
398
|
+
menuIcon: Xt
|
|
396
399
|
};
|
|
397
|
-
function
|
|
400
|
+
function ee({
|
|
398
401
|
label: e,
|
|
399
402
|
checked: n = !1,
|
|
400
403
|
onClick: o,
|
|
@@ -418,18 +421,18 @@ function te({
|
|
|
418
421
|
children: [
|
|
419
422
|
i && /* @__PURE__ */ t(i, { className: M.menuIcon }),
|
|
420
423
|
/* @__PURE__ */ t("span", { className: M.switchLabel, children: e }),
|
|
421
|
-
/* @__PURE__ */ t("div", { className: M.switchTrack, children: /* @__PURE__ */ t("div", { className: M.switchThumb, children: n ? /* @__PURE__ */ t(
|
|
424
|
+
/* @__PURE__ */ t("div", { className: M.switchTrack, children: /* @__PURE__ */ t("div", { className: M.switchThumb, children: n ? /* @__PURE__ */ t(Ut, { className: M.switchIcon }) : /* @__PURE__ */ t(qt, { className: M.switchIcon }) }) })
|
|
422
425
|
]
|
|
423
426
|
}
|
|
424
427
|
);
|
|
425
428
|
}
|
|
426
|
-
const
|
|
427
|
-
function
|
|
428
|
-
const { t: e } = b(), n =
|
|
429
|
+
const en = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "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" }) });
|
|
430
|
+
function tn() {
|
|
431
|
+
const { t: e } = b(), n = R(), o = C();
|
|
429
432
|
return n.hasComments ? /* @__PURE__ */ t(
|
|
430
|
-
|
|
433
|
+
ee,
|
|
431
434
|
{
|
|
432
|
-
Icon:
|
|
435
|
+
Icon: en,
|
|
433
436
|
label: e("COMMENTS"),
|
|
434
437
|
onClick: o.toggleComments,
|
|
435
438
|
checked: o.state.commentsEnabled
|
|
@@ -437,7 +440,7 @@ function nn() {
|
|
|
437
440
|
) : null;
|
|
438
441
|
}
|
|
439
442
|
function T(e) {
|
|
440
|
-
|
|
443
|
+
B(() => {
|
|
441
444
|
const n = (o) => {
|
|
442
445
|
o.key === "Escape" && (e == null || e());
|
|
443
446
|
};
|
|
@@ -446,46 +449,46 @@ function T(e) {
|
|
|
446
449
|
};
|
|
447
450
|
}, []);
|
|
448
451
|
}
|
|
449
|
-
const
|
|
452
|
+
const nn = "_main-menu_7h96l_1", on = {
|
|
450
453
|
"main-menu": "_main-menu_7h96l_1",
|
|
451
|
-
mainMenu:
|
|
454
|
+
mainMenu: nn
|
|
452
455
|
};
|
|
453
|
-
function
|
|
454
|
-
const e =
|
|
455
|
-
return T(e == null ? void 0 : e.toggle), /* @__PURE__ */ s("div", { className:
|
|
456
|
+
function an() {
|
|
457
|
+
const e = w(L);
|
|
458
|
+
return T(e == null ? void 0 : e.toggle), /* @__PURE__ */ s("div", { className: on.mainMenu, children: [
|
|
459
|
+
/* @__PURE__ */ t(zt, {}),
|
|
456
460
|
/* @__PURE__ */ t(Kt, {}),
|
|
457
|
-
/* @__PURE__ */ t(
|
|
458
|
-
/* @__PURE__ */ t(
|
|
459
|
-
/* @__PURE__ */ t(Ut, {})
|
|
461
|
+
/* @__PURE__ */ t(tn, {}),
|
|
462
|
+
/* @__PURE__ */ t(jt, {})
|
|
460
463
|
] });
|
|
461
464
|
}
|
|
462
|
-
const W = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), z = (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" }) }),
|
|
465
|
+
const W = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), z = (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" }) }), sn = "_menu-container_1bjr3_1", cn = "_menu-options_1bjr3_6", ln = "_menu-heading_1bjr3_11", rn = "_check-icon_1bjr3_27", un = "_menu-item-label_1bjr3_33", dn = "_menu-item_1bjr3_33", mn = "_menu-back-button_1bjr3_66", u = {
|
|
463
466
|
"menu-container": "_menu-container_1bjr3_1",
|
|
464
|
-
menuContainer:
|
|
467
|
+
menuContainer: sn,
|
|
465
468
|
"menu-options": "_menu-options_1bjr3_6",
|
|
466
|
-
menuOptions:
|
|
469
|
+
menuOptions: cn,
|
|
467
470
|
"menu-heading": "_menu-heading_1bjr3_11",
|
|
468
|
-
menuHeading:
|
|
471
|
+
menuHeading: ln,
|
|
469
472
|
"check-icon": "_check-icon_1bjr3_27",
|
|
470
|
-
checkIcon:
|
|
473
|
+
checkIcon: rn,
|
|
471
474
|
"menu-item-label": "_menu-item-label_1bjr3_33",
|
|
472
|
-
menuItemLabel:
|
|
475
|
+
menuItemLabel: un,
|
|
473
476
|
"menu-item": "_menu-item_1bjr3_33",
|
|
474
|
-
menuItem:
|
|
477
|
+
menuItem: dn,
|
|
475
478
|
"menu-back-button": "_menu-back-button_1bjr3_66",
|
|
476
|
-
menuBackButton:
|
|
479
|
+
menuBackButton: mn
|
|
477
480
|
};
|
|
478
|
-
function
|
|
479
|
-
const e =
|
|
480
|
-
rates:
|
|
481
|
+
function hn() {
|
|
482
|
+
const e = w(L), n = Ze({
|
|
483
|
+
rates: H,
|
|
481
484
|
normalLabel: "1x"
|
|
482
485
|
}), { t: o } = b();
|
|
483
|
-
return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className:
|
|
486
|
+
return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: u.menuContainer, children: [
|
|
484
487
|
/* @__PURE__ */ s(
|
|
485
488
|
"button",
|
|
486
489
|
{
|
|
487
490
|
type: "button",
|
|
488
|
-
className:
|
|
491
|
+
className: u.menuBackButton,
|
|
489
492
|
onClick: e.backToMain,
|
|
490
493
|
children: [
|
|
491
494
|
/* @__PURE__ */ t(z, {}),
|
|
@@ -493,8 +496,8 @@ function _n() {
|
|
|
493
496
|
]
|
|
494
497
|
}
|
|
495
498
|
),
|
|
496
|
-
/* @__PURE__ */ t("strong", { className:
|
|
497
|
-
/* @__PURE__ */ t("div", { role: "menu", className:
|
|
499
|
+
/* @__PURE__ */ t("strong", { className: u.menuHeading, children: o("PLAYBACK_SPEED") }),
|
|
500
|
+
/* @__PURE__ */ t("div", { role: "menu", className: u.menuOptions, children: n.map(({ value: i, label: a, select: c, selected: l }) => /* @__PURE__ */ s(
|
|
498
501
|
"button",
|
|
499
502
|
{
|
|
500
503
|
type: "button",
|
|
@@ -503,10 +506,10 @@ function _n() {
|
|
|
503
506
|
onClick: () => {
|
|
504
507
|
c(), e.backToMain(), e.toggle();
|
|
505
508
|
},
|
|
506
|
-
className:
|
|
509
|
+
className: u.menuItem,
|
|
507
510
|
children: [
|
|
508
|
-
/* @__PURE__ */ t(W, { className:
|
|
509
|
-
/* @__PURE__ */ t("span", { className:
|
|
511
|
+
/* @__PURE__ */ t(W, { className: u.checkIcon }),
|
|
512
|
+
/* @__PURE__ */ t("span", { className: u.menuItemLabel, children: a })
|
|
510
513
|
]
|
|
511
514
|
},
|
|
512
515
|
i
|
|
@@ -514,7 +517,7 @@ function _n() {
|
|
|
514
517
|
] }) : null;
|
|
515
518
|
}
|
|
516
519
|
function pn() {
|
|
517
|
-
const e =
|
|
520
|
+
const e = w(L), n = _("textTrack"), { t: o } = b(), i = p(() => {
|
|
518
521
|
e && e.setPage("captionLanguage");
|
|
519
522
|
}, [e]);
|
|
520
523
|
return e ? /* @__PURE__ */ t(
|
|
@@ -526,8 +529,8 @@ function pn() {
|
|
|
526
529
|
}
|
|
527
530
|
) : null;
|
|
528
531
|
}
|
|
529
|
-
function
|
|
530
|
-
const { t: e } = b(), n = C(), o =
|
|
532
|
+
function _n() {
|
|
533
|
+
const { t: e } = b(), n = C(), o = w(L), i = p(() => {
|
|
531
534
|
o && o.setPage("captionFontSize");
|
|
532
535
|
}, [o]);
|
|
533
536
|
return o ? /* @__PURE__ */ t(
|
|
@@ -539,10 +542,10 @@ function fn() {
|
|
|
539
542
|
}
|
|
540
543
|
) : null;
|
|
541
544
|
}
|
|
542
|
-
function
|
|
545
|
+
function fn() {
|
|
543
546
|
const { t: e } = b(), n = C();
|
|
544
547
|
return /* @__PURE__ */ t(
|
|
545
|
-
|
|
548
|
+
ee,
|
|
546
549
|
{
|
|
547
550
|
label: e("ON_TOP"),
|
|
548
551
|
onClick: n.toggleCaptionPositionOnTop,
|
|
@@ -550,10 +553,10 @@ function vn() {
|
|
|
550
553
|
}
|
|
551
554
|
);
|
|
552
555
|
}
|
|
553
|
-
function
|
|
556
|
+
function vn() {
|
|
554
557
|
const { t: e } = b(), n = C();
|
|
555
558
|
return /* @__PURE__ */ t(
|
|
556
|
-
|
|
559
|
+
ee,
|
|
557
560
|
{
|
|
558
561
|
label: e("INVERT_COLORS"),
|
|
559
562
|
onClick: n.toggleCaptionsInvertColors,
|
|
@@ -561,14 +564,14 @@ function bn() {
|
|
|
561
564
|
}
|
|
562
565
|
);
|
|
563
566
|
}
|
|
564
|
-
function
|
|
565
|
-
const e =
|
|
566
|
-
return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className:
|
|
567
|
+
function bn() {
|
|
568
|
+
const e = w(L), { t: n } = b();
|
|
569
|
+
return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: u.menuContainer, children: [
|
|
567
570
|
/* @__PURE__ */ s(
|
|
568
571
|
"button",
|
|
569
572
|
{
|
|
570
573
|
type: "button",
|
|
571
|
-
className:
|
|
574
|
+
className: u.menuBackButton,
|
|
572
575
|
onClick: e.backToMain,
|
|
573
576
|
children: [
|
|
574
577
|
/* @__PURE__ */ t(z, {}),
|
|
@@ -576,21 +579,21 @@ function Cn() {
|
|
|
576
579
|
]
|
|
577
580
|
}
|
|
578
581
|
),
|
|
579
|
-
/* @__PURE__ */ t("strong", { className:
|
|
582
|
+
/* @__PURE__ */ t("strong", { className: u.menuHeading, children: n("CAPTIONS") }),
|
|
580
583
|
/* @__PURE__ */ t(pn, {}),
|
|
584
|
+
/* @__PURE__ */ t(_n, {}),
|
|
581
585
|
/* @__PURE__ */ t(fn, {}),
|
|
582
|
-
/* @__PURE__ */ t(vn, {})
|
|
583
|
-
/* @__PURE__ */ t(bn, {})
|
|
586
|
+
/* @__PURE__ */ t(vn, {})
|
|
584
587
|
] }) : null;
|
|
585
588
|
}
|
|
586
|
-
function
|
|
587
|
-
const e =
|
|
588
|
-
return T(e == null ? void 0 : e.backToCaptions), e ? /* @__PURE__ */ s("div", { className:
|
|
589
|
+
function Cn() {
|
|
590
|
+
const e = w(L), n = $e(), { t: o } = b();
|
|
591
|
+
return T(e == null ? void 0 : e.backToCaptions), e ? /* @__PURE__ */ s("div", { className: u.menuContainer, children: [
|
|
589
592
|
/* @__PURE__ */ s(
|
|
590
593
|
"button",
|
|
591
594
|
{
|
|
592
595
|
type: "button",
|
|
593
|
-
className:
|
|
596
|
+
className: u.menuBackButton,
|
|
594
597
|
onClick: e.backToCaptions,
|
|
595
598
|
children: [
|
|
596
599
|
/* @__PURE__ */ t(z, {}),
|
|
@@ -598,8 +601,8 @@ function gn() {
|
|
|
598
601
|
]
|
|
599
602
|
}
|
|
600
603
|
),
|
|
601
|
-
/* @__PURE__ */ t("strong", { className:
|
|
602
|
-
/* @__PURE__ */ t("div", { role: "menu", className:
|
|
604
|
+
/* @__PURE__ */ t("strong", { className: u.menuHeading, children: o("CAPTIONS") }),
|
|
605
|
+
/* @__PURE__ */ t("div", { role: "menu", className: u.menuOptions, children: n.map(({ value: i, label: a, select: c, selected: l }) => /* @__PURE__ */ s(
|
|
603
606
|
"button",
|
|
604
607
|
{
|
|
605
608
|
type: "button",
|
|
@@ -608,24 +611,24 @@ function gn() {
|
|
|
608
611
|
onClick: () => {
|
|
609
612
|
c(), e.backToMain(), e.toggle();
|
|
610
613
|
},
|
|
611
|
-
className:
|
|
614
|
+
className: u.menuItem,
|
|
612
615
|
children: [
|
|
613
|
-
/* @__PURE__ */ t(W, { className:
|
|
614
|
-
/* @__PURE__ */ t("span", { className:
|
|
616
|
+
/* @__PURE__ */ t(W, { className: u.checkIcon }),
|
|
617
|
+
/* @__PURE__ */ t("span", { className: u.menuItemLabel, children: a })
|
|
615
618
|
]
|
|
616
619
|
},
|
|
617
620
|
i
|
|
618
621
|
)) })
|
|
619
622
|
] }) : null;
|
|
620
623
|
}
|
|
621
|
-
function
|
|
622
|
-
const e = C(), n =
|
|
623
|
-
return T(n == null ? void 0 : n.backToCaptions), n ? /* @__PURE__ */ s("div", { className:
|
|
624
|
+
function gn() {
|
|
625
|
+
const e = C(), n = w(L), { t: o } = b();
|
|
626
|
+
return T(n == null ? void 0 : n.backToCaptions), n ? /* @__PURE__ */ s("div", { className: u.menuContainer, children: [
|
|
624
627
|
/* @__PURE__ */ s(
|
|
625
628
|
"button",
|
|
626
629
|
{
|
|
627
630
|
type: "button",
|
|
628
|
-
className:
|
|
631
|
+
className: u.menuBackButton,
|
|
629
632
|
onClick: n.backToCaptions,
|
|
630
633
|
children: [
|
|
631
634
|
/* @__PURE__ */ t(z, {}),
|
|
@@ -633,8 +636,8 @@ function kn() {
|
|
|
633
636
|
]
|
|
634
637
|
}
|
|
635
638
|
),
|
|
636
|
-
/* @__PURE__ */ t("strong", { className:
|
|
637
|
-
/* @__PURE__ */ t("div", { role: "menu", className:
|
|
639
|
+
/* @__PURE__ */ t("strong", { className: u.menuHeading, children: o("CAPTIONS") }),
|
|
640
|
+
/* @__PURE__ */ t("div", { role: "menu", className: u.menuOptions, children: vt.map((i) => /* @__PURE__ */ s(
|
|
638
641
|
"button",
|
|
639
642
|
{
|
|
640
643
|
type: "button",
|
|
@@ -643,10 +646,10 @@ function kn() {
|
|
|
643
646
|
onClick: () => {
|
|
644
647
|
e.setCaptionsFontSizeMultiplier(i), n.backToMain(), n.toggle();
|
|
645
648
|
},
|
|
646
|
-
className:
|
|
649
|
+
className: u.menuItem,
|
|
647
650
|
children: [
|
|
648
|
-
/* @__PURE__ */ t(W, { className:
|
|
649
|
-
/* @__PURE__ */ s("span", { className:
|
|
651
|
+
/* @__PURE__ */ t(W, { className: u.checkIcon }),
|
|
652
|
+
/* @__PURE__ */ s("span", { className: u.menuItemLabel, children: [
|
|
650
653
|
i * 100,
|
|
651
654
|
"%"
|
|
652
655
|
] })
|
|
@@ -656,14 +659,14 @@ function kn() {
|
|
|
656
659
|
)) })
|
|
657
660
|
] }) : null;
|
|
658
661
|
}
|
|
659
|
-
function
|
|
660
|
-
const e =
|
|
661
|
-
return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className:
|
|
662
|
+
function kn() {
|
|
663
|
+
const e = w(L), n = ze({ sort: "descending" }), o = _("autoQuality"), { t: i } = b();
|
|
664
|
+
return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: u.menuContainer, children: [
|
|
662
665
|
/* @__PURE__ */ s(
|
|
663
666
|
"button",
|
|
664
667
|
{
|
|
665
668
|
type: "button",
|
|
666
|
-
className:
|
|
669
|
+
className: u.menuBackButton,
|
|
667
670
|
onClick: e.backToMain,
|
|
668
671
|
children: [
|
|
669
672
|
/* @__PURE__ */ t(z, {}),
|
|
@@ -671,78 +674,78 @@ function yn() {
|
|
|
671
674
|
]
|
|
672
675
|
}
|
|
673
676
|
),
|
|
674
|
-
/* @__PURE__ */ t("strong", { className:
|
|
675
|
-
/* @__PURE__ */ t("div", { role: "menu", className:
|
|
677
|
+
/* @__PURE__ */ t("strong", { className: u.menuHeading, children: i("QUALITY") }),
|
|
678
|
+
/* @__PURE__ */ t("div", { role: "menu", className: u.menuOptions, children: n.map(({ value: a, label: c, select: l, selected: r }) => /* @__PURE__ */ s(
|
|
676
679
|
"button",
|
|
677
680
|
{
|
|
678
681
|
type: "button",
|
|
679
682
|
role: "menuitemradio",
|
|
680
|
-
"aria-checked": a === "auto" && o ||
|
|
683
|
+
"aria-checked": a === "auto" && o || r && !o,
|
|
681
684
|
onClick: () => {
|
|
682
685
|
l(), e.backToMain(), e.toggle();
|
|
683
686
|
},
|
|
684
|
-
className:
|
|
687
|
+
className: u.menuItem,
|
|
685
688
|
children: [
|
|
686
|
-
/* @__PURE__ */ t(W, { className:
|
|
687
|
-
/* @__PURE__ */ t("span", { className:
|
|
689
|
+
/* @__PURE__ */ t(W, { className: u.checkIcon }),
|
|
690
|
+
/* @__PURE__ */ t("span", { className: u.menuItemLabel, children: c })
|
|
688
691
|
]
|
|
689
692
|
},
|
|
690
693
|
a
|
|
691
694
|
)) })
|
|
692
695
|
] }) : null;
|
|
693
696
|
}
|
|
694
|
-
const
|
|
695
|
-
main:
|
|
696
|
-
speed:
|
|
697
|
-
captions:
|
|
698
|
-
captionLanguage:
|
|
699
|
-
captionFontSize:
|
|
700
|
-
quality:
|
|
697
|
+
const yn = {
|
|
698
|
+
main: an,
|
|
699
|
+
speed: hn,
|
|
700
|
+
captions: bn,
|
|
701
|
+
captionLanguage: Cn,
|
|
702
|
+
captionFontSize: gn,
|
|
703
|
+
quality: kn
|
|
701
704
|
};
|
|
702
|
-
function
|
|
705
|
+
function wn() {
|
|
703
706
|
const [e, n] = P("main"), [o, i] = P(!1), a = p(() => {
|
|
704
707
|
i((x) => !x);
|
|
705
708
|
}, []), c = p((x) => {
|
|
706
709
|
n(x);
|
|
707
710
|
}, []), l = p(() => {
|
|
708
711
|
n("captions");
|
|
709
|
-
}, []),
|
|
712
|
+
}, []), r = p(() => {
|
|
710
713
|
n("main");
|
|
711
|
-
}, []),
|
|
714
|
+
}, []), f = Z(() => yn[e], [e]), v = me(null), { refs: k, floatingStyles: d, context: h } = _e({
|
|
712
715
|
open: o,
|
|
713
716
|
onOpenChange: (x) => {
|
|
714
|
-
i(x),
|
|
717
|
+
i(x), r();
|
|
715
718
|
},
|
|
716
719
|
placement: "top-end",
|
|
717
|
-
whileElementsMounted:
|
|
720
|
+
whileElementsMounted: fe,
|
|
718
721
|
middleware: [
|
|
719
|
-
|
|
720
|
-
|
|
722
|
+
ve(),
|
|
723
|
+
be({
|
|
721
724
|
element: v
|
|
722
725
|
})
|
|
723
726
|
]
|
|
724
|
-
}),
|
|
727
|
+
}), g = Ce(h, { escapeKey: !1 }), { getReferenceProps: A, getFloatingProps: I } = ge([g]);
|
|
725
728
|
return {
|
|
726
|
-
Page:
|
|
729
|
+
Page: f,
|
|
727
730
|
open: o,
|
|
728
731
|
toggle: a,
|
|
729
732
|
setPage: c,
|
|
730
733
|
backToCaptions: l,
|
|
731
|
-
backToMain:
|
|
734
|
+
backToMain: r,
|
|
732
735
|
arrowRef: v,
|
|
733
|
-
refs:
|
|
736
|
+
refs: k,
|
|
734
737
|
floatingStyles: d,
|
|
735
738
|
context: h,
|
|
736
|
-
getReferenceProps:
|
|
737
|
-
getFloatingProps:
|
|
739
|
+
getReferenceProps: A,
|
|
740
|
+
getFloatingProps: I
|
|
738
741
|
};
|
|
739
742
|
}
|
|
740
|
-
const
|
|
743
|
+
const Ln = (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" }) }), Pn = "_settings-menu_hxlsv_1", Nn = "_arrow_hxlsv_15", ce = {
|
|
741
744
|
"settings-menu": "_settings-menu_hxlsv_1",
|
|
742
|
-
settingsMenu:
|
|
743
|
-
arrow:
|
|
745
|
+
settingsMenu: Pn,
|
|
746
|
+
arrow: Nn
|
|
744
747
|
};
|
|
745
|
-
function
|
|
748
|
+
function xn() {
|
|
746
749
|
const {
|
|
747
750
|
Page: e,
|
|
748
751
|
arrowRef: n,
|
|
@@ -751,12 +754,12 @@ function Mn() {
|
|
|
751
754
|
context: a,
|
|
752
755
|
floatingStyles: c,
|
|
753
756
|
getFloatingProps: l,
|
|
754
|
-
getReferenceProps:
|
|
755
|
-
open:
|
|
757
|
+
getReferenceProps: r,
|
|
758
|
+
open: f,
|
|
756
759
|
refs: v,
|
|
757
|
-
setPage:
|
|
760
|
+
setPage: k,
|
|
758
761
|
toggle: d
|
|
759
|
-
} =
|
|
762
|
+
} = wn(), h = C(), { t: g } = b();
|
|
760
763
|
return /* @__PURE__ */ s(J, { children: [
|
|
761
764
|
/* @__PURE__ */ t(
|
|
762
765
|
"button",
|
|
@@ -764,35 +767,35 @@ function Mn() {
|
|
|
764
767
|
ref: v.setReference,
|
|
765
768
|
type: "button",
|
|
766
769
|
className: "controls-button",
|
|
767
|
-
"aria-label":
|
|
770
|
+
"aria-label": g("SETTINGS"),
|
|
768
771
|
onClick: d,
|
|
769
|
-
"aria-expanded":
|
|
772
|
+
"aria-expanded": f,
|
|
770
773
|
tabIndex: h != null && h.state.interactionsDisabled ? -1 : 0,
|
|
771
|
-
...
|
|
772
|
-
children: /* @__PURE__ */ t(
|
|
774
|
+
...r(),
|
|
775
|
+
children: /* @__PURE__ */ t(Ln, { className: "controls-button-icon icon-rotate" })
|
|
773
776
|
}
|
|
774
777
|
),
|
|
775
|
-
|
|
778
|
+
f && /* @__PURE__ */ t(Ye, { context: a, initialFocus: -1, modal: !1, children: /* @__PURE__ */ s(
|
|
776
779
|
"div",
|
|
777
780
|
{
|
|
778
|
-
className:
|
|
781
|
+
className: ce.settingsMenu,
|
|
779
782
|
ref: v.setFloating,
|
|
780
783
|
style: c,
|
|
781
784
|
...l(),
|
|
782
785
|
children: [
|
|
783
786
|
/* @__PURE__ */ t(
|
|
784
|
-
|
|
787
|
+
L.Provider,
|
|
785
788
|
{
|
|
786
|
-
value: { setPage:
|
|
789
|
+
value: { setPage: k, backToMain: i, backToCaptions: o, toggle: d },
|
|
787
790
|
children: /* @__PURE__ */ t(e, {})
|
|
788
791
|
}
|
|
789
792
|
),
|
|
790
793
|
/* @__PURE__ */ t(
|
|
791
|
-
|
|
794
|
+
ke,
|
|
792
795
|
{
|
|
793
796
|
ref: n,
|
|
794
797
|
context: a,
|
|
795
|
-
className:
|
|
798
|
+
className: ce.arrow
|
|
796
799
|
}
|
|
797
800
|
)
|
|
798
801
|
]
|
|
@@ -800,120 +803,120 @@ function Mn() {
|
|
|
800
803
|
) })
|
|
801
804
|
] });
|
|
802
805
|
}
|
|
803
|
-
function
|
|
806
|
+
function xe(e, n = 1e3) {
|
|
804
807
|
return function() {
|
|
805
|
-
const i =
|
|
806
|
-
return
|
|
808
|
+
const i = _("lastKeyboardAction"), [a, c] = P(!1), l = p(() => c(!1), []);
|
|
809
|
+
return B(() => {
|
|
807
810
|
c(!!i);
|
|
808
|
-
const
|
|
809
|
-
return () => clearTimeout(
|
|
811
|
+
const r = setTimeout(l, n);
|
|
812
|
+
return () => clearTimeout(r);
|
|
810
813
|
}, [i, n]), a ? /* @__PURE__ */ t(e, {}) : null;
|
|
811
814
|
};
|
|
812
815
|
}
|
|
813
|
-
const
|
|
816
|
+
const te = (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" }) }), ne = (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" }) }), Me = (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" }) }), Te = (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" }) }), Ie = (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" }) }), 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", { 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" }) }), Tn = (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" }) }), In = "_feedback-overlay_v4lbu_1", Sn = "_feedback-message_v4lbu_14", Hn = "_feedback-icon_v4lbu_30", Vn = "_feedback-icon-animation_v4lbu_1", y = {
|
|
814
817
|
"feedback-overlay": "_feedback-overlay_v4lbu_1",
|
|
815
|
-
feedbackOverlay:
|
|
818
|
+
feedbackOverlay: In,
|
|
816
819
|
"feedback-message": "_feedback-message_v4lbu_14",
|
|
817
|
-
feedbackMessage:
|
|
820
|
+
feedbackMessage: Sn,
|
|
818
821
|
"feedback-icon": "_feedback-icon_v4lbu_30",
|
|
819
|
-
feedbackIcon:
|
|
822
|
+
feedbackIcon: Hn,
|
|
820
823
|
"feedback-icon-animation": "_feedback-icon-animation_v4lbu_1",
|
|
821
|
-
feedbackIconAnimation:
|
|
824
|
+
feedbackIconAnimation: Vn
|
|
822
825
|
};
|
|
823
|
-
function
|
|
826
|
+
function Bn() {
|
|
824
827
|
var o;
|
|
825
|
-
const e =
|
|
828
|
+
const e = he();
|
|
826
829
|
switch ((o = e.lastKeyboardAction) == null ? void 0 : o.action) {
|
|
827
830
|
case "togglePaused":
|
|
828
|
-
return /* @__PURE__ */ t("i", { className:
|
|
831
|
+
return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(te, {}) : /* @__PURE__ */ t(ne, {}) });
|
|
829
832
|
case "toggleCaptions":
|
|
830
833
|
case "nextCaptionLanguage":
|
|
831
834
|
case "previousCaptionLanguage":
|
|
832
|
-
return e.hasCaptions ? /* @__PURE__ */ t("i", { className:
|
|
835
|
+
return e.hasCaptions ? /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(Pe, {}) }) : null;
|
|
833
836
|
case "volumeUp":
|
|
834
837
|
case "volumeDown":
|
|
835
838
|
case "toggleMuted":
|
|
836
|
-
return /* @__PURE__ */ t("i", { className:
|
|
839
|
+
return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(Me, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(Ie, {}) : /* @__PURE__ */ t(Te, {}) });
|
|
837
840
|
case "seekForward":
|
|
838
841
|
case "seekForward10":
|
|
839
|
-
return /* @__PURE__ */ t("i", { className:
|
|
842
|
+
return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(Mn, { className: "right" }) });
|
|
840
843
|
case "seekBackward":
|
|
841
844
|
case "seekBackward10":
|
|
842
|
-
return /* @__PURE__ */ t("i", { className:
|
|
845
|
+
return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(Tn, { className: "left" }) });
|
|
843
846
|
default:
|
|
844
847
|
return null;
|
|
845
848
|
}
|
|
846
849
|
}
|
|
847
|
-
function
|
|
850
|
+
function Rn() {
|
|
848
851
|
var i;
|
|
849
|
-
const { t: e } = b(), n =
|
|
852
|
+
const { t: e } = b(), n = he();
|
|
850
853
|
switch ((i = n.lastKeyboardAction) == null ? void 0 : i.action) {
|
|
851
854
|
case "toggleCaptions":
|
|
852
855
|
case "nextCaptionLanguage":
|
|
853
856
|
case "previousCaptionLanguage":
|
|
854
|
-
return /* @__PURE__ */ t("div", { className:
|
|
857
|
+
return /* @__PURE__ */ t("div", { className: y.feedbackMessage, children: n.textTrack ? e("CAPTION_LANGUAGE", { language: n.textTrack.label }) : `${e("CAPTIONS")}: ${e("OFF")}` });
|
|
855
858
|
case "volumeUp":
|
|
856
859
|
case "volumeDown":
|
|
857
860
|
case "toggleMuted":
|
|
858
|
-
return /* @__PURE__ */ t("div", { className:
|
|
861
|
+
return /* @__PURE__ */ t("div", { className: y.feedbackMessage, children: n.muted || n.volume === 0 ? e("MUTED") : e("VOLUME", { volume: (n.volume * 100).toFixed(0) }) });
|
|
859
862
|
case "increasePlaybackRate":
|
|
860
863
|
case "decreasePlaybackRate":
|
|
861
864
|
case "resetPlaybackRate":
|
|
862
|
-
return /* @__PURE__ */ t("div", { className:
|
|
865
|
+
return /* @__PURE__ */ t("div", { className: y.feedbackMessage, children: e("PLAYBACK_SPEED_MESSAGE", { speed: n.playbackRate }) });
|
|
863
866
|
case "seekForward":
|
|
864
|
-
return /* @__PURE__ */ t("div", { className:
|
|
867
|
+
return /* @__PURE__ */ t("div", { className: y.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 5 }) });
|
|
865
868
|
case "seekForward10":
|
|
866
|
-
return /* @__PURE__ */ t("div", { className:
|
|
869
|
+
return /* @__PURE__ */ t("div", { className: y.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 10 }) });
|
|
867
870
|
case "seekBackward":
|
|
868
|
-
return /* @__PURE__ */ t("div", { className:
|
|
871
|
+
return /* @__PURE__ */ t("div", { className: y.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 5 }) });
|
|
869
872
|
case "seekBackward10":
|
|
870
|
-
return /* @__PURE__ */ t("div", { className:
|
|
873
|
+
return /* @__PURE__ */ t("div", { className: y.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 10 }) });
|
|
871
874
|
default:
|
|
872
875
|
return null;
|
|
873
876
|
}
|
|
874
877
|
}
|
|
875
|
-
const
|
|
876
|
-
function
|
|
877
|
-
return /* @__PURE__ */ s("div", { className:
|
|
878
|
-
/* @__PURE__ */ t(
|
|
879
|
-
/* @__PURE__ */ t(
|
|
878
|
+
const An = xe(Bn, 500), En = xe(Rn, 1e3);
|
|
879
|
+
function On() {
|
|
880
|
+
return /* @__PURE__ */ s("div", { className: y.feedbackOverlay, children: [
|
|
881
|
+
/* @__PURE__ */ t(An, {}),
|
|
882
|
+
/* @__PURE__ */ t(En, {})
|
|
880
883
|
] });
|
|
881
884
|
}
|
|
882
|
-
const
|
|
885
|
+
const Fn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { 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" }) }), Zn = (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" }) }), $n = "_full-screen-button_1xm32_2", zn = {
|
|
883
886
|
"full-screen-button": "_full-screen-button_1xm32_2",
|
|
884
|
-
fullScreenButton:
|
|
887
|
+
fullScreenButton: $n
|
|
885
888
|
};
|
|
886
|
-
function
|
|
887
|
-
const e =
|
|
888
|
-
return
|
|
889
|
+
function Kn() {
|
|
890
|
+
const e = _("fullscreen"), n = C();
|
|
891
|
+
return R().hideFullScreen ? null : /* @__PURE__ */ t(
|
|
889
892
|
pe,
|
|
890
893
|
{
|
|
891
894
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
892
|
-
className: `controls-button ${
|
|
893
|
-
children: e ? /* @__PURE__ */ t(
|
|
895
|
+
className: `controls-button ${zn.fullScreenButton}`,
|
|
896
|
+
children: e ? /* @__PURE__ */ t(Zn, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Fn, { className: "controls-button-icon" })
|
|
894
897
|
}
|
|
895
898
|
);
|
|
896
899
|
}
|
|
897
|
-
const
|
|
900
|
+
const Dn = "_gestures-container_1fn3b_1", jn = "_gesture_1fn3b_1", le = {
|
|
898
901
|
"gestures-container": "_gestures-container_1fn3b_1",
|
|
899
|
-
gesturesContainer:
|
|
900
|
-
gesture:
|
|
902
|
+
gesturesContainer: Dn,
|
|
903
|
+
gesture: jn
|
|
901
904
|
};
|
|
902
|
-
function
|
|
903
|
-
const e =
|
|
905
|
+
function Un() {
|
|
906
|
+
const e = q(), n = () => {
|
|
904
907
|
e.togglePaused();
|
|
905
908
|
};
|
|
906
|
-
return /* @__PURE__ */ t("div", { className:
|
|
909
|
+
return /* @__PURE__ */ t("div", { className: le.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: le.gesture, onClick: n }) });
|
|
907
910
|
}
|
|
908
|
-
const
|
|
911
|
+
const qn = (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" }) }), Se = (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" }) }), Wn = "_keyboard-shortcuts-overlay_y5kv6_1", Gn = "_keyboard-shortcuts-button_y5kv6_67", Qn = "_close-button_y5kv6_93", Y = {
|
|
909
912
|
"keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_y5kv6_1",
|
|
910
|
-
keyboardShortcutsOverlay:
|
|
913
|
+
keyboardShortcutsOverlay: Wn,
|
|
911
914
|
"keyboard-shortcuts-button": "_keyboard-shortcuts-button_y5kv6_67",
|
|
912
|
-
keyboardShortcutsButton:
|
|
915
|
+
keyboardShortcutsButton: Gn,
|
|
913
916
|
"close-button": "_close-button_y5kv6_93",
|
|
914
|
-
closeButton:
|
|
917
|
+
closeButton: Qn
|
|
915
918
|
};
|
|
916
|
-
function
|
|
919
|
+
function Yn({ onClose: e }) {
|
|
917
920
|
const { t: n } = b();
|
|
918
921
|
T(e);
|
|
919
922
|
const o = (i) => {
|
|
@@ -935,7 +938,7 @@ function Jn({ onClose: e }) {
|
|
|
935
938
|
className: Y.closeButton,
|
|
936
939
|
onClick: e,
|
|
937
940
|
"aria-label": n("CLOSE"),
|
|
938
|
-
children: /* @__PURE__ */ t(
|
|
941
|
+
children: /* @__PURE__ */ t(Se, {})
|
|
939
942
|
}
|
|
940
943
|
)
|
|
941
944
|
] }),
|
|
@@ -1026,138 +1029,138 @@ function Jn({ onClose: e }) {
|
|
|
1026
1029
|
}
|
|
1027
1030
|
);
|
|
1028
1031
|
}
|
|
1029
|
-
function
|
|
1030
|
-
const [e, n] = P(!1), [o, i] = P(!1), [a, c] = P(!1), l = C(),
|
|
1031
|
-
n(!0), l.disableInteractions(),
|
|
1032
|
-
}, [
|
|
1033
|
-
n(!1), i(!0), l.enableInteractions(), a && (c(!1),
|
|
1034
|
-
}, [a,
|
|
1035
|
-
(
|
|
1032
|
+
function Jn() {
|
|
1033
|
+
const [e, n] = P(!1), [o, i] = P(!1), [a, c] = P(!1), l = C(), r = _("playing"), f = q(), { t: v } = b(), k = p(() => {
|
|
1034
|
+
n(!0), l.disableInteractions(), r && (c(!0), f.pause());
|
|
1035
|
+
}, [r, f, l]), d = p(() => {
|
|
1036
|
+
n(!1), i(!0), l.enableInteractions(), a && (c(!1), f.play());
|
|
1037
|
+
}, [a, f, l]), h = p(
|
|
1038
|
+
(g) => o && (g == null ? void 0 : g.focus()),
|
|
1036
1039
|
[o]
|
|
1037
1040
|
);
|
|
1038
|
-
return e ? /* @__PURE__ */ t(
|
|
1041
|
+
return e ? /* @__PURE__ */ t(Yn, { onClose: d }) : /* @__PURE__ */ t(
|
|
1039
1042
|
"button",
|
|
1040
1043
|
{
|
|
1041
1044
|
ref: h,
|
|
1042
1045
|
"aria-label": v("KEYBOARD_SHORTCUTS"),
|
|
1043
1046
|
type: "button",
|
|
1044
1047
|
className: Y.keyboardShortcutsButton,
|
|
1045
|
-
onClick:
|
|
1048
|
+
onClick: k,
|
|
1046
1049
|
tabIndex: l.state.interactionsDisabled ? -1 : 0,
|
|
1047
|
-
children: /* @__PURE__ */ t(
|
|
1050
|
+
children: /* @__PURE__ */ t(qn, {})
|
|
1048
1051
|
}
|
|
1049
1052
|
);
|
|
1050
1053
|
}
|
|
1051
|
-
const
|
|
1054
|
+
const Xn = "_play-pause-button_kyuc5_1", eo = {
|
|
1052
1055
|
"play-pause-button": "_play-pause-button_kyuc5_1",
|
|
1053
|
-
playPauseButton:
|
|
1056
|
+
playPauseButton: Xn
|
|
1054
1057
|
};
|
|
1055
|
-
function
|
|
1056
|
-
const e =
|
|
1058
|
+
function to() {
|
|
1059
|
+
const e = U(), n = C(), o = _("paused");
|
|
1057
1060
|
return e ? /* @__PURE__ */ t(
|
|
1058
|
-
|
|
1061
|
+
Ke,
|
|
1059
1062
|
{
|
|
1060
1063
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1061
|
-
className: `${
|
|
1064
|
+
className: `${eo.playPauseButton} controls-button`,
|
|
1062
1065
|
onKeyDown: (i) => {
|
|
1063
1066
|
i.key === " " && (e == null || e.$state.lastKeyboardAction.set({
|
|
1064
1067
|
action: "togglePaused",
|
|
1065
1068
|
event: i.nativeEvent
|
|
1066
1069
|
}));
|
|
1067
1070
|
},
|
|
1068
|
-
children: o ? /* @__PURE__ */ t(
|
|
1071
|
+
children: o ? /* @__PURE__ */ t(ne, { className: "controls-button-icon" }) : /* @__PURE__ */ t(te, { className: "controls-button-icon" })
|
|
1069
1072
|
}
|
|
1070
1073
|
) : null;
|
|
1071
1074
|
}
|
|
1072
|
-
const
|
|
1073
|
-
poster:
|
|
1075
|
+
const no = "_poster_195hi_1", oo = {
|
|
1076
|
+
poster: no
|
|
1074
1077
|
};
|
|
1075
|
-
function
|
|
1076
|
-
const n =
|
|
1077
|
-
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(
|
|
1078
|
+
function io({ src: e }) {
|
|
1079
|
+
const n = _("source");
|
|
1080
|
+
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(De, { src: e, className: oo.poster });
|
|
1078
1081
|
}
|
|
1079
|
-
const
|
|
1082
|
+
const ao = "_small-layout-overlay_1vli4_1", so = "_small-layout-button_1vli4_14", co = "_small-layout-icon-play_1vli4_24", lo = "_small-layout-icon-pause_1vli4_30", ro = "_full-screen-close-icon_1vli4_36", uo = "_fade-out_1vli4_1", O = {
|
|
1080
1083
|
"small-layout-overlay": "_small-layout-overlay_1vli4_1",
|
|
1081
|
-
smallLayoutOverlay:
|
|
1084
|
+
smallLayoutOverlay: ao,
|
|
1082
1085
|
"small-layout-button": "_small-layout-button_1vli4_14",
|
|
1083
|
-
smallLayoutButton:
|
|
1086
|
+
smallLayoutButton: so,
|
|
1084
1087
|
"small-layout-icon-play": "_small-layout-icon-play_1vli4_24",
|
|
1085
|
-
smallLayoutIconPlay:
|
|
1088
|
+
smallLayoutIconPlay: co,
|
|
1086
1089
|
"small-layout-icon-pause": "_small-layout-icon-pause_1vli4_30",
|
|
1087
|
-
smallLayoutIconPause:
|
|
1090
|
+
smallLayoutIconPause: lo,
|
|
1088
1091
|
"full-screen-close-icon": "_full-screen-close-icon_1vli4_36",
|
|
1089
|
-
fullScreenCloseIcon:
|
|
1092
|
+
fullScreenCloseIcon: ro,
|
|
1090
1093
|
"fade-out": "_fade-out_1vli4_1",
|
|
1091
|
-
fadeOut:
|
|
1094
|
+
fadeOut: uo
|
|
1092
1095
|
};
|
|
1093
|
-
function
|
|
1094
|
-
return /* @__PURE__ */ s("div", { className:
|
|
1095
|
-
/* @__PURE__ */ t(pe, { className:
|
|
1096
|
-
/* @__PURE__ */ s("i", { className:
|
|
1097
|
-
/* @__PURE__ */ t(
|
|
1098
|
-
/* @__PURE__ */ t(
|
|
1096
|
+
function mo() {
|
|
1097
|
+
return /* @__PURE__ */ s("div", { className: O.smallLayoutOverlay, children: [
|
|
1098
|
+
/* @__PURE__ */ t(pe, { className: O.fullScreenCloseIcon, children: /* @__PURE__ */ t(Se, {}) }),
|
|
1099
|
+
/* @__PURE__ */ s("i", { className: O.smallLayoutButton, children: [
|
|
1100
|
+
/* @__PURE__ */ t(ne, { className: O.smallLayoutIconPlay }),
|
|
1101
|
+
/* @__PURE__ */ t(te, { className: O.smallLayoutIconPause })
|
|
1099
1102
|
] })
|
|
1100
1103
|
] });
|
|
1101
1104
|
}
|
|
1102
|
-
const
|
|
1105
|
+
const ho = "_time-indicator_1rlpb_1", po = {
|
|
1103
1106
|
"time-indicator": "_time-indicator_1rlpb_1",
|
|
1104
|
-
timeIndicator:
|
|
1107
|
+
timeIndicator: ho
|
|
1105
1108
|
};
|
|
1106
|
-
function
|
|
1109
|
+
function _o() {
|
|
1107
1110
|
return /* @__PURE__ */ s("div", { className: po.timeIndicator, children: [
|
|
1108
|
-
/* @__PURE__ */ t(
|
|
1111
|
+
/* @__PURE__ */ t(ie, { type: "current" }),
|
|
1109
1112
|
"/",
|
|
1110
|
-
/* @__PURE__ */ t(
|
|
1113
|
+
/* @__PURE__ */ t(ie, { type: "duration" })
|
|
1111
1114
|
] });
|
|
1112
1115
|
}
|
|
1113
|
-
const
|
|
1116
|
+
const fo = "_comment-markers_19b45_1", vo = "_comment-marker_19b45_1", bo = "_timeline-wrapper_19b45_21", Co = "_track_19b45_35", go = "_thumb_19b45_48", ko = "_root_19b45_62", yo = "_track-inner_19b45_92", wo = "_progress_19b45_98", Lo = "_track-fill_19b45_104", Po = "_pins_19b45_121", No = "_pin-button_19b45_134", xo = "_annotation-pin_19b45_154", Mo = "_quiz-pin_19b45_159", To = "_annotation-pin-child_19b45_164", Io = "_quiz-pin-child_19b45_168", So = "_interactive-pin-container_19b45_173", Ho = "_interactive-pin-wrapper_19b45_183", Vo = "_interactive-pin-icon_19b45_189", Bo = "_interactive-pin_19b45_173", Ro = "_bg_19b45_203", Ao = "_symbol_19b45_207", Eo = "_interactive-pin-button_19b45_212", Oo = "_interactive-pin-menu_19b45_232", Fo = "_interactive-pin-menu-item_19b45_246", Zo = "_arrow_19b45_267", m = {
|
|
1114
1117
|
"comment-markers": "_comment-markers_19b45_1",
|
|
1115
|
-
commentMarkers:
|
|
1118
|
+
commentMarkers: fo,
|
|
1116
1119
|
"comment-marker": "_comment-marker_19b45_1",
|
|
1117
|
-
commentMarker:
|
|
1120
|
+
commentMarker: vo,
|
|
1118
1121
|
"timeline-wrapper": "_timeline-wrapper_19b45_21",
|
|
1119
|
-
timelineWrapper:
|
|
1120
|
-
track:
|
|
1121
|
-
thumb:
|
|
1122
|
-
root:
|
|
1122
|
+
timelineWrapper: bo,
|
|
1123
|
+
track: Co,
|
|
1124
|
+
thumb: go,
|
|
1125
|
+
root: ko,
|
|
1123
1126
|
"track-inner": "_track-inner_19b45_92",
|
|
1124
|
-
trackInner:
|
|
1125
|
-
progress:
|
|
1127
|
+
trackInner: yo,
|
|
1128
|
+
progress: wo,
|
|
1126
1129
|
"track-fill": "_track-fill_19b45_104",
|
|
1127
|
-
trackFill:
|
|
1128
|
-
pins:
|
|
1130
|
+
trackFill: Lo,
|
|
1131
|
+
pins: Po,
|
|
1129
1132
|
"pin-button": "_pin-button_19b45_134",
|
|
1130
|
-
pinButton:
|
|
1133
|
+
pinButton: No,
|
|
1131
1134
|
"annotation-pin": "_annotation-pin_19b45_154",
|
|
1132
|
-
annotationPin:
|
|
1135
|
+
annotationPin: xo,
|
|
1133
1136
|
"quiz-pin": "_quiz-pin_19b45_159",
|
|
1134
|
-
quizPin:
|
|
1137
|
+
quizPin: Mo,
|
|
1135
1138
|
"annotation-pin-child": "_annotation-pin-child_19b45_164",
|
|
1136
|
-
annotationPinChild:
|
|
1139
|
+
annotationPinChild: To,
|
|
1137
1140
|
"quiz-pin-child": "_quiz-pin-child_19b45_168",
|
|
1138
|
-
quizPinChild:
|
|
1141
|
+
quizPinChild: Io,
|
|
1139
1142
|
"interactive-pin-container": "_interactive-pin-container_19b45_173",
|
|
1140
|
-
interactivePinContainer:
|
|
1143
|
+
interactivePinContainer: So,
|
|
1141
1144
|
"interactive-pin-wrapper": "_interactive-pin-wrapper_19b45_183",
|
|
1142
|
-
interactivePinWrapper:
|
|
1145
|
+
interactivePinWrapper: Ho,
|
|
1143
1146
|
"interactive-pin-icon": "_interactive-pin-icon_19b45_189",
|
|
1144
|
-
interactivePinIcon:
|
|
1147
|
+
interactivePinIcon: Vo,
|
|
1145
1148
|
"interactive-pin": "_interactive-pin_19b45_173",
|
|
1146
|
-
interactivePin:
|
|
1147
|
-
bg:
|
|
1148
|
-
symbol:
|
|
1149
|
+
interactivePin: Bo,
|
|
1150
|
+
bg: Ro,
|
|
1151
|
+
symbol: Ao,
|
|
1149
1152
|
"interactive-pin-button": "_interactive-pin-button_19b45_212",
|
|
1150
|
-
interactivePinButton:
|
|
1153
|
+
interactivePinButton: Eo,
|
|
1151
1154
|
"interactive-pin-menu": "_interactive-pin-menu_19b45_232",
|
|
1152
|
-
interactivePinMenu:
|
|
1155
|
+
interactivePinMenu: Oo,
|
|
1153
1156
|
"interactive-pin-menu-item": "_interactive-pin-menu-item_19b45_246",
|
|
1154
|
-
interactivePinMenuItem:
|
|
1155
|
-
arrow:
|
|
1156
|
-
},
|
|
1157
|
+
interactivePinMenuItem: Fo,
|
|
1158
|
+
arrow: Zo
|
|
1159
|
+
}, $o = {
|
|
1157
1160
|
annotation: m.annotationPin,
|
|
1158
1161
|
quiz: m.quizPin
|
|
1159
1162
|
};
|
|
1160
|
-
function
|
|
1163
|
+
function He({
|
|
1161
1164
|
type: e,
|
|
1162
1165
|
position: n,
|
|
1163
1166
|
children: o,
|
|
@@ -1175,7 +1178,7 @@ function Ve({
|
|
|
1175
1178
|
children: /* @__PURE__ */ s(
|
|
1176
1179
|
"svg",
|
|
1177
1180
|
{
|
|
1178
|
-
className:
|
|
1181
|
+
className: $o[e],
|
|
1179
1182
|
width: "26",
|
|
1180
1183
|
height: "32",
|
|
1181
1184
|
viewBox: "0 0 26 32",
|
|
@@ -1189,8 +1192,8 @@ function Ve({
|
|
|
1189
1192
|
}
|
|
1190
1193
|
);
|
|
1191
1194
|
}
|
|
1192
|
-
function
|
|
1193
|
-
return /* @__PURE__ */ t(
|
|
1195
|
+
function zo(e) {
|
|
1196
|
+
return /* @__PURE__ */ t(He, { type: "annotation", ...e, children: /* @__PURE__ */ t(
|
|
1194
1197
|
"path",
|
|
1195
1198
|
{
|
|
1196
1199
|
className: m.annotationPinChild,
|
|
@@ -1202,8 +1205,8 @@ function Ko(e) {
|
|
|
1202
1205
|
}
|
|
1203
1206
|
) });
|
|
1204
1207
|
}
|
|
1205
|
-
function
|
|
1206
|
-
return /* @__PURE__ */ t(
|
|
1208
|
+
function Ko(e) {
|
|
1209
|
+
return /* @__PURE__ */ t(He, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: m.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
|
|
1207
1210
|
"text",
|
|
1208
1211
|
{
|
|
1209
1212
|
className: m.quizPinChild,
|
|
@@ -1216,7 +1219,7 @@ function Do(e) {
|
|
|
1216
1219
|
}
|
|
1217
1220
|
) });
|
|
1218
1221
|
}
|
|
1219
|
-
function
|
|
1222
|
+
function Do(e, n) {
|
|
1220
1223
|
return e.map((o, i) => ({
|
|
1221
1224
|
id: o.id,
|
|
1222
1225
|
time: o.time,
|
|
@@ -1225,18 +1228,18 @@ function jo(e, n) {
|
|
|
1225
1228
|
onClick: () => n(o)
|
|
1226
1229
|
}));
|
|
1227
1230
|
}
|
|
1228
|
-
function
|
|
1231
|
+
function jo(e, n) {
|
|
1229
1232
|
const o = /* @__PURE__ */ new Map();
|
|
1230
1233
|
e.forEach((c) => {
|
|
1231
|
-
var
|
|
1234
|
+
var r;
|
|
1232
1235
|
const l = c.time;
|
|
1233
|
-
o.has(l) || o.set(l, []), (
|
|
1236
|
+
o.has(l) || o.set(l, []), (r = o.get(l)) == null || r.push(c);
|
|
1234
1237
|
});
|
|
1235
1238
|
const i = [];
|
|
1236
1239
|
let a = 1;
|
|
1237
1240
|
return o.forEach((c, l) => {
|
|
1238
1241
|
i.push({
|
|
1239
|
-
id: c.map((
|
|
1242
|
+
id: c.map((r) => r.id).join("-"),
|
|
1240
1243
|
time: l,
|
|
1241
1244
|
type: "quiz",
|
|
1242
1245
|
ordinal: a + 1,
|
|
@@ -1245,12 +1248,12 @@ function Uo(e, n) {
|
|
|
1245
1248
|
}), a++;
|
|
1246
1249
|
}), i;
|
|
1247
1250
|
}
|
|
1248
|
-
function
|
|
1251
|
+
function Uo(e, n, o, i) {
|
|
1249
1252
|
switch (e.type) {
|
|
1250
1253
|
case "annotation": {
|
|
1251
1254
|
const a = () => i ? e.onClick() : o.seek(e.time);
|
|
1252
1255
|
return /* @__PURE__ */ t(
|
|
1253
|
-
|
|
1256
|
+
zo,
|
|
1254
1257
|
{
|
|
1255
1258
|
position: e.time / n * 100,
|
|
1256
1259
|
onClick: a
|
|
@@ -1260,7 +1263,7 @@ function qo(e, n, o, i) {
|
|
|
1260
1263
|
}
|
|
1261
1264
|
case "quiz":
|
|
1262
1265
|
return /* @__PURE__ */ t(
|
|
1263
|
-
|
|
1266
|
+
Ko,
|
|
1264
1267
|
{
|
|
1265
1268
|
position: e.time / n * 100,
|
|
1266
1269
|
ordinal: e.ordinal,
|
|
@@ -1273,59 +1276,59 @@ function qo(e, n, o, i) {
|
|
|
1273
1276
|
return null;
|
|
1274
1277
|
}
|
|
1275
1278
|
}
|
|
1276
|
-
function
|
|
1277
|
-
const e =
|
|
1278
|
-
...
|
|
1279
|
+
function qo() {
|
|
1280
|
+
const e = q(), n = _("duration"), o = R(), i = Z(() => [
|
|
1281
|
+
...Do(
|
|
1279
1282
|
o.annotations,
|
|
1280
1283
|
o.onAnnotationClick
|
|
1281
1284
|
),
|
|
1282
|
-
...
|
|
1283
|
-
].sort((c, l) => c.time - l.time).map((c) =>
|
|
1285
|
+
...jo(o.quizMarkers, o.onQuizMarkerClick)
|
|
1286
|
+
].sort((c, l) => c.time - l.time).map((c) => Uo(c, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
|
|
1284
1287
|
return /* @__PURE__ */ t("div", { className: m.pins, children: i });
|
|
1285
1288
|
}
|
|
1286
|
-
function
|
|
1287
|
-
const e =
|
|
1289
|
+
function Wo() {
|
|
1290
|
+
const e = _("duration"), n = R(), o = C();
|
|
1288
1291
|
return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: m.commentMarkers, children: n.comments.map((i) => /* @__PURE__ */ t(
|
|
1289
1292
|
"span",
|
|
1290
1293
|
{
|
|
1291
1294
|
className: m.commentMarker,
|
|
1292
1295
|
style: {
|
|
1293
1296
|
left: `${i.timestamp / e * 100}%`,
|
|
1294
|
-
width: `${
|
|
1297
|
+
width: `${Ne / e * 100}%`
|
|
1295
1298
|
}
|
|
1296
1299
|
},
|
|
1297
1300
|
i.id
|
|
1298
1301
|
)) }) : null;
|
|
1299
1302
|
}
|
|
1300
|
-
function
|
|
1301
|
-
const [
|
|
1302
|
-
|
|
1303
|
-
|
|
1303
|
+
function Go({ currentTime: e, position: n }) {
|
|
1304
|
+
const [o, i] = P(!1), a = R(), c = p(() => a.interactiveMenuElements.length > 0 ? i((g) => !g) : a.onInteractivePinClick(e), [
|
|
1305
|
+
a.interactiveMenuElements,
|
|
1306
|
+
a.onInteractivePinClick,
|
|
1304
1307
|
e
|
|
1305
|
-
]),
|
|
1306
|
-
open:
|
|
1307
|
-
onOpenChange:
|
|
1308
|
-
whileElementsMounted:
|
|
1308
|
+
]), l = me(null), { refs: r, floatingStyles: f, context: v } = _e({
|
|
1309
|
+
open: o,
|
|
1310
|
+
onOpenChange: i,
|
|
1311
|
+
whileElementsMounted: fe,
|
|
1309
1312
|
placement: "top",
|
|
1310
1313
|
middleware: [
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
element:
|
|
1314
|
+
Je(),
|
|
1315
|
+
Xe(6),
|
|
1316
|
+
ve(),
|
|
1317
|
+
be({
|
|
1318
|
+
element: l
|
|
1316
1319
|
})
|
|
1317
1320
|
]
|
|
1318
|
-
}),
|
|
1321
|
+
}), k = Ce(v), { getReferenceProps: d, getFloatingProps: h } = ge([k]);
|
|
1319
1322
|
return /* @__PURE__ */ s(J, { children: [
|
|
1320
1323
|
/* @__PURE__ */ t(
|
|
1321
1324
|
"button",
|
|
1322
1325
|
{
|
|
1323
1326
|
type: "button",
|
|
1324
|
-
onClick:
|
|
1327
|
+
onClick: c,
|
|
1325
1328
|
className: m.interactivePinButton,
|
|
1326
|
-
ref:
|
|
1327
|
-
style: { left: `${
|
|
1328
|
-
...
|
|
1329
|
+
ref: r.setReference,
|
|
1330
|
+
style: { left: `${n}%` },
|
|
1331
|
+
...d(),
|
|
1329
1332
|
children: /* @__PURE__ */ s(
|
|
1330
1333
|
"svg",
|
|
1331
1334
|
{
|
|
@@ -1354,7 +1357,7 @@ function Qo({ position: e }) {
|
|
|
1354
1357
|
"path",
|
|
1355
1358
|
{
|
|
1356
1359
|
className: m.interactivePinIcon,
|
|
1357
|
-
"data-open":
|
|
1360
|
+
"data-open": o,
|
|
1358
1361
|
fillRule: "evenodd",
|
|
1359
1362
|
clipRule: "evenodd",
|
|
1360
1363
|
d: "m 18.75,17.388467 v -6.25 h -1.5 v 6.25 H 11 v 1.5 h 6.25 v 6.25 h 1.5 v -6.25 H 25 v -1.5 z",
|
|
@@ -1366,21 +1369,21 @@ function Qo({ position: e }) {
|
|
|
1366
1369
|
)
|
|
1367
1370
|
}
|
|
1368
1371
|
),
|
|
1369
|
-
|
|
1372
|
+
o && /* @__PURE__ */ s(
|
|
1370
1373
|
"div",
|
|
1371
1374
|
{
|
|
1372
|
-
ref:
|
|
1373
|
-
style:
|
|
1375
|
+
ref: r.setFloating,
|
|
1376
|
+
style: f,
|
|
1374
1377
|
className: m.interactivePinMenu,
|
|
1375
|
-
...
|
|
1378
|
+
...h(),
|
|
1376
1379
|
children: [
|
|
1377
|
-
|
|
1380
|
+
a.interactiveMenuElements.map(({ id: g, text: A, onClick: I }) => /* @__PURE__ */ s(
|
|
1378
1381
|
"button",
|
|
1379
1382
|
{
|
|
1380
1383
|
type: "button",
|
|
1381
1384
|
className: m.interactivePinMenuItem,
|
|
1382
1385
|
onClick: () => {
|
|
1383
|
-
|
|
1386
|
+
I(g, e), i(!1);
|
|
1384
1387
|
},
|
|
1385
1388
|
children: [
|
|
1386
1389
|
/* @__PURE__ */ t(
|
|
@@ -1402,16 +1405,16 @@ function Qo({ position: e }) {
|
|
|
1402
1405
|
)
|
|
1403
1406
|
}
|
|
1404
1407
|
),
|
|
1405
|
-
|
|
1408
|
+
A
|
|
1406
1409
|
]
|
|
1407
1410
|
},
|
|
1408
|
-
|
|
1411
|
+
g
|
|
1409
1412
|
)),
|
|
1410
1413
|
/* @__PURE__ */ t(
|
|
1411
|
-
|
|
1414
|
+
ke,
|
|
1412
1415
|
{
|
|
1413
|
-
ref:
|
|
1414
|
-
context:
|
|
1416
|
+
ref: l,
|
|
1417
|
+
context: v,
|
|
1415
1418
|
className: m.arrow
|
|
1416
1419
|
}
|
|
1417
1420
|
)
|
|
@@ -1420,70 +1423,70 @@ function Qo({ position: e }) {
|
|
|
1420
1423
|
)
|
|
1421
1424
|
] });
|
|
1422
1425
|
}
|
|
1423
|
-
function
|
|
1424
|
-
const e =
|
|
1425
|
-
return /* @__PURE__ */ t("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ t(
|
|
1426
|
+
function Qo() {
|
|
1427
|
+
const e = _("duration"), n = _("currentTime"), o = n / e * 100;
|
|
1428
|
+
return /* @__PURE__ */ t("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ t(Go, { currentTime: n, position: o }) }) });
|
|
1426
1429
|
}
|
|
1427
|
-
function
|
|
1428
|
-
const e =
|
|
1429
|
-
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(
|
|
1430
|
+
function Yo() {
|
|
1431
|
+
const e = _("paused"), n = C();
|
|
1432
|
+
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(Qo, {}) : null;
|
|
1430
1433
|
}
|
|
1431
|
-
const
|
|
1432
|
-
function
|
|
1433
|
-
const n = C(), { hasAnnotations: o, hasQuizmarkers: i, interactive: a } =
|
|
1434
|
+
const Jo = `${m.progress} ${m.trackInner}`, Xo = `${m.trackFill} ${m.trackInner}`;
|
|
1435
|
+
function re({ className: e }) {
|
|
1436
|
+
const n = C(), { hasAnnotations: o, hasQuizmarkers: i, interactive: a } = R(), c = e ? `${m.timelineWrapper} ${e}` : m.timelineWrapper;
|
|
1434
1437
|
return /* @__PURE__ */ s("div", { className: c, children: [
|
|
1435
|
-
a ? /* @__PURE__ */ t(
|
|
1436
|
-
a || o || i ? /* @__PURE__ */ t(
|
|
1438
|
+
a ? /* @__PURE__ */ t(Yo, {}) : null,
|
|
1439
|
+
a || o || i ? /* @__PURE__ */ t(qo, {}) : null,
|
|
1437
1440
|
/* @__PURE__ */ s(
|
|
1438
|
-
|
|
1441
|
+
E.Root,
|
|
1439
1442
|
{
|
|
1440
1443
|
className: m.root,
|
|
1441
1444
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1442
1445
|
children: [
|
|
1443
|
-
/* @__PURE__ */ s(
|
|
1444
|
-
/* @__PURE__ */ t(
|
|
1445
|
-
/* @__PURE__ */ t(
|
|
1446
|
+
/* @__PURE__ */ s(E.Track, { className: m.track, children: [
|
|
1447
|
+
/* @__PURE__ */ t(E.Progress, { className: Jo }),
|
|
1448
|
+
/* @__PURE__ */ t(E.TrackFill, { className: Xo })
|
|
1446
1449
|
] }),
|
|
1447
|
-
/* @__PURE__ */ t(
|
|
1450
|
+
/* @__PURE__ */ t(E.Thumb, { className: m.thumb })
|
|
1448
1451
|
]
|
|
1449
1452
|
}
|
|
1450
1453
|
),
|
|
1451
|
-
/* @__PURE__ */ t(
|
|
1454
|
+
/* @__PURE__ */ t(Wo, {})
|
|
1452
1455
|
] });
|
|
1453
1456
|
}
|
|
1454
|
-
const
|
|
1455
|
-
wrapper:
|
|
1456
|
-
track:
|
|
1457
|
-
thumb:
|
|
1457
|
+
const ei = "_wrapper_12cb0_1", ti = "_track_12cb0_6", ni = "_thumb_12cb0_18", oi = "_track-fill_12cb0_32", ii = "_root_12cb0_51", F = {
|
|
1458
|
+
wrapper: ei,
|
|
1459
|
+
track: ti,
|
|
1460
|
+
thumb: ni,
|
|
1458
1461
|
"track-fill": "_track-fill_12cb0_32",
|
|
1459
|
-
trackFill:
|
|
1460
|
-
root:
|
|
1462
|
+
trackFill: oi,
|
|
1463
|
+
root: ii
|
|
1461
1464
|
};
|
|
1462
|
-
function
|
|
1463
|
-
const e =
|
|
1464
|
-
return /* @__PURE__ */ s("div", { className:
|
|
1465
|
+
function ai() {
|
|
1466
|
+
const e = _("volume"), n = _("muted"), o = C();
|
|
1467
|
+
return /* @__PURE__ */ s("div", { className: F.wrapper, children: [
|
|
1465
1468
|
/* @__PURE__ */ t(
|
|
1466
|
-
|
|
1469
|
+
je,
|
|
1467
1470
|
{
|
|
1468
1471
|
tabIndex: o.state.interactionsDisabled ? -1 : 0,
|
|
1469
1472
|
className: "controls-button",
|
|
1470
|
-
children: n || e == 0 ? /* @__PURE__ */ t(
|
|
1473
|
+
children: n || e == 0 ? /* @__PURE__ */ t(Me, { className: "controls-button-icon" }) : e < 0.5 ? /* @__PURE__ */ t(Te, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Ie, { className: "controls-button-icon" })
|
|
1471
1474
|
}
|
|
1472
1475
|
),
|
|
1473
1476
|
/* @__PURE__ */ s(
|
|
1474
|
-
|
|
1477
|
+
K.Root,
|
|
1475
1478
|
{
|
|
1476
|
-
className:
|
|
1479
|
+
className: F.root,
|
|
1477
1480
|
tabIndex: o.state.interactionsDisabled ? -1 : 0,
|
|
1478
1481
|
children: [
|
|
1479
|
-
/* @__PURE__ */ t(
|
|
1480
|
-
/* @__PURE__ */ t(
|
|
1482
|
+
/* @__PURE__ */ t(K.Track, { className: F.track, children: /* @__PURE__ */ t(K.TrackFill, { className: F.trackFill }) }),
|
|
1483
|
+
/* @__PURE__ */ t(K.Thumb, { className: F.thumb })
|
|
1481
1484
|
]
|
|
1482
1485
|
}
|
|
1483
1486
|
)
|
|
1484
1487
|
] });
|
|
1485
1488
|
}
|
|
1486
|
-
const
|
|
1489
|
+
const ue = {
|
|
1487
1490
|
togglePaused: ["Space", "Enter", "k"],
|
|
1488
1491
|
seekForward: ["ArrowRight"],
|
|
1489
1492
|
seekBackward: ["ArrowLeft"],
|
|
@@ -1521,8 +1524,8 @@ const de = {
|
|
|
1521
1524
|
decreasePlaybackRate: {
|
|
1522
1525
|
keys: ["a"],
|
|
1523
1526
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1524
|
-
const a =
|
|
1525
|
-
a >= 0 && (o.changePlaybackRate(
|
|
1527
|
+
const a = H.indexOf(n.playbackRate) - 1;
|
|
1528
|
+
a >= 0 && (o.changePlaybackRate(H[a]), n.$state.lastKeyboardAction.set({
|
|
1526
1529
|
action: "decreasePlaybackRate",
|
|
1527
1530
|
event: e
|
|
1528
1531
|
}));
|
|
@@ -1531,8 +1534,8 @@ const de = {
|
|
|
1531
1534
|
increasePlaybackRate: {
|
|
1532
1535
|
keys: ["d"],
|
|
1533
1536
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1534
|
-
const a =
|
|
1535
|
-
a <
|
|
1537
|
+
const a = H.indexOf(n.playbackRate) + 1;
|
|
1538
|
+
a < H.length && (o.changePlaybackRate(H[a]), n.$state.lastKeyboardAction.set({
|
|
1536
1539
|
action: "increasePlaybackRate",
|
|
1537
1540
|
event: e
|
|
1538
1541
|
}));
|
|
@@ -1566,7 +1569,7 @@ const de = {
|
|
|
1566
1569
|
}
|
|
1567
1570
|
}
|
|
1568
1571
|
};
|
|
1569
|
-
function
|
|
1572
|
+
function si(e, n = 1e3) {
|
|
1570
1573
|
let o = !1;
|
|
1571
1574
|
return () => {
|
|
1572
1575
|
o || (e(), o = !0, setTimeout(() => {
|
|
@@ -1574,7 +1577,7 @@ function ci(e, n = 1e3) {
|
|
|
1574
1577
|
}, n));
|
|
1575
1578
|
};
|
|
1576
1579
|
}
|
|
1577
|
-
const
|
|
1580
|
+
const de = {
|
|
1578
1581
|
volume: 1,
|
|
1579
1582
|
muted: !1,
|
|
1580
1583
|
lang: null,
|
|
@@ -1585,18 +1588,18 @@ const me = {
|
|
|
1585
1588
|
invert: !1,
|
|
1586
1589
|
comments: !1
|
|
1587
1590
|
};
|
|
1588
|
-
class
|
|
1591
|
+
class ci {
|
|
1589
1592
|
constructor() {
|
|
1590
1593
|
N(this, "playerId", "studio-player");
|
|
1591
1594
|
N(this, "mediaId", null);
|
|
1592
|
-
N(this, "data",
|
|
1595
|
+
N(this, "data", de);
|
|
1593
1596
|
N(this, "time", null);
|
|
1594
1597
|
N(this, "saveTime", () => {
|
|
1595
1598
|
if (!this.mediaId) return;
|
|
1596
1599
|
const n = (this.time ?? 0).toString();
|
|
1597
1600
|
localStorage.setItem(this.mediaId, n);
|
|
1598
1601
|
});
|
|
1599
|
-
N(this, "saveTimeThrottled",
|
|
1602
|
+
N(this, "saveTimeThrottled", si(this.saveTime, 1e3));
|
|
1600
1603
|
// only used for useStudioPlayer hook's state initialization
|
|
1601
1604
|
N(this, "initializeState", () => {
|
|
1602
1605
|
const n = localStorage.getItem(this.playerId);
|
|
@@ -1673,7 +1676,7 @@ class li {
|
|
|
1673
1676
|
} catch {
|
|
1674
1677
|
}
|
|
1675
1678
|
this.data = {
|
|
1676
|
-
...
|
|
1679
|
+
...de,
|
|
1677
1680
|
...l
|
|
1678
1681
|
}, this.time = c ? +c : null;
|
|
1679
1682
|
}
|
|
@@ -1683,8 +1686,8 @@ class li {
|
|
|
1683
1686
|
localStorage.setItem(this.playerId, n);
|
|
1684
1687
|
}
|
|
1685
1688
|
}
|
|
1686
|
-
function
|
|
1687
|
-
const n =
|
|
1689
|
+
function li(e) {
|
|
1690
|
+
const n = Z(() => new ci(), []), [o, i] = P(
|
|
1688
1691
|
n.initializeState
|
|
1689
1692
|
), a = p(
|
|
1690
1693
|
(d) => {
|
|
@@ -1710,7 +1713,7 @@ function ri(e) {
|
|
|
1710
1713
|
captionsInvertColors: h
|
|
1711
1714
|
};
|
|
1712
1715
|
});
|
|
1713
|
-
}, [n]),
|
|
1716
|
+
}, [n]), r = p(() => {
|
|
1714
1717
|
i((d) => {
|
|
1715
1718
|
const h = !d.commentsEnabled;
|
|
1716
1719
|
return n.saveData("comments", h), {
|
|
@@ -1718,7 +1721,7 @@ function ri(e) {
|
|
|
1718
1721
|
commentsEnabled: h
|
|
1719
1722
|
};
|
|
1720
1723
|
});
|
|
1721
|
-
}, [n]),
|
|
1724
|
+
}, [n]), f = p(() => {
|
|
1722
1725
|
i((d) => ({
|
|
1723
1726
|
...d,
|
|
1724
1727
|
interactionsDisabled: !1
|
|
@@ -1728,84 +1731,82 @@ function ri(e) {
|
|
|
1728
1731
|
...d,
|
|
1729
1732
|
interactionsDisabled: !0
|
|
1730
1733
|
}));
|
|
1731
|
-
}, []),
|
|
1732
|
-
...
|
|
1734
|
+
}, []), k = Z(() => e ? {
|
|
1735
|
+
...ue,
|
|
1733
1736
|
toggleFullscreen: []
|
|
1734
|
-
} :
|
|
1737
|
+
} : ue, [e]);
|
|
1735
1738
|
return {
|
|
1736
1739
|
contextValue: {
|
|
1737
1740
|
state: o,
|
|
1738
1741
|
setCaptionsFontSizeMultiplier: a,
|
|
1739
1742
|
toggleCaptionPositionOnTop: c,
|
|
1740
1743
|
toggleCaptionsInvertColors: l,
|
|
1741
|
-
enableInteractions:
|
|
1744
|
+
enableInteractions: f,
|
|
1742
1745
|
disableInteractions: v,
|
|
1743
|
-
toggleComments:
|
|
1746
|
+
toggleComments: r
|
|
1744
1747
|
},
|
|
1745
|
-
shortcuts:
|
|
1748
|
+
shortcuts: k,
|
|
1746
1749
|
storage: n
|
|
1747
1750
|
};
|
|
1748
1751
|
}
|
|
1749
|
-
const
|
|
1752
|
+
const ri = {}, Q = () => {
|
|
1750
1753
|
};
|
|
1751
|
-
function
|
|
1754
|
+
function bi({
|
|
1752
1755
|
title: e,
|
|
1753
|
-
|
|
1756
|
+
playerRef: n,
|
|
1754
1757
|
src: o,
|
|
1755
1758
|
captions: i = [],
|
|
1756
1759
|
thumbnail: a,
|
|
1757
1760
|
hideFullScreen: c = !1,
|
|
1758
1761
|
comments: l = [],
|
|
1759
|
-
locale:
|
|
1760
|
-
annotations:
|
|
1762
|
+
locale: r = "en",
|
|
1763
|
+
annotations: f = [],
|
|
1761
1764
|
quizMarkers: v = [],
|
|
1762
|
-
interactive:
|
|
1765
|
+
interactive: k = !1,
|
|
1763
1766
|
onAnnotationClick: d = Q,
|
|
1764
1767
|
onQuizMarkerClick: h = Q,
|
|
1765
|
-
onInteractivePinClick:
|
|
1766
|
-
interactiveMenuElements:
|
|
1767
|
-
darkMode:
|
|
1768
|
+
onInteractivePinClick: g = Q,
|
|
1769
|
+
interactiveMenuElements: A = [],
|
|
1770
|
+
darkMode: I = !1
|
|
1768
1771
|
}) {
|
|
1769
|
-
const { contextValue: x, shortcuts:
|
|
1770
|
-
return
|
|
1771
|
-
|
|
1772
|
-
}, [
|
|
1773
|
-
|
|
1774
|
-
}, [ie, u]), /* @__PURE__ */ t(
|
|
1775
|
-
ot,
|
|
1772
|
+
const { contextValue: x, shortcuts: Ve, storage: Be } = li(c), { i18n: oe } = b();
|
|
1773
|
+
return B(() => {
|
|
1774
|
+
oe.changeLanguage(r);
|
|
1775
|
+
}, [oe, r]), /* @__PURE__ */ t(
|
|
1776
|
+
nt,
|
|
1776
1777
|
{
|
|
1777
1778
|
hideFullScreen: c,
|
|
1778
1779
|
comments: l,
|
|
1779
|
-
annotations:
|
|
1780
|
+
annotations: f,
|
|
1780
1781
|
quizMarkers: v,
|
|
1781
|
-
interactive:
|
|
1782
|
+
interactive: k,
|
|
1782
1783
|
onAnnotationClick: d,
|
|
1783
1784
|
onQuizMarkerClick: h,
|
|
1784
|
-
onInteractivePinClick:
|
|
1785
|
-
interactiveMenuElements:
|
|
1786
|
-
darkMode:
|
|
1787
|
-
children: /* @__PURE__ */ t(
|
|
1788
|
-
|
|
1785
|
+
onInteractivePinClick: g,
|
|
1786
|
+
interactiveMenuElements: A,
|
|
1787
|
+
darkMode: I,
|
|
1788
|
+
children: /* @__PURE__ */ t(tt, { contextValue: x, children: /* @__PURE__ */ s(
|
|
1789
|
+
Ue,
|
|
1789
1790
|
{
|
|
1790
|
-
storage:
|
|
1791
|
+
storage: Be,
|
|
1791
1792
|
title: e,
|
|
1792
1793
|
src: o,
|
|
1793
|
-
keyShortcuts:
|
|
1794
|
+
keyShortcuts: Ve,
|
|
1794
1795
|
playsInline: !0,
|
|
1795
1796
|
keyDisabled: x.state.interactionsDisabled,
|
|
1796
1797
|
children: [
|
|
1797
|
-
/* @__PURE__ */ t(
|
|
1798
|
-
/* @__PURE__ */ s(
|
|
1799
|
-
/* @__PURE__ */ t(
|
|
1800
|
-
/* @__PURE__ */ t(
|
|
1801
|
-
/* @__PURE__ */ t(
|
|
1802
|
-
/* @__PURE__ */ t(
|
|
1803
|
-
/* @__PURE__ */ t(
|
|
1804
|
-
/* @__PURE__ */ t(
|
|
1805
|
-
/* @__PURE__ */ t(
|
|
1798
|
+
/* @__PURE__ */ t(Jn, {}),
|
|
1799
|
+
/* @__PURE__ */ s(qe, { className: ri.mediaProvider, children: [
|
|
1800
|
+
/* @__PURE__ */ t(io, { src: a }),
|
|
1801
|
+
/* @__PURE__ */ t(On, {}),
|
|
1802
|
+
/* @__PURE__ */ t(mt, {}),
|
|
1803
|
+
/* @__PURE__ */ t(ft, { captions: i }),
|
|
1804
|
+
/* @__PURE__ */ t(Mt, { comments: l }),
|
|
1805
|
+
/* @__PURE__ */ t(mo, {}),
|
|
1806
|
+
/* @__PURE__ */ t(Un, {})
|
|
1806
1807
|
] }),
|
|
1807
|
-
/* @__PURE__ */ t(
|
|
1808
|
-
/* @__PURE__ */ t(
|
|
1808
|
+
/* @__PURE__ */ t(Rt, { darkMode: I, playerRef: n }),
|
|
1809
|
+
/* @__PURE__ */ t(st, { annotations: f })
|
|
1809
1810
|
]
|
|
1810
1811
|
}
|
|
1811
1812
|
) })
|
|
@@ -1813,8 +1814,8 @@ function Ci({
|
|
|
1813
1814
|
);
|
|
1814
1815
|
}
|
|
1815
1816
|
export {
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
|
|
1817
|
+
vt as CAPTION_FONT_SIZE_MULTIPLIERS,
|
|
1818
|
+
Ne as COMMENT_DURATION,
|
|
1819
|
+
H as PLAYBACK_RATES,
|
|
1820
|
+
bi as StudioPlayer
|
|
1820
1821
|
};
|