@oddin-gg/havik-player 2.16.0 → 2.16.1

package/dist/index.js

@@ -860,7 +860,8 @@ function qe(e, t) {
 }
 //#endregion
 //#region src/core/engine/native.ts
-function Je(e) {
+var Je = 2e3, Ye = 3;
+function Xe(e) {
 	try {
 		let t = new TextDecoder("utf-8").decode(new Uint8Array(e));
 		return /^skd:\/\/[0-9a-fA-F-]{36}:([0-9a-fA-F]{32})$/.exec(t)?.[1];
@@ -876,7 +877,7 @@ function G() {
 	let e = "WebKitMediaKeys" in window || typeof HTMLMediaElement < "u" && "webkitSetMediaKeys" in HTMLMediaElement.prototype, t = typeof navigator < "u" && /Apple/i.test(navigator.vendor ?? "");
 	return e || t;
 }
-function Ye() {
+function Ze() {
 	if (typeof navigator > "u" || !G()) return !1;
 	let e = navigator.userAgent ?? "";
 	return /iPhone|iPad|iPod/.test(e) ? !0 : /Macintosh/.test(e) && typeof navigator.maxTouchPoints == "number" && navigator.maxTouchPoints > 1;
@@ -890,6 +891,9 @@ var K = class {
 	fairplayLicenseUrl;
 	keySession = null;
 	fairplayArmed = !1;
+	onVisibility = null;
+	onPageShow = null;
+	hiddenSince = null;
 	fairplayKeyIV;
 	loadStarted;
 	preloadTouched = !1;
@@ -901,7 +905,7 @@ var K = class {
 	}
 	async load() {
 		let { video: e, descriptor: t, emit: r } = this.deps;
-		if (this.loadStarted || (this.preloadTouched = !0, this.savedPreload = e.getAttribute("preload"), e.preload = "none"), t.drmEnabled) {
+		if (this.watchRefocus(), this.loadStarted || (this.preloadTouched = !0, this.savedPreload = e.getAttribute("preload"), e.preload = "none"), t.drmEnabled) {
 			if (!t.drm?.fairplay) {
 				r({
 					type: "error",
@@ -917,7 +921,7 @@ var K = class {
 			type: "error",
 			error: new n("INTERNAL", 0, "native HLS playback error"),
 			fatal: !0
-		}), this.onLoaded && e.addEventListener("loadedmetadata", this.onLoaded, { once: !0 }), e.addEventListener("error", this.onError), e.src = Xe(t.manifestUrl, t.analytics?.sid), e.load();
+		}), this.onLoaded && e.addEventListener("loadedmetadata", this.onLoaded, { once: !0 }), e.addEventListener("error", this.onError), e.src = Qe(t.manifestUrl, t.analytics?.sid), e.load();
 	}
 	startLoad() {
 		this.loadStarted || (this.loadStarted = !0, this.restorePreload());
@@ -939,7 +943,7 @@ var K = class {
 		});
 		this.onEncrypted = (n) => {
 			let i = n;
-			i.initData && !this.fairplayArmed && (this.fairplayArmed = !0, this.fairplayKeyIV = Je(i.initData), (async () => {
+			i.initData && !this.fairplayArmed && (this.fairplayArmed = !0, this.fairplayKeyIV = Xe(i.initData), (async () => {
 				try {
 					let n = await (await navigator.requestMediaKeySystemAccess("com.apple.fps", [{
 						initDataTypes: [i.initDataType],
@@ -1053,7 +1057,31 @@ var K = class {
 			this.deps.video.pause();
 		} catch {}
 	}
+	watchRefocus() {
+		this.deps.snapToLiveOnRefocus === !1 || typeof document > "u" || this.onVisibility || (this.onVisibility = () => {
+			let e = typeof performance < "u" ? performance.now() : Date.now();
+			if (document.visibilityState === "hidden") {
+				this.hiddenSince = e;
+				return;
+			}
+			let t = this.hiddenSince;
+			this.hiddenSince = null, t != null && e - t >= Je && this.snapToLive();
+		}, this.onPageShow = (e) => {
+			e.persisted && this.snapToLive();
+		}, document.addEventListener("visibilitychange", this.onVisibility), typeof window < "u" && window.addEventListener("pageshow", this.onPageShow));
+	}
+	snapToLive() {
+		let e = this.deps.video;
+		if (e.duration !== Infinity || e.seekable.length === 0) return;
+		let t = e.seekable.start(e.seekable.length - 1), n = e.seekable.end(e.seekable.length - 1);
+		if (!Number.isFinite(n)) return;
+		let r = Math.max(t, n - Ye);
+		try {
+			e.currentTime = r;
+		} catch {}
+	}
 	destroy() {
+		this.onVisibility && typeof document < "u" && (document.removeEventListener("visibilitychange", this.onVisibility), this.onVisibility = null), this.onPageShow && typeof window < "u" && (window.removeEventListener("pageshow", this.onPageShow), this.onPageShow = null);
 		let { video: e } = this.deps;
 		this.onLoaded && e.removeEventListener("loadedmetadata", this.onLoaded), this.onError && e.removeEventListener("error", this.onError), this.onEncrypted && e.removeEventListener("encrypted", this.onEncrypted), this.keySession?.close().catch(() => {}), this.keySession = null, this.fairplayArmed = !1, this.fairplayKeyIV = void 0;
 		try {
@@ -1065,13 +1093,13 @@ var K = class {
 		} catch {}
 	}
 };
-function Xe(e, t) {
+function Qe(e, t) {
 	return t ? `${e}${e.includes("?") ? "&" : "?"}CMCD=${encodeURIComponent(`sid="${t}"`)}` : e;
 }
 //#endregion
 //#region src/core/engine/prefetch.ts
-var Ze = 15e3, Qe = 5e3, $e = 6;
-function et(e) {
+var $e = 15e3, et = 5e3, tt = 6;
+function nt(e) {
 	try {
 		let t = new URL(e);
 		return t.searchParams.delete("CMCD"), t.toString();
@@ -1079,7 +1107,7 @@ function et(e) {
 		return e;
 	}
 }
-var tt = class {
+var rt = class {
 	cmcd;
 	entries = /* @__PURE__ */ new Map();
 	keyed = /* @__PURE__ */ new Set();
@@ -1102,10 +1130,10 @@ var tt = class {
 	}
 	prefetch(e, t, n) {
 		if (!this.isActive(t)) return;
-		let r = et(e);
+		let r = nt(e);
 		if (this.entries.has(r)) return;
 		let i = this.perTrack.get(t) ?? 0;
-		if (i >= $e) return;
+		if (i >= tt) return;
 		this.perTrack.set(t, i + 1);
 		let a = new AbortController(), o = {
 			started: performance.now(),
@@ -1119,10 +1147,10 @@ var tt = class {
 			signal: a.signal
 		}).then(async (e) => (o.first = performance.now(), e.ok ? e.arrayBuffer() : null)).catch(() => null), this.entries.set(r, o), this.stats.started += 1, setTimeout(() => {
 			this.entries.get(r) === o && (this.entries.delete(r), a.abort(), this.stats.expired += 1);
-		}, Ze);
+		}, $e);
 	}
 	take(e) {
-		let t = et(e), n = this.entries.get(t);
+		let t = nt(e), n = this.entries.get(t);
 		return n && this.entries.delete(t), n;
 	}
 	destroy() {
@@ -1142,13 +1170,13 @@ var tt = class {
 		}
 	}
 };
-function nt(t) {
+function it(t) {
 	let n = e.DefaultConfig?.loader;
 	if (typeof n != "function") return;
 	class r extends n {
 		served = !1;
 		cancelled = !1;
-		stats = rt();
+		stats = at();
 		load(e, n, r) {
 			let i = e.rangeEnd ? void 0 : t.take(e.url);
 			if (!i) {
@@ -1156,7 +1184,7 @@ function nt(t) {
 				return;
 			}
 			this.served = !0;
-			let a = performance.now(), o = n?.loadPolicy?.maxTimeToFirstByteMs || Qe, s = setTimeout(() => {
+			let a = performance.now(), o = n?.loadPolicy?.maxTimeToFirstByteMs || et, s = setTimeout(() => {
 				!this.cancelled && this.served && (i.abort.abort(), t.stats.failed += 1, this.served = !1, super.load(e, n, r));
 			}, o);
 			i.bytes.then((o) => {
@@ -1183,7 +1211,7 @@ function nt(t) {
 	}
 	return r;
 }
-function rt() {
+function at() {
 	return {
 		aborted: !1,
 		loaded: 0,
@@ -1207,10 +1235,10 @@ function rt() {
 		}
 	};
 }
-function it(e) {
+function ot(e) {
 	return e === "audio" ? "audio" : "main";
 }
-function at(e, t) {
+function st(e, t) {
 	let n = [];
 	t.initSegment?.url && !t.initSegment.data && n.push({
 		url: t.initSegment.url,
@@ -1229,24 +1257,24 @@ function at(e, t) {
 }
 //#endregion
 //#region src/core/engine/hls.ts
-function ot() {
+function ct() {
 	return e.isSupported();
 }
-var st = 3, ct = 5, lt = 3, ut = 3e4, dt = 12e3, ft = 3e3, pt = 6e3, mt = .5, ht = 3, gt = .5, _t = 1.1, vt = .25, yt = 5e3, bt = 4e3, xt = 2, St = 5, Ct = 2, wt = 2, Tt = 4, Et = 4, Dt = 2e3, Ot = 3e4, kt = .2, At = 30, jt = 2, Mt = 2, Nt = 9, Pt = .5, Ft = 64;
-function It(e) {
+var lt = 3, ut = 5, dt = 3, ft = 3e4, pt = 12e3, mt = 3e3, ht = 6e3, gt = .5, _t = 3, vt = .5, yt = 1.1, bt = .25, xt = 5e3, St = 4e3, Ct = 2, wt = 5, Tt = 2, Et = 2, Dt = 4, Ot = 4, kt = 2e3, At = 3e4, jt = .2, Mt = 30, Nt = 2, Pt = 2, Ft = 9, It = .5, Lt = 64;
+function Rt(e) {
 	if (e.liveSyncDurationCount != null || e.liveMaxLatencyDurationCount != null) {
 		delete e.liveSyncDuration, delete e.liveMaxLatencyDuration;
 		return;
 	}
-	e.liveSyncDuration ??= Mt;
-	let t = Math.max(12, e.liveSyncDuration + Nt);
-	(e.liveMaxLatencyDuration == null || e.liveMaxLatencyDuration <= e.liveSyncDuration) && (e.liveMaxLatencyDuration = t), Lt(e, e.liveSyncDuration);
+	e.liveSyncDuration ??= Pt;
+	let t = Math.max(12, e.liveSyncDuration + Ft);
+	(e.liveMaxLatencyDuration == null || e.liveMaxLatencyDuration <= e.liveSyncDuration) && (e.liveMaxLatencyDuration = t), zt(e, e.liveSyncDuration);
 }
-function Lt(e, t) {
+function zt(e, t) {
 	let n = (e, t, n) => Math.min(n, Math.max(t, e));
 	e.maxStarvationDelay ??= n(t / 2, .5, 4), e.maxLoadingDelay ??= n(t, 1, 4), e.abrEwmaFastLive ??= n(t / 2, 1, 3);
 }
-var Rt = class {
+var Bt = class {
 	name = "hls";
 	hls = null;
 	deps;
@@ -1359,7 +1387,7 @@ var Rt = class {
 				}
 				this.loadSuspended = !0;
 			}
-		}, yt));
+		}, xt));
 	}
 	resumeLoading() {
 		if (this.pauseSuspendTimer &&= (clearTimeout(this.pauseSuspendTimer), null), this.resetChaseWindow(), this.resetFrameDropWindow(), this.loadSuspended && (this.loadSuspended = !1, !this.stopped && this.hls)) {
@@ -1391,7 +1419,7 @@ var Rt = class {
 		let t = e.liveSyncPosition;
 		if (typeof t != "number" || !Number.isFinite(t)) return;
 		let { video: n } = this.deps;
-		n.currentTime <= t + Pt || (n.currentTime = t);
+		n.currentTime <= t + It || (n.currentTime = t);
 	}
 	startHls() {
 		let { video: t, descriptor: n, credential: r, deviceId: i, userId: a, lowLatency: o, debug: s, hlsConfig: c, emit: l } = this.deps;
@@ -1432,20 +1460,20 @@ var Rt = class {
 			...c
 		};
 		if (this.prefetch?.destroy(), this.prefetch = null, u && this.deps.mediaDuringKey !== !1 && !d.fLoader) {
-			let e = new tt({
+			let e = new rt({
 				sessionId: n.analytics?.sid,
 				contentId: n.matchUrn
-			}), t = nt(e);
+			}), t = it(e);
 			t && (this.prefetch = e, d.fLoader = t);
 		}
-		It(d), this.catchUpRate = typeof d.maxLiveSyncPlaybackRate == "number" ? d.maxLiveSyncPlaybackRate : 1, this.catchUpEngaged = !1, this.catchUpRate > 1 && (d.maxLiveSyncPlaybackRate = 1), this.sizeCapManaged = d.capLevelToPlayerSize !== !0, this.fpsCapManaged = !(c && "capLevelOnFPSDrop" in c), this.loadStarted = d.autoStartLoad !== !1;
+		Rt(d), this.catchUpRate = typeof d.maxLiveSyncPlaybackRate == "number" ? d.maxLiveSyncPlaybackRate : 1, this.catchUpEngaged = !1, this.catchUpRate > 1 && (d.maxLiveSyncPlaybackRate = 1), this.sizeCapManaged = d.capLevelToPlayerSize !== !0, this.fpsCapManaged = !(c && "capLevelOnFPSDrop" in c), this.loadStarted = d.autoStartLoad !== !1;
 		let f = new e(d);
 		if (this.hls = f, f.on(e.Events.MANIFEST_PARSED, () => {
 			this.mediaRecoveries = 0, this.networkRecoveries = 0, u && !this.deps.hlsConfig?.requestMediaKeySystemAccessFunc && this.dropLevelsWidevineCannotPlay(f), this.measureLadder(f), this.applySizeCap(), this.loadSuspended = !1, t.paused && this.schedulePauseSuspend(), l({ type: "ready" });
 		}), f.on(e.Events.FRAG_BUFFERED, (e, t) => {
 			t?.frag?.type === "main" && (this.kickKind !== "dead" && this.clearKick(), (this.mediaRecoveries > 0 || this.networkRecoveries > 0 || this.licenseRecoveries > 0 || this.starvationKicks > 0 || this.starvationRebuilds > 0) && !this.recoveryResetTimer && (this.recoveryResetTimer = setTimeout(() => {
 				this.mediaRecoveries = 0, this.networkRecoveries = 0, this.licenseRecoveries = 0, this.starvationKicks = 0, this.starvationRebuilds = 0, this.recoveryResetTimer = null;
-			}, ut)));
+			}, ft)));
 		}), f.on(e.Events.FRAG_LOADING, (e, t) => {
 			t?.frag?.type === "main" && (this.lastFragLoadingMs = Date.now());
 		}), f.on(e.Events.FRAG_LOADED, (e, t) => {
@@ -1453,7 +1481,7 @@ var Rt = class {
 			let n = t?.frag?.stats, r = n?.loaded;
 			typeof r == "number" && (this.bytesLoaded += r), !this.reportedFirstBytes && typeof r == "number" && r > 0 && (this.reportedFirstBytes = !0, l({ type: "firstBytes" }));
 			let i = n?.loading;
-			i && i.end > 0 && i.start > 0 && (this.requestCount += 1, this.requestTimesMs.push(Math.max(0, Math.round(i.end - i.start))), this.requestTimesMs.length > Ft && this.requestTimesMs.shift());
+			i && i.end > 0 && i.start > 0 && (this.requestCount += 1, this.requestTimesMs.push(Math.max(0, Math.round(i.end - i.start))), this.requestTimesMs.length > Lt && this.requestTimesMs.shift());
 			let a = t?.frag?.url;
 			if (a) {
 				let e = H(a);
@@ -1470,15 +1498,15 @@ var Rt = class {
 		}), f.on(e.Events.LEVEL_LOADED, (e, t) => this.trackEnd(t)), this.prefetch) {
 			let t = this.prefetch;
 			f.on(e.Events.KEY_LOADING, (e, n) => {
-				let r = n?.frag, i = it(r?.type);
-				if (r && t.isActive(i)) for (let e of at(f, r)) t.prefetch(e.url, i, e.kind);
-			}), f.on(e.Events.KEY_LOADED, (e, n) => t.keyUsable(it(n?.frag?.type)));
+				let r = n?.frag, i = ot(r?.type);
+				if (r && t.isActive(i)) for (let e of st(f, r)) t.prefetch(e.url, i, e.kind);
+			}), f.on(e.Events.KEY_LOADED, (e, n) => t.keyUsable(ot(n?.frag?.type)));
 		}
 		f.on(e.Events.KEY_LOADED, () => {
 			u && !this.reportedDrmReady && (this.reportedDrmReady = !0, l({ type: "drmReady" }));
 		}), this.endWatchdog && clearInterval(this.endWatchdog), this.endWatchdog = setInterval(() => {
 			this.checkEndStale(), this.checkStarvation(), this.updateCatchUpBand(), this.checkFutileChase(), this.checkFrameDrops();
-		}, ft), f.on(e.Events.LEVEL_SWITCHED, (e, t) => {
+		}, mt), f.on(e.Events.LEVEL_SWITCHED, (e, t) => {
 			this.renditionSwitches += 1;
 			let n = this.lastLevelIndex >= 0 ? f.levels[this.lastLevelIndex] : void 0, r = f.levels[t.level];
 			n && r && r.bitrate !== n.bitrate && (r.bitrate > n.bitrate ? this.upshifts += 1 : this.downshifts += 1), this.lastLevelIndex = t.level, l({
@@ -1542,7 +1570,7 @@ var Rt = class {
 			return;
 		}
 		this.capTimer && clearTimeout(this.capTimer);
-		let t = e > this.sizeCapLevel ? Dt : Ot;
+		let t = e > this.sizeCapLevel ? kt : At;
 		this.capTimer = setTimeout(() => {
 			this.capTimer = null, this.computeSizeCapTarget() === e ? this.applySizeCap() : this.onMediaResize();
 		}, t);
@@ -1663,7 +1691,7 @@ var Rt = class {
 			return;
 		}
 		let e = Date.now() - this.lastAdvanceMs;
-		!this.chaseSuspended && e > pt && this.suspendChasing(), e > dt && this.emitEnded("stalled");
+		!this.chaseSuspended && e > ht && this.suspendChasing(), e > pt && this.emitEnded("stalled");
 	}
 	resetStarvationWindow() {
 		this.starvedTicks = 0, this.deadTicks = 0, this.mainFragsSinceTick = 0, this.recentMainFrags = [];
@@ -1678,7 +1706,7 @@ var Rt = class {
 			this.resetStarvationWindow();
 			return;
 		}
-		let n = Date.now(), r = this.lastAdvanceMs !== 0 && n - this.lastAdvanceMs < pt, i = this.lastFragLoadingMs !== 0 && n - this.lastFragLoadingMs > bt, a = t.readyState < HTMLMediaElement.HAVE_FUTURE_DATA && !t.paused, { totalFrames: o, dropped: s } = U(t), c = o - s, l = c !== this.starvedFrames;
+		let n = Date.now(), r = this.lastAdvanceMs !== 0 && n - this.lastAdvanceMs < ht, i = this.lastFragLoadingMs !== 0 && n - this.lastFragLoadingMs > St, a = t.readyState < HTMLMediaElement.HAVE_FUTURE_DATA && !t.paused, { totalFrames: o, dropped: s } = U(t), c = o - s, l = c !== this.starvedFrames;
 		if (this.starvedFrames = c, !a || l) {
 			(t.readyState >= HTMLMediaElement.HAVE_FUTURE_DATA || l) && this.clearKick(), this.resetStarvationWindow();
 			return;
@@ -1687,12 +1715,12 @@ var Rt = class {
 			this.resetStarvationWindow();
 			return;
 		}
-		if (this.kickPending && (this.kickKind === "dead" || i) && (this.kickTicks += 1), this.starvedTicks = i ? this.starvedTicks + 1 : 0, this.deadTicks += 1, this.recentMainFrags.push(this.mainFragsSinceTick), this.mainFragsSinceTick = 0, this.recentMainFrags.length > Tt && this.recentMainFrags.shift(), this.clearRecoveryReset(), this.kickPending && this.kickTicks >= Ct && (this.clearKick(), this.starvationRebuilds < wt)) {
+		if (this.kickPending && (this.kickKind === "dead" || i) && (this.kickTicks += 1), this.starvedTicks = i ? this.starvedTicks + 1 : 0, this.deadTicks += 1, this.recentMainFrags.push(this.mainFragsSinceTick), this.mainFragsSinceTick = 0, this.recentMainFrags.length > Dt && this.recentMainFrags.shift(), this.clearRecoveryReset(), this.kickPending && this.kickTicks >= Tt && (this.clearKick(), this.starvationRebuilds < Et)) {
 			this.starvationRebuilds += 1, this.resetStarvationWindow(), this.clearRecoveryReset(), console.warn("havik-player: restarting the load did not resume video (the wedge is in hls.js state that only a rebuild clears) — rebuilding the player"), this.rebuildInstance("starvation rebuild");
 			return;
 		}
-		let u = i && this.starvedTicks >= xt, d = !i && this.deadTicks >= Tt && this.recentMainFrags.reduce((e, t) => e + t, 0) >= Et;
-		if ((u || d) && (this.resetStarvationWindow(), !(this.starvationKicks >= St))) {
+		let u = i && this.starvedTicks >= Ct, d = !i && this.deadTicks >= Dt && this.recentMainFrags.reduce((e, t) => e + t, 0) >= Ot;
+		if ((u || d) && (this.resetStarvationWindow(), !(this.starvationKicks >= wt))) {
 			this.starvationKicks += 1, this.kickPending = !0, this.kickTicks = 0, this.kickKind = d ? "dead" : "quiet", this.clearRecoveryReset(), console.warn(d ? "havik-player: video starved while hls.js keeps loading media it never plays (dead pipeline at the live edge) — restarting the load" : "havik-player: video starved while the live playlist advances (wedged hls.js fragment pipeline) — restarting the load");
 			try {
 				e.stopLoad(), e.startLoad(-1);
@@ -1707,7 +1735,7 @@ var Rt = class {
 		let t = e.latency, n = e.targetLatency;
 		if (typeof t != "number" || typeof n != "number" || !Number.isFinite(t)) return;
 		let r = t - n;
-		!this.catchUpEngaged && r > mt ? this.catchUpEngaged = !0 : this.catchUpEngaged && r <= mt && this.deps.video.playbackRate === 1 && (this.catchUpEngaged = !1);
+		!this.catchUpEngaged && r > gt ? this.catchUpEngaged = !0 : this.catchUpEngaged && r <= gt && this.deps.video.playbackRate === 1 && (this.catchUpEngaged = !1);
 		let i = this.catchUpEngaged ? this.catchUpRate : 1;
 		e.config.maxLiveSyncPlaybackRate !== i && (e.config.maxLiveSyncPlaybackRate = i);
 	}
@@ -1729,15 +1757,15 @@ var Rt = class {
 			return;
 		}
 		let { totalFrames: n, dropped: r } = U(t), i = this.fpsLastFrames < 0, a = n - this.fpsLastFrames, o = r - this.fpsLastDropped;
-		if (this.fpsLastFrames = n, this.fpsLastDropped = r, i || a < At || o < 0) {
+		if (this.fpsLastFrames = n, this.fpsLastDropped = r, i || a < Mt || o < 0) {
 			this.fpsBadTicks = 0;
 			return;
 		}
-		if (o <= kt * a) {
+		if (o <= jt * a) {
 			this.fpsBadTicks = 0;
 			return;
 		}
-		if (this.fpsBadTicks += 1, this.fpsBadTicks < jt) return;
+		if (this.fpsBadTicks += 1, this.fpsBadTicks < Nt) return;
 		this.fpsBadTicks = 0;
 		let s = e.levels, c = s[e.currentLevel];
 		if (!c) return;
@@ -1754,20 +1782,20 @@ var Rt = class {
 			return;
 		}
 		let n = e.latency, r = t.playbackRate, i = e.config.maxLiveSyncPlaybackRate;
-		if (!(!t.paused && typeof i == "number" && i > 1 && r >= Math.min(_t, i) && r <= i && typeof n == "number" && Number.isFinite(n))) {
+		if (!(!t.paused && typeof i == "number" && i > 1 && r >= Math.min(yt, i) && r <= i && typeof n == "number" && Number.isFinite(n))) {
 			this.resetChaseWindow();
 			return;
 		}
-		if (this.chaseLatency < 0 || this.chaseLatency - n >= gt) {
+		if (this.chaseLatency < 0 || this.chaseLatency - n >= vt) {
 			this.chaseLatency = n, this.chaseTicks = 0;
 			return;
 		}
-		if (this.chaseTicks += 1, this.chaseTicks < ht) return;
+		if (this.chaseTicks += 1, this.chaseTicks < _t) return;
 		this.resetChaseWindow();
 		let a = typeof e.config.liveMaxLatencyDuration == "number" ? e.config.liveMaxLatencyDuration : e.maxLatency;
 		if (!(a > 1)) return;
 		let o = typeof e.targetLatency == "number" ? e.targetLatency : 0, s = Math.min(n, a - 1);
-		s < o + vt || (console.warn(`havik-player: catch-up at ${r}x not gaining on the live edge (latency ${n.toFixed(1)}s); holding at ${s.toFixed(1)}s`), this.liveRetargets += 1, e.targetLatency = s);
+		s < o + bt || (console.warn(`havik-player: catch-up at ${r}x not gaining on the live edge (latency ${n.toFixed(1)}s); holding at ${s.toFixed(1)}s`), this.liveRetargets += 1, e.targetLatency = s);
 	}
 	suspendChasing() {
 		let e = this.hls;
@@ -1812,7 +1840,7 @@ var Rt = class {
 	scheduleLicenseRetry(t) {
 		if (t.details !== e.ErrorDetails.KEY_SYSTEM_LICENSE_REQUEST_FAILED && t.details !== e.ErrorDetails.KEY_SYSTEM_SERVER_CERTIFICATE_REQUEST_FAILED) return !1;
 		let n = t.response?.code ?? 0;
-		if (!(n === 0 || n === 408 || n === 429 || n >= 500) || this.licenseRecoveries >= lt) return !1;
+		if (!(n === 0 || n === 408 || n === 429 || n >= 500) || this.licenseRecoveries >= dt) return !1;
 		this.licenseRecoveries += 1;
 		let r = Math.min(8e3, 500 * 2 ** (this.licenseRecoveries - 1));
 		return this.licenseRetryTimer = setTimeout(() => {
@@ -1844,7 +1872,7 @@ var Rt = class {
 				return;
 			}
 			if (t.type === e.ErrorTypes.NETWORK_ERROR) {
-				if (this.networkRecoveries < ct) {
+				if (this.networkRecoveries < ut) {
 					this.networkRecoveries += 1;
 					let e = Math.min(8e3, 1e3 * 2 ** (this.networkRecoveries - 1));
 					this.networkRetryTimer = setTimeout(() => {
@@ -1861,7 +1889,7 @@ var Rt = class {
 				return;
 			}
 			if (t.type === e.ErrorTypes.MEDIA_ERROR) {
-				if (this.mediaRecoveries < st) {
+				if (this.mediaRecoveries < lt) {
 					this.mediaRecoveries += 1, n.recoverMediaError();
 					return;
 				}
@@ -1885,19 +1913,19 @@ var Rt = class {
 		let r = e.response?.code ?? 0, a = e.details ?? e.type, o = e.reason ?? e.error?.message ?? "";
 		return new n(t === "DRM" ? i(r) : r === 401 ? "UNAUTHORIZED" : r === 403 ? "FORBIDDEN" : "INTERNAL", r, `${t} error: ${a}${o ? ` (${o})` : ""}`);
 	}
-}, zt = 15e3, Bt = 6e5, Vt = 3e5, Ht = 100, q = 1, Ut = 1e3, Wt = 3e4, Gt = 1e3, Kt = {
+}, Vt = 15e3, Ht = 6e5, Ut = 3e5, Wt = 100, q = 1, Gt = 1e3, Kt = 3e4, qt = 1e3, Jt = {
 	inline: "PRESENTATION_INLINE",
 	fullscreen: "PRESENTATION_FULLSCREEN",
 	pip: "PRESENTATION_PIP"
-}, qt = {
+}, Yt = {
 	widevine: "KEY_SYSTEM_WIDEVINE",
 	fairplay: "KEY_SYSTEM_FAIRPLAY",
 	none: "KEY_SYSTEM_NONE"
 };
-function Jt(e, t) {
+function Xt(e, t) {
 	return e.length === 0 ? 0 : e[Math.min(e.length, Math.max(1, Math.ceil(t / 100 * e.length))) - 1] ?? 0;
 }
-var Yt = /* @__PURE__ */ new Set([
+var Zt = /* @__PURE__ */ new Set([
 	"INVALID_URN",
 	"NOT_FOUND",
 	"GONE",
@@ -1917,7 +1945,7 @@ var Yt = /* @__PURE__ */ new Set([
 	ended: "PLAYER_STATE_ENDED",
 	error: "PLAYER_STATE_ERROR"
 };
-function Xt(e) {
+function Qt(e) {
 	try {
 		let t = new URL(e), [n, ...r] = t.hostname.split(".");
 		return !n || r.length === 0 || n !== "feed" && !n.startsWith("feed-") ? void 0 : (t.hostname = [n.replace(/^feed/, "beacons"), ...r].join("."), t.pathname = "", t.search = "", t.origin);
@@ -1925,8 +1953,8 @@ function Xt(e) {
 		return;
 	}
 }
-var Zt = (e, t) => e.replace(/\/$/, "").toLowerCase() === t.replace(/\/$/, "").toLowerCase(), Qt = /* @__PURE__ */ new Set(), Y = /* @__PURE__ */ new Set(), X = /* @__PURE__ */ new Set(), $t = (e) => `this page's Content-Security-Policy blocks QoE beacons. Add ${e} to connect-src; until then none are sent.`;
-function en(e) {
+var $t = (e, t) => e.replace(/\/$/, "").toLowerCase() === t.replace(/\/$/, "").toLowerCase(), en = /* @__PURE__ */ new Set(), Y = /* @__PURE__ */ new Set(), X = /* @__PURE__ */ new Set(), tn = (e) => `this page's Content-Security-Policy blocks QoE beacons. Add ${e} to connect-src; until then none are sent.`;
+function nn(e) {
 	if (e.disposition !== "enforce" || e.effectiveDirective !== "connect-src") return;
 	let t;
 	try {
@@ -1935,19 +1963,19 @@ function en(e) {
 	} catch {
 		return;
 	}
-	if (Qt.has(t) && !Y.has(t)) {
-		Y.add(t), g($t(new URL(t).origin));
+	if (en.has(t) && !Y.has(t)) {
+		Y.add(t), g(tn(new URL(t).origin));
 		for (let e of X) e.noteCspBlocked();
 	}
 }
-function tn(e, t) {
+function rn(e, t) {
 	return g(t, e), { disabledReason: t };
 }
-function nn(e, t, n) {
-	if (n) return t && !Zt(t, n) && g(`analytics.endpoint "${t}" ignored; the server named "${n}".`), { endpoint: n };
+function an(e, t, n) {
+	if (n) return t && !$t(t, n) && g(`analytics.endpoint "${t}" ignored; the server named "${n}".`), { endpoint: n };
 	if (t) return { endpoint: t };
-	if (t !== void 0) return tn("empty-endpoint", "analytics is disabled: no QoE beacons will be sent. analytics.endpoint was supplied but empty. Pass a real beacons origin, analytics: { endpoint: 'https://beacons[-dev].<domain>' }, or omit the option to derive it from baseUrl (or analytics: false to opt out).");
-	let r = Xt(e);
+	if (t !== void 0) return rn("empty-endpoint", "analytics is disabled: no QoE beacons will be sent. analytics.endpoint was supplied but empty. Pass a real beacons origin, analytics: { endpoint: 'https://beacons[-dev].<domain>' }, or omit the option to derive it from baseUrl (or analytics: false to opt out).");
+	let r = Qt(e);
 	if (r) return { endpoint: r };
 	let i;
 	try {
@@ -1955,9 +1983,9 @@ function nn(e, t, n) {
 	} catch {
 		i = e;
 	}
-	return tn(i, `analytics is disabled: no QoE beacons will be sent. The beacons endpoint cannot be derived from the baseUrl host "${i}" — the convention is feed[-dev].<domain> → beacons[-dev].<domain>. Pass an explicit endpoint, analytics: { endpoint: 'https://beacons[-dev].<domain>' }, to createPlayer (or analytics: false to opt out deliberately).`);
+	return rn(i, `analytics is disabled: no QoE beacons will be sent. The beacons endpoint cannot be derived from the baseUrl host "${i}" — the convention is feed[-dev].<domain> → beacons[-dev].<domain>. Pass an explicit endpoint, analytics: { endpoint: 'https://beacons[-dev].<domain>' }, to createPlayer (or analytics: false to opt out deliberately).`);
 }
-var rn = class {
+var on = class {
 	opts;
 	url;
 	cspKey;
@@ -2039,8 +2067,8 @@ var rn = class {
 	constructor(e) {
 		this.opts = {
 			...e,
-			heartbeatMs: e.heartbeatMs ?? zt,
-			idleMs: e.idleMs ?? Bt
+			heartbeatMs: e.heartbeatMs ?? Vt,
+			idleMs: e.idleMs ?? Ht
 		}, this.url = `${e.endpoint.replace(/\/$/, "")}/v1/beacons`;
 		try {
 			let e = new URL(this.url);
@@ -2057,11 +2085,11 @@ var rn = class {
 			sdkVersion: this.opts.sdkVersion,
 			...this.opts.environment
 		};
-		this.pendingStart = e, this.enqueue({ sessionStart: e }), this.firstFlushTimer = setTimeout(() => this.flush(), Ut), this.lastTickMs = this.now(), this.timer = setInterval(() => this.heartbeat(), this.opts.heartbeatMs), typeof window < "u" && window.addEventListener("pagehide", this.onPagehide), typeof document < "u" && (document.addEventListener("visibilitychange", this.onVisibility), document.addEventListener("freeze", this.onFreeze), document.addEventListener("resume", this.onResume), this.cspKey && Qt.add(this.cspKey), document.addEventListener("securitypolicyviolation", en), X.add(this), this.noteCspBlocked(), this.onVisibility());
+		this.pendingStart = e, this.enqueue({ sessionStart: e }), this.firstFlushTimer = setTimeout(() => this.flush(), Gt), this.lastTickMs = this.now(), this.timer = setInterval(() => this.heartbeat(), this.opts.heartbeatMs), typeof window < "u" && window.addEventListener("pagehide", this.onPagehide), typeof document < "u" && (document.addEventListener("visibilitychange", this.onVisibility), document.addEventListener("freeze", this.onFreeze), document.addEventListener("resume", this.onResume), this.cspKey && en.add(this.cspKey), document.addEventListener("securitypolicyviolation", nn), X.add(this), this.noteCspBlocked(), this.onVisibility());
 	}
 	checkSuspension(e) {
 		if (this.endedFlag || !this.opts.idleMs) return !1;
-		let t = Math.max(this.opts.idleMs, Vt);
+		let t = Math.max(this.opts.idleMs, Ut);
 		return this.lastTickMs > 0 && e - this.lastTickMs >= t ? (this.endIdle(this.lastTickMs), !0) : (this.lastTickMs = e, !1);
 	}
 	syncIdle(e) {
@@ -2084,12 +2112,12 @@ var rn = class {
 		let a = {
 			fromState: J[e] ?? "PLAYER_STATE_UNSPECIFIED",
 			toState: J[t] ?? "PLAYER_STATE_UNSPECIFIED",
-			presentation: Kt[this.presentation]
+			presentation: Jt[this.presentation]
 		}, o = this.causeOf(e, t, i);
 		o && (a.cause = o), n > 0 && (a.positionMs = Math.round(n)), r && (a.renditionHeight = r), this.enqueue({ stateChange: a });
 	}
 	seekInduced(e) {
-		return this.lastSeekMs >= 0 && e - this.lastSeekMs < Gt;
+		return this.lastSeekMs >= 0 && e - this.lastSeekMs < qt;
 	}
 	causeOf(e, t, n) {
 		if (t === "error") return "TRANSITION_CAUSE_ERROR";
@@ -2163,7 +2191,7 @@ var rn = class {
 		let r = n ?? "";
 		if (r !== "") return /^fragLoad/i.test(r) ? this.sawFirstBytes ? "ERROR_STAGE_SEGMENT" : "ERROR_STAGE_FIRST_SEGMENT" : /^(manifest|level|audioTrack|subtitleTrack)/i.test(r) ? "ERROR_STAGE_MANIFEST" : /key|licen[cs]e/i.test(r) ? "ERROR_STAGE_DRM" : /parsing|append|buffer|remux|decrypt|media/i.test(r) ? "ERROR_STAGE_DECODE" : "ERROR_STAGE_OTHER";
 		if (e === "DRM_CLIENT") return "ERROR_STAGE_DRM";
-		if (Yt.has(e)) return "ERROR_STAGE_RESOLVE";
+		if (Zt.has(e)) return "ERROR_STAGE_RESOLVE";
 		let i = t ?? "";
 		return /frag|segment/i.test(i) ? this.sawFirstBytes ? "ERROR_STAGE_SEGMENT" : "ERROR_STAGE_FIRST_SEGMENT" : /manifest|level|playlist/i.test(i) ? "ERROR_STAGE_MANIFEST" : /key|licen[cs]e/i.test(i) ? "ERROR_STAGE_DRM" : /buffer|decode|media|append/i.test(i) ? "ERROR_STAGE_DECODE" : "ERROR_STAGE_OTHER";
 	}
@@ -2210,14 +2238,14 @@ var rn = class {
 		if (this.lastRequestCount = g, _ > 0) {
 			o.requestCountDelta = _;
 			let e = t.requestTimesMs ?? [], n = e.slice(Math.max(0, e.length - _)).sort((e, t) => e - t);
-			n.length > 0 && (o.requestTimeP50Ms = Jt(n, 50), o.requestTimeP95Ms = Jt(n, 95));
+			n.length > 0 && (o.requestTimeP50Ms = Xt(n, 50), o.requestTimeP95Ms = Xt(n, 95));
 		}
 		typeof t.latencySeconds == "number" && typeof t.targetLatencySeconds == "number" && (o.driftMs = Math.round((t.latencySeconds - t.targetLatencySeconds) * 1e3)), typeof t.playbackRate == "number" && t.playbackRate > 0 && (o.playbackRate = t.playbackRate), t.qualityPinned === !0 && (o.qualityPinned = !0), t.cdnHost && (o.cdnHost = t.cdnHost), this.maybeEmitMediaInfo(t), this.enqueue({ heartbeat: o }), this.flush(), s > 0 && this.noteFirstBytes();
 	}
 	maybeEmitMediaInfo(e) {
 		if (!(e.videoCodec ?? e.keySystem ?? e.ladderHeights)) return;
 		let t = {};
-		e.videoCodec && (t.videoCodec = e.videoCodec), e.audioCodec && (t.audioCodec = e.audioCodec), e.keySystem && (t.keySystem = qt[e.keySystem]), e.drmSecurityLevel && (t.drmSecurityLevel = e.drmSecurityLevel), e.ladderHeights?.length && (t.ladderHeights = e.ladderHeights), e.ladderTopBitrateKbps && (t.ladderTopBitrateKbps = e.ladderTopBitrateKbps), e.lowLatency && (t.lowLatency = !0);
+		e.videoCodec && (t.videoCodec = e.videoCodec), e.audioCodec && (t.audioCodec = e.audioCodec), e.keySystem && (t.keySystem = Yt[e.keySystem]), e.drmSecurityLevel && (t.drmSecurityLevel = e.drmSecurityLevel), e.ladderHeights?.length && (t.ladderHeights = e.ladderHeights), e.ladderTopBitrateKbps && (t.ladderTopBitrateKbps = e.ladderTopBitrateKbps), e.lowLatency && (t.lowLatency = !0);
 		let n = JSON.stringify(t);
 		n !== this.mediaInfoSignature && (this.mediaInfoSignature = n, this.enqueue({ mediaInfo: t }));
 	}
@@ -2237,7 +2265,7 @@ var rn = class {
 		let c = r?.positionMs ?? 0;
 		c > 0 && (i.exitPositionMs = Math.round(c)), this.activeTotalMs > 0 && (i.activeWatchTimeMs = Math.round(this.activeTotalMs)), this.mutedTotalMs > 0 && (i.mutedTimeMs = Math.round(this.mutedTotalMs));
 		let l = e !== "END_REASON_ENDED";
-		l && this.lastStallMs > 0 && n - this.lastStallMs <= Wt && (i.abandonAfterStallMs = Math.max(q, Math.round(n - this.lastStallMs))), l && this.lastErrorMs > 0 && n - this.lastErrorMs <= Wt && (i.abandonAfterErrorMs = Math.max(q, Math.round(n - this.lastErrorMs))), this.fullscreenTotalMs > 0 && (i.fullscreenTimeMs = Math.round(this.fullscreenTotalMs)), this.pipTotalMs > 0 && (i.pipTimeMs = Math.round(this.pipTotalMs)), this.volumeChanges > 0 && (i.volumeChanges = this.volumeChanges), this.muteChanges > 0 && (i.muteChanges = this.muteChanges);
+		l && this.lastStallMs > 0 && n - this.lastStallMs <= Kt && (i.abandonAfterStallMs = Math.max(q, Math.round(n - this.lastStallMs))), l && this.lastErrorMs > 0 && n - this.lastErrorMs <= Kt && (i.abandonAfterErrorMs = Math.max(q, Math.round(n - this.lastErrorMs))), this.fullscreenTotalMs > 0 && (i.fullscreenTimeMs = Math.round(this.fullscreenTotalMs)), this.pipTotalMs > 0 && (i.pipTimeMs = Math.round(this.pipTotalMs)), this.volumeChanges > 0 && (i.volumeChanges = this.volumeChanges), this.muteChanges > 0 && (i.muteChanges = this.muteChanges);
 		let u = r?.decodedFrames ?? this.lastDecoded;
 		u > 0 && (i.decodedFramesTotal = u), e === "END_REASON_STOPPED" && this.startupTimeMs === 0 && this.lastErrorStage === null && (e = "END_REASON_ABORTED", i.reason = e), this.startupTimeMs === 0 && e !== "END_REASON_ABORTED" && (i.failedStage = this.lastErrorStage ?? (this.manifestLoadMs === 0 ? "ERROR_STAGE_MANIFEST" : this.firstFragLoadMs === 0 ? "ERROR_STAGE_FIRST_SEGMENT" : "ERROR_STAGE_OTHER")), this.pending.push(this.wrap({ sessionEnd: i })), this.flush(e === "END_REASON_PAGEHIDE");
 	}
@@ -2257,13 +2285,13 @@ var rn = class {
 		};
 	}
 	noteCspBlocked() {
-		this.cspBlockedNoted || this.endedFlag || !this.cspBlocked() || (this.cspBlockedNoted = !0, this.opts.onBlocked?.($t(new URL(this.url).origin)));
+		this.cspBlockedNoted || this.endedFlag || !this.cspBlocked() || (this.cspBlockedNoted = !0, this.opts.onBlocked?.(tn(new URL(this.url).origin)));
 	}
 	cspBlocked() {
 		return !!this.cspKey && Y.has(this.cspKey);
 	}
 	enqueue(e) {
-		if (!this.cspBlocked()) for (this.pending.push(this.wrap(e)); this.pending.length > Ht;) {
+		if (!this.cspBlocked()) for (this.pending.push(this.wrap(e)); this.pending.length > Wt;) {
 			let e = this.pending.findIndex((e) => e.heartbeat || e.stateChange);
 			this.pending.splice(e >= 0 ? e : 0, 1);
 		}
@@ -2290,7 +2318,7 @@ var rn = class {
 };
 //#endregion
 //#region src/core/environment.ts
-function an() {
+function sn() {
 	if (typeof window > "u") return { integration: "INTEGRATION_KIND_SDK" };
 	let e;
 	try {
@@ -2315,14 +2343,14 @@ function an() {
 		integration: "INTEGRATION_KIND_IFRAME"
 	};
 }
-function on() {
+function cn() {
 	if (typeof navigator > "u") return "DEVICE_CLASS_OTHER";
 	let e = navigator.userAgentData, t = e?.platform ?? "";
 	if (/tv|tizen|webos/i.test(t)) return "DEVICE_CLASS_TV";
 	let n = typeof screen < "u" ? Math.min(screen.width, screen.height) : 0;
 	return e?.mobile ?? (typeof navigator.maxTouchPoints == "number" && navigator.maxTouchPoints > 1 && n > 0 && n < 900) ? n >= 600 ? "DEVICE_CLASS_TABLET" : "DEVICE_CLASS_PHONE" : e || n >= 900 || /mac|win|linux|chrome os/i.test(t) ? "DEVICE_CLASS_DESKTOP" : "DEVICE_CLASS_OTHER";
 }
-function sn() {
+function ln() {
 	let e = typeof navigator < "u" ? navigator.connection : void 0;
 	if (!e) return { connectionType: "CONNECTION_TYPE_UNKNOWN" };
 	let t = {
@@ -2341,17 +2369,17 @@ function sn() {
 	}
 	return typeof e.downlink == "number" && e.downlink > 0 && (i.downlinkKbps = Math.round(e.downlink * 1e3)), typeof e.rtt == "number" && e.rtt > 0 && (i.rttMs = Math.round(e.rtt)), e.saveData && (i.saveData = !0), i;
 }
-function cn(e) {
-	let t = an(), n = {
-		deviceClass: on(),
+function un(e) {
+	let t = sn(), n = {
+		deviceClass: cn(),
 		integration: t.integration,
-		...sn()
+		...ln()
 	};
 	t.host && (n.host = t.host), typeof screen < "u" && screen.width > 0 && (n.screenWidth = screen.width, n.screenHeight = screen.height), typeof window < "u" && window.devicePixelRatio > 0 && (n.devicePixelRatio = Math.round(window.devicePixelRatio * 100) / 100);
 	let r = e.getBoundingClientRect?.();
 	return r && r.width > 0 && (n.viewportWidth = Math.round(r.width), n.viewportHeight = Math.round(r.height)), n;
 }
-async function ln() {
+async function dn() {
 	let e = typeof navigator < "u" ? navigator.userAgentData : void 0;
 	if (!e?.getHighEntropyValues) return {};
 	try {
@@ -2363,7 +2391,7 @@ async function ln() {
 }
 //#endregion
 //#region src/core/version.ts
-var un = "2.16.0", dn = {
+var fn = "2.16.1", pn = {
 	accent: "#E1B600",
 	accentText: "#1B1C23",
 	background: "#0e0f13",
@@ -2374,7 +2402,7 @@ var un = "2.16.0", dn = {
 	border: "rgba(255, 255, 255, 0.1)",
 	radius: "8px",
 	fontFamily: "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif"
-}, fn = {
+}, mn = {
 	accent: "--havik-accent",
 	accentText: "--havik-accent-text",
 	background: "--havik-bg",
@@ -2386,26 +2414,26 @@ var un = "2.16.0", dn = {
 	radius: "--havik-radius",
 	fontFamily: "--havik-font"
 };
-function pn(e, t) {
+function hn(e, t) {
 	let n = {
-		...dn,
+		...pn,
 		...t
 	};
-	for (let t of Object.keys(fn)) e.style.setProperty(fn[t], n[t]);
+	for (let t of Object.keys(mn)) e.style.setProperty(mn[t], n[t]);
 	n.logoUrl && e.style.setProperty("--havik-logo", `url("${n.logoUrl}")`);
 }
 //#endregion
 //#region src/ui/styles.ts
-var mn = "havik-player-styles", hn = "\n.havik-player{position:relative;display:block;width:100%;background:var(--havik-bg,#0e0f13);\n  color:var(--havik-text,#fff);font-family:var(--havik-font,system-ui,sans-serif);\n  overflow:hidden;line-height:1.4;-webkit-tap-highlight-color:transparent}\n.havik-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;\n  object-fit:contain;background:#000;outline:none}\n.havik-player:focus{outline:none}\n.havik-player *{box-sizing:border-box}\n\n.havik-player:fullscreen,.havik-player:-webkit-full-screen{display:flex;align-items:center;\n  justify-content:center;width:100vw;height:100vh;aspect-ratio:auto}\n.havik-player:fullscreen video,.havik-player:-webkit-full-screen video{width:100%;height:100%;\n  aspect-ratio:auto;object-fit:contain}\n\n.havik-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;\n  touch-action:manipulation}\n.havik-gradient{position:absolute;left:0;right:0;bottom:0;height:120px;pointer-events:none;\n  background:linear-gradient(to top,rgba(0,0,0,.78),transparent);\n  opacity:1;transition:opacity .25s}\n.havik-player.havik-hide .havik-gradient,\n.havik-player.havik-hide .havik-bar{opacity:0;pointer-events:none}\n.havik-player.havik-hide{cursor:none}\n\n.havik-center{width:74px;height:74px;border-radius:50%;border:0;cursor:pointer;\n  background:var(--havik-accent,#E1B600);color:var(--havik-accent-text,#1B1C23);\n  display:flex;align-items:center;justify-content:center;\n  box-shadow:0 6px 24px rgba(0,0,0,.45);transition:transform .15s,opacity .15s}\n.havik-center:hover{transform:scale(1.06)}\n.havik-center svg{width:38px;height:38px;margin-left:2px}\n.havik-center.havik-gone{opacity:0;pointer-events:none;transform:scale(.8)}\n\n/* Absolutely centred, NOT a flex sibling of .havik-center: the hidden center\n   button (.havik-gone) still occupies its 74px in the row, which pushed an\n   in-flow spinner 37px right of centre. */\n.havik-spinner{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;\n  border:4px solid rgba(255,255,255,.2);border-top-color:var(--havik-accent,#E1B600);\n  animation:havik-spin .8s linear infinite}\n@keyframes havik-spin{to{transform:rotate(360deg)}}\n\n/* Status card — branded full-bleed overlay for the stopped/pre-play states\n   (ended / fatal error / pre-play / armed-waiting). */\n.havik-status{position:absolute;inset:0;display:flex;flex-direction:column;gap:16px;\n  align-items:center;justify-content:center;background:rgba(14,15,19,.82);text-align:center;padding:24px}\n.havik-status__logo{width:128px;height:46px;background:var(--havik-logo) center/contain no-repeat;opacity:.95}\n.havik-status__msg{color:var(--havik-text,#fff);font-size:15px;font-weight:600;max-width:480px}\n.havik-status__btn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;\n  padding:10px 18px;border-radius:var(--havik-radius,8px);font-weight:700;font-size:14px;\n  background:var(--havik-accent,#E1B600);color:var(--havik-accent-text,#1B1C23);transition:transform .15s}\n.havik-status__btn:hover{transform:scale(1.04)}\n.havik-status__btn svg{width:18px;height:18px}\n/* Pre-play: lighter scrim so the poster shows through, and a round play CTA. */\n.havik-status--preplay{background:rgba(14,15,19,.4)}\n.havik-status--preplay .havik-status__btn--play{width:74px;height:74px;border-radius:50%;padding:0;\n  justify-content:center;box-shadow:0 6px 24px rgba(0,0,0,.45)}\n.havik-status--preplay .havik-status__btn--play svg{width:38px;height:38px;margin-left:3px}\n\n.havik-watermark{position:absolute;top:12px;right:14px;height:22px;opacity:.85;pointer-events:none;\n  content:'';background:var(--havik-logo) center/contain no-repeat;width:90px}\n/* A status card carries its own logo — the corner watermark would duplicate it. */\n.havik-player.havik-has-status .havik-watermark{display:none}\n\n.havik-bar{position:absolute;left:0;right:0;bottom:0;padding:0 12px 8px;\n  opacity:1;transition:opacity .25s;z-index:2}\n.havik-seek{position:relative;height:16px;display:flex;align-items:center;cursor:pointer;margin-bottom:2px}\n.havik-seek__track{position:relative;width:100%;height:4px;border-radius:3px;background:rgba(255,255,255,.25)}\n.havik-seek__buffered{position:absolute;left:0;top:0;height:100%;border-radius:3px;background:rgba(255,255,255,.4)}\n.havik-seek__played{position:absolute;left:0;top:0;height:100%;border-radius:3px;background:var(--havik-accent,#E1B600)}\n.havik-seek__thumb{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;\n  background:var(--havik-accent,#E1B600);transform:translate(-50%,-50%) scale(0);transition:transform .1s}\n.havik-seek:hover .havik-seek__thumb{transform:translate(-50%,-50%) scale(1)}\n\n.havik-controls{display:flex;align-items:center;gap:6px;height:40px}\n.havik-spacer{flex:1}\n.havik-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;\n  border:0;background:transparent;color:var(--havik-text,#fff);cursor:pointer;border-radius:var(--havik-radius,8px);\n  padding:0;transition:background .12s,color .12s}\n.havik-btn:hover{background:rgba(255,255,255,.12)}\n.havik-btn:focus-visible{outline:2px solid var(--havik-accent,#E1B600);outline-offset:1px}\n.havik-btn svg{width:22px;height:22px}\n\n/* The volume level is filled in accent up to the thumb, like the seek bar's\n   played span — a native range input paints no \"elapsed\" side, which left the\n   level readable only from the dot's position. --havik-vol (0..1) is set by\n   syncVolume(); the track width and thumb size live here as variables because\n   the WebKit fill has to compute the thumb centre from both. */\n.havik-vol{display:flex;align-items:center}\n.havik-vol__slider{--havik-vol-w:70px;--havik-vol-thumb:12px;--havik-vol:1;\n  --havik-vol-pos:calc(var(--havik-vol-thumb) / 2 + var(--havik-vol) * (var(--havik-vol-w) - var(--havik-vol-thumb)));\n  width:0;opacity:0;transition:width .18s,opacity .18s;height:4px;cursor:pointer;\n  appearance:none;-webkit-appearance:none;background:transparent;border-radius:3px;margin:0 4px}\n.havik-vol:hover .havik-vol__slider,.havik-vol:focus-within .havik-vol__slider{width:var(--havik-vol-w);opacity:1}\n/* WebKit/Blink have no progress pseudo-element: paint the fill as a hard-stop\n   gradient that ends at the thumb centre. */\n.havik-vol__slider::-webkit-slider-runnable-track{height:4px;border-radius:3px;\n  background:linear-gradient(to right,var(--havik-accent,#E1B600) var(--havik-vol-pos),\n  rgba(255,255,255,.3) var(--havik-vol-pos))}\n/* Firefox fills natively, and tracks the thumb exactly. */\n.havik-vol__slider::-moz-range-track{height:4px;border-radius:3px;background:rgba(255,255,255,.3)}\n.havik-vol__slider::-moz-range-progress{height:4px;border-radius:3px;background:var(--havik-accent,#E1B600)}\n.havik-vol__slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--havik-vol-thumb);\n  height:var(--havik-vol-thumb);border-radius:50%;background:var(--havik-accent,#E1B600);\n  margin-top:calc((4px - var(--havik-vol-thumb)) / 2)}\n.havik-vol__slider::-moz-range-thumb{width:var(--havik-vol-thumb);height:var(--havik-vol-thumb);\n  border:0;border-radius:50%;background:var(--havik-accent,#E1B600)}\n\n.havik-time{font-size:12px;color:var(--havik-text-muted,#9aa0ad);\n  font-variant-numeric:tabular-nums;padding:0 6px;white-space:nowrap}\n.havik-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;\n  letter-spacing:.4px;padding:0 8px;color:var(--havik-text,#fff)}\n.havik-live svg{width:9px;height:9px;color:var(--havik-text-muted,#9aa0ad)}\n.havik-live.is-live svg{color:var(--havik-accent,#E1B600)}\n.havik-live__go{margin-left:2px;border:0;cursor:pointer;background:transparent;color:var(--havik-text-muted,#9aa0ad);\n  font:inherit;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:6px}\n.havik-live.is-live .havik-live__go{display:none}\n.havik-live__go:hover{color:var(--havik-accent,#E1B600)}\n\n.havik-menu{position:absolute;bottom:54px;right:12px;min-width:170px;max-height:230px;overflow:auto;\n  background:var(--havik-surface,#1B1C23);border:1px solid var(--havik-border,rgba(255,255,255,.1));\n  border-radius:var(--havik-radius,8px);box-shadow:0 10px 30px rgba(0,0,0,.5);padding:6px;z-index:3}\n.havik-menu[hidden]{display:none}\n.havik-menu__title{font-size:11px;text-transform:uppercase;letter-spacing:.6px;\n  color:var(--havik-text-muted,#9aa0ad);padding:6px 8px 4px}\n.havik-menu__item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;\n  border:0;background:transparent;color:var(--havik-text,#fff);cursor:pointer;font:inherit;font-size:13px;\n  text-align:left;padding:7px 8px;border-radius:6px}\n.havik-menu__item:hover{background:var(--havik-surface-muted,#2a2c36)}\n.havik-menu__item[aria-checked=\"true\"]{color:var(--havik-accent,#E1B600);font-weight:600}\n.havik-menu__item[aria-checked=\"true\"]::after{content:'✓'}\n", Z = /* @__PURE__ */ new WeakMap();
-function gn(e = document, t) {
-	let n = e.querySelector(`style#${mn}`);
+var gn = "havik-player-styles", _n = "\n.havik-player{position:relative;display:block;width:100%;background:var(--havik-bg,#0e0f13);\n  color:var(--havik-text,#fff);font-family:var(--havik-font,system-ui,sans-serif);\n  overflow:hidden;line-height:1.4;-webkit-tap-highlight-color:transparent}\n.havik-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;\n  object-fit:contain;background:#000;outline:none}\n.havik-player:focus{outline:none}\n.havik-player *{box-sizing:border-box}\n\n.havik-player:fullscreen,.havik-player:-webkit-full-screen{display:flex;align-items:center;\n  justify-content:center;width:100vw;height:100vh;aspect-ratio:auto}\n.havik-player:fullscreen video,.havik-player:-webkit-full-screen video{width:100%;height:100%;\n  aspect-ratio:auto;object-fit:contain}\n\n.havik-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;\n  touch-action:manipulation}\n.havik-gradient{position:absolute;left:0;right:0;bottom:0;height:120px;pointer-events:none;\n  background:linear-gradient(to top,rgba(0,0,0,.78),transparent);\n  opacity:1;transition:opacity .25s}\n.havik-player.havik-hide .havik-gradient,\n.havik-player.havik-hide .havik-bar{opacity:0;pointer-events:none}\n.havik-player.havik-hide{cursor:none}\n\n.havik-center{width:74px;height:74px;border-radius:50%;border:0;cursor:pointer;\n  background:var(--havik-accent,#E1B600);color:var(--havik-accent-text,#1B1C23);\n  display:flex;align-items:center;justify-content:center;\n  box-shadow:0 6px 24px rgba(0,0,0,.45);transition:transform .15s,opacity .15s}\n.havik-center:hover{transform:scale(1.06)}\n.havik-center svg{width:38px;height:38px;margin-left:2px}\n.havik-center.havik-gone{opacity:0;pointer-events:none;transform:scale(.8)}\n\n/* Absolutely centred, NOT a flex sibling of .havik-center: the hidden center\n   button (.havik-gone) still occupies its 74px in the row, which pushed an\n   in-flow spinner 37px right of centre. */\n.havik-spinner{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;\n  border:4px solid rgba(255,255,255,.2);border-top-color:var(--havik-accent,#E1B600);\n  animation:havik-spin .8s linear infinite}\n@keyframes havik-spin{to{transform:rotate(360deg)}}\n\n/* Status card — branded full-bleed overlay for the stopped/pre-play states\n   (ended / fatal error / pre-play / armed-waiting). */\n.havik-status{position:absolute;inset:0;display:flex;flex-direction:column;gap:16px;\n  align-items:center;justify-content:center;background:rgba(14,15,19,.82);text-align:center;padding:24px}\n.havik-status__logo{width:128px;height:46px;background:var(--havik-logo) center/contain no-repeat;opacity:.95}\n.havik-status__msg{color:var(--havik-text,#fff);font-size:15px;font-weight:600;max-width:480px}\n.havik-status__btn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;\n  padding:10px 18px;border-radius:var(--havik-radius,8px);font-weight:700;font-size:14px;\n  background:var(--havik-accent,#E1B600);color:var(--havik-accent-text,#1B1C23);transition:transform .15s}\n.havik-status__btn:hover{transform:scale(1.04)}\n.havik-status__btn svg{width:18px;height:18px}\n/* Pre-play: lighter scrim so the poster shows through, and a round play CTA. */\n.havik-status--preplay{background:rgba(14,15,19,.4)}\n.havik-status--preplay .havik-status__btn--play{width:74px;height:74px;border-radius:50%;padding:0;\n  justify-content:center;box-shadow:0 6px 24px rgba(0,0,0,.45)}\n.havik-status--preplay .havik-status__btn--play svg{width:38px;height:38px;margin-left:3px}\n\n.havik-watermark{position:absolute;top:12px;right:14px;height:22px;opacity:.85;pointer-events:none;\n  content:'';background:var(--havik-logo) center/contain no-repeat;width:90px}\n/* A status card carries its own logo — the corner watermark would duplicate it. */\n.havik-player.havik-has-status .havik-watermark{display:none}\n\n.havik-bar{position:absolute;left:0;right:0;bottom:0;padding:0 12px 8px;\n  opacity:1;transition:opacity .25s;z-index:2}\n.havik-seek{position:relative;height:16px;display:flex;align-items:center;cursor:pointer;margin-bottom:2px}\n.havik-seek__track{position:relative;width:100%;height:4px;border-radius:3px;background:rgba(255,255,255,.25)}\n.havik-seek__buffered{position:absolute;left:0;top:0;height:100%;border-radius:3px;background:rgba(255,255,255,.4)}\n.havik-seek__played{position:absolute;left:0;top:0;height:100%;border-radius:3px;background:var(--havik-accent,#E1B600)}\n.havik-seek__thumb{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;\n  background:var(--havik-accent,#E1B600);transform:translate(-50%,-50%) scale(0);transition:transform .1s}\n.havik-seek:hover .havik-seek__thumb{transform:translate(-50%,-50%) scale(1)}\n\n.havik-controls{display:flex;align-items:center;gap:6px;height:40px}\n.havik-spacer{flex:1}\n.havik-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;\n  border:0;background:transparent;color:var(--havik-text,#fff);cursor:pointer;border-radius:var(--havik-radius,8px);\n  padding:0;transition:background .12s,color .12s}\n.havik-btn:hover{background:rgba(255,255,255,.12)}\n.havik-btn:focus-visible{outline:2px solid var(--havik-accent,#E1B600);outline-offset:1px}\n.havik-btn svg{width:22px;height:22px}\n\n/* The volume level is filled in accent up to the thumb, like the seek bar's\n   played span — a native range input paints no \"elapsed\" side, which left the\n   level readable only from the dot's position. --havik-vol (0..1) is set by\n   syncVolume(); the track width and thumb size live here as variables because\n   the WebKit fill has to compute the thumb centre from both. */\n.havik-vol{display:flex;align-items:center}\n.havik-vol__slider{--havik-vol-w:70px;--havik-vol-thumb:12px;--havik-vol:1;\n  --havik-vol-pos:calc(var(--havik-vol-thumb) / 2 + var(--havik-vol) * (var(--havik-vol-w) - var(--havik-vol-thumb)));\n  width:0;opacity:0;transition:width .18s,opacity .18s;height:4px;cursor:pointer;\n  appearance:none;-webkit-appearance:none;background:transparent;border-radius:3px;margin:0 4px}\n.havik-vol:hover .havik-vol__slider,.havik-vol:focus-within .havik-vol__slider{width:var(--havik-vol-w);opacity:1}\n/* WebKit/Blink have no progress pseudo-element: paint the fill as a hard-stop\n   gradient that ends at the thumb centre. */\n.havik-vol__slider::-webkit-slider-runnable-track{height:4px;border-radius:3px;\n  background:linear-gradient(to right,var(--havik-accent,#E1B600) var(--havik-vol-pos),\n  rgba(255,255,255,.3) var(--havik-vol-pos))}\n/* Firefox fills natively, and tracks the thumb exactly. */\n.havik-vol__slider::-moz-range-track{height:4px;border-radius:3px;background:rgba(255,255,255,.3)}\n.havik-vol__slider::-moz-range-progress{height:4px;border-radius:3px;background:var(--havik-accent,#E1B600)}\n.havik-vol__slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--havik-vol-thumb);\n  height:var(--havik-vol-thumb);border-radius:50%;background:var(--havik-accent,#E1B600);\n  margin-top:calc((4px - var(--havik-vol-thumb)) / 2)}\n.havik-vol__slider::-moz-range-thumb{width:var(--havik-vol-thumb);height:var(--havik-vol-thumb);\n  border:0;border-radius:50%;background:var(--havik-accent,#E1B600)}\n\n.havik-time{font-size:12px;color:var(--havik-text-muted,#9aa0ad);\n  font-variant-numeric:tabular-nums;padding:0 6px;white-space:nowrap}\n.havik-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;\n  letter-spacing:.4px;padding:0 8px;color:var(--havik-text,#fff)}\n.havik-live svg{width:9px;height:9px;color:var(--havik-text-muted,#9aa0ad)}\n.havik-live.is-live svg{color:var(--havik-accent,#E1B600)}\n.havik-live__go{margin-left:2px;border:0;cursor:pointer;background:transparent;color:var(--havik-text-muted,#9aa0ad);\n  font:inherit;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:6px}\n.havik-live.is-live .havik-live__go{display:none}\n.havik-live__go:hover{color:var(--havik-accent,#E1B600)}\n\n.havik-menu{position:absolute;bottom:54px;right:12px;min-width:170px;max-height:230px;overflow:auto;\n  background:var(--havik-surface,#1B1C23);border:1px solid var(--havik-border,rgba(255,255,255,.1));\n  border-radius:var(--havik-radius,8px);box-shadow:0 10px 30px rgba(0,0,0,.5);padding:6px;z-index:3}\n.havik-menu[hidden]{display:none}\n.havik-menu__title{font-size:11px;text-transform:uppercase;letter-spacing:.6px;\n  color:var(--havik-text-muted,#9aa0ad);padding:6px 8px 4px}\n.havik-menu__item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;\n  border:0;background:transparent;color:var(--havik-text,#fff);cursor:pointer;font:inherit;font-size:13px;\n  text-align:left;padding:7px 8px;border-radius:6px}\n.havik-menu__item:hover{background:var(--havik-surface-muted,#2a2c36)}\n.havik-menu__item[aria-checked=\"true\"]{color:var(--havik-accent,#E1B600);font-weight:600}\n.havik-menu__item[aria-checked=\"true\"]::after{content:'✓'}\n", Z = /* @__PURE__ */ new WeakMap();
+function vn(e = document, t) {
+	let n = e.querySelector(`style#${gn}`);
 	if (n && (!t || Z.get(n) === t)) return;
 	let r = e.createElement("style");
-	r.id = mn, t && (r.nonce = t, r.setAttribute("nonce", t)), r.textContent = hn, Z.set(r, t), n ? n.replaceWith(r) : e.head.appendChild(r);
+	r.id = gn, t && (r.nonce = t, r.setAttribute("nonce", t)), r.textContent = _n, Z.set(r, t), n ? n.replaceWith(r) : e.head.appendChild(r);
 }
 //#endregion
 //#region src/ui/icons.ts
-var _n = {
+var yn = {
 	play: "<path d=\"M8 5v14l11-7z\"/>",
 	pause: "<path d=\"M6 5h4v14H6zM14 5h4v14h-4z\"/>",
 	volumeHigh: "<path d=\"M3 10v4h4l5 5V5L7 10H3zm13.5 2a4.5 4.5 0 0 0-2.5-4v8a4.5 4.5 0 0 0 2.5-4zm-2.5-9v2.06A7 7 0 0 1 14 19v2a9 9 0 0 0 0-18z\"/>",
@@ -2419,20 +2447,20 @@ var _n = {
 	retry: "<path d=\"M17.65 6.35A8 8 0 1 0 19.73 13h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z\"/>"
 };
 function Q(e) {
-	return `<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="currentColor">${_n[e]}</svg>`;
+	return `<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="currentColor">${yn[e]}</svg>`;
 }
 //#endregion
 //#region src/ui/controls.ts
-var vn = 3e3, yn = 250, bn = /* @__PURE__ */ new Set([
+var bn = 3e3, xn = 250, Sn = /* @__PURE__ */ new Set([
 	"GONE",
 	"NOT_FOUND",
 	"INVALID_URN",
 	"UNAUTHORIZED"
 ]);
-function xn(e) {
-	return new Sn(e);
+function Cn(e) {
+	return new wn(e);
 }
-var Sn = class {
+var wn = class {
 	root;
 	video;
 	player;
@@ -2478,7 +2506,7 @@ var Sn = class {
 	scrubbing = !1;
 	offFns = [];
 	constructor(e) {
-		this.root = e.root, this.video = e.video, this.player = e.player, this.doc = e.root.ownerDocument ?? document, this.autoHideMs = e.autoHideMs ?? vn, this.logoUrl = e.logoUrl, this.statusOverlays = e.statusOverlays !== !1, this.endedMessage = e.endedMessage ?? "This stream has ended", this.interruptedMessage = e.interruptedMessage ?? "Reconnecting — please stand by", this.errorMessage = e.errorMessage, gn(this.doc, e.cspNonce), this.root.classList.add("havik-player"), this.root.hasAttribute("tabindex") || (this.root.tabIndex = 0), this.root.setAttribute("role", "region"), this.root.setAttribute("aria-label", "Video player");
+		this.root = e.root, this.video = e.video, this.player = e.player, this.doc = e.root.ownerDocument ?? document, this.autoHideMs = e.autoHideMs ?? bn, this.logoUrl = e.logoUrl, this.statusOverlays = e.statusOverlays !== !1, this.endedMessage = e.endedMessage ?? "This stream has ended", this.interruptedMessage = e.interruptedMessage ?? "Reconnecting — please stand by", this.errorMessage = e.errorMessage, vn(this.doc, e.cspNonce), this.root.classList.add("havik-player"), this.root.hasAttribute("tabindex") || (this.root.tabIndex = 0), this.root.setAttribute("role", "region"), this.root.setAttribute("aria-label", "Video player");
 		let t = (e, t, n) => {
 			let r = this.doc.createElement(e);
 			if (r.className = t, n) for (let [e, t] of Object.entries(n)) r.setAttribute(e, t);
@@ -2564,7 +2592,7 @@ var Sn = class {
 		let t = this.surfaceWasHidden;
 		this.tapTimer = setTimeout(() => {
 			this.tapTimer = void 0, this.toggleBar(t);
-		}, yn);
+		}, xn);
 	}
 	toggleBar(e) {
 		e ? this.poke() : this.hideIfIdle();
@@ -2599,7 +2627,7 @@ var Sn = class {
 			e.type = "button", e.className = "havik-status__btn havik-status__btn--play", e.setAttribute("aria-label", "Play"), e.innerHTML = Q("play"), e.addEventListener("click", () => void this.player.play()), n.append(e);
 		} else {
 			let r = this.doc.createElement("div");
-			if (r.className = "havik-status__msg", r.textContent = t ?? "", n.append(r), e === "error" && this.lastError && !bn.has(this.lastError.code)) {
+			if (r.className = "havik-status__msg", r.textContent = t ?? "", n.append(r), e === "error" && this.lastError && !Sn.has(this.lastError.code)) {
 				let e = this.doc.createElement("button");
 				e.type = "button", e.className = "havik-status__btn", e.innerHTML = `${Q("retry")}<span>Retry</span>`, e.addEventListener("click", () => void this.player.retry()), n.append(e);
 			}
@@ -2640,7 +2668,7 @@ var Sn = class {
 			let n = r.end(r.length - 1), i = Math.min(1, Math.max(0, (n - e.start) / t));
 			this.seekBuffered.style.width = `${(i * 100).toFixed(2)}%`;
 		}
-		!this.player.getStats().isLive && Number.isFinite(this.video.duration) && (this.time.textContent = `${Cn(this.video.currentTime)} / ${Cn(this.video.duration)}`);
+		!this.player.getStats().isLive && Number.isFinite(this.video.duration) && (this.time.textContent = `${Tn(this.video.currentTime)} / ${Tn(this.video.duration)}`);
 	}
 	syncLive() {
 		let e = this.player.getStats(), t = e.isLive !== !1;
@@ -2690,17 +2718,17 @@ var Sn = class {
 	renderQualityMenu() {
 		let e = this.player.getQualityLevels(), t = this.player.getCurrentQuality(), n = this.doc.createElement("div");
 		n.className = "havik-menu__title", n.textContent = "Quality", this.menu.replaceChildren(n, this.menuItem("Auto", t === -1, () => this.player.setQuality("auto")));
-		for (let n of e) this.menu.append(this.menuItem(wn(n), t === n.index, () => this.player.setQuality(n.index)));
+		for (let n of e) this.menu.append(this.menuItem(En(n), t === n.index, () => this.player.setQuality(n.index)));
 	}
 	renderAudioMenu() {
 		let e = this.player.getAudioTracks(), t = this.doc.createElement("div");
 		t.className = "havik-menu__title", t.textContent = "Audio", this.menu.replaceChildren(t);
-		for (let t of e) this.menu.append(this.menuItem(Tn(t), t.default, () => this.player.setAudioTrack(t.id)));
+		for (let t of e) this.menu.append(this.menuItem(Dn(t), t.default, () => this.player.setAudioTrack(t.id)));
 	}
 	renderCcMenu() {
 		let e = this.player.getTextTracks(), t = this.doc.createElement("div");
 		t.className = "havik-menu__title", t.textContent = "Subtitles", this.menu.replaceChildren(t, this.menuItem("Off", !1, () => this.player.setTextTrack(-1)));
-		for (let t of e) this.menu.append(this.menuItem(En(t), !1, () => this.player.setTextTrack(t.id)));
+		for (let t of e) this.menu.append(this.menuItem(On(t), !1, () => this.player.setTextTrack(t.id)));
 	}
 	onTracksChanged() {
 		this.openMenu && this.renderMenu(this.openMenu);
@@ -2801,41 +2829,41 @@ var Sn = class {
 		this.root.classList.remove("havik-player", "havik-hide", "havik-has-status");
 	}
 };
-function Cn(e) {
+function Tn(e) {
 	(!Number.isFinite(e) || e < 0) && (e = 0);
 	let t = Math.floor(e % 60), n = Math.floor(e / 60 % 60), r = Math.floor(e / 3600), i = r > 0 ? String(n).padStart(2, "0") : String(n), a = String(t).padStart(2, "0");
 	return r > 0 ? `${r}:${i}:${a}` : `${i}:${a}`;
 }
-function wn(e) {
+function En(e) {
 	return e.height ? `${e.height}p` : `${Math.round(e.bitrate / 1e3)} kbps`;
 }
-function Tn(e) {
+function Dn(e) {
 	return e.name || e.lang || `Track ${e.id}`;
 }
-function En(e) {
+function On(e) {
 	return e.name || e.lang || `Track ${e.id}`;
 }
 //#endregion
 //#region src/managed/index.ts
-var Dn = 6e3, On = 45e3, kn = 2e3, An = 3, jn = 2e3, Mn = 48e4;
-function Nn(e) {
+var kn = 6e3, An = 45e3, jn = 2e3, Mn = 3, Nn = 2e3, Pn = 48e4;
+function Fn(e) {
 	if (e.env !== void 0 && e.baseUrl !== void 0) throw new n("INTERNAL", 0, `createPlayer: pass env OR baseUrl, not both (got env=${JSON.stringify(e.env)} and baseUrl=${JSON.stringify(e.baseUrl)})`);
 	if (e.env !== void 0) return B(e.env);
 	if (!e.baseUrl) throw new n("INTERNAL", 0, "createPlayer: env or baseUrl is required (env: 'integration' | 'production')");
 	return e.baseUrl;
 }
-async function Pn(e) {
+async function In(e) {
 	if (!e.video || typeof e.video.play != "function") throw new n("INTERNAL", 0, "createPlayer: opts.video must be an HTMLVideoElement");
-	let t = Nn(e);
+	let t = Fn(e);
 	if (!e.matchUrn) throw new n("INVALID_URN", 0, "createPlayer: matchUrn is required");
 	if (!e.credential) throw new n("INTERNAL", 0, "createPlayer: credential is required");
-	let r = new Fn({
+	let r = new Ln({
 		...e,
 		baseUrl: t
 	});
 	return await r.start(), r;
 }
-var Fn = class {
+var Ln = class {
 	opts;
 	abort = new AbortController();
 	listeners = {};
@@ -2923,7 +2951,7 @@ var Fn = class {
 		setTimeout(() => {
 			a || this.destroyed || e !== this.loadGen || this.emit("waiting", {
 				phase: i ? "unavailable" : "tooEarly",
-				retryInMs: On,
+				retryInMs: An,
 				attempt: 1,
 				elapsedMs: 0,
 				...!i && f !== void 0 && f > Date.now() ? { ttkMs: f - Date.now() } : {}
@@ -2962,13 +2990,13 @@ var Fn = class {
 				!a && !p() && h();
 			}, e);
 		};
-		_(Dn), this.armingSub = E({
+		_(kn), this.armingSub = E({
 			eventsBaseUrl: t,
 			matchUrn: this.opts.matchUrn,
 			credential: this.opts.credential,
-			onAlive: () => _(On),
+			onAlive: () => _(An),
 			onState: (e) => {
-				a || p() || (e.state === "live" || e.state === "gone") && setTimeout(g, Math.random() * kn);
+				a || p() || (e.state === "live" || e.state === "gone") && setTimeout(g, Math.random() * jn);
 			},
 			onError: () => h()
 		});
@@ -3013,19 +3041,19 @@ var Fn = class {
 		if (this.analyticsSession?.noteDestroyed(), this.analyticsSession = null, this.detachMediaListeners?.(), this.opts.analytics === !1) return;
 		let i = e.analytics?.sid;
 		if (!i) return;
-		let a = typeof this.opts.analytics == "object" ? this.opts.analytics.endpoint : void 0, { endpoint: o, disabledReason: s } = nn(this.opts.baseUrl, a, e.analytics?.endpoint);
+		let a = typeof this.opts.analytics == "object" ? this.opts.analytics.endpoint : void 0, { endpoint: o, disabledReason: s } = an(this.opts.baseUrl, a, e.analytics?.endpoint);
 		if (!o) {
 			s && setTimeout(() => {
 				this.destroyed || r !== this.loadGen || this.emit("warning", new n("INTERNAL", 0, s));
 			}, 0);
 			return;
 		}
-		let c = this.opts.video, l = new rn({
+		let c = this.opts.video, l = new on({
 			endpoint: o,
 			sid: i,
 			player: t.name === "native" ? "PLAYER_SAFARI_NATIVE" : "PLAYER_HLSJS",
-			sdkVersion: un,
-			environment: cn(c),
+			sdkVersion: fn,
+			environment: un(c),
 			idleMs: typeof this.opts.analytics == "object" ? this.opts.analytics.idleMs : void 0,
 			onIdle: () => this.onAnalyticsIdle(t),
 			onBlocked: (e) => setTimeout(() => {
@@ -3046,7 +3074,7 @@ var Fn = class {
 		let u = () => l.noteSeek(), d = () => l.noteVolume(c.muted, c.volume);
 		c.addEventListener("seeking", u), c.addEventListener("volumechange", d), this.detachMediaListeners = () => {
 			c.removeEventListener("seeking", u), c.removeEventListener("volumechange", d);
-		}, l.start(), l.seedVolume(c.muted, c.volume), l.notePresentation(this.currentPresentation()), ln().then((e) => l.noteEnvironment(e)), this.opts.autoplay === !1 && l.noteAutoplay("AUTOPLAY_RESULT_NOT_ATTEMPTED");
+		}, l.start(), l.seedVolume(c.muted, c.volume), l.notePresentation(this.currentPresentation()), dn().then((e) => l.noteEnvironment(e)), this.opts.autoplay === !1 && l.noteAutoplay("AUTOPLAY_RESULT_NOT_ATTEMPTED");
 	}
 	currentPresentation() {
 		let e = this.opts.video;
@@ -3072,9 +3100,9 @@ var Fn = class {
 			emit: (e) => this.onEngineEvent(e)
 		}, o = this.opts.engine ?? "auto";
 		if (o === "native") return new K(a);
-		if (o === "hls") return new Rt(a);
-		if (e.drmEnabled && e.drm?.fairplay?.licenseUrl && e.drm.fairplay.certificateUrl && W(this.opts.video) && G() || !e.drmEnabled && Ye() && W(this.opts.video)) return new K(a);
-		if (ot()) return new Rt(a);
+		if (o === "hls") return new Bt(a);
+		if (e.drmEnabled && e.drm?.fairplay?.licenseUrl && e.drm.fairplay.certificateUrl && W(this.opts.video) && G() || !e.drmEnabled && Ze() && W(this.opts.video)) return new K(a);
+		if (ct()) return new Bt(a);
 		if (W(this.opts.video)) return new K(a);
 		throw new n("INTERNAL", 0, "no supported HLS playback engine in this browser");
 	}
@@ -3127,7 +3155,7 @@ var Fn = class {
 				r = 0, i = !1;
 			},
 			onError: () => {
-				this.destroyed || e !== this.loadGen || i || this.endedHandled || (r += 1, r >= An && (i = !0, this.emit("warning", new n("NETWORK", 0, `live-state events unreachable at ${t} after ${r} attempts — end-of-stream detection degraded to the HLS staleness watchdog. Check the events host, the api-key's allowed origins, and CSP connect-src.`))));
+				this.destroyed || e !== this.loadGen || i || this.endedHandled || (r += 1, r >= Mn && (i = !0, this.emit("warning", new n("NETWORK", 0, `live-state events unreachable at ${t} after ${r} attempts — end-of-stream detection degraded to the HLS staleness watchdog. Check the events host, the api-key's allowed origins, and CSP connect-src.`))));
 			}
 		});
 	}
@@ -3149,7 +3177,7 @@ var Fn = class {
 	scheduleRejoin(e) {
 		this.rejoinEnabled() && !this.rejoinTimer && (this.rejoinTimer = setTimeout(() => {
 			this.rejoinTimer = null, !(this.destroyed || e !== this.loadGen || this._state !== "ended") && this.rejoin();
-		}, Math.random() * kn));
+		}, Math.random() * jn));
 	}
 	cancelRejoin() {
 		this.rejoinTimer &&= (clearTimeout(this.rejoinTimer), null);
@@ -3173,7 +3201,7 @@ var Fn = class {
 		}
 		t.controls = !1;
 		let n = (t.ownerDocument ?? document).createElement("div"), r = t.parentNode;
-		r && r.insertBefore(n, t), n.appendChild(t), pn(n, this.opts.theme), this.container = n, this.controlBar = xn({
+		r && r.insertBefore(n, t), n.appendChild(t), hn(n, this.opts.theme), this.container = n, this.controlBar = Cn({
 			root: n,
 			video: t,
 			player: this,
@@ -3204,7 +3232,7 @@ var Fn = class {
 	}
 	startStats() {
 		this.stopStats();
-		let e = Math.max(500, this.opts.statsIntervalMs ?? jn);
+		let e = Math.max(500, this.opts.statsIntervalMs ?? Nn);
 		this.statsTimer = setInterval(() => {
 			if (!this.engine) return;
 			let e = this.engine.getStats();
@@ -3216,7 +3244,7 @@ var Fn = class {
 	}
 	scheduleLicenseRefresh() {
 		this.stopRefresh();
-		let e = this.opts.licenseRefreshMs ?? Mn;
+		let e = this.opts.licenseRefreshMs ?? Pn;
 		e && this._descriptor?.drmEnabled && (this.refreshTimer = setInterval(() => void this.refreshLicense(), e));
 	}
 	stopRefresh() {
@@ -3371,7 +3399,7 @@ function $(e) {
 }
 //#endregion
 //#region src/embed/host.ts
-function In(e) {
+function Rn(e) {
 	if (!e.container || typeof e.container.appendChild != "function") throw Error("mountEmbed: opts.container must be a DOM element");
 	if (!e.src) throw Error("mountEmbed: opts.src is required");
 	if (!e.baseUrl || !e.matchUrn) throw Error("mountEmbed: opts.baseUrl and opts.matchUrn are required");
@@ -3430,15 +3458,15 @@ function In(e) {
 }
 //#endregion
 //#region src/embed/page.ts
-var Ln = /^[A-Za-z0-9:_.-]{1,128}$/;
-function Rn(e) {
+var zn = /^[A-Za-z0-9:_.-]{1,128}$/;
+function Bn(e) {
 	if (typeof e == "boolean") return e;
 	if (typeof e == "object" && e) {
 		let t = e.endpoint;
 		return typeof t == "string" ? { endpoint: t } : {};
 	}
 }
-function zn() {
+function Vn() {
 	let e = window.HAVIK_EMBED_CONFIG;
 	if (e) return {
 		baseUrl: e.baseUrl ?? "",
@@ -3448,7 +3476,7 @@ function zn() {
 		autoplay: e.autoplay ?? !0,
 		muted: e.muted ?? !0,
 		waitForLive: e.waitForLive ?? !0,
-		analytics: Rn(e.analytics)
+		analytics: Bn(e.analytics)
 	};
 	let t = new URLSearchParams(location.search);
 	return {
@@ -3461,9 +3489,9 @@ function zn() {
 		waitForLive: !0
 	};
 }
-async function Bn() {
-	let e = zn();
-	Hn();
+async function Hn() {
+	let e = Vn();
+	Wn();
 	let t = document.createElement("video");
 	t.setAttribute("playsinline", ""), t.muted = e.muted ?? !0, t.style.cssText = "width:100%;height:100%;object-fit:contain;background:#000;aspect-ratio:auto", document.body.appendChild(t);
 	let r = e.parentOrigin && e.parentOrigin !== "null" ? e.parentOrigin : null;
@@ -3518,12 +3546,12 @@ async function Bn() {
 			code: e.code,
 			message: e.message
 		})), e.on("autoplayblocked", () => {
-			i({ type: "oddin:autoplayblocked" }), Vn(t, e);
+			i({ type: "oddin:autoplayblocked" }), Un(t, e);
 		});
 	}, s = async (r) => {
 		a?.destroy(), a = null;
 		try {
-			let n = await Pn({
+			let n = await In({
 				video: t,
 				baseUrl: e.baseUrl,
 				matchUrn: r,
@@ -3585,7 +3613,7 @@ async function Bn() {
 				a?.retry();
 				break;
 			case "oddin:load":
-				typeof e.matchUrn == "string" && Ln.test(e.matchUrn) && s(e.matchUrn);
+				typeof e.matchUrn == "string" && zn.test(e.matchUrn) && s(e.matchUrn);
 				break;
 			case "oddin:destroy": c();
 		}
@@ -3597,18 +3625,18 @@ async function Bn() {
 		protocol: 1
 	});
 }
-function Vn(e, t) {
+function Un(e, t) {
 	if (document.getElementById("havik-tap")) return;
 	let n = document.createElement("button");
 	n.id = "havik-tap", n.textContent = "▶  Tap to play", n.style.cssText = "position:fixed;inset:0;width:100%;height:100%;border:0;background:rgba(0,0,0,.55);color:#fff;font:600 18px system-ui,sans-serif;cursor:pointer;z-index:9", n.addEventListener("click", () => {
 		n.remove(), t.play();
 	}), document.body.appendChild(n);
 }
-function Hn() {
+function Wn() {
 	let e = document.createElement("style");
 	e.textContent = "html,body{margin:0;height:100%;background:#000;overflow:hidden}body{display:flex}", document.head.appendChild(e);
 }
 //#endregion
-export { dn as ODDIN_THEME, n as PlaybackError, pn as applyTheme, B as baseUrlForEnv, Bn as bootEmbed, we as clearDeviceId, Pn as createPlayer, D as deriveEventsBaseUrl, Ve as detectDrmSupport, w as enterVideoFullscreen, T as exitVideoFullscreen, ge as fetchCatalog, ve as fetchTournament, be as flattenMatches, A as getDeviceId, Ue as isLowLatencyManifest, $ as isOddinMessage, Ee as licenseRequestHeaders, In as mountEmbed, v as pollToLive, b as resolveStream, E as subscribeLiveState, C as videoFullscreenActive, Se as watchStatus };
+export { pn as ODDIN_THEME, n as PlaybackError, hn as applyTheme, B as baseUrlForEnv, Hn as bootEmbed, we as clearDeviceId, In as createPlayer, D as deriveEventsBaseUrl, Ve as detectDrmSupport, w as enterVideoFullscreen, T as exitVideoFullscreen, ge as fetchCatalog, ve as fetchTournament, be as flattenMatches, A as getDeviceId, Ue as isLowLatencyManifest, $ as isOddinMessage, Ee as licenseRequestHeaders, Rn as mountEmbed, v as pollToLive, b as resolveStream, E as subscribeLiveState, C as videoFullscreenActive, Se as watchStatus };
 
 //# sourceMappingURL=index.js.map