@oddin-gg/havik-player 2.13.1 → 2.15.0

package/dist/index.js

@@ -174,7 +174,7 @@ function ue(e, t) {
 		t?.addEventListener("abort", a, { once: !0 });
 	});
 }
-async function de(e, t, r) {
+async function v(e, t, r) {
 	let i = ae(t), a = Date.now(), s = i.timeoutMs == null ? Infinity : a + i.timeoutMs, c = 0, l;
 	for (;;) {
 		if (r?.aborted) throw new n("ABORTED", 0, "wait-for-live aborted");
@@ -200,21 +200,21 @@ async function de(e, t, r) {
 }
 //#endregion
 //#region src/core/resolve.ts
-async function v(e) {
+async function y(e) {
 	if (!e.matchUrn || typeof e.matchUrn != "string") throw new n("INVALID_URN", 0, "resolveStream: a non-empty matchUrn is required");
 	let t = await p(d(e.baseUrl, `/v1/playback/${encodeURIComponent(e.matchUrn)}`), {
 		credential: e.credential,
 		signal: e.signal,
 		apiHeaders: e.apiHeaders
 	});
-	if (!t.ok) throw await fe(t);
-	return he(await t.json(), e.matchUrn);
+	if (!t.ok) throw await de(t);
+	return me(await t.json(), e.matchUrn);
 }
-function y(e) {
-	let t = () => v(e);
-	return e.waitForLive ? de(t, e.waitForLive, e.signal) : t();
+function b(e) {
+	let t = () => y(e);
+	return e.waitForLive ? v(t, e.waitForLive, e.signal) : t();
 }
-async function fe(e) {
+async function de(e) {
 	let t = f(e.headers.get("retry-after")), i = e.headers.get("x-request-id") ?? e.headers.get("x-amzn-requestid") ?? void 0, a = e.statusText || `HTTP ${e.status}`, o, s;
 	try {
 		let t = await e.json();
@@ -230,7 +230,7 @@ async function fe(e) {
 		liveStartsAtMs: s
 	});
 }
-var pe = /* @__PURE__ */ new Set([
+var fe = /* @__PURE__ */ new Set([
 	"matchUrn",
 	"protocol",
 	"drmEnabled",
@@ -241,7 +241,7 @@ var pe = /* @__PURE__ */ new Set([
 	"expiresAt",
 	"analytics"
 ]);
-function b(e, t) {
+function x(e, t) {
 	let r;
 	try {
 		r = new URL(t);
@@ -251,7 +251,7 @@ function b(e, t) {
 	if (r.protocol !== "https:" && r.protocol !== "http:") throw new n("INTERNAL", 0, `playback ${e} has a disallowed scheme: ${r.protocol}`);
 	return t;
 }
-function me(e) {
+function pe(e) {
 	if (e !== void 0) {
 		if (typeof e == "string" && !e.endsWith("/")) try {
 			let t = new URL(e);
@@ -260,41 +260,41 @@ function me(e) {
 		g(`server analytics.endpoint ${JSON.stringify(e)} ignored: not a bare https origin.`);
 	}
 }
-function he(e, t) {
+function me(e, t) {
 	if (!e.manifestUrl) throw new n("INTERNAL", 0, "playback response is missing manifestUrl");
 	let r = e.drmEnabled ?? !!e.drm, i = {
 		matchUrn: e.matchUrn ?? t,
 		protocol: "hls",
 		drmEnabled: r,
-		manifestUrl: b("manifestUrl", e.manifestUrl),
+		manifestUrl: x("manifestUrl", e.manifestUrl),
 		serverTime: e.serverTime ?? ""
 	};
 	if (e.liveStartsAt && (i.liveStartsAt = e.liveStartsAt), typeof e.analytics?.sid == "string" && e.analytics.sid) {
 		i.analytics = { sid: e.analytics.sid };
-		let t = me(e.analytics.endpoint);
+		let t = pe(e.analytics.endpoint);
 		t && (i.analytics.endpoint = t);
 	}
 	if (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),
-			certificateUrl: b("fairplay certificateUrl", e.drm.fairplay.certificateUrl)
+		e.drm.widevine?.licenseUrl && (t.widevine = { licenseUrl: x("widevine licenseUrl", e.drm.widevine.licenseUrl) }), e.drm.fairplay?.licenseUrl && e.drm.fairplay.certificateUrl && (t.fairplay = {
+			licenseUrl: x("fairplay licenseUrl", e.drm.fairplay.licenseUrl),
+			certificateUrl: x("fairplay certificateUrl", e.drm.fairplay.certificateUrl)
 		}), (t.widevine || t.fairplay) && (i.drm = t);
 	}
 	let a = {};
-	for (let [t, n] of Object.entries(e)) pe.has(t) || (a[t] = n);
+	for (let [t, n] of Object.entries(e)) fe.has(t) || (a[t] = n);
 	return Object.keys(a).length > 0 && (i.extensions = a), i;
 }
 //#endregion
 //#region src/core/fullscreen.ts
-function ge(e) {
+function he(e) {
 	return e.ownerDocument ?? document;
 }
-function x(e) {
+function ge(e) {
 	return e.fullscreenElement ?? e.webkitFullscreenElement ?? null;
 }
 function S(e, t) {
-	let n = x(ge(e));
+	let n = ge(he(e));
 	return n != null && (n === e || t != null && n === t) || e.webkitDisplayingFullscreen === !0;
 }
 async function C(e, t) {
@@ -310,7 +310,7 @@ async function w(e, t) {
 		n.webkitExitFullscreen?.();
 		return;
 	}
-	let r = ge(e), i = x(r);
+	let r = he(e), i = ge(r);
 	i != null && (i === e || t != null && i === t) && (typeof r.exitFullscreen == "function" ? await r.exitFullscreen() : r.webkitExitFullscreen?.());
 }
 //#endregion
@@ -671,14 +671,14 @@ function I(e) {
 function L(e) {
 	return (e ?? "").trim().toLowerCase();
 }
-var je = {
+var R = {
 	hevc: "hvc1.1.6.L93.90",
 	dv: "dvh1.05.06",
 	av1: "av01.0.05M.08",
 	vp9: "vp09.00.10.08"
-}, Me = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Map();
-function Ne(e) {
-	let t = L(e), n = Me.get(t);
+}, z = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map();
+function V(e) {
+	let t = L(e), n = z.get(t);
 	if (n) return n;
 	let r = {
 		initDataTypes: ["cenc"],
@@ -696,23 +696,23 @@ function Ne(e) {
 		} catch {
 			return !1;
 		}
-	})().then((e) => (R.set(t, e), e));
-	return Me.set(t, i), i;
+	})().then((e) => (B.set(t, e), e));
+	return z.set(t, i), i;
 }
-function Pe() {
-	if (j()) for (let e of Object.values(je)) Ne(e);
+function je() {
+	if (j()) for (let e of Object.values(R)) V(e);
 }
-function Fe(e) {
+function H(e) {
 	let t = I(e);
-	if (t) return t === "avc" ? !0 : R.get(L(e)) ?? R.get(L(je[t]));
+	if (t) return t === "avc" ? !0 : B.get(L(e)) ?? B.get(L(R[t]));
 }
 //#endregion
 //#region src/core/drm/support.ts
-var Ie = 5e3, Le = "video/mp4; codecs=\"avc1.42E01E\"", Re = "audio/mp4; codecs=\"mp4a.40.2\"", ze = {
+var Me = 5e3, U = "video/mp4; codecs=\"avc1.42E01E\"", Ne = "audio/mp4; codecs=\"mp4a.40.2\"", Pe = {
 	widevine: ["com.widevine.alpha"],
 	fairplay: ["com.apple.fps"]
 };
-function Be(e) {
+function Fe(e) {
 	return e === "fairplay" ? [{
 		initDataTypes: [
 			"sinf",
@@ -720,30 +720,30 @@ function Be(e) {
 			"cenc"
 		],
 		videoCapabilities: [{
-			contentType: Le,
+			contentType: U,
 			robustness: "",
 			encryptionScheme: "cbcs"
 		}],
 		audioCapabilities: [{
-			contentType: Re,
+			contentType: Ne,
 			robustness: "",
 			encryptionScheme: "cbcs"
 		}]
 	}] : N("com.widevine.alpha", [{
 		initDataTypes: ["cenc"],
 		videoCapabilities: [{
-			contentType: Le,
+			contentType: U,
 			robustness: F.video,
 			encryptionScheme: F.scheme
 		}],
 		audioCapabilities: [{
-			contentType: Re,
+			contentType: Ne,
 			robustness: F.audio,
 			encryptionScheme: F.scheme
 		}]
 	}]);
 }
-function Ve(e, t) {
+function Ie(e, t) {
 	return new Promise((n, r) => {
 		let i = setTimeout(() => r(/* @__PURE__ */ Error("probe-timeout")), t);
 		e.then((e) => {
@@ -753,8 +753,8 @@ function Ve(e, t) {
 		});
 	});
 }
-async function He(e = {}) {
-	let t = e.systems ?? ["widevine", "fairplay"], n = e.timeoutMs ?? Ie, r = {};
+async function Le(e = {}) {
+	let t = e.systems ?? ["widevine", "fairplay"], n = e.timeoutMs ?? Me, r = {};
 	if (typeof window < "u" && window.isSecureContext === !1) return {
 		verdict: "insecure-context",
 		detail: r
@@ -766,7 +766,7 @@ async function He(e = {}) {
 	};
 	let a = !1, o = !1, s = Date.now() + n, c = () => Math.max(1, s - Date.now());
 	for (let e of t) {
-		let t = ze[e];
+		let t = Pe[e];
 		if (!t) {
 			r[e] = "unknown system";
 			continue;
@@ -777,7 +777,7 @@ async function He(e = {}) {
 				break;
 			}
 			try {
-				return await Ve((await Ve(i(n, Be(e)), c())).createMediaKeys(), c()), r[e] = `ok (${n})`, {
+				return await Ie((await Ie(i(n, Fe(e)), c())).createMediaKeys(), c()), r[e] = `ok (${n})`, {
 					verdict: "supported",
 					system: e,
 					detail: r
@@ -801,49 +801,49 @@ async function He(e = {}) {
 }
 //#endregion
 //#region src/core/manifest.ts
-var Ue = /^#EXT-X-(PART-INF|PART|PRELOAD-HINT)[:\s]/m;
-function We(e) {
-	return Ue.test(e);
+var Re = /^#EXT-X-(PART-INF|PART|PRELOAD-HINT)[:\s]/m;
+function ze(e) {
+	return Re.test(e);
 }
 //#endregion
 //#region src/core/env.ts
-var z = {
+var Be = {
 	integration: "https://feed-dev.oddin-video.gg",
 	production: "https://feed.oddin-video.gg"
 };
-function B(e) {
-	let t = Object.prototype.hasOwnProperty.call(z, e) ? z[e] : void 0;
+function Ve(e) {
+	let t = Object.prototype.hasOwnProperty.call(Be, e) ? Be[e] : void 0;
 	if (!t) throw new n("INTERNAL", 0, `unknown env ${JSON.stringify(e)} — expected 'integration' or 'production'`);
 	return t;
 }
 //#endregion
 //#region src/core/stats.ts
-var V = { droppedFrames: 0 };
-function H(e) {
+var He = { droppedFrames: 0 };
+function Ue(e) {
 	try {
 		return new URL(e).host;
 	} catch {
 		return "";
 	}
 }
-var Ge = /\.(m3u8|ts|m4s|mp4|cmfv|cmfa)(\?|$)/i;
-function Ke(e) {
+var We = /\.(m3u8|ts|m4s|mp4|cmfv|cmfa)(\?|$)/i;
+function Ge(e) {
 	if (typeof performance > "u" || typeof performance.getEntriesByType != "function") return "";
 	let t = "", n = -1, r = performance.getEntriesByType("resource");
-	for (let i of r) if (!(i.startTime < e) && (i.initiatorType === "video" || i.initiatorType === "audio" || Ge.test(i.name)) && i.startTime >= n) {
-		let e = H(i.name);
+	for (let i of r) if (!(i.startTime < e) && (i.initiatorType === "video" || i.initiatorType === "audio" || We.test(i.name)) && i.startTime >= n) {
+		let e = Ue(i.name);
 		e && (t = e, n = i.startTime);
 	}
 	return t;
 }
-function U(e) {
+function W(e) {
 	let t = e.getVideoPlaybackQuality?.();
 	return {
 		dropped: t?.droppedVideoFrames ?? 0,
 		totalFrames: t?.totalVideoFrames ?? 0
 	};
 }
-function qe(e, t) {
+function Ke(e, t) {
 	let n = [
 		["playing", () => t("playing")],
 		["waiting", () => t("buffering")],
@@ -860,7 +860,7 @@ function qe(e, t) {
 }
 //#endregion
 //#region src/core/engine/native.ts
-function Je(e) {
+function qe(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];
@@ -868,10 +868,10 @@ function Je(e) {
 		return;
 	}
 }
-function W(e) {
+function G(e) {
 	return !!(e ?? (typeof document < "u" ? document.createElement("video") : void 0))?.canPlayType("application/vnd.apple.mpegurl");
 }
-function G() {
+function Je() {
 	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;
@@ -934,7 +934,7 @@ var K = class {
 		});
 		this.onEncrypted = (n) => {
 			let i = n;
-			i.initData && !this.fairplayArmed && (this.fairplayArmed = !0, this.fairplayKeyIV = Je(i.initData), (async () => {
+			i.initData && !this.fairplayArmed && (this.fairplayArmed = !0, this.fairplayKeyIV = qe(i.initData), (async () => {
 				try {
 					let n = await (await navigator.requestMediaKeySystemAccess("com.apple.fps", [{
 						initDataTypes: [i.initDataType],
@@ -1029,11 +1029,11 @@ var K = class {
 		e.seekable.length > 0 && (e.currentTime = e.seekable.end(e.seekable.length - 1));
 	}
 	getStats() {
-		let e = this.deps.video, t = U(e), n = {
+		let e = this.deps.video, t = W(e), n = {
 			droppedFrames: t.dropped,
 			decodedFrames: t.totalFrames
 		};
-		return this.cdnHost ||= Ke(this.builtAt), this.cdnHost && (n.cdnHost = this.cdnHost), this.deps.descriptor.drmEnabled && (n.keySystem = "fairplay"), e.duration === Infinity ? (n.isLive = !0, e.seekable.length > 0 && (n.atLiveEdge = e.currentTime >= e.seekable.end(e.seekable.length - 1) - 2)) : Number.isFinite(e.duration) && e.duration > 0 && (n.isLive = !1), n;
+		return this.cdnHost ||= Ge(this.builtAt), this.cdnHost && (n.cdnHost = this.cdnHost), this.deps.descriptor.drmEnabled && (n.keySystem = "fairplay"), e.duration === Infinity ? (n.isLive = !0, e.seekable.length > 0 && (n.atLiveEdge = e.currentTime >= e.seekable.end(e.seekable.length - 1) - 2)) : Number.isFinite(e.duration) && e.duration > 0 && (n.isLive = !1), n;
 	}
 	stop() {
 		try {
@@ -1301,7 +1301,7 @@ var kt = class {
 		this.deps = e, this.licenseUrl = e.descriptor.drm?.widevine?.licenseUrl, this.loadStarted = e.deferLoad !== !0;
 	}
 	async load() {
-		let { descriptor: e, snapToLiveOnRefocus: t, video: r, emit: i } = this.deps, a = W(r) && G(), o = !!e.drm?.widevine?.licenseUrl && !a;
+		let { descriptor: e, snapToLiveOnRefocus: t, video: r, emit: i } = this.deps, a = G(r) && Je(), o = !!e.drm?.widevine?.licenseUrl && !a;
 		if (e.drmEnabled && !o) {
 			i({
 				type: "error",
@@ -1310,7 +1310,7 @@ var kt = class {
 			});
 			return;
 		}
-		e.drmEnabled && o && !this.deps.hlsConfig?.requestMediaKeySystemAccessFunc && (Ae(r), Pe()), this.startHls(), t !== !1 && typeof document < "u" && (this.onVisibility = () => {
+		e.drmEnabled && o && !this.deps.hlsConfig?.requestMediaKeySystemAccessFunc && (Ae(r), je()), this.startHls(), t !== !1 && typeof document < "u" && (this.onVisibility = () => {
 			let e = this.hls;
 			if (document.visibilityState !== "visible" || !e) return;
 			let t = e.liveSyncPosition;
@@ -1430,7 +1430,7 @@ var kt = class {
 			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 = H(a);
+				let e = Ue(a);
 				e && (this.cdnHost = e);
 			}
 		}), f.on(e.Events.LEVEL_LOADED, (e, t) => {
@@ -1526,9 +1526,9 @@ var kt = class {
 		this.ladderHeights = t.length ? [...new Set(t)].sort((e, t) => e - t) : void 0, this.ladderTopBitrateKbps = e.levels.length ? Math.round(Math.max(...e.levels.map((e) => e.bitrate)) / 1e3) : 0;
 	}
 	dropLevelsWidevineCannotPlay(e) {
-		this.removeLevelsWhere(e, (e) => Fe(e) !== !0);
+		this.removeLevelsWhere(e, (e) => H(e) !== !0);
 		let t = new Set(e.levels.map((e) => e.videoCodec).filter((e) => !!e && I(e) !== "avc" && !!I(e)));
-		for (let n of t) Ne(n).then((t) => {
+		for (let n of t) V(n).then((t) => {
 			t || this.hls !== e || this.removeLevelsWhere(e, (e) => e === n) && (this.measureLadder(e), this.applySizeCap());
 		});
 	}
@@ -1539,7 +1539,7 @@ var kt = class {
 			a && I(a) && t(a) && (r.push(n), i.add(a));
 		}), !r.length) return !1;
 		let a = [...i].join(", ");
-		if (!n.some((e, t) => r.includes(t) ? !1 : !I(e.videoCodec) || Fe(e.videoCodec) === !0)) return console.warn(`havik-player: every rendition is ${a}, which Widevine may not play on this browser; keeping them`), !1;
+		if (!n.some((e, t) => r.includes(t) ? !1 : !I(e.videoCodec) || H(e.videoCodec) === !0)) return console.warn(`havik-player: every rendition is ${a}, which Widevine may not play on this browser; keeping them`), !1;
 		for (let t = r.length - 1; t >= 0; --t) e.removeLevel(r[t]);
 		return console.info(`havik-player: skipped ${r.length} rendition(s) Widevine cannot play on this browser (${a})`), !0;
 	}
@@ -1585,7 +1585,7 @@ var kt = class {
 		e.widevine && (this.licenseUrl = e.widevine);
 	}
 	getStats() {
-		let e = this.hls, t = U(this.deps.video), n = {
+		let e = this.hls, t = W(this.deps.video), n = {
 			droppedFrames: t.dropped,
 			decodedFrames: t.totalFrames,
 			lowLatency: this.detectedLowLatency,
@@ -1646,7 +1646,7 @@ var kt = class {
 			this.resetStarvationWindow();
 			return;
 		}
-		let n = Date.now(), r = this.lastAdvanceMs !== 0 && n - this.lastAdvanceMs < ft, i = this.lastFragLoadingMs !== 0 && n - this.lastFragLoadingMs > mt, a = t.readyState < HTMLMediaElement.HAVE_FUTURE_DATA && !t.paused, { totalFrames: o, dropped: s } = U(t), c = o - s, l = c !== this.starvedFrames;
+		let n = Date.now(), r = this.lastAdvanceMs !== 0 && n - this.lastAdvanceMs < ft, i = this.lastFragLoadingMs !== 0 && n - this.lastFragLoadingMs > mt, a = t.readyState < HTMLMediaElement.HAVE_FUTURE_DATA && !t.paused, { totalFrames: o, dropped: s } = W(t), c = o - s, l = c !== this.starvedFrames;
 		if (this.starvedFrames = c, !a || l) {
 			(t.readyState >= HTMLMediaElement.HAVE_FUTURE_DATA || l) && this.clearKick(), this.resetStarvationWindow();
 			return;
@@ -2260,7 +2260,7 @@ async function $t() {
 }
 //#endregion
 //#region src/core/version.ts
-var en = "2.13.1", tn = {
+var en = "2.15.0", tn = {
 	accent: "#E1B600",
 	accentText: "#1B1C23",
 	background: "#0e0f13",
@@ -2293,15 +2293,16 @@ function rn(e, t) {
 }
 //#endregion
 //#region src/ui/styles.ts
-var an = "havik-player-styles", on = "\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/* Absolutely centred, NOT a flex sibling of .havik-center: the hidden center\n   button (.havik-gone) still occupies its 74px in the row, which pushed an\n   in-flow spinner 37px right of centre. */\n.havik-spinner{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;\n  border:4px solid rgba(255,255,255,.2);border-top-color:var(--havik-accent,#E1B600);\n  animation:havik-spin .8s linear infinite}\n@keyframes havik-spin{to{transform:rotate(360deg)}}\n\n/* Status card — branded full-bleed overlay for the stopped/pre-play states\n   (ended / fatal error / pre-play / armed-waiting). */\n.havik-status{position:absolute;inset:0;display:flex;flex-direction:column;gap:16px;\n  align-items:center;justify-content:center;background:rgba(14,15,19,.82);text-align:center;padding:24px}\n.havik-status__logo{width:128px;height:46px;background:var(--havik-logo) center/contain no-repeat;opacity:.95}\n.havik-status__msg{color:var(--havik-text,#fff);font-size:15px;font-weight:600;max-width:480px}\n.havik-status__btn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;\n  padding:10px 18px;border-radius:var(--havik-radius,8px);font-weight:700;font-size:14px;\n  background:var(--havik-accent,#E1B600);color:var(--havik-accent-text,#1B1C23);transition:transform .15s}\n.havik-status__btn:hover{transform:scale(1.04)}\n.havik-status__btn svg{width:18px;height:18px}\n/* Pre-play: lighter scrim so the poster shows through, and a round play CTA. */\n.havik-status--preplay{background:rgba(14,15,19,.4)}\n.havik-status--preplay .havik-status__btn--play{width:74px;height:74px;border-radius:50%;padding:0;\n  justify-content:center;box-shadow:0 6px 24px rgba(0,0,0,.45)}\n.havik-status--preplay .havik-status__btn--play svg{width:38px;height:38px;margin-left:3px}\n\n.havik-watermark{position:absolute;top:12px;right:14px;height:22px;opacity:.85;pointer-events:none;\n  content:'';background:var(--havik-logo) center/contain no-repeat;width:90px}\n/* A status card carries its own logo — the corner watermark would duplicate it. */\n.havik-player.havik-has-status .havik-watermark{display:none}\n\n.havik-bar{position:absolute;left:0;right:0;bottom:0;padding:0 12px 8px;\n  opacity:1;transition:opacity .25s;z-index:2}\n.havik-seek{position:relative;height:16px;display:flex;align-items:center;cursor:pointer;margin-bottom:2px}\n.havik-seek__track{position:relative;width:100%;height:4px;border-radius:3px;background:rgba(255,255,255,.25)}\n.havik-seek__buffered{position:absolute;left:0;top:0;height:100%;border-radius:3px;background:rgba(255,255,255,.4)}\n.havik-seek__played{position:absolute;left:0;top:0;height:100%;border-radius:3px;background:var(--havik-accent,#E1B600)}\n.havik-seek__thumb{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;\n  background:var(--havik-accent,#E1B600);transform:translate(-50%,-50%) scale(0);transition:transform .1s}\n.havik-seek:hover .havik-seek__thumb{transform:translate(-50%,-50%) scale(1)}\n\n.havik-controls{display:flex;align-items:center;gap:6px;height:40px}\n.havik-spacer{flex:1}\n.havik-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;\n  border:0;background:transparent;color:var(--havik-text,#fff);cursor:pointer;border-radius:var(--havik-radius,8px);\n  padding:0;transition:background .12s,color .12s}\n.havik-btn:hover{background:rgba(255,255,255,.12)}\n.havik-btn:focus-visible{outline:2px solid var(--havik-accent,#E1B600);outline-offset:1px}\n.havik-btn svg{width:22px;height:22px}\n\n/* The volume level is filled in accent up to the thumb, like the seek bar's\n   played span — a native range input paints no \"elapsed\" side, which left the\n   level readable only from the dot's position. --havik-vol (0..1) is set by\n   syncVolume(); the track width and thumb size live here as variables because\n   the WebKit fill has to compute the thumb centre from both. */\n.havik-vol{display:flex;align-items:center}\n.havik-vol__slider{--havik-vol-w:70px;--havik-vol-thumb:12px;--havik-vol:1;\n  --havik-vol-pos:calc(var(--havik-vol-thumb) / 2 + var(--havik-vol) * (var(--havik-vol-w) - var(--havik-vol-thumb)));\n  width:0;opacity:0;transition:width .18s,opacity .18s;height:4px;cursor:pointer;\n  appearance:none;-webkit-appearance:none;background:transparent;border-radius:3px;margin:0 4px}\n.havik-vol:hover .havik-vol__slider,.havik-vol:focus-within .havik-vol__slider{width:var(--havik-vol-w);opacity:1}\n/* WebKit/Blink have no progress pseudo-element: paint the fill as a hard-stop\n   gradient that ends at the thumb centre. */\n.havik-vol__slider::-webkit-slider-runnable-track{height:4px;border-radius:3px;\n  background:linear-gradient(to right,var(--havik-accent,#E1B600) var(--havik-vol-pos),\n  rgba(255,255,255,.3) var(--havik-vol-pos))}\n/* Firefox fills natively, and tracks the thumb exactly. */\n.havik-vol__slider::-moz-range-track{height:4px;border-radius:3px;background:rgba(255,255,255,.3)}\n.havik-vol__slider::-moz-range-progress{height:4px;border-radius:3px;background:var(--havik-accent,#E1B600)}\n.havik-vol__slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--havik-vol-thumb);\n  height:var(--havik-vol-thumb);border-radius:50%;background:var(--havik-accent,#E1B600);\n  margin-top:calc((4px - var(--havik-vol-thumb)) / 2)}\n.havik-vol__slider::-moz-range-thumb{width:var(--havik-vol-thumb);height:var(--havik-vol-thumb);\n  border:0;border-radius:50%;background:var(--havik-accent,#E1B600)}\n\n.havik-time{font-size:12px;color:var(--havik-text-muted,#9aa0ad);\n  font-variant-numeric:tabular-nums;padding:0 6px;white-space:nowrap}\n.havik-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;\n  letter-spacing:.4px;padding:0 8px;color:var(--havik-text,#fff)}\n.havik-live svg{width:9px;height:9px;color:var(--havik-text-muted,#9aa0ad)}\n.havik-live.is-live svg{color:var(--havik-accent,#E1B600)}\n.havik-live__go{margin-left:2px;border:0;cursor:pointer;background:transparent;color:var(--havik-text-muted,#9aa0ad);\n  font:inherit;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:6px}\n.havik-live.is-live .havik-live__go{display:none}\n.havik-live__go:hover{color:var(--havik-accent,#E1B600)}\n\n.havik-menu{position:absolute;bottom:54px;right:12px;min-width:170px;max-height:230px;overflow:auto;\n  background:var(--havik-surface,#1B1C23);border:1px solid var(--havik-border,rgba(255,255,255,.1));\n  border-radius:var(--havik-radius,8px);box-shadow:0 10px 30px rgba(0,0,0,.5);padding:6px;z-index:3}\n.havik-menu[hidden]{display:none}\n.havik-menu__title{font-size:11px;text-transform:uppercase;letter-spacing:.6px;\n  color:var(--havik-text-muted,#9aa0ad);padding:6px 8px 4px}\n.havik-menu__item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;\n  border:0;background:transparent;color:var(--havik-text,#fff);cursor:pointer;font:inherit;font-size:13px;\n  text-align:left;padding:7px 8px;border-radius:6px}\n.havik-menu__item:hover{background:var(--havik-surface-muted,#2a2c36)}\n.havik-menu__item[aria-checked=\"true\"]{color:var(--havik-accent,#E1B600);font-weight:600}\n.havik-menu__item[aria-checked=\"true\"]::after{content:'✓'}\n";
-function sn(e = document) {
-	if (e.getElementById(an)) return;
-	let t = e.createElement("style");
-	t.id = an, t.textContent = on, e.head.appendChild(t);
+var an = "havik-player-styles", on = "\n.havik-player{position:relative;display:block;width:100%;background:var(--havik-bg,#0e0f13);\n  color:var(--havik-text,#fff);font-family:var(--havik-font,system-ui,sans-serif);\n  overflow:hidden;line-height:1.4;-webkit-tap-highlight-color:transparent}\n.havik-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;\n  object-fit:contain;background:#000;outline:none}\n.havik-player:focus{outline:none}\n.havik-player *{box-sizing:border-box}\n\n.havik-player:fullscreen,.havik-player:-webkit-full-screen{display:flex;align-items:center;\n  justify-content:center;width:100vw;height:100vh;aspect-ratio:auto}\n.havik-player:fullscreen video,.havik-player:-webkit-full-screen video{width:100%;height:100%;\n  aspect-ratio:auto;object-fit:contain}\n\n.havik-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;\n  touch-action:manipulation}\n.havik-gradient{position:absolute;left:0;right:0;bottom:0;height:120px;pointer-events:none;\n  background:linear-gradient(to top,rgba(0,0,0,.78),transparent);\n  opacity:1;transition:opacity .25s}\n.havik-player.havik-hide .havik-gradient,\n.havik-player.havik-hide .havik-bar{opacity:0;pointer-events:none}\n.havik-player.havik-hide{cursor:none}\n\n.havik-center{width:74px;height:74px;border-radius:50%;border:0;cursor:pointer;\n  background:var(--havik-accent,#E1B600);color:var(--havik-accent-text,#1B1C23);\n  display:flex;align-items:center;justify-content:center;\n  box-shadow:0 6px 24px rgba(0,0,0,.45);transition:transform .15s,opacity .15s}\n.havik-center:hover{transform:scale(1.06)}\n.havik-center svg{width:38px;height:38px;margin-left:2px}\n.havik-center.havik-gone{opacity:0;pointer-events:none;transform:scale(.8)}\n\n/* Absolutely centred, NOT a flex sibling of .havik-center: the hidden center\n   button (.havik-gone) still occupies its 74px in the row, which pushed an\n   in-flow spinner 37px right of centre. */\n.havik-spinner{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;\n  border:4px solid rgba(255,255,255,.2);border-top-color:var(--havik-accent,#E1B600);\n  animation:havik-spin .8s linear infinite}\n@keyframes havik-spin{to{transform:rotate(360deg)}}\n\n/* Status card — branded full-bleed overlay for the stopped/pre-play states\n   (ended / fatal error / pre-play / armed-waiting). */\n.havik-status{position:absolute;inset:0;display:flex;flex-direction:column;gap:16px;\n  align-items:center;justify-content:center;background:rgba(14,15,19,.82);text-align:center;padding:24px}\n.havik-status__logo{width:128px;height:46px;background:var(--havik-logo) center/contain no-repeat;opacity:.95}\n.havik-status__msg{color:var(--havik-text,#fff);font-size:15px;font-weight:600;max-width:480px}\n.havik-status__btn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;\n  padding:10px 18px;border-radius:var(--havik-radius,8px);font-weight:700;font-size:14px;\n  background:var(--havik-accent,#E1B600);color:var(--havik-accent-text,#1B1C23);transition:transform .15s}\n.havik-status__btn:hover{transform:scale(1.04)}\n.havik-status__btn svg{width:18px;height:18px}\n/* Pre-play: lighter scrim so the poster shows through, and a round play CTA. */\n.havik-status--preplay{background:rgba(14,15,19,.4)}\n.havik-status--preplay .havik-status__btn--play{width:74px;height:74px;border-radius:50%;padding:0;\n  justify-content:center;box-shadow:0 6px 24px rgba(0,0,0,.45)}\n.havik-status--preplay .havik-status__btn--play svg{width:38px;height:38px;margin-left:3px}\n\n.havik-watermark{position:absolute;top:12px;right:14px;height:22px;opacity:.85;pointer-events:none;\n  content:'';background:var(--havik-logo) center/contain no-repeat;width:90px}\n/* A status card carries its own logo — the corner watermark would duplicate it. */\n.havik-player.havik-has-status .havik-watermark{display:none}\n\n.havik-bar{position:absolute;left:0;right:0;bottom:0;padding:0 12px 8px;\n  opacity:1;transition:opacity .25s;z-index:2}\n.havik-seek{position:relative;height:16px;display:flex;align-items:center;cursor:pointer;margin-bottom:2px}\n.havik-seek__track{position:relative;width:100%;height:4px;border-radius:3px;background:rgba(255,255,255,.25)}\n.havik-seek__buffered{position:absolute;left:0;top:0;height:100%;border-radius:3px;background:rgba(255,255,255,.4)}\n.havik-seek__played{position:absolute;left:0;top:0;height:100%;border-radius:3px;background:var(--havik-accent,#E1B600)}\n.havik-seek__thumb{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;\n  background:var(--havik-accent,#E1B600);transform:translate(-50%,-50%) scale(0);transition:transform .1s}\n.havik-seek:hover .havik-seek__thumb{transform:translate(-50%,-50%) scale(1)}\n\n.havik-controls{display:flex;align-items:center;gap:6px;height:40px}\n.havik-spacer{flex:1}\n.havik-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;\n  border:0;background:transparent;color:var(--havik-text,#fff);cursor:pointer;border-radius:var(--havik-radius,8px);\n  padding:0;transition:background .12s,color .12s}\n.havik-btn:hover{background:rgba(255,255,255,.12)}\n.havik-btn:focus-visible{outline:2px solid var(--havik-accent,#E1B600);outline-offset:1px}\n.havik-btn svg{width:22px;height:22px}\n\n/* The volume level is filled in accent up to the thumb, like the seek bar's\n   played span — a native range input paints no \"elapsed\" side, which left the\n   level readable only from the dot's position. --havik-vol (0..1) is set by\n   syncVolume(); the track width and thumb size live here as variables because\n   the WebKit fill has to compute the thumb centre from both. */\n.havik-vol{display:flex;align-items:center}\n.havik-vol__slider{--havik-vol-w:70px;--havik-vol-thumb:12px;--havik-vol:1;\n  --havik-vol-pos:calc(var(--havik-vol-thumb) / 2 + var(--havik-vol) * (var(--havik-vol-w) - var(--havik-vol-thumb)));\n  width:0;opacity:0;transition:width .18s,opacity .18s;height:4px;cursor:pointer;\n  appearance:none;-webkit-appearance:none;background:transparent;border-radius:3px;margin:0 4px}\n.havik-vol:hover .havik-vol__slider,.havik-vol:focus-within .havik-vol__slider{width:var(--havik-vol-w);opacity:1}\n/* WebKit/Blink have no progress pseudo-element: paint the fill as a hard-stop\n   gradient that ends at the thumb centre. */\n.havik-vol__slider::-webkit-slider-runnable-track{height:4px;border-radius:3px;\n  background:linear-gradient(to right,var(--havik-accent,#E1B600) var(--havik-vol-pos),\n  rgba(255,255,255,.3) var(--havik-vol-pos))}\n/* Firefox fills natively, and tracks the thumb exactly. */\n.havik-vol__slider::-moz-range-track{height:4px;border-radius:3px;background:rgba(255,255,255,.3)}\n.havik-vol__slider::-moz-range-progress{height:4px;border-radius:3px;background:var(--havik-accent,#E1B600)}\n.havik-vol__slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--havik-vol-thumb);\n  height:var(--havik-vol-thumb);border-radius:50%;background:var(--havik-accent,#E1B600);\n  margin-top:calc((4px - var(--havik-vol-thumb)) / 2)}\n.havik-vol__slider::-moz-range-thumb{width:var(--havik-vol-thumb);height:var(--havik-vol-thumb);\n  border:0;border-radius:50%;background:var(--havik-accent,#E1B600)}\n\n.havik-time{font-size:12px;color:var(--havik-text-muted,#9aa0ad);\n  font-variant-numeric:tabular-nums;padding:0 6px;white-space:nowrap}\n.havik-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;\n  letter-spacing:.4px;padding:0 8px;color:var(--havik-text,#fff)}\n.havik-live svg{width:9px;height:9px;color:var(--havik-text-muted,#9aa0ad)}\n.havik-live.is-live svg{color:var(--havik-accent,#E1B600)}\n.havik-live__go{margin-left:2px;border:0;cursor:pointer;background:transparent;color:var(--havik-text-muted,#9aa0ad);\n  font:inherit;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:6px}\n.havik-live.is-live .havik-live__go{display:none}\n.havik-live__go:hover{color:var(--havik-accent,#E1B600)}\n\n.havik-menu{position:absolute;bottom:54px;right:12px;min-width:170px;max-height:230px;overflow:auto;\n  background:var(--havik-surface,#1B1C23);border:1px solid var(--havik-border,rgba(255,255,255,.1));\n  border-radius:var(--havik-radius,8px);box-shadow:0 10px 30px rgba(0,0,0,.5);padding:6px;z-index:3}\n.havik-menu[hidden]{display:none}\n.havik-menu__title{font-size:11px;text-transform:uppercase;letter-spacing:.6px;\n  color:var(--havik-text-muted,#9aa0ad);padding:6px 8px 4px}\n.havik-menu__item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;\n  border:0;background:transparent;color:var(--havik-text,#fff);cursor:pointer;font:inherit;font-size:13px;\n  text-align:left;padding:7px 8px;border-radius:6px}\n.havik-menu__item:hover{background:var(--havik-surface-muted,#2a2c36)}\n.havik-menu__item[aria-checked=\"true\"]{color:var(--havik-accent,#E1B600);font-weight:600}\n.havik-menu__item[aria-checked=\"true\"]::after{content:'✓'}\n", sn = /* @__PURE__ */ new WeakMap();
+function cn(e = document, t) {
+	let n = e.querySelector(`style#${an}`);
+	if (n && (!t || sn.get(n) === t)) return;
+	let r = e.createElement("style");
+	r.id = an, t && (r.nonce = t, r.setAttribute("nonce", t)), r.textContent = on, sn.set(r, t), n ? n.replaceWith(r) : e.head.appendChild(r);
 }
 //#endregion
 //#region src/ui/icons.ts
-var cn = {
+var ln = {
 	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\"/>",
@@ -2315,20 +2316,20 @@ var cn = {
 	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 Z(e) {
-	return `<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="currentColor">${cn[e]}</svg>`;
+	return `<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="currentColor">${ln[e]}</svg>`;
 }
 //#endregion
 //#region src/ui/controls.ts
-var ln = 3e3, un = /* @__PURE__ */ new Set([
+var un = 3e3, dn = 250, fn = /* @__PURE__ */ new Set([
 	"GONE",
 	"NOT_FOUND",
 	"INVALID_URN",
 	"UNAUTHORIZED"
 ]);
-function dn(e) {
-	return new fn(e);
+function pn(e) {
+	return new mn(e);
 }
-var fn = class {
+var mn = class {
 	root;
 	video;
 	player;
@@ -2366,11 +2367,15 @@ var fn = class {
 	interruptedMessage;
 	errorMessage;
 	hideTimer;
+	tapTimer;
+	surfacePointerType = "";
+	surfaceWasHidden = !1;
+	pointerClosedMenu = !1;
 	openMenu = null;
 	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 ?? ln, 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, sn(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 ?? un, 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, cn(this.doc, e.cspNonce), this.root.classList.add("havik-player"), this.root.hasAttribute("tabindex") || (this.root.tabIndex = 0), this.root.setAttribute("role", "region"), this.root.setAttribute("aria-label", "Video player");
 		let t = (e, t, n) => {
 			let r = this.doc.createElement(e);
 			if (r.className = t, n) for (let [e, t] of Object.entries(n)) r.setAttribute(e, t);
@@ -2419,18 +2424,48 @@ var fn = class {
 	}
 	wire() {
 		let e = this.video;
-		this.on(this.playBtn, "click", () => this.togglePlay()), this.on(this.center, "click", () => this.togglePlay()), this.on(this.overlay, "click", (e) => {
-			e.target === this.overlay && this.togglePlay();
+		this.on(this.playBtn, "click", () => this.togglePlay()), this.on(this.center, "click", () => this.togglePlay()), this.on(this.overlay, "pointerdown", (e) => {
+			this.surfacePointerType = e.pointerType ?? "", this.surfaceWasHidden = this.root.classList.contains("havik-hide");
+		}), this.on(this.overlay, "click", (e) => {
+			e.target === this.overlay && this.onSurfaceClick();
 		}), this.on(this.muteBtn, "click", () => this.player.setMuted(!e.muted)), this.on(this.volSlider, "input", () => {
 			let t = Number(this.volSlider.value);
 			this.setVolumeFill(t), this.player.setVolume(t), t > 0 && e.muted && this.player.setMuted(!1);
 		}), this.on(this.liveGo, "click", () => this.player.seekToLive()), this.on(this.pipBtn, "click", () => void this.togglePip()), this.on(this.fsBtn, "click", () => void this.toggleFullscreen()), this.on(this.ccBtn, "click", () => this.toggleMenu("cc")), this.on(this.audioBtn, "click", () => this.toggleMenu("audio")), this.on(this.qualityBtn, "click", () => this.toggleMenu("quality")), this.on(this.seek, "pointerdown", (e) => this.onSeekDown(e)), this.on(this.seek, "keydown", (e) => this.onSeekKey(e)), this.on(e, "play", () => this.syncPlayPause()), this.on(e, "pause", () => this.syncPlayPause()), this.on(e, "volumechange", () => this.syncVolume()), this.on(e, "timeupdate", () => this.syncProgress()), this.on(e, "progress", () => this.syncProgress()), this.on(e, "durationchange", () => this.syncProgress()), this.offFns.push(this.player.on("statechange", () => this.syncState())), this.offFns.push(this.player.on("ended", () => this.syncState())), this.offFns.push(this.player.on("ready", () => this.refreshTracks())), this.offFns.push(this.player.on("qualitychange", () => this.onTracksChanged())), this.offFns.push(this.player.on("audiotrackchange", () => this.onTracksChanged())), this.offFns.push(this.player.on("texttrackchange", () => this.onTracksChanged())), this.offFns.push(this.player.on("pipchange", (e) => this.syncPip(e))), this.offFns.push(this.player.on("stats", () => this.syncLive())), this.offFns.push(this.player.on("error", (e) => {
 			this.lastError = e, this.statusKind = null, this.syncState();
-		})), this.on(this.root, "pointermove", () => this.poke()), this.on(this.root, "pointerleave", () => this.scheduleHide(0)), this.on(this.root, "focusin", () => this.poke()), this.on(this.root, "keydown", (e) => this.onKey(e)), this.on(this.doc, "pointerdown", (e) => this.onDocPointer(e), { capture: !0 }), this.on(this.doc, "fullscreenchange", () => this.syncFullscreen()), this.on(this.doc, "webkitfullscreenchange", () => this.syncFullscreen()), this.on(e, "webkitbeginfullscreen", () => this.syncFullscreen()), this.on(e, "webkitendfullscreen", () => this.syncFullscreen()), this.syncState();
+		}));
+		let t = (e) => e.pointerType !== "touch";
+		this.on(this.root, "pointermove", (e) => {
+			t(e) && this.poke();
+		}), this.on(this.root, "pointerleave", (e) => {
+			t(e) && this.scheduleHide(0);
+		}), this.on(this.root, "focusin", () => this.poke()), this.on(this.root, "keydown", (e) => this.onKey(e)), this.on(this.doc, "pointerdown", (e) => this.onDocPointer(e), { capture: !0 }), this.on(this.doc, "fullscreenchange", () => this.syncFullscreen()), this.on(this.doc, "webkitfullscreenchange", () => this.syncFullscreen()), this.on(e, "webkitbeginfullscreen", () => this.syncFullscreen()), this.on(e, "webkitendfullscreen", () => this.syncFullscreen()), this.syncState();
 	}
 	togglePlay() {
 		this.video.paused || this.video.ended ? this.player.play() : this.player.pause();
 	}
+	onSurfaceClick() {
+		let e = this.surfacePointerType === "touch";
+		if (this.surfacePointerType = "", !e) {
+			this.tapTimer && clearTimeout(this.tapTimer), this.tapTimer = void 0, this.togglePlay();
+			return;
+		}
+		if (this.pointerClosedMenu) {
+			this.tapTimer && clearTimeout(this.tapTimer), this.tapTimer = void 0, this.poke();
+			return;
+		}
+		if (this.tapTimer) {
+			clearTimeout(this.tapTimer), this.tapTimer = void 0, this.togglePlay();
+			return;
+		}
+		let t = this.surfaceWasHidden;
+		this.tapTimer = setTimeout(() => {
+			this.tapTimer = void 0, this.toggleBar(t);
+		}, dn);
+	}
+	toggleBar(e) {
+		e ? this.poke() : this.hideIfIdle();
+	}
 	syncPlayPause() {
 		let e = !this.video.paused && !this.video.ended;
 		this.setIcon(this.playBtn, e ? "pause" : "play"), this.playBtn.setAttribute("aria-label", e ? "Pause" : "Play"), this.setIcon(this.center, e ? "pause" : "play"), this.center.classList.toggle("havik-gone", e || !!this.statusBox), e ? this.scheduleHide() : this.show();
@@ -2461,7 +2496,7 @@ var fn = class {
 			e.type = "button", e.className = "havik-status__btn havik-status__btn--play", e.setAttribute("aria-label", "Play"), e.innerHTML = Z("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 && !un.has(this.lastError.code)) {
+			if (r.className = "havik-status__msg", r.textContent = t ?? "", n.append(r), e === "error" && this.lastError && !fn.has(this.lastError.code)) {
 				let e = this.doc.createElement("button");
 				e.type = "button", e.className = "havik-status__btn", e.innerHTML = `${Z("retry")}<span>Retry</span>`, e.addEventListener("click", () => void this.player.retry()), n.append(e);
 			}
@@ -2502,7 +2537,7 @@ var fn = 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 = `${Q(this.video.currentTime)} / ${Q(this.video.duration)}`);
+		!this.player.getStats().isLive && Number.isFinite(this.video.duration) && (this.time.textContent = `${hn(this.video.currentTime)} / ${hn(this.video.duration)}`);
 	}
 	syncLive() {
 		let e = this.player.getStats(), t = e.isLive !== !1;
@@ -2552,17 +2587,17 @@ var fn = 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(pn(n), t === n.index, () => this.player.setQuality(n.index)));
+		for (let n of e) this.menu.append(this.menuItem(gn(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(mn(t), t.default, () => this.player.setAudioTrack(t.id)));
+		for (let t of e) this.menu.append(this.menuItem(_n(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(hn(t), !1, () => this.player.setTextTrack(t.id)));
+		for (let t of e) this.menu.append(this.menuItem(vn(t), !1, () => this.player.setTextTrack(t.id)));
 	}
 	onTracksChanged() {
 		this.openMenu && this.renderMenu(this.openMenu);
@@ -2596,16 +2631,17 @@ var fn = class {
 		this.root.classList.remove("havik-hide");
 	}
 	scheduleHide(e = this.autoHideMs) {
-		this.hideTimer && clearTimeout(this.hideTimer), this.hideTimer = setTimeout(() => {
-			!this.video.paused && !this.video.ended && !this.openMenu && !this.statusBox && this.root.classList.add("havik-hide");
-		}, e);
+		this.hideTimer && clearTimeout(this.hideTimer), this.hideTimer = setTimeout(() => this.hideIfIdle(), e);
+	}
+	hideIfIdle() {
+		!this.video.paused && !this.video.ended && !this.openMenu && !this.statusBox && this.root.classList.add("havik-hide");
 	}
 	onDocPointer(e) {
-		this.openMenu && !this.menu.contains(e.target) && ([
+		this.pointerClosedMenu = !1, this.openMenu && !this.menu.contains(e.target) && ([
 			this.qualityBtn,
 			this.audioBtn,
 			this.ccBtn
-		].some((t) => t.contains(e.target)) || this.closeMenu());
+		].some((t) => t.contains(e.target)) || (this.closeMenu(), this.pointerClosedMenu = !0));
 	}
 	onKey(e) {
 		let t = e.target;
@@ -2648,7 +2684,7 @@ var fn = class {
 		e.innerHTML = Z(t);
 	}
 	destroy() {
-		this.hideTimer && clearTimeout(this.hideTimer);
+		this.hideTimer && clearTimeout(this.hideTimer), this.tapTimer && clearTimeout(this.tapTimer);
 		for (let e of this.offFns) try {
 			e();
 		} catch {}
@@ -2662,41 +2698,41 @@ var fn = class {
 		this.root.classList.remove("havik-player", "havik-hide", "havik-has-status");
 	}
 };
-function Q(e) {
+function hn(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 pn(e) {
+function gn(e) {
 	return e.height ? `${e.height}p` : `${Math.round(e.bitrate / 1e3)} kbps`;
 }
-function mn(e) {
+function _n(e) {
 	return e.name || e.lang || `Track ${e.id}`;
 }
-function hn(e) {
+function vn(e) {
 	return e.name || e.lang || `Track ${e.id}`;
 }
 //#endregion
 //#region src/managed/index.ts
-var gn = 6e3, _n = 45e3, vn = 2e3, yn = 3, bn = 2e3, xn = 48e4;
-function Sn(e) {
+var yn = 6e3, bn = 45e3, Q = 2e3, xn = 3, Sn = 2e3, Cn = 48e4;
+function wn(e) {
 	if (e.env !== void 0 && e.baseUrl !== void 0) throw new n("INTERNAL", 0, `createPlayer: pass env OR baseUrl, not both (got env=${JSON.stringify(e.env)} and baseUrl=${JSON.stringify(e.baseUrl)})`);
-	if (e.env !== void 0) return B(e.env);
+	if (e.env !== void 0) return Ve(e.env);
 	if (!e.baseUrl) throw new n("INTERNAL", 0, "createPlayer: env or baseUrl is required (env: 'integration' | 'production')");
 	return e.baseUrl;
 }
-async function Cn(e) {
+async function Tn(e) {
 	if (!e.video || typeof e.video.play != "function") throw new n("INTERNAL", 0, "createPlayer: opts.video must be an HTMLVideoElement");
-	let t = Sn(e);
+	let t = wn(e);
 	if (!e.matchUrn) throw new n("INVALID_URN", 0, "createPlayer: matchUrn is required");
 	if (!e.credential) throw new n("INTERNAL", 0, "createPlayer: credential is required");
-	let r = new wn({
+	let r = new En({
 		...e,
 		baseUrl: t
 	});
 	return await r.start(), r;
 }
-var wn = class {
+var En = class {
 	opts;
 	abort = new AbortController();
 	listeners = {};
@@ -2740,7 +2776,7 @@ var wn = class {
 		this.opts.muted && (this.opts.video.muted = !0), this.opts.poster && (this.opts.video.poster = this.opts.poster), this.mountControls(), this.attachPipListeners(), this.setState("loading");
 		let e = ++this.loadGen, t = this.resolveOptions();
 		try {
-			let n = await v(t);
+			let n = await y(t);
 			if (await this.onResolved(n, e), e === this.loadGen && this._state === "error" && this._lastError) {
 				let e = this._lastError;
 				throw this.destroy(), e;
@@ -2767,7 +2803,7 @@ var wn = class {
 		r ? this.armWithSse(e, r, t, n) : this.beginArmingByPolling(e);
 	}
 	beginArmingByPolling(e) {
-		y({
+		b({
 			...this.resolveOptions(),
 			signal: this.abort.signal,
 			waitForLive: this.buildWaitConfig(e)
@@ -2784,7 +2820,7 @@ var wn = class {
 		setTimeout(() => {
 			a || this.destroyed || e !== this.loadGen || this.emit("waiting", {
 				phase: i ? "unavailable" : "tooEarly",
-				retryInMs: _n,
+				retryInMs: bn,
 				attempt: 1,
 				elapsedMs: 0,
 				...!i && f !== void 0 && f > Date.now() ? { ttkMs: f - Date.now() } : {}
@@ -2801,7 +2837,7 @@ var wn = class {
 				}
 			}
 		}, h = () => {
-			a || s || p() || (s = !0, y({
+			a || s || p() || (s = !0, b({
 				...this.resolveOptions(),
 				signal: c.signal,
 				waitForLive: this.buildWaitConfig(e)
@@ -2809,7 +2845,7 @@ var wn = class {
 				a || p() || c.signal.aborted || (a = !0, this.closeArming(), this.fail(e instanceof n ? e : new n("INTERNAL", 0, String(e))));
 			}));
 		}, g = () => {
-			a || p() || v(this.resolveOptions()).then((e) => m(e)).catch((e) => {
+			a || p() || y(this.resolveOptions()).then((e) => m(e)).catch((e) => {
 				if (!(a || p())) {
 					if (e instanceof n && o(e.code)) {
 						h();
@@ -2823,13 +2859,13 @@ var wn = class {
 				!a && !p() && h();
 			}, e);
 		};
-		_(gn), this.armingSub = T({
+		_(yn), this.armingSub = T({
 			eventsBaseUrl: t,
 			matchUrn: this.opts.matchUrn,
 			credential: this.opts.credential,
-			onAlive: () => _(_n),
+			onAlive: () => _(bn),
 			onState: (e) => {
-				a || p() || (e.state === "live" || e.state === "gone") && setTimeout(g, Math.random() * vn);
+				a || p() || (e.state === "live" || e.state === "gone") && setTimeout(g, Math.random() * Q);
 			},
 			onError: () => h()
 		});
@@ -2852,7 +2888,7 @@ var wn = class {
 		let n = await s(this.opts.credential);
 		if (this.destroyed || t !== this.loadGen) return;
 		this.setState("loading");
-		let r = this.opts.autoplay === !1 && !this.playRequested, i = this.createEngine(e, n, r), a = qe(this.opts.video, (e) => {
+		let r = this.opts.autoplay === !1 && !this.playRequested, i = this.createEngine(e, n, r), a = Ke(this.opts.video, (e) => {
 			this._state !== "ended" && this._state !== "error" && this.setState(e);
 		});
 		if (await i.load(), this.destroyed || t !== this.loadGen) {
@@ -2893,7 +2929,7 @@ var wn = class {
 				this.destroyed || r !== this.loadGen || this.emit("warning", new n("INTERNAL", 0, e));
 			}, 0),
 			sample: () => {
-				let e = this.engine?.getStats() ?? V, t = c.buffered.length ? Math.max(0, c.buffered.end(c.buffered.length - 1) - c.currentTime) : 0;
+				let e = this.engine?.getStats() ?? He, t = c.buffered.length ? Math.max(0, c.buffered.end(c.buffered.length - 1) - c.currentTime) : 0;
 				return {
 					...e,
 					bufferedMs: Math.round(t * 1e3),
@@ -2934,9 +2970,9 @@ var wn = class {
 		}, o = this.opts.engine ?? "auto";
 		if (o === "native") return new K(a);
 		if (o === "hls") return new kt(a);
-		if (e.drmEnabled && e.drm?.fairplay?.licenseUrl && e.drm.fairplay.certificateUrl && W(this.opts.video) && G()) return new K(a);
+		if (e.drmEnabled && e.drm?.fairplay?.licenseUrl && e.drm.fairplay.certificateUrl && G(this.opts.video) && Je()) return new K(a);
 		if (at()) return new kt(a);
-		if (W(this.opts.video)) return new K(a);
+		if (G(this.opts.video)) return new K(a);
 		throw new n("INTERNAL", 0, "no supported HLS playback engine in this browser");
 	}
 	onEngineEvent(e) {
@@ -2988,7 +3024,7 @@ var wn = class {
 				r = 0, i = !1;
 			},
 			onError: () => {
-				this.destroyed || e !== this.loadGen || i || this.endedHandled || (r += 1, r >= yn && (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 >= xn && (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.`))));
 			}
 		});
 	}
@@ -3010,7 +3046,7 @@ var wn = 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() * vn));
+		}, Math.random() * Q));
 	}
 	cancelRejoin() {
 		this.rejoinTimer &&= (clearTimeout(this.rejoinTimer), null);
@@ -3034,7 +3070,7 @@ var wn = class {
 		}
 		t.controls = !1;
 		let n = (t.ownerDocument ?? document).createElement("div"), r = t.parentNode;
-		r && r.insertBefore(n, t), n.appendChild(t), rn(n, this.opts.theme), this.container = n, this.controlBar = dn({
+		r && r.insertBefore(n, t), n.appendChild(t), rn(n, this.opts.theme), this.container = n, this.controlBar = pn({
 			root: n,
 			video: t,
 			player: this,
@@ -3042,7 +3078,8 @@ var wn = class {
 			statusOverlays: this.opts.statusOverlays,
 			endedMessage: this.opts.endedMessage,
 			interruptedMessage: this.opts.interruptedMessage,
-			errorMessage: this.opts.errorMessage
+			errorMessage: this.opts.errorMessage,
+			cspNonce: this.opts.cspNonce
 		});
 	}
 	unmountControls() {
@@ -3064,7 +3101,7 @@ var wn = class {
 	}
 	startStats() {
 		this.stopStats();
-		let e = Math.max(500, this.opts.statsIntervalMs ?? bn);
+		let e = Math.max(500, this.opts.statsIntervalMs ?? Sn);
 		this.statsTimer = setInterval(() => {
 			if (!this.engine) return;
 			let e = this.engine.getStats();
@@ -3076,7 +3113,7 @@ var wn = class {
 	}
 	scheduleLicenseRefresh() {
 		this.stopRefresh();
-		let e = this.opts.licenseRefreshMs ?? xn;
+		let e = this.opts.licenseRefreshMs ?? Cn;
 		e && this._descriptor?.drmEnabled && (this.refreshTimer = setInterval(() => void this.refreshLicense(), e));
 	}
 	stopRefresh() {
@@ -3085,7 +3122,7 @@ var wn = class {
 	async refreshLicense() {
 		let e = this.engine;
 		if (!this.destroyed && e) try {
-			let t = await v(this.resolveOptions());
+			let t = await y(this.resolveOptions());
 			if (this.destroyed || this.engine !== e) return;
 			let n = t.drm?.widevine?.licenseUrl, r = t.drm?.fairplay?.licenseUrl;
 			(n || r) && (e.setLicenseUrls({
@@ -3121,7 +3158,7 @@ var wn = class {
 		this.destroyed || (this.opts.video.volume = Math.min(1, Math.max(0, e)));
 	}
 	getStats() {
-		return this.engine?.getStats() ?? V;
+		return this.engine?.getStats() ?? He;
 	}
 	getQualityLevels() {
 		return this.engine?.getQualityLevels() ?? [];
@@ -3173,7 +3210,7 @@ var wn = class {
 		let e = ++this.loadGen;
 		this.teardownPlayback();
 		try {
-			let t = await y({
+			let t = await b({
 				...this.resolveOptions(),
 				waitForLive: this.opts.waitForLive ? this.buildWaitConfig(e) : void 0
 			});
@@ -3231,7 +3268,7 @@ function $(e) {
 }
 //#endregion
 //#region src/embed/host.ts
-function Tn(e) {
+function Dn(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");
@@ -3290,15 +3327,15 @@ function Tn(e) {
 }
 //#endregion
 //#region src/embed/page.ts
-var En = /^[A-Za-z0-9:_.-]{1,128}$/;
-function Dn(e) {
+var On = /^[A-Za-z0-9:_.-]{1,128}$/;
+function kn(e) {
 	if (typeof e == "boolean") return e;
 	if (typeof e == "object" && e) {
 		let t = e.endpoint;
 		return typeof t == "string" ? { endpoint: t } : {};
 	}
 }
-function On() {
+function An() {
 	let e = window.HAVIK_EMBED_CONFIG;
 	if (e) return {
 		baseUrl: e.baseUrl ?? "",
@@ -3308,7 +3345,7 @@ function On() {
 		autoplay: e.autoplay ?? !0,
 		muted: e.muted ?? !0,
 		waitForLive: e.waitForLive ?? !0,
-		analytics: Dn(e.analytics)
+		analytics: kn(e.analytics)
 	};
 	let t = new URLSearchParams(location.search);
 	return {
@@ -3321,9 +3358,9 @@ function On() {
 		waitForLive: !0
 	};
 }
-async function kn() {
-	let e = On();
-	jn();
+async function jn() {
+	let e = An();
+	Nn();
 	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;
@@ -3378,12 +3415,12 @@ async function kn() {
 			code: e.code,
 			message: e.message
 		})), e.on("autoplayblocked", () => {
-			i({ type: "oddin:autoplayblocked" }), An(t, e);
+			i({ type: "oddin:autoplayblocked" }), Mn(t, e);
 		});
 	}, s = async (r) => {
 		a?.destroy(), a = null;
 		try {
-			let n = await Cn({
+			let n = await Tn({
 				video: t,
 				baseUrl: e.baseUrl,
 				matchUrn: r,
@@ -3445,7 +3482,7 @@ async function kn() {
 				a?.retry();
 				break;
 			case "oddin:load":
-				typeof e.matchUrn == "string" && En.test(e.matchUrn) && s(e.matchUrn);
+				typeof e.matchUrn == "string" && On.test(e.matchUrn) && s(e.matchUrn);
 				break;
 			case "oddin:destroy": c();
 		}
@@ -3457,18 +3494,18 @@ async function kn() {
 		protocol: 1
 	});
 }
-function An(e, t) {
+function Mn(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 jn() {
+function Nn() {
 	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 { tn as ODDIN_THEME, n as PlaybackError, rn as applyTheme, B as baseUrlForEnv, kn as bootEmbed, Te as clearDeviceId, Cn as createPlayer, E as deriveEventsBaseUrl, He as detectDrmSupport, C as enterVideoFullscreen, w as exitVideoFullscreen, _e as fetchCatalog, ye as fetchTournament, xe as flattenMatches, k as getDeviceId, We as isLowLatencyManifest, $ as isOddinMessage, De as licenseRequestHeaders, Tn as mountEmbed, de as pollToLive, y as resolveStream, T as subscribeLiveState, S as videoFullscreenActive, Ce as watchStatus };
+export { tn as ODDIN_THEME, n as PlaybackError, rn as applyTheme, Ve as baseUrlForEnv, jn as bootEmbed, Te as clearDeviceId, Tn as createPlayer, E as deriveEventsBaseUrl, Le as detectDrmSupport, C as enterVideoFullscreen, w as exitVideoFullscreen, _e as fetchCatalog, ye as fetchTournament, xe as flattenMatches, k as getDeviceId, ze as isLowLatencyManifest, $ as isOddinMessage, De as licenseRequestHeaders, Dn as mountEmbed, v as pollToLive, b as resolveStream, T as subscribeLiveState, S as videoFullscreenActive, Ce as watchStatus };
 
 //# sourceMappingURL=index.js.map