@banou/media-player 0.10.4 → 0.10.6

package/dist/index.js

@@ -1,4 +1,4 @@
-import { l as e, n as t, o as n, r, s as i, t as a, u as o } from "./engine-CB5J5kah.js";
+import { l as e, n as t, o as n, r, s as i, t as a, u as o } from "./engine-C6PdWBah.js";
 import { Children as s, Fragment as c, isValidElement as l, useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
 import { css as h, keyframes as g } from "@emotion/react";
 import { createPlayer as _, useContainerAttach as v, useMediaAttach as y } from "@videojs/react";
@@ -41,7 +41,7 @@ var B = {
 	features: [...x, V],
 	displayName: "MediaPlayer"
 }), U = H.usePlayer, W = (e) => {
-	if (!(!e || e === "und")) try {
+	if (e && e !== "und") try {
 		return new Intl.DisplayNames([navigator.language || "en"], {
 			type: "language",
 			fallback: "none"
@@ -49,7 +49,7 @@ var B = {
 	} catch {
 		return;
 	}
-}, G = (e) => e?.replace(/_/g, " ").trim() || void 0, K = (e) => {
+}, G = (e) => e?.replace(/_/g, " ").trim() || void 0, ee = (e) => {
 	let t = e.map((e) => W(e.language) ?? G(e.title) ?? `Track ${e.streamIndex}`), n = t.reduce((e, t) => ({
 		...e,
 		[t]: (e[t] ?? 0) + 1
@@ -61,10 +61,10 @@ var B = {
 			label: (n[i] ?? 0) > 1 && a && a !== i ? `${i} (${a})` : i
 		};
 	});
-}, q = (e) => K(e).map(({ track: e, label: t }) => ({
+}, K = (e) => ee(e).map(({ track: e, label: t }) => ({
 	id: e.streamIndex,
 	label: t
-})), ee = [
+})), q = [
 	0,
 	250,
 	1e3,
@@ -177,7 +177,7 @@ var B = {
 					count: 0,
 					at: t
 				});
-				let n = ee[Math.min(D.current.count, ee.length - 1)];
+				let n = q[Math.min(D.current.count, q.length - 1)];
 				D.current = {
 					count: D.current.count + 1,
 					at: t
@@ -214,13 +214,13 @@ var B = {
 					onSeek: (e) => N.current?.(e),
 					onSubtitleStreams: (e) => {
 						r || a.setSourceState({
-							subtitleTracks: q(e),
+							subtitleTracks: K(e),
 							...j.current ? {} : { selectedSubtitleTrack: e[0]?.streamIndex }
 						});
 					},
 					onAudioStreams: (e, t) => {
 						r || a.setSourceState({
-							audioTracks: q(e),
+							audioTracks: K(e),
 							selectedAudioTrack: t
 						});
 					}
@@ -397,7 +397,9 @@ var B = {
 
   background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.1) 80%, transparent 100%);
   transition: opacity 0.1s cubic-bezier(.4,0,1,1);
-`, pe = h`
+`, pe = g`
+  to { transform: rotate(360deg); }
+`, me = h`
   position: absolute;
   inset: 0;
   z-index: 2;
@@ -413,11 +415,9 @@ var B = {
     border-radius: 50%;
     border: 3px solid rgba(255, 255, 255, 0.25);
     border-top-color: #fff;
-    animation: ${g`
-  to { transform: rotate(360deg); }
-`} 0.8s linear infinite;
+    animation: ${pe} 0.8s linear infinite;
   }
-`, me = h`
+`, he = h`
   position: absolute;
   inset: auto 0 20%;
   z-index: 3;
@@ -427,7 +427,7 @@ var B = {
   ${J.bLarge.regular}
   text-shadow: 0 0 4px rgba(0, 0, 0, 1);
   pointer-events: none;
-`, he = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : "Playback failed", ge = ({ onSubtitleRef: e }) => {
+`, ge = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : "Playback failed", _e = ({ onSubtitleRef: e }) => {
 	let t = U((e) => e.title), n = U((e) => e.hideUI), r = U((e) => e.playbackError), i = U((e) => e.ready), a = U((e) => e.size), o = U((e) => e.waiting), s = U((e) => e.seekingTo);
 	return /* @__PURE__ */ w(S, { children: [
 		t ? /* @__PURE__ */ C("div", {
@@ -439,10 +439,10 @@ var B = {
 			} : {} },
 			children: t
 		}) : void 0,
-		((a ? !i : o) || s !== void 0) && !r ? /* @__PURE__ */ C("div", { css: pe }) : void 0,
+		((a ? !i : o) || s !== void 0) && !r ? /* @__PURE__ */ C("div", { css: me }) : void 0,
 		r ? /* @__PURE__ */ C("div", {
-			css: me,
-			children: he(r)
+			css: he,
+			children: ge(r)
 		}) : void 0,
 		/* @__PURE__ */ C("div", {
 			className: "subtitles",
@@ -450,11 +450,11 @@ var B = {
 			css: de
 		})
 	] });
-}, _e = 1e-4, ve = 1, ye = (e) => Math.max(_e, Math.min(ve, e)) ** 2, be = (e) => Math.max(_e, Math.min(ve, e)) ** (ve / 2), Y = (e) => {
+}, ve = 1e-4, ye = 1, be = (e) => Math.max(ve, Math.min(ye, e)) ** 2, xe = (e) => Math.max(ve, Math.min(ye, e)) ** (ye / 2), Y = (e) => {
 	if (e === void 0) return "0:00";
 	let t = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), r = Math.floor(e % 60);
 	return t > 0 ? `${t}:${n < 10 ? "0" : ""}${n}:${r < 10 ? "0" : ""}${r}` : `${n}:${r < 10 ? "0" : ""}${r}`;
-}, xe = (e, t) => `${Y(e)} / ${Y(t)}`, Se = (e) => h`
+}, Se = (e, t) => `${Y(e)} / ${Y(t)}`, Ce = (e) => h`
   display: flex;
   justify-content: flex-start;
 
@@ -502,17 +502,17 @@ var B = {
 	x: -1,
 	y: -1,
 	anchors: 0
-}, Ce = (e) => {
+}, we = (e) => {
 	X.x = e.clientX, X.y = e.clientY;
-}, we = () => (X.anchors++ === 0 && window.addEventListener("pointermove", Ce, {
+}, Te = () => (X.anchors++ === 0 && window.addEventListener("pointermove", we, {
 	capture: !0,
 	passive: !0
 }), () => {
-	--X.anchors === 0 && window.removeEventListener("pointermove", Ce, { capture: !0 });
+	--X.anchors === 0 && window.removeEventListener("pointermove", we, { capture: !0 });
 }), Z = ({ id: e, toolTipText: t, text: n, delayShow: r = 0, closeDelay: i = 0, offset: a = 20, tooltipPlace: o = "top", disabled: s = !1, size: c = "md" }) => {
 	let l = p(null), u = p(null);
 	return d(() => {
-		let e = we(), t = () => {
+		let e = Te(), t = () => {
 			let e = l.current;
 			if (!e) return;
 			let { left: t, right: n, top: r, bottom: i } = e.getBoundingClientRect();
@@ -534,12 +534,12 @@ var B = {
 		children: n
 	}), !s && /* @__PURE__ */ C(z, {
 		ref: u,
-		css: Se(c),
+		css: Ce(c),
 		id: e,
 		noArrow: !0,
 		children: t
 	})] });
-}, Te = ({ ref: e, onChange: t, orientation: n = "horizontal", disabled: r = !1 }) => {
+}, Ee = ({ ref: e, onChange: t, orientation: n = "horizontal", disabled: r = !1 }) => {
 	let [i, a] = m(!1), o = p(t);
 	o.current = t;
 	let s = p(null), c = u((t, r) => {
@@ -578,26 +578,26 @@ var B = {
 			style: { touchAction: "none" }
 		}
 	};
-}, Ee = 2, De = .005, Oe = "#000", ke = "#0000", Ae = (e, t) => {
+}, De = 2, Oe = .005, ke = "#000", Ae = "#0000", je = (e, t) => {
 	if (!t) return [];
 	let n = /* @__PURE__ */ new Set();
 	for (let { start: r, end: i } of e) for (let e of [r, i]) {
 		let r = e / t;
-		r <= De || r >= 1 - De || n.add(Number((r * 100).toFixed(4)));
+		r <= Oe || r >= .995 || n.add(Number((r * 100).toFixed(4)));
 	}
 	return n.size ? [
 		0,
 		...[...n].sort((e, t) => e - t),
 		100
 	] : [];
-}, je = (e, t) => {
-	let n = Ee / 2, r = e.length - 2, i = [];
+}, Me = (e, t) => {
+	let n = De / 2, r = e.length - 2, i = [];
 	for (let a = 0; a <= r; a += 1) {
 		let o = e[a], s = e[a + 1], c = a === 0 ? "0%" : `calc(${o}% + ${n}px)`, l = a === r ? "100%" : `calc(${s}% - ${n}px)`;
-		i.push(`${t(a) ? Oe : ke} ${c} ${l}`), a !== r && i.push(`${ke} calc(${s}% - ${n}px) calc(${s}% + ${n}px)`);
+		i.push(`${t(a) ? ke : Ae} ${c} ${l}`), a !== r && i.push(`${Ae} calc(${s}% - ${n}px) calc(${s}% + ${n}px)`);
 	}
 	return `linear-gradient(90deg, ${i.join(", ")})`;
-}, Me = /* @__PURE__ */ new Set([
+}, Ne = /* @__PURE__ */ new Set([
 	"op",
 	"ops",
 	"opening",
@@ -605,7 +605,7 @@ var B = {
 	"ncop",
 	"オープニング",
 	"op主題歌"
-]), Ne = /* @__PURE__ */ new Set([
+]), Pe = /* @__PURE__ */ new Set([
 	"ed",
 	"eds",
 	"ending",
@@ -618,13 +618,13 @@ var B = {
 	"エンドカード",
 	"エンドロール",
 	"ed主題歌"
-]), Pe = /* @__PURE__ */ new Set(["intro", "イントロ"]), Fe = /* @__PURE__ */ new Set(["outro", "アウトロ"]), Ie = {
+]), Fe = /* @__PURE__ */ new Set(["intro", "イントロ"]), Ie = /* @__PURE__ */ new Set(["outro", "アウトロ"]), Le = {
 	"credits start": "ending",
 	"credits end": null,
 	"preview end": null,
 	"end credits": "ending",
 	"closing credits": "ending"
-}, Le = /* @__PURE__ */ new Set([
+}, Re = /* @__PURE__ */ new Set([
 	"theme",
 	"themes",
 	"song",
@@ -643,53 +643,53 @@ var B = {
 	"the",
 	"主題歌",
 	"ノンクレジット"
-]), Re = /* @__PURE__ */ new Set([
+]), ze = /* @__PURE__ */ new Set([
 	"post",
 	"pre",
 	"after",
 	"before",
 	"non"
-]), ze = /[-:|~/\\[\]()「」『』【】,.!?"'’]|\s+by\s+/u, Be = (e) => /^chapter\s*\d+$/i.test(e.trim()) || /^\d{1,2}:\d{2}:\d{2}([.,]\d+)?$/.test(e.trim()), Ve = (e) => e.replace(/([a-z぀-ヿ一-鿿])\s*\d+\s*$/u, "$1").split(/[\s_]+/u).map((e) => e.replace(/^[^\w぀-ヿ一-鿿]+|[^\w぀-ヿ一-鿿]+$/gu, "")).filter((e) => e && !/^\d+$/.test(e) && !Le.has(e)), He = (e, t) => {
-	if (Me.has(e)) return "opening";
-	if (Ne.has(e)) return "ending";
+]), Be = /[-:|~/\\[\]()「」『』【】,.!?"'’]|\s+by\s+/u, Ve = (e) => /^chapter\s*\d+$/i.test(e.trim()) || /^\d{1,2}:\d{2}:\d{2}([.,]\d+)?$/.test(e.trim()), He = (e) => e.replace(/([a-z぀-ヿ一-鿿])\s*\d+\s*$/u, "$1").split(/[\s_]+/u).map((e) => e.replace(/^[^\w぀-ヿ一-鿿]+|[^\w぀-ヿ一-鿿]+$/gu, "")).filter((e) => e && !/^\d+$/.test(e) && !Re.has(e)), Ue = (e, t) => {
+	if (Ne.has(e)) return "opening";
+	if (Pe.has(e)) return "ending";
 	if (t) {
-		if (Pe.has(e)) return "opening";
-		if (Fe.has(e)) return "ending";
+		if (Fe.has(e)) return "opening";
+		if (Ie.has(e)) return "ending";
 	}
-}, Ue = (e, t) => {
-	if (Be(e)) return;
+}, We = (e, t) => {
+	if (Ve(e)) return;
 	let n = e.trim().toLowerCase().replace(/\s+/gu, " ");
-	if (n in Ie) return Ie[n] ?? void 0;
-	let r = n.split(ze).map((e) => e.trim()).filter(Boolean);
-	if (r.some((e) => e.split(/[\s_]+/u).some((e) => Re.has(e)))) return;
+	if (n in Le) return Le[n] ?? void 0;
+	let r = n.split(Be).map((e) => e.trim()).filter(Boolean);
+	if (r.some((e) => e.split(/[\s_]+/u).some((e) => ze.has(e)))) return;
 	let i = r.length > 1 ? [r[0], r.at(-1)] : r;
 	for (let e of i) {
-		let n = Ve(e);
+		let n = He(e);
 		if (n.length !== 1) continue;
-		let r = He(n[0], t);
+		let r = Ue(n[0], t);
 		if (r) return r;
 	}
-}, We = 15, Ge = 87, Ke = 93, qe = (e) => {
+}, Ge = 15, Ke = 87, qe = 93, Je = (e) => {
 	let t = e.map(() => void 0), n = e.at(-1)?.end ?? 0;
 	if (!n) return t;
 	let r = e.map((e, t) => ({
 		index: t,
 		start: e.start,
 		length: e.end - e.start
-	})).filter(({ length: e }) => e >= Ge && e <= Ke), i = n / 2, a = r.filter(({ start: e }) => e < i), o = r.filter(({ start: e }) => e >= i);
+	})).filter(({ length: e }) => e >= Ke && e <= qe), i = n / 2, a = r.filter(({ start: e }) => e < i), o = r.filter(({ start: e }) => e >= i);
 	return a.length === 1 && (t[a[0].index] = "opening"), o.length === 1 && (t[o[0].index] = "ending"), t;
-}, Je = (e) => {
-	let t = e.map(({ title: e }) => Ue(e, !1)), n = e.reduce((e, n, r) => e + (t[r] ? n.end - n.start : 0), 0), r = e.reduce((e, t) => e + (t.end - t.start), 0);
+}, Ye = (e) => {
+	let t = e.map(({ title: e }) => We(e, !1)), n = e.reduce((e, n, r) => e + (t[r] ? n.end - n.start : 0), 0), r = e.reduce((e, t) => e + (t.end - t.start), 0);
 	if (r > 0 && n * 2 > r) return e.map(() => void 0);
 	let i = e.map((e, n) => {
-		if (e.end - e.start < We) return;
+		if (e.end - e.start < Ge) return;
 		let r = t[n];
 		if (r) return r;
-		let i = Ue(e.title, !0);
+		let i = We(e.title, !0);
 		return i && !t.includes(i) ? i : void 0;
 	});
-	return i.some(Boolean) ? i : qe(e);
-}, Ye = h`
+	return i.some(Boolean) ? i : Je(e);
+}, Xe = h`
   position: relative;
   height: calc(.4 * var(--mp-unit));
 
@@ -908,160 +908,163 @@ var B = {
     --thumbnail-width: calc(18 * var(--mp-unit));
     --thumbnail-half: calc(9 * var(--mp-unit));
   }
-`, Xe = 4, Ze = () => {
-	let e = U(), t = U((e) => e.currentTime), n = U((e) => e.requestSeek), r = U((e) => e.duration), i = U((e) => e.size), a = U((e) => e.downloadedRanges), o = U((e) => e.indexes), s = U((e) => e.thumbnails), c = U((e) => e.thumbnailAt), l = U((e) => e.requestThumbnail), u = U((e) => e.chapters), h = U((e) => e.seekingTo), g = p(null), [_, v] = m(void 0), [y, b] = m(void 0), x = (e) => {
-		b(e), l(e);
-	}, S = p(void 0), T = p(0), E = p(void 0), D = p(void 0), O = p(!1), { dragging: k, handlers: A } = Te({
-		ref: g,
+`, Ze = 4, Qe = () => {
+	let e = U(), t = U((e) => e.currentTime), n = U((e) => e.requestSeek), r = U((e) => e.duration), i = U((e) => e.size), a = U((e) => e.downloadedRanges), o = U((e) => e.buffered), s = U((e) => e.indexes), c = U((e) => e.thumbnails), l = U((e) => e.thumbnailAt), u = U((e) => e.requestThumbnail), h = U((e) => e.chapters), g = U((e) => e.seekingTo), _ = p(null), [v, y] = m(void 0), [b, x] = m(void 0), S = (e) => {
+		x(e), u(e);
+	}, T = p(void 0), E = p(0), D = p(void 0), O = p(void 0), k = p(!1), { dragging: A, handlers: j } = Ee({
+		ref: _,
 		onChange: (e) => {
-			if (T.current += 1, E.current = e, D.current === void 0) D.current = e;
-			else if (!O.current) {
-				let t = g.current?.getBoundingClientRect().width ?? 0;
-				Math.abs(e - D.current) * t > Xe && (O.current = !0);
+			if (E.current += 1, D.current = e, O.current === void 0) O.current = e;
+			else if (!k.current) {
+				let t = _.current?.getBoundingClientRect().width ?? 0;
+				Math.abs(e - O.current) * t > Ze && (k.current = !0);
 			}
-			v(e), S.current !== "mouse" && x(e * r);
+			y(e), T.current !== "mouse" && S(e * r);
 		}
-	}), j = (e) => {
-		S.current = e.pointerType, T.current = 0, D.current = void 0, O.current = !1, A.onPointerDown(e);
-	}, M = (t) => {
-		A.onPointerUp(t);
-		let i = T.current > 0 ? E.current : void 0;
+	}), M = (e) => {
+		T.current = e.pointerType, E.current = 0, O.current = void 0, k.current = !1, j.onPointerDown(e);
+	}, N = (t) => {
+		j.onPointerUp(t);
+		let i = E.current > 0 ? D.current : void 0;
 		if (i !== void 0 && r) {
 			let t = i * r;
 			n ? n(t) : e.seek(t);
 		}
-		T.current = 0, O.current = !1, D.current = void 0, t.pointerType !== "mouse" && x(void 0);
-	}, N = (e) => {
-		if (!g.current) return;
-		let { left: t, right: n } = g.current.getBoundingClientRect();
-		return Math.min(Math.max((e - t) / (n - t), 0), 1) * r;
+		E.current = 0, k.current = !1, O.current = void 0, t.pointerType !== "mouse" && S(void 0);
 	}, P = (e) => {
-		x(N(e.clientX));
-	}, F = () => {
-		g.current && x(void 0);
-	}, I = (e) => r ? e / r * 100 : 0, L = f(() => a?.map((e, t) => {
-		if (!i || !r) return null;
-		let n = o.filter((t) => e.startByteOffset <= t.pos && t.pos <= e.endByteOffset), a = n.at(0), s = n.at(-1);
-		if (!a || !s) return null;
-		let c = a.timestamp / r, l = s.timestamp / r, u = Number((l - c).toFixed(2)), d = c * 100;
+		if (!_.current) return;
+		let { left: t, right: n } = _.current.getBoundingClientRect();
+		return Math.min(Math.max((e - t) / (n - t), 0), 1) * r;
+	}, F = (e) => {
+		S(P(e.clientX));
+	}, I = () => {
+		_.current && S(void 0);
+	}, L = (e) => r ? e / r * 100 : 0, R = (e, t, n) => {
+		let r = Number((n - t).toFixed(4)), i = t * 100;
 		return /* @__PURE__ */ C("div", {
 			className: "loaded-part",
 			style: {
-				transform: `scaleX(${u})`,
-				marginLeft: `${d}%`
+				transform: `scaleX(${r})`,
+				marginLeft: `${i}%`
 			}
-		}, t);
+		}, e);
+	}, z = f(() => i === void 0 ? r ? o.map(([e, t], n) => R(n, e / r, t / r)) : [] : a?.map((e, t) => {
+		if (!i || !r) return null;
+		let n = s.filter((t) => e.startByteOffset <= t.pos && t.pos <= e.endByteOffset), a = n.at(0), o = n.at(-1);
+		return !a || !o ? null : R(t, a.timestamp / r, o.timestamp / r);
 	}) ?? [], [
 		r,
-		o.length,
+		i,
+		i === void 0 ? o : void 0,
+		s.length,
 		a?.map(({ startByteOffset: e, endByteOffset: t }) => `${e}/${t}`).join(",")
 	]);
 	d(() => {
-		_ === void 0 || !r || !k || !O.current || e.seek(_ * r);
+		v !== void 0 && r && A && k.current && e.seek(v * r);
 	}, [
 		e,
-		k,
-		_,
+		A,
+		v,
 		r
 	]);
-	let R = f(() => {
+	let B = f(() => {
 		if (!r) return 0;
-		if (k && _ !== void 0) return _;
-		let e = h ?? t;
+		if (A && v !== void 0) return v;
+		let e = g ?? t;
 		return typeof e == "number" ? e / r : 0;
 	}, [
 		r,
 		t,
-		k,
-		_,
-		h
-	]), z = f(() => Ae(u, r), [u, r]), B = z.length > 0, V = f(() => {
-		if (!B || y === void 0 || !r) return -1;
-		let e = y / r * 100, t = z.findIndex((t, n) => n < z.length - 1 && e >= t && e < z[n + 1]);
-		return t >= 0 ? t : z.length - 2;
+		A,
+		v,
+		g
+	]), V = f(() => je(h, r), [h, r]), H = V.length > 0, W = f(() => {
+		if (!H || b === void 0 || !r) return -1;
+		let e = b / r * 100, t = V.findIndex((t, n) => n < V.length - 1 && e >= t && e < V[n + 1]);
+		return t >= 0 ? t : V.length - 2;
 	}, [
-		B,
-		z,
-		y,
+		H,
+		V,
+		b,
 		r
-	]), H = f(() => B ? je(z, (e) => e !== V) : void 0, [
-		B,
-		z,
-		V
-	]), W = f(() => V >= 0 ? je(z, (e) => e === V) : void 0, [z, V]), G = f(() => {
-		if (y !== void 0) return u.find(({ start: e, end: t }) => e <= y && y < t);
-	}, [u, y]), K = f(() => {
-		if (y) {
-			if (c) return c(y);
-			if (s.length) return s.find(({ startTime: e, endTime: t }) => e <= y && y < t);
+	]), G = f(() => H ? Me(V, (e) => e !== W) : void 0, [
+		H,
+		V,
+		W
+	]), ee = f(() => W >= 0 ? Me(V, (e) => e === W) : void 0, [V, W]), K = f(() => {
+		if (b !== void 0) return h.find(({ start: e, end: t }) => e <= b && b < t);
+	}, [h, b]), q = f(() => {
+		if (b) {
+			if (l) return l(b);
+			if (c.length) return c.find(({ startTime: e, endTime: t }) => e <= b && b < t);
 		}
 	}, [
-		s,
 		c,
-		y
-	]), q = (e, t) => /* @__PURE__ */ w("div", {
+		l,
+		b
+	]), te = (e, t) => /* @__PURE__ */ w("div", {
 		className: e ? `track ${e}` : "track",
 		style: t ? { maskImage: t } : void 0,
 		children: [
 			/* @__PURE__ */ C("div", { className: "background-bar" }),
 			/* @__PURE__ */ C("div", {
 				className: "loaded",
-				children: L
+				children: z
 			}),
 			/* @__PURE__ */ C("div", {
 				className: "play-container",
 				children: /* @__PURE__ */ C("div", {
 					className: "play",
-					style: { transform: `scaleX(${R})` }
+					style: { transform: `scaleX(${B})` }
 				})
 			})
 		]
 	});
 	return /* @__PURE__ */ w("div", {
-		css: Ye,
-		ref: g,
+		css: Xe,
+		ref: _,
 		className: [
 			"progress-bar",
-			k ? "dragging" : "",
-			B ? "segmented" : ""
+			A ? "dragging" : "",
+			H ? "segmented" : ""
 		].filter(Boolean).join(" "),
-		onMouseMove: P,
-		onMouseOut: F,
+		onMouseMove: F,
+		onMouseOut: I,
 		children: [
-			q(void 0, H),
-			y ? /* @__PURE__ */ w("div", {
+			te(void 0, G),
+			b ? /* @__PURE__ */ w("div", {
 				className: "cursor-time",
 				style: {
-					left: G ? `clamp(var(--thumbnail-half), ${I(y)}%, calc(100% - var(--thumbnail-half)))` : `clamp(calc(3 * var(--mp-unit)), ${I(y)}%, calc(100% - calc(3 * var(--mp-unit))))`,
-					maxWidth: G ? "var(--thumbnail-width)" : void 0
+					left: K ? `clamp(var(--thumbnail-half), ${L(b)}%, calc(100% - var(--thumbnail-half)))` : `clamp(calc(3 * var(--mp-unit)), ${L(b)}%, calc(100% - calc(3 * var(--mp-unit))))`,
+					maxWidth: K ? "var(--thumbnail-width)" : void 0
 				},
 				children: [/* @__PURE__ */ C("span", {
 					className: "cursor-time-value",
-					children: Y(y)
-				}), G ? /* @__PURE__ */ C("span", {
+					children: Y(b)
+				}), K ? /* @__PURE__ */ C("span", {
 					className: "chapter-title",
-					children: G.title
+					children: K.title
 				}) : void 0]
 			}) : void 0,
 			/* @__PURE__ */ C("div", { className: "progress" }),
 			/* @__PURE__ */ C("div", { className: "hover" }),
-			W ? q("focus", W) : void 0,
+			ee ? te("focus", ee) : void 0,
 			/* @__PURE__ */ C("div", { className: "scrubber" }),
 			/* @__PURE__ */ C("div", {
 				className: "padding",
-				...A,
-				onPointerDown: j,
-				onPointerUp: M,
-				onPointerCancel: M
+				...j,
+				onPointerDown: M,
+				onPointerUp: N,
+				onPointerCancel: N
 			}),
 			/* @__PURE__ */ C("div", {
 				className: "thumbnail",
-				style: { left: `clamp(var(--thumbnail-half), ${I(y ?? 1)}%, calc(100% - var(--thumbnail-half)))` },
-				children: K?.url ? /* @__PURE__ */ C("img", { src: K.url }) : void 0
+				style: { left: `clamp(var(--thumbnail-half), ${L(b ?? 1)}%, calc(100% - var(--thumbnail-half)))` },
+				children: q?.url ? /* @__PURE__ */ C("img", { src: q.url }) : void 0
 			})
 		]
 	});
-}, Qe = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-picture-in-picture'%3e%3cpath%20stroke='none'%20d='M0%200h24v24H0z'%20fill='none'%20/%3e%3cpath%20d='M11%2019h-6a2%202%200%200%201%20-2%20-2v-10a2%202%200%200%201%202%20-2h14a2%202%200%200%201%202%202v4'%20/%3e%3cpath%20d='M14%2014m0%201a1%201%200%200%201%201%20-1h5a1%201%200%200%201%201%201v3a1%201%200%200%201%20-1%201h-5a1%201%200%200%201%20-1%20-1z'%20/%3e%3c/svg%3e", Q = {
+}, $e = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-picture-in-picture'%3e%3cpath%20stroke='none'%20d='M0%200h24v24H0z'%20fill='none'%20/%3e%3cpath%20d='M11%2019h-6a2%202%200%200%201%20-2%20-2v-10a2%202%200%200%201%202%20-2h14a2%202%200%200%201%202%202v4'%20/%3e%3cpath%20d='M14%2014m0%201a1%201%200%200%201%201%20-1h5a1%201%200%200%201%201%201v3a1%201%200%200%201%20-1%201h-5a1%201%200%200%201%20-1%20-1z'%20/%3e%3c/svg%3e", Q = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -1071,7 +1074,7 @@ var B = {
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
-}, $e = (e) => /* @__PURE__ */ w("svg", {
+}, et = (e) => /* @__PURE__ */ w("svg", {
 	...Q,
 	...e,
 	children: [/* @__PURE__ */ C("rect", {
@@ -1082,7 +1085,7 @@ var B = {
 		rx: "2",
 		ry: "2"
 	}), /* @__PURE__ */ C("path", { d: "M7 15h4m4 0h2M7 11h2m4 0h4" })]
-}), et = (e) => /* @__PURE__ */ w("svg", {
+}), tt = (e) => /* @__PURE__ */ w("svg", {
 	...Q,
 	...e,
 	children: [
@@ -1102,7 +1105,7 @@ var B = {
 			y2: "22"
 		})
 	]
-}), tt = (e) => /* @__PURE__ */ w("svg", {
+}), nt = (e) => /* @__PURE__ */ w("svg", {
 	...Q,
 	...e,
 	children: [
@@ -1117,7 +1120,7 @@ var B = {
 		}),
 		/* @__PURE__ */ C("path", { d: "M14.5 18.5h2m2 0h1" })
 	]
-}), nt = (e) => /* @__PURE__ */ w("svg", {
+}), rt = (e) => /* @__PURE__ */ w("svg", {
 	...Q,
 	...e,
 	children: [
@@ -1132,7 +1135,7 @@ var B = {
 		}),
 		/* @__PURE__ */ C("path", { d: "M6 9h3m2 0h2" })
 	]
-}), rt = h`
+}), it = h`
 .popover {
   position: absolute;
   /* Anchored to the PLAYER's right edge, never to the gear. The gear is not the last control in the
@@ -1259,7 +1262,7 @@ var B = {
     ${J.bSmall.regular}
   }
 }
-`, it = ({ title: e, tracks: t, selected: n, onSelect: r, onBack: i, offLabel: a, pending: o, failed: s }) => {
+`, at = ({ title: e, tracks: t, selected: n, onSelect: r, onBack: i, offLabel: a, pending: o, failed: s }) => {
 	let c = o !== void 0, l = (e, i, a) => {
 		let s = c && o === e, l = c || t.find((t) => t.id === e)?.disabled;
 		return /* @__PURE__ */ w("div", {
@@ -1286,7 +1289,7 @@ var B = {
 			t.map(({ id: e, label: t }) => l(e, t, "description"))
 		]
 	});
-}, at = ({ onReset: e } = {}) => {
+}, ot = ({ onReset: e } = {}) => {
 	let t = p(null), [n, r] = m(!1), [i, a] = m(void 0), [o, s] = m(!1), c = p(e);
 	c.current = e;
 	let l = () => {
@@ -1327,7 +1330,7 @@ var B = {
 			});
 		}
 	};
-}, ot = h`
+}, st = h`
 /* Not a containing block, for the reason given on popoverStyle: the menu anchors to the control bar,
    which is the width of the player box, so it can be clamped to it. */
 position: static;
@@ -1343,7 +1346,7 @@ position: static;
   }
 }
 
-${rt}
+${it}
 
 .popover.error-list {
   /* Wider than a track menu and taller, because these rows are sentences rather than labels, and a
@@ -1415,23 +1418,23 @@ ${rt}
     }
   }
 }
-`, st = (e) => new Date(e).toLocaleTimeString(), ct = (e) => e === void 0 || !Number.isFinite(e) ? void 0 : Y(Math.max(0, e)), lt = (e) => e.reduce((e, t) => e + t.count, 0), ut = (e) => e.map((e, t) => {
-	let n = ct(e.atMediaTime), r = e.count > 1 ? `${new Date(e.at).toISOString()} to ${new Date(e.lastAt).toISOString()} ×${e.count}` : new Date(e.at).toISOString();
+`, ct = (e) => new Date(e).toLocaleTimeString(), lt = (e) => e === void 0 || !Number.isFinite(e) ? void 0 : Y(Math.max(0, e)), ut = (e) => e.reduce((e, t) => e + t.count, 0), dt = (e) => e.map((e, t) => {
+	let n = lt(e.atMediaTime), r = e.count > 1 ? `${new Date(e.at).toISOString()} to ${new Date(e.lastAt).toISOString()} ×${e.count}` : new Date(e.at).toISOString();
 	return [
 		`${t + 1}. ${r}${n ? ` (at ${n})` : ""}${e.recovered ? " [recovered]" : ""}`,
 		e.message,
 		e.detail
 	].filter(Boolean).join("\n");
-}).join("\n\n"), dt = () => {
-	let e = U((e) => e.playbackErrors), { open: t, toggle: n, containerRef: r } = at(), [i, a] = m(!1);
+}).join("\n\n"), ft = () => {
+	let e = U((e) => e.playbackErrors), { open: t, toggle: n, containerRef: r } = ot(), [i, a] = m(!1);
 	if (e.length === 0) return null;
 	let o = () => {
-		navigator.clipboard?.writeText(ut(e)).then(() => {
+		navigator.clipboard?.writeText(dt(e)).then(() => {
 			a(!0), setTimeout(() => a(!1), 2e3);
 		}, (e) => console.warn("[media-player] could not copy the errors:", e));
-	}, s = `Playback errors (${lt(e)})`;
+	}, s = `Playback errors (${ut(e)})`;
 	return /* @__PURE__ */ w("div", {
-		css: ot,
+		css: st,
 		ref: r,
 		children: [/* @__PURE__ */ C(Z, {
 			id: "errors",
@@ -1462,9 +1465,9 @@ ${rt}
 					/* @__PURE__ */ w("span", {
 						className: "when",
 						children: [
-							st(e.at),
-							e.count > 1 ? ` to ${st(e.lastAt)}` : "",
-							ct(e.atMediaTime) ? ` at ${ct(e.atMediaTime)}` : "",
+							ct(e.at),
+							e.count > 1 ? ` to ${ct(e.lastAt)}` : "",
+							lt(e.atMediaTime) ? ` at ${lt(e.atMediaTime)}` : "",
 							e.recovered ? " recovered" : "",
 							e.count > 1 ? /* @__PURE__ */ C("span", {
 								className: "count",
@@ -1484,7 +1487,7 @@ ${rt}
 			}, `${e.at}-${t}`))]
 		})]
 	});
-}, ft = h`
+}, pt = h`
 display: flex;
 align-items: center;
 justify-content: center;
@@ -1537,8 +1540,8 @@ width: 100%;
     }
   }
 }
-`, pt = () => {
-	let e = U(), t = U((e) => e.playbackRate), n = p(null), r = p(null), i = .25, a = 3 - i, o = (e, t = .05) => Math.round(e / t) * t, s = o(t || 1), c = (e) => (e - i) / a * 100, l = (e) => o(i + e * a), { handlers: u } = Te({
+`, mt = () => {
+	let e = U(), t = U((e) => e.playbackRate), n = p(null), r = p(null), i = .25, a = 2.75, o = (e, t = .05) => Math.round(e / t) * t, s = o(t || 1), c = (e) => (e - i) / a * 100, l = (e) => o(i + e * a), { handlers: u } = Ee({
 		ref: r,
 		onChange: (t) => e.setPlaybackRate(l(t))
 	}), f = (t) => {
@@ -1554,7 +1557,7 @@ width: 100%;
 	}, [t]);
 	let m = c(s);
 	return /* @__PURE__ */ w("div", {
-		css: ft,
+		css: pt,
 		children: [/* @__PURE__ */ w("div", { children: [s.toFixed(2), "x"] }), /* @__PURE__ */ C("div", {
 			className: "playback-slider",
 			ref: n,
@@ -1572,7 +1575,7 @@ width: 100%;
 			})
 		})]
 	});
-}, mt = h`
+}, ht = h`
 /* Deliberately NOT a containing block. The menu anchors to the control bar instead, which is exactly
    as wide as the player box and can therefore be clamped to it. The outside-click check uses
    \`contains\` on the ref, which is DOM containment and needs no position, and the bar's other
@@ -1590,7 +1593,7 @@ position: static;
   }
 }
 
-${rt}
+${it}
 
 .playback-rate {
   .slider {
@@ -1631,8 +1634,8 @@ ${rt}
   }
 }
 
-`, ht = () => {
-	let e = U(), t = U((e) => e.playbackRate), n = U((e) => e.audioTracks), r = U((e) => e.selectedAudioTrack), i = U((e) => e.selectAudioTrack), [a, o] = m(0), { open: s, toggle: c, containerRef: l, pending: u, failed: d, runSelect: f } = at({ onReset: () => o(0) }), p = (t) => {
+`, gt = () => {
+	let e = U(), t = U((e) => e.playbackRate), n = U((e) => e.audioTracks), r = U((e) => e.selectedAudioTrack), i = U((e) => e.selectAudioTrack), [a, o] = m(0), { open: s, toggle: c, containerRef: l, pending: u, failed: d, runSelect: f } = ot({ onReset: () => o(0) }), p = (t) => {
 		e.setPlaybackRate(t), o(0);
 	}, h = (e) => {
 		e !== void 0 && f(e, () => i(e));
@@ -1640,7 +1643,7 @@ ${rt}
 		o(e);
 	};
 	return /* @__PURE__ */ w("div", {
-		css: mt,
+		css: ht,
 		ref: l,
 		children: [
 			/* @__PURE__ */ C(Z, {
@@ -1679,7 +1682,7 @@ ${rt}
 					}),
 					/* @__PURE__ */ C("div", {
 						className: "slider no-hover",
-						children: /* @__PURE__ */ C(pt, {})
+						children: /* @__PURE__ */ C(mt, {})
 					}),
 					/* @__PURE__ */ w("div", {
 						className: "options no-hover",
@@ -1704,7 +1707,7 @@ ${rt}
 					})
 				]
 			}),
-			s && a === 2 && /* @__PURE__ */ C(it, {
+			s && a === 2 && /* @__PURE__ */ C(at, {
 				title: "Audio",
 				tracks: n,
 				selected: r,
@@ -1715,7 +1718,7 @@ ${rt}
 			})
 		]
 	});
-}, gt = h`
+}, _t = h`
 /* Not a containing block, for the reason given on popoverStyle: the menu anchors to the control bar,
    which is the width of the player box, so it can be clamped to it. */
 position: static;
@@ -1731,13 +1734,13 @@ position: static;
   }
 }
 
-${rt}
-`, _t = () => {
-	let e = U((e) => e.subtitleTracks), t = U((e) => e.selectedSubtitleTrack), n = U((e) => e.selectSubtitleTrack), r = U((e) => e.subtitleOffLabel), { open: i, toggle: a, containerRef: o, pending: s, failed: c, runSelect: l } = at();
+${it}
+`, vt = () => {
+	let e = U((e) => e.subtitleTracks), t = U((e) => e.selectedSubtitleTrack), n = U((e) => e.selectSubtitleTrack), r = U((e) => e.subtitleOffLabel), { open: i, toggle: a, containerRef: o, pending: s, failed: c, runSelect: l } = ot();
 	if (e.length === 0) return null;
 	let u = t !== void 0;
 	return /* @__PURE__ */ w("div", {
-		css: gt,
+		css: _t,
 		ref: o,
 		children: [/* @__PURE__ */ C(Z, {
 			id: "subtitles",
@@ -1749,10 +1752,10 @@ ${rt}
 				"aria-label": "Subtitles",
 				"aria-expanded": i,
 				"aria-pressed": u,
-				children: u ? /* @__PURE__ */ C($e, { className: "captions" }) : /* @__PURE__ */ C(et, { className: "captions-off" })
+				children: u ? /* @__PURE__ */ C(et, { className: "captions" }) : /* @__PURE__ */ C(tt, { className: "captions-off" })
 			}),
 			toolTipText: /* @__PURE__ */ C("span", { children: "Subtitles" })
-		}), i && /* @__PURE__ */ C(it, {
+		}), i && /* @__PURE__ */ C(at, {
 			title: "Subtitles",
 			tracks: e,
 			selected: t,
@@ -1762,13 +1765,13 @@ ${rt}
 			failed: c
 		})]
 	});
-}, vt = {
+}, yt = {
 	primary: "#EAEBEE",
 	secondary: "#D0D0D9",
 	hover: "rgba(255, 255, 255, 0.13)",
 	borderPrimary: "#384F70",
 	backgroundTooltip: "#222222"
-}, yt = h`
+}, bt = h`
   display: flex;
   align-items: center;
 
@@ -1811,8 +1814,8 @@ ${rt}
     width: 10px;
     height: 10px;
   }
-`, bt = ({ value: e, onChange: t }) => {
-	let n = U((e) => e.volume), r = U((e) => e.muted), i = p(null), a = p(null), { handlers: o } = Te({
+`, xt = ({ value: e, onChange: t }) => {
+	let n = U((e) => e.volume), r = U((e) => e.muted), i = p(null), a = p(null), { handlers: o } = Ee({
 		ref: a,
 		onChange: t
 	}), s = (n) => {
@@ -1826,12 +1829,12 @@ ${rt}
 			e && e.removeEventListener("wheel", s);
 		};
 	}, [e]);
-	let c = e * 100, l = f(() => Math.round(r ? 0 : be(n) * 100), [n, r]);
+	let c = e * 100, l = f(() => Math.round(r ? 0 : xe(n) * 100), [n, r]);
 	return /* @__PURE__ */ C(Z, {
 		id: "volume-slider",
 		text: /* @__PURE__ */ C("div", {
 			ref: i,
-			css: yt,
+			css: bt,
 			...o,
 			children: /* @__PURE__ */ C("div", {
 				ref: a,
@@ -1850,7 +1853,7 @@ ${rt}
 			children: [l, "%"]
 		})
 	});
-}, xt = h`
+}, St = h`
   position: relative;
   display: flex;
   align-items: center;
@@ -1913,10 +1916,10 @@ ${rt}
     }
   }
 
-`, St = ({ ref: e }) => {
-	let t = U(), n = U((e) => e.volume), r = U((e) => e.muted), i = f(() => be(n), [n]);
+`, Ct = ({ ref: e }) => {
+	let t = U(), n = U((e) => e.volume), r = U((e) => e.muted), i = f(() => xe(n), [n]);
 	return /* @__PURE__ */ w("div", {
-		css: xt,
+		css: St,
 		children: [/* @__PURE__ */ C(Z, {
 			id: "sound",
 			text: /* @__PURE__ */ C("button", {
@@ -1936,16 +1939,16 @@ ${rt}
 			className: "volume-slider-container",
 			children: /* @__PURE__ */ C("div", {
 				className: "volume-slider-background",
-				children: /* @__PURE__ */ C(bt, {
+				children: /* @__PURE__ */ C(xt, {
 					value: r ? 0 : i,
 					onChange: (e) => {
-						t.setVolume(ye(e));
+						t.setVolume(be(e));
 					}
 				})
 			})
 		})]
 	});
-}, $ = .05, Ct = 5, wt = h`
+}, $ = .05, wt = 5, Tt = h`
   display: flex;
   flex-direction: column;
   gap: calc(0.4 * var(--mp-unit));
@@ -1954,7 +1957,7 @@ ${rt}
     opacity: 0.72;
     font-size: 0.9em;
   }
-`, Tt = h`
+`, Et = h`
   position: absolute;
   bottom: 0;
   width: 100%;
@@ -2044,7 +2047,7 @@ ${rt}
         cursor: pointer;
 
         :hover {
-          background-color: ${vt.hover};
+          background-color: ${yt.hover};
         }
 
         /* the hit area grows, the icon does not, keyed on the pointer because a narrow desktop
@@ -2082,10 +2085,10 @@ ${rt}
       }
     }
   }
-`, Et = () => {
+`, Dt = () => {
 	let e = U(), t = U((e) => e.paused), n = U((e) => e.currentTime), r = U((e) => e.duration), i = U((e) => e.seekingTo), a = U((e) => e.fullscreen), o = U((e) => e.hideUI), s = U((e) => e.togglePictureInPicture), c = U((e) => e.pictureInPictureMode), l = U((e) => e.burnedInSubtitles), f = U((e) => e.subtitleTracks), p = U((e) => e.requestSeek), [h, g] = m(null), _ = c === "burn-in", v = f.length > 0, y = r > 0 && n === r, b = u(({ direction: t, stepSize: n }) => {
-		let r = be(e.volume), i = t === "up" ? n : -n, a = Math.max(0, Math.min(1, r + i)), o = e.muted;
-		e.setVolume(ye(a)), o && !e.muted && e.toggleMuted();
+		let r = xe(e.volume), i = t === "up" ? n : -n, a = Math.max(0, Math.min(1, r + i)), o = e.muted;
+		e.setVolume(be(a)), o && !e.muted && e.toggleMuted();
 	}, [e]);
 	d(() => {
 		let t = (t) => p ? p(t) : e.seek(t), n = (n) => {
@@ -2106,8 +2109,8 @@ ${rt}
 			});
 			else if (n.key === "ArrowRight") {
 				if (!e.duration) return;
-				t(Math.min(e.currentTime + Ct, e.duration));
-			} else n.key === "ArrowLeft" ? t(Math.max(e.currentTime - Ct, 0)) : i = !1;
+				t(Math.min(e.currentTime + wt, e.duration));
+			} else n.key === "ArrowLeft" ? t(Math.max(e.currentTime - wt, 0)) : i = !1;
 			i && n.preventDefault();
 		};
 		return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
@@ -2128,12 +2131,12 @@ ${rt}
 	return d(() => {
 		if (h) return h.addEventListener("wheel", x, { passive: !1 }), () => h.removeEventListener("wheel", x);
 	}, [h, x]), /* @__PURE__ */ w("div", {
-		css: Tt,
+		css: Et,
 		style: { ...o ? {
 			opacity: "0",
 			pointerEvents: "none"
 		} : {} },
-		children: [/* @__PURE__ */ C(Ze, {}), /* @__PURE__ */ w("div", {
+		children: [/* @__PURE__ */ C(Qe, {}), /* @__PURE__ */ w("div", {
 			className: "actions",
 			children: [/* @__PURE__ */ w("div", {
 				className: "left",
@@ -2150,18 +2153,18 @@ ${rt}
 						}),
 						toolTipText: /* @__PURE__ */ C("span", { children: y ? "Replay (k)" : t ? "Play (k)" : "Pause (k)" })
 					}),
-					/* @__PURE__ */ C(St, { ref: g }),
+					/* @__PURE__ */ C(Ct, { ref: g }),
 					/* @__PURE__ */ C("div", {
 						className: "time",
-						children: xe(i ?? n, r)
+						children: Se(i ?? n, r)
 					})
 				]
 			}), /* @__PURE__ */ w("div", {
 				className: "right",
 				children: [
-					/* @__PURE__ */ C(dt, {}),
-					/* @__PURE__ */ C(_t, {}),
-					/* @__PURE__ */ C(ht, {}),
+					/* @__PURE__ */ C(ft, {}),
+					/* @__PURE__ */ C(vt, {}),
+					/* @__PURE__ */ C(gt, {}),
 					s ? /* @__PURE__ */ C(Z, {
 						id: "picture-in-picture",
 						tooltipPlace: "top-end",
@@ -2172,13 +2175,13 @@ ${rt}
 							disabled: _ && !v,
 							"aria-label": _ ? "Put the subtitles in the video" : "Picture in picture",
 							"aria-pressed": _ ? l : void 0,
-							children: _ ? C(l ? tt : nt, {}) : /* @__PURE__ */ C("img", {
-								src: Qe,
+							children: _ ? C(l ? nt : rt, {}) : /* @__PURE__ */ C("img", {
+								src: $e,
 								alt: ""
 							})
 						}),
 						toolTipText: /* @__PURE__ */ w("span", {
-							css: wt,
+							css: Tt,
 							children: [/* @__PURE__ */ C("span", {
 								className: "lead",
 								children: _ ? v ? l ? "Subtitles are in the picture" : "Put the subtitles in the picture" : "This file has no subtitles" : "Picture in picture"
@@ -2205,7 +2208,7 @@ ${rt}
 			})]
 		})]
 	});
-}, Dt = 9e3, Ot = h`
+}, Ot = 9e3, kt = h`
   position: absolute;
   inset: 0;
   z-index: 2;
@@ -2259,7 +2262,7 @@ ${rt}
     line-height: 1;
     color: #fff;
   }
-`, kt = () => {
+`, At = () => {
 	let e = U((e) => e.burnedInSubtitles), t = U((e) => e.pictureInPictureMode), [n, r] = m(!1);
 	return d(() => {
 		if (t !== "burn-in" || !e) {
@@ -2267,10 +2270,10 @@ ${rt}
 			return;
 		}
 		r(!0);
-		let n = setTimeout(() => r(!1), Dt);
+		let n = setTimeout(() => r(!1), Ot);
 		return () => clearTimeout(n);
 	}, [t, e]), t !== "burn-in" || !e ? null : /* @__PURE__ */ C("div", {
-		css: Ot,
+		css: kt,
 		className: n ? "show" : "",
 		role: "status",
 		children: /* @__PURE__ */ w("div", {
@@ -2291,10 +2294,10 @@ ${rt}
 			})]
 		})
 	});
-}, At = 1, jt = 6e3, Mt = 1, Nt = {
+}, jt = 1, Mt = 6e3, Nt = 1, Pt = {
 	opening: "Skip Opening",
 	ending: "Skip Ending"
-}, Pt = h`
+}, Ft = h`
   position: absolute;
   inset: 0;
   z-index: 2;
@@ -2345,10 +2348,10 @@ ${rt}
       bottom: calc(9 * var(--mp-unit));
     }
   }
-`, Ft = () => {
-	let e = U((e) => e.chapters), t = U((e) => e.currentTime), n = U((e) => e.requestSeek), r = U(), i = f(() => Je(e), [e]), a = f(() => {
+`, It = () => {
+	let e = U((e) => e.chapters), t = U((e) => e.currentTime), n = U((e) => e.requestSeek), r = U(), i = f(() => Ye(e), [e]), a = f(() => {
 		if (typeof t != "number") return;
-		let n = e.findIndex((e, n) => i[n] !== void 0 && e.start - At <= t && t < e.end), r = n >= 0 ? i[n] : void 0;
+		let n = e.findIndex((e, n) => i[n] !== void 0 && e.start - jt <= t && t < e.end), r = n >= 0 ? i[n] : void 0;
 		return r ? {
 			kind: r,
 			end: e[n].end
@@ -2360,7 +2363,7 @@ ${rt}
 	]), o = p(0), [s, c] = m(0);
 	d(() => {
 		let e = typeof t == "number" ? t : 0, n = o.current;
-		o.current = e, e < n - Mt && c((e) => e + 1);
+		o.current = e, e < n - Nt && c((e) => e + 1);
 	}, [t]);
 	let [l, u] = m(!1), h = a ? `${a.kind}@${a.end}` : "";
 	return d(() => {
@@ -2369,12 +2372,12 @@ ${rt}
 			return;
 		}
 		u(!0);
-		let e = setTimeout(() => u(!1), jt);
+		let e = setTimeout(() => u(!1), Mt);
 		return () => clearTimeout(e);
 	}, [h, s]), d(() => {
 		a || u(!1);
 	}, [a]), a ? /* @__PURE__ */ C("div", {
-		css: Pt,
+		css: Ft,
 		className: l ? "show" : "",
 		children: /* @__PURE__ */ C("button", {
 			type: "button",
@@ -2382,10 +2385,10 @@ ${rt}
 			onClick: () => {
 				u(!1), n ? n(a.end) : r.seek(a.end);
 			},
-			children: Nt[a.kind]
+			children: Pt[a.kind]
 		})
 	}) : null;
-}, It = 3e3, Lt = h`
+}, Lt = 3e3, Rt = h`
   position: absolute;
   inset: 0;
   z-index: 2;
@@ -2396,7 +2399,7 @@ ${rt}
      hoverable while faded out, popping a tooltip over nothing. It cascades where pointer-events does
      not, and transitioning it holds the item on screen for the length of the fade. */
   transition: opacity 0.1s cubic-bezier(.4,0,1,1), visibility 0.1s;
-`, Rt = h`
+`, zt = h`
   position: relative;
   background-color: black;
   display: flex;
@@ -2441,13 +2444,13 @@ ${rt}
   &.hide {
     cursor: none;
   }
-`, zt = (e, t = "") => s.toArray(e).flatMap((e, n) => {
+`, Bt = (e, t = "") => s.toArray(e).flatMap((e, n) => {
 	let r = `${t}${l(e) && e.key != null ? e.key : n}`;
-	return l(e) && e.type === c ? zt(e.props.children, `${r}/`) : [{
+	return l(e) && e.type === c ? Bt(e.props.children, `${r}/`) : [{
 		key: r,
 		item: e
 	}];
-}), Bt = ({ ref: e, onVideoRef: t, onSubtitleRef: n, overlay: r, controls: i, children: a }) => {
+}), Vt = ({ ref: e, onVideoRef: t, onSubtitleRef: n, overlay: r, controls: i, children: a }) => {
 	let o = U(), s = U((e) => e.hideUI), c = U((e) => e.setHideUI), l = U((e) => e.hasMedia), u = p(void 0), f = p("mouse"), m = p({
 		x: -1,
 		y: -1
@@ -2467,15 +2470,15 @@ ${rt}
 		return !!n && h.current.contains(n) && !n.closest(".video");
 	}, y = () => {
 		if (v()) {
-			u.current = setTimeout(y, It);
+			u.current = setTimeout(y, Lt);
 			return;
 		}
 		g();
 	}, b = () => {
-		c(!1), clearTimeout(u.current), u.current = setTimeout(y, It);
+		c(!1), clearTimeout(u.current), u.current = setTimeout(y, Lt);
 	};
 	return /* @__PURE__ */ w("div", {
-		css: Rt,
+		css: zt,
 		ref: _,
 		onPointerMove: (e) => {
 			f.current = e.pointerType, e.pointerType === "mouse" && (m.current = {
@@ -2494,9 +2497,9 @@ ${rt}
 		},
 		className: s ? "hide" : "",
 		children: [
-			/* @__PURE__ */ C(ge, { onSubtitleRef: n }),
-			zt(r).map(({ key: e, item: t }) => /* @__PURE__ */ C("div", {
-				css: Lt,
+			/* @__PURE__ */ C(_e, { onSubtitleRef: n }),
+			Bt(r).map(({ key: e, item: t }) => /* @__PURE__ */ C("div", {
+				css: Rt,
 				style: { ...s ? {
 					opacity: "0",
 					visibility: "hidden",
@@ -2504,9 +2507,9 @@ ${rt}
 				} : {} },
 				children: t
 			}, e)),
-			i === !1 ? null : /* @__PURE__ */ C(Et, {}),
-			/* @__PURE__ */ C(kt, {}),
-			/* @__PURE__ */ C(Ft, {}),
+			i === !1 ? null : /* @__PURE__ */ C(Dt, {}),
+			/* @__PURE__ */ C(At, {}),
+			/* @__PURE__ */ C(It, {}),
 			/* @__PURE__ */ w("div", {
 				className: "video",
 				onClick: () => {
@@ -2523,7 +2526,7 @@ ${rt}
 			})
 		]
 	});
-}, Vt = ({ options: e, children: t }) => {
+}, Ht = ({ options: e, children: t }) => {
 	let n = "media" in e ? e : null, r = n ? null : e, { title: i, chapters: a } = e, { size: o, downloadedRanges: s, publicPath: c, libavWorkerUrl: l, read: u, thumbnailRead: f, thumbnailsEnabled: h } = r ?? {}, g = y(), _ = v(), [b, x] = m(null), [S, w] = m(null), T = n?.media ?? b;
 	d(() => (g?.(T), () => g?.(null)), [T, g]);
 	let { expose: E } = e, D = E === !0 ? {} : E || void 0, O = p(D);
@@ -2608,7 +2611,7 @@ ${rt}
 		});
 	}, [R, H]), d(() => {
 		a && R({ chapters: a });
-	}, [R, a]), /* @__PURE__ */ C(Bt, {
+	}, [R, a]), /* @__PURE__ */ C(Vt, {
 		ref: _,
 		onVideoRef: n ? void 0 : x,
 		onSubtitleRef: w,
@@ -2616,7 +2619,7 @@ ${rt}
 		controls: e.controls,
 		children: t
 	});
-}, Ht = h`
+}, Ut = h`
   /**
    * The chrome's whole scale, in one place.
    *
@@ -2686,17 +2689,17 @@ ${rt}
   height: 100%;
   width: 100%;
   overflow: hidden;
-`, Ut = (e) => /* @__PURE__ */ C("div", {
-	css: Ht,
-	children: /* @__PURE__ */ C(H.Provider, { children: /* @__PURE__ */ C(Vt, {
+`, Wt = (e) => /* @__PURE__ */ C("div", {
+	css: Ut,
+	children: /* @__PURE__ */ C(H.Provider, { children: /* @__PURE__ */ C(Ht, {
 		options: e,
 		children: e.children
 	}) })
-}), Wt = (e) => !!e && typeof e == "object" && "at" in e, Gt = (e) => !!e && typeof e == "object" && "selection" in e, Kt = ({ blob: e, name: t }) => ({
+}), Gt = (e) => !!e && typeof e == "object" && "at" in e, Kt = (e) => !!e && typeof e == "object" && "selection" in e, qt = ({ blob: e, name: t }) => ({
 	length: e.size,
 	name: t ?? (e instanceof File ? e.name : void 0),
 	read: (t, n) => e.slice(t, t + n).arrayBuffer()
-}), qt = async (e, t) => {
+}), Jt = async (e, t) => {
 	let n = await fetch(e, {
 		headers: { Range: "bytes=0-1" },
 		credentials: t
@@ -2706,8 +2709,8 @@ ${rt}
 	if (!Number.isFinite(i) || i <= 0) throw Error("The source did not report its length");
 	if (!r && n.status !== 206) throw Error("The source does not support range requests");
 	return i;
-}, Jt = async ({ url: e, length: t, name: n, credentials: r }) => {
-	let i = t ?? await qt(e, r);
+}, Yt = async ({ url: e, length: t, name: n, credentials: r }) => {
+	let i = t ?? await Jt(e, r);
 	return {
 		length: i,
 		name: n,
@@ -2722,9 +2725,9 @@ ${rt}
 			return o.arrayBuffer();
 		}
 	};
-}, Yt = async (e) => {
-	if ("blob" in e) return Kt(e);
-	if ("url" in e) return Jt(e);
+}, Xt = async (e) => {
+	if ("blob" in e) return qt(e);
+	if ("url" in e) return Yt(e);
 	if ("read" in e) return {
 		length: e.length,
 		name: e.name,
@@ -2733,4 +2736,4 @@ ${rt}
 	throw Error(`Unknown source type: ${e}`);
 };
 //#endregion
-export { Ut as MediaPlayer, Ut as default, H as Player, e as SUBTITLES_OFF, a as createPictureInPicture, o as createSubtitleRenderer, r as createThumbnailGenerator, Yt as inputToRemuxerInput, Gt as isDelegatedTracks, Wt as isExternalThumbnails, V as sourceFeature, i as startPlayback, ue as usePictureInPicture, U as usePlayer, le as useSeekThumbnails };
+export { Wt as MediaPlayer, Wt as default, H as Player, e as SUBTITLES_OFF, a as createPictureInPicture, o as createSubtitleRenderer, r as createThumbnailGenerator, Xt as inputToRemuxerInput, Kt as isDelegatedTracks, Gt as isExternalThumbnails, V as sourceFeature, i as startPlayback, ue as usePictureInPicture, U as usePlayer, le as useSeekThumbnails };