@oddin-gg/havik-player 2.16.4 → 2.16.5

package/dist/index.js

@@ -1964,19 +1964,34 @@ var Wt = class {
 		let r = e.response?.code ?? 0, a = e.details ?? e.type, o = e.reason ?? e.error?.message ?? "";
 		return new n(t === "DRM" ? i(r) : r === 401 ? "UNAUTHORIZED" : r === 403 ? "FORBIDDEN" : "INTERNAL", r, `${t} error: ${a}${o ? ` (${o})` : ""}`);
 	}
-}, Gt = 15e3, Kt = 6e5, qt = 3e5, Jt = 100, q = 1, Yt = 1e3, Xt = 3e4, Zt = 1e3, Qt = {
+};
+//#endregion
+//#region src/core/drm/signedUrl.ts
+function Gt(e, t = Date.now()) {
+	if (!e) return !1;
+	let n;
+	try {
+		n = new URL(e).searchParams.get("exp");
+	} catch {
+		return !1;
+	}
+	return !n || !/^\d+$/.test(n) ? !1 : Number(n) * 1e3 <= t;
+}
+//#endregion
+//#region src/core/analytics.ts
+var Kt = 15e3, qt = 6e5, Jt = 3e5, Yt = 100, q = 1, Xt = 1e3, Zt = 3e4, Qt = 1e3, $t = {
 	inline: "PRESENTATION_INLINE",
 	fullscreen: "PRESENTATION_FULLSCREEN",
 	pip: "PRESENTATION_PIP"
-}, $t = {
+}, en = {
 	widevine: "KEY_SYSTEM_WIDEVINE",
 	fairplay: "KEY_SYSTEM_FAIRPLAY",
 	none: "KEY_SYSTEM_NONE"
 };
-function en(e, t) {
+function tn(e, t) {
 	return e.length === 0 ? 0 : e[Math.min(e.length, Math.max(1, Math.ceil(t / 100 * e.length))) - 1] ?? 0;
 }
-var tn = /* @__PURE__ */ new Set([
+var nn = /* @__PURE__ */ new Set([
 	"INVALID_URN",
 	"NOT_FOUND",
 	"GONE",
@@ -1996,7 +2011,7 @@ var tn = /* @__PURE__ */ new Set([
 	ended: "PLAYER_STATE_ENDED",
 	error: "PLAYER_STATE_ERROR"
 };
-function nn(e) {
+function rn(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);
@@ -2004,8 +2019,8 @@ function nn(e) {
 		return;
 	}
 }
-var rn = (e, t) => e.replace(/\/$/, "").toLowerCase() === t.replace(/\/$/, "").toLowerCase(), an = /* @__PURE__ */ new Set(), Y = /* @__PURE__ */ new Set(), X = /* @__PURE__ */ new Set(), on = (e) => `this page's Content-Security-Policy blocks QoE beacons. Add ${e} to connect-src; until then none are sent.`;
-function sn(e) {
+var an = (e, t) => e.replace(/\/$/, "").toLowerCase() === t.replace(/\/$/, "").toLowerCase(), on = /* @__PURE__ */ new Set(), Y = /* @__PURE__ */ new Set(), X = /* @__PURE__ */ new Set(), sn = (e) => `this page's Content-Security-Policy blocks QoE beacons. Add ${e} to connect-src; until then none are sent.`;
+function cn(e) {
 	if (e.disposition !== "enforce" || e.effectiveDirective !== "connect-src") return;
 	let t;
 	try {
@@ -2014,19 +2029,19 @@ function sn(e) {
 	} catch {
 		return;
 	}
-	if (an.has(t) && !Y.has(t)) {
-		Y.add(t), g(on(new URL(t).origin));
+	if (on.has(t) && !Y.has(t)) {
+		Y.add(t), g(sn(new URL(t).origin));
 		for (let e of X) e.noteCspBlocked();
 	}
 }
-function cn(e, t) {
+function ln(e, t) {
 	return g(t, e), { disabledReason: t };
 }
-function ln(e, t, n) {
-	if (n) return t && !rn(t, n) && g(`analytics.endpoint "${t}" ignored; the server named "${n}".`), { endpoint: n };
+function un(e, t, n) {
+	if (n) return t && !an(t, n) && g(`analytics.endpoint "${t}" ignored; the server named "${n}".`), { endpoint: n };
 	if (t) return { endpoint: t };
-	if (t !== void 0) return cn("empty-endpoint", "analytics is disabled: no QoE beacons will be sent. analytics.endpoint was supplied but empty. Pass a real beacons origin, analytics: { endpoint: 'https://beacons[-dev].<domain>' }, or omit the option to derive it from baseUrl (or analytics: false to opt out).");
-	let r = nn(e);
+	if (t !== void 0) return ln("empty-endpoint", "analytics is disabled: no QoE beacons will be sent. analytics.endpoint was supplied but empty. Pass a real beacons origin, analytics: { endpoint: 'https://beacons[-dev].<domain>' }, or omit the option to derive it from baseUrl (or analytics: false to opt out).");
+	let r = rn(e);
 	if (r) return { endpoint: r };
 	let i;
 	try {
@@ -2034,9 +2049,9 @@ function ln(e, t, n) {
 	} catch {
 		i = e;
 	}
-	return cn(i, `analytics is disabled: no QoE beacons will be sent. The beacons endpoint cannot be derived from the baseUrl host "${i}" — the convention is feed[-dev].<domain> → beacons[-dev].<domain>. Pass an explicit endpoint, analytics: { endpoint: 'https://beacons[-dev].<domain>' }, to createPlayer (or analytics: false to opt out deliberately).`);
+	return ln(i, `analytics is disabled: no QoE beacons will be sent. The beacons endpoint cannot be derived from the baseUrl host "${i}" — the convention is feed[-dev].<domain> → beacons[-dev].<domain>. Pass an explicit endpoint, analytics: { endpoint: 'https://beacons[-dev].<domain>' }, to createPlayer (or analytics: false to opt out deliberately).`);
 }
-var un = class {
+var dn = class {
 	opts;
 	url;
 	cspKey;
@@ -2118,8 +2133,8 @@ var un = class {
 	constructor(e) {
 		this.opts = {
 			...e,
-			heartbeatMs: e.heartbeatMs ?? Gt,
-			idleMs: e.idleMs ?? Kt
+			heartbeatMs: e.heartbeatMs ?? Kt,
+			idleMs: e.idleMs ?? qt
 		}, this.url = `${e.endpoint.replace(/\/$/, "")}/v1/beacons`;
 		try {
 			let e = new URL(this.url);
@@ -2136,11 +2151,11 @@ var un = class {
 			sdkVersion: this.opts.sdkVersion,
 			...this.opts.environment
 		};
-		this.pendingStart = e, this.enqueue({ sessionStart: e }), this.firstFlushTimer = setTimeout(() => this.flush(), Yt), this.lastTickMs = this.now(), this.timer = setInterval(() => this.heartbeat(), this.opts.heartbeatMs), typeof window < "u" && window.addEventListener("pagehide", this.onPagehide), typeof document < "u" && (document.addEventListener("visibilitychange", this.onVisibility), document.addEventListener("freeze", this.onFreeze), document.addEventListener("resume", this.onResume), this.cspKey && an.add(this.cspKey), document.addEventListener("securitypolicyviolation", sn), X.add(this), this.noteCspBlocked(), this.onVisibility());
+		this.pendingStart = e, this.enqueue({ sessionStart: e }), this.firstFlushTimer = setTimeout(() => this.flush(), Xt), this.lastTickMs = this.now(), this.timer = setInterval(() => this.heartbeat(), this.opts.heartbeatMs), typeof window < "u" && window.addEventListener("pagehide", this.onPagehide), typeof document < "u" && (document.addEventListener("visibilitychange", this.onVisibility), document.addEventListener("freeze", this.onFreeze), document.addEventListener("resume", this.onResume), this.cspKey && on.add(this.cspKey), document.addEventListener("securitypolicyviolation", cn), X.add(this), this.noteCspBlocked(), this.onVisibility());
 	}
 	checkSuspension(e) {
 		if (this.endedFlag || !this.opts.idleMs) return !1;
-		let t = Math.max(this.opts.idleMs, qt);
+		let t = Math.max(this.opts.idleMs, Jt);
 		return this.lastTickMs > 0 && e - this.lastTickMs >= t ? (this.endIdle(this.lastTickMs), !0) : (this.lastTickMs = e, !1);
 	}
 	syncIdle(e) {
@@ -2163,12 +2178,12 @@ var un = class {
 		let a = {
 			fromState: J[e] ?? "PLAYER_STATE_UNSPECIFIED",
 			toState: J[t] ?? "PLAYER_STATE_UNSPECIFIED",
-			presentation: Qt[this.presentation]
+			presentation: $t[this.presentation]
 		}, o = this.causeOf(e, t, i);
 		o && (a.cause = o), n > 0 && (a.positionMs = Math.round(n)), r && (a.renditionHeight = r), this.enqueue({ stateChange: a });
 	}
 	seekInduced(e) {
-		return this.lastSeekMs >= 0 && e - this.lastSeekMs < Zt;
+		return this.lastSeekMs >= 0 && e - this.lastSeekMs < Qt;
 	}
 	causeOf(e, t, n) {
 		if (t === "error") return "TRANSITION_CAUSE_ERROR";
@@ -2242,7 +2257,7 @@ var un = class {
 		let r = n ?? "";
 		if (r !== "") return /^fragLoad/i.test(r) ? this.sawFirstBytes ? "ERROR_STAGE_SEGMENT" : "ERROR_STAGE_FIRST_SEGMENT" : /^(manifest|level|audioTrack|subtitleTrack)/i.test(r) ? "ERROR_STAGE_MANIFEST" : /key|licen[cs]e/i.test(r) ? "ERROR_STAGE_DRM" : /parsing|append|buffer|remux|decrypt|media/i.test(r) ? "ERROR_STAGE_DECODE" : "ERROR_STAGE_OTHER";
 		if (e === "DRM_CLIENT") return "ERROR_STAGE_DRM";
-		if (tn.has(e)) return "ERROR_STAGE_RESOLVE";
+		if (nn.has(e)) return "ERROR_STAGE_RESOLVE";
 		let i = t ?? "";
 		return /frag|segment/i.test(i) ? this.sawFirstBytes ? "ERROR_STAGE_SEGMENT" : "ERROR_STAGE_FIRST_SEGMENT" : /manifest|level|playlist/i.test(i) ? "ERROR_STAGE_MANIFEST" : /key|licen[cs]e/i.test(i) ? "ERROR_STAGE_DRM" : /buffer|decode|media|append/i.test(i) ? "ERROR_STAGE_DECODE" : "ERROR_STAGE_OTHER";
 	}
@@ -2289,14 +2304,14 @@ var un = class {
 		if (this.lastRequestCount = g, _ > 0) {
 			o.requestCountDelta = _;
 			let e = t.requestTimesMs ?? [], n = e.slice(Math.max(0, e.length - _)).sort((e, t) => e - t);
-			n.length > 0 && (o.requestTimeP50Ms = en(n, 50), o.requestTimeP95Ms = en(n, 95));
+			n.length > 0 && (o.requestTimeP50Ms = tn(n, 50), o.requestTimeP95Ms = tn(n, 95));
 		}
 		typeof t.latencySeconds == "number" && typeof t.targetLatencySeconds == "number" && (o.driftMs = Math.round((t.latencySeconds - t.targetLatencySeconds) * 1e3)), typeof t.playbackRate == "number" && t.playbackRate > 0 && (o.playbackRate = t.playbackRate), t.qualityPinned === !0 && (o.qualityPinned = !0), t.cdnHost && (o.cdnHost = t.cdnHost), this.maybeEmitMediaInfo(t), this.enqueue({ heartbeat: o }), this.flush(), s > 0 && this.noteFirstBytes();
 	}
 	maybeEmitMediaInfo(e) {
 		if (!(e.videoCodec ?? e.keySystem ?? e.ladderHeights)) return;
 		let t = {};
-		e.videoCodec && (t.videoCodec = e.videoCodec), e.audioCodec && (t.audioCodec = e.audioCodec), e.keySystem && (t.keySystem = $t[e.keySystem]), e.drmSecurityLevel && (t.drmSecurityLevel = e.drmSecurityLevel), e.ladderHeights?.length && (t.ladderHeights = e.ladderHeights), e.ladderTopBitrateKbps && (t.ladderTopBitrateKbps = e.ladderTopBitrateKbps), e.lowLatency && (t.lowLatency = !0);
+		e.videoCodec && (t.videoCodec = e.videoCodec), e.audioCodec && (t.audioCodec = e.audioCodec), e.keySystem && (t.keySystem = en[e.keySystem]), e.drmSecurityLevel && (t.drmSecurityLevel = e.drmSecurityLevel), e.ladderHeights?.length && (t.ladderHeights = e.ladderHeights), e.ladderTopBitrateKbps && (t.ladderTopBitrateKbps = e.ladderTopBitrateKbps), e.lowLatency && (t.lowLatency = !0);
 		let n = JSON.stringify(t);
 		n !== this.mediaInfoSignature && (this.mediaInfoSignature = n, this.enqueue({ mediaInfo: t }));
 	}
@@ -2316,7 +2331,7 @@ var un = class {
 		let c = r?.positionMs ?? 0;
 		c > 0 && (i.exitPositionMs = Math.round(c)), this.activeTotalMs > 0 && (i.activeWatchTimeMs = Math.round(this.activeTotalMs)), this.mutedTotalMs > 0 && (i.mutedTimeMs = Math.round(this.mutedTotalMs));
 		let l = e !== "END_REASON_ENDED";
-		l && this.lastStallMs > 0 && n - this.lastStallMs <= Xt && (i.abandonAfterStallMs = Math.max(q, Math.round(n - this.lastStallMs))), l && this.lastErrorMs > 0 && n - this.lastErrorMs <= Xt && (i.abandonAfterErrorMs = Math.max(q, Math.round(n - this.lastErrorMs))), this.fullscreenTotalMs > 0 && (i.fullscreenTimeMs = Math.round(this.fullscreenTotalMs)), this.pipTotalMs > 0 && (i.pipTimeMs = Math.round(this.pipTotalMs)), this.volumeChanges > 0 && (i.volumeChanges = this.volumeChanges), this.muteChanges > 0 && (i.muteChanges = this.muteChanges);
+		l && this.lastStallMs > 0 && n - this.lastStallMs <= Zt && (i.abandonAfterStallMs = Math.max(q, Math.round(n - this.lastStallMs))), l && this.lastErrorMs > 0 && n - this.lastErrorMs <= Zt && (i.abandonAfterErrorMs = Math.max(q, Math.round(n - this.lastErrorMs))), this.fullscreenTotalMs > 0 && (i.fullscreenTimeMs = Math.round(this.fullscreenTotalMs)), this.pipTotalMs > 0 && (i.pipTimeMs = Math.round(this.pipTotalMs)), this.volumeChanges > 0 && (i.volumeChanges = this.volumeChanges), this.muteChanges > 0 && (i.muteChanges = this.muteChanges);
 		let u = r?.decodedFrames ?? this.lastDecoded;
 		u > 0 && (i.decodedFramesTotal = u), e === "END_REASON_STOPPED" && this.startupTimeMs === 0 && this.lastErrorStage === null && (e = "END_REASON_ABORTED", i.reason = e), this.startupTimeMs === 0 && e !== "END_REASON_ABORTED" && (i.failedStage = this.lastErrorStage ?? (this.manifestLoadMs === 0 ? "ERROR_STAGE_MANIFEST" : this.firstFragLoadMs === 0 ? "ERROR_STAGE_FIRST_SEGMENT" : "ERROR_STAGE_OTHER")), this.pending.push(this.wrap({ sessionEnd: i })), this.flush(e === "END_REASON_PAGEHIDE");
 	}
@@ -2336,13 +2351,13 @@ var un = class {
 		};
 	}
 	noteCspBlocked() {
-		this.cspBlockedNoted || this.endedFlag || !this.cspBlocked() || (this.cspBlockedNoted = !0, this.opts.onBlocked?.(on(new URL(this.url).origin)));
+		this.cspBlockedNoted || this.endedFlag || !this.cspBlocked() || (this.cspBlockedNoted = !0, this.opts.onBlocked?.(sn(new URL(this.url).origin)));
 	}
 	cspBlocked() {
 		return !!this.cspKey && Y.has(this.cspKey);
 	}
 	enqueue(e) {
-		if (!this.cspBlocked()) for (this.pending.push(this.wrap(e)); this.pending.length > Jt;) {
+		if (!this.cspBlocked()) for (this.pending.push(this.wrap(e)); this.pending.length > Yt;) {
 			let e = this.pending.findIndex((e) => e.heartbeat || e.stateChange);
 			this.pending.splice(e >= 0 ? e : 0, 1);
 		}
@@ -2369,7 +2384,7 @@ var un = class {
 };
 //#endregion
 //#region src/core/environment.ts
-function dn() {
+function fn() {
 	if (typeof window > "u") return { integration: "INTEGRATION_KIND_SDK" };
 	let e;
 	try {
@@ -2394,14 +2409,14 @@ function dn() {
 		integration: "INTEGRATION_KIND_IFRAME"
 	};
 }
-function fn() {
+function pn() {
 	if (typeof navigator > "u") return "DEVICE_CLASS_OTHER";
 	let e = navigator.userAgentData, t = e?.platform ?? "";
 	if (/tv|tizen|webos/i.test(t)) return "DEVICE_CLASS_TV";
 	let n = typeof screen < "u" ? Math.min(screen.width, screen.height) : 0;
 	return e?.mobile ?? (typeof navigator.maxTouchPoints == "number" && navigator.maxTouchPoints > 1 && n > 0 && n < 900) ? n >= 600 ? "DEVICE_CLASS_TABLET" : "DEVICE_CLASS_PHONE" : e || n >= 900 || /mac|win|linux|chrome os/i.test(t) ? "DEVICE_CLASS_DESKTOP" : "DEVICE_CLASS_OTHER";
 }
-function pn() {
+function mn() {
 	let e = typeof navigator < "u" ? navigator.connection : void 0;
 	if (!e) return { connectionType: "CONNECTION_TYPE_UNKNOWN" };
 	let t = {
@@ -2420,17 +2435,17 @@ function pn() {
 	}
 	return typeof e.downlink == "number" && e.downlink > 0 && (i.downlinkKbps = Math.round(e.downlink * 1e3)), typeof e.rtt == "number" && e.rtt > 0 && (i.rttMs = Math.round(e.rtt)), e.saveData && (i.saveData = !0), i;
 }
-function mn(e) {
-	let t = dn(), n = {
-		deviceClass: fn(),
+function hn(e) {
+	let t = fn(), n = {
+		deviceClass: pn(),
 		integration: t.integration,
-		...pn()
+		...mn()
 	};
 	t.host && (n.host = t.host), typeof screen < "u" && screen.width > 0 && (n.screenWidth = screen.width, n.screenHeight = screen.height), typeof window < "u" && window.devicePixelRatio > 0 && (n.devicePixelRatio = Math.round(window.devicePixelRatio * 100) / 100);
 	let r = e.getBoundingClientRect?.();
 	return r && r.width > 0 && (n.viewportWidth = Math.round(r.width), n.viewportHeight = Math.round(r.height)), n;
 }
-async function hn() {
+async function gn() {
 	let e = typeof navigator < "u" ? navigator.userAgentData : void 0;
 	if (!e?.getHighEntropyValues) return {};
 	try {
@@ -2442,7 +2457,7 @@ async function hn() {
 }
 //#endregion
 //#region src/core/version.ts
-var gn = "2.16.4", _n = {
+var _n = "2.16.5", vn = {
 	accent: "#E1B600",
 	accentText: "#1B1C23",
 	background: "#0e0f13",
@@ -2453,7 +2468,7 @@ var gn = "2.16.4", _n = {
 	border: "rgba(255, 255, 255, 0.1)",
 	radius: "8px",
 	fontFamily: "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif"
-}, vn = {
+}, yn = {
 	accent: "--havik-accent",
 	accentText: "--havik-accent-text",
 	background: "--havik-bg",
@@ -2467,24 +2482,24 @@ var gn = "2.16.4", _n = {
 };
 function Z(e, t) {
 	let n = {
-		..._n,
+		...vn,
 		...t
 	};
-	for (let t of Object.keys(vn)) e.style.setProperty(vn[t], n[t]);
+	for (let t of Object.keys(yn)) e.style.setProperty(yn[t], n[t]);
 	n.logoUrl && e.style.setProperty("--havik-logo", `url("${n.logoUrl}")`);
 }
 //#endregion
 //#region src/ui/styles.ts
-var yn = "havik-player-styles", bn = "\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", xn = /* @__PURE__ */ new WeakMap();
-function Sn(e = document, t) {
-	let n = e.querySelector(`style#${yn}`);
-	if (n && (!t || xn.get(n) === t)) return;
+var bn = "havik-player-styles", xn = "\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#${bn}`);
+	if (n && (!t || Sn.get(n) === t)) return;
 	let r = e.createElement("style");
-	r.id = yn, t && (r.nonce = t, r.setAttribute("nonce", t)), r.textContent = bn, xn.set(r, t), n ? n.replaceWith(r) : e.head.appendChild(r);
+	r.id = bn, t && (r.nonce = t, r.setAttribute("nonce", t)), r.textContent = xn, Sn.set(r, t), n ? n.replaceWith(r) : e.head.appendChild(r);
 }
 //#endregion
 //#region src/ui/icons.ts
-var Cn = {
+var wn = {
 	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\"/>",
@@ -2498,20 +2513,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 Q(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">${wn[e]}</svg>`;
 }
 //#endregion
 //#region src/ui/controls.ts
-var wn = 3e3, Tn = 250, En = /* @__PURE__ */ new Set([
+var Tn = 3e3, En = 250, Dn = /* @__PURE__ */ new Set([
 	"GONE",
 	"NOT_FOUND",
 	"INVALID_URN",
 	"UNAUTHORIZED"
 ]);
-function Dn(e) {
-	return new On(e);
+function On(e) {
+	return new kn(e);
 }
-var On = class {
+var kn = class {
 	root;
 	video;
 	player;
@@ -2557,7 +2572,7 @@ var On = 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 ?? wn, 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, e.cspNonce), this.root.classList.add("havik-player"), this.root.hasAttribute("tabindex") || (this.root.tabIndex = 0), this.root.setAttribute("role", "region"), this.root.setAttribute("aria-label", "Video player");
+		this.root = e.root, this.video = e.video, this.player = e.player, this.doc = e.root.ownerDocument ?? document, this.autoHideMs = e.autoHideMs ?? Tn, 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);
@@ -2643,7 +2658,7 @@ var On = class {
 		let t = this.surfaceWasHidden;
 		this.tapTimer = setTimeout(() => {
 			this.tapTimer = void 0, this.toggleBar(t);
-		}, Tn);
+		}, En);
 	}
 	toggleBar(e) {
 		e ? this.poke() : this.hideIfIdle();
@@ -2678,7 +2693,7 @@ var On = class {
 			e.type = "button", e.className = "havik-status__btn havik-status__btn--play", e.setAttribute("aria-label", "Play"), e.innerHTML = Q("play"), e.addEventListener("click", () => void this.player.play()), n.append(e);
 		} else {
 			let r = this.doc.createElement("div");
-			if (r.className = "havik-status__msg", r.textContent = t ?? "", n.append(r), e === "error" && this.lastError && !En.has(this.lastError.code)) {
+			if (r.className = "havik-status__msg", r.textContent = t ?? "", n.append(r), e === "error" && this.lastError && !Dn.has(this.lastError.code)) {
 				let e = this.doc.createElement("button");
 				e.type = "button", e.className = "havik-status__btn", e.innerHTML = `${Q("retry")}<span>Retry</span>`, e.addEventListener("click", () => void this.player.retry()), n.append(e);
 			}
@@ -2719,7 +2734,7 @@ var On = 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 = `${kn(this.video.currentTime)} / ${kn(this.video.duration)}`);
+		!this.player.getStats().isLive && Number.isFinite(this.video.duration) && (this.time.textContent = `${An(this.video.currentTime)} / ${An(this.video.duration)}`);
 	}
 	syncLive() {
 		let e = this.player.getStats(), t = e.isLive !== !1;
@@ -2769,17 +2784,17 @@ var On = 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(An(n), t === n.index, () => this.player.setQuality(n.index)));
+		for (let n of e) this.menu.append(this.menuItem(jn(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(jn(t), t.default, () => this.player.setAudioTrack(t.id)));
+		for (let t of e) this.menu.append(this.menuItem(Mn(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(Mn(t), !1, () => this.player.setTextTrack(t.id)));
+		for (let t of e) this.menu.append(this.menuItem(Nn(t), !1, () => this.player.setTextTrack(t.id)));
 	}
 	onTracksChanged() {
 		this.openMenu && this.renderMenu(this.openMenu);
@@ -2880,41 +2895,41 @@ var On = class {
 		this.root.classList.remove("havik-player", "havik-hide", "havik-has-status");
 	}
 };
-function kn(e) {
+function An(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 An(e) {
+function jn(e) {
 	return e.height ? `${e.height}p` : `${Math.round(e.bitrate / 1e3)} kbps`;
 }
-function jn(e) {
+function Mn(e) {
 	return e.name || e.lang || `Track ${e.id}`;
 }
-function Mn(e) {
+function Nn(e) {
 	return e.name || e.lang || `Track ${e.id}`;
 }
 //#endregion
 //#region src/managed/index.ts
-var Nn = 6e3, Pn = 45e3, Fn = 2e3, In = 3, Ln = 2e3, Rn = 48e4;
-function zn(e) {
+var Pn = 6e3, Fn = 45e3, In = 2e3, Ln = 3, Rn = 2e3, zn = 48e4, Bn = "keySystemLicenseRequestFailed";
+function Vn(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 Ke(e.env);
 	if (!e.baseUrl) throw new n("INTERNAL", 0, "createPlayer: env or baseUrl is required (env: 'integration' | 'production')");
 	return e.baseUrl;
 }
-async function Bn(e) {
+async function Hn(e) {
 	if (!e.video || typeof e.video.play != "function") throw new n("INTERNAL", 0, "createPlayer: opts.video must be an HTMLVideoElement");
-	let t = zn(e);
+	let t = Vn(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 Vn({
+	let r = new Un({
 		...e,
 		baseUrl: t
 	});
 	return await r.start(), r;
 }
-var Vn = class {
+var Un = class {
 	opts;
 	abort = new AbortController();
 	listeners = {};
@@ -2925,6 +2940,7 @@ var Vn = class {
 	detachPip;
 	statsTimer;
 	refreshTimer;
+	staleLicenseReloaded = !1;
 	_state = "idle";
 	_descriptor = null;
 	destroyed = !1;
@@ -3002,7 +3018,7 @@ var Vn = class {
 		setTimeout(() => {
 			a || this.destroyed || e !== this.loadGen || this.emit("waiting", {
 				phase: i ? "unavailable" : "tooEarly",
-				retryInMs: Pn,
+				retryInMs: Fn,
 				attempt: 1,
 				elapsedMs: 0,
 				...!i && f !== void 0 && f > Date.now() ? { ttkMs: f - Date.now() } : {}
@@ -3041,13 +3057,13 @@ var Vn = class {
 				!a && !p() && h();
 			}, e);
 		};
-		_(Nn), this.armingSub = T({
+		_(Pn), this.armingSub = T({
 			eventsBaseUrl: t,
 			matchUrn: this.opts.matchUrn,
 			credential: this.opts.credential,
-			onAlive: () => _(Pn),
+			onAlive: () => _(Fn),
 			onState: (e) => {
-				a || p() || (e.state === "live" || e.state === "gone") && setTimeout(g, Math.random() * Fn);
+				a || p() || (e.state === "live" || e.state === "gone") && setTimeout(g, Math.random() * In);
 			},
 			onError: () => h()
 		});
@@ -3092,19 +3108,19 @@ var Vn = class {
 		if (this.analyticsSession?.noteDestroyed(), this.analyticsSession = null, this.detachMediaListeners?.(), this.opts.analytics === !1) return;
 		let i = e.analytics?.sid;
 		if (!i) return;
-		let a = typeof this.opts.analytics == "object" ? this.opts.analytics.endpoint : void 0, { endpoint: o, disabledReason: s } = ln(this.opts.baseUrl, a, e.analytics?.endpoint);
+		let a = typeof this.opts.analytics == "object" ? this.opts.analytics.endpoint : void 0, { endpoint: o, disabledReason: s } = un(this.opts.baseUrl, a, e.analytics?.endpoint);
 		if (!o) {
 			s && setTimeout(() => {
 				this.destroyed || r !== this.loadGen || this.emit("warning", new n("INTERNAL", 0, s));
 			}, 0);
 			return;
 		}
-		let c = this.opts.video, l = new un({
+		let c = this.opts.video, l = new dn({
 			endpoint: o,
 			sid: i,
 			player: t.name === "native" ? "PLAYER_SAFARI_NATIVE" : "PLAYER_HLSJS",
-			sdkVersion: gn,
-			environment: mn(c),
+			sdkVersion: _n,
+			environment: hn(c),
 			idleMs: typeof this.opts.analytics == "object" ? this.opts.analytics.idleMs : void 0,
 			onIdle: () => this.onAnalyticsIdle(t),
 			onBlocked: (e) => setTimeout(() => {
@@ -3125,7 +3141,7 @@ var Vn = class {
 		let u = () => l.noteSeek(), d = () => l.noteVolume(c.muted, c.volume);
 		c.addEventListener("seeking", u), c.addEventListener("volumechange", d), this.detachMediaListeners = () => {
 			c.removeEventListener("seeking", u), c.removeEventListener("volumechange", d);
-		}, l.start(), l.seedVolume(c.muted, c.volume), l.notePresentation(this.currentPresentation()), hn().then((e) => l.noteEnvironment(e)), this.opts.autoplay === !1 && l.noteAutoplay("AUTOPLAY_RESULT_NOT_ATTEMPTED");
+		}, l.start(), l.seedVolume(c.muted, c.volume), l.notePresentation(this.currentPresentation()), gn().then((e) => l.noteEnvironment(e)), this.opts.autoplay === !1 && l.noteAutoplay("AUTOPLAY_RESULT_NOT_ATTEMPTED");
 	}
 	currentPresentation() {
 		let e = this.opts.video;
@@ -3166,7 +3182,7 @@ var Vn = class {
 				this.analyticsSession?.noteFirstBytes();
 				break;
 			case "drmReady":
-				this.analyticsSession?.noteDrmReady();
+				this.analyticsSession?.noteDrmReady(), this.staleLicenseReloaded = !1;
 				break;
 			case "ready":
 				this.analyticsSession?.noteReady(), this.emit("ready"), (this.opts.autoplay !== !1 || this.playRequested) && this.play();
@@ -3186,7 +3202,17 @@ var Vn = class {
 			case "ended":
 				this.onStreamEnded();
 				break;
-			case "error": this.analyticsSession?.noteError(e.error.code, e.error.message, e.fatal, e.error.httpStatus ?? 0, Math.round(this.opts.video.currentTime * 1e3), e.detail), e.fatal ? this.fail(e.error) : this.emit("warning", e.error);
+			case "error": {
+				let t = e.fatal && this.isStaleLicenseDenial(e);
+				if (this.analyticsSession?.noteError(e.error.code, e.error.message, e.fatal && !t, e.error.httpStatus ?? 0, Math.round(this.opts.video.currentTime * 1e3), e.detail), t) {
+					this.staleLicenseReloaded = !0;
+					let t = this.loadGen;
+					this.emit("warning", e.error), Promise.resolve().then(() => {
+						if (!(this.destroyed || t !== this.loadGen) && this._state !== "error" && this._state !== "ended") return this.reload().catch(() => void 0);
+					});
+				} else e.fatal ? this.fail(e.error) : this.emit("warning", e.error);
+				break;
+			}
 		}
 	}
 	startLiveState(e) {
@@ -3206,7 +3232,7 @@ var Vn = class {
 				r = 0, i = !1;
 			},
 			onError: () => {
-				this.destroyed || e !== this.loadGen || i || this.endedHandled || (r += 1, r >= In && (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 >= Ln && (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.`))));
 			}
 		});
 	}
@@ -3228,7 +3254,7 @@ var Vn = 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() * Fn));
+		}, Math.random() * In));
 	}
 	cancelRejoin() {
 		this.rejoinTimer &&= (clearTimeout(this.rejoinTimer), null);
@@ -3252,7 +3278,7 @@ var Vn = class {
 		}
 		t.controls = !1;
 		let n = (t.ownerDocument ?? document).createElement("div"), r = t.parentNode;
-		r && r.insertBefore(n, t), n.appendChild(t), Z(n, this.opts.theme), this.container = n, this.controlBar = Dn({
+		r && r.insertBefore(n, t), n.appendChild(t), Z(n, this.opts.theme), this.container = n, this.controlBar = On({
 			root: n,
 			video: t,
 			player: this,
@@ -3283,7 +3309,7 @@ var Vn = class {
 	}
 	startStats() {
 		this.stopStats();
-		let e = Math.max(500, this.opts.statsIntervalMs ?? Ln);
+		let e = Math.max(500, this.opts.statsIntervalMs ?? Rn);
 		this.statsTimer = setInterval(() => {
 			if (!this.engine) return;
 			let e = this.engine.getStats();
@@ -3293,9 +3319,12 @@ var Vn = class {
 	stopStats() {
 		this.statsTimer && clearInterval(this.statsTimer), this.statsTimer = void 0;
 	}
+	isStaleLicenseDenial(e) {
+		return this.staleLicenseReloaded || this.opts.hlsConfig?.licenseXhrSetup || this._state === "ended" || this._state === "error" || e.detail !== Bn || e.error.httpStatus !== 403 ? !1 : Gt(this._descriptor?.drm?.widevine?.licenseUrl);
+	}
 	scheduleLicenseRefresh() {
 		this.stopRefresh();
-		let e = this.opts.licenseRefreshMs ?? Rn;
+		let e = this.opts.licenseRefreshMs ?? zn;
 		e && this._descriptor?.drmEnabled && (this.refreshTimer = setInterval(() => void this.refreshLicense(), e));
 	}
 	stopRefresh() {
@@ -3450,7 +3479,7 @@ function $(e) {
 }
 //#endregion
 //#region src/embed/host.ts
-function Hn(e) {
+function Wn(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");
@@ -3509,15 +3538,15 @@ function Hn(e) {
 }
 //#endregion
 //#region src/embed/page.ts
-var Un = /^[A-Za-z0-9:_.-]{1,128}$/;
-function Wn(e) {
+var Gn = /^[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 Gn() {
+function qn() {
 	let e = window.HAVIK_EMBED_CONFIG;
 	if (e) return {
 		baseUrl: e.baseUrl ?? "",
@@ -3527,7 +3556,7 @@ function Gn() {
 		autoplay: e.autoplay ?? !0,
 		muted: e.muted ?? !0,
 		waitForLive: e.waitForLive ?? !0,
-		analytics: Wn(e.analytics)
+		analytics: Kn(e.analytics)
 	};
 	let t = new URLSearchParams(location.search);
 	return {
@@ -3540,9 +3569,9 @@ function Gn() {
 		waitForLive: !0
 	};
 }
-async function Kn() {
-	let e = Gn();
-	Jn();
+async function Jn() {
+	let e = qn();
+	Xn();
 	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;
@@ -3597,12 +3626,12 @@ async function Kn() {
 			code: e.code,
 			message: e.message
 		})), e.on("autoplayblocked", () => {
-			i({ type: "oddin:autoplayblocked" }), qn(t, e);
+			i({ type: "oddin:autoplayblocked" }), Yn(t, e);
 		});
 	}, s = async (r) => {
 		a?.destroy(), a = null;
 		try {
-			let n = await Bn({
+			let n = await Hn({
 				video: t,
 				baseUrl: e.baseUrl,
 				matchUrn: r,
@@ -3664,7 +3693,7 @@ async function Kn() {
 				a?.retry();
 				break;
 			case "oddin:load":
-				typeof e.matchUrn == "string" && Un.test(e.matchUrn) && s(e.matchUrn);
+				typeof e.matchUrn == "string" && Gn.test(e.matchUrn) && s(e.matchUrn);
 				break;
 			case "oddin:destroy": c();
 		}
@@ -3676,18 +3705,18 @@ async function Kn() {
 		protocol: 1
 	});
 }
-function qn(e, t) {
+function Yn(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 Xn() {
 	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 { _n as ODDIN_THEME, n as PlaybackError, Z as applyTheme, Ke as baseUrlForEnv, Kn as bootEmbed, Te as clearDeviceId, Bn 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, Hn as mountEmbed, de as pollToLive, y as resolveStream, T as subscribeLiveState, S as videoFullscreenActive, Ce as watchStatus };
+export { vn as ODDIN_THEME, n as PlaybackError, Z as applyTheme, Ke as baseUrlForEnv, Jn as bootEmbed, Te as clearDeviceId, Hn 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, Wn as mountEmbed, de as pollToLive, y as resolveStream, T as subscribeLiveState, S as videoFullscreenActive, Ce as watchStatus };
 
 //# sourceMappingURL=index.js.map