@oddin-gg/havik-player 2.6.3 → 2.6.4

package/dist/index.js

@@ -918,17 +918,17 @@ function Fe(e, t) {
 function Ie() {
 	return e.isSupported();
 }
-var Le = 3, Re = 5, ze = 3, Be = 3e4, Ve = 12e3, He = 3e3, H = 6e3, Ue = 4e3, We = 2, Ge = 5, Ke = 2, qe = 2, Je = 2e3, Ye = 3e4, Xe = 2, Ze = 9, Qe = .5, $e = 64;
-function et(e) {
+var Le = 3, Re = 5, ze = 3, Be = 3e4, Ve = 12e3, He = 3e3, H = 6e3, Ue = 5e3, We = 4e3, Ge = 2, Ke = 5, qe = 2, Je = 2, Ye = 2e3, Xe = 3e4, Ze = 2, Qe = 9, $e = .5, et = 64;
+function tt(e) {
 	if (e.liveSyncDurationCount != null || e.liveMaxLatencyDurationCount != null) {
 		delete e.liveSyncDuration, delete e.liveMaxLatencyDuration;
 		return;
 	}
-	e.liveSyncDuration ??= Xe;
-	let t = Math.max(12, e.liveSyncDuration + Ze);
-	(e.liveMaxLatencyDuration == null || e.liveMaxLatencyDuration <= e.liveSyncDuration) && (e.liveMaxLatencyDuration = t), tt(e, e.liveSyncDuration);
+	e.liveSyncDuration ??= Ze;
+	let t = Math.max(12, e.liveSyncDuration + Qe);
+	(e.liveMaxLatencyDuration == null || e.liveMaxLatencyDuration <= e.liveSyncDuration) && (e.liveMaxLatencyDuration = t), nt(e, e.liveSyncDuration);
 }
-function tt(e, t) {
+function nt(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);
 }
@@ -960,6 +960,11 @@ var U = class {
 	licenseRetryTimer = null;
 	onVisibility = null;
 	onSeeking = null;
+	onPause = null;
+	onPlay = null;
+	pauseSuspendTimer = null;
+	loadSuspended = !1;
+	stopped = !1;
 	sawLive = !1;
 	lastEndSN = -1;
 	lastAdvanceMs = 0;
@@ -1002,10 +1007,34 @@ var U = class {
 			if (typeof t != "number") return;
 			let n = typeof e.targetLatency == "number" && e.targetLatency > 0 ? e.targetLatency : 3;
 			t - r.currentTime > Math.max(n * 3, 8) && (r.currentTime = t);
-		}, document.addEventListener("visibilitychange", this.onVisibility)), this.onSeeking = () => this.clampOverSeek(), r.addEventListener("seeking", this.onSeeking), this.sizeCapManaged && typeof ResizeObserver < "u" && (this.capObserver = new ResizeObserver(() => this.onMediaResize()), this.capObserver.observe(r), this.watchDprChanges());
+		}, document.addEventListener("visibilitychange", this.onVisibility)), this.onSeeking = () => {
+			this.clampOverSeek(), this.loadSuspended && (this.resumeLoading(), this.schedulePauseSuspend());
+		}, r.addEventListener("seeking", this.onSeeking), this.onPause = () => this.schedulePauseSuspend(), this.onPlay = () => this.resumeLoading(), r.addEventListener("pause", this.onPause), r.addEventListener("play", this.onPlay), this.sizeCapManaged && typeof ResizeObserver < "u" && (this.capObserver = new ResizeObserver(() => this.onMediaResize()), this.capObserver.observe(r), this.watchDprChanges());
+	}
+	schedulePauseSuspend() {
+		this.pauseSuspendTimer || this.loadSuspended || this.stopped || !this.loadStarted || (this.pauseSuspendTimer = setTimeout(() => {
+			this.pauseSuspendTimer = null;
+			let { video: e } = this.deps;
+			if (e.paused && !e.ended && !this.stopped && this.hls) {
+				try {
+					this.hls.stopLoad();
+				} catch {
+					return;
+				}
+				this.loadSuspended = !0;
+			}
+		}, Ue));
+	}
+	resumeLoading() {
+		if (this.pauseSuspendTimer &&= (clearTimeout(this.pauseSuspendTimer), null), this.loadSuspended && (this.loadSuspended = !1, !this.stopped && this.hls)) {
+			this.lastAdvanceMs = Date.now(), this.lastFragLoadingMs = 0, this.starvedTicks = 0, this.kickPending = !1, this.kickTicks = 0;
+			try {
+				this.hls.startLoad(-1);
+			} catch {}
+		}
 	}
 	startLoad() {
-		this.loadStarted || (this.loadStarted = !0, this.hls?.startLoad(-1));
+		this.loadStarted || (this.loadStarted = !0, this.deps.video.paused && this.schedulePauseSuspend(), this.hls?.startLoad(-1));
 	}
 	watchDprChanges() {
 		if (typeof matchMedia != "function") return;
@@ -1026,7 +1055,7 @@ var U = class {
 		let t = e.liveSyncPosition;
 		if (typeof t != "number" || !Number.isFinite(t)) return;
 		let { video: n } = this.deps;
-		n.currentTime <= t + Qe || (n.currentTime = t);
+		n.currentTime <= t + $e || (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;
@@ -1066,12 +1095,12 @@ var U = class {
 			} } : {},
 			...c
 		};
-		et(d), this.sizeCapManaged = d.capLevelToPlayerSize !== !0, this.loadStarted = d.autoStartLoad !== !1;
+		tt(d), this.sizeCapManaged = d.capLevelToPlayerSize !== !0, this.loadStarted = d.autoStartLoad !== !1;
 		let f = new e(d);
 		this.hls = f, f.on(e.Events.MANIFEST_PARSED, () => {
 			this.mediaRecoveries = 0, this.networkRecoveries = 0;
 			let e = f.levels.map((e) => e.height).filter((e) => !!e);
-			this.ladderHeights = e.length ? [...new Set(e)].sort((e, t) => e - t) : void 0, this.ladderTopBitrateKbps = f.levels.length ? Math.round(Math.max(...f.levels.map((e) => e.bitrate)) / 1e3) : 0, this.applySizeCap(), l({ type: "ready" });
+			this.ladderHeights = e.length ? [...new Set(e)].sort((e, t) => e - t) : void 0, this.ladderTopBitrateKbps = f.levels.length ? Math.round(Math.max(...f.levels.map((e) => e.bitrate)) / 1e3) : 0, 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.kickPending = !1, this.kickTicks = 0, (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;
@@ -1082,7 +1111,7 @@ var U = class {
 			let n = t?.frag?.stats, r = n?.loaded;
 			typeof r == "number" && (this.bytesLoaded += r);
 			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 > $e && 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 > et && this.requestTimesMs.shift());
 			let a = t?.frag?.url;
 			if (a) {
 				let e = L(a);
@@ -1162,7 +1191,7 @@ var U = class {
 			return;
 		}
 		this.capTimer && clearTimeout(this.capTimer);
-		let t = e > this.sizeCapLevel ? Je : Ye;
+		let t = e > this.sizeCapLevel ? Ye : Xe;
 		this.capTimer = setTimeout(() => {
 			this.capTimer = null, this.computeSizeCapTarget() === e ? this.applySizeCap() : this.onMediaResize();
 		}, t);
@@ -1250,27 +1279,31 @@ var U = class {
 			this.lastAdvanceMs = Date.now();
 			return;
 		}
+		if (this.loadSuspended) {
+			this.lastAdvanceMs = Date.now();
+			return;
+		}
 		let e = Date.now() - this.lastAdvanceMs;
 		!this.chaseSuspended && e > H && this.suspendChasing(), e > Ve && this.emitEnded("stalled");
 	}
 	checkStarvation() {
 		let e = this.hls, { video: t } = this.deps;
 		if (!e || this.endedEmitted || !this.sawLive || this.chaseSuspended) return;
-		if (typeof document < "u" && document.hidden) {
+		if (typeof document < "u" && document.hidden || this.loadSuspended) {
 			this.starvedTicks = 0;
 			return;
 		}
-		let n = this.lastAdvanceMs !== 0 && Date.now() - this.lastAdvanceMs < H, r = this.lastFragLoadingMs !== 0 && Date.now() - this.lastFragLoadingMs > Ue;
+		let n = this.lastAdvanceMs !== 0 && Date.now() - this.lastAdvanceMs < H, r = this.lastFragLoadingMs !== 0 && Date.now() - this.lastFragLoadingMs > We;
 		if (!(t.readyState < HTMLMediaElement.HAVE_FUTURE_DATA && !t.paused && n && r)) {
 			this.starvedTicks = 0;
 			return;
 		}
-		if (this.kickPending && (this.kickTicks += 1), !(++this.starvedTicks < We)) {
-			if (this.starvedTicks = 0, this.kickPending && this.kickTicks >= Ke && (this.kickPending = !1, this.kickTicks = 0, this.starvationRebuilds < qe)) {
+		if (this.kickPending && (this.kickTicks += 1), !(++this.starvedTicks < Ge)) {
+			if (this.starvedTicks = 0, this.kickPending && this.kickTicks >= qe && (this.kickPending = !1, this.kickTicks = 0, this.starvationRebuilds < Je)) {
 				this.starvationRebuilds += 1, 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;
 			}
-			if (!(this.starvationKicks >= Ge)) {
+			if (!(this.starvationKicks >= Ke)) {
 				this.starvationKicks += 1, this.kickPending = !0, this.kickTicks = 0, console.warn("havik-player: video starved while the live playlist advances (wedged hls.js fragment pipeline) — restarting the load");
 				try {
 					e.stopLoad(), e.startLoad(-1);
@@ -1296,7 +1329,7 @@ var U = class {
 		}));
 	}
 	stop() {
-		this.endWatchdog &&= (clearInterval(this.endWatchdog), null), this.kickPending = !1, this.kickTicks = 0;
+		this.endWatchdog &&= (clearInterval(this.endWatchdog), null), this.kickPending = !1, this.kickTicks = 0, this.stopped = !0, this.loadSuspended = !1, this.pauseSuspendTimer &&= (clearTimeout(this.pauseSuspendTimer), null);
 		try {
 			this.hls?.stopLoad();
 		} catch {}
@@ -1305,7 +1338,7 @@ var U = class {
 		} catch {}
 	}
 	destroy() {
-		if (this.clearRecoveryReset(), this.capTimer &&= (clearTimeout(this.capTimer), null), this.capObserver &&= (this.capObserver.disconnect(), null), this.unwatchDprChanges(), this.endWatchdog &&= (clearInterval(this.endWatchdog), null), this.onVisibility && typeof document < "u" && (document.removeEventListener("visibilitychange", this.onVisibility), this.onVisibility = null), this.onSeeking &&= (this.deps.video.removeEventListener("seeking", this.onSeeking), null), this.networkRetryTimer &&= (clearTimeout(this.networkRetryTimer), null), this.licenseRetryTimer &&= (clearTimeout(this.licenseRetryTimer), null), this.hls) {
+		if (this.clearRecoveryReset(), this.capTimer &&= (clearTimeout(this.capTimer), null), this.capObserver &&= (this.capObserver.disconnect(), null), this.unwatchDprChanges(), this.endWatchdog &&= (clearInterval(this.endWatchdog), null), this.onVisibility && typeof document < "u" && (document.removeEventListener("visibilitychange", this.onVisibility), this.onVisibility = null), this.onSeeking &&= (this.deps.video.removeEventListener("seeking", this.onSeeking), null), this.onPause &&= (this.deps.video.removeEventListener("pause", this.onPause), null), this.onPlay &&= (this.deps.video.removeEventListener("play", this.onPlay), null), this.pauseSuspendTimer &&= (clearTimeout(this.pauseSuspendTimer), null), this.networkRetryTimer &&= (clearTimeout(this.networkRetryTimer), null), this.licenseRetryTimer &&= (clearTimeout(this.licenseRetryTimer), null), this.hls) {
 			try {
 				this.hls.destroy();
 			} catch (e) {
@@ -1393,11 +1426,11 @@ var U = 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})` : ""}`);
 	}
-}, nt = 15e3, rt = 100, W = 1, it = 1e3, G = 3e4, at = 1e3, ot = {
+}, rt = 15e3, it = 100, W = 1, at = 1e3, G = 3e4, ot = 1e3, st = {
 	inline: "PRESENTATION_INLINE",
 	fullscreen: "PRESENTATION_FULLSCREEN",
 	pip: "PRESENTATION_PIP"
-}, st = {
+}, ct = {
 	widevine: "KEY_SYSTEM_WIDEVINE",
 	fairplay: "KEY_SYSTEM_FAIRPLAY",
 	none: "KEY_SYSTEM_NONE"
@@ -1405,7 +1438,7 @@ var U = class {
 function K(e, t) {
 	return e.length === 0 ? 0 : e[Math.min(e.length, Math.max(1, Math.ceil(t / 100 * e.length))) - 1] ?? 0;
 }
-var ct = /* @__PURE__ */ new Set([
+var lt = /* @__PURE__ */ new Set([
 	"INVALID_URN",
 	"NOT_FOUND",
 	"GONE",
@@ -1425,7 +1458,7 @@ var ct = /* @__PURE__ */ new Set([
 	ended: "PLAYER_STATE_ENDED",
 	error: "PLAYER_STATE_ERROR"
 };
-function lt(e) {
+function ut(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);
@@ -1433,7 +1466,7 @@ function lt(e) {
 		return;
 	}
 }
-var ut = class {
+var dt = class {
 	opts;
 	url;
 	now;
@@ -1505,7 +1538,7 @@ var ut = class {
 	constructor(e) {
 		this.opts = {
 			...e,
-			heartbeatMs: e.heartbeatMs ?? nt
+			heartbeatMs: e.heartbeatMs ?? rt
 		}, this.url = `${e.endpoint.replace(/\/$/, "")}/v1/beacons`, this.now = e.now ?? (() => Date.now()), this.bornMs = this.now(), this.presentationSinceMs = this.bornMs, this.startupAnchorMs = this.bornMs;
 	}
 	start() {
@@ -1515,7 +1548,7 @@ var ut = class {
 			sdkVersion: this.opts.sdkVersion,
 			...this.opts.environment
 		};
-		this.pendingStart = e, this.enqueue({ sessionStart: e }), this.firstFlushTimer = setTimeout(() => this.flush(), it), this.timer = setInterval(() => this.heartbeat(), this.opts.heartbeatMs), typeof window < "u" && window.addEventListener("pagehide", this.onPagehide), typeof document < "u" && (document.addEventListener("visibilitychange", this.onVisibility), this.onVisibility());
+		this.pendingStart = e, this.enqueue({ sessionStart: e }), this.firstFlushTimer = setTimeout(() => this.flush(), at), this.timer = setInterval(() => this.heartbeat(), this.opts.heartbeatMs), typeof window < "u" && window.addEventListener("pagehide", this.onPagehide), typeof document < "u" && (document.addEventListener("visibilitychange", this.onVisibility), this.onVisibility());
 	}
 	noteStateChange(e, t, n, r) {
 		if (this.endedFlag || e === t) return;
@@ -1529,12 +1562,12 @@ var ut = class {
 		let a = {
 			fromState: q[e] ?? "PLAYER_STATE_UNSPECIFIED",
 			toState: q[t] ?? "PLAYER_STATE_UNSPECIFIED",
-			presentation: ot[this.presentation]
+			presentation: st[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 < at;
+		return this.lastSeekMs >= 0 && e - this.lastSeekMs < ot;
 	}
 	causeOf(e, t, n) {
 		if (t === "error") return "TRANSITION_CAUSE_ERROR";
@@ -1602,7 +1635,7 @@ var ut = 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 (ct.has(e)) return "ERROR_STAGE_RESOLVE";
+		if (lt.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";
 	}
@@ -1654,7 +1687,7 @@ var ut = class {
 	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 = st[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 = ct[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 }));
 	}
@@ -1694,7 +1727,7 @@ var ut = class {
 		};
 	}
 	enqueue(e) {
-		for (this.pending.push(this.wrap(e)); this.pending.length > rt;) {
+		for (this.pending.push(this.wrap(e)); this.pending.length > it;) {
 			let e = this.pending.findIndex((e) => e.heartbeat || e.stateChange);
 			this.pending.splice(e >= 0 ? e : 0, 1);
 		}
@@ -1717,7 +1750,7 @@ var ut = class {
 };
 //#endregion
 //#region src/core/environment.ts
-function dt() {
+function ft() {
 	if (typeof window > "u") return { integration: "INTEGRATION_KIND_SDK" };
 	let e;
 	try {
@@ -1742,14 +1775,14 @@ function dt() {
 		integration: "INTEGRATION_KIND_IFRAME"
 	};
 }
-function ft() {
+function pt() {
 	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 pt() {
+function mt() {
 	let e = typeof navigator < "u" ? navigator.connection : void 0;
 	if (!e) return { connectionType: "CONNECTION_TYPE_UNKNOWN" };
 	let t = {
@@ -1768,17 +1801,17 @@ function pt() {
 	}
 	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 mt(e) {
-	let t = dt(), n = {
-		deviceClass: ft(),
+function ht(e) {
+	let t = ft(), n = {
+		deviceClass: pt(),
 		integration: t.integration,
-		...pt()
+		...mt()
 	};
 	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 ht() {
+async function gt() {
 	let e = typeof navigator < "u" ? navigator.userAgentData : void 0;
 	if (!e?.getHighEntropyValues) return {};
 	try {
@@ -1790,7 +1823,7 @@ async function ht() {
 }
 //#endregion
 //#region src/core/version.ts
-var gt = "2.6.3", J = {
+var _t = "2.6.4", J = {
 	accent: "#E1B600",
 	accentText: "#1B1C23",
 	background: "#0e0f13",
@@ -1823,15 +1856,15 @@ function X(e, t) {
 }
 //#endregion
 //#region src/ui/styles.ts
-var Z = "havik-player-styles", _t = "\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.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.havik-spinner{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";
-function vt(e = document) {
+var Z = "havik-player-styles", vt = "\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.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.havik-spinner{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";
+function yt(e = document) {
 	if (e.getElementById(Z)) return;
 	let t = e.createElement("style");
-	t.id = Z, t.textContent = _t, e.head.appendChild(t);
+	t.id = Z, t.textContent = vt, e.head.appendChild(t);
 }
 //#endregion
 //#region src/ui/icons.ts
-var yt = {
+var bt = {
 	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\"/>",
@@ -1845,20 +1878,20 @@ var yt = {
 	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">${yt[e]}</svg>`;
+	return `<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="currentColor">${bt[e]}</svg>`;
 }
 //#endregion
 //#region src/ui/controls.ts
-var bt = 3e3, xt = /* @__PURE__ */ new Set([
+var xt = 3e3, St = /* @__PURE__ */ new Set([
 	"GONE",
 	"NOT_FOUND",
 	"INVALID_URN",
 	"UNAUTHORIZED"
 ]);
-function St(e) {
-	return new Ct(e);
+function Ct(e) {
+	return new wt(e);
 }
-var Ct = class {
+var wt = class {
 	root;
 	video;
 	player;
@@ -1900,7 +1933,7 @@ var Ct = 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 ?? bt, 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, vt(this.doc), 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 ?? xt, 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, yt(this.doc), 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);
@@ -1991,7 +2024,7 @@ var Ct = 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 && !xt.has(this.lastError.code)) {
+			if (r.className = "havik-status__msg", r.textContent = t ?? "", n.append(r), e === "error" && this.lastError && !St.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);
 			}
@@ -2032,7 +2065,7 @@ var Ct = 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 = `${wt(this.video.currentTime)} / ${wt(this.video.duration)}`);
+		!this.player.getStats().isLive && Number.isFinite(this.video.duration) && (this.time.textContent = `${Tt(this.video.currentTime)} / ${Tt(this.video.duration)}`);
 	}
 	syncLive() {
 		let e = this.player.getStats(), t = e.isLive !== !1;
@@ -2082,17 +2115,17 @@ var Ct = 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(Tt(n), t === n.index, () => this.player.setQuality(n.index)));
+		for (let n of e) this.menu.append(this.menuItem(Et(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(Et(t), t.default, () => this.player.setAudioTrack(t.id)));
+		for (let t of e) this.menu.append(this.menuItem(Dt(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(Dt(t), !1, () => this.player.setTextTrack(t.id)));
+		for (let t of e) this.menu.append(this.menuItem(Ot(t), !1, () => this.player.setTextTrack(t.id)));
 	}
 	onTracksChanged() {
 		this.openMenu && this.renderMenu(this.openMenu);
@@ -2192,32 +2225,32 @@ var Ct = class {
 		this.root.classList.remove("havik-player", "havik-hide", "havik-has-status");
 	}
 };
-function wt(e) {
+function Tt(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 Tt(e) {
+function Et(e) {
 	return e.height ? `${e.height}p` : `${Math.round(e.bitrate / 1e3)} kbps`;
 }
-function Et(e) {
+function Dt(e) {
 	return e.name || e.lang || `Track ${e.id}`;
 }
-function Dt(e) {
+function Ot(e) {
 	return e.name || e.lang || `Track ${e.id}`;
 }
 //#endregion
 //#region src/managed/index.ts
-var Ot = 6e3, kt = 45e3, At = 2e3, jt = 3, Mt = 2e3, Nt = 48e4;
-async function Pt(e) {
+var kt = 6e3, At = 45e3, jt = 2e3, Mt = 3, Nt = 2e3, Pt = 48e4;
+async function Ft(e) {
 	if (!e.video || typeof e.video.play != "function") throw new n("INTERNAL", 0, "createPlayer: opts.video must be an HTMLVideoElement");
 	if (!e.baseUrl) throw new n("INTERNAL", 0, "createPlayer: baseUrl is required");
 	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 t = new Ft(e);
+	let t = new It(e);
 	return await t.start(), t;
 }
-var Ft = class {
+var It = class {
 	opts;
 	abort = new AbortController();
 	listeners = {};
@@ -2304,7 +2337,7 @@ var Ft = class {
 		setTimeout(() => {
 			a || this.destroyed || e !== this.loadGen || this.emit("waiting", {
 				phase: i ? "unavailable" : "tooEarly",
-				retryInMs: kt,
+				retryInMs: At,
 				attempt: 1,
 				elapsedMs: 0,
 				...!i && f !== void 0 && f > Date.now() ? { ttkMs: f - Date.now() } : {}
@@ -2343,13 +2376,13 @@ var Ft = class {
 				!a && !p() && h();
 			}, e);
 		};
-		_(Ot), this.armingSub = E({
+		_(kt), this.armingSub = E({
 			eventsBaseUrl: t,
 			matchUrn: this.opts.matchUrn,
 			credential: this.opts.credential,
-			onAlive: () => _(kt),
+			onAlive: () => _(At),
 			onState: (e) => {
-				a || p() || (e.state === "live" || e.state === "gone") && setTimeout(g, Math.random() * At);
+				a || p() || (e.state === "live" || e.state === "gone") && setTimeout(g, Math.random() * jt);
 			},
 			onError: () => h()
 		});
@@ -2391,14 +2424,14 @@ var Ft = class {
 		if (this.analyticsSession?.noteDestroyed(), this.analyticsSession = null, this.detachMediaListeners?.(), this.opts.analytics === !1) return;
 		let n = e.analytics?.sid;
 		if (!n) return;
-		let r = (typeof this.opts.analytics == "object" ? this.opts.analytics.endpoint : void 0) ?? lt(this.opts.baseUrl);
+		let r = (typeof this.opts.analytics == "object" ? this.opts.analytics.endpoint : void 0) ?? ut(this.opts.baseUrl);
 		if (!r) return;
-		let i = this.opts.video, a = new ut({
+		let i = this.opts.video, a = new dt({
 			endpoint: r,
 			sid: n,
 			player: t.name === "native" ? "PLAYER_SAFARI_NATIVE" : "PLAYER_HLSJS",
-			sdkVersion: gt,
-			environment: mt(i),
+			sdkVersion: _t,
+			environment: ht(i),
 			sample: () => {
 				let e = this.engine?.getStats() ?? I, t = i.buffered.length ? Math.max(0, i.buffered.end(i.buffered.length - 1) - i.currentTime) : 0;
 				return {
@@ -2414,7 +2447,7 @@ var Ft = class {
 		let o = () => a.noteSeek(), s = () => a.noteVolume(i.muted, i.volume);
 		i.addEventListener("seeking", o), i.addEventListener("volumechange", s), this.detachMediaListeners = () => {
 			i.removeEventListener("seeking", o), i.removeEventListener("volumechange", s);
-		}, a.start(), a.seedVolume(i.muted, i.volume), a.notePresentation(this.currentPresentation()), ht().then((e) => a.noteEnvironment(e)), this.opts.autoplay === !1 && a.noteAutoplay("AUTOPLAY_RESULT_NOT_ATTEMPTED");
+		}, a.start(), a.seedVolume(i.muted, i.volume), a.notePresentation(this.currentPresentation()), gt().then((e) => a.noteEnvironment(e)), this.opts.autoplay === !1 && a.noteAutoplay("AUTOPLAY_RESULT_NOT_ATTEMPTED");
 	}
 	currentPresentation() {
 		let e = this.opts.video;
@@ -2485,7 +2518,7 @@ var Ft = class {
 				r = 0, i = !1;
 			},
 			onError: () => {
-				this.destroyed || e !== this.loadGen || i || this.endedHandled || (r += 1, r >= jt && (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 >= Mt && (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.`))));
 			}
 		});
 	}
@@ -2507,7 +2540,7 @@ var Ft = 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() * At));
+		}, Math.random() * jt));
 	}
 	cancelRejoin() {
 		this.rejoinTimer &&= (clearTimeout(this.rejoinTimer), null);
@@ -2531,7 +2564,7 @@ var Ft = class {
 		}
 		t.controls = !1;
 		let n = (t.ownerDocument ?? document).createElement("div"), r = t.parentNode;
-		r && r.insertBefore(n, t), n.appendChild(t), X(n, this.opts.theme), this.container = n, this.controlBar = St({
+		r && r.insertBefore(n, t), n.appendChild(t), X(n, this.opts.theme), this.container = n, this.controlBar = Ct({
 			root: n,
 			video: t,
 			player: this,
@@ -2561,7 +2594,7 @@ var Ft = class {
 	}
 	startStats() {
 		this.stopStats();
-		let e = Math.max(500, this.opts.statsIntervalMs ?? Mt);
+		let e = Math.max(500, this.opts.statsIntervalMs ?? Nt);
 		this.statsTimer = setInterval(() => {
 			if (!this.engine) return;
 			let e = this.engine.getStats();
@@ -2573,7 +2606,7 @@ var Ft = class {
 	}
 	scheduleLicenseRefresh() {
 		this.stopRefresh();
-		let e = this.opts.licenseRefreshMs ?? Nt;
+		let e = this.opts.licenseRefreshMs ?? Pt;
 		e && this._descriptor?.drmEnabled && (this.refreshTimer = setInterval(() => void this.refreshLicense(), e));
 	}
 	stopRefresh() {
@@ -2725,7 +2758,7 @@ function $(e) {
 }
 //#endregion
 //#region src/embed/host.ts
-function It(e) {
+function Lt(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");
@@ -2784,8 +2817,8 @@ function It(e) {
 }
 //#endregion
 //#region src/embed/page.ts
-var Lt = /^[A-Za-z0-9:_.-]{1,128}$/;
-function Rt() {
+var Rt = /^[A-Za-z0-9:_.-]{1,128}$/;
+function zt() {
 	let e = window.HAVIK_EMBED_CONFIG;
 	if (e) return {
 		baseUrl: e.baseUrl ?? "",
@@ -2807,9 +2840,9 @@ function Rt() {
 		waitForLive: !0
 	};
 }
-async function zt() {
-	let e = Rt();
-	Vt();
+async function Bt() {
+	let e = zt();
+	Ht();
 	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;
@@ -2864,12 +2897,12 @@ async function zt() {
 			code: e.code,
 			message: e.message
 		})), e.on("autoplayblocked", () => {
-			i({ type: "oddin:autoplayblocked" }), Bt(t, e);
+			i({ type: "oddin:autoplayblocked" }), Vt(t, e);
 		});
 	}, s = async (r) => {
 		a?.destroy(), a = null;
 		try {
-			let n = await Pt({
+			let n = await Ft({
 				video: t,
 				baseUrl: e.baseUrl,
 				matchUrn: r,
@@ -2930,7 +2963,7 @@ async function zt() {
 				a?.retry();
 				break;
 			case "oddin:load":
-				typeof e.matchUrn == "string" && Lt.test(e.matchUrn) && s(e.matchUrn);
+				typeof e.matchUrn == "string" && Rt.test(e.matchUrn) && s(e.matchUrn);
 				break;
 			case "oddin:destroy": c();
 		}
@@ -2942,18 +2975,18 @@ async function zt() {
 		protocol: 1
 	});
 }
-function Bt(e, t) {
+function Vt(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 Vt() {
+function Ht() {
 	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 { J as ODDIN_THEME, n as PlaybackError, X as applyTheme, zt as bootEmbed, _e as clearDeviceId, Pt as createPlayer, D as deriveEventsBaseUrl, Oe as detectDrmSupport, w as enterVideoFullscreen, T as exitVideoFullscreen, ue as fetchCatalog, fe as fetchTournament, me as flattenMatches, A as getDeviceId, Ae as isLowLatencyManifest, $ as isOddinMessage, ye as licenseRequestHeaders, It as mountEmbed, oe as pollToLive, y as resolveStream, E as subscribeLiveState, C as videoFullscreenActive, he as watchStatus };
+export { J as ODDIN_THEME, n as PlaybackError, X as applyTheme, Bt as bootEmbed, _e as clearDeviceId, Ft as createPlayer, D as deriveEventsBaseUrl, Oe as detectDrmSupport, w as enterVideoFullscreen, T as exitVideoFullscreen, ue as fetchCatalog, fe as fetchTournament, me as flattenMatches, A as getDeviceId, Ae as isLowLatencyManifest, $ as isOddinMessage, ye as licenseRequestHeaders, Lt as mountEmbed, oe as pollToLive, y as resolveStream, E as subscribeLiveState, C as videoFullscreenActive, he as watchStatus };
 
 //# sourceMappingURL=index.js.map