@instructure/studio-player 1.1.4 → 1.1.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,15 +1,15 @@
|
|
|
1
|
-
import './index-C9-QnXMb.css';var
|
|
2
|
-
var
|
|
3
|
-
var B = (e, t, o) =>
|
|
1
|
+
import './index-C9-QnXMb.css';var gt = Object.defineProperty;
|
|
2
|
+
var Ct = (e, t, o) => t in e ? gt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
|
|
3
|
+
var B = (e, t, o) => Ct(e, typeof t != "symbol" ? t + "" : t, o);
|
|
4
4
|
import { jsx as n, jsxs as l, Fragment as J } from "react/jsx-runtime";
|
|
5
|
-
import { createContext as ye, useContext as ke, useState as y, useCallback as p, useEffect as V, useMemo as q, useRef as K, forwardRef as
|
|
6
|
-
import { u as R, s as be, a as b, b as
|
|
7
|
-
import { n as
|
|
8
|
-
import { initReactI18next as
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import { useFloating as
|
|
12
|
-
const
|
|
5
|
+
import { createContext as ye, useContext as ke, useState as y, useCallback as p, useEffect as V, useMemo as q, useRef as K, forwardRef as bt } from "react";
|
|
6
|
+
import { u as R, s as be, a as b, b as he, i as vt, T as wt, C as yt, c as kt, d as Lt, e as xt, P as Mt, F as Pt, f as de, g as ve, t as Q, v as re, h as Nt, j as It, k as Et, l as St, M as At, m as Tt } from "./vidstack-CRo1u9eU.js";
|
|
7
|
+
import { n as qi } from "./vidstack-CRo1u9eU.js";
|
|
8
|
+
import { initReactI18next as Ht, useTranslation as f } from "react-i18next";
|
|
9
|
+
import Vt from "i18next";
|
|
10
|
+
import Rt from "i18next-resources-to-backend";
|
|
11
|
+
import { useFloating as pe, autoUpdate as fe, shift as Le, offset as xe, arrow as Me, useListNavigation as ze, useDismiss as Pe, useInteractions as Ne, FloatingFocusManager as Ie, FloatingArrow as Ee, useMergeRefs as $e, detectOverflow as Ot } from "@floating-ui/react";
|
|
12
|
+
const Bt = (e, t, o) => {
|
|
13
13
|
const i = e[t];
|
|
14
14
|
return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((s, a) => {
|
|
15
15
|
(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
|
|
@@ -22,9 +22,9 @@ const Vt = (e, t, o) => {
|
|
|
22
22
|
);
|
|
23
23
|
});
|
|
24
24
|
};
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
(e) =>
|
|
25
|
+
Vt.use(Ht).use(
|
|
26
|
+
Rt(
|
|
27
|
+
(e) => Bt(/* @__PURE__ */ Object.assign({ "./locales/ar.json": () => import("./ar-VCVxJm7K.js"), "./locales/ca.json": () => import("./ca-BEBt24QP.js"), "./locales/cy.json": () => import("./cy-YaAJqNQl.js"), "./locales/da-x-k12.json": () => import("./da-x-k12-lQy2NFaK.js"), "./locales/da.json": () => import("./da-BZWhI2Xn.js"), "./locales/de.json": () => import("./de-BUvRwMD6.js"), "./locales/en-AU-x-unimelb.json": () => import("./en-AU-x-unimelb-CMl3c1a0.js"), "./locales/en-GB-x-ukhe.json": () => import("./en-GB-x-ukhe-oT9RNDTK.js"), "./locales/en.json": () => import("./en-DwAikWk3.js"), "./locales/en_AU.json": () => import("./en_AU-CvZ7peTk.js"), "./locales/en_CY.json": () => import("./en_CY-BG8Pm72U.js"), "./locales/en_GB.json": () => import("./en_GB-CA_2B3N6.js"), "./locales/es.json": () => import("./es-CsXsddFr.js"), "./locales/es_ES.json": () => import("./es_ES-D71hU2MM.js"), "./locales/fi.json": () => import("./fi-D2HqteTW.js"), "./locales/fr.json": () => import("./fr-BAEJ5gcO.js"), "./locales/fr_CA.json": () => import("./fr_CA-BKv7vpJe.js"), "./locales/ga.json": () => import("./ga-COMvYqPH.js"), "./locales/hi.json": () => import("./hi-BejTYLRj.js"), "./locales/ht.json": () => import("./ht-BeM6QStZ.js"), "./locales/id.json": () => import("./id-NJzBnSib.js"), "./locales/is.json": () => import("./is-Cv47H4ey.js"), "./locales/it.json": () => import("./it-B6LzBKYz.js"), "./locales/ja.json": () => import("./ja-BV_3G5Hd.js"), "./locales/kl.json": () => import("./kl-CBFEKDWH.js"), "./locales/mi.json": () => import("./mi-BRHT5aP1.js"), "./locales/ms.json": () => import("./ms-D7bYcHUm.js"), "./locales/nb-x-k12.json": () => import("./nb-x-k12-8GMfCmMo.js"), "./locales/nb.json": () => import("./nb-DyTI7Ts1.js"), "./locales/nl.json": () => import("./nl-DBSxFMy9.js"), "./locales/pl.json": () => import("./pl-DUdYRh1Y.js"), "./locales/pt.json": () => import("./pt-DkTHNOHF.js"), "./locales/pt_BR.json": () => import("./pt_BR-DZZGbQIg.js"), "./locales/ru.json": () => import("./ru-Bxl9NL5w.js"), "./locales/sl.json": () => import("./sl-D2hOGCNb.js"), "./locales/sv-x-k12.json": () => import("./sv-x-k12-B7c2_4ik.js"), "./locales/sv.json": () => import("./sv-Bic7JSI_.js"), "./locales/th.json": () => import("./th-hFDNyurj.js"), "./locales/vi.json": () => import("./vi-Dz6NuOdc.js"), "./locales/zh-Hans.json": () => import("./zh-Hans-DKg6WKbe.js"), "./locales/zh-Hant.json": () => import("./zh-Hant-ZHDw_Y-L.js"), "./locales/zh.json": () => import("./zh-C7jcyKYp.js"), "./locales/zh_HK.json": () => import("./zh_HK-C2PlZhAG.js") }), `./locales/${e}.json`, 3)
|
|
28
28
|
)
|
|
29
29
|
).init({
|
|
30
30
|
fallbackLng: "en",
|
|
@@ -36,7 +36,7 @@ At.use(St).use(
|
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
38
|
const Ue = ye(null);
|
|
39
|
-
function
|
|
39
|
+
function Ft({
|
|
40
40
|
children: e,
|
|
41
41
|
contextValue: t
|
|
42
42
|
}) {
|
|
@@ -51,7 +51,7 @@ function v() {
|
|
|
51
51
|
return e;
|
|
52
52
|
}
|
|
53
53
|
const Ge = ye(null);
|
|
54
|
-
function
|
|
54
|
+
function Dt({
|
|
55
55
|
title: e,
|
|
56
56
|
hideFullScreen: t,
|
|
57
57
|
comments: o,
|
|
@@ -75,9 +75,10 @@ function Ot({
|
|
|
75
75
|
onQuizMarkerShow: S,
|
|
76
76
|
onCaptionsDelete: F,
|
|
77
77
|
controlsLayout: O,
|
|
78
|
-
startAt: D
|
|
78
|
+
startAt: D,
|
|
79
|
+
hideQuizMarkers: Z
|
|
79
80
|
}) {
|
|
80
|
-
const
|
|
81
|
+
const te = {
|
|
81
82
|
title: e,
|
|
82
83
|
hideFullScreen: t,
|
|
83
84
|
comments: o,
|
|
@@ -103,9 +104,10 @@ function Ot({
|
|
|
103
104
|
onQuizMarkerShow: S,
|
|
104
105
|
onCaptionsDelete: F,
|
|
105
106
|
controlsLayout: O,
|
|
106
|
-
startAt: D
|
|
107
|
+
startAt: D,
|
|
108
|
+
hideQuizMarkers: Z
|
|
107
109
|
};
|
|
108
|
-
return /* @__PURE__ */ n(Ge.Provider, { value:
|
|
110
|
+
return /* @__PURE__ */ n(Ge.Provider, { value: te, children: L });
|
|
109
111
|
}
|
|
110
112
|
function k() {
|
|
111
113
|
const e = ke(Ge);
|
|
@@ -115,17 +117,17 @@ function k() {
|
|
|
115
117
|
);
|
|
116
118
|
return e;
|
|
117
119
|
}
|
|
118
|
-
const
|
|
120
|
+
const Zt = "_annotation-overlay_1kxzn_1", jt = {
|
|
119
121
|
"annotation-overlay": "_annotation-overlay_1kxzn_1",
|
|
120
|
-
annotationOverlay:
|
|
121
|
-
}, Oe = 0.25,
|
|
122
|
+
annotationOverlay: Zt
|
|
123
|
+
}, Oe = 0.25, qt = (e, t) => {
|
|
122
124
|
let o = !1;
|
|
123
125
|
return (i) => {
|
|
124
126
|
const s = i.detail.currentTime;
|
|
125
127
|
s >= e.time && s < e.time + Oe && !o && (o = !0, t(e)), (s < e.time || s >= e.time + Oe) && o && (o = !1);
|
|
126
128
|
};
|
|
127
129
|
};
|
|
128
|
-
function
|
|
130
|
+
function Kt({ annotations: e }) {
|
|
129
131
|
const t = R(), o = v(), i = k(), [s, a] = y(
|
|
130
132
|
null
|
|
131
133
|
), r = p(
|
|
@@ -141,7 +143,7 @@ function Zt({ annotations: e }) {
|
|
|
141
143
|
return;
|
|
142
144
|
const u = [];
|
|
143
145
|
for (const d of e) {
|
|
144
|
-
const _ =
|
|
146
|
+
const _ = qt(d, r);
|
|
145
147
|
t.addEventListener("time-update", _), u.push(_);
|
|
146
148
|
}
|
|
147
149
|
if (s) {
|
|
@@ -154,33 +156,33 @@ function Zt({ annotations: e }) {
|
|
|
154
156
|
for (const d of u)
|
|
155
157
|
t.removeEventListener("time-update", d);
|
|
156
158
|
};
|
|
157
|
-
}, [t, e]), s ? /* @__PURE__ */ n("div", { className:
|
|
159
|
+
}, [t, e]), s ? /* @__PURE__ */ n("div", { className: jt.annotationOverlay, children: s.render(c) }) : null;
|
|
158
160
|
}
|
|
159
|
-
const
|
|
161
|
+
const zt = "_media-buffering-indicator_1fwjr_1", $t = "_media-buffering-spinner_1fwjr_17", Ut = "_media-buffering-spin_1fwjr_17", Gt = "_media-buffering-track_1fwjr_22", Qt = "_media-buffering-track-fill_1fwjr_27", le = {
|
|
160
162
|
"media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
|
|
161
|
-
mediaBufferingIndicator:
|
|
163
|
+
mediaBufferingIndicator: zt,
|
|
162
164
|
"media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
|
|
163
|
-
mediaBufferingSpinner:
|
|
165
|
+
mediaBufferingSpinner: $t,
|
|
164
166
|
"media-buffering-spin": "_media-buffering-spin_1fwjr_17",
|
|
165
|
-
mediaBufferingSpin:
|
|
167
|
+
mediaBufferingSpin: Ut,
|
|
166
168
|
"media-buffering-track": "_media-buffering-track_1fwjr_22",
|
|
167
|
-
mediaBufferingTrack:
|
|
169
|
+
mediaBufferingTrack: Gt,
|
|
168
170
|
"media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
|
|
169
|
-
mediaBufferingTrackFill:
|
|
171
|
+
mediaBufferingTrackFill: Qt
|
|
170
172
|
};
|
|
171
173
|
function Qe() {
|
|
172
|
-
return /* @__PURE__ */ n("div", { className:
|
|
173
|
-
/* @__PURE__ */ n(be.Track, { className:
|
|
174
|
+
return /* @__PURE__ */ n("div", { className: le.mediaBufferingIndicator, children: /* @__PURE__ */ l(be.Root, { className: le.mediaBufferingSpinner, size: 96, children: [
|
|
175
|
+
/* @__PURE__ */ n(be.Track, { className: le.mediaBufferingTrack, width: 8 }),
|
|
174
176
|
/* @__PURE__ */ n(
|
|
175
177
|
be.TrackFill,
|
|
176
178
|
{
|
|
177
|
-
className:
|
|
179
|
+
className: le.mediaBufferingTrackFill,
|
|
178
180
|
width: 8
|
|
179
181
|
}
|
|
180
182
|
)
|
|
181
183
|
] }) });
|
|
182
184
|
}
|
|
183
|
-
const
|
|
185
|
+
const Wt = [
|
|
184
186
|
"ArrowUp",
|
|
185
187
|
"ArrowDown",
|
|
186
188
|
"ArrowLeft",
|
|
@@ -205,7 +207,7 @@ function Se(e, t = !1, o = !0) {
|
|
|
205
207
|
), t && window.addEventListener(
|
|
206
208
|
"keydown",
|
|
207
209
|
(s) => {
|
|
208
|
-
|
|
210
|
+
Wt.includes(s.code) && s.preventDefault();
|
|
209
211
|
},
|
|
210
212
|
{ signal: i.signal }
|
|
211
213
|
), () => {
|
|
@@ -213,34 +215,34 @@ function Se(e, t = !1, o = !0) {
|
|
|
213
215
|
};
|
|
214
216
|
}, [e, t, o]);
|
|
215
217
|
}
|
|
216
|
-
function
|
|
218
|
+
function Yt(e) {
|
|
217
219
|
const t = q(() => ({ Escape: e }), [e]);
|
|
218
220
|
return Se(t);
|
|
219
221
|
}
|
|
220
|
-
const We = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }),
|
|
222
|
+
const We = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), Xt = "_controls-overlay_151j5_1", Jt = "_keyboard-shortcuts-overlay_151j5_11", en = "_screen-reader-content_151j5_76", tn = "_controls-button_151j5_90", nn = "_keyboard-shortcuts-button_151j5_106", on = "_kebab-menu-button_151j5_116", sn = "_kebab-menu_151j5_116", an = "_kebab-menu-item_151j5_145", rn = "_close-button_151j5_184", ln = "_arrow_151j5_198", H = {
|
|
221
223
|
"controls-overlay": "_controls-overlay_151j5_1",
|
|
222
|
-
controlsOverlay:
|
|
224
|
+
controlsOverlay: Xt,
|
|
223
225
|
"keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_151j5_11",
|
|
224
|
-
keyboardShortcutsOverlay:
|
|
226
|
+
keyboardShortcutsOverlay: Jt,
|
|
225
227
|
"screen-reader-content": "_screen-reader-content_151j5_76",
|
|
226
|
-
screenReaderContent:
|
|
228
|
+
screenReaderContent: en,
|
|
227
229
|
"controls-button": "_controls-button_151j5_90",
|
|
228
|
-
controlsButton:
|
|
230
|
+
controlsButton: tn,
|
|
229
231
|
"keyboard-shortcuts-button": "_keyboard-shortcuts-button_151j5_106",
|
|
230
|
-
keyboardShortcutsButton:
|
|
232
|
+
keyboardShortcutsButton: nn,
|
|
231
233
|
"kebab-menu-button": "_kebab-menu-button_151j5_116",
|
|
232
|
-
kebabMenuButton:
|
|
234
|
+
kebabMenuButton: on,
|
|
233
235
|
"kebab-menu": "_kebab-menu_151j5_116",
|
|
234
|
-
kebabMenu:
|
|
236
|
+
kebabMenu: sn,
|
|
235
237
|
"kebab-menu-item": "_kebab-menu-item_151j5_145",
|
|
236
|
-
kebabMenuItem:
|
|
238
|
+
kebabMenuItem: an,
|
|
237
239
|
"close-button": "_close-button_151j5_184",
|
|
238
|
-
closeButton:
|
|
239
|
-
arrow:
|
|
240
|
+
closeButton: rn,
|
|
241
|
+
arrow: ln
|
|
240
242
|
};
|
|
241
|
-
function
|
|
243
|
+
function cn({ onClose: e }) {
|
|
242
244
|
const { t } = f();
|
|
243
|
-
|
|
245
|
+
Yt(e);
|
|
244
246
|
const o = (i) => {
|
|
245
247
|
i && i.focus();
|
|
246
248
|
};
|
|
@@ -354,19 +356,19 @@ function an({ onClose: e }) {
|
|
|
354
356
|
}
|
|
355
357
|
);
|
|
356
358
|
}
|
|
357
|
-
const
|
|
358
|
-
share: /* @__PURE__ */ n(
|
|
359
|
-
transcript: /* @__PURE__ */ n(
|
|
360
|
-
media: /* @__PURE__ */ n(
|
|
359
|
+
const un = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), dn = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), mn = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), hn = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), Ye = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), pn = {
|
|
360
|
+
share: /* @__PURE__ */ n(dn, {}),
|
|
361
|
+
transcript: /* @__PURE__ */ n(mn, {}),
|
|
362
|
+
media: /* @__PURE__ */ n(hn, {}),
|
|
361
363
|
delete: /* @__PURE__ */ n(Ye, {})
|
|
362
|
-
},
|
|
363
|
-
function
|
|
364
|
+
}, fn = (e) => typeof e != "string";
|
|
365
|
+
function _n() {
|
|
364
366
|
const [e, t] = y(!1), [o, i] = y(null), s = v(), a = k(), r = () => {
|
|
365
367
|
t(!e), s.setGlobalKeysDisabled(!e);
|
|
366
|
-
}, c = K(null), u = K([]), { refs: d, floatingStyles: _, context: g } =
|
|
368
|
+
}, c = K(null), u = K([]), { refs: d, floatingStyles: _, context: g } = pe({
|
|
367
369
|
open: e,
|
|
368
370
|
onOpenChange: r,
|
|
369
|
-
whileElementsMounted:
|
|
371
|
+
whileElementsMounted: fe,
|
|
370
372
|
placement: "bottom-end",
|
|
371
373
|
middleware: [
|
|
372
374
|
Le(),
|
|
@@ -398,7 +400,7 @@ function hn() {
|
|
|
398
400
|
...L({
|
|
399
401
|
onClick: () => r()
|
|
400
402
|
}),
|
|
401
|
-
children: /* @__PURE__ */ n(
|
|
403
|
+
children: /* @__PURE__ */ n(un, {})
|
|
402
404
|
}
|
|
403
405
|
),
|
|
404
406
|
e && /* @__PURE__ */ n(Ie, { context: g, guards: !1, children: /* @__PURE__ */ l(
|
|
@@ -429,7 +431,7 @@ function hn() {
|
|
|
429
431
|
}
|
|
430
432
|
}),
|
|
431
433
|
children: [
|
|
432
|
-
|
|
434
|
+
fn(S) ? S : pn[S],
|
|
433
435
|
N
|
|
434
436
|
]
|
|
435
437
|
},
|
|
@@ -449,9 +451,9 @@ function hn() {
|
|
|
449
451
|
) })
|
|
450
452
|
] }) : null;
|
|
451
453
|
}
|
|
452
|
-
const
|
|
453
|
-
function
|
|
454
|
-
const [e, t] = y(!1), [o, i] = y(!1), s = v(), a = b("playing"), r =
|
|
454
|
+
const gn = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) });
|
|
455
|
+
function Cn() {
|
|
456
|
+
const [e, t] = y(!1), [o, i] = y(!1), s = v(), a = b("playing"), r = he(), { t: c } = f(), u = p(() => {
|
|
455
457
|
s.setKeyboardShortcutsOpen(!0), s.disableInteractions(), a && (i(!0), r.pause());
|
|
456
458
|
}, [a, r, s]), d = p(() => {
|
|
457
459
|
s.setKeyboardShortcutsOpen(!1), t(!0), s.enableInteractions(), o && (i(!1), r.play());
|
|
@@ -459,7 +461,7 @@ function fn() {
|
|
|
459
461
|
(g) => e && (g == null ? void 0 : g.focus()),
|
|
460
462
|
[e]
|
|
461
463
|
);
|
|
462
|
-
return s.state.isKeyboardShortcutsOpen ? /* @__PURE__ */ n(
|
|
464
|
+
return s.state.isKeyboardShortcutsOpen ? /* @__PURE__ */ n(cn, { onClose: d }) : /* @__PURE__ */ l("div", { className: H.controlsOverlay, children: [
|
|
463
465
|
/* @__PURE__ */ n(
|
|
464
466
|
"button",
|
|
465
467
|
{
|
|
@@ -469,10 +471,10 @@ function fn() {
|
|
|
469
471
|
className: `${H.controlsButton} ${H.keyboardShortcutsButton}`,
|
|
470
472
|
onClick: u,
|
|
471
473
|
inert: s.state.interactionsDisabled ? "true" : void 0,
|
|
472
|
-
children: /* @__PURE__ */ n(
|
|
474
|
+
children: /* @__PURE__ */ n(gn, {})
|
|
473
475
|
}
|
|
474
476
|
),
|
|
475
|
-
/* @__PURE__ */ n(
|
|
477
|
+
/* @__PURE__ */ n(_n, {})
|
|
476
478
|
] });
|
|
477
479
|
}
|
|
478
480
|
const Xe = (e) => /* @__PURE__ */ l("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
@@ -482,8 +484,8 @@ const Xe = (e) => /* @__PURE__ */ l("svg", { width: 24, height: 24, viewBox: "0
|
|
|
482
484
|
/* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_149_104406", children: /* @__PURE__ */ n("rect", { width: 24, height: 24, fill: "white" }) }) }),
|
|
483
485
|
/* @__PURE__ */ n("g", { clipPath: "url(#clip0_149_104406)", children: /* @__PURE__ */ n("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" }) })
|
|
484
486
|
] });
|
|
485
|
-
function
|
|
486
|
-
const e =
|
|
487
|
+
function bn() {
|
|
488
|
+
const e = he(), t = b("textTrack"), o = b("hasCaptions"), i = t && vt(t), s = v(), { t: a } = f(), r = p(
|
|
487
489
|
(c) => {
|
|
488
490
|
e.toggleCaptions(c.nativeEvent);
|
|
489
491
|
},
|
|
@@ -502,17 +504,17 @@ function _n() {
|
|
|
502
504
|
}
|
|
503
505
|
) : null;
|
|
504
506
|
}
|
|
505
|
-
const
|
|
506
|
-
captions:
|
|
507
|
-
},
|
|
507
|
+
const vn = "_captions_1cu0g_1", wn = {
|
|
508
|
+
captions: vn
|
|
509
|
+
}, yn = (e, t) => e ? t.top : t.bottom;
|
|
508
510
|
function et({ captions: e }) {
|
|
509
|
-
const t = e.length > 0, o = v(), { captionOffsetOverride: i } = k(), s = o.state.captionPositionOnTop, a =
|
|
511
|
+
const t = e.length > 0, o = v(), { captionOffsetOverride: i } = k(), s = o.state.captionPositionOnTop, a = yn(
|
|
510
512
|
s,
|
|
511
513
|
i ?? {}
|
|
512
514
|
);
|
|
513
515
|
return /* @__PURE__ */ l(J, { children: [
|
|
514
516
|
e.map((r) => /* @__PURE__ */ n(
|
|
515
|
-
|
|
517
|
+
wt,
|
|
516
518
|
{
|
|
517
519
|
kind: "subtitles",
|
|
518
520
|
type: r.type,
|
|
@@ -533,7 +535,7 @@ function et({ captions: e }) {
|
|
|
533
535
|
"--captions-color": o.state.captionsInvertColors ? "rgba(22, 22, 22)" : "white",
|
|
534
536
|
"--captions-background-color": o.state.captionsInvertColors ? "rgba(255, 255, 255, 0.75)" : "rgba(22, 22, 22, 0.75)"
|
|
535
537
|
},
|
|
536
|
-
children: /* @__PURE__ */ n(
|
|
538
|
+
children: /* @__PURE__ */ n(yt, { className: wn.captions })
|
|
537
539
|
}
|
|
538
540
|
) : null
|
|
539
541
|
] });
|
|
@@ -547,11 +549,11 @@ function tt(e) {
|
|
|
547
549
|
} else for (o in e) e[o] && (i && (i += " "), i += o);
|
|
548
550
|
return i;
|
|
549
551
|
}
|
|
550
|
-
function
|
|
552
|
+
function me() {
|
|
551
553
|
for (var e, t, o = 0, i = "", s = arguments.length; o < s; o++) (e = arguments[o]) && (t = tt(e)) && (i && (i += " "), i += t);
|
|
552
554
|
return i;
|
|
553
555
|
}
|
|
554
|
-
const X = [0.5, 0.75, 1, 1.25, 1.5, 2],
|
|
556
|
+
const X = [0.5, 0.75, 1, 1.25, 1.5, 2], kn = [0.5, 1, 2, 3, 4], Ln = 5, xn = (e) => {
|
|
555
557
|
const [, t] = y({});
|
|
556
558
|
return q(() => {
|
|
557
559
|
let o = [];
|
|
@@ -570,20 +572,20 @@ const X = [0.5, 0.75, 1, 1.25, 1.5, 2], vn = [0.5, 1, 2, 3, 4], wn = 5, yn = (e)
|
|
|
570
572
|
}
|
|
571
573
|
};
|
|
572
574
|
}, []);
|
|
573
|
-
},
|
|
575
|
+
}, Mn = (e, t, o) => {
|
|
574
576
|
let i = !1;
|
|
575
577
|
return (s) => {
|
|
576
578
|
const a = s.detail.currentTime;
|
|
577
579
|
a >= e.timestamp && a < e.timestamp + t && !i && (o.add(e), i = !0), (a < e.timestamp || a >= e.timestamp + t) && i && (o.remove(e), i = !1);
|
|
578
580
|
};
|
|
579
|
-
},
|
|
580
|
-
const o = R(), i =
|
|
581
|
+
}, Pn = (e, t = 5) => {
|
|
582
|
+
const o = R(), i = xn(t);
|
|
581
583
|
return V(() => {
|
|
582
584
|
if (!o)
|
|
583
585
|
return;
|
|
584
586
|
const s = [];
|
|
585
587
|
for (const a of e) {
|
|
586
|
-
const r =
|
|
588
|
+
const r = Mn(a, Ln, i);
|
|
587
589
|
s.push(r), o.addEventListener("time-update", r);
|
|
588
590
|
}
|
|
589
591
|
return o.dispatchEvent(
|
|
@@ -596,21 +598,21 @@ const X = [0.5, 0.75, 1, 1.25, 1.5, 2], vn = [0.5, 1, 2, 3, 4], wn = 5, yn = (e)
|
|
|
596
598
|
i.clear();
|
|
597
599
|
};
|
|
598
600
|
}, [o, i, e]), i;
|
|
599
|
-
},
|
|
601
|
+
}, Nn = "_comments-overlay_bymws_1", In = "_comments-container_bymws_10", En = "_kebab_bymws_20", Sn = "_comment_bymws_1", An = "_comment-text_bymws_51", Tn = "_comment-author-avatar_bymws_71", Hn = "_comment-author-name_bymws_95", z = {
|
|
600
602
|
"comments-overlay": "_comments-overlay_bymws_1",
|
|
601
|
-
commentsOverlay:
|
|
603
|
+
commentsOverlay: Nn,
|
|
602
604
|
"comments-container": "_comments-container_bymws_10",
|
|
603
|
-
commentsContainer:
|
|
604
|
-
kebab:
|
|
605
|
-
comment:
|
|
605
|
+
commentsContainer: In,
|
|
606
|
+
kebab: En,
|
|
607
|
+
comment: Sn,
|
|
606
608
|
"comment-text": "_comment-text_bymws_51",
|
|
607
|
-
commentText:
|
|
609
|
+
commentText: An,
|
|
608
610
|
"comment-author-avatar": "_comment-author-avatar_bymws_71",
|
|
609
|
-
commentAuthorAvatar:
|
|
611
|
+
commentAuthorAvatar: Tn,
|
|
610
612
|
"comment-author-name": "_comment-author-name_bymws_95",
|
|
611
|
-
commentAuthorName:
|
|
613
|
+
commentAuthorName: Hn
|
|
612
614
|
};
|
|
613
|
-
function
|
|
615
|
+
function Vn({ comment: e }) {
|
|
614
616
|
return e.render ? e.render(e, z) : /* @__PURE__ */ l("div", { className: z.comment, onClick: () => {
|
|
615
617
|
var t;
|
|
616
618
|
return (t = e.onClick) == null ? void 0 : t.call(e, e);
|
|
@@ -627,12 +629,12 @@ function An({ comment: e }) {
|
|
|
627
629
|
/* @__PURE__ */ n("span", { className: z.commentAuthorName, children: e.user.name })
|
|
628
630
|
] });
|
|
629
631
|
}
|
|
630
|
-
const
|
|
631
|
-
function
|
|
632
|
+
const Rn = 4;
|
|
633
|
+
function On({
|
|
632
634
|
comments: e,
|
|
633
635
|
isKebabMenuVisible: t
|
|
634
636
|
}) {
|
|
635
|
-
const o = v(), i =
|
|
637
|
+
const o = v(), i = Pn(e, Rn), s = !!b("textTrack"), a = i.map((r) => /* @__PURE__ */ n(Vn, { comment: r }, r.id));
|
|
636
638
|
return e.length > 0 && o.state.commentsEnabled ? /* @__PURE__ */ n(
|
|
637
639
|
"div",
|
|
638
640
|
{
|
|
@@ -643,7 +645,7 @@ function Hn({
|
|
|
643
645
|
children: /* @__PURE__ */ n(
|
|
644
646
|
"div",
|
|
645
647
|
{
|
|
646
|
-
className:
|
|
648
|
+
className: me(z.commentsContainer, {
|
|
647
649
|
[z.kebab]: t
|
|
648
650
|
}),
|
|
649
651
|
children: s ? a.slice(-3) : a
|
|
@@ -652,26 +654,26 @@ function Hn({
|
|
|
652
654
|
}
|
|
653
655
|
) : null;
|
|
654
656
|
}
|
|
655
|
-
function
|
|
657
|
+
function Bn({ renderOverlay: e }) {
|
|
656
658
|
const t = v();
|
|
657
659
|
return e(t);
|
|
658
660
|
}
|
|
659
|
-
const
|
|
661
|
+
const Fn = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), Dn = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }), Zn = "_settings-menu_1gbpr_1", jn = "_menu-heading_1gbpr_37", qn = "_check-icon_1gbpr_48", Kn = "_trash-icon_1gbpr_49", zn = "_menu-item-label_1gbpr_62", $n = "_menu-item_1gbpr_62", Un = "_menu-back-button_1gbpr_99", Gn = "_arrow_1gbpr_125", j = {
|
|
660
662
|
"settings-menu": "_settings-menu_1gbpr_1",
|
|
661
|
-
settingsMenu:
|
|
663
|
+
settingsMenu: Zn,
|
|
662
664
|
"menu-heading": "_menu-heading_1gbpr_37",
|
|
663
|
-
menuHeading:
|
|
665
|
+
menuHeading: jn,
|
|
664
666
|
"check-icon": "_check-icon_1gbpr_48",
|
|
665
|
-
checkIcon:
|
|
667
|
+
checkIcon: qn,
|
|
666
668
|
"trash-icon": "_trash-icon_1gbpr_49",
|
|
667
|
-
trashIcon:
|
|
669
|
+
trashIcon: Kn,
|
|
668
670
|
"menu-item-label": "_menu-item-label_1gbpr_62",
|
|
669
|
-
menuItemLabel:
|
|
671
|
+
menuItemLabel: zn,
|
|
670
672
|
"menu-item": "_menu-item_1gbpr_62",
|
|
671
|
-
menuItem:
|
|
673
|
+
menuItem: $n,
|
|
672
674
|
"menu-back-button": "_menu-back-button_1gbpr_99",
|
|
673
|
-
menuBackButton:
|
|
674
|
-
arrow:
|
|
675
|
+
menuBackButton: Un,
|
|
676
|
+
arrow: Gn
|
|
675
677
|
};
|
|
676
678
|
function G({
|
|
677
679
|
noBackButton: e,
|
|
@@ -689,7 +691,7 @@ function G({
|
|
|
689
691
|
className: j.menuBackButton,
|
|
690
692
|
onClick: i.back,
|
|
691
693
|
children: [
|
|
692
|
-
/* @__PURE__ */ n(
|
|
694
|
+
/* @__PURE__ */ n(Dn, {}),
|
|
693
695
|
/* @__PURE__ */ n("span", { children: s("BACK") })
|
|
694
696
|
]
|
|
695
697
|
}
|
|
@@ -706,15 +708,15 @@ function G({
|
|
|
706
708
|
o
|
|
707
709
|
] });
|
|
708
710
|
}
|
|
709
|
-
const
|
|
711
|
+
const Qn = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 3.03704L7.03704 2L14.037 9L7.03704 16L6 14.963L11.963 9L6 3.03704Z", fill: "currentColor" }) }), Wn = "_menu-hint_1wiu5_1", Yn = "_menu-button_1wiu5_5", Xn = "_menu-label_1wiu5_37", Jn = "_menu-icon_1wiu5_42", ce = {
|
|
710
712
|
"menu-hint": "_menu-hint_1wiu5_1",
|
|
711
|
-
menuHint:
|
|
713
|
+
menuHint: Wn,
|
|
712
714
|
"menu-button": "_menu-button_1wiu5_5",
|
|
713
|
-
menuButton:
|
|
715
|
+
menuButton: Yn,
|
|
714
716
|
"menu-label": "_menu-label_1wiu5_37",
|
|
715
|
-
menuLabel:
|
|
717
|
+
menuLabel: Xn,
|
|
716
718
|
"menu-icon": "_menu-icon_1wiu5_42",
|
|
717
|
-
menuIcon:
|
|
719
|
+
menuIcon: Jn
|
|
718
720
|
};
|
|
719
721
|
function ee({ label: e, hint: t, onClick: o, Icon: i }) {
|
|
720
722
|
return /* @__PURE__ */ l(
|
|
@@ -725,18 +727,18 @@ function ee({ label: e, hint: t, onClick: o, Icon: i }) {
|
|
|
725
727
|
"aria-haspopup": "true",
|
|
726
728
|
tabIndex: -1,
|
|
727
729
|
onClick: o,
|
|
728
|
-
className:
|
|
730
|
+
className: ce.menuButton,
|
|
729
731
|
children: [
|
|
730
|
-
i && /* @__PURE__ */ n(i, { className:
|
|
731
|
-
/* @__PURE__ */ n("span", { className:
|
|
732
|
-
t && /* @__PURE__ */ n("span", { className:
|
|
733
|
-
/* @__PURE__ */ n(
|
|
732
|
+
i && /* @__PURE__ */ n(i, { className: ce.menuIcon }),
|
|
733
|
+
/* @__PURE__ */ n("span", { className: ce.menuLabel, children: e }),
|
|
734
|
+
t && /* @__PURE__ */ n("span", { className: ce.menuHint, children: t }),
|
|
735
|
+
/* @__PURE__ */ n(Qn, {})
|
|
734
736
|
]
|
|
735
737
|
}
|
|
736
738
|
);
|
|
737
739
|
}
|
|
738
|
-
const
|
|
739
|
-
function
|
|
740
|
+
const eo = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) });
|
|
741
|
+
function to() {
|
|
740
742
|
const e = $(), t = b("playbackRate"), { t: o } = f(), i = p(() => {
|
|
741
743
|
e.setPage("speed");
|
|
742
744
|
}, [e]);
|
|
@@ -746,11 +748,11 @@ function Xn() {
|
|
|
746
748
|
label: o("PLAYBACK_SPEED"),
|
|
747
749
|
hint: `${t}x`,
|
|
748
750
|
onClick: i,
|
|
749
|
-
Icon:
|
|
751
|
+
Icon: eo
|
|
750
752
|
}
|
|
751
753
|
);
|
|
752
754
|
}
|
|
753
|
-
const
|
|
755
|
+
const no = (e) => /* @__PURE__ */ l("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
754
756
|
/* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_412_23039", children: /* @__PURE__ */ n("rect", { width: 18, height: 18, fill: "white" }) }) }),
|
|
755
757
|
/* @__PURE__ */ l("g", { clipPath: "url(#clip0_412_23039)", children: [
|
|
756
758
|
/* @__PURE__ */ n("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" }),
|
|
@@ -765,7 +767,7 @@ function nt(e) {
|
|
|
765
767
|
const i = o > t, s = i ? t : o, a = i ? o : t;
|
|
766
768
|
return s >= 1400 || a >= 2500 ? "1440p" : s >= 1e3 || a >= 1800 ? "1080p" : s >= 700 || a >= 1200 ? "720p" : s >= 460 || a >= 800 ? "480p" : s >= 300 || a >= 540 ? "360p" : s >= 200 || a >= 360 ? "240p" : "144p";
|
|
767
769
|
}
|
|
768
|
-
function
|
|
770
|
+
function oo() {
|
|
769
771
|
const e = $(), t = b("autoQuality"), o = b("quality"), { t: i } = f(), s = p(() => {
|
|
770
772
|
e.setPage("quality");
|
|
771
773
|
}, [e]);
|
|
@@ -778,11 +780,11 @@ function eo() {
|
|
|
778
780
|
label: i("QUALITY"),
|
|
779
781
|
hint: t ? i("AUTO", { quality: a }) : a,
|
|
780
782
|
onClick: s,
|
|
781
|
-
Icon:
|
|
783
|
+
Icon: no
|
|
782
784
|
}
|
|
783
785
|
);
|
|
784
786
|
}
|
|
785
|
-
function
|
|
787
|
+
function io() {
|
|
786
788
|
const e = $(), t = b("hasCaptions"), o = b("textTrack"), { t: i } = f(), s = p(() => {
|
|
787
789
|
e.setPage("captions");
|
|
788
790
|
}, [e]);
|
|
@@ -796,19 +798,19 @@ function to() {
|
|
|
796
798
|
}
|
|
797
799
|
) : null;
|
|
798
800
|
}
|
|
799
|
-
const
|
|
801
|
+
const so = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), ao = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), ro = "_switch-track_7nhpo_1", lo = "_switch-thumb_7nhpo_17", co = "_switch-icon_7nhpo_31", uo = "_switch-body_7nhpo_37", mo = "_switch-label_7nhpo_78", ho = "_menu-icon_7nhpo_82", U = {
|
|
800
802
|
"switch-track": "_switch-track_7nhpo_1",
|
|
801
|
-
switchTrack:
|
|
803
|
+
switchTrack: ro,
|
|
802
804
|
"switch-thumb": "_switch-thumb_7nhpo_17",
|
|
803
|
-
switchThumb:
|
|
805
|
+
switchThumb: lo,
|
|
804
806
|
"switch-icon": "_switch-icon_7nhpo_31",
|
|
805
|
-
switchIcon:
|
|
807
|
+
switchIcon: co,
|
|
806
808
|
"switch-body": "_switch-body_7nhpo_37",
|
|
807
|
-
switchBody:
|
|
809
|
+
switchBody: uo,
|
|
808
810
|
"switch-label": "_switch-label_7nhpo_78",
|
|
809
|
-
switchLabel:
|
|
811
|
+
switchLabel: mo,
|
|
810
812
|
"menu-icon": "_menu-icon_7nhpo_82",
|
|
811
|
-
menuIcon:
|
|
813
|
+
menuIcon: ho
|
|
812
814
|
};
|
|
813
815
|
function Ae({
|
|
814
816
|
label: e,
|
|
@@ -828,34 +830,34 @@ function Ae({
|
|
|
828
830
|
children: [
|
|
829
831
|
i && /* @__PURE__ */ n(i, { className: U.menuIcon }),
|
|
830
832
|
/* @__PURE__ */ n("span", { className: U.switchLabel, children: e }),
|
|
831
|
-
/* @__PURE__ */ n("div", { className: U.switchTrack, children: /* @__PURE__ */ n("div", { className: U.switchThumb, children: t ? /* @__PURE__ */ n(
|
|
833
|
+
/* @__PURE__ */ n("div", { className: U.switchTrack, children: /* @__PURE__ */ n("div", { className: U.switchThumb, children: t ? /* @__PURE__ */ n(so, { className: U.switchIcon }) : /* @__PURE__ */ n(ao, { className: U.switchIcon }) }) })
|
|
832
834
|
]
|
|
833
835
|
}
|
|
834
836
|
);
|
|
835
837
|
}
|
|
836
|
-
const
|
|
837
|
-
function
|
|
838
|
+
const po = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) });
|
|
839
|
+
function fo() {
|
|
838
840
|
const { t: e } = f(), t = k(), o = v();
|
|
839
841
|
return !t.forceComments && t.hasComments ? /* @__PURE__ */ n(
|
|
840
842
|
Ae,
|
|
841
843
|
{
|
|
842
|
-
Icon:
|
|
844
|
+
Icon: po,
|
|
843
845
|
label: e("COMMENTS"),
|
|
844
846
|
onClick: o.toggleComments,
|
|
845
847
|
checked: o.state.commentsEnabled
|
|
846
848
|
}
|
|
847
849
|
) : null;
|
|
848
850
|
}
|
|
849
|
-
function
|
|
851
|
+
function _o() {
|
|
850
852
|
return /* @__PURE__ */ l(G, { noBackButton: !0, children: [
|
|
851
|
-
/* @__PURE__ */ n(Xn, {}),
|
|
852
853
|
/* @__PURE__ */ n(to, {}),
|
|
853
|
-
/* @__PURE__ */ n(
|
|
854
|
-
/* @__PURE__ */ n(
|
|
854
|
+
/* @__PURE__ */ n(io, {}),
|
|
855
|
+
/* @__PURE__ */ n(fo, {}),
|
|
856
|
+
/* @__PURE__ */ n(oo, {})
|
|
855
857
|
] });
|
|
856
858
|
}
|
|
857
|
-
const
|
|
858
|
-
function
|
|
859
|
+
const go = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) });
|
|
860
|
+
function _e({ selected: e, label: t, onClick: o }) {
|
|
859
861
|
return /* @__PURE__ */ l(
|
|
860
862
|
"button",
|
|
861
863
|
{
|
|
@@ -866,19 +868,19 @@ function fe({ selected: e, label: t, onClick: o }) {
|
|
|
866
868
|
tabIndex: -1,
|
|
867
869
|
className: j.menuItem,
|
|
868
870
|
children: [
|
|
869
|
-
/* @__PURE__ */ n(
|
|
871
|
+
/* @__PURE__ */ n(go, { className: j.checkIcon }),
|
|
870
872
|
/* @__PURE__ */ n("span", { className: j.menuItemLabel, children: t })
|
|
871
873
|
]
|
|
872
874
|
}
|
|
873
875
|
);
|
|
874
876
|
}
|
|
875
|
-
function
|
|
876
|
-
const e =
|
|
877
|
+
function Co() {
|
|
878
|
+
const e = kt({
|
|
877
879
|
rates: X,
|
|
878
880
|
normalLabel: "1x"
|
|
879
881
|
}), { t } = f();
|
|
880
882
|
return /* @__PURE__ */ n(G, { heading: t("PLAYBACK_SPEED"), children: e.map(({ value: o, label: i, select: s, selected: a }) => /* @__PURE__ */ n(
|
|
881
|
-
|
|
883
|
+
_e,
|
|
882
884
|
{
|
|
883
885
|
selected: a,
|
|
884
886
|
onClick: () => s(),
|
|
@@ -887,13 +889,13 @@ function fo() {
|
|
|
887
889
|
o
|
|
888
890
|
)) });
|
|
889
891
|
}
|
|
890
|
-
function
|
|
892
|
+
function bo() {
|
|
891
893
|
const e = $(), { t } = f(), o = p(() => {
|
|
892
894
|
e.setPage("captionManage");
|
|
893
895
|
}, [e]);
|
|
894
896
|
return /* @__PURE__ */ n(ee, { label: t("CAPTIONS_MANAGE"), onClick: o });
|
|
895
897
|
}
|
|
896
|
-
function
|
|
898
|
+
function vo() {
|
|
897
899
|
const { t: e } = f(), t = v(), o = $(), i = p(() => {
|
|
898
900
|
o.setPage("captionFontSize");
|
|
899
901
|
}, [o]);
|
|
@@ -906,7 +908,7 @@ function go() {
|
|
|
906
908
|
}
|
|
907
909
|
);
|
|
908
910
|
}
|
|
909
|
-
function
|
|
911
|
+
function wo() {
|
|
910
912
|
const e = $(), t = b("textTrack"), { t: o } = f(), { disableCaptionSettings: i } = v(), s = p(() => {
|
|
911
913
|
e.setPage("captionLanguage");
|
|
912
914
|
}, [e]);
|
|
@@ -919,7 +921,7 @@ function Co() {
|
|
|
919
921
|
}
|
|
920
922
|
);
|
|
921
923
|
}
|
|
922
|
-
function
|
|
924
|
+
function yo() {
|
|
923
925
|
const { t: e } = f(), t = v();
|
|
924
926
|
return /* @__PURE__ */ n(
|
|
925
927
|
Ae,
|
|
@@ -930,7 +932,7 @@ function bo() {
|
|
|
930
932
|
}
|
|
931
933
|
);
|
|
932
934
|
}
|
|
933
|
-
function
|
|
935
|
+
function ko() {
|
|
934
936
|
const { t: e } = f(), t = v();
|
|
935
937
|
return /* @__PURE__ */ n(
|
|
936
938
|
Ae,
|
|
@@ -941,20 +943,20 @@ function vo() {
|
|
|
941
943
|
}
|
|
942
944
|
);
|
|
943
945
|
}
|
|
944
|
-
function
|
|
946
|
+
function Lo() {
|
|
945
947
|
const e = k(), { t } = f();
|
|
946
948
|
return /* @__PURE__ */ l(G, { heading: t("CAPTIONS"), children: [
|
|
947
|
-
/* @__PURE__ */ n(
|
|
948
|
-
/* @__PURE__ */ n(go, {}),
|
|
949
|
-
/* @__PURE__ */ n(bo, {}),
|
|
949
|
+
/* @__PURE__ */ n(wo, {}),
|
|
950
950
|
/* @__PURE__ */ n(vo, {}),
|
|
951
|
-
|
|
951
|
+
/* @__PURE__ */ n(yo, {}),
|
|
952
|
+
/* @__PURE__ */ n(ko, {}),
|
|
953
|
+
e.onCaptionsDelete && /* @__PURE__ */ n(bo, {})
|
|
952
954
|
] });
|
|
953
955
|
}
|
|
954
|
-
function
|
|
955
|
-
const e =
|
|
956
|
+
function xo() {
|
|
957
|
+
const e = Lt(), { t } = f();
|
|
956
958
|
return /* @__PURE__ */ n(G, { heading: t("CAPTIONS_LANGUAGE"), children: e.map(({ value: o, label: i, select: s, selected: a }) => /* @__PURE__ */ n(
|
|
957
|
-
|
|
959
|
+
_e,
|
|
958
960
|
{
|
|
959
961
|
selected: a,
|
|
960
962
|
onClick: () => s(),
|
|
@@ -963,10 +965,10 @@ function yo() {
|
|
|
963
965
|
o
|
|
964
966
|
)) });
|
|
965
967
|
}
|
|
966
|
-
function
|
|
968
|
+
function Mo() {
|
|
967
969
|
const e = v(), { t } = f();
|
|
968
|
-
return /* @__PURE__ */ n(G, { heading: t("CAPTION_FONT_SIZE"), children:
|
|
969
|
-
|
|
970
|
+
return /* @__PURE__ */ n(G, { heading: t("CAPTION_FONT_SIZE"), children: kn.map((o) => /* @__PURE__ */ n(
|
|
971
|
+
_e,
|
|
970
972
|
{
|
|
971
973
|
selected: o === e.state.captionsFontSizeMultiplier,
|
|
972
974
|
onClick: () => {
|
|
@@ -985,7 +987,7 @@ const $ = () => {
|
|
|
985
987
|
);
|
|
986
988
|
return e;
|
|
987
989
|
};
|
|
988
|
-
function
|
|
990
|
+
function Po() {
|
|
989
991
|
const e = $(), t = k(), { t: o } = f();
|
|
990
992
|
return V(() => {
|
|
991
993
|
t.captions.length === 0 && e.backToMain();
|
|
@@ -1008,10 +1010,10 @@ function Lo() {
|
|
|
1008
1010
|
i.language
|
|
1009
1011
|
)) });
|
|
1010
1012
|
}
|
|
1011
|
-
function
|
|
1012
|
-
const e = b("autoQuality"), t =
|
|
1013
|
+
function No() {
|
|
1014
|
+
const e = b("autoQuality"), t = xt({ sort: "descending" }), { t: o } = f();
|
|
1013
1015
|
return /* @__PURE__ */ n(G, { heading: o("QUALITY"), children: t.map(({ value: i, select: s, selected: a, label: r, quality: c }) => /* @__PURE__ */ n(
|
|
1014
|
-
|
|
1016
|
+
_e,
|
|
1015
1017
|
{
|
|
1016
1018
|
selected: i === "auto" && e || a && !e,
|
|
1017
1019
|
onClick: () => s(),
|
|
@@ -1020,11 +1022,11 @@ function xo() {
|
|
|
1020
1022
|
i
|
|
1021
1023
|
)) });
|
|
1022
1024
|
}
|
|
1023
|
-
function
|
|
1025
|
+
function Io(e, t) {
|
|
1024
1026
|
const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(t);
|
|
1025
1027
|
return o[i - 1] ?? null;
|
|
1026
1028
|
}
|
|
1027
|
-
function
|
|
1029
|
+
function Eo(e, t) {
|
|
1028
1030
|
const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(t);
|
|
1029
1031
|
return o[i + 1] ?? null;
|
|
1030
1032
|
}
|
|
@@ -1035,14 +1037,14 @@ function Fe(e) {
|
|
|
1035
1037
|
const t = Array.from(e.querySelectorAll("button"));
|
|
1036
1038
|
return t[t.length - 1] ?? null;
|
|
1037
1039
|
}
|
|
1038
|
-
function
|
|
1040
|
+
function So(e, t) {
|
|
1039
1041
|
const o = K(null), i = q(
|
|
1040
1042
|
() => ({
|
|
1041
1043
|
Escape: e.toggle,
|
|
1042
1044
|
ArrowUp: () => {
|
|
1043
1045
|
const s = document.activeElement;
|
|
1044
1046
|
if (s && o.current && o.current.contains(s)) {
|
|
1045
|
-
const a =
|
|
1047
|
+
const a = Io(
|
|
1046
1048
|
o.current,
|
|
1047
1049
|
s
|
|
1048
1050
|
);
|
|
@@ -1060,7 +1062,7 @@ function No(e, t) {
|
|
|
1060
1062
|
ArrowDown: () => {
|
|
1061
1063
|
const s = document.activeElement;
|
|
1062
1064
|
if (s && o.current && o.current.contains(s)) {
|
|
1063
|
-
const a =
|
|
1065
|
+
const a = Eo(
|
|
1064
1066
|
o.current,
|
|
1065
1067
|
s
|
|
1066
1068
|
);
|
|
@@ -1085,25 +1087,25 @@ function No(e, t) {
|
|
|
1085
1087
|
);
|
|
1086
1088
|
return Se(i, !0, t), o;
|
|
1087
1089
|
}
|
|
1088
|
-
const ot = ye(null),
|
|
1089
|
-
main:
|
|
1090
|
-
speed:
|
|
1091
|
-
captions:
|
|
1092
|
-
captionLanguage:
|
|
1093
|
-
captionFontSize:
|
|
1094
|
-
captionManage:
|
|
1095
|
-
quality:
|
|
1096
|
-
},
|
|
1090
|
+
const ot = ye(null), Ao = {
|
|
1091
|
+
main: _o,
|
|
1092
|
+
speed: Co,
|
|
1093
|
+
captions: Lo,
|
|
1094
|
+
captionLanguage: xo,
|
|
1095
|
+
captionFontSize: Mo,
|
|
1096
|
+
captionManage: Po,
|
|
1097
|
+
quality: No
|
|
1098
|
+
}, To = {
|
|
1097
1099
|
name: "middleware",
|
|
1098
1100
|
async fn(e) {
|
|
1099
|
-
const t = await
|
|
1101
|
+
const t = await Ot(e);
|
|
1100
1102
|
return {
|
|
1101
1103
|
x: e.x - t.right - 4,
|
|
1102
1104
|
y: e.y - 4
|
|
1103
1105
|
};
|
|
1104
1106
|
}
|
|
1105
1107
|
};
|
|
1106
|
-
function
|
|
1108
|
+
function Ho() {
|
|
1107
1109
|
const e = v(), [t, o] = y(["main"]), [i, s] = y(!1), a = p(() => {
|
|
1108
1110
|
s(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
|
|
1109
1111
|
}, [i]), r = p((N) => {
|
|
@@ -1112,16 +1114,16 @@ function So() {
|
|
|
1112
1114
|
o((N) => N.length > 1 ? N.slice(0, -1) : N);
|
|
1113
1115
|
}, []), u = p(() => {
|
|
1114
1116
|
o(["main"]);
|
|
1115
|
-
}, []), d = q(() =>
|
|
1117
|
+
}, []), d = q(() => Ao[t[t.length - 1]], [t]), { refs: _, floatingStyles: g, context: w } = pe({
|
|
1116
1118
|
open: i,
|
|
1117
1119
|
onOpenChange: a,
|
|
1118
1120
|
placement: "top-end",
|
|
1119
|
-
whileElementsMounted:
|
|
1120
|
-
middleware: [
|
|
1121
|
+
whileElementsMounted: fe,
|
|
1122
|
+
middleware: [To]
|
|
1121
1123
|
}), P = Pe(w, { escapeKey: !1 }), { getReferenceProps: L, getFloatingProps: E } = Ne([P]), h = q(
|
|
1122
1124
|
() => ({ setPage: r, back: c, backToMain: u, toggle: a }),
|
|
1123
1125
|
[r, c, u, a]
|
|
1124
|
-
), C =
|
|
1126
|
+
), C = So(h, i), A = $e([_.setFloating, C]);
|
|
1125
1127
|
return {
|
|
1126
1128
|
Page: d,
|
|
1127
1129
|
open: i,
|
|
@@ -1139,7 +1141,7 @@ function So() {
|
|
|
1139
1141
|
contextValue: h
|
|
1140
1142
|
};
|
|
1141
1143
|
}
|
|
1142
|
-
function
|
|
1144
|
+
function Vo() {
|
|
1143
1145
|
const {
|
|
1144
1146
|
Page: e,
|
|
1145
1147
|
context: t,
|
|
@@ -1150,7 +1152,7 @@ function Ao() {
|
|
|
1150
1152
|
floatingRef: r,
|
|
1151
1153
|
referenceRef: c,
|
|
1152
1154
|
contextValue: u
|
|
1153
|
-
} =
|
|
1155
|
+
} = Ho(), { t: d } = f();
|
|
1154
1156
|
return /* @__PURE__ */ l(J, { children: [
|
|
1155
1157
|
/* @__PURE__ */ n(
|
|
1156
1158
|
"button",
|
|
@@ -1163,7 +1165,7 @@ function Ao() {
|
|
|
1163
1165
|
"aria-expanded": a,
|
|
1164
1166
|
"aria-haspopup": "true",
|
|
1165
1167
|
...s(),
|
|
1166
|
-
children: /* @__PURE__ */ n(
|
|
1168
|
+
children: /* @__PURE__ */ n(Fn, { className: "controls-button-icon icon-rotate" })
|
|
1167
1169
|
}
|
|
1168
1170
|
),
|
|
1169
1171
|
a && /* @__PURE__ */ n(
|
|
@@ -1213,17 +1215,17 @@ function it(e, t = 1e3) {
|
|
|
1213
1215
|
}, [t]), s;
|
|
1214
1216
|
};
|
|
1215
1217
|
}
|
|
1216
|
-
const Te = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), He = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }),
|
|
1218
|
+
const Te = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), He = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), Ro = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), Oo = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), st = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), at = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), rt = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), Bo = "_feedback-overlay_3kkqe_1", Fo = "_feedback-message_3kkqe_14", Do = "_feedback-icon_3kkqe_30", Zo = "_feedback-icon-animation_3kkqe_1", I = {
|
|
1217
1219
|
"feedback-overlay": "_feedback-overlay_3kkqe_1",
|
|
1218
|
-
feedbackOverlay:
|
|
1220
|
+
feedbackOverlay: Bo,
|
|
1219
1221
|
"feedback-message": "_feedback-message_3kkqe_14",
|
|
1220
|
-
feedbackMessage:
|
|
1222
|
+
feedbackMessage: Fo,
|
|
1221
1223
|
"feedback-icon": "_feedback-icon_3kkqe_30",
|
|
1222
|
-
feedbackIcon:
|
|
1224
|
+
feedbackIcon: Do,
|
|
1223
1225
|
"feedback-icon-animation": "_feedback-icon-animation_3kkqe_1",
|
|
1224
|
-
feedbackIconAnimation:
|
|
1226
|
+
feedbackIconAnimation: Zo
|
|
1225
1227
|
};
|
|
1226
|
-
function
|
|
1228
|
+
function jo({ action: e }) {
|
|
1227
1229
|
const t = R();
|
|
1228
1230
|
if (!t)
|
|
1229
1231
|
return null;
|
|
@@ -1232,10 +1234,10 @@ function Fo({ action: e }) {
|
|
|
1232
1234
|
return /* @__PURE__ */ n("i", { className: I.feedbackIcon, children: t.paused ? /* @__PURE__ */ n(Te, {}) : /* @__PURE__ */ n(He, {}) });
|
|
1233
1235
|
case "seekForward":
|
|
1234
1236
|
case "seekForward10":
|
|
1235
|
-
return /* @__PURE__ */ n("i", { className: I.feedbackIcon, children: /* @__PURE__ */ n(
|
|
1237
|
+
return /* @__PURE__ */ n("i", { className: I.feedbackIcon, children: /* @__PURE__ */ n(Ro, { className: "right" }) });
|
|
1236
1238
|
case "seekBackward":
|
|
1237
1239
|
case "seekBackward10":
|
|
1238
|
-
return /* @__PURE__ */ n("i", { className: I.feedbackIcon, children: /* @__PURE__ */ n(
|
|
1240
|
+
return /* @__PURE__ */ n("i", { className: I.feedbackIcon, children: /* @__PURE__ */ n(Oo, { className: "left" }) });
|
|
1239
1241
|
case "captionsChange":
|
|
1240
1242
|
return /* @__PURE__ */ n("i", { className: I.feedbackIcon, children: /* @__PURE__ */ n(Je, {}) });
|
|
1241
1243
|
case "volumeChange":
|
|
@@ -1244,7 +1246,7 @@ function Fo({ action: e }) {
|
|
|
1244
1246
|
return null;
|
|
1245
1247
|
}
|
|
1246
1248
|
}
|
|
1247
|
-
function
|
|
1249
|
+
function qo({ action: e }) {
|
|
1248
1250
|
const { t } = f(), o = R();
|
|
1249
1251
|
if (!o)
|
|
1250
1252
|
return null;
|
|
@@ -1269,18 +1271,18 @@ function Do({ action: e }) {
|
|
|
1269
1271
|
return null;
|
|
1270
1272
|
}
|
|
1271
1273
|
}
|
|
1272
|
-
const
|
|
1274
|
+
const Ko = it(jo, 300), zo = it(qo, 1e3);
|
|
1273
1275
|
function lt() {
|
|
1274
1276
|
return /* @__PURE__ */ l("div", { className: I.feedbackOverlay, children: [
|
|
1275
|
-
/* @__PURE__ */ n(
|
|
1276
|
-
/* @__PURE__ */ n(
|
|
1277
|
+
/* @__PURE__ */ n(Ko, {}),
|
|
1278
|
+
/* @__PURE__ */ n(zo, {})
|
|
1277
1279
|
] });
|
|
1278
1280
|
}
|
|
1279
|
-
const
|
|
1281
|
+
const $o = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), Uo = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), Go = "_full-screen-button_1xm32_2", Qo = {
|
|
1280
1282
|
"full-screen-button": "_full-screen-button_1xm32_2",
|
|
1281
|
-
fullScreenButton:
|
|
1283
|
+
fullScreenButton: Go
|
|
1282
1284
|
};
|
|
1283
|
-
function
|
|
1285
|
+
function Wo() {
|
|
1284
1286
|
const e = b("fullscreen"), t = R(), o = v(), i = k(), { t: s } = f();
|
|
1285
1287
|
return i.hideFullScreen ? null : /* @__PURE__ */ n(
|
|
1286
1288
|
"button",
|
|
@@ -1289,37 +1291,37 @@ function Uo() {
|
|
|
1289
1291
|
type: "button",
|
|
1290
1292
|
"aria-label": s(e ? "EXIT_FULLSCREEN" : "ENTER_FULLSCREEN"),
|
|
1291
1293
|
tabIndex: o.state.interactionsDisabled ? -1 : 0,
|
|
1292
|
-
className: `controls-button ${
|
|
1294
|
+
className: `controls-button ${Qo.fullScreenButton}`,
|
|
1293
1295
|
onClick: () => {
|
|
1294
1296
|
e ? t == null || t.exitFullscreen() : t == null || t.enterFullscreen();
|
|
1295
1297
|
},
|
|
1296
|
-
children: e ? /* @__PURE__ */ n(
|
|
1298
|
+
children: e ? /* @__PURE__ */ n(Uo, { className: "controls-button-icon" }) : /* @__PURE__ */ n($o, { className: "controls-button-icon" })
|
|
1297
1299
|
}
|
|
1298
1300
|
);
|
|
1299
1301
|
}
|
|
1300
|
-
const
|
|
1302
|
+
const Yo = "_gestures-container_1fn3b_1", Xo = "_gesture_1fn3b_1", De = {
|
|
1301
1303
|
"gestures-container": "_gestures-container_1fn3b_1",
|
|
1302
|
-
gesturesContainer:
|
|
1303
|
-
gesture:
|
|
1304
|
+
gesturesContainer: Yo,
|
|
1305
|
+
gesture: Xo
|
|
1304
1306
|
};
|
|
1305
|
-
function
|
|
1306
|
-
const e =
|
|
1307
|
+
function ct() {
|
|
1308
|
+
const e = he(), t = () => {
|
|
1307
1309
|
e.togglePaused();
|
|
1308
1310
|
};
|
|
1309
1311
|
return /* @__PURE__ */ n("div", { className: De.gesturesContainer, children: /* @__PURE__ */ n("div", { "aria-hidden": !0, className: De.gesture, onClick: t }) });
|
|
1310
1312
|
}
|
|
1311
|
-
const
|
|
1313
|
+
const Jo = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 0V2.66667C17.1453 2.66667 21.3333 6.85333 21.3333 12C21.3333 17.1467 17.1453 21.3333 12 21.3333C6.85467 21.3333 2.66667 17.1467 2.66667 12C2.66667 9.53733 3.64667 7.21867 5.33333 5.49067V8.66667H8V1.33333H0.666667V4H3.05467C1.108 6.176 0 9.012 0 12C0 18.616 5.38267 24 12 24C18.6173 24 24 18.616 24 12C24 5.384 18.6173 0 12 0Z", fill: "currentColor" }) }), e1 = "_play-pause-button_1834v_1", t1 = {
|
|
1312
1314
|
"play-pause-button": "_play-pause-button_1834v_1",
|
|
1313
|
-
playPauseButton:
|
|
1315
|
+
playPauseButton: e1
|
|
1314
1316
|
};
|
|
1315
|
-
function
|
|
1316
|
-
return t ?
|
|
1317
|
+
function n1(e, t) {
|
|
1318
|
+
return t ? Jo : e ? He : Te;
|
|
1317
1319
|
}
|
|
1318
|
-
function
|
|
1320
|
+
function o1(e, t) {
|
|
1319
1321
|
return t ? "REPLAY" : e ? "PLAY" : "PAUSE";
|
|
1320
1322
|
}
|
|
1321
|
-
function
|
|
1322
|
-
const e = R(), t = v(), o = b("paused"), i = b("ended"), { t: s } = f(), a = K(null), r =
|
|
1323
|
+
function i1() {
|
|
1324
|
+
const e = R(), t = v(), o = b("paused"), i = b("ended"), { t: s } = f(), a = K(null), r = n1(o, i);
|
|
1323
1325
|
return V(() => {
|
|
1324
1326
|
const c = new AbortController();
|
|
1325
1327
|
return e == null || e.addEventListener(
|
|
@@ -1340,8 +1342,8 @@ function n1() {
|
|
|
1340
1342
|
ref: a,
|
|
1341
1343
|
role: "button",
|
|
1342
1344
|
type: "button",
|
|
1343
|
-
className: `controls-button ${
|
|
1344
|
-
"aria-label": s(
|
|
1345
|
+
className: `controls-button ${t1.playPauseButton}`,
|
|
1346
|
+
"aria-label": s(o1(o, i)),
|
|
1345
1347
|
tabIndex: t.state.interactionsDisabled ? -1 : 0,
|
|
1346
1348
|
onClick: () => {
|
|
1347
1349
|
e.paused ? e.remoteControl.play() : e.remoteControl.pause();
|
|
@@ -1350,111 +1352,111 @@ function n1() {
|
|
|
1350
1352
|
}
|
|
1351
1353
|
) : null;
|
|
1352
1354
|
}
|
|
1353
|
-
const
|
|
1354
|
-
poster:
|
|
1355
|
+
const s1 = "_poster_1ry6j_1", a1 = {
|
|
1356
|
+
poster: s1
|
|
1355
1357
|
};
|
|
1356
|
-
function
|
|
1358
|
+
function r1({ src: e, title: t }) {
|
|
1357
1359
|
const o = b("source"), [i, s] = y(!1), { t: a } = f();
|
|
1358
1360
|
return V(() => {
|
|
1359
1361
|
if (!e || i) return;
|
|
1360
1362
|
const r = new Image();
|
|
1361
1363
|
r.onload = () => s(!0), r.src = e;
|
|
1362
1364
|
}, [e]), o.type === "video/youtube" || o.type === "video/vimeo" || !i ? null : /* @__PURE__ */ n(
|
|
1363
|
-
|
|
1365
|
+
Mt,
|
|
1364
1366
|
{
|
|
1365
1367
|
src: e,
|
|
1366
|
-
className:
|
|
1368
|
+
className: a1.poster,
|
|
1367
1369
|
alt: a("POSTER_ALT", { title: t })
|
|
1368
1370
|
}
|
|
1369
1371
|
);
|
|
1370
1372
|
}
|
|
1371
|
-
const
|
|
1373
|
+
const l1 = "_small-layout-overlay_4hkng_1", c1 = "_small-layout-button_4hkng_14", u1 = "_small-layout-icon-play_4hkng_24", d1 = "_small-layout-icon-pause_4hkng_30", m1 = "_small-layout-timestamp_4hkng_36", h1 = "_full-screen-close-icon_4hkng_49", p1 = "_fade-out_4hkng_1", W = {
|
|
1372
1374
|
"small-layout-overlay": "_small-layout-overlay_4hkng_1",
|
|
1373
|
-
smallLayoutOverlay:
|
|
1375
|
+
smallLayoutOverlay: l1,
|
|
1374
1376
|
"small-layout-button": "_small-layout-button_4hkng_14",
|
|
1375
|
-
smallLayoutButton:
|
|
1377
|
+
smallLayoutButton: c1,
|
|
1376
1378
|
"small-layout-icon-play": "_small-layout-icon-play_4hkng_24",
|
|
1377
|
-
smallLayoutIconPlay:
|
|
1379
|
+
smallLayoutIconPlay: u1,
|
|
1378
1380
|
"small-layout-icon-pause": "_small-layout-icon-pause_4hkng_30",
|
|
1379
|
-
smallLayoutIconPause:
|
|
1381
|
+
smallLayoutIconPause: d1,
|
|
1380
1382
|
"small-layout-timestamp": "_small-layout-timestamp_4hkng_36",
|
|
1381
|
-
smallLayoutTimestamp:
|
|
1383
|
+
smallLayoutTimestamp: m1,
|
|
1382
1384
|
"full-screen-close-icon": "_full-screen-close-icon_4hkng_49",
|
|
1383
|
-
fullScreenCloseIcon:
|
|
1385
|
+
fullScreenCloseIcon: h1,
|
|
1384
1386
|
"fade-out": "_fade-out_4hkng_1",
|
|
1385
|
-
fadeOut:
|
|
1387
|
+
fadeOut: p1
|
|
1386
1388
|
};
|
|
1387
|
-
function
|
|
1389
|
+
function ut() {
|
|
1388
1390
|
const e = b("paused");
|
|
1389
1391
|
return /* @__PURE__ */ l("div", { className: W.smallLayoutOverlay, children: [
|
|
1390
|
-
/* @__PURE__ */ n(
|
|
1392
|
+
/* @__PURE__ */ n(Pt, { className: W.fullScreenCloseIcon, children: /* @__PURE__ */ n(We, {}) }),
|
|
1391
1393
|
/* @__PURE__ */ n("i", { className: W.smallLayoutButton, children: e ? /* @__PURE__ */ n(He, { className: W.smallLayoutIconPlay }) : /* @__PURE__ */ n(Te, { className: W.smallLayoutIconPause }) }),
|
|
1392
1394
|
/* @__PURE__ */ l("div", { className: W.smallLayoutTimestamp, children: [
|
|
1393
|
-
/* @__PURE__ */ n(
|
|
1395
|
+
/* @__PURE__ */ n(de, { type: "current" }),
|
|
1394
1396
|
"/",
|
|
1395
|
-
/* @__PURE__ */ n(
|
|
1397
|
+
/* @__PURE__ */ n(de, { type: "duration" })
|
|
1396
1398
|
] })
|
|
1397
1399
|
] });
|
|
1398
1400
|
}
|
|
1399
|
-
const
|
|
1401
|
+
const f1 = "_time-indicator_1uygf_1", _1 = {
|
|
1400
1402
|
"time-indicator": "_time-indicator_1uygf_1",
|
|
1401
|
-
timeIndicator:
|
|
1403
|
+
timeIndicator: f1
|
|
1402
1404
|
};
|
|
1403
|
-
function
|
|
1404
|
-
return /* @__PURE__ */ l("div", { className:
|
|
1405
|
-
/* @__PURE__ */ n(
|
|
1405
|
+
function g1() {
|
|
1406
|
+
return /* @__PURE__ */ l("div", { className: _1.timeIndicator, children: [
|
|
1407
|
+
/* @__PURE__ */ n(de, { type: "current" }),
|
|
1406
1408
|
"/",
|
|
1407
|
-
/* @__PURE__ */ n(
|
|
1409
|
+
/* @__PURE__ */ n(de, { type: "duration" })
|
|
1408
1410
|
] });
|
|
1409
1411
|
}
|
|
1410
|
-
const
|
|
1412
|
+
const C1 = "_comment-markers_tqdlg_1", b1 = "_comment-marker_tqdlg_1", v1 = "_timeline-wrapper_tqdlg_23", w1 = "_timeline-wrapper-compact_tqdlg_24", y1 = "_track_tqdlg_33", k1 = "_thumb_tqdlg_46", L1 = "_root_tqdlg_60", x1 = "_track-inner_tqdlg_90", M1 = "_progress_tqdlg_96", P1 = "_track-fill_tqdlg_102", N1 = "_pins_tqdlg_119", I1 = "_pin-button_tqdlg_127", E1 = "_annotation-pin_tqdlg_153", S1 = "_quiz-pin_tqdlg_162", A1 = "_annotation-pin-child_tqdlg_171", T1 = "_quiz-pin-child_tqdlg_175", H1 = "_interactive-pin-container_tqdlg_180", V1 = "_interactive-pin-wrapper_tqdlg_187", R1 = "_interactive-pin-icon_tqdlg_193", O1 = "_interactive-pin_tqdlg_180", B1 = "_bg_tqdlg_207", F1 = "_symbol_tqdlg_211", D1 = "_interactive-pin-button_tqdlg_216", Z1 = "_interactive-pin-menu_tqdlg_245", j1 = "_interactive-pin-menu-item_tqdlg_266", q1 = "_arrow_tqdlg_292", K1 = "_tooltip_tqdlg_296", z1 = "_tooltip-arrow_tqdlg_305", m = {
|
|
1411
1413
|
"comment-markers": "_comment-markers_tqdlg_1",
|
|
1412
|
-
commentMarkers:
|
|
1414
|
+
commentMarkers: C1,
|
|
1413
1415
|
"comment-marker": "_comment-marker_tqdlg_1",
|
|
1414
|
-
commentMarker:
|
|
1416
|
+
commentMarker: b1,
|
|
1415
1417
|
"timeline-wrapper": "_timeline-wrapper_tqdlg_23",
|
|
1416
|
-
timelineWrapper:
|
|
1418
|
+
timelineWrapper: v1,
|
|
1417
1419
|
"timeline-wrapper-compact": "_timeline-wrapper-compact_tqdlg_24",
|
|
1418
|
-
timelineWrapperCompact:
|
|
1419
|
-
track:
|
|
1420
|
-
thumb:
|
|
1421
|
-
root:
|
|
1420
|
+
timelineWrapperCompact: w1,
|
|
1421
|
+
track: y1,
|
|
1422
|
+
thumb: k1,
|
|
1423
|
+
root: L1,
|
|
1422
1424
|
"track-inner": "_track-inner_tqdlg_90",
|
|
1423
|
-
trackInner:
|
|
1424
|
-
progress:
|
|
1425
|
+
trackInner: x1,
|
|
1426
|
+
progress: M1,
|
|
1425
1427
|
"track-fill": "_track-fill_tqdlg_102",
|
|
1426
|
-
trackFill:
|
|
1427
|
-
pins:
|
|
1428
|
+
trackFill: P1,
|
|
1429
|
+
pins: N1,
|
|
1428
1430
|
"pin-button": "_pin-button_tqdlg_127",
|
|
1429
|
-
pinButton:
|
|
1431
|
+
pinButton: I1,
|
|
1430
1432
|
"annotation-pin": "_annotation-pin_tqdlg_153",
|
|
1431
|
-
annotationPin:
|
|
1433
|
+
annotationPin: E1,
|
|
1432
1434
|
"quiz-pin": "_quiz-pin_tqdlg_162",
|
|
1433
|
-
quizPin:
|
|
1435
|
+
quizPin: S1,
|
|
1434
1436
|
"annotation-pin-child": "_annotation-pin-child_tqdlg_171",
|
|
1435
|
-
annotationPinChild:
|
|
1437
|
+
annotationPinChild: A1,
|
|
1436
1438
|
"quiz-pin-child": "_quiz-pin-child_tqdlg_175",
|
|
1437
|
-
quizPinChild:
|
|
1439
|
+
quizPinChild: T1,
|
|
1438
1440
|
"interactive-pin-container": "_interactive-pin-container_tqdlg_180",
|
|
1439
|
-
interactivePinContainer:
|
|
1441
|
+
interactivePinContainer: H1,
|
|
1440
1442
|
"interactive-pin-wrapper": "_interactive-pin-wrapper_tqdlg_187",
|
|
1441
|
-
interactivePinWrapper:
|
|
1443
|
+
interactivePinWrapper: V1,
|
|
1442
1444
|
"interactive-pin-icon": "_interactive-pin-icon_tqdlg_193",
|
|
1443
|
-
interactivePinIcon:
|
|
1445
|
+
interactivePinIcon: R1,
|
|
1444
1446
|
"interactive-pin": "_interactive-pin_tqdlg_180",
|
|
1445
|
-
interactivePin:
|
|
1446
|
-
bg:
|
|
1447
|
-
symbol:
|
|
1447
|
+
interactivePin: O1,
|
|
1448
|
+
bg: B1,
|
|
1449
|
+
symbol: F1,
|
|
1448
1450
|
"interactive-pin-button": "_interactive-pin-button_tqdlg_216",
|
|
1449
|
-
interactivePinButton:
|
|
1451
|
+
interactivePinButton: D1,
|
|
1450
1452
|
"interactive-pin-menu": "_interactive-pin-menu_tqdlg_245",
|
|
1451
|
-
interactivePinMenu:
|
|
1453
|
+
interactivePinMenu: Z1,
|
|
1452
1454
|
"interactive-pin-menu-item": "_interactive-pin-menu-item_tqdlg_266",
|
|
1453
|
-
interactivePinMenuItem:
|
|
1454
|
-
arrow:
|
|
1455
|
-
tooltip:
|
|
1455
|
+
interactivePinMenuItem: j1,
|
|
1456
|
+
arrow: q1,
|
|
1457
|
+
tooltip: K1,
|
|
1456
1458
|
"tooltip-arrow": "_tooltip-arrow_tqdlg_305",
|
|
1457
|
-
tooltipArrow:
|
|
1459
|
+
tooltipArrow: z1
|
|
1458
1460
|
};
|
|
1459
1461
|
function Ze() {
|
|
1460
1462
|
const e = b("duration"), t = k(), o = v();
|
|
@@ -1469,17 +1471,17 @@ function Ze() {
|
|
|
1469
1471
|
i.id
|
|
1470
1472
|
)) }) : null;
|
|
1471
1473
|
}
|
|
1472
|
-
const
|
|
1474
|
+
const $1 = bt(function({ currentTime: t, position: o }, i) {
|
|
1473
1475
|
const [s, a] = y(!1), [r, c] = y(null), u = k(), d = v(), _ = p(() => {
|
|
1474
1476
|
u.interactiveMenuElements.length > 0 ? a((Z) => (d.setGlobalKeysDisabled(!Z), !Z)) : u.onInteractivePinClick(t);
|
|
1475
1477
|
}, [
|
|
1476
1478
|
u.interactiveMenuElements,
|
|
1477
1479
|
u.onInteractivePinClick,
|
|
1478
1480
|
t
|
|
1479
|
-
]), g = K(null), { refs: w, floatingStyles: P, context: L } =
|
|
1481
|
+
]), g = K(null), { refs: w, floatingStyles: P, context: L } = pe({
|
|
1480
1482
|
open: s,
|
|
1481
1483
|
onOpenChange: _,
|
|
1482
|
-
whileElementsMounted:
|
|
1484
|
+
whileElementsMounted: fe,
|
|
1483
1485
|
placement: "top",
|
|
1484
1486
|
middleware: [
|
|
1485
1487
|
Le(),
|
|
@@ -1562,15 +1564,15 @@ const z1 = _t(function({ currentTime: t, position: o }, i) {
|
|
|
1562
1564
|
...N(),
|
|
1563
1565
|
children: [
|
|
1564
1566
|
u.interactiveMenuElements.map(
|
|
1565
|
-
({ id: Z, text:
|
|
1567
|
+
({ id: Z, text: te, onClick: ge }, ne) => /* @__PURE__ */ l(
|
|
1566
1568
|
"button",
|
|
1567
1569
|
{
|
|
1568
1570
|
type: "button",
|
|
1569
1571
|
className: m.interactivePinMenuItem,
|
|
1570
|
-
ref: (
|
|
1571
|
-
E.current[
|
|
1572
|
+
ref: (ie) => {
|
|
1573
|
+
E.current[ne] = ie;
|
|
1572
1574
|
},
|
|
1573
|
-
tabIndex: r ===
|
|
1575
|
+
tabIndex: r === ne ? 0 : -1,
|
|
1574
1576
|
...S({
|
|
1575
1577
|
onClick: () => {
|
|
1576
1578
|
ge(Z, t), a(!1), d.setGlobalKeysDisabled(!1);
|
|
@@ -1596,7 +1598,7 @@ const z1 = _t(function({ currentTime: t, position: o }, i) {
|
|
|
1596
1598
|
)
|
|
1597
1599
|
}
|
|
1598
1600
|
),
|
|
1599
|
-
|
|
1601
|
+
te
|
|
1600
1602
|
]
|
|
1601
1603
|
},
|
|
1602
1604
|
Z
|
|
@@ -1614,7 +1616,7 @@ const z1 = _t(function({ currentTime: t, position: o }, i) {
|
|
|
1614
1616
|
}
|
|
1615
1617
|
) })
|
|
1616
1618
|
] });
|
|
1617
|
-
}),
|
|
1619
|
+
}), U1 = () => {
|
|
1618
1620
|
const e = K(!1), t = K(!1), o = q(() => ({
|
|
1619
1621
|
ArrowLeft: () => {
|
|
1620
1622
|
t.current = !0;
|
|
@@ -1634,13 +1636,13 @@ const z1 = _t(function({ currentTime: t, position: o }, i) {
|
|
|
1634
1636
|
}), e.current && s.focus());
|
|
1635
1637
|
}, []), wasPinFocused: e.current };
|
|
1636
1638
|
};
|
|
1637
|
-
function
|
|
1639
|
+
function G1() {
|
|
1638
1640
|
var c;
|
|
1639
1641
|
const e = b("duration"), t = b("currentTime"), o = t / e * 100, { disableInteractivePinRanges: i } = k(), s = !i.some(
|
|
1640
1642
|
([u, d]) => t >= u && t <= d
|
|
1641
|
-
), { wasPinFocused: a, focusCallback: r } =
|
|
1643
|
+
), { wasPinFocused: a, focusCallback: r } = U1();
|
|
1642
1644
|
return s ? /* @__PURE__ */ n("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ n("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ n(
|
|
1643
|
-
|
|
1645
|
+
$1,
|
|
1644
1646
|
{
|
|
1645
1647
|
ref: r,
|
|
1646
1648
|
currentTime: t,
|
|
@@ -1648,17 +1650,17 @@ function U1() {
|
|
|
1648
1650
|
}
|
|
1649
1651
|
) }) }) : (a && ((c = document.querySelector("[data-media-time-slider]")) == null || c.focus()), null);
|
|
1650
1652
|
}
|
|
1651
|
-
function
|
|
1653
|
+
function Q1() {
|
|
1652
1654
|
const e = b("paused"), t = v();
|
|
1653
|
-
return e && !t.state.interactionsDisabled ? /* @__PURE__ */ n(
|
|
1655
|
+
return e && !t.state.interactionsDisabled ? /* @__PURE__ */ n(G1, {}) : null;
|
|
1654
1656
|
}
|
|
1655
|
-
const
|
|
1657
|
+
const W1 = {
|
|
1656
1658
|
annotation: m.annotationPin,
|
|
1657
1659
|
quiz: m.quizPin
|
|
1658
|
-
},
|
|
1660
|
+
}, Y1 = (e, t, o, i = !1) => t === "annotation" ? e("OPEN_ANNOTATION_AT", { time: ve(o) }) : t === "quiz" ? e(i ? "OPEN_COMPLETED_QUIZ_AT" : "OPEN_QUIZ_AT", {
|
|
1659
1661
|
time: ve(o)
|
|
1660
1662
|
}) : "";
|
|
1661
|
-
function
|
|
1663
|
+
function dt({
|
|
1662
1664
|
type: e,
|
|
1663
1665
|
position: t,
|
|
1664
1666
|
children: o,
|
|
@@ -1677,11 +1679,11 @@ function ct({
|
|
|
1677
1679
|
style: { left: `${t}%` },
|
|
1678
1680
|
onClick: i,
|
|
1679
1681
|
"data-marker-id": s,
|
|
1680
|
-
"aria-label":
|
|
1682
|
+
"aria-label": Y1(u, e, a, r),
|
|
1681
1683
|
children: /* @__PURE__ */ l(
|
|
1682
1684
|
"svg",
|
|
1683
1685
|
{
|
|
1684
|
-
className:
|
|
1686
|
+
className: W1[e],
|
|
1685
1687
|
width: "26",
|
|
1686
1688
|
height: "32",
|
|
1687
1689
|
viewBox: "0 0 26 32",
|
|
@@ -1695,8 +1697,8 @@ function ct({
|
|
|
1695
1697
|
}
|
|
1696
1698
|
);
|
|
1697
1699
|
}
|
|
1698
|
-
function
|
|
1699
|
-
return /* @__PURE__ */ n(
|
|
1700
|
+
function X1(e) {
|
|
1701
|
+
return /* @__PURE__ */ n(dt, { type: "annotation", ...e, children: /* @__PURE__ */ n(
|
|
1700
1702
|
"path",
|
|
1701
1703
|
{
|
|
1702
1704
|
className: m.annotationPinChild,
|
|
@@ -1708,7 +1710,7 @@ function Y1(e) {
|
|
|
1708
1710
|
}
|
|
1709
1711
|
) });
|
|
1710
1712
|
}
|
|
1711
|
-
function
|
|
1713
|
+
function J1(e) {
|
|
1712
1714
|
const t = e.completed ? /* @__PURE__ */ n(
|
|
1713
1715
|
"path",
|
|
1714
1716
|
{
|
|
@@ -1732,9 +1734,9 @@ function X1(e) {
|
|
|
1732
1734
|
children: e.ordinal
|
|
1733
1735
|
}
|
|
1734
1736
|
);
|
|
1735
|
-
return /* @__PURE__ */ n(
|
|
1737
|
+
return /* @__PURE__ */ n(dt, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ n("circle", { className: m.quizPinChild, cx: "13", cy: "13", r: "6" }) : t });
|
|
1736
1738
|
}
|
|
1737
|
-
function
|
|
1739
|
+
function ei(e, t) {
|
|
1738
1740
|
return e.map((o, i) => ({
|
|
1739
1741
|
id: o.id,
|
|
1740
1742
|
time: o.time,
|
|
@@ -1743,7 +1745,7 @@ function J1(e, t) {
|
|
|
1743
1745
|
onClick: () => t(o)
|
|
1744
1746
|
}));
|
|
1745
1747
|
}
|
|
1746
|
-
function
|
|
1748
|
+
function ti(e, t) {
|
|
1747
1749
|
const o = /* @__PURE__ */ new Map();
|
|
1748
1750
|
e.forEach((a) => {
|
|
1749
1751
|
var c;
|
|
@@ -1764,12 +1766,12 @@ function ei(e, t) {
|
|
|
1764
1766
|
}), s++;
|
|
1765
1767
|
}), i;
|
|
1766
1768
|
}
|
|
1767
|
-
function
|
|
1769
|
+
function ni(e, t, o, i) {
|
|
1768
1770
|
switch (e.type) {
|
|
1769
1771
|
case "annotation": {
|
|
1770
1772
|
const s = () => i ? e.onClick() : o.seek(e.time);
|
|
1771
1773
|
return /* @__PURE__ */ n(
|
|
1772
|
-
|
|
1774
|
+
X1,
|
|
1773
1775
|
{
|
|
1774
1776
|
id: e.id,
|
|
1775
1777
|
position: e.time / t * 100,
|
|
@@ -1781,7 +1783,7 @@ function ti(e, t, o, i) {
|
|
|
1781
1783
|
}
|
|
1782
1784
|
case "quiz":
|
|
1783
1785
|
return /* @__PURE__ */ n(
|
|
1784
|
-
|
|
1786
|
+
J1,
|
|
1785
1787
|
{
|
|
1786
1788
|
id: e.id,
|
|
1787
1789
|
position: e.time / t * 100,
|
|
@@ -1797,17 +1799,20 @@ function ti(e, t, o, i) {
|
|
|
1797
1799
|
return null;
|
|
1798
1800
|
}
|
|
1799
1801
|
}
|
|
1800
|
-
function
|
|
1801
|
-
const e =
|
|
1802
|
-
...
|
|
1802
|
+
function oi() {
|
|
1803
|
+
const e = he(), t = b("duration"), o = k(), i = q(() => [
|
|
1804
|
+
...ei(
|
|
1803
1805
|
o.annotations,
|
|
1804
1806
|
o.onAnnotationClick
|
|
1805
1807
|
),
|
|
1806
|
-
...
|
|
1807
|
-
|
|
1808
|
-
|
|
1808
|
+
...o.hideQuizMarkers ? [] : ti(
|
|
1809
|
+
o.quizMarkers,
|
|
1810
|
+
o.onQuizMarkerClick
|
|
1811
|
+
)
|
|
1812
|
+
].sort((a, r) => a.time - r.time).map((a) => ni(a, t, e, o.interactive)), [o.annotations, o.quizMarkers, t, e]);
|
|
1813
|
+
return i.length > 0 ? /* @__PURE__ */ n("div", { className: m.pins, children: i }) : null;
|
|
1809
1814
|
}
|
|
1810
|
-
const
|
|
1815
|
+
const ii = {
|
|
1811
1816
|
normal: m.timelineWrapper,
|
|
1812
1817
|
compact: m.timelineWrapperCompact
|
|
1813
1818
|
};
|
|
@@ -1816,10 +1821,10 @@ function je({
|
|
|
1816
1821
|
interactionsDisabled: t,
|
|
1817
1822
|
children: o
|
|
1818
1823
|
}) {
|
|
1819
|
-
const [i, s] = y(!1), a = p(() => s(!0), []), r = p(() => s(!1), []), c = K(null), { refs: u, floatingStyles: d, context: _ } =
|
|
1824
|
+
const [i, s] = y(!1), a = p(() => s(!0), []), r = p(() => s(!1), []), c = K(null), { refs: u, floatingStyles: d, context: _ } = pe({
|
|
1820
1825
|
open: i,
|
|
1821
1826
|
onOpenChange: s,
|
|
1822
|
-
whileElementsMounted: (g, w, P) =>
|
|
1827
|
+
whileElementsMounted: (g, w, P) => fe(g, w, P, {
|
|
1823
1828
|
animationFrame: !0
|
|
1824
1829
|
}),
|
|
1825
1830
|
placement: "top",
|
|
@@ -1831,7 +1836,7 @@ function je({
|
|
|
1831
1836
|
})
|
|
1832
1837
|
]
|
|
1833
1838
|
});
|
|
1834
|
-
return /* @__PURE__ */ l("div", { className:
|
|
1839
|
+
return /* @__PURE__ */ l("div", { className: ii[e], children: [
|
|
1835
1840
|
o,
|
|
1836
1841
|
/* @__PURE__ */ l(
|
|
1837
1842
|
Q.Root,
|
|
@@ -1845,13 +1850,13 @@ function je({
|
|
|
1845
1850
|
/* @__PURE__ */ n(
|
|
1846
1851
|
Q.Progress,
|
|
1847
1852
|
{
|
|
1848
|
-
className:
|
|
1853
|
+
className: me(m.progress, m.trackInner)
|
|
1849
1854
|
}
|
|
1850
1855
|
),
|
|
1851
1856
|
/* @__PURE__ */ n(
|
|
1852
1857
|
Q.TrackFill,
|
|
1853
1858
|
{
|
|
1854
|
-
className:
|
|
1859
|
+
className: me(m.trackFill, m.trackInner)
|
|
1855
1860
|
}
|
|
1856
1861
|
)
|
|
1857
1862
|
] }),
|
|
@@ -1883,17 +1888,17 @@ function je({
|
|
|
1883
1888
|
)
|
|
1884
1889
|
] });
|
|
1885
1890
|
}
|
|
1886
|
-
const
|
|
1887
|
-
wrapper:
|
|
1888
|
-
track:
|
|
1889
|
-
thumb:
|
|
1891
|
+
const si = "_wrapper_1ijfr_1", ai = "_track_1ijfr_6", ri = "_thumb_1ijfr_16", li = "_track-fill_1ijfr_30", ci = "_root_1ijfr_49", oe = {
|
|
1892
|
+
wrapper: si,
|
|
1893
|
+
track: ai,
|
|
1894
|
+
thumb: ri,
|
|
1890
1895
|
"track-fill": "_track-fill_1ijfr_30",
|
|
1891
|
-
trackFill:
|
|
1892
|
-
root:
|
|
1896
|
+
trackFill: li,
|
|
1897
|
+
root: ci
|
|
1893
1898
|
};
|
|
1894
|
-
function
|
|
1899
|
+
function ui() {
|
|
1895
1900
|
const e = R(), t = b("volume"), o = b("muted"), i = v(), s = o || t === 0, { t: a } = f();
|
|
1896
|
-
return /* @__PURE__ */ l("div", { className:
|
|
1901
|
+
return /* @__PURE__ */ l("div", { className: oe.wrapper, children: [
|
|
1897
1902
|
/* @__PURE__ */ n(
|
|
1898
1903
|
"button",
|
|
1899
1904
|
{
|
|
@@ -1909,13 +1914,13 @@ function ci() {
|
|
|
1909
1914
|
}
|
|
1910
1915
|
),
|
|
1911
1916
|
/* @__PURE__ */ l(
|
|
1912
|
-
|
|
1917
|
+
re.Root,
|
|
1913
1918
|
{
|
|
1914
|
-
className:
|
|
1919
|
+
className: oe.root,
|
|
1915
1920
|
tabIndex: i.state.interactionsDisabled ? -1 : 0,
|
|
1916
1921
|
children: [
|
|
1917
|
-
/* @__PURE__ */ n(
|
|
1918
|
-
/* @__PURE__ */ n(
|
|
1922
|
+
/* @__PURE__ */ n(re.Track, { className: oe.track, children: /* @__PURE__ */ n(re.TrackFill, { className: oe.trackFill }) }),
|
|
1923
|
+
/* @__PURE__ */ n(re.Thumb, { className: oe.thumb })
|
|
1919
1924
|
]
|
|
1920
1925
|
}
|
|
1921
1926
|
)
|
|
@@ -2059,16 +2064,16 @@ const qe = {
|
|
|
2059
2064
|
}
|
|
2060
2065
|
}
|
|
2061
2066
|
};
|
|
2062
|
-
function
|
|
2067
|
+
function di(e) {
|
|
2063
2068
|
return Array.isArray(e) && typeof e[0] == "object";
|
|
2064
2069
|
}
|
|
2065
|
-
function
|
|
2066
|
-
return
|
|
2070
|
+
function mi(e) {
|
|
2071
|
+
return di(e) && e.length === 1 ? e[0].src : e;
|
|
2067
2072
|
}
|
|
2068
2073
|
function we(e) {
|
|
2069
2074
|
return typeof e == "number" && !isNaN(e);
|
|
2070
2075
|
}
|
|
2071
|
-
function
|
|
2076
|
+
function hi(e, t = 1e3) {
|
|
2072
2077
|
let o = !1;
|
|
2073
2078
|
return () => {
|
|
2074
2079
|
o || (e(), o = !0, setTimeout(() => {
|
|
@@ -2087,7 +2092,7 @@ const Ke = {
|
|
|
2087
2092
|
invert: !1,
|
|
2088
2093
|
comments: !1
|
|
2089
2094
|
};
|
|
2090
|
-
class
|
|
2095
|
+
class pi {
|
|
2091
2096
|
constructor() {
|
|
2092
2097
|
B(this, "playerId", "studio-player");
|
|
2093
2098
|
B(this, "mediaId", null);
|
|
@@ -2099,7 +2104,7 @@ class hi {
|
|
|
2099
2104
|
const t = (this.time ?? 0).toString();
|
|
2100
2105
|
localStorage.setItem(this.mediaId, t);
|
|
2101
2106
|
});
|
|
2102
|
-
B(this, "saveTimeThrottled",
|
|
2107
|
+
B(this, "saveTimeThrottled", hi(this.saveTime, 1e3));
|
|
2103
2108
|
// only used for useStudioPlayer hook's state initialization
|
|
2104
2109
|
B(this, "initializeState", (t) => {
|
|
2105
2110
|
const o = localStorage.getItem(this.playerId);
|
|
@@ -2194,8 +2199,8 @@ class hi {
|
|
|
2194
2199
|
localStorage.setItem(this.playerId, t);
|
|
2195
2200
|
}
|
|
2196
2201
|
}
|
|
2197
|
-
function
|
|
2198
|
-
const s = q(() => new
|
|
2202
|
+
function fi(e, t, o, i) {
|
|
2203
|
+
const s = q(() => new pi(), []), [a, r] = y(
|
|
2199
2204
|
s.initializeState(i)
|
|
2200
2205
|
), c = p(
|
|
2201
2206
|
(h) => {
|
|
@@ -2273,7 +2278,7 @@ function pi(e, t, o, i) {
|
|
|
2273
2278
|
storage: s
|
|
2274
2279
|
};
|
|
2275
2280
|
}
|
|
2276
|
-
const
|
|
2281
|
+
const _i = (e) => /* @__PURE__ */ n("svg", { width: 56, height: 72, viewBox: "0 0 28 36", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("g", { id: "Icons", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ l("g", { id: "audio", children: [
|
|
2277
2282
|
/* @__PURE__ */ l("g", { id: "icon-file-base-2", children: [
|
|
2278
2283
|
/* @__PURE__ */ n("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" }),
|
|
2279
2284
|
/* @__PURE__ */ n("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" }),
|
|
@@ -2281,20 +2286,22 @@ const fi = (e) => /* @__PURE__ */ n("svg", { width: 56, height: 72, viewBox: "0
|
|
|
2281
2286
|
] }),
|
|
2282
2287
|
/* @__PURE__ */ n("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" })
|
|
2283
2288
|
] }) }) });
|
|
2284
|
-
function
|
|
2289
|
+
function gi() {
|
|
2285
2290
|
const e = k();
|
|
2286
2291
|
return /* @__PURE__ */ l("div", { className: "audio-layout-wrapper", children: [
|
|
2287
|
-
/* @__PURE__ */ n(
|
|
2292
|
+
/* @__PURE__ */ n(_i, {}),
|
|
2288
2293
|
/* @__PURE__ */ n(lt, {}),
|
|
2289
2294
|
/* @__PURE__ */ n(Qe, {}),
|
|
2290
|
-
/* @__PURE__ */ n(et, { captions: e.captions })
|
|
2295
|
+
/* @__PURE__ */ n(et, { captions: e.captions }),
|
|
2296
|
+
/* @__PURE__ */ n(ut, {}),
|
|
2297
|
+
/* @__PURE__ */ n(ct, {})
|
|
2291
2298
|
] });
|
|
2292
2299
|
}
|
|
2293
|
-
function
|
|
2300
|
+
function Ci() {
|
|
2294
2301
|
const e = k(), t = e.kebabMenuElements.length > 0;
|
|
2295
2302
|
return /* @__PURE__ */ l(J, { children: [
|
|
2296
2303
|
/* @__PURE__ */ n(
|
|
2297
|
-
|
|
2304
|
+
r1,
|
|
2298
2305
|
{
|
|
2299
2306
|
src: e.thumbnail,
|
|
2300
2307
|
title: e.title
|
|
@@ -2303,10 +2310,10 @@ function gi() {
|
|
|
2303
2310
|
/* @__PURE__ */ n(lt, {}),
|
|
2304
2311
|
/* @__PURE__ */ n(Qe, {}),
|
|
2305
2312
|
/* @__PURE__ */ n(et, { captions: e.captions }),
|
|
2306
|
-
/* @__PURE__ */ n(
|
|
2307
|
-
/* @__PURE__ */ n(
|
|
2313
|
+
/* @__PURE__ */ n(ut, {}),
|
|
2314
|
+
/* @__PURE__ */ n(ct, {}),
|
|
2308
2315
|
/* @__PURE__ */ n(
|
|
2309
|
-
|
|
2316
|
+
On,
|
|
2310
2317
|
{
|
|
2311
2318
|
comments: e.comments,
|
|
2312
2319
|
isKebabMenuVisible: t
|
|
@@ -2314,17 +2321,17 @@ function gi() {
|
|
|
2314
2321
|
)
|
|
2315
2322
|
] });
|
|
2316
2323
|
}
|
|
2317
|
-
const
|
|
2318
|
-
root:
|
|
2319
|
-
normal:
|
|
2320
|
-
compact:
|
|
2324
|
+
const bi = "_root_5cfhx_1", vi = "_normal_5cfhx_14", wi = "_compact_5cfhx_21", yi = "_left-controls_5cfhx_36", ki = "_right-controls_5cfhx_42", Li = "_indicators_5cfhx_48", Y = {
|
|
2325
|
+
root: bi,
|
|
2326
|
+
normal: vi,
|
|
2327
|
+
compact: wi,
|
|
2321
2328
|
"left-controls": "_left-controls_5cfhx_36",
|
|
2322
|
-
leftControls:
|
|
2329
|
+
leftControls: yi,
|
|
2323
2330
|
"right-controls": "_right-controls_5cfhx_42",
|
|
2324
|
-
rightControls:
|
|
2325
|
-
indicators:
|
|
2331
|
+
rightControls: ki,
|
|
2332
|
+
indicators: Li
|
|
2326
2333
|
};
|
|
2327
|
-
function
|
|
2334
|
+
function xi() {
|
|
2328
2335
|
const e = R(), t = k();
|
|
2329
2336
|
V(() => {
|
|
2330
2337
|
const o = () => {
|
|
@@ -2336,20 +2343,20 @@ function Li() {
|
|
|
2336
2343
|
};
|
|
2337
2344
|
}, [e]);
|
|
2338
2345
|
}
|
|
2339
|
-
function
|
|
2346
|
+
function Mi({
|
|
2340
2347
|
darkMode: e,
|
|
2341
2348
|
playerRef: t,
|
|
2342
2349
|
controlsLayout: o,
|
|
2343
2350
|
showCaptionsButton: i
|
|
2344
2351
|
}) {
|
|
2345
2352
|
const s = R(), a = v(), { hasAnnotations: r, hasQuizmarkers: c, interactive: u } = k(), d = a.state.interactionsDisabled || a.state.isKeyboardShortcutsOpen;
|
|
2346
|
-
return
|
|
2353
|
+
return xi(), V(() => {
|
|
2347
2354
|
s && (s.remoteControl.pauseControls(), t && (typeof t == "function" ? t(s) : t.current = s));
|
|
2348
2355
|
}, [s, t]), /* @__PURE__ */ l(
|
|
2349
2356
|
"div",
|
|
2350
2357
|
{
|
|
2351
2358
|
"data-darkmode": e,
|
|
2352
|
-
className:
|
|
2359
|
+
className: me(Y.root, {
|
|
2353
2360
|
[Y.normal]: o === "normal",
|
|
2354
2361
|
[Y.compact]: o === "compact"
|
|
2355
2362
|
}),
|
|
@@ -2361,17 +2368,17 @@ function xi({
|
|
|
2361
2368
|
layout: "normal",
|
|
2362
2369
|
interactionsDisabled: a.state.interactionsDisabled,
|
|
2363
2370
|
children: [
|
|
2364
|
-
u || r || c ? /* @__PURE__ */ n(
|
|
2365
|
-
u ? /* @__PURE__ */ n(
|
|
2371
|
+
u || r || c ? /* @__PURE__ */ n(oi, {}) : null,
|
|
2372
|
+
u ? /* @__PURE__ */ n(Q1, {}) : null,
|
|
2366
2373
|
/* @__PURE__ */ n(Ze, {})
|
|
2367
2374
|
]
|
|
2368
2375
|
}
|
|
2369
2376
|
) : null,
|
|
2370
2377
|
/* @__PURE__ */ l("div", { className: Y.leftControls, children: [
|
|
2371
|
-
/* @__PURE__ */ n(
|
|
2372
|
-
/* @__PURE__ */ n(
|
|
2378
|
+
/* @__PURE__ */ n(i1, {}),
|
|
2379
|
+
/* @__PURE__ */ n(ui, {})
|
|
2373
2380
|
] }),
|
|
2374
|
-
/* @__PURE__ */ n("div", { className: Y.indicators, children: /* @__PURE__ */ n(
|
|
2381
|
+
/* @__PURE__ */ n("div", { className: Y.indicators, children: /* @__PURE__ */ n(g1, {}) }),
|
|
2375
2382
|
o === "compact" ? /* @__PURE__ */ n(
|
|
2376
2383
|
je,
|
|
2377
2384
|
{
|
|
@@ -2381,31 +2388,31 @@ function xi({
|
|
|
2381
2388
|
}
|
|
2382
2389
|
) : null,
|
|
2383
2390
|
/* @__PURE__ */ l("div", { className: Y.rightControls, children: [
|
|
2384
|
-
i && /* @__PURE__ */ n(
|
|
2385
|
-
/* @__PURE__ */ n(
|
|
2386
|
-
/* @__PURE__ */ n(
|
|
2391
|
+
i && /* @__PURE__ */ n(bn, {}),
|
|
2392
|
+
/* @__PURE__ */ n(Vo, {}),
|
|
2393
|
+
/* @__PURE__ */ n(Wo, {})
|
|
2387
2394
|
] })
|
|
2388
2395
|
]
|
|
2389
2396
|
}
|
|
2390
2397
|
);
|
|
2391
2398
|
}
|
|
2392
|
-
function
|
|
2399
|
+
function Pi(e, t) {
|
|
2393
2400
|
return e.reduce((o, i) => (Object.keys(t).includes(i.id) || (o[i.id] = !0), o), t);
|
|
2394
2401
|
}
|
|
2395
|
-
function
|
|
2402
|
+
function Ni(e, t, o, i, s) {
|
|
2396
2403
|
return (a) => {
|
|
2397
2404
|
const r = a.detail.currentTime, c = !o.paused, u = Math.min(o.duration * 0.05, 2);
|
|
2398
2405
|
r >= e.time && r < e.time + u && !i[e.id] && (s({ ...i, [e.id]: !0 }), t(e, c));
|
|
2399
2406
|
};
|
|
2400
2407
|
}
|
|
2401
|
-
function
|
|
2408
|
+
function Ii() {
|
|
2402
2409
|
const e = R(), { quizMarkers: t, onQuizMarkerShow: o } = k(), [i, s] = y(
|
|
2403
2410
|
t.reduce((a, r) => (a[r.id] = !1, a), {})
|
|
2404
2411
|
);
|
|
2405
2412
|
V(() => {
|
|
2406
2413
|
if (!e)
|
|
2407
2414
|
return;
|
|
2408
|
-
t.length > Object.keys(i).length && s(
|
|
2415
|
+
t.length > Object.keys(i).length && s(Pi(t, i));
|
|
2409
2416
|
const a = [], r = (c) => {
|
|
2410
2417
|
var _;
|
|
2411
2418
|
const u = (_ = c == null ? void 0 : c.request) == null ? void 0 : _.detail, d = t.reduce((g, w) => (g[w.id] = w.time <= u, g), {});
|
|
@@ -2413,7 +2420,7 @@ function Ni() {
|
|
|
2413
2420
|
};
|
|
2414
2421
|
e.addEventListener("seeked", r);
|
|
2415
2422
|
for (const c of t) {
|
|
2416
|
-
const u =
|
|
2423
|
+
const u = Ni(
|
|
2417
2424
|
c,
|
|
2418
2425
|
o,
|
|
2419
2426
|
e,
|
|
@@ -2429,12 +2436,12 @@ function Ni() {
|
|
|
2429
2436
|
};
|
|
2430
2437
|
}, [t, e, i]);
|
|
2431
2438
|
}
|
|
2432
|
-
function
|
|
2433
|
-
return
|
|
2439
|
+
function Ei() {
|
|
2440
|
+
return Ii(), null;
|
|
2434
2441
|
}
|
|
2435
|
-
const
|
|
2442
|
+
const Si = {}, ue = () => {
|
|
2436
2443
|
};
|
|
2437
|
-
function
|
|
2444
|
+
function Di({
|
|
2438
2445
|
title: e,
|
|
2439
2446
|
playerRef: t,
|
|
2440
2447
|
src: o,
|
|
@@ -2446,10 +2453,10 @@ function Fi({
|
|
|
2446
2453
|
annotations: u = [],
|
|
2447
2454
|
quizMarkers: d = [],
|
|
2448
2455
|
interactive: _ = !1,
|
|
2449
|
-
onAnnotationClick: g =
|
|
2450
|
-
onQuizMarkerClick: w =
|
|
2451
|
-
onQuizMarkerShow: P =
|
|
2452
|
-
onInteractivePinClick: L =
|
|
2456
|
+
onAnnotationClick: g = ue,
|
|
2457
|
+
onQuizMarkerClick: w = ue,
|
|
2458
|
+
onQuizMarkerShow: P = ue,
|
|
2459
|
+
onInteractivePinClick: L = ue,
|
|
2453
2460
|
onCaptionsDelete: E,
|
|
2454
2461
|
interactiveMenuElements: h = [],
|
|
2455
2462
|
kebabMenuElements: C = [],
|
|
@@ -2460,12 +2467,13 @@ function Fi({
|
|
|
2460
2467
|
disableStorage: O = !1,
|
|
2461
2468
|
startAt: D,
|
|
2462
2469
|
crossOrigin: Z,
|
|
2463
|
-
captionOffsetOverride:
|
|
2470
|
+
captionOffsetOverride: te,
|
|
2464
2471
|
disableInteractivePinRanges: ge = [],
|
|
2465
|
-
customOverlay:
|
|
2466
|
-
controlsLayout:
|
|
2472
|
+
customOverlay: ne,
|
|
2473
|
+
controlsLayout: ie = "compact",
|
|
2474
|
+
hideQuizMarkers: mt = !1
|
|
2467
2475
|
}) {
|
|
2468
|
-
const { contextValue: Ce, shortcuts:
|
|
2476
|
+
const { contextValue: Ce, shortcuts: ht, storage: pt } = fi(
|
|
2469
2477
|
a,
|
|
2470
2478
|
S,
|
|
2471
2479
|
F,
|
|
@@ -2474,11 +2482,11 @@ function Fi({
|
|
|
2474
2482
|
V(() => {
|
|
2475
2483
|
Ve.changeLanguage(c);
|
|
2476
2484
|
}, [Ve, c]);
|
|
2477
|
-
const [
|
|
2478
|
-
|
|
2485
|
+
const [se, ae] = y("none"), ft = p((T) => {
|
|
2486
|
+
Nt(T) ? ae("audio") : (It(T) || Et(T) || St(T)) && ae("video");
|
|
2479
2487
|
}, []);
|
|
2480
2488
|
return /* @__PURE__ */ n(
|
|
2481
|
-
|
|
2489
|
+
Dt,
|
|
2482
2490
|
{
|
|
2483
2491
|
title: e,
|
|
2484
2492
|
hideFullScreen: a,
|
|
@@ -2497,54 +2505,55 @@ function Fi({
|
|
|
2497
2505
|
forceComments: S,
|
|
2498
2506
|
disableCaptionSettings: F,
|
|
2499
2507
|
disableStorage: O,
|
|
2500
|
-
captionOffsetOverride:
|
|
2508
|
+
captionOffsetOverride: te,
|
|
2501
2509
|
disableInteractivePinRanges: ge,
|
|
2502
2510
|
onQuizMarkerShow: P,
|
|
2503
2511
|
onCaptionsDelete: E,
|
|
2504
|
-
controlsLayout:
|
|
2512
|
+
controlsLayout: ie,
|
|
2505
2513
|
startAt: D,
|
|
2506
|
-
|
|
2507
|
-
|
|
2514
|
+
hideQuizMarkers: mt,
|
|
2515
|
+
children: /* @__PURE__ */ n(Ft, { contextValue: Ce, children: /* @__PURE__ */ l(
|
|
2516
|
+
At,
|
|
2508
2517
|
{
|
|
2509
|
-
"data-version": "1.1.
|
|
2518
|
+
"data-version": "1.1.5",
|
|
2510
2519
|
crossOrigin: Z,
|
|
2511
|
-
storage: O ? null :
|
|
2520
|
+
storage: O ? null : pt,
|
|
2512
2521
|
title: e,
|
|
2513
|
-
src:
|
|
2514
|
-
keyShortcuts:
|
|
2522
|
+
src: mi(o),
|
|
2523
|
+
keyShortcuts: ht,
|
|
2515
2524
|
playsInline: !0,
|
|
2516
2525
|
keyDisabled: Ce.state.interactionsDisabled || Ce.state.globalKeysDisabled,
|
|
2517
2526
|
onTextTracksChange: (T) => {
|
|
2518
2527
|
const Re = T == null ? void 0 : T.findIndex(
|
|
2519
|
-
(
|
|
2528
|
+
(_t) => _t.src === N
|
|
2520
2529
|
);
|
|
2521
2530
|
Re > -1 && (T[Re].mode = "showing");
|
|
2522
2531
|
},
|
|
2523
|
-
onProviderSetup:
|
|
2532
|
+
onProviderSetup: ft,
|
|
2524
2533
|
onQualitiesChange: (T) => {
|
|
2525
|
-
T.length > 0 &&
|
|
2534
|
+
T.length > 0 && se === "none" && ae("video");
|
|
2526
2535
|
},
|
|
2527
2536
|
onLoadedData: () => {
|
|
2528
|
-
|
|
2537
|
+
se === "none" && ae("audio");
|
|
2529
2538
|
},
|
|
2530
2539
|
children: [
|
|
2531
|
-
/* @__PURE__ */ l(
|
|
2532
|
-
|
|
2533
|
-
|
|
2540
|
+
/* @__PURE__ */ l(Tt, { className: Si.mediaProvider, children: [
|
|
2541
|
+
se === "audio" && /* @__PURE__ */ n(gi, {}),
|
|
2542
|
+
se === "video" && /* @__PURE__ */ n(Ci, {})
|
|
2534
2543
|
] }),
|
|
2535
|
-
/* @__PURE__ */ n(
|
|
2536
|
-
|
|
2544
|
+
/* @__PURE__ */ n(Cn, {}),
|
|
2545
|
+
ne && /* @__PURE__ */ n(Bn, { renderOverlay: ne }),
|
|
2537
2546
|
/* @__PURE__ */ n(
|
|
2538
|
-
|
|
2547
|
+
Mi,
|
|
2539
2548
|
{
|
|
2540
2549
|
darkMode: A,
|
|
2541
2550
|
playerRef: t,
|
|
2542
2551
|
showCaptionsButton: !F,
|
|
2543
|
-
controlsLayout:
|
|
2552
|
+
controlsLayout: ie
|
|
2544
2553
|
}
|
|
2545
2554
|
),
|
|
2546
|
-
/* @__PURE__ */ n(
|
|
2547
|
-
!!d.length && /* @__PURE__ */ n(
|
|
2555
|
+
/* @__PURE__ */ n(Kt, { annotations: u }),
|
|
2556
|
+
!!d.length && /* @__PURE__ */ n(Ei, {})
|
|
2548
2557
|
]
|
|
2549
2558
|
}
|
|
2550
2559
|
) })
|
|
@@ -2552,10 +2561,10 @@ function Fi({
|
|
|
2552
2561
|
);
|
|
2553
2562
|
}
|
|
2554
2563
|
export {
|
|
2555
|
-
|
|
2556
|
-
|
|
2564
|
+
kn as CAPTION_FONT_SIZE_MULTIPLIERS,
|
|
2565
|
+
Ln as COMMENT_DURATION,
|
|
2557
2566
|
X as PLAYBACK_RATES,
|
|
2558
|
-
|
|
2567
|
+
Di as StudioPlayer,
|
|
2559
2568
|
b as useMediaState,
|
|
2560
|
-
|
|
2569
|
+
qi as useMediaStore
|
|
2561
2570
|
};
|