@openrails/contentkit-ui 0.90.3 → 0.92.1

package/dist/react/gallery.js

@@ -1,9 +1,9 @@
 import { abrHlsConfig as e, capRung as t, classifyHlsError as n, classifyMediaError as r, expiryDelay as i, hlsConfig as a, initialEstimate as o, otherCodecLevels as s, refreshable as c, startRung as ee, statusKind as l } from "../client/playback.js";
-import { PLAYER_TRACKS_KEY as u, PLAYER_VOLUME_KEY as d, pickTrack as f, readTrackPrefs as p, readVolume as m, writeTrackPrefs as h } from "../client/player.js";
-import { useCallback as g, useEffect as _, useRef as v, useState as y } from "react";
+import { PLAYER_TRACKS_KEY as u, PLAYER_VOLUME_KEY as d, pickTrack as f, readTrackPrefs as p, readVolume as te, writeTrackPrefs as m } from "../client/player.js";
+import { useCallback as h, useEffect as g, useRef as _, useState as v } from "react";
 //#region src/react/gallery.ts
-var b = "ckui.media-gallery.view";
-function x(e) {
+var y = "ckui.media-gallery.view";
+function b(e) {
 	if (e) try {
 		let t = globalThis.localStorage?.getItem(e);
 		return t === "grid" || t === "carousel" ? t : void 0;
@@ -11,8 +11,8 @@ function x(e) {
 		return;
 	}
 }
-function S({ view: e, defaultView: t = "carousel", onViewChange: n, storageKey: r = b } = {}) {
-	let [i, a] = y(() => x(r) ?? t), o = g((e) => {
+function x({ view: e, defaultView: t = "carousel", onViewChange: n, storageKey: r = y } = {}) {
+	let [i, a] = v(() => b(r) ?? t), o = h((e) => {
 		if (a(e), r) try {
 			globalThis.localStorage?.setItem(r, e);
 		} catch {}
@@ -20,15 +20,15 @@ function S({ view: e, defaultView: t = "carousel", onViewChange: n, storageKey:
 	}, [r, n]);
 	return [e ?? i, o];
 }
-function C(e) {
+function S(e) {
 	let t = e.target;
 	return t.closest?.("[data-ckui-noswipe]") ? !0 : !(t instanceof HTMLVideoElement) || !t.controls ? !1 : e.pointerType === "mouse" || e.clientY > t.getBoundingClientRect().bottom - 56;
 }
-function w({ count: e, index: t, defaultIndex: n = 0, onIndexChange: r }) {
-	let [i, a] = y(n), o = Math.min(Math.max(0, t ?? i), Math.max(0, e - 1)), s = g((t) => {
+function C({ count: e, index: t, defaultIndex: n = 0, onIndexChange: r }) {
+	let [i, a] = v(n), o = Math.min(Math.max(0, t ?? i), Math.max(0, e - 1)), s = h((t) => {
 		let n = Math.min(Math.max(0, t), Math.max(0, e - 1));
 		a(n), r?.(n);
-	}, [e, r]), [c, ee] = y(0), [l, u] = y(!1), d = v(null), f = v(!1), p = (e, t) => {
+	}, [e, r]), [c, ee] = v(0), [l, u] = v(!1), d = _(null), f = _(!1), p = (e, t) => {
 		let n = d.current;
 		if (!n || n.id !== e.pointerId || (d.current = null, n.axis !== "x")) return;
 		let r = e.clientX - n.x, i = Math.abs(r) / Math.max(1, e.timeStamp - n.t) > .5;
@@ -43,7 +43,7 @@ function w({ count: e, index: t, defaultIndex: n = 0, onIndexChange: r }) {
 		dragging: l,
 		swipe: {
 			onPointerDown: (t) => {
-				f.current = !1, !(e < 2 || t.pointerType === "mouse" && t.button !== 0 || C(t)) && (d.current = {
+				f.current = !1, !(e < 2 || t.pointerType === "mouse" && t.button !== 0 || S(t)) && (d.current = {
 					id: t.pointerId,
 					x: t.clientX,
 					y: t.clientY,
@@ -83,42 +83,116 @@ function w({ count: e, index: t, defaultIndex: n = 0, onIndexChange: r }) {
 		}
 	};
 }
-var T = "ckui.player.quality", E = /* @__PURE__ */ new Map();
-function D(e, t) {
-	_(() => {
+var w = "ckui.player.quality", T = /* @__PURE__ */ new Map();
+function E(e, t) {
+	g(() => {
 		let n = i(e);
 		if (n === null || !e || !t) return;
-		let r = E.get(t);
+		let r = T.get(t);
 		if (r?.expires !== e) {
 			r && clearTimeout(r.timer);
 			let i = {
 				expires: e,
 				subs: 0,
 				timer: setTimeout(() => {
-					E.get(t) === i && E.delete(t), Promise.resolve().then(t).catch(() => {});
+					T.get(t) === i && T.delete(t), Promise.resolve().then(t).catch(() => {});
 				}, n)
 			};
-			E.set(t, r = i);
+			T.set(t, r = i);
 		}
 		let a = r;
 		return a.subs++, () => {
-			--a.subs > 0 || E.get(t) !== a || (clearTimeout(a.timer), E.delete(t));
+			--a.subs > 0 || T.get(t) !== a || (clearTimeout(a.timer), T.delete(t));
 		};
 	}, [e, t]);
 }
-var O = "application/vnd.apple.mpegurl", k = !1;
-function te() {
-	k || typeof console > "u" || (k = !0, console.warn(`contentkit: video requests failed with no response (status 0). If media is served from another origin, media-gateway must allow this page: set MEDIA_GATEWAY_CORS_ORIGINS to include ${globalThis.location?.origin ?? "the app origin"}.`));
+var ne = "application/vnd.apple.mpegurl", D = !1;
+function re() {
+	D || typeof console > "u" || (D = !0, console.warn(`contentkit: video requests failed with no response (status 0). If media is served from another origin, media-gateway must allow this page: set MEDIA_GATEWAY_CORS_ORIGINS to include ${globalThis.location?.origin ?? "the app origin"}.`));
 }
-function ne(e, t) {
-	return new Promise((n) => {
-		let r = new XMLHttpRequest();
-		Promise.resolve(t?.(r, e)).then(() => {
-			r.readyState === 0 && r.open("GET", e, !0), r.onload = () => n(r.status), r.onerror = r.ontimeout = () => n(0), r.timeout = 8e3, r.send();
-		}, () => n(0));
-	});
+var ie = (e, t, n) => e ? e.playlist(t, n) : fetch(t, { signal: n ?? null });
+function ae(e, t) {
+	let n = new AbortController(), r = setTimeout(() => n.abort(), 8e3);
+	return ie(t, e, n.signal).then((e) => e.status, () => 0).finally(() => clearTimeout(r));
 }
-function re(e) {
+function oe(e) {
+	return class {
+		context = null;
+		stats = {
+			aborted: !1,
+			loaded: 0,
+			retry: 0,
+			total: 0,
+			chunkCount: 0,
+			bwEstimate: 0,
+			loading: {
+				start: 0,
+				first: 0,
+				end: 0
+			},
+			parsing: {
+				start: 0,
+				end: 0
+			},
+			buffering: {
+				start: 0,
+				first: 0,
+				end: 0
+			}
+		};
+		ctrl = null;
+		timer;
+		headers = null;
+		callbacks = null;
+		load(t, n, r) {
+			let i = new AbortController();
+			Object.assign(this, {
+				context: t,
+				callbacks: r,
+				ctrl: i
+			});
+			let a = this.stats;
+			a.loading.start = performance.now();
+			let o = n.loadPolicy.maxLoadTimeMs;
+			o > 0 && Number.isFinite(o) && (this.timer = setTimeout(() => {
+				i.abort(), this.ctrl === i && r.onTimeout(a, t, null);
+			}, o)), e(t.url, i.signal).then(async (e) => {
+				a.loading.first = performance.now();
+				let n = await e.text();
+				if (!(this.ctrl !== i || i.signal.aborted)) {
+					if (clearTimeout(this.timer), this.headers = e.headers, a.loaded = a.total = n.length, a.loading.end = performance.now(), !e.ok) return r.onError({
+						code: e.status,
+						text: e.statusText
+					}, t, e, a);
+					r.onSuccess({
+						url: e.url || t.url,
+						data: n,
+						code: e.status
+					}, a, t, e);
+				}
+			}, (e) => {
+				this.ctrl !== i || i.signal.aborted || (clearTimeout(this.timer), r.onError({
+					code: 0,
+					text: String(e)
+				}, t, null, a));
+			});
+		}
+		abort() {
+			clearTimeout(this.timer), this.ctrl?.abort(), this.stats.aborted = !0, this.context && this.callbacks?.onAbort?.(this.stats, this.context, null);
+		}
+		destroy() {
+			clearTimeout(this.timer), this.ctrl?.abort(), this.ctrl = this.callbacks = this.context = null;
+		}
+		getResponseHeader(e) {
+			return this.headers?.get(e) ?? null;
+		}
+		getCacheAge() {
+			let e = this.headers?.get("age");
+			return e ? Number(e) : null;
+		}
+	};
+}
+function se(e) {
 	if (!e) return null;
 	try {
 		let t = globalThis.localStorage?.getItem(e);
@@ -127,12 +201,12 @@ function re(e) {
 		return null;
 	}
 }
-function ie(e, t) {
+function ce(e, t) {
 	if (e) try {
 		globalThis.localStorage?.setItem(e, String(t));
 	} catch {}
 }
-var ae = (e) => Array.from(e.textTracks).filter((e) => e.kind === "subtitles" || e.kind === "captions"), A = (e) => e.map((e, t) => {
+var le = (e) => Array.from(e.textTracks).filter((e) => e.kind === "subtitles" || e.kind === "captions"), O = (e) => e.map((e, t) => {
 	let n = e.lang || e.language || void 0;
 	return {
 		index: t,
@@ -140,15 +214,15 @@ var ae = (e) => Array.from(e.textTracks).filter((e) => e.kind === "subtitles" ||
 		lang: n,
 		...e.forced ? { forced: !0 } : {}
 	};
-}), oe = 0;
-function se() {
+}), ue = 0;
+function de() {
 	let e = globalThis.navigator?.connection;
 	return e ? {
 		downlink: e.downlink,
 		saveData: e.saveData
 	} : null;
 }
-function ce(e, n) {
+function fe(e, n) {
 	if (e) return class extends e {
 		getMaxLevel(e) {
 			let r = this.hls?.levels ?? [];
@@ -156,206 +230,207 @@ function ce(e, n) {
 		}
 	};
 }
-function le({ src: i, xhrSetup: b, refresh: x, expires: S, active: C = !0, stallTimeout: w = 1e4, abr: E, qualityKey: k = T, startAt: le, autoPlay: ue, audioLanguage: de, subtitleLanguage: fe, volumeKey: pe = d, trackKey: me = u }) {
-	let [j, he] = y(null), [M, N] = y("idle"), [P, F] = y(), [I, ge] = y(!1), [_e, L] = y(!1), [ve, ye] = y(0), [be, xe] = y(!1), R = v(null), z = v(() => {}), B = v(!1), V = v(null), H = v(!1), U = v(0), W = v(0), [Se, Ce] = y([]), [we, Te] = y(-1), [Ee, De] = y(-1), G = v(() => {}), [Oe, ke] = y([]), [Ae, je] = y(-1), [Me, Ne] = y([]), [Pe, K] = y(-1), q = v(() => {}), J = v(() => {}), Fe = v(I);
-	Fe.current = I;
-	let Y = v(() => {}), X = v({
-		xhrSetup: b,
-		refresh: x,
-		abr: E,
-		qualityKey: k,
-		startAt: le,
-		audioLanguage: de,
-		subtitleLanguage: fe,
-		volumeKey: pe,
-		trackKey: me
+function pe({ src: i, loader: y, refresh: b, expires: x, active: S = !0, stallTimeout: C = 1e4, abr: T, qualityKey: D = w, startAt: pe, autoPlay: me, audioLanguage: he, subtitleLanguage: ge, volumeKey: _e = d, trackKey: ve = u }) {
+	let [k, ye] = v(null), [A, j] = v("idle"), [M, N] = v(), [P, be] = v(!1), [xe, F] = v(!1), [Se, I] = v(0), [Ce, L] = v(!1), R = _(null), z = _(() => {}), B = _(!1), V = _(null), H = _(!1), U = _(0), W = _(0), [we, Te] = v([]), [Ee, De] = v(-1), [Oe, ke] = v(-1), G = _(() => {}), [Ae, je] = v([]), [Me, Ne] = v(-1), [Pe, Fe] = v([]), [Ie, K] = v(-1), q = _(() => {}), J = _(() => {}), Le = _(P);
+	Le.current = P;
+	let Y = _(() => {}), X = _({
+		loader: y,
+		refresh: b,
+		abr: T,
+		qualityKey: D,
+		startAt: pe,
+		audioLanguage: he,
+		subtitleLanguage: ge,
+		volumeKey: _e,
+		trackKey: ve
 	});
 	X.current = {
-		xhrSetup: b,
-		refresh: x,
-		abr: E,
-		qualityKey: k,
-		startAt: le,
-		audioLanguage: de,
-		subtitleLanguage: fe,
-		volumeKey: pe,
-		trackKey: me
+		loader: y,
+		refresh: b,
+		abr: T,
+		qualityKey: D,
+		startAt: pe,
+		audioLanguage: he,
+		subtitleLanguage: ge,
+		volumeKey: _e,
+		trackKey: ve
 	};
-	let Z = v(() => {});
-	D(S, x);
-	let Ie = v(S);
-	_(() => {
-		let e = Ie.current;
-		Ie.current = S, S && e && S > e && Z.current();
-	}, [S]), _(() => {
+	let Z = _(() => {});
+	E(x, b);
+	let Re = _(x);
+	g(() => {
+		let e = Re.current;
+		Re.current = x, x && e && x > e && Z.current();
+	}, [x]), g(() => {
 		U.current = X.current.startAt ?? 0;
-	}, [i]), _(() => {
-		if (!j || !i || !_e) return;
-		let u = !1, d = () => {}, m = 0, h = !1;
-		F(void 0), Ce([]), Te(-1), De(-1), ke([]), je(-1), Ne([]), K(-1), G.current = () => {}, q.current = () => {}, J.current = () => {}, Y.current = () => {}, Z.current = () => {};
-		let g = () => {
+	}, [i]), g(() => {
+		if (!k || !i || !xe) return;
+		let u = !1, d = () => {}, te = 0, m = !1;
+		N(void 0), Te([]), De(-1), ke(-1), je([]), Ne(-1), Fe([]), K(-1), G.current = () => {}, q.current = () => {}, J.current = () => {}, Y.current = () => {}, Z.current = () => {};
+		let h = () => {
 			if (!u) {
 				if (R.current !== null) return z.current();
-				U.current = j.currentTime || 0, u = !0, d(), ye((e) => e + 1);
+				U.current = k.currentTime || 0, u = !0, d(), I((e) => e + 1);
 			}
 		};
-		N(B.current ? "loading" : "idle");
-		let _ = (e) => {
+		j(B.current ? "loading" : "idle");
+		let g = (e) => {
 			if (u) return;
 			let t = X.current.refresh;
 			if (c(e) && t && !H.current) {
-				H.current = !0, U.current = j.currentTime || 0, R.current !== null && (R.current = U.current || R.current), u = !0, d(), N("loading"), Promise.resolve().then(t).catch(() => {}).finally(() => ye((e) => e + 1));
+				H.current = !0, U.current = k.currentTime || 0, R.current !== null && (R.current = U.current || R.current), u = !0, d(), j("loading"), Promise.resolve().then(t).catch(() => {}).finally(() => I((e) => e + 1));
 				return;
 			}
 			if (R.current !== null) return z.current();
-			e.kind === "network" && te(), u = !0, d(), B.current = !1, F(e), N("error");
-		}, v = () => h && _(r(j.error)), y = () => j.play().catch((e) => {
-			u || e?.name !== "NotAllowedError" || (B.current = !1, N((e) => e === "error" ? e : Fe.current ? "paused" : "idle"));
-		}), b = () => p(X.current.trackKey), x = (e) => {
-			let t = b().subtitles;
+			e.kind === "network" && re(), u = !0, d(), B.current = !1, N(e), j("error");
+		}, _ = () => m && g(r(k.error)), v = () => k.play().catch((e) => {
+			u || e?.name !== "NotAllowedError" || (B.current = !1, j((e) => e === "error" ? e : Le.current ? "paused" : "idle"));
+		}), y = () => p(X.current.trackKey), b = (e) => {
+			let t = y().subtitles;
 			return f(e.map((e) => ({ lang: e.lang || e.language })), t === "off" ? null : t ?? X.current.subtitleLanguage);
 		};
-		return j.addEventListener("error", v), import("hls.js").then(({ default: r }) => {
+		return k.addEventListener("error", _), import("hls.js").then(({ default: r }) => {
 			if (!u) {
 				if (r.isSupported()) {
-					let c = !1, l = se(), p = l?.saveData ? {
+					let c = !1, l = de(), p = l?.saveData ? {
 						...X.current.abr,
 						preferHighRes: !1
-					} : X.current.abr, h = o(p, l, oe), v = new r({
+					} : X.current.abr, m = o(p, l, ue), _ = new r({
 						...a,
-						...e(p, h),
-						capLevelController: ce(r.DefaultConfig.capLevelController, p),
+						...e(p, m),
+						capLevelController: fe(r.DefaultConfig.capLevelController, p),
 						autoStartLoad: !1,
-						xhrSetup: (e, t) => X.current.xhrSetup?.(e, t)
+						pLoader: oe((e, t) => ie(X.current.loader, e, t)),
+						xhrSetup: (e, t) => X.current.loader?.segment(e, t)
 					});
-					d = () => v.destroy(), v.subtitleDisplay = !1;
-					let S = () => {
-						ke(A(v.audioTracks)), je(v.audioTrack);
-					}, C = () => {
-						Ne(A(v.subtitleTracks)), K(v.subtitleTrack);
+					d = () => _.destroy(), _.subtitleDisplay = !1;
+					let x = () => {
+						je(O(_.audioTracks)), Ne(_.audioTrack);
+					}, S = () => {
+						Fe(O(_.subtitleTracks)), K(_.subtitleTrack);
 					};
-					v.on(r.Events.AUDIO_TRACKS_UPDATED, () => {
-						let e = f(v.audioTracks, b().audio ?? X.current.audioLanguage);
-						e >= 0 && e !== v.audioTrack && (v.audioTrack = e), S();
-					}), v.on(r.Events.AUDIO_TRACK_SWITCHED, S);
-					let w = () => {
-						R.current === null && v.subtitleTracks.length && (v.subtitleTrack = x(v.subtitleTracks));
+					_.on(r.Events.AUDIO_TRACKS_UPDATED, () => {
+						let e = f(_.audioTracks, y().audio ?? X.current.audioLanguage);
+						e >= 0 && e !== _.audioTrack && (_.audioTrack = e), x();
+					}), _.on(r.Events.AUDIO_TRACK_SWITCHED, x);
+					let C = () => {
+						R.current === null && _.subtitleTracks.length && (_.subtitleTrack = b(_.subtitleTracks));
 					};
-					v.on(r.Events.SUBTITLE_TRACKS_UPDATED, () => {
-						C(), queueMicrotask(() => {
-							u || (w(), C());
+					_.on(r.Events.SUBTITLE_TRACKS_UPDATED, () => {
+						S(), queueMicrotask(() => {
+							u || (C(), S());
 						});
-					}), v.on(r.Events.SUBTITLE_TRACK_SWITCH, C), q.current = (e) => {
-						v.audioTrack = e;
+					}), _.on(r.Events.SUBTITLE_TRACK_SWITCH, S), q.current = (e) => {
+						_.audioTrack = e;
 					}, J.current = (e) => {
-						v.subtitleTrack = e, K(e);
-					}, v.on(r.Events.ERROR, (e, t) => {
+						_.subtitleTrack = e, K(e);
+					}, _.on(r.Events.ERROR, (e, t) => {
 						let r = n(t);
-						(t.fatal || r.kind === "access" || r.kind === "not_found" || r.kind === "rate_limited" || r.kind === "network" && ++m >= 3) && _(r);
+						(t.fatal || r.kind === "access" || r.kind === "not_found" || r.kind === "rate_limited" || r.kind === "network" && ++te >= 3) && g(r);
 					});
-					let T = -1, E = () => {
-						let e = j.getBoundingClientRect(), n = globalThis.devicePixelRatio || 1, r = t(v.levels, e.width * n, e.height * n, p);
-						return ee(v.levels, v.bandwidthEstimate || h, r, l);
-					}, D = !1, O = (e) => {
-						D = !0, v.currentLevel = e;
+					let w = -1, T = () => {
+						let e = k.getBoundingClientRect(), n = globalThis.devicePixelRatio || 1, r = t(_.levels, e.width * n, e.height * n, p);
+						return ee(_.levels, _.bandwidthEstimate || m, r, l);
+					}, E = !1, ne = (e) => {
+						E = !0, _.currentLevel = e;
 					};
-					v.on(r.Events.BUFFER_FLUSHED, () => {
-						D && (D = !1, j.currentTime = j.currentTime);
+					_.on(r.Events.BUFFER_FLUSHED, () => {
+						E && (E = !1, k.currentTime = k.currentTime);
 					}), G.current = (e) => {
-						T = e, Te(e), c && (e >= 0 ? O(e) : v.nextLevel = -1);
+						w = e, De(e), c && (e >= 0 ? ne(e) : _.nextLevel = -1);
 					}, Y.current = () => {
-						w(), c && (O(T), T < 0 && (v.nextAutoLevel = E()));
-					}, v.on(r.Events.LEVEL_SWITCHED, (e, t) => De(t.level)), v.on(r.Events.FRAG_LOADED, () => {
-						m = 0, W.current = Date.now(), oe = v.bandwidthEstimate;
+						C(), c && (ne(w), w < 0 && (_.nextAutoLevel = T()));
+					}, _.on(r.Events.LEVEL_SWITCHED, (e, t) => ke(t.level)), _.on(r.Events.FRAG_LOADED, () => {
+						te = 0, W.current = Date.now(), ue = _.bandwidthEstimate;
 					});
-					let k = () => v.levels.some((e) => /[?&]t=/.test(e.details?.fragments[0]?.url ?? ""));
+					let D = () => _.levels.some((e) => /[?&]t=/.test(e.details?.fragments[0]?.url ?? ""));
 					Z.current = () => {
-						c && k() && g();
+						c && D() && h();
 					};
-					let te = !1;
+					let re = !1;
 					V.current = () => {
-						if (te) {
+						if (re) {
 							if (!c) {
 								c = !0;
 								let e = R.current;
-								e === null ? (v.startLevel = T >= 0 ? T : E(), T >= 0 && (v.loadLevel = T), v.startLoad(U.current || -1)) : (v.startLevel = 0, v.startLoad(e)), U.current = 0;
+								e === null ? (_.startLevel = w >= 0 ? w : T(), w >= 0 && (_.loadLevel = w), _.startLoad(U.current || -1)) : (_.startLevel = 0, _.startLoad(e)), U.current = 0;
 							}
-							y();
+							v();
 						}
-					}, v.on(r.Events.MANIFEST_PARSED, () => {
-						te = !0;
-						for (let e of s(v.levels, v.firstLevel)) v.removeLevel(e);
-						let e = p?.maxHeight ?? Infinity, t = v.levels.map((e, t) => ({
+					}, _.on(r.Events.MANIFEST_PARSED, () => {
+						re = !0;
+						for (let e of s(_.levels, _.firstLevel)) _.removeLevel(e);
+						let e = p?.maxHeight ?? Infinity, t = _.levels.map((e, t) => ({
 							index: t,
 							height: Math.min(e.width, e.height) || e.height,
 							width: e.width,
 							bitrate: e.bitrate
 						})).filter((t) => t.height > 0 && t.height <= e);
-						Ce(t);
-						let n = re(X.current.qualityKey), r = typeof n == "number" ? t.find((e) => e.height === n) : void 0;
+						Te(t);
+						let n = se(X.current.qualityKey), r = typeof n == "number" ? t.find((e) => e.height === n) : void 0;
 						r && G.current(r.index), B.current && V.current?.();
-					}), v.loadSource(i), v.attachMedia(j);
+					}), _.loadSource(i), _.attachMedia(k);
 					return;
 				}
-				if (!j.canPlayType(O)) return _({
+				if (!k.canPlayType(ne)) return g({
 					kind: "unsupported",
 					code: "no-hls"
 				});
-				ne(i, X.current.xhrSetup).then((e) => {
+				ae(i, X.current.loader).then((e) => {
 					if (u) return;
-					if (e < 200 || e >= 400) return _({
+					if (e < 200 || e >= 400) return g({
 						kind: l(e),
 						code: `probe/${e}`,
 						status: e
 					});
-					h = !0, Z.current = g;
-					let t = j.audioTracks, n = () => {
+					m = !0, Z.current = h;
+					let t = k.audioTracks, n = () => {
 						let e = t ? Array.from(t) : [];
-						ke(A(e)), je(e.findIndex((e) => e.enabled));
-						let n = ae(j);
-						Ne(A(n)), K(n.findIndex((e) => e.mode !== "disabled"));
+						je(O(e)), Ne(e.findIndex((e) => e.enabled));
+						let n = le(k);
+						Fe(O(n)), K(n.findIndex((e) => e.mode !== "disabled"));
 					};
 					q.current = (e) => {
 						let r = t?.[e];
 						r && (r.enabled = !0), n();
 					};
 					let r = !1, a = (e) => {
-						ae(j).forEach((t, n) => t.mode = n === e ? "hidden" : "disabled"), n();
+						le(k).forEach((t, n) => t.mode = n === e ? "hidden" : "disabled"), n();
 					};
 					J.current = (e) => {
 						r = !0, a(e);
 					};
 					let o = () => {
 						if (r || R.current !== null) return n();
-						a(x(A(ae(j))));
+						a(b(O(le(k))));
 					}, s = () => {
-						let e = t ? Array.from(t) : [], n = f(A(e), b().audio ?? X.current.audioLanguage);
+						let e = t ? Array.from(t) : [], n = f(O(e), y().audio ?? X.current.audioLanguage);
 						n >= 0 && !e[n].enabled && (e[n].enabled = !0), o();
 					};
-					j.addEventListener("loadedmetadata", s, { once: !0 }), j.textTracks.addEventListener?.("addtrack", o), t?.addEventListener("change", n), j.src = i, R.current === null ? U.current && (j.currentTime = U.current) : j.currentTime = R.current, U.current = 0, d = () => {
-						j.removeEventListener("loadedmetadata", s), j.textTracks.removeEventListener?.("addtrack", o), t?.removeEventListener("change", n), j.removeAttribute("src"), j.load();
-					}, Y.current = o, V.current = () => void y(), B.current && V.current();
+					k.addEventListener("loadedmetadata", s, { once: !0 }), k.textTracks.addEventListener?.("addtrack", o), t?.addEventListener("change", n), k.src = i, R.current === null ? U.current && (k.currentTime = U.current) : k.currentTime = R.current, U.current = 0, d = () => {
+						k.removeEventListener("loadedmetadata", s), k.textTracks.removeEventListener?.("addtrack", o), t?.removeEventListener("change", n), k.removeAttribute("src"), k.load();
+					}, Y.current = o, V.current = () => void v(), B.current && V.current();
 				});
 			}
-		}, () => _({
+		}, () => g({
 			kind: "unsupported",
 			code: "hls.js"
 		})), () => {
-			u = !0, Z.current = () => {}, V.current = null, j.removeEventListener("error", v), d();
+			u = !0, Z.current = () => {}, V.current = null, k.removeEventListener("error", _), d();
 		};
 	}, [
-		j,
+		k,
 		i,
-		_e,
-		ve
-	]), _(() => {
-		if (!j) return;
-		let e = (e) => () => N((t) => t === "error" ? t : e), t = {
+		xe,
+		Se
+	]), g(() => {
+		if (!k) return;
+		let e = (e) => () => j((t) => t === "error" ? t : e), t = {
 			playing: () => {
-				R.current === null && ge(!0), H.current = !1, W.current = Date.now(), e("playing")();
+				R.current === null && be(!0), H.current = !1, W.current = Date.now(), e("playing")();
 			},
 			pause: () => {
-				j.ended || e("paused")();
+				k.ended || e("paused")();
 			},
 			waiting: () => B.current && e("buffering")(),
 			ended: () => R.current === null ? e("ended")() : z.current(),
@@ -364,114 +439,114 @@ function le({ src: i, xhrSetup: b, refresh: x, expires: S, active: C = !0, stall
 				B.current = !0, W.current = Date.now();
 			}
 		};
-		for (let [e, n] of Object.entries(t)) j.addEventListener(e, n);
+		for (let [e, n] of Object.entries(t)) k.addEventListener(e, n);
 		return () => {
-			for (let [e, n] of Object.entries(t)) j.removeEventListener(e, n);
+			for (let [e, n] of Object.entries(t)) k.removeEventListener(e, n);
 		};
-	}, [j]), _(() => {
-		!C && j && !j.paused && j.pause(), C || (B.current = !1);
-	}, [C, j]);
-	let Le = M === "loading" || M === "buffering" || M === "playing";
-	_(() => {
-		if (!Le || !j) return;
-		let e = j.currentTime;
+	}, [k]), g(() => {
+		!S && k && !k.paused && k.pause(), S || (B.current = !1);
+	}, [S, k]);
+	let ze = A === "loading" || A === "buffering" || A === "playing";
+	g(() => {
+		if (!ze || !k) return;
+		let e = k.currentTime;
 		W.current = Math.max(W.current, Date.now());
 		let t = setInterval(() => {
-			if (B.current && !j.paused) {
-				if (j.currentTime !== e) e = j.currentTime, W.current = Date.now();
-				else if (Date.now() - W.current > w) {
+			if (B.current && !k.paused) {
+				if (k.currentTime !== e) e = k.currentTime, W.current = Date.now();
+				else if (Date.now() - W.current > C) {
 					if (R.current !== null) return z.current();
-					j.pause(), B.current = !1, F({
+					k.pause(), B.current = !1, N({
 						kind: "stalled",
 						code: "stall"
-					}), N("error");
+					}), j("error");
 				}
 			}
 		}, 1e3);
 		return () => clearInterval(t);
 	}, [
-		Le,
-		j,
-		w
+		ze,
+		k,
+		C
 	]);
-	let Re = g(() => {
-		B.current = !0, H.current = !1, W.current = Date.now(), F(void 0), N("loading"), L(!0), ye((e) => e + 1);
-	}, []), Q = g(() => {
-		if (!j) return;
-		let e = m(X.current.volumeKey);
-		j.volume = e.volume, j.muted = e.muted;
-	}, [j]), ze = g(() => {
-		R.current !== null && (R.current = null, B.current = !1, xe(!1), L(!1), N("idle"), j && (j.pause(), Q()));
-	}, [j, Q]);
-	z.current = ze;
-	let Be = g((e) => {
-		!j || I || P || B.current || R.current !== null || (R.current = Math.max(0, e), j.muted = !0, B.current = !0, W.current = Date.now(), xe(!0), L(!0), V.current?.());
-	}, [
-		j,
-		I,
-		P
-	]), $ = g(() => {
-		if (P) return Re();
-		R.current === null ? Fe.current || Q() : (R.current = null, xe(!1), j && (Q(), j.currentTime = X.current.startAt ?? 0), Y.current(), ge(!0)), B.current = !0, W.current = Date.now(), N("loading"), L(!0), V.current?.();
+	let Be = h(() => {
+		B.current = !0, H.current = !1, W.current = Date.now(), N(void 0), j("loading"), F(!0), I((e) => e + 1);
+	}, []), Q = h(() => {
+		if (!k) return;
+		let e = te(X.current.volumeKey);
+		k.volume = e.volume, k.muted = e.muted;
+	}, [k]), Ve = h(() => {
+		R.current !== null && (R.current = null, B.current = !1, L(!1), F(!1), j("idle"), k && (k.pause(), Q()));
+	}, [k, Q]);
+	z.current = Ve;
+	let He = h((e) => {
+		!k || P || M || B.current || R.current !== null || (R.current = Math.max(0, e), k.muted = !0, B.current = !0, W.current = Date.now(), L(!0), F(!0), V.current?.());
 	}, [
+		k,
 		P,
-		Re,
-		j,
+		M
+	]), $ = h(() => {
+		if (M) return Be();
+		R.current === null ? Le.current || Q() : (R.current = null, L(!1), k && (Q(), k.currentTime = X.current.startAt ?? 0), Y.current(), be(!0)), B.current = !0, W.current = Date.now(), j("loading"), F(!0), V.current?.();
+	}, [
+		M,
+		Be,
+		k,
 		Q
-	]), Ve = v($);
-	Ve.current = $;
-	let He = v(ue);
-	He.current = ue, _(() => {
-		j && i && He.current && Ve.current();
-	}, [j, i]);
-	let Ue = v(Se);
-	Ue.current = Se;
-	let We = g((e) => {
+	]), Ue = _($);
+	Ue.current = $;
+	let We = _(me);
+	We.current = me, g(() => {
+		k && i && We.current && Ue.current();
+	}, [k, i]);
+	let Ge = _(we);
+	Ge.current = we;
+	let Ke = h((e) => {
 		G.current(e);
-		let t = Ue.current.find((t) => t.index === e)?.height;
-		ie(X.current.qualityKey, e === -1 || !t ? "auto" : t);
-	}, []), Ge = v(Oe);
-	Ge.current = Oe;
-	let Ke = v(Me);
-	Ke.current = Me;
-	let qe = g((e) => {
+		let t = Ge.current.find((t) => t.index === e)?.height;
+		ce(X.current.qualityKey, e === -1 || !t ? "auto" : t);
+	}, []), qe = _(Ae);
+	qe.current = Ae;
+	let Je = _(Pe);
+	Je.current = Pe;
+	let Ye = h((e) => {
 		q.current(e);
-		let t = Ge.current[e]?.lang;
-		t && h(X.current.trackKey, { audio: t });
-	}, []), Je = g((e) => {
+		let t = qe.current[e]?.lang;
+		t && m(X.current.trackKey, { audio: t });
+	}, []), Xe = h((e) => {
 		J.current(e);
-		let t = e < 0 ? "off" : Ke.current[e]?.lang;
-		t && h(X.current.trackKey, { subtitles: t });
+		let t = e < 0 ? "off" : Je.current[e]?.lang;
+		t && m(X.current.trackKey, { subtitles: t });
 	}, []);
 	return {
-		ref: he,
-		status: M,
-		error: P,
-		started: I,
+		ref: ye,
+		status: A,
+		error: M,
+		started: P,
 		play: $,
-		preview: Be,
-		unload: ze,
-		previewing: be,
-		retry: Re,
+		preview: He,
+		unload: Ve,
+		previewing: Ce,
+		retry: Be,
 		quality: {
-			levels: Se,
-			selected: we,
-			current: Ee,
-			select: We
+			levels: we,
+			selected: Ee,
+			current: Oe,
+			select: Ke
 		},
 		audio: {
-			list: Oe,
-			selected: Ae,
-			select: qe
+			list: Ae,
+			selected: Me,
+			select: Ye
 		},
 		subtitles: {
-			list: Me,
-			selected: Pe,
-			select: Je
+			list: Pe,
+			selected: Ie,
+			select: Xe
 		}
 	};
 }
 //#endregion
-export { b as GALLERY_VIEW_KEY, T as PLAYER_QUALITY_KEY, w as useCarousel, S as useGalleryView, le as useHlsPlayer, D as useRefreshBeforeExpiry };
+export { y as GALLERY_VIEW_KEY, w as PLAYER_QUALITY_KEY, ie as fetchPlaylist, C as useCarousel, x as useGalleryView, pe as useHlsPlayer, E as useRefreshBeforeExpiry };
 
 //# sourceMappingURL=gallery.js.map