@oddin-gg/havik-player 1.8.4 → 1.10.0

package/dist/index.js

@@ -171,7 +171,7 @@ async function v(e) {
 		signal: e.signal
 	});
 	if (!n.ok) throw await ae(n);
-	return x(await n.json(), e.matchUrn);
+	return se(await n.json(), e.matchUrn);
 }
 function y(e) {
 	let t = () => v(e);
@@ -201,7 +201,8 @@ var oe = /* @__PURE__ */ new Set([
 	"drm",
 	"serverTime",
 	"liveStartsAt",
-	"expiresAt"
+	"expiresAt",
+	"analytics"
 ]);
 function b(e, n) {
 	let r;
@@ -213,7 +214,7 @@ function b(e, n) {
 	if (r.protocol !== "https:" && r.protocol !== "http:") throw new t("INTERNAL", 0, `playback ${e} has a disallowed scheme: ${r.protocol}`);
 	return n;
 }
-function x(e, n) {
+function se(e, n) {
 	if (!e.manifestUrl) throw new t("INTERNAL", 0, "playback response is missing manifestUrl");
 	let r = e.drmEnabled ?? !!e.drm, i = {
 		matchUrn: e.matchUrn ?? n,
@@ -222,7 +223,7 @@ function x(e, n) {
 		manifestUrl: b("manifestUrl", e.manifestUrl),
 		serverTime: e.serverTime ?? ""
 	};
-	if (e.liveStartsAt && (i.liveStartsAt = e.liveStartsAt), r && e.drm) {
+	if (e.liveStartsAt && (i.liveStartsAt = e.liveStartsAt), typeof e.analytics?.sid == "string" && e.analytics.sid && (i.analytics = { sid: e.analytics.sid }), r && e.drm) {
 		let t = {};
 		e.drm.widevine?.licenseUrl && (t.widevine = { licenseUrl: b("widevine licenseUrl", e.drm.widevine.licenseUrl) }), e.drm.fairplay?.licenseUrl && e.drm.fairplay.certificateUrl && (t.fairplay = {
 			licenseUrl: b("fairplay licenseUrl", e.drm.fairplay.licenseUrl),
@@ -235,7 +236,7 @@ function x(e, n) {
 }
 //#endregion
 //#region src/core/catalog.ts
-async function S(e) {
+async function x(e) {
 	let r = new URLSearchParams();
 	e.status && r.set("status", Array.isArray(e.status) ? e.status.join(",") : e.status), e.sport && r.set("sport", e.sport);
 	let i = r.toString(), a = o(e.baseUrl, "/v1/catalog" + (i ? `?${i}` : "")), s = new Headers();
@@ -252,12 +253,12 @@ async function S(e) {
 	};
 	if (!l.ok) throw new t(n(l.status), l.status, `catalog request failed (HTTP ${l.status})`);
 	return {
-		tournaments: se(await l.json()),
+		tournaments: S(await l.json()),
 		etag: l.headers.get("etag") ?? void 0,
 		notModified: !1
 	};
 }
-function se(e) {
+function S(e) {
 	return (e.tournaments ?? []).map((e) => {
 		let t = e.urn ?? "", n = e.name ?? "", r = e.sport ?? "";
 		return {
@@ -480,11 +481,11 @@ function me(e, t, n = {}) {
 }
 //#endregion
 //#region src/core/drm/support.ts
-var he = 5e3, O = "video/mp4; codecs=\"avc1.42E01E\"", k = "audio/mp4; codecs=\"mp4a.40.2\"", A = {
+var he = 5e3, O = "video/mp4; codecs=\"avc1.42E01E\"", k = "audio/mp4; codecs=\"mp4a.40.2\"", ge = {
 	widevine: ["com.widevine.alpha"],
 	fairplay: ["com.apple.fps"]
 };
-function j(e) {
+function _e(e) {
 	return e === "fairplay" ? [{
 		initDataTypes: [
 			"sinf",
@@ -515,7 +516,7 @@ function j(e) {
 		}]
 	}];
 }
-function M(e, t) {
+function A(e, t) {
 	return new Promise((n, r) => {
 		let i = setTimeout(() => r(/* @__PURE__ */ Error("probe-timeout")), t);
 		e.then((e) => {
@@ -525,7 +526,7 @@ function M(e, t) {
 		});
 	});
 }
-async function N(e = {}) {
+async function j(e = {}) {
 	let t = e.systems ?? ["widevine", "fairplay"], n = e.timeoutMs ?? he, r = {};
 	if (typeof window < "u" && window.isSecureContext === !1) return {
 		verdict: "insecure-context",
@@ -538,7 +539,7 @@ async function N(e = {}) {
 	};
 	let a = !1, o = !1, s = Date.now() + n, c = () => Math.max(1, s - Date.now());
 	for (let e of t) {
-		let t = A[e];
+		let t = ge[e];
 		if (!t) {
 			r[e] = "unknown system";
 			continue;
@@ -549,7 +550,7 @@ async function N(e = {}) {
 				break;
 			}
 			try {
-				return await M((await M(i(n, j(e)), c())).createMediaKeys(), c()), r[e] = `ok (${n})`, {
+				return await A((await A(i(n, _e(e)), c())).createMediaKeys(), c()), r[e] = `ok (${n})`, {
 					verdict: "supported",
 					system: e,
 					detail: r
@@ -573,17 +574,17 @@ async function N(e = {}) {
 }
 //#endregion
 //#region src/core/manifest.ts
-var P = /^#EXT-X-(PART-INF|PART|PRELOAD-HINT)[:\s]/m;
-function F(e) {
-	return P.test(e);
+var M = /^#EXT-X-(PART-INF|PART|PRELOAD-HINT)[:\s]/m;
+function N(e) {
+	return M.test(e);
 }
 //#endregion
 //#region src/core/stats.ts
-var I = { droppedFrames: 0 };
-function L(e) {
+var P = { droppedFrames: 0 };
+function F(e) {
 	return e.getVideoPlaybackQuality?.()?.droppedVideoFrames ?? 0;
 }
-function R(e, t) {
+function I(e, t) {
 	let n = [
 		["playing", () => t("playing")],
 		["waiting", () => t("buffering")],
@@ -600,7 +601,7 @@ function R(e, t) {
 }
 //#endregion
 //#region src/core/engine/native.ts
-function ge(e) {
+function ve(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];
@@ -608,15 +609,15 @@ function ge(e) {
 		return;
 	}
 }
-function z(e) {
+function L(e) {
 	return !!(e ?? (typeof document < "u" ? document.createElement("video") : void 0))?.canPlayType("application/vnd.apple.mpegurl");
 }
-function B() {
+function R() {
 	if (typeof window > "u") return !1;
 	let e = "WebKitMediaKeys" in window || typeof HTMLMediaElement < "u" && "webkitSetMediaKeys" in HTMLMediaElement.prototype, t = typeof navigator < "u" && /Apple/i.test(navigator.vendor ?? "");
 	return e || t;
 }
-var V = class {
+var z = class {
 	name = "native";
 	deps;
 	onLoaded;
@@ -646,7 +647,7 @@ var V = class {
 			type: "error",
 			error: new t("INTERNAL", 0, "native HLS playback error"),
 			fatal: !0
-		}), e.addEventListener("loadedmetadata", this.onLoaded, { once: !0 }), e.addEventListener("error", this.onError), e.src = n.manifestUrl, e.load();
+		}), e.addEventListener("loadedmetadata", this.onLoaded, { once: !0 }), e.addEventListener("error", this.onError), e.src = ye(n.manifestUrl, n.analytics?.sid), e.load();
 	}
 	armFairPlay() {
 		let { video: e, descriptor: n, credential: r, deviceId: i, userId: a, emit: o } = this.deps, s = n.drm?.fairplay;
@@ -659,7 +660,7 @@ var V = class {
 		});
 		this.onEncrypted = (t) => {
 			let o = t;
-			!o.initData || this.fairplayArmed || (this.fairplayArmed = !0, this.fairplayKeyIV = ge(o.initData), (async () => {
+			!o.initData || this.fairplayArmed || (this.fairplayArmed = !0, this.fairplayKeyIV = ve(o.initData), (async () => {
 				try {
 					let t = await (await navigator.requestMediaKeySystemAccess("com.apple.fps", [{
 						initDataTypes: [o.initDataType],
@@ -751,7 +752,7 @@ var V = class {
 		e.seekable.length > 0 && (e.currentTime = e.seekable.end(e.seekable.length - 1));
 	}
 	getStats() {
-		let e = this.deps.video, t = { droppedFrames: L(e) };
+		let e = this.deps.video, t = { droppedFrames: F(e) };
 		return e.duration === Infinity && (t.isLive = !0, e.seekable.length > 0 && (t.atLiveEdge = e.currentTime >= e.seekable.end(e.seekable.length - 1) - 2)), t;
 	}
 	stop() {
@@ -771,31 +772,38 @@ var V = class {
 		} catch {}
 	}
 };
+function ye(e, t) {
+	return t ? `${e}${e.includes("?") ? "&" : "?"}CMCD=${encodeURIComponent(`sid="${t}"`)}` : e;
+}
 //#endregion
 //#region src/core/engine/hls.ts
-function _e() {
+function be() {
 	return e.isSupported();
 }
-var ve = 3, ye = 5, be = 3, xe = 3e4, Se = 12e3, Ce = 3e3, H = 6e3, we = 4e3, Te = 2, Ee = 5, De = 2, Oe = 9, ke = .5;
-function Ae(e) {
+var xe = 3, Se = 5, Ce = 3, we = 3e4, Te = 12e3, Ee = 3e3, B = 6e3, De = 4e3, Oe = 2, ke = 5, Ae = 2, je = 9, Me = .5;
+function Ne(e) {
 	if (e.liveSyncDurationCount != null || e.liveMaxLatencyDurationCount != null) {
 		delete e.liveSyncDuration, delete e.liveMaxLatencyDuration;
 		return;
 	}
-	e.liveSyncDuration ??= De;
-	let t = Math.max(12, e.liveSyncDuration + Oe);
-	(e.liveMaxLatencyDuration == null || e.liveMaxLatencyDuration <= e.liveSyncDuration) && (e.liveMaxLatencyDuration = t), je(e, e.liveSyncDuration);
+	e.liveSyncDuration ??= Ae;
+	let t = Math.max(12, e.liveSyncDuration + je);
+	(e.liveMaxLatencyDuration == null || e.liveMaxLatencyDuration <= e.liveSyncDuration) && (e.liveMaxLatencyDuration = t), Pe(e, e.liveSyncDuration);
 }
-function je(e, t) {
+function Pe(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 U = class {
+var V = class {
 	name = "hls";
 	hls = null;
 	deps;
 	licenseUrl;
 	detectedLowLatency = !1;
+	bytesLoaded = 0;
+	playlistBytesLoaded = 0;
+	renditionSwitches = 0;
+	licenseTimeMs = 0;
 	mediaRecoveries = 0;
 	networkRecoveries = 0;
 	licenseRecoveries = 0;
@@ -819,7 +827,7 @@ var U = class {
 		this.deps = e, this.licenseUrl = e.descriptor.drm?.widevine?.licenseUrl;
 	}
 	async load() {
-		let { descriptor: e, snapToLiveOnRefocus: n, video: r, emit: i } = this.deps, a = z(r) && B(), o = !!e.drm?.widevine?.licenseUrl && !a;
+		let { descriptor: e, snapToLiveOnRefocus: n, video: r, emit: i } = this.deps, a = L(r) && R(), o = !!e.drm?.widevine?.licenseUrl && !a;
 		if (e.drmEnabled && !o) {
 			i({
 				type: "error",
@@ -843,7 +851,7 @@ var U = class {
 		let t = e.liveSyncPosition;
 		if (typeof t != "number" || !Number.isFinite(t)) return;
 		let { video: n } = this.deps;
-		n.currentTime <= t + ke || (n.currentTime = t);
+		n.currentTime <= t + Me || (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, u = n.drmEnabled && !!(n.drm?.widevine?.licenseUrl || n.drm?.fairplay?.licenseUrl), d = {
@@ -866,33 +874,48 @@ var U = class {
 				},
 				licenseXhrSetup: (e, t) => {
 					e.open("POST", this.licenseUrl ?? t, !0), e.setRequestHeader("x-api-key", r.apiKey), e.setRequestHeader("X-Match-Urn", n.matchUrn), e.setRequestHeader("X-Device-Id", i), a && e.setRequestHeader("X-User-Id", a);
+					let o = performance.now();
+					e.addEventListener("loadend", () => {
+						this.licenseTimeMs = Math.max(1, Math.round(performance.now() - o));
+					});
 				}
 			} : {},
+			...n.analytics?.sid ? { cmcd: {
+				sessionId: n.analytics.sid,
+				contentId: n.matchUrn,
+				useHeaders: !1
+			} } : {},
 			...c
 		};
-		Ae(d);
+		Ne(d);
 		let f = new e(d);
 		this.hls = f, f.on(e.Events.MANIFEST_PARSED, () => {
 			this.mediaRecoveries = 0, this.networkRecoveries = 0, l({ type: "ready" });
 		}), f.on(e.Events.FRAG_BUFFERED, (e, t) => {
 			t?.frag?.type === "main" && (this.mediaRecoveries > 0 || this.networkRecoveries > 0 || this.licenseRecoveries > 0 || this.starvationKicks > 0) && !this.recoveryResetTimer && (this.recoveryResetTimer = setTimeout(() => {
 				this.mediaRecoveries = 0, this.networkRecoveries = 0, this.licenseRecoveries = 0, this.starvationKicks = 0, this.recoveryResetTimer = null;
-			}, xe));
+			}, we));
 		}), f.on(e.Events.FRAG_LOADING, (e, t) => {
 			t?.frag?.type === "main" && (this.lastFragLoadingMs = Date.now());
+		}), f.on(e.Events.FRAG_LOADED, (e, t) => {
+			let n = t?.frag?.stats?.loaded;
+			typeof n == "number" && (this.bytesLoaded += n);
 		}), f.on(e.Events.LEVEL_LOADED, (e, t) => {
-			if (this.detectedLowLatency) return;
-			let n = t.details;
-			(n?.partList?.length || (n?.partTarget ?? 0) > 0) && (this.detectedLowLatency = !0, l({
+			let n = t?.stats?.loaded;
+			if (typeof n == "number" && (this.playlistBytesLoaded += n), this.detectedLowLatency) return;
+			let r = t.details;
+			(r?.partList?.length || (r?.partTarget ?? 0) > 0) && (this.detectedLowLatency = !0, l({
 				type: "lowLatencyDetected",
 				value: !0
 			}));
 		}), f.on(e.Events.LEVEL_LOADED, (e, t) => this.trackEnd(t)), this.endWatchdog = setInterval(() => {
 			this.checkEndStale(), this.checkStarvation();
-		}, Ce), f.on(e.Events.LEVEL_SWITCHED, (e, t) => l({
-			type: "qualitychange",
-			index: t.level
-		})), f.on(e.Events.AUDIO_TRACK_SWITCHED, (e, t) => l({
+		}, Ee), f.on(e.Events.LEVEL_SWITCHED, (e, t) => {
+			this.renditionSwitches += 1, l({
+				type: "qualitychange",
+				index: t.level
+			});
+		}), f.on(e.Events.AUDIO_TRACK_SWITCHED, (e, t) => l({
 			type: "audiotrackchange",
 			id: t.id
 		})), f.on(e.Events.SUBTITLE_TRACK_SWITCH, (e, t) => l({
@@ -958,13 +981,17 @@ var U = class {
 	}
 	getStats() {
 		let e = this.hls, t = {
-			droppedFrames: L(this.deps.video),
-			lowLatency: this.detectedLowLatency
+			droppedFrames: F(this.deps.video),
+			lowLatency: this.detectedLowLatency,
+			bytesLoaded: this.bytesLoaded,
+			playlistBytesLoaded: this.playlistBytesLoaded,
+			renditionSwitches: this.renditionSwitches,
+			licenseTimeMs: this.licenseTimeMs
 		};
 		if (e) {
 			typeof e.latency == "number" && (t.latencySeconds = e.latency), typeof e.targetLatency == "number" && e.targetLatency > 0 && (t.targetLatencySeconds = e.targetLatency), typeof e.bandwidthEstimate == "number" && (t.bandwidthKbps = Math.round(e.bandwidthEstimate / 1e3));
 			let n = e.currentLevel >= 0 ? e.levels[e.currentLevel] : void 0;
-			n && (t.levelHeight = n.height), typeof n?.details?.live == "boolean" && (t.isLive = n.details.live, typeof e.liveSyncPosition == "number" && (t.atLiveEdge = this.deps.video.currentTime >= e.liveSyncPosition - 1.5));
+			n && (t.levelHeight = n.height), n && typeof n.bitrate == "number" && (t.renditionBitrateKbps = Math.round(n.bitrate / 1e3)), typeof n?.details?.live == "boolean" && (t.isLive = n.details.live, typeof e.liveSyncPosition == "number" && (t.atLiveEdge = this.deps.video.currentTime >= e.liveSyncPosition - 1.5));
 		}
 		return t;
 	}
@@ -987,7 +1014,7 @@ var U = class {
 			return;
 		}
 		let e = Date.now() - this.lastAdvanceMs;
-		!this.chaseSuspended && e > H && this.suspendChasing(), e > Se && this.emitEnded("stalled");
+		!this.chaseSuspended && e > B && this.suspendChasing(), e > Te && this.emitEnded("stalled");
 	}
 	checkStarvation() {
 		let e = this.hls, { video: t } = this.deps;
@@ -996,12 +1023,12 @@ var U = class {
 			this.starvedTicks = 0;
 			return;
 		}
-		let n = this.lastAdvanceMs !== 0 && Date.now() - this.lastAdvanceMs < H, r = this.lastFragLoadingMs !== 0 && Date.now() - this.lastFragLoadingMs > we;
+		let n = this.lastAdvanceMs !== 0 && Date.now() - this.lastAdvanceMs < B, r = this.lastFragLoadingMs !== 0 && Date.now() - this.lastFragLoadingMs > De;
 		if (!(t.readyState < HTMLMediaElement.HAVE_FUTURE_DATA && !t.paused && n && r)) {
 			this.starvedTicks = 0;
 			return;
 		}
-		if (!(++this.starvedTicks < Te) && (this.starvedTicks = 0, !(this.starvationKicks >= Ee))) {
+		if (!(++this.starvedTicks < Oe) && (this.starvedTicks = 0, !(this.starvationKicks >= ke))) {
 			this.starvationKicks += 1, console.warn("havik-player: video starved while the live playlist advances (wedged hls.js fragment pipeline) — restarting load at the live edge");
 			try {
 				e.stopLoad(), e.startLoad(-1);
@@ -1050,7 +1077,7 @@ var U = 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 >= be) return !1;
+		if (!(n === 0 || n === 408 || n === 429 || n >= 500) || this.licenseRecoveries >= Ce) return !1;
 		this.licenseRecoveries += 1;
 		let r = Math.min(8e3, 500 * 2 ** (this.licenseRecoveries - 1));
 		return this.licenseRetryTimer = setTimeout(() => {
@@ -1078,7 +1105,7 @@ var U = class {
 				return;
 			}
 			if (t.type === e.ErrorTypes.NETWORK_ERROR) {
-				if (this.networkRecoveries < ye) {
+				if (this.networkRecoveries < Se) {
 					this.networkRecoveries += 1;
 					let e = Math.min(8e3, 1e3 * 2 ** (this.networkRecoveries - 1));
 					this.networkRetryTimer = setTimeout(() => {
@@ -1094,7 +1121,7 @@ var U = class {
 				return;
 			}
 			if (t.type === e.ErrorTypes.MEDIA_ERROR) {
-				if (this.mediaRecoveries < ve) {
+				if (this.mediaRecoveries < xe) {
 					this.mediaRecoveries += 1, n.recoverMediaError();
 					return;
 				}
@@ -1116,7 +1143,172 @@ var U = class {
 		let r = e.response?.code ?? 0, i = e.details ?? e.type, a = e.reason ?? e.error?.message ?? "";
 		return new t(r === 401 ? "UNAUTHORIZED" : r === 403 || n === "DRM" ? "FORBIDDEN" : "INTERNAL", r, `${n} error: ${i}${a ? ` (${a})` : ""}`);
 	}
-}, W = {
+}, Fe = 15e3, Ie = 100, H = 1, U = {
+	idle: "PLAYER_STATE_IDLE",
+	waiting: "PLAYER_STATE_WAITING",
+	loading: "PLAYER_STATE_LOADING",
+	playing: "PLAYER_STATE_PLAYING",
+	buffering: "PLAYER_STATE_BUFFERING",
+	paused: "PLAYER_STATE_PAUSED",
+	ended: "PLAYER_STATE_ENDED",
+	error: "PLAYER_STATE_ERROR"
+};
+function Le(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);
+	} catch {
+		return;
+	}
+}
+var Re = class {
+	opts;
+	url;
+	now;
+	seq = 0;
+	pending = [];
+	timer = null;
+	endedFlag = !1;
+	lastBytes = 0;
+	lastPlaylistBytes = 0;
+	lastDropped = 0;
+	lastSwitches = 0;
+	playingSinceMs = null;
+	hiddenSinceMs = null;
+	playingTotalMs = 0;
+	hiddenTotalMs = 0;
+	lastHbPlayingMs = 0;
+	lastHbHiddenMs = 0;
+	rebufferCount = 0;
+	rebufferTotalMs = 0;
+	bufferingSinceMs = null;
+	errorCount = 0;
+	seekCount = 0;
+	pauseCount = 0;
+	bornMs;
+	startupTimeMs = 0;
+	manifestLoadMs = 0;
+	firstFragLoadMs = 0;
+	onPagehide = () => this.end("END_REASON_PAGEHIDE");
+	onVisibility = () => {
+		typeof document > "u" || (document.visibilityState === "hidden" ? this.hiddenSinceMs === null && (this.hiddenSinceMs = this.now()) : this.hiddenSinceMs !== null && (this.hiddenTotalMs += this.now() - this.hiddenSinceMs, this.hiddenSinceMs = null));
+	};
+	constructor(e) {
+		this.opts = {
+			...e,
+			heartbeatMs: e.heartbeatMs ?? Fe
+		}, this.url = `${e.endpoint.replace(/\/$/, "")}/v1/beacons`, this.now = e.now ?? (() => Date.now()), this.bornMs = this.now();
+	}
+	start() {
+		this.endedFlag || (this.enqueue({ sessionStart: {
+			player: this.opts.player,
+			sdkVersion: this.opts.sdkVersion
+		} }), this.flush(), 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;
+		let i = this.now();
+		t === "playing" ? (this.playingSinceMs === null && (this.playingSinceMs = i), this.startupTimeMs === 0 && (this.startupTimeMs = Math.max(H, i - this.bornMs))) : this.playingSinceMs !== null && (this.playingTotalMs += i - this.playingSinceMs, this.playingSinceMs = null), t === "buffering" && e === "playing" ? (this.rebufferCount += 1, this.bufferingSinceMs = i) : e === "buffering" && this.bufferingSinceMs !== null && (this.rebufferTotalMs += i - this.bufferingSinceMs, this.bufferingSinceMs = null), t === "paused" && (this.pauseCount += 1);
+		let a = {
+			fromState: U[e] ?? "PLAYER_STATE_UNSPECIFIED",
+			toState: U[t] ?? "PLAYER_STATE_UNSPECIFIED"
+		};
+		n > 0 && (a.positionMs = Math.round(n)), r && (a.renditionHeight = r), this.enqueue({ stateChange: a });
+	}
+	noteReady() {
+		this.manifestLoadMs === 0 && (this.manifestLoadMs = Math.max(H, this.now() - this.bornMs));
+	}
+	noteFirstBytes() {
+		this.firstFragLoadMs === 0 && (this.firstFragLoadMs = Math.max(H, this.now() - this.bornMs));
+	}
+	noteSeek() {
+		this.endedFlag || (this.seekCount += 1);
+	}
+	noteError(e, t, n, r, i) {
+		if (this.endedFlag) return;
+		this.errorCount += 1;
+		let a = { code: e };
+		t && (a.detail = t), n && (a.fatal = !0), r > 0 && (a.httpStatus = r), i > 0 && (a.positionMs = Math.round(i)), this.enqueue({ error: a }), this.flush();
+	}
+	noteEnded() {
+		this.end("END_REASON_ENDED");
+	}
+	noteDestroyed() {
+		this.end("END_REASON_STOPPED");
+	}
+	noteFatal() {
+		this.end("END_REASON_FATAL_ERROR");
+	}
+	heartbeat() {
+		if (this.endedFlag) return;
+		let e = this.opts.sample(), t = this.now(), n = this.playingTotalMs;
+		this.playingSinceMs !== null && (n += t - this.playingSinceMs);
+		let r = this.hiddenTotalMs;
+		this.hiddenSinceMs !== null && (r += t - this.hiddenSinceMs);
+		let i = {}, a = e.bytesLoaded ?? 0;
+		a > this.lastBytes && (i.bytesDownloadedDelta = a - this.lastBytes), this.lastBytes = a;
+		let o = e.playlistBytesLoaded ?? 0;
+		o > this.lastPlaylistBytes && (i.playlistBytesDelta = o - this.lastPlaylistBytes), this.lastPlaylistBytes = o;
+		let s = e.droppedFrames ?? 0;
+		s > this.lastDropped && (i.droppedFramesDelta = s - this.lastDropped), this.lastDropped = s;
+		let c = e.renditionSwitches ?? 0;
+		c > this.lastSwitches && (i.renditionSwitchesDelta = c - this.lastSwitches), this.lastSwitches = c, n > this.lastHbPlayingMs && (i.playingMsDelta = Math.round(n - this.lastHbPlayingMs)), this.lastHbPlayingMs = n, r > this.lastHbHiddenMs && (i.hiddenMsDelta = Math.round(r - this.lastHbHiddenMs)), this.lastHbHiddenMs = r, typeof e.latencySeconds == "number" && (i.latencyMs = Math.round(e.latencySeconds * 1e3)), typeof e.targetLatencySeconds == "number" && (i.targetLatencyMs = Math.round(e.targetLatencySeconds * 1e3)), typeof e.bandwidthKbps == "number" && (i.bandwidthEstKbps = e.bandwidthKbps), typeof e.levelHeight == "number" && (i.renditionHeight = e.levelHeight), typeof e.renditionBitrateKbps == "number" && (i.renditionBitrateKbps = e.renditionBitrateKbps), e.atLiveEdge === !0 && (i.atLiveEdge = !0);
+		let l = this.bufferedMsFrom(e);
+		l > 0 && (i.bufferedMs = l), i.playerState = U[e.state] ?? "PLAYER_STATE_UNSPECIFIED", this.enqueue({ heartbeat: i }), this.flush(), a > 0 && this.noteFirstBytes();
+	}
+	bufferedMsFrom(e) {
+		let t = e;
+		return typeof t.bufferedMs == "number" ? Math.round(t.bufferedMs) : 0;
+	}
+	end(e) {
+		if (this.endedFlag) return;
+		this.endedFlag = !0;
+		let t = this.now();
+		this.playingSinceMs !== null && (this.playingTotalMs += t - this.playingSinceMs, this.playingSinceMs = null), this.hiddenSinceMs !== null && (this.hiddenTotalMs += t - this.hiddenSinceMs, this.hiddenSinceMs = null), this.bufferingSinceMs !== null && (this.rebufferTotalMs += t - this.bufferingSinceMs, this.bufferingSinceMs = null), this.timer &&= (clearInterval(this.timer), null), typeof window < "u" && window.removeEventListener("pagehide", this.onPagehide), typeof document < "u" && document.removeEventListener("visibilitychange", this.onVisibility);
+		let n = this.safeSample(), r = { reason: e }, i = n?.bytesLoaded ?? this.lastBytes;
+		i > 0 && (r.bytesDownloadedTotal = i), this.playingTotalMs > 0 && (r.watchTimeMs = Math.round(this.playingTotalMs)), this.rebufferCount > 0 && (r.rebufferCount = this.rebufferCount), this.rebufferTotalMs > 0 && (r.rebufferTimeMs = Math.round(this.rebufferTotalMs)), this.startupTimeMs > 0 && (r.startupTimeMs = Math.round(this.startupTimeMs)), this.manifestLoadMs > 0 && (r.manifestLoadMs = Math.round(this.manifestLoadMs)), this.firstFragLoadMs > 0 && (r.firstFragLoadMs = Math.round(this.firstFragLoadMs));
+		let a = n?.licenseTimeMs ?? 0;
+		a > 0 && (r.licenseTimeMs = Math.round(a));
+		let o = n?.droppedFrames ?? this.lastDropped;
+		o > 0 && (r.droppedFramesTotal = o), this.errorCount > 0 && (r.errorCount = this.errorCount), this.hiddenTotalMs > 0 && (r.hiddenTimeMs = Math.round(this.hiddenTotalMs)), this.seekCount > 0 && (r.seekCount = this.seekCount), this.pauseCount > 0 && (r.pauseCount = this.pauseCount), this.pending.push(this.wrap({ sessionEnd: r })), this.flush(e === "END_REASON_PAGEHIDE");
+	}
+	safeSample() {
+		try {
+			return this.opts.sample();
+		} catch {
+			return null;
+		}
+	}
+	wrap(e) {
+		return this.seq += 1, {
+			sid: this.opts.sid,
+			clientTime: new Date(this.now()).toISOString(),
+			seq: this.seq,
+			...e
+		};
+	}
+	enqueue(e) {
+		for (this.pending.push(this.wrap(e)); this.pending.length > Ie;) {
+			let e = this.pending.findIndex((e) => e.heartbeat || e.stateChange);
+			this.pending.splice(e >= 0 ? e : 0, 1);
+		}
+	}
+	flush(e = !1) {
+		if (this.pending.length === 0) return;
+		let t = JSON.stringify({ beacons: this.pending });
+		if (this.pending = [], e) {
+			let e = this.opts.sendBeacon ?? (typeof navigator < "u" && navigator.sendBeacon ? navigator.sendBeacon.bind(navigator) : void 0);
+			if (e && e(this.url, t)) return;
+		}
+		let n = this.opts.fetchFn ?? (typeof fetch < "u" ? fetch : void 0);
+		n && n(this.url, {
+			method: "POST",
+			headers: { "content-type": "application/json" },
+			body: t,
+			keepalive: !0
+		}).catch(() => {});
+	}
+}, ze = "1.10.0", W = {
 	accent: "#E1B600",
 	accentText: "#1B1C23",
 	background: "#0e0f13",
@@ -1149,15 +1341,15 @@ function K(e, t) {
 }
 //#endregion
 //#region src/ui/styles.ts
-var q = "havik-player-styles", Me = "\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 Ne(e = document) {
+var q = "havik-player-styles", Be = "\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 Ve(e = document) {
 	if (e.getElementById(q)) return;
 	let t = e.createElement("style");
-	t.id = q, t.textContent = Me, e.head.appendChild(t);
+	t.id = q, t.textContent = Be, e.head.appendChild(t);
 }
 //#endregion
 //#region src/ui/icons.ts
-var Pe = {
+var He = {
 	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\"/>",
@@ -1171,20 +1363,20 @@ var Pe = {
 	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 J(e) {
-	return `<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="currentColor">${Pe[e]}</svg>`;
+	return `<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="currentColor">${He[e]}</svg>`;
 }
 //#endregion
 //#region src/ui/controls.ts
-var Fe = 3e3, Ie = /* @__PURE__ */ new Set([
+var Ue = 3e3, We = /* @__PURE__ */ new Set([
 	"GONE",
 	"NOT_FOUND",
 	"INVALID_URN",
 	"UNAUTHORIZED"
 ]);
-function Le(e) {
-	return new Re(e);
+function Ge(e) {
+	return new Ke(e);
 }
-var Re = class {
+var Ke = class {
 	root;
 	video;
 	player;
@@ -1224,7 +1416,7 @@ var Re = 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 ?? Fe, this.logoUrl = e.logoUrl, this.statusOverlays = e.statusOverlays !== !1, this.endedMessage = e.endedMessage ?? "This stream has ended", this.errorMessage = e.errorMessage, Ne(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 ?? Ue, this.logoUrl = e.logoUrl, this.statusOverlays = e.statusOverlays !== !1, this.endedMessage = e.endedMessage ?? "This stream has ended", this.errorMessage = e.errorMessage, Ve(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);
@@ -1311,7 +1503,7 @@ var Re = class {
 			e.type = "button", e.className = "havik-status__btn havik-status__btn--play", e.setAttribute("aria-label", "Play"), e.innerHTML = J("play"), e.addEventListener("click", () => void this.player.play()), t.append(e);
 		} else {
 			let n = this.doc.createElement("div");
-			if (n.className = "havik-status__msg", n.textContent = e === "ended" ? this.endedMessage : e === "waiting" ? "Starting soon…" : this.errorMessage ?? this.lastError?.message ?? "Playback unavailable", t.append(n), e === "error" && this.lastError && !Ie.has(this.lastError.code)) {
+			if (n.className = "havik-status__msg", n.textContent = e === "ended" ? this.endedMessage : e === "waiting" ? "Starting soon…" : this.errorMessage ?? this.lastError?.message ?? "Playback unavailable", t.append(n), e === "error" && this.lastError && !We.has(this.lastError.code)) {
 				let e = this.doc.createElement("button");
 				e.type = "button", e.className = "havik-status__btn", e.innerHTML = `${J("retry")}<span>Retry</span>`, e.addEventListener("click", () => void this.player.retry()), t.append(e);
 			}
@@ -1402,17 +1594,17 @@ var Re = 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(ze(n), t === n.index, () => this.player.setQuality(n.index)));
+		for (let n of e) this.menu.append(this.menuItem(qe(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(Be(t), t.default, () => this.player.setAudioTrack(t.id)));
+		for (let t of e) this.menu.append(this.menuItem(Je(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(Ve(t), !1, () => this.player.setTextTrack(t.id)));
+		for (let t of e) this.menu.append(this.menuItem(Ye(t), !1, () => this.player.setTextTrack(t.id)));
 	}
 	onTracksChanged() {
 		this.openMenu && this.renderMenu(this.openMenu);
@@ -1518,27 +1710,27 @@ function Y(e) {
 	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 ze(e) {
+function qe(e) {
 	return e.height ? `${e.height}p` : `${Math.round(e.bitrate / 1e3)} kbps`;
 }
-function Be(e) {
+function Je(e) {
 	return e.name || e.lang || `Track ${e.id}`;
 }
-function Ve(e) {
+function Ye(e) {
 	return e.name || e.lang || `Track ${e.id}`;
 }
 //#endregion
 //#region src/managed/index.ts
-var He = 6e3, X = 45e3, Ue = 2e3, Z = 3, We = 2e3, Ge = 480 * 1e3;
+var Xe = 6e3, X = 45e3, Z = 2e3, Ze = 3, Qe = 2e3, $e = 480 * 1e3;
 async function Q(e) {
 	if (!e.video || typeof e.video.play != "function") throw new t("INTERNAL", 0, "createPlayer: opts.video must be an HTMLVideoElement");
 	if (!e.baseUrl) throw new t("INTERNAL", 0, "createPlayer: baseUrl is required");
 	if (!e.matchUrn) throw new t("INVALID_URN", 0, "createPlayer: matchUrn is required");
 	if (!e.credential) throw new t("INTERNAL", 0, "createPlayer: credential is required");
-	let n = new Ke(e);
+	let n = new et(e);
 	return await n.start(), n;
 }
-var Ke = class {
+var et = class {
 	opts;
 	abort = new AbortController();
 	listeners = {};
@@ -1559,6 +1751,8 @@ var Ke = class {
 	armSseTimer = null;
 	armFallbackCtrl = null;
 	_lastError = null;
+	analyticsSession = null;
+	detachSeekListener;
 	constructor(e) {
 		this.opts = e;
 	}
@@ -1648,13 +1842,13 @@ var Ke = class {
 				!a && !f() && m();
 			}, e);
 		};
-		g(He), this.armingSub = C({
+		g(Xe), this.armingSub = C({
 			eventsBaseUrl: n,
 			matchUrn: this.opts.matchUrn,
 			credential: this.opts.credential,
 			onAlive: () => g(X),
 			onState: (e) => {
-				a || f() || (e.state === "live" || e.state === "gone") && setTimeout(h, Math.random() * Ue);
+				a || f() || (e.state === "live" || e.state === "gone") && setTimeout(h, Math.random() * Z);
 			},
 			onError: () => m()
 		});
@@ -1677,7 +1871,7 @@ var Ke = class {
 		let n = await a(this.opts.credential);
 		if (this.destroyed || t !== this.loadGen) return;
 		this.setState("loading");
-		let r = this.createEngine(e, n), i = R(this.opts.video, (e) => {
+		let r = this.createEngine(e, n), i = I(this.opts.video, (e) => {
 			this._state === "ended" || this._state === "error" || this.setState(e);
 		});
 		if (await r.load(), this.destroyed || t !== this.loadGen) {
@@ -1688,7 +1882,32 @@ var Ke = class {
 			i(), r.destroy();
 			return;
 		}
-		this.engine = r, this.detachMedia = i, this.opts.maxBitrate != null && r.setMaxBitrate(this.opts.maxBitrate), this.startStats(), this.scheduleLicenseRefresh(), this.startLiveState(t);
+		this.engine = r, this.detachMedia = i, this.opts.maxBitrate != null && r.setMaxBitrate(this.opts.maxBitrate), this.startStats(), this.scheduleLicenseRefresh(), this.startLiveState(t), this.startAnalytics(e, r);
+	}
+	startAnalytics(e, t) {
+		if (this.analyticsSession?.noteDestroyed(), this.analyticsSession = null, this.detachSeekListener?.(), 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) ?? Le(this.opts.baseUrl);
+		if (!r) return;
+		let i = this.opts.video, a = new Re({
+			endpoint: r,
+			sid: n,
+			player: t.name === "native" ? "PLAYER_SAFARI_NATIVE" : "PLAYER_HLSJS",
+			sdkVersion: ze,
+			sample: () => {
+				let e = this.engine?.getStats() ?? P, t = i.buffered.length ? Math.max(0, i.buffered.end(i.buffered.length - 1) - i.currentTime) : 0;
+				return {
+					...e,
+					bufferedMs: Math.round(t * 1e3),
+					state: this._state,
+					positionMs: Math.round(i.currentTime * 1e3)
+				};
+			}
+		});
+		this.analyticsSession = a;
+		let o = () => a.noteSeek();
+		i.addEventListener("seeking", o), this.detachSeekListener = () => i.removeEventListener("seeking", o), a.start();
 	}
 	createEngine(e, n) {
 		let r = { ...this.opts.hlsConfig };
@@ -1705,17 +1924,17 @@ var Ke = class {
 			hlsConfig: r,
 			emit: (e) => this.onEngineEvent(e)
 		}, a = this.opts.engine ?? "auto";
-		if (a === "native") return new V(i);
-		if (a === "hls") return new U(i);
-		if (e.drmEnabled && e.drm?.fairplay?.licenseUrl && e.drm.fairplay.certificateUrl && z(this.opts.video) && B()) return new V(i);
-		if (_e()) return new U(i);
-		if (z(this.opts.video)) return new V(i);
+		if (a === "native") return new z(i);
+		if (a === "hls") return new V(i);
+		if (e.drmEnabled && e.drm?.fairplay?.licenseUrl && e.drm.fairplay.certificateUrl && L(this.opts.video) && R()) return new z(i);
+		if (be()) return new V(i);
+		if (L(this.opts.video)) return new z(i);
 		throw new t("INTERNAL", 0, "no supported HLS playback engine in this browser");
 	}
 	onEngineEvent(e) {
 		if (!this.destroyed) switch (e.type) {
 			case "ready":
-				this.emit("ready"), this.opts.autoplay !== !1 && this.play();
+				this.analyticsSession?.noteReady(), this.emit("ready"), this.opts.autoplay !== !1 && this.play();
 				break;
 			case "lowLatencyDetected":
 				this._descriptor && (this._descriptor.isLowLatency = e.value);
@@ -1733,7 +1952,7 @@ var Ke = class {
 				this.onStreamEnded();
 				break;
 			case "error":
-				e.fatal ? this.fail(e.error) : this.emit("warning", e.error);
+				this.analyticsSession?.noteError(e.error.code, e.error.message, e.fatal, e.error.httpStatus ?? 0, Math.round(this.opts.video.currentTime * 1e3)), e.fatal ? this.fail(e.error) : this.emit("warning", e.error);
 				break;
 		}
 	}
@@ -1754,7 +1973,7 @@ var Ke = class {
 				r = 0, i = !1;
 			},
 			onError: () => {
-				this.destroyed || e !== this.loadGen || i || (r += 1, r >= Z && (i = !0, this.emit("warning", new t("NETWORK", 0, `live-state events unreachable at ${n} 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 || (r += 1, r >= Ze && (i = !0, this.emit("warning", new t("NETWORK", 0, `live-state events unreachable at ${n} 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.`))));
 			}
 		});
 	}
@@ -1776,7 +1995,7 @@ var Ke = class {
 		}
 		t.controls = !1;
 		let n = (t.ownerDocument ?? document).createElement("div"), r = t.parentNode;
-		r && r.insertBefore(n, t), n.appendChild(t), K(n, this.opts.theme), this.container = n, this.controlBar = Le({
+		r && r.insertBefore(n, t), n.appendChild(t), K(n, this.opts.theme), this.container = n, this.controlBar = Ge({
 			root: n,
 			video: t,
 			player: this,
@@ -1799,9 +2018,11 @@ var Ke = class {
 	}
 	startStats() {
 		this.stopStats();
-		let e = Math.max(500, this.opts.statsIntervalMs ?? We);
+		let e = Math.max(500, this.opts.statsIntervalMs ?? Qe);
 		this.statsTimer = setInterval(() => {
-			this.engine && this.emit("stats", this.engine.getStats());
+			if (!this.engine) return;
+			let e = this.engine.getStats();
+			(e.bytesLoaded ?? 0) > 0 && this.analyticsSession?.noteFirstBytes(), this.emit("stats", e);
 		}, e);
 	}
 	stopStats() {
@@ -1809,7 +2030,7 @@ var Ke = class {
 	}
 	scheduleLicenseRefresh() {
 		this.stopRefresh();
-		let e = this.opts.licenseRefreshMs ?? Ge;
+		let e = this.opts.licenseRefreshMs ?? $e;
 		!e || !this._descriptor?.drmEnabled || (this.refreshTimer = setInterval(() => void this.refreshLicense(), e));
 	}
 	stopRefresh() {
@@ -1846,7 +2067,7 @@ var Ke = class {
 		this.destroyed || (this.opts.video.volume = Math.min(1, Math.max(0, e)));
 	}
 	getStats() {
-		return this.engine?.getStats() ?? I;
+		return this.engine?.getStats() ?? P;
 	}
 	getQualityLevels() {
 		return this.engine?.getQualityLevels() ?? [];
@@ -1907,16 +2128,22 @@ var Ke = class {
 		return n.add(t), () => n.delete(t);
 	}
 	destroy() {
-		this.destroyed || (this.destroyed = !0, this.loadGen += 1, this.abort.abort(), this.stopStats(), this.stopRefresh(), this.unmountControls(), this.closeArming(), this.closeLiveState(), this.detachMedia?.(), this.detachPip?.(), this.engine?.destroy(), this.engine = null, this.setState("idle"), this.clearListeners());
+		this.destroyed || (this.destroyed = !0, this.loadGen += 1, this.abort.abort(), this.stopStats(), this.stopRefresh(), this.unmountControls(), this.closeArming(), this.closeLiveState(), this.detachMedia?.(), this.detachPip?.(), this.analyticsSession?.noteDestroyed(), this.analyticsSession = null, this.detachSeekListener?.(), this.engine?.destroy(), this.engine = null, this.setState("idle"), this.clearListeners());
 	}
 	clearListeners() {
 		for (let e of Object.keys(this.listeners)) this.listeners[e]?.clear();
 	}
 	fail(e) {
-		this._lastError = e, this.setState("error"), this.emit("error", e);
+		this._lastError = e, this.setState("error"), this.analyticsSession?.noteFatal(), this.emit("error", e);
 	}
 	setState(e) {
-		if (e !== this._state) switch (this._state = e, this.emit("statechange", e), e) {
+		if (e === this._state) return;
+		let t = this._state;
+		if (this._state = e, this.analyticsSession) {
+			let n = this.opts.video;
+			this.analyticsSession.noteStateChange(t, e, Math.round(n.currentTime * 1e3), this.engine?.getStats().levelHeight), e === "ended" && this.analyticsSession.noteEnded();
+		}
+		switch (this.emit("statechange", e), e) {
 			case "playing":
 				this.emit("playing");
 				break;
@@ -1947,7 +2174,7 @@ function $(e) {
 }
 //#endregion
 //#region src/embed/host.ts
-function qe(e) {
+function tt(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");
@@ -2006,8 +2233,8 @@ function qe(e) {
 }
 //#endregion
 //#region src/embed/page.ts
-var Je = /^[A-Za-z0-9:_.-]{1,128}$/;
-function Ye() {
+var nt = /^[A-Za-z0-9:_.-]{1,128}$/;
+function rt() {
 	let e = window.HAVIK_EMBED_CONFIG;
 	if (e) return {
 		baseUrl: e.baseUrl ?? "",
@@ -2029,9 +2256,9 @@ function Ye() {
 		waitForLive: !0
 	};
 }
-async function Xe() {
-	let e = Ye();
-	Qe();
+async function it() {
+	let e = rt();
+	ot();
 	let n = document.createElement("video");
 	n.setAttribute("playsinline", ""), n.muted = e.muted ?? !0, n.style.cssText = "width:100%;height:100%;object-fit:contain;background:#000;aspect-ratio:auto", document.body.appendChild(n);
 	let r = e.parentOrigin && e.parentOrigin !== "null" ? e.parentOrigin : null;
@@ -2086,7 +2313,7 @@ async function Xe() {
 			code: e.code,
 			message: e.message
 		})), e.on("autoplayblocked", () => {
-			i({ type: "oddin:autoplayblocked" }), Ze(n, e);
+			i({ type: "oddin:autoplayblocked" }), at(n, e);
 		});
 	}, s = async (r) => {
 		a?.destroy(), a = null;
@@ -2152,7 +2379,7 @@ async function Xe() {
 				a?.retry();
 				break;
 			case "oddin:load":
-				typeof e.matchUrn == "string" && Je.test(e.matchUrn) && s(e.matchUrn);
+				typeof e.matchUrn == "string" && nt.test(e.matchUrn) && s(e.matchUrn);
 				break;
 			case "oddin:destroy":
 				c();
@@ -2166,18 +2393,18 @@ async function Xe() {
 		protocol: 1
 	});
 }
-function Ze(e, t) {
+function at(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 Qe() {
+function ot() {
 	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 { W as ODDIN_THEME, t as PlaybackError, K as applyTheme, Xe as bootEmbed, fe as clearDeviceId, Q as createPlayer, w as deriveEventsBaseUrl, N as detectDrmSupport, S as fetchCatalog, ce as fetchTournament, ue as flattenMatches, D as getDeviceId, F as isLowLatencyManifest, $ as isOddinMessage, me as licenseRequestHeaders, qe as mountEmbed, _ as pollToLive, y as resolveStream, C as subscribeLiveState, de as watchStatus };
+export { W as ODDIN_THEME, t as PlaybackError, K as applyTheme, it as bootEmbed, fe as clearDeviceId, Q as createPlayer, w as deriveEventsBaseUrl, j as detectDrmSupport, x as fetchCatalog, ce as fetchTournament, ue as flattenMatches, D as getDeviceId, N as isLowLatencyManifest, $ as isOddinMessage, me as licenseRequestHeaders, tt as mountEmbed, _ as pollToLive, y as resolveStream, C as subscribeLiveState, de as watchStatus };
 
 //# sourceMappingURL=index.js.map