@vindral/web-sdk 4.5.0 → 4.5.1

package/{C02TEUyE.js → ci2nH0xq.js}

@@ -1,5 +1,5 @@
 import { n as e, t } from "./BsfwXDui.js";
-import { _ as n, a as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as ee, n as d, o as te, p as ne, r as re, s as ie, t as ae, u as oe, v as se, y as ce } from "./zRKuZnIT.js";
+import { _ as n, a as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as ee, n as d, o as te, p as ne, r as re, s as ie, t as ae, u as oe, v as se, y as ce } from "./C3YYzwmQ.js";
 import { M as le } from "./C01DcfYu.js";
 import { a as f, i as p, n as m, r as h, t as g } from "./B7hT-BKr.js";
 import { c as ue, n as de, t as fe } from "./DeYmk5AL.js";
@@ -1063,32 +1063,35 @@ var Rn = class extends pe {
 			}
 		})();
 	}
-}, zn = 28;
-function Bn(e) {
+}, zn = 28, Bn = ["::cue", "::-webkit-media-text-track-display"];
+function Vn(e) {
 	let t = e.styleSheets[0];
-	if (!t) return null;
+	if (!t) return [];
 	try {
-		for (let e of Array.from(t.cssRules)) if (e instanceof CSSStyleRule && e.selectorText.includes("::cue")) return e;
-	} catch (e) {}
-	return null;
+		return Array.from(t.cssRules).filter((e) => e instanceof CSSStyleRule && Bn.some((t) => e.selectorText.endsWith(t)));
+	} catch (e) {
+		return [];
+	}
 }
-var Vn = /* @__PURE__ */ new WeakMap(), Hn = /* @__PURE__ */ new WeakMap(), Un = /* @__PURE__ */ new WeakMap(), Wn = /* @__PURE__ */ new WeakMap(), Gn = class {
+var Hn = /* @__PURE__ */ new WeakMap(), Un = /* @__PURE__ */ new WeakMap(), Wn = /* @__PURE__ */ new WeakMap(), Gn = /* @__PURE__ */ new WeakMap(), Kn = class {
 	constructor(t) {
-		f(this, Vn, void 0), f(this, Hn, null), f(this, Un, null), e(this, "observe", (e) => {
-			!window.ResizeObserver || m(Hn, this) || (h(Hn, this, new ResizeObserver(() => m(Wn, this).call(this, e))), m(Hn, this).observe(e));
+		f(this, Hn, void 0), f(this, Un, null), f(this, Wn, null), e(this, "observe", (e) => {
+			!window.ResizeObserver || m(Un, this) || (h(Un, this, new ResizeObserver(() => m(Gn, this).call(this, e))), m(Un, this).observe(e));
 		}), e(this, "unload", () => {
 			var e;
-			(e = m(Hn, this)) == null || e.disconnect(), h(Hn, this, null);
-		}), f(this, Wn, (e) => {
-			let t = m(Vn, this);
-			if (!t) return;
-			let { clientWidth: n, clientHeight: r } = e;
-			if (n <= 0 || r <= 0) return;
-			let i = d(n, r, { max: zn });
-			i !== m(Un, this) && (h(Un, this, i), t.style.fontSize = i);
-		}), h(Vn, this, Bn(t));
-	}
-}, Kn = class n extends pe {
+			(e = m(Un, this)) == null || e.disconnect(), h(Un, this, null);
+		}), f(this, Gn, (e) => {
+			if (m(Hn, this).length === 0) return;
+			let { clientWidth: t, clientHeight: n } = e;
+			if (t <= 0 || n <= 0) return;
+			let r = d(t, n, { max: zn });
+			if (r !== m(Wn, this)) {
+				h(Wn, this, r);
+				for (let e of m(Hn, this)) e.style.fontSize = r;
+			}
+		}), h(Hn, this, Vn(t));
+	}
+}, qn = class n extends pe {
 	constructor(r) {
 		var i;
 		super(), i = this, e(this, "container", void 0), e(this, "unload", () => {
@@ -1119,35 +1122,35 @@ var Vn = /* @__PURE__ */ new WeakMap(), Hn = /* @__PURE__ */ new WeakMap(), Un =
 		return () => Promise.resolve();
 	}
 };
-e(Kn, "isFullscreenApiSupported", (e) => oe(e));
+e(qn, "isFullscreenApiSupported", (e) => oe(e));
 //#endregion
 //#region ../../libs/player-next/src/PictureInPicture.ts
-var qn = /* @__PURE__ */ new WeakMap(), Jn = /* @__PURE__ */ new WeakMap(), Yn = /* @__PURE__ */ new WeakMap(), Xn = /* @__PURE__ */ new WeakMap(), Zn = /* @__PURE__ */ new WeakMap(), Qn = /* @__PURE__ */ new WeakMap(), $n = /* @__PURE__ */ new WeakMap(), er = /* @__PURE__ */ new WeakMap(), tr = /* @__PURE__ */ new WeakMap(), nr = class extends pe {
+var Jn = /* @__PURE__ */ new WeakMap(), Yn = /* @__PURE__ */ new WeakMap(), Xn = /* @__PURE__ */ new WeakMap(), Zn = /* @__PURE__ */ new WeakMap(), Qn = /* @__PURE__ */ new WeakMap(), $n = /* @__PURE__ */ new WeakMap(), er = /* @__PURE__ */ new WeakMap(), tr = /* @__PURE__ */ new WeakMap(), nr = /* @__PURE__ */ new WeakMap(), rr = class extends pe {
 	constructor(n) {
 		var o;
 		super(), o = this, e(this, "unload", () => {
 			this.element.removeEventListener("enterpictureinpicture", this.onChange), this.element.removeEventListener("leavepictureinpicture", this.onChange), ne(this.element, !1);
 		}), e(this, "request", t(function* () {
 			try {
-				return yield m(qn, o).call(o);
+				return yield m(Jn, o).call(o);
 			} catch (e) {
 				throw o.onChange(), e;
 			}
 		})), e(this, "exit", t(function* () {
 			try {
-				return yield m(Jn, o).call(o);
+				return yield m(Yn, o).call(o);
 			} catch (e) {
 				throw o.onChange(), e;
 			}
 		})), e(this, "onChange", () => {
 			this.emit("on picture in picture change", this.isPictureInPictureActive());
-		}), e(this, "isPictureInPictureActive", () => m($n, this).call(this) || m(Qn, this).call(this)), e(this, "isSupported", () => m(tr, this).call(this) || m(Zn, this).call(this)), f(this, qn, () => m(Zn, this).call(this) ? m(Yn, this).call(this) : m(tr, this).call(this) ? m(er, this).call(this, "picture-in-picture") : Promise.resolve()), f(this, Jn, () => this.isPictureInPictureActive() ? m(Zn, this).call(this) ? m(Xn, this).call(this) : m(tr, this).call(this) ? m(er, this).call(this, "inline") : Promise.resolve() : Promise.resolve()), f(this, Yn, t(function* () {
+		}), e(this, "isPictureInPictureActive", () => m(er, this).call(this) || m($n, this).call(this)), e(this, "isSupported", () => m(nr, this).call(this) || m(Qn, this).call(this)), f(this, Jn, () => m(Qn, this).call(this) ? m(Xn, this).call(this) : m(nr, this).call(this) ? m(tr, this).call(this, "picture-in-picture") : Promise.resolve()), f(this, Yn, () => this.isPictureInPictureActive() ? m(Qn, this).call(this) ? m(Zn, this).call(this) : m(nr, this).call(this) ? m(tr, this).call(this, "inline") : Promise.resolve() : Promise.resolve()), f(this, Xn, t(function* () {
 			let e = ie(o.element);
 			e && (yield e());
-		})), f(this, Xn, t(function* () {
+		})), f(this, Zn, t(function* () {
 			let e = r();
 			e && (yield e());
-		})), f(this, Zn, () => c(this.element)), f(this, Qn, () => a()), f(this, $n, () => i(this.element) === "picture-in-picture"), f(this, er, (e) => (s(this.element) && ee(this.element, e), Promise.resolve())), f(this, tr, () => s(this.element)), this.element = n, this.element.addEventListener("enterpictureinpicture", this.onChange), this.element.addEventListener("leavepictureinpicture", this.onChange), ne(this.element, !0);
+		})), f(this, Qn, () => c(this.element)), f(this, $n, () => a()), f(this, er, () => i(this.element) === "picture-in-picture"), f(this, tr, (e) => (s(this.element) && ee(this.element, e), Promise.resolve())), f(this, nr, () => s(this.element)), this.element = n, this.element.addEventListener("enterpictureinpicture", this.onChange), this.element.addEventListener("leavepictureinpicture", this.onChange), ne(this.element, !0);
 	}
 	get videoElement() {
 		return this.element;
@@ -1155,7 +1158,7 @@ var qn = /* @__PURE__ */ new WeakMap(), Jn = /* @__PURE__ */ new WeakMap(), Yn =
 };
 //#endregion
 //#region ../../libs/player-next/src/timeshift/firstMediaPlaylistUrl.ts
-function rr(e, t) {
+function ir(e, t) {
 	let n = e.split("\n").map((e) => e.trim());
 	for (let e = 0; e < n.length; e++) {
 		var r;
@@ -1167,7 +1170,7 @@ function rr(e, t) {
 }
 //#endregion
 //#region ../../libs/player-next/src/timeshift/parseMediaPlaylistDuration.ts
-function ir(e) {
+function ar(e) {
 	let t = 0;
 	for (let n of e.split("\n")) {
 		let e = n.trim().match(/^#EXTINF:([\d.]+)/), r = e != null && e[1] ? Number.parseFloat(e[1]) : NaN;
@@ -1177,90 +1180,90 @@ function ir(e) {
 }
 //#endregion
 //#region ../../libs/player-next/src/timeshift/probeTimeshiftDuration.ts
-var ar = 5e3;
-function or(e, t) {
-	return sr.apply(this, arguments);
+var or = 5e3;
+function sr(e, t) {
+	return cr.apply(this, arguments);
 }
-function sr() {
-	return sr = t(function* (e, t, n = {}) {
-		let { signal: r, timeoutMs: i = ar } = n, a = new AbortController(), o = () => a.abort();
+function cr() {
+	return cr = t(function* (e, t, n = {}) {
+		let { signal: r, timeoutMs: i = or } = n, a = new AbortController(), o = () => a.abort();
 		r && (r.aborted ? a.abort() : r.addEventListener("abort", o, { once: !0 }));
 		let s = setTimeout(o, i);
 		try {
 			let n = yield fetch(e, { signal: a.signal });
 			if (!n.ok) return;
-			let r = rr(yield n.text(), e);
+			let r = ir(yield n.text(), e);
 			if (!r) return;
 			let i = new URL(r);
 			i.searchParams.set("channelId", t.channelId), i.searchParams.set("from", t.from), t.authToken && i.searchParams.set("authToken", t.authToken);
 			let o = yield fetch(i.toString(), { signal: a.signal });
-			return o.ok ? ir(yield o.text()) : void 0;
+			return o.ok ? ar(yield o.text()) : void 0;
 		} catch (e) {
 			return;
 		} finally {
 			clearTimeout(s), r == null || r.removeEventListener("abort", o);
 		}
-	}), sr.apply(this, arguments);
+	}), cr.apply(this, arguments);
 }
 //#endregion
 //#region ../../libs/player-next/src/timeshift/TimeshiftDurationSource.ts
-var cr = /* @__PURE__ */ new WeakMap(), lr = /* @__PURE__ */ new WeakMap(), ur = /* @__PURE__ */ new WeakMap(), dr = /* @__PURE__ */ new WeakMap(), fr = /* @__PURE__ */ new WeakMap(), pr = /* @__PURE__ */ new WeakMap(), mr = /* @__PURE__ */ new WeakMap(), hr = /* @__PURE__ */ new WeakMap(), gr = /* @__PURE__ */ new WeakMap(), _r = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakSet(), vr = class {
-	constructor({ onChange: e, probe: t = or, now: n = () => performance.now() }) {
-		g(this, A), f(this, cr, void 0), f(this, lr, void 0), f(this, ur, void 0), f(this, dr, void 0), f(this, fr, !0), f(this, pr, !1), f(this, mr, 0), f(this, hr, 0), f(this, gr, 0), f(this, _r, null), h(cr, this, e), h(lr, this, t), h(ur, this, n);
+var lr = /* @__PURE__ */ new WeakMap(), ur = /* @__PURE__ */ new WeakMap(), dr = /* @__PURE__ */ new WeakMap(), fr = /* @__PURE__ */ new WeakMap(), pr = /* @__PURE__ */ new WeakMap(), mr = /* @__PURE__ */ new WeakMap(), hr = /* @__PURE__ */ new WeakMap(), gr = /* @__PURE__ */ new WeakMap(), _r = /* @__PURE__ */ new WeakMap(), vr = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakSet(), yr = class {
+	constructor({ onChange: e, probe: t = sr, now: n = () => performance.now() }) {
+		g(this, A), f(this, lr, void 0), f(this, ur, void 0), f(this, dr, void 0), f(this, fr, void 0), f(this, pr, !0), f(this, mr, !1), f(this, hr, 0), f(this, gr, 0), f(this, _r, 0), f(this, vr, null), h(lr, this, e), h(ur, this, t), h(dr, this, n);
 	}
 	start({ multivariantUrl: e, params: t, windowCapSeconds: n }) {
-		if (p(A, this, yr).call(this), !(n > 0)) {
-			m(cr, this).call(this, n);
+		if (p(A, this, br).call(this), !(n > 0)) {
+			m(lr, this).call(this, n);
 			return;
 		}
 		let r = new AbortController();
-		h(dr, this, r);
+		h(fr, this, r);
 		let { signal: i } = r;
-		m(lr, this).call(this, e, t, { signal: i }).then((e) => {
+		m(ur, this).call(this, e, t, { signal: i }).then((e) => {
 			if (!i.aborted) {
 				if (e === void 0) {
-					m(cr, this).call(this, n);
+					m(lr, this).call(this, n);
 					return;
 				}
-				h(hr, this, n), h(mr, this, Math.min(Math.max(e, 0), n)), h(gr, this, m(ur, this).call(this)), h(pr, this, !0), p(A, this, br).call(this), m(fr, this) && p(A, this, xr).call(this);
+				h(gr, this, n), h(hr, this, Math.min(Math.max(e, 0), n)), h(_r, this, m(dr, this).call(this)), h(mr, this, !0), p(A, this, xr).call(this), m(pr, this) && p(A, this, Sr).call(this);
 			}
 		});
 	}
 	setLive(e) {
-		h(fr, this, e), !(!m(dr, this) || e) && (p(A, this, Sr).call(this), p(A, this, br).call(this));
+		h(pr, this, e), !(!m(fr, this) || e) && (p(A, this, Cr).call(this), p(A, this, xr).call(this));
 	}
 	applyLoadedDuration(e) {
-		p(A, this, yr).call(this), m(cr, this).call(this, Number.isNaN(e) ? 0 : e);
+		p(A, this, br).call(this), m(lr, this).call(this, Number.isNaN(e) ? 0 : e);
 	}
 	stop() {
-		p(A, this, yr).call(this);
+		p(A, this, br).call(this);
 	}
 };
-function yr() {
-	var e;
-	(e = m(dr, this)) == null || e.abort(), h(dr, this, void 0), p(A, this, Sr).call(this), h(pr, this, !1);
-}
 function br() {
-	if (!m(pr, this)) return;
-	let e = m(mr, this) + Math.max(0, (m(ur, this).call(this) - m(gr, this)) / 1e3), t = Math.min(m(hr, this), e);
-	m(cr, this).call(this, t), t >= m(hr, this) && p(A, this, Sr).call(this);
+	var e;
+	(e = m(fr, this)) == null || e.abort(), h(fr, this, void 0), p(A, this, Cr).call(this), h(mr, this, !1);
 }
 function xr() {
-	m(_r, this) === null && h(_r, this, window.setInterval(() => p(A, this, br).call(this), 1e3));
+	if (!m(mr, this)) return;
+	let e = m(hr, this) + Math.max(0, (m(dr, this).call(this) - m(_r, this)) / 1e3), t = Math.min(m(gr, this), e);
+	m(lr, this).call(this, t), t >= m(gr, this) && p(A, this, Cr).call(this);
 }
 function Sr() {
-	m(_r, this) !== null && (clearInterval(m(_r, this)), h(_r, this, null));
+	m(vr, this) === null && h(vr, this, window.setInterval(() => p(A, this, xr).call(this), 1e3));
+}
+function Cr() {
+	m(vr, this) !== null && (clearInterval(m(vr, this)), h(vr, this, null));
 }
 //#endregion
 //#region ../../libs/player-next/src/utils/getVindralAttributes.ts
-var Cr = (e) => {
+var wr = (e) => {
 	var t;
 	let n = "observedAttributes" in e.constructor ? e.constructor.observedAttributes : void 0;
 	return !n && (t = e.nodeName) != null && t.includes("-") && (globalThis.customElements.upgrade(e), n = "observedAttributes" in e.constructor ? e.constructor.observedAttributes : void 0), Array.isArray(n) ? n.filter((e) => me.includes(e)) : [];
 };
 //#endregion
 //#region ../../libs/player-next/src/utils/humanReadableTimeToSeconds.ts
-function wr(e) {
+function Tr(e) {
 	if (typeof e != "string") return NaN;
 	let t = [...e.matchAll(/(\d+(?:\.\d+)?)([hms])/gi)];
 	return t.length === 0 ? NaN : t.reduce((e, t) => {
@@ -1276,37 +1279,37 @@ function wr(e) {
 }
 //#endregion
 //#region ../../libs/player-next/src/utils/timelineMarkers.ts
-var Tr = re.get().createContext("TimelineMarkers"), Er = /^\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}(:\d{2})?(\.\d+)?$/, Dr = (e) => {
-	Tr.warn(`Timeline marker time "${e}" has no timezone and is interpreted in the viewer's local timezone, so it can land at a different position for viewers in other timezones. Provide an ISO 8601 time with an offset (e.g. "${e}Z") or epoch milliseconds.`);
-}, Or = (e) => {
+var Er = re.get().createContext("TimelineMarkers"), Dr = /^\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}(:\d{2})?(\.\d+)?$/, Or = (e) => {
+	Er.warn(`Timeline marker time "${e}" has no timezone and is interpreted in the viewer's local timezone, so it can land at a different position for viewers in other timezones. Provide an ISO 8601 time with an offset (e.g. "${e}Z") or epoch milliseconds.`);
+}, kr = (e) => {
 	if (typeof e == "number" && Number.isFinite(e)) return e;
 	if (typeof e == "string") {
 		let t = Date.parse(e);
-		return Number.isNaN(t) ? null : (Er.test(e) && Dr(e), t);
+		return Number.isNaN(t) ? null : (Dr.test(e) && Or(e), t);
 	}
 	if (e instanceof Date) {
 		let t = e.getTime();
 		return Number.isNaN(t) ? null : t;
 	}
 	return null;
-}, kr = (e) => {
+}, Ar = (e) => {
 	if (typeof e != "object" || !e) return null;
-	let { time: t, label: n, type: r } = e, i = Or(t);
+	let { time: t, label: n, type: r } = e, i = kr(t);
 	if (i === null || typeof n != "string" || n.length === 0) return null;
 	let a = {
 		time: i,
 		label: n
 	};
 	return typeof r == "string" && r.length > 0 && (a.type = r), a;
-}, Ar = (e) => {
+}, jr = (e) => {
 	if (!Array.isArray(e)) return [];
-	let t = e.map(kr).filter((e) => e !== null), n = e.length - t.length;
-	return n > 0 && Tr.warn(`Dropped ${n} invalid timeline marker(s). Each marker needs a non-empty "label" and a valid "time" (epoch milliseconds, a Date, or an ISO 8601 string).`), t;
-}, jr = (e) => e ? Ar(ue(e)) : [], Mr = (e, t, n) => {
+	let t = e.map(Ar).filter((e) => e !== null), n = e.length - t.length;
+	return n > 0 && Er.warn(`Dropped ${n} invalid timeline marker(s). Each marker needs a non-empty "label" and a valid "time" (epoch milliseconds, a Date, or an ISO 8601 string).`), t;
+}, Mr = (e) => e ? jr(ue(e)) : [], Nr = (e, t, n) => {
 	if (!Number.isFinite(n) || n <= 0) return null;
 	let r = 1 - (t - e) / (n * 1e3);
 	return r < 0 || r > 1 ? null : r;
-}, Nr = class extends pe {
+}, Pr = class extends pe {
 	constructor(t) {
 		if (super(), e(this, "audioContext", void 0), e(this, "audioNode", void 0), e(this, "bufferLength", void 0), e(this, "animationFrameId", null), e(this, "canUseFloatTimeDomainData", void 0), e(this, "byteSampleBuffer", null), e(this, "floatSampleBuffer", null), e(this, "leftAnalyser", void 0), e(this, "rightAnalyser", void 0), e(this, "mediaElementSource", null), e(this, "update", () => {
 			let e = this.getDecibel(this.leftAnalyser, this.floatSampleBuffer || this.byteSampleBuffer), t = this.getDecibel(this.rightAnalyser, this.floatSampleBuffer || this.byteSampleBuffer);
@@ -1358,18 +1361,18 @@ var Tr = re.get().createContext("TimelineMarkers"), Er = /^\d{4}-\d{2}-\d{2}[T ]
 	get isMediaElementSource() {
 		return this.source instanceof HTMLMediaElement;
 	}
-}, j = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap(), Pr = /* @__PURE__ */ new WeakMap(), Fr = /* @__PURE__ */ new WeakMap(), Ir = /* @__PURE__ */ new WeakMap(), Lr = /* @__PURE__ */ new WeakMap(), Rr = /* @__PURE__ */ new WeakMap(), zr = /* @__PURE__ */ new WeakMap(), Br = /* @__PURE__ */ new WeakMap(), Vr = /* @__PURE__ */ new WeakMap(), Hr = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakSet(), Ur = /* @__PURE__ */ new WeakMap(), Wr = /* @__PURE__ */ new WeakMap(), Gr = /* @__PURE__ */ new WeakMap(), Kr = /* @__PURE__ */ new WeakMap(), qr = class {
+}, j = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap(), Fr = /* @__PURE__ */ new WeakMap(), Ir = /* @__PURE__ */ new WeakMap(), Lr = /* @__PURE__ */ new WeakMap(), Rr = /* @__PURE__ */ new WeakMap(), zr = /* @__PURE__ */ new WeakMap(), Br = /* @__PURE__ */ new WeakMap(), Vr = /* @__PURE__ */ new WeakMap(), Hr = /* @__PURE__ */ new WeakMap(), Ur = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakSet(), Wr = /* @__PURE__ */ new WeakMap(), Gr = /* @__PURE__ */ new WeakMap(), Kr = /* @__PURE__ */ new WeakMap(), qr = /* @__PURE__ */ new WeakMap(), Jr = class {
 	constructor(t, n) {
-		g(this, F), f(this, j, void 0), f(this, M, void 0), f(this, N, void 0), f(this, Pr, void 0), f(this, Fr, void 0), e(this, "userPaused", !0), f(this, Ir, void 0), f(this, Lr, void 0), f(this, Rr, !1), f(this, zr, !1), f(this, Br, null), f(this, Vr, 0), f(this, Hr, !1), f(this, P, re.get().createContext("HlsPlayer")), f(this, Ur, () => p(F, this, oi).call(this, !0)), f(this, Wr, () => p(F, this, oi).call(this, !1)), f(this, Gr, () => {
-			m(j, this).readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && !m(j, this).paused && p(F, this, oi).call(this, !1);
-		}), f(this, Kr, () => {
-			m(j, this).readyState >= HTMLMediaElement.HAVE_FUTURE_DATA && p(F, this, oi).call(this, !1);
-		}), h(M, this, t), h(Lr, this, n == null ? void 0 : n.maxVideoBitRate), m(M, this).style.position = "absolute", m(M, this).style.top = "0", m(M, this).style.left = "0", m(M, this).style.width = "100%", m(M, this).style.height = "100%", m(M, this).style.opacity = "0", m(M, this).style.pointerEvents = "none", m(M, this).style.transition = "opacity 0.12s linear";
+		g(this, F), f(this, j, void 0), f(this, M, void 0), f(this, N, void 0), f(this, Fr, void 0), f(this, Ir, void 0), e(this, "userPaused", !0), f(this, Lr, void 0), f(this, Rr, void 0), f(this, zr, !1), f(this, Br, !1), f(this, Vr, null), f(this, Hr, 0), f(this, Ur, !1), f(this, P, re.get().createContext("HlsPlayer")), f(this, Wr, () => p(F, this, si).call(this, !0)), f(this, Gr, () => p(F, this, si).call(this, !1)), f(this, Kr, () => {
+			m(j, this).readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && !m(j, this).paused && p(F, this, si).call(this, !1);
+		}), f(this, qr, () => {
+			m(j, this).readyState >= HTMLMediaElement.HAVE_FUTURE_DATA && p(F, this, si).call(this, !1);
+		}), h(M, this, t), h(Rr, this, n == null ? void 0 : n.maxVideoBitRate), m(M, this).style.position = "absolute", m(M, this).style.top = "0", m(M, this).style.left = "0", m(M, this).style.width = "100%", m(M, this).style.height = "100%", m(M, this).style.opacity = "0", m(M, this).style.pointerEvents = "none", m(M, this).style.transition = "opacity 0.12s linear";
 		let r = document.createElement("video");
-		h(j, this, r), t.appendChild(m(j, this)), m(j, this).style.width = "100%", m(j, this).style.height = "100%", m(j, this).setAttribute("playsinline", ""), m(j, this).setAttribute("webkit-playsinline", ""), m(j, this).setAttribute("preload", "metadata"), p(F, this, ii).call(this), h(Hr, this, m(j, this).muted), (n == null ? void 0 : n.volume) !== void 0 && (this.volume = n.volume), (n == null ? void 0 : n.muted) !== void 0 && (this.muted = n.muted);
+		h(j, this, r), t.appendChild(m(j, this)), m(j, this).style.width = "100%", m(j, this).style.height = "100%", m(j, this).setAttribute("playsinline", ""), m(j, this).setAttribute("webkit-playsinline", ""), m(j, this).setAttribute("preload", "metadata"), p(F, this, ai).call(this), h(Ur, this, m(j, this).muted), (n == null ? void 0 : n.volume) !== void 0 && (this.volume = n.volume), (n == null ? void 0 : n.muted) !== void 0 && (this.muted = n.muted);
 	}
 	hide() {
-		h(Rr, this, !0), h(zr, this, !1), m(M, this).classList.remove("active"), m(M, this).style.opacity = "0", m(M, this).style.pointerEvents = "none", h(Br, this, null);
+		h(zr, this, !0), h(Br, this, !1), m(M, this).classList.remove("active"), m(M, this).style.opacity = "0", m(M, this).style.pointerEvents = "none", h(Vr, this, null);
 	}
 	play() {
 		var e = this;
@@ -1385,17 +1388,17 @@ var Tr = re.get().createContext("TimelineMarkers"), Er = /^\d{4}-\d{2}-\d{2}[T ]
 		var n = this;
 		return t(function* () {
 			if (m(P, n).debug("HlsPlayer seek to", e.time), !Number.isFinite(e.time)) {
-				h(Br, n, null);
+				h(Vr, n, null);
 				return;
 			}
-			if (h(Br, n, e.time > .1 ? e.time : null), n.isActive() && m(N, n)) p(F, n, Qr).call(n, e.time);
-			else return p(F, n, $r).call(n, e);
+			if (h(Vr, n, e.time > .1 ? e.time : null), n.isActive() && m(N, n)) p(F, n, $r).call(n, e.time);
+			else return p(F, n, ei).call(n, e);
 		})();
 	}
 	shouldIgnoreTimeupdate() {
-		if (m(Br, this) == null) return !1;
+		if (m(Vr, this) == null) return !1;
 		let e = m(j, this).currentTime;
-		return !Number.isFinite(e) || e <= .1 ? !0 : (h(Br, this, null), !1);
+		return !Number.isFinite(e) || e <= .1 ? !0 : (h(Vr, this, null), !1);
 	}
 	isPipSupported() {
 		return "pictureInPictureEnabled" in document && !m(j, this).disablePictureInPicture;
@@ -1410,7 +1413,7 @@ var Tr = re.get().createContext("TimelineMarkers"), Er = /^\d{4}-\d{2}-\d{2}[T ]
 		return m(M, this).style.opacity === "1" || m(M, this).classList.contains("active");
 	}
 	cleanup() {
-		p(F, this, ai).call(this), p(F, this, Zr).call(this), m(Ir, this) && (cancelAnimationFrame(m(Ir, this)), h(Ir, this, void 0)), h(Br, this, null), m(j, this).remove();
+		p(F, this, oi).call(this), p(F, this, Qr).call(this), m(Lr, this) && (cancelAnimationFrame(m(Lr, this)), h(Lr, this, void 0)), h(Vr, this, null), m(j, this).remove();
 	}
 	addEventListener(e, t) {
 		m(j, this).addEventListener(e, t);
@@ -1422,7 +1425,7 @@ var Tr = re.get().createContext("TimelineMarkers"), Er = /^\d{4}-\d{2}-\d{2}[T ]
 		return m(j, this).dispatchEvent(e);
 	}
 	setTimeshiftUrl(e) {
-		m(Fr, this) !== e && (m(P, this).debug("HLSPlayer Setting timeshift URL to", e), h(Fr, this, e));
+		m(Ir, this) !== e && (m(P, this).debug("HLSPlayer Setting timeshift URL to", e), h(Ir, this, e));
 	}
 	get videoElement() {
 		return m(j, this);
@@ -1440,10 +1443,10 @@ var Tr = re.get().createContext("TimelineMarkers"), Er = /^\d{4}-\d{2}-\d{2}[T ]
 		return m(j, this).volume;
 	}
 	set muted(e) {
-		h(Hr, this, e), m(j, this).muted = e;
+		h(Ur, this, e), m(j, this).muted = e;
 	}
 	get muted() {
-		return m(Hr, this);
+		return m(Ur, this);
 	}
 	set currentTime(e) {
 		m(j, this).currentTime = e;
@@ -1458,17 +1461,17 @@ var Tr = re.get().createContext("TimelineMarkers"), Er = /^\d{4}-\d{2}-\d{2}[T ]
 		return m(j, this).duration;
 	}
 	get maxVideoBitRate() {
-		return m(Lr, this);
+		return m(Rr, this);
 	}
 	set maxVideoBitRate(e) {
-		h(Lr, this, e), e !== void 0 && m(N, this) && p(F, this, Yr).call(this, e);
+		h(Rr, this, e), e !== void 0 && m(N, this) && p(F, this, Xr).call(this, e);
 	}
 };
-function Jr() {
+function Yr() {
 	var e = this;
 	return t(function* () {
 		let { default: t } = yield import("./Ddby8xU_.js");
-		if (h(Pr, e, t), !t.isSupported()) {
+		if (h(Fr, e, t), !t.isSupported()) {
 			m(P, e).warn("HLS not supported");
 			return;
 		}
@@ -1492,17 +1495,17 @@ function Jr() {
 			testBandwidth: !1,
 			debug: !1
 		})), m(N, e).attachMedia(m(j, e)), m(N, e).on(t.Events.MEDIA_ATTACHED, () => m(P, e).debug("[HLS] media attached")), m(N, e).on(t.Events.MANIFEST_PARSED, () => m(P, e).debug("[HLS] manifest parsed")), m(N, e).on(t.Events.ERROR, (t, n) => {
-			m(P, e).error("[HLS] error:", n), n.fatal && p(F, e, Xr).call(e, n);
+			m(P, e).error("[HLS] error:", n), n.fatal && p(F, e, Zr).call(e, n);
 		}), m(N, e).on(t.Events.MANIFEST_PARSED, () => {
 			var t;
-			!m(Lr, e) || ((t = m(N, e)) == null ? void 0 : t.levels.length) === 0 || p(F, e, Yr).call(e, m(Lr, e));
+			!m(Rr, e) || ((t = m(N, e)) == null ? void 0 : t.levels.length) === 0 || p(F, e, Xr).call(e, m(Rr, e));
 		}), m(N, e).on(t.Events.LEVEL_SWITCHED, () => {
 			var t, n;
 			m(P, e).debug("Level switched:", (t = m(N, e)) == null ? void 0 : t.currentLevel, "max:", e.maxVideoBitRate, "autoLevelCapping:", (n = m(N, e)) == null ? void 0 : n.autoLevelCapping);
 		});
 	})();
 }
-function Yr(e) {
+function Xr(e) {
 	if (!m(N, this)) {
 		m(P, this).warn("HLS not initialized, cannot set bitrate cap");
 		return;
@@ -1518,12 +1521,12 @@ function Yr(e) {
 	let r = m(N, this).currentLevel;
 	m(N, this).autoLevelCapping = t, r !== t && (m(P, this).debug(`Current level ${r} exceeds cap ${t}, forcing immediate switch`), m(N, this).currentLevel = t);
 }
-function Xr(e) {
-	if (!m(Pr, this)) {
+function Zr(e) {
+	if (!m(Fr, this)) {
 		m(P, this).error("Hls class not available for error handling");
 		return;
 	}
-	let t = m(Pr, this);
+	let t = m(Fr, this);
 	switch (e.type) {
 		case t.ErrorTypes.NETWORK_ERROR:
 			var n;
@@ -1534,39 +1537,39 @@ function Xr(e) {
 			m(P, this).warn("[HLS] media error -> recoverMediaError"), (r = m(N, this)) == null || r.recoverMediaError();
 			break;
 		default:
-			m(P, this).error("[HLS] fatal -> destroy"), p(F, this, Zr).call(this);
+			m(P, this).error("[HLS] fatal -> destroy"), p(F, this, Qr).call(this);
 			break;
 	}
 }
-function Zr() {
+function Qr() {
 	m(N, this) && (m(N, this).destroy(), h(N, this, void 0));
 }
-function Qr(e) {
+function $r(e) {
 	if (!Number.isFinite(e)) {
-		h(Br, this, null);
+		h(Vr, this, null);
 		return;
 	}
-	let t = p(F, this, ri).call(this, m(j, this), e);
-	h(Br, this, t > .1 ? t : null), m(Ir, this) && cancelAnimationFrame(m(Ir, this)), h(Ir, this, requestAnimationFrame(() => {
+	let t = p(F, this, ii).call(this, m(j, this), e);
+	h(Vr, this, t > .1 ? t : null), m(Lr, this) && cancelAnimationFrame(m(Lr, this)), h(Lr, this, requestAnimationFrame(() => {
 		m(j, this).currentTime = t;
 	}));
 }
-function $r(e) {
+function ei(e) {
 	var n = this;
 	return t(function* () {
 		var t;
-		let { time: r, playWhenReady: i = !0 } = e || {}, a = h(Vr, n, (t = m(Vr, n), ++t));
-		if (!m(Fr, n)) {
+		let { time: r, playWhenReady: i = !0 } = e || {}, a = h(Hr, n, (t = m(Hr, n), ++t));
+		if (!m(Ir, n)) {
 			m(P, n).warn("No timeshift URL");
 			return;
 		}
-		if (!m(N, n) && (yield p(F, n, Jr).call(n), !p(F, n, si).call(n, a))) return;
-		h(Rr, n, !1), h(zr, n, !1), m(N, n) && (!m(N, n).url || m(N, n).url !== m(Fr, n)) && (m(P, n).debug("Loading timeshift URL", m(Fr, n)), m(N, n).loadSource(m(Fr, n)));
+		if (!m(N, n) && (yield p(F, n, Yr).call(n), !p(F, n, ci).call(n, a))) return;
+		h(zr, n, !1), h(Br, n, !1), m(N, n) && (!m(N, n).url || m(N, n).url !== m(Ir, n)) && (m(P, n).debug("Loading timeshift URL", m(Ir, n)), m(N, n).loadSource(m(Ir, n)));
 		let o = n.muted;
-		m(j, n).muted = !0, yield p(F, n, ei).call(n), p(F, n, si).call(n, a) && (p(F, n, Qr).call(n, r), !(i && (yield n.play(), !p(F, n, si).call(n, a))) && p(F, n, ti).call(n, o, a));
+		m(j, n).muted = !0, yield p(F, n, ti).call(n), p(F, n, ci).call(n, a) && (p(F, n, $r).call(n, r), !(i && (yield n.play(), !p(F, n, ci).call(n, a))) && p(F, n, ni).call(n, o, a));
 	})();
 }
-function ei() {
+function ti() {
 	return m(j, this).duration && !Number.isNaN(m(j, this).duration) ? Promise.resolve() : new Promise((e) => {
 		m(P, this).debug("Waiting for duration...");
 		let t = () => {
@@ -1577,11 +1580,11 @@ function ei() {
 		m(j, this).addEventListener("loadedmetadata", t);
 	});
 }
-function ti(e, t) {
+function ni(e, t) {
 	let n = HTMLMediaElement.HAVE_CURRENT_DATA, r = () => m(j, this).readyState >= n && m(j, this).videoWidth > 0 && m(j, this).videoHeight > 0, i = () => {
-		m(Rr, this) || m(zr, this) || !p(F, this, si).call(this, t) || (h(zr, this, !0), m(P, this).debug("Revealing timeshift video"), m(M, this).classList.add("active"), m(M, this).style.opacity = "1", m(M, this).style.pointerEvents = "auto", m(j, this).dispatchEvent(new CustomEvent("timeshiftready", { detail: { activationId: t } })), e || p(F, this, ni).call(this, t));
+		m(zr, this) || m(Br, this) || !p(F, this, ci).call(this, t) || (h(Br, this, !0), m(P, this).debug("Revealing timeshift video"), m(M, this).classList.add("active"), m(M, this).style.opacity = "1", m(M, this).style.pointerEvents = "auto", m(j, this).dispatchEvent(new CustomEvent("timeshiftready", { detail: { activationId: t } })), e || p(F, this, ri).call(this, t));
 	}, a = () => {
-		m(Rr, this) || m(zr, this) || !p(F, this, si).call(this, t) || r() && (s(), i());
+		m(zr, this) || m(Br, this) || !p(F, this, ci).call(this, t) || r() && (s(), i());
 	}, o = !1, s = () => {
 		o || (o = !0, m(j, this).removeEventListener("canplay", a), m(j, this).removeEventListener("canplaythrough", a), m(j, this).removeEventListener("loadeddata", a), clearTimeout(c));
 	};
@@ -1594,9 +1597,9 @@ function ti(e, t) {
 		m(P, this).debug("Timeout reached, forcing reveal"), s(), i();
 	}, 2e3);
 }
-function ni(e) {
+function ri(e) {
 	let t = () => {
-		p(F, this, si).call(this, e) && (m(j, this).muted = !1);
+		p(F, this, ci).call(this, e) && (m(j, this).muted = !1);
 	};
 	"requestVideoFrameCallback" in m(j, this) ? m(j, this).requestVideoFrameCallback(() => {
 		setTimeout(() => {
@@ -1606,43 +1609,43 @@ function ni(e) {
 		t();
 	}, 120);
 }
-function ri(e, t) {
+function ii(e, t) {
 	let n = e.seekable;
 	if (!n || n.length === 0) return t;
 	let r = n.start(0), i = n.end(n.length - 1);
 	return m(P, this).debug("Clamped seekable:", Math.max(r, Math.min(t, i))), Math.max(r, Math.min(t, i));
 }
-function ii() {
-	for (let e of ci._) m(j, this).addEventListener(e, m(Ur, this));
+function ai() {
 	for (let e of li._) m(j, this).addEventListener(e, m(Wr, this));
-	m(j, this).addEventListener("timeupdate", m(Gr, this)), m(j, this).addEventListener("progress", m(Kr, this));
+	for (let e of ui._) m(j, this).addEventListener(e, m(Gr, this));
+	m(j, this).addEventListener("timeupdate", m(Kr, this)), m(j, this).addEventListener("progress", m(qr, this));
 }
-function ai() {
-	for (let e of ci._) m(j, this).removeEventListener(e, m(Ur, this));
+function oi() {
 	for (let e of li._) m(j, this).removeEventListener(e, m(Wr, this));
-	m(j, this).removeEventListener("timeupdate", m(Gr, this)), m(j, this).removeEventListener("progress", m(Kr, this));
+	for (let e of ui._) m(j, this).removeEventListener(e, m(Gr, this));
+	m(j, this).removeEventListener("timeupdate", m(Kr, this)), m(j, this).removeEventListener("progress", m(qr, this));
 }
-function oi(e) {
+function si(e) {
 	let t = e && (m(j, this).readyState < HTMLMediaElement.HAVE_FUTURE_DATA || m(j, this).seeking || m(j, this).paused && !this.userPaused);
 	m(j, this).dispatchEvent(new CustomEvent(t ? "hlsbuffering" : "hlsnotbuffering", {
 		bubbles: !0,
 		composed: !0
 	}));
 }
-function si(e) {
-	return m(Vr, this) === e;
+function ci(e) {
+	return m(Hr, this) === e;
 }
-var ci = { _: [
+var li = { _: [
 	"waiting",
 	"seeking",
 	"stalled",
 	"loadstart"
-] }, li = { _: [
+] }, ui = { _: [
 	"canplay",
 	"canplaythrough",
 	"seeked",
 	"loadeddata"
-] }, ui = class {
+] }, di = class {
 	constructor(e) {
 		this.vindral = e;
 	}
@@ -1662,19 +1665,19 @@ var ci = { _: [
 	pause() {
 		this.vindral.pause();
 	}
-}, di = document.createElement("template");
-di.innerHTML = "\n  <style>\n    :host {\n      --value: 0;\n      --range-thickness: var(--vindral-range-thickness, 4px);\n      --range-hover-thickness: var(--vindral-range-hover-thickness, var(--range-thickness));\n      --range-thumb-size: var(--vindral-range-thumb-size, 12px);\n      --range-thumb-hover-size: var(--vindral-range-thumb-hover-size, var(--range-thumb-size));\n      --range-fill-color: var(--vindral-range-fill-color, var(--fg-strong));\n      --range-thumb-color: var(--vindral-range-thumb-color, var(--fg-strong));\n      --_focus-box-shadow: none;\n      height: calc(var(--button-icon-size) + 2 * var(--button-padding));\n      width: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 0 !important;\n      margin: 0;\n      position: relative;\n      cursor: pointer;\n      touch-action: none;\n      box-shadow: var(--_focus-visible-box-shadow, none);\n      outline: 0;\n      background: transparent;\n    }\n\n    :host > * {\n      transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n      transition-duration: 0.1s;\n    }\n\n    #range {\n      -webkit-appearance: none;\n      appearance: none;\n\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n      margin: 0;\n      padding: 0;\n\n      background-color: #00000000;\n      outline: none;\n      z-index: 1;\n      cursor: pointer;\n    }\n\n    #range-track {\n      position: absolute;\n      top: calc(50% - calc(var(--range-thickness) / 2));\n      left: 1px;\n      width: calc(100% - 2px);\n      height: var(--range-thickness);\n      background-color: rgb(255 255 255 / 0.2);\n      overflow: hidden;\n      cursor: pointer;\n      transition-property: height, top;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n      :host(:hover) #range-track {\n        height: var(--range-hover-thickness);\n        top: calc(50% - calc(var(--range-hover-thickness) / 2));\n      }\n    }\n\n    #range-track::before {\n      position: absolute;\n      content: \"\";\n      left: calc(-100%);\n      top: 0;\n      width: calc(100%);\n      height: 100%;\n      background: var(--range-fill-color);\n      transition: background-color 300ms ease-out;\n      transform-origin: 100% 0%;\n      transform: translateX(calc(var(--value) * 100%)) scaleX(1.2);\n    }\n\n    #range::-webkit-slider-runnable-track {\n      background: transparent;\n    }\n\n    #range::-moz-range-track {\n      background: transparent;\n    }\n\n    #range::-webkit-slider-thumb {\n      -webkit-appearance: none;\n      appearance: none;\n      width: var(--range-thumb-size);\n      height: var(--range-thumb-size);\n      border-radius: 50%;\n      background: var(--range-thumb-color);\n      cursor: pointer;\n      z-index: 1;\n      transition-property: width, height;\n      transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n      transition-duration: 0.1s;\n    }\n\n    #range::-moz-range-thumb {\n      -moz-appearance: none;\n      appearance: none;\n      width: var(--range-thumb-size);\n      height: var(--range-thumb-size);\n      border-radius: 50%;\n      background: var(--range-thumb-color);\n      cursor: pointer;\n      z-index: 1;\n      border: none;\n      transition-property: width, height;\n      transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n      transition-duration: 0.1s;\n    }\n\n    :host:has(#range:focus-visible) {\n      box-shadow: inset 0 0 0 2px var(--fg-strong);\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n      :host(:hover) #range::-webkit-slider-thumb {\n        width: var(--range-thumb-hover-size);\n        height: var(--range-thumb-hover-size);\n      }\n\n      :host(:hover) #range::-moz-range-thumb {\n        width: var(--range-thumb-hover-size);\n        height: var(--range-thumb-hover-size);\n      }\n    }\n  </style>\n\n  <input type=\"range\" id=\"range\" min=\"0\" max=\"1\" step=\"any\" value=\"0\" />\n  <div id=\"range-track\"></div>\n";
-var fi = /* @__PURE__ */ new WeakMap(), pi = /* @__PURE__ */ new WeakMap(), mi = class extends HTMLElement {
+}, fi = document.createElement("template");
+fi.innerHTML = "\n  <style>\n    :host {\n      --value: 0;\n      --range-thickness: var(--vindral-range-thickness, 4px);\n      --range-hover-thickness: var(--vindral-range-hover-thickness, var(--range-thickness));\n      --range-thumb-size: var(--vindral-range-thumb-size, 12px);\n      --range-thumb-hover-size: var(--vindral-range-thumb-hover-size, var(--range-thumb-size));\n      --range-fill-color: var(--vindral-range-fill-color, var(--fg-strong));\n      --range-thumb-color: var(--vindral-range-thumb-color, var(--fg-strong));\n      --_focus-box-shadow: none;\n      height: calc(var(--button-icon-size) + 2 * var(--button-padding));\n      width: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 0 !important;\n      margin: 0;\n      position: relative;\n      cursor: pointer;\n      touch-action: none;\n      box-shadow: var(--_focus-visible-box-shadow, none);\n      outline: 0;\n      background: transparent;\n    }\n\n    :host > * {\n      transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n      transition-duration: 0.1s;\n    }\n\n    #range {\n      -webkit-appearance: none;\n      appearance: none;\n\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n      margin: 0;\n      padding: 0;\n\n      background-color: #00000000;\n      outline: none;\n      z-index: 1;\n      cursor: pointer;\n    }\n\n    #range-track {\n      position: absolute;\n      top: calc(50% - calc(var(--range-thickness) / 2));\n      left: 1px;\n      width: calc(100% - 2px);\n      height: var(--range-thickness);\n      background-color: rgb(255 255 255 / 0.2);\n      overflow: hidden;\n      cursor: pointer;\n      transition-property: height, top;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n      :host(:hover) #range-track {\n        height: var(--range-hover-thickness);\n        top: calc(50% - calc(var(--range-hover-thickness) / 2));\n      }\n    }\n\n    #range-track::before {\n      position: absolute;\n      content: \"\";\n      left: calc(-100%);\n      top: 0;\n      width: calc(100%);\n      height: 100%;\n      background: var(--range-fill-color);\n      transition: background-color 300ms ease-out;\n      transform-origin: 100% 0%;\n      transform: translateX(calc(var(--value) * 100%)) scaleX(1.2);\n    }\n\n    #range::-webkit-slider-runnable-track {\n      background: transparent;\n    }\n\n    #range::-moz-range-track {\n      background: transparent;\n    }\n\n    #range::-webkit-slider-thumb {\n      -webkit-appearance: none;\n      appearance: none;\n      width: var(--range-thumb-size);\n      height: var(--range-thumb-size);\n      border-radius: 50%;\n      background: var(--range-thumb-color);\n      cursor: pointer;\n      z-index: 1;\n      transition-property: width, height;\n      transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n      transition-duration: 0.1s;\n    }\n\n    #range::-moz-range-thumb {\n      -moz-appearance: none;\n      appearance: none;\n      width: var(--range-thumb-size);\n      height: var(--range-thumb-size);\n      border-radius: 50%;\n      background: var(--range-thumb-color);\n      cursor: pointer;\n      z-index: 1;\n      border: none;\n      transition-property: width, height;\n      transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n      transition-duration: 0.1s;\n    }\n\n    :host:has(#range:focus-visible) {\n      box-shadow: inset 0 0 0 2px var(--fg-strong);\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n      :host(:hover) #range::-webkit-slider-thumb {\n        width: var(--range-thumb-hover-size);\n        height: var(--range-thumb-hover-size);\n      }\n\n      :host(:hover) #range::-moz-range-thumb {\n        width: var(--range-thumb-hover-size);\n        height: var(--range-thumb-hover-size);\n      }\n    }\n  </style>\n\n  <input type=\"range\" id=\"range\" min=\"0\" max=\"1\" step=\"any\" value=\"0\" />\n  <div id=\"range-track\"></div>\n";
+var pi = /* @__PURE__ */ new WeakMap(), mi = /* @__PURE__ */ new WeakMap(), hi = class extends HTMLElement {
 	constructor() {
-		super(), f(this, fi, null), f(this, pi, void 0), e(this, "range", void 0), h(pi, this, this.attachShadow({ mode: "open" })), m(pi, this).appendChild(di.content.cloneNode(!0)), this.range = m(pi, this).getElementById("range");
+		super(), f(this, pi, null), f(this, mi, void 0), e(this, "range", void 0), h(mi, this, this.attachShadow({ mode: "open" })), m(mi, this).appendChild(fi.content.cloneNode(!0)), this.range = m(mi, this).getElementById("range");
 	}
 	connectedCallback() {
 		var e;
-		h(fi, this, this.closest("vindral-controller")), (e = m(fi, this)) == null || e.connectListener(this), this.hasAttribute("disabled") || this.enable();
+		h(pi, this, this.closest("vindral-controller")), (e = m(pi, this)) == null || e.connectListener(this), this.hasAttribute("disabled") || this.enable();
 	}
 	disconnectedCallback() {
 		var e;
-		(e = m(fi, this)) == null || e.disconnectListener(this);
+		(e = m(pi, this)) == null || e.disconnectListener(this);
 	}
 	attributeChangedCallback(e, t, n) {
 		t !== n && (e === "disabled" && n ? this.disable() : this.enable(), this.updateBar());
@@ -1700,11 +1703,11 @@ var fi = /* @__PURE__ */ new WeakMap(), pi = /* @__PURE__ */ new WeakMap(), mi =
 		];
 	}
 };
-e(mi, "observedAttributes", ["disabled"]);
+e(hi, "observedAttributes", ["disabled"]);
 //#endregion
 //#region ../../libs/player-next/src/components/Controller.ts
-var hi = document.createElement("template");
-hi.innerHTML = `
+var gi = document.createElement("template");
+gi.innerHTML = `
   <style>
     :host {
       --fg-strong: var(--vindral-fg-strong, #eeeeee);
@@ -1804,13 +1807,23 @@ hi.innerHTML = `
       z-index: 0;
     }
 
+    /* Chrome sizes this box from the video height, which pads multi-line cues. Must match
+       ::cue (CaptionFontScaler updates both); the em lift replaces the inset that sizing gave us. */
     #video video::-webkit-media-text-track-display {
-      transform: translateY(var(--vindral-subtitle-offset, 0px)) !important;
+      font-size: 28px;
+      transform: translateY(calc(var(--vindral-subtitle-offset, 0px) - 0.5em)) !important;
     }
 
+    /* Chrome does not wrap cue text on its own, so a long line overflows and gets clipped. */
     #video video::cue {
       font-size: 28px;
       background-color: rgba(0, 0, 0, 0.6);
+      white-space: pre-wrap;
+    }
+
+    /* iOS Safari also paints the system caption window behind the cue; ::cue is the only background we want. */
+    #video video::-webkit-media-text-track-display-backdrop {
+      background-color: transparent;
     }
 
     :host([user-interacting]) #video {
@@ -1906,7 +1919,7 @@ hi.innerHTML = `
     <slot id="overlay-interactive" name="overlay-interactive"></slot>
   </div>
 `;
-var gi = [
+var _i = [
 	"ArrowDown",
 	"ArrowLeft",
 	"ArrowRight",
@@ -1915,18 +1928,18 @@ var gi = [
 	" ",
 	"f",
 	"m"
-], _i = /* @__PURE__ */ new WeakMap(), vi = /* @__PURE__ */ new WeakMap(), yi = /* @__PURE__ */ new WeakMap(), bi = /* @__PURE__ */ new WeakMap(), xi = /* @__PURE__ */ new WeakMap(), Si = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap(), Ci = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), wi = /* @__PURE__ */ new WeakMap(), Ti = /* @__PURE__ */ new WeakMap(), Ei = /* @__PURE__ */ new WeakMap(), Di = /* @__PURE__ */ new WeakMap(), Oi = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), ki = /* @__PURE__ */ new WeakMap(), Ai = /* @__PURE__ */ new WeakMap(), ji = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), Mi = /* @__PURE__ */ new WeakMap(), Ni = /* @__PURE__ */ new WeakMap(), Pi = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), Fi = /* @__PURE__ */ new WeakMap(), Ii = /* @__PURE__ */ new WeakMap(), Li = /* @__PURE__ */ new WeakMap(), Ri = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new WeakSet(), zi = /* @__PURE__ */ new WeakMap(), Bi = /* @__PURE__ */ new WeakMap(), Vi = /* @__PURE__ */ new WeakMap(), Hi = /* @__PURE__ */ new WeakMap(), Ui = /* @__PURE__ */ new WeakMap(), Wi = /* @__PURE__ */ new WeakMap(), Gi = /* @__PURE__ */ new WeakMap(), Ki = /* @__PURE__ */ new WeakMap(), qi = /* @__PURE__ */ new WeakMap(), Ji = /* @__PURE__ */ new WeakMap(), Yi = /* @__PURE__ */ new WeakMap(), Xi = /* @__PURE__ */ new WeakMap(), Zi = /* @__PURE__ */ new WeakMap(), Qi = /* @__PURE__ */ new WeakMap(), $i = /* @__PURE__ */ new WeakMap(), ea = /* @__PURE__ */ new WeakMap(), ta = /* @__PURE__ */ new WeakMap(), na = /* @__PURE__ */ new WeakMap(), ra = /* @__PURE__ */ new WeakMap(), ia = /* @__PURE__ */ new WeakMap(), aa = /* @__PURE__ */ new WeakMap(), oa = /* @__PURE__ */ new WeakMap(), sa = /* @__PURE__ */ new WeakMap(), ca = /* @__PURE__ */ new WeakMap(), la = /* @__PURE__ */ new WeakMap(), ua = /* @__PURE__ */ new WeakMap(), da = /* @__PURE__ */ new WeakMap(), fa = /* @__PURE__ */ new WeakMap(), pa = /* @__PURE__ */ new WeakMap(), ma = /* @__PURE__ */ new WeakMap(), ha = /* @__PURE__ */ new WeakMap(), ga = /* @__PURE__ */ new WeakMap(), _a = class extends HTMLElement {
+], vi = /* @__PURE__ */ new WeakMap(), yi = /* @__PURE__ */ new WeakMap(), bi = /* @__PURE__ */ new WeakMap(), xi = /* @__PURE__ */ new WeakMap(), Si = /* @__PURE__ */ new WeakMap(), Ci = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap(), wi = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), Ti = /* @__PURE__ */ new WeakMap(), Ei = /* @__PURE__ */ new WeakMap(), Di = /* @__PURE__ */ new WeakMap(), Oi = /* @__PURE__ */ new WeakMap(), ki = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), Ai = /* @__PURE__ */ new WeakMap(), ji = /* @__PURE__ */ new WeakMap(), Mi = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), Ni = /* @__PURE__ */ new WeakMap(), Pi = /* @__PURE__ */ new WeakMap(), Fi = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), Ii = /* @__PURE__ */ new WeakMap(), Li = /* @__PURE__ */ new WeakMap(), Ri = /* @__PURE__ */ new WeakMap(), zi = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new WeakSet(), Bi = /* @__PURE__ */ new WeakMap(), Vi = /* @__PURE__ */ new WeakMap(), Hi = /* @__PURE__ */ new WeakMap(), Ui = /* @__PURE__ */ new WeakMap(), Wi = /* @__PURE__ */ new WeakMap(), Gi = /* @__PURE__ */ new WeakMap(), Ki = /* @__PURE__ */ new WeakMap(), qi = /* @__PURE__ */ new WeakMap(), Ji = /* @__PURE__ */ new WeakMap(), Yi = /* @__PURE__ */ new WeakMap(), Xi = /* @__PURE__ */ new WeakMap(), Zi = /* @__PURE__ */ new WeakMap(), Qi = /* @__PURE__ */ new WeakMap(), $i = /* @__PURE__ */ new WeakMap(), ea = /* @__PURE__ */ new WeakMap(), ta = /* @__PURE__ */ new WeakMap(), na = /* @__PURE__ */ new WeakMap(), ra = /* @__PURE__ */ new WeakMap(), ia = /* @__PURE__ */ new WeakMap(), aa = /* @__PURE__ */ new WeakMap(), oa = /* @__PURE__ */ new WeakMap(), sa = /* @__PURE__ */ new WeakMap(), ca = /* @__PURE__ */ new WeakMap(), la = /* @__PURE__ */ new WeakMap(), ua = /* @__PURE__ */ new WeakMap(), da = /* @__PURE__ */ new WeakMap(), fa = /* @__PURE__ */ new WeakMap(), pa = /* @__PURE__ */ new WeakMap(), ma = /* @__PURE__ */ new WeakMap(), ha = /* @__PURE__ */ new WeakMap(), ga = /* @__PURE__ */ new WeakMap(), _a = /* @__PURE__ */ new WeakMap(), va = class extends HTMLElement {
 	constructor() {
 		var t;
-		super(), g(this, H), f(this, _i, /* @__PURE__ */ new Map()), f(this, vi, 2e3), f(this, yi, null), f(this, bi, new vr({ onChange: (e) => p(H, this, U).call(this, _.DURATION, e.toString()) })), f(this, xi, null), f(this, Si, void 0), f(this, I, void 0), f(this, L, void 0), f(this, Ci, void 0), f(this, R, void 0), f(this, wi, io._), f(this, Ti, void 0), f(this, Ei, void 0), f(this, Di, void 0), f(this, Oi, void 0), f(this, z, void 0), f(this, ki, void 0), f(this, Ai, void 0), f(this, ji, void 0), f(this, B, void 0), f(this, Mi, void 0), f(this, Ni, void 0), f(this, Pi, void 0), f(this, V, void 0), f(this, Fi, null), f(this, Ii, !1), f(this, Li, null), f(this, Ri, void 0), f(this, zi, (e) => {
+		super(), g(this, H), f(this, vi, /* @__PURE__ */ new Map()), f(this, yi, 2e3), f(this, bi, null), f(this, xi, new yr({ onChange: (e) => p(H, this, U).call(this, _.DURATION, e.toString()) })), f(this, Si, null), f(this, Ci, void 0), f(this, I, void 0), f(this, L, void 0), f(this, wi, void 0), f(this, R, void 0), f(this, Ti, ao._), f(this, Ei, void 0), f(this, Di, void 0), f(this, Oi, void 0), f(this, ki, void 0), f(this, z, void 0), f(this, Ai, void 0), f(this, ji, void 0), f(this, Mi, void 0), f(this, B, void 0), f(this, Ni, void 0), f(this, Pi, void 0), f(this, Fi, void 0), f(this, V, void 0), f(this, Ii, null), f(this, Li, !1), f(this, Ri, null), f(this, zi, void 0), f(this, Bi, (e) => {
 			let t = e.filter((e) => {
 				var t;
 				return (t = e.video) == null ? void 0 : t.width;
 			});
 			p(H, this, U).call(this, _.RENDITION_LEVELS, JSON.stringify(t));
-		}), f(this, Bi, (e) => {
-			p(H, this, U).call(this, _.RENDITION_LEVEL, JSON.stringify(e));
 		}), f(this, Vi, (e) => {
+			p(H, this, U).call(this, _.RENDITION_LEVEL, JSON.stringify(e));
+		}), f(this, Hi, (e) => {
 			switch (e) {
 				case "playing":
 					p(H, this, W).call(this, _.PAUSED), p(H, this, W).call(this, _.BUFFERING);
@@ -1939,38 +1952,38 @@ var gi = [
 					break;
 				default: break;
 			}
-		}), f(this, Hi, (e) => {
+		}), f(this, Ui, (e) => {
 			p(H, this, U).call(this, _.VOLUME, e.volume.toString()), e.isMuted ? p(H, this, U).call(this, _.MUTED, "") : p(H, this, W).call(this, _.MUTED);
-		}), f(this, Ui, ({ channelId: e }) => {
+		}), f(this, Wi, ({ channelId: e }) => {
 			var t;
 			this.setAttribute(_.CHANNEL_ID, e), ((t = m(I, this)) == null ? void 0 : t.playbackState) !== "buffering" && p(H, this, W).call(this, _.BUFFERING);
-		}), f(this, Wi, ({ channelId: e }) => {
+		}), f(this, Gi, ({ channelId: e }) => {
 			var t;
-			m(Ti, this) !== e && this.setAttribute(_.CHANNEL_ID, e), ((t = m(I, this)) == null ? void 0 : t.playbackState) !== "buffering" && p(H, this, W).call(this, _.BUFFERING);
-		}), f(this, Gi, (e) => {
-			h(pa, this, Date.now()), p(H, this, U).call(this, _.CHANNELS, JSON.stringify(e));
+			m(Ei, this) !== e && this.setAttribute(_.CHANNEL_ID, e), ((t = m(I, this)) == null ? void 0 : t.playbackState) !== "buffering" && p(H, this, W).call(this, _.BUFFERING);
 		}), f(this, Ki, (e) => {
+			h(ma, this, Date.now()), p(H, this, U).call(this, _.CHANNELS, JSON.stringify(e));
+		}), f(this, qi, (e) => {
 			var t;
 			p(H, this, U).call(this, _.LANGUAGES, JSON.stringify(e)), (t = m(I, this)) != null && t.language && p(H, this, U).call(this, _.LANGUAGE, m(I, this).language);
-		}), f(this, qi, (e) => {
+		}), f(this, Ji, (e) => {
 			var t;
 			if (p(H, this, U).call(this, _.TEXT_TRACKS, JSON.stringify(e)), (t = m(I, this)) != null && t.textTrack) {
 				var n, r;
 				p(H, this, U).call(this, _.TEXT_TRACK, (n = (r = m(I, this)) == null ? void 0 : r.textTrack) == null ? "" : n);
 			}
-		}), f(this, Ji, (e) => {
-			e != null && e.forVideo ? (p(H, this, U).call(this, _.NEEDS_USER_INPUT_VIDEO, ""), p(H, this, W).call(this, _.NEEDS_USER_INPUT_AUDIO)) : e != null && e.forAudio && (p(H, this, U).call(this, _.NEEDS_USER_INPUT_AUDIO, ""), p(H, this, W).call(this, _.NEEDS_USER_INPUT_VIDEO));
 		}), f(this, Yi, (e) => {
-			e || p(H, this, W).call(this, _.BUFFERING), m(bi, this).setLive(e);
+			e != null && e.forVideo ? (p(H, this, U).call(this, _.NEEDS_USER_INPUT_VIDEO, ""), p(H, this, W).call(this, _.NEEDS_USER_INPUT_AUDIO)) : e != null && e.forAudio && (p(H, this, U).call(this, _.NEEDS_USER_INPUT_AUDIO, ""), p(H, this, W).call(this, _.NEEDS_USER_INPUT_VIDEO));
 		}), f(this, Xi, (e) => {
+			e || p(H, this, W).call(this, _.BUFFERING), m(xi, this).setLive(e);
+		}), f(this, Zi, (e) => {
 			var t, n;
 			let { urls: r, duration: i } = e;
 			if (!r[0] || !m(R, this)) return;
 			let a = new URL(r[0]);
-			a.searchParams.set("channelId", (t = m(Ti, this)) == null ? "" : t);
+			a.searchParams.set("channelId", (t = m(Ei, this)) == null ? "" : t);
 			let o = this.getAttribute("authentication-token");
 			o && a.searchParams.set("authToken", o);
-			let s = wr(i);
+			let s = Tr(i);
 			if (Number.isNaN(s)) {
 				m(V, this).error(`Invalid duration format: ${i}`);
 				return;
@@ -1978,70 +1991,70 @@ var gi = [
 			let c = Math.floor(Date.now() / 1e3), l = (/* @__PURE__ */ new Date((c - s) * 1e3)).toISOString();
 			a.searchParams.set("from", l);
 			let u = a.toString();
-			m(R, this).setTimeshiftUrl(u), m(bi, this).start({
+			m(R, this).setTimeshiftUrl(u), m(xi, this).start({
 				multivariantUrl: u,
 				params: {
-					channelId: (n = m(Ti, this)) == null ? "" : n,
+					channelId: (n = m(Ei, this)) == null ? "" : n,
 					authToken: o == null ? void 0 : o,
 					from: l
 				},
 				windowCapSeconds: s
 			});
-		}), f(this, Zi, () => {
-			p(H, this, W).call(this, _.PAUSED), p(H, this, W).call(this, _.BUFFERING);
 		}), f(this, Qi, () => {
-			p(H, this, U).call(this, _.PAUSED, ""), p(H, this, W).call(this, _.BUFFERING);
+			p(H, this, W).call(this, _.PAUSED), p(H, this, W).call(this, _.BUFFERING);
 		}), f(this, $i, () => {
-			m(ua, this).call(this), p(H, this, W).call(this, _.BUFFERING);
+			p(H, this, U).call(this, _.PAUSED, ""), p(H, this, W).call(this, _.BUFFERING);
 		}), f(this, ea, () => {
-			m(R, this) && m(bi, this).applyLoadedDuration(m(R, this).duration);
+			m(da, this).call(this), p(H, this, W).call(this, _.BUFFERING);
 		}), f(this, ta, () => {
+			m(R, this) && m(xi, this).applyLoadedDuration(m(R, this).duration);
+		}), f(this, na, () => {
 			var e, t;
 			if (!m(R, this) || m(R, this).seeking || (e = (t = m(R, this)).shouldIgnoreTimeupdate) != null && e.call(t)) return;
 			let n = m(R, this).currentTime;
 			n !== void 0 && p(H, this, U).call(this, _.TIMESHIFT_POSITION, n.toString());
-		}), f(this, na, () => {
-			m(R, this) && (p(H, this, U).call(this, _.VOLUME, m(R, this).volume.toString()), m(R, this).muted ? p(H, this, U).call(this, _.MUTED, "") : p(H, this, W).call(this, _.MUTED));
 		}), f(this, ra, () => {
-			p(H, this, U).call(this, _.BUFFERING, "");
+			m(R, this) && (p(H, this, U).call(this, _.VOLUME, m(R, this).volume.toString()), m(R, this).muted ? p(H, this, U).call(this, _.MUTED, "") : p(H, this, W).call(this, _.MUTED));
 		}), f(this, ia, () => {
-			p(H, this, W).call(this, _.BUFFERING);
+			p(H, this, U).call(this, _.BUFFERING, "");
 		}), f(this, aa, () => {
-			if (m(Ii, this)) {
+			p(H, this, W).call(this, _.BUFFERING);
+		}), f(this, oa, () => {
+			if (m(Li, this)) {
 				if (m(L, this) !== m(R, this)) {
-					h(Ii, this, !1);
+					h(Li, this, !1);
 					return;
 				}
-				h(Ii, this, !1), p(H, this, Ja).call(this);
+				h(Li, this, !1), p(H, this, Ya).call(this);
 			}
-		}), f(this, oa, 0), e(this, "handleEvent", (e) => {
+		}), f(this, sa, 0), e(this, "handleEvent", (e) => {
 			switch (e.type) {
 				case "pointerdown":
-					h(oa, this, e.timeStamp);
+					h(sa, this, e.timeStamp);
 					break;
 				case "pointermove":
-					p(H, this, La).call(this, e);
+					p(H, this, Ra).call(this, e);
 					break;
 				case "pointerup":
-					p(H, this, Ra).call(this, e);
+					p(H, this, za).call(this, e);
 					break;
 				case "mouseleave":
-					p(H, this, Ka).call(this);
+					p(H, this, qa).call(this);
 					break;
 				case "dblclick":
-					p(H, this, Ba).call(this, e);
+					p(H, this, Va).call(this, e);
 					break;
 				case "mousemove":
-					p(H, this, Va).call(this, e);
+					p(H, this, Ha).call(this, e);
 					break;
 				case "keydown":
-					m(la, this).call(this, e);
+					m(ua, this).call(this, e);
 					break;
 				case "keyup":
-					p(H, this, Ka).call(this), m(ca, this).call(this, e);
+					p(H, this, qa).call(this), m(la, this).call(this, e);
 					break;
 			}
-		}), f(this, sa, (e) => {
+		}), f(this, ca, (e) => {
 			if (m(I, this) && (m(V, this).debug("Vindral event", { type: e.type }), e instanceof CustomEvent)) switch (e.type) {
 				case v.PLAY:
 					this.removeAttribute(_.PAUSED);
@@ -2086,10 +2099,10 @@ var gi = [
 					}
 					break;
 				case v.CHANNEL_GRID_OPENED:
-					m(Fi, this) === null && p(H, this, Ua).call(this);
+					m(Ii, this) === null && p(H, this, Wa).call(this);
 					break;
 				case v.CHANNEL_GRID_CLOSED:
-					m(Fi, this) !== null && (clearTimeout(m(Fi, this)), h(Fi, this, null));
+					m(Ii, this) !== null && (clearTimeout(m(Ii, this)), h(Ii, this, null));
 					break;
 				case v.ENTER_PIP:
 					this.setAttribute(_.IS_PIP, "");
@@ -2099,7 +2112,7 @@ var gi = [
 					break;
 				case v.REQUEST_AIRPLAY:
 					var t;
-					(t = m(ji, this)) == null || t.showPlaybackTargetPicker();
+					(t = m(Mi, this)) == null || t.showPlaybackTargetPicker();
 					break;
 				case v.SET_LANGUAGE:
 					y(e.detail) ? this.setAttribute(_.LANGUAGE, e.detail) : this.removeAttribute(_.LANGUAGE);
@@ -2120,7 +2133,7 @@ var gi = [
 					this.handleTimeShiftUpdate(String(e.detail));
 					break;
 				case v.GO_LIVE:
-					m(ua, this).call(this);
+					m(da, this).call(this);
 					break;
 				case v.TOGGLE_DEBUG_PANEL:
 					this.hasAttribute(_.DEBUG_PANEL_OPEN) ? this.removeAttribute(_.DEBUG_PANEL_OPEN) : this.setAttribute(_.DEBUG_PANEL_OPEN, "");
@@ -2132,64 +2145,64 @@ var gi = [
 					}
 					break;
 			}
-		}), f(this, ca, (e) => {
+		}), f(this, la, (e) => {
 			let { key: t } = e;
-			if (!gi.includes(t)) {
+			if (!_i.includes(t)) {
 				this.removeEventListener("keyup", this);
 				return;
 			}
-			p(H, this, Ha).call(this, e);
-		}), f(this, la, (e) => {
+			p(H, this, Ua).call(this, e);
+		}), f(this, ua, (e) => {
 			let { metaKey: t, altKey: n, key: r } = e;
-			t || n || !gi.includes(r) || this.addEventListener("keyup", this, { once: !0 });
-		}), f(this, ua, () => {
+			t || n || !_i.includes(r) || this.addEventListener("keyup", this, { once: !0 });
+		}), f(this, da, () => {
 			this.removeAttribute(_.TIMESHIFT_POSITION), this.handleTimeShiftUpdate(!1);
-		}), f(this, da, (e) => {
-			var t;
-			m(R, this) || p(H, this, Sa).call(this), m(L, this) !== m(R, this) && (e && p(H, this, Ya).call(this), h(L, this, m(R, this)), p(H, this, ba).call(this), p(H, this, xa).call(this), p(H, this, Ea).call(this), (t = m(I, this)) == null || t.pause(), h(Ii, this, e));
 		}), f(this, fa, (e) => {
+			var t;
+			m(R, this) || p(H, this, Ca).call(this), m(L, this) !== m(R, this) && (e && p(H, this, Xa).call(this), h(L, this, m(R, this)), p(H, this, xa).call(this), p(H, this, Sa).call(this), p(H, this, Da).call(this), (t = m(I, this)) == null || t.pause(), h(Li, this, e));
+		}), f(this, pa, (e) => {
 			var t, n, r, i;
-			e && p(H, this, Ya).call(this), (t = m(R, this)) == null || t.hide(), h(L, this, m(Ci, this)), p(H, this, Ea).call(this), this.hasAttribute(_.PAUSED) ? (n = m(L, this)) == null || n.pause() : (r = m(L, this)) == null || r.play(), p(H, this, wa).call(this), p(H, this, ya).call(this), (i = m(R, this)) == null || i.pause(), e && (h(Ii, this, !1), setTimeout(() => {
-				p(H, this, Ja).call(this);
+			e && p(H, this, Xa).call(this), (t = m(R, this)) == null || t.hide(), h(L, this, m(wi, this)), p(H, this, Da).call(this), this.hasAttribute(_.PAUSED) ? (n = m(L, this)) == null || n.pause() : (r = m(L, this)) == null || r.play(), p(H, this, Ta).call(this), p(H, this, ba).call(this), (i = m(R, this)) == null || i.pause(), e && (h(Li, this, !1), setTimeout(() => {
+				p(H, this, Ya).call(this);
 			}, 100));
 		}), e(this, "handleTimeShiftUpdate", (e) => {
 			let t = this.hasAttribute(_.IS_PIP);
 			if (e !== !1) {
 				var n;
-				m(da, this).call(this, t), (n = m(R, this)) == null || n.seek({
+				m(fa, this).call(this, t), (n = m(R, this)) == null || n.seek({
 					time: parseFloat(e),
 					playWhenReady: !this.hasAttribute(_.PAUSED)
 				});
 				return;
 			}
-			m(L, this) !== m(Ci, this) && m(fa, this).call(this, t);
-		}), f(this, pa, null), f(this, ma, () => {
+			m(L, this) !== m(wi, this) && m(pa, this).call(this, t);
+		}), f(this, ma, null), f(this, ha, () => {
 			var e;
 			let t = (e = m(I, this)) == null ? void 0 : e.currentRenditionLevel;
 			if (!(t != null && t.video)) return;
 			let n = o(t.video.width > t.video.height ? "landscape-primary" : "portrait-primary");
 			n && n.catch(() => {});
-		}), f(this, ha, () => {
+		}), f(this, ga, () => {
 			n();
-		}), f(this, ga, null);
+		}), f(this, _a, null);
 		let r = this.attachShadow({ mode: "open" });
-		r.appendChild(hi.content.cloneNode(!0));
+		r.appendChild(gi.content.cloneNode(!0));
 		let i = ge(this.getAttribute("log-level"));
-		h(V, this, re.get().createContext("VindralController")), m(V, this).setLevel(i), h(Si, this, (t = this.shadowRoot) == null ? void 0 : t.querySelector("#time-shift-video")), h(Ri, this, new Gn(r));
+		h(V, this, re.get().createContext("VindralController")), m(V, this).setLevel(i), h(Ci, this, (t = this.shadowRoot) == null ? void 0 : t.querySelector("#time-shift-video")), h(zi, this, new Kn(r));
 	}
 	connectedCallback() {
 		var e = this;
 		return t(function* () {
-			x(e.getAttribute("auto-instance-enabled"), !0) && (yield p(H, e, va).call(e));
-			for (let t of Object.values(v)) e.addEventListener(t, m(sa, e));
-			window.PointerEvent ? (e.addEventListener("pointerdown", e), e.addEventListener("pointermove", e), e.addEventListener("pointerup", e)) : e.addEventListener("mousemove", e), e.addEventListener("mouseleave", e), e.addEventListener("keydown", e), e.addEventListener("resize", e), e.addEventListener("dblclick", e), e.connectListener(e), p(H, e, Fa).call(e), e.tabIndex = 0, e.focus({ preventScroll: !0 });
+			x(e.getAttribute("auto-instance-enabled"), !0) && (yield p(H, e, ya).call(e));
+			for (let t of Object.values(v)) e.addEventListener(t, m(ca, e));
+			window.PointerEvent ? (e.addEventListener("pointerdown", e), e.addEventListener("pointermove", e), e.addEventListener("pointerup", e)) : e.addEventListener("mousemove", e), e.addEventListener("mouseleave", e), e.addEventListener("keydown", e), e.addEventListener("resize", e), e.addEventListener("dblclick", e), e.connectListener(e), p(H, e, Ia).call(e), e.tabIndex = 0, e.focus({ preventScroll: !0 });
 		})();
 	}
 	disconnectedCallback() {
 		var e, t, n, r, i;
-		p(H, this, Ia).call(this), p(H, this, no).call(this), m(Ri, this).unload(), (e = m(I, this)) == null || e.unload(), (t = m(z, this)) == null || t.unload(), (n = m(ki, this)) == null || n.unload(), (r = m(Ai, this)) == null || r.unload(), (i = m(B, this)) == null || i.unload(), p(H, this, Ca).call(this);
-		for (let e of Object.values(v)) this.removeEventListener(e, m(sa, this));
-		p(H, this, ba).call(this), m(yi, this) && (clearTimeout(m(yi, this)), h(yi, this, null)), m(bi, this).stop(), this.disconnectListener(this);
+		p(H, this, La).call(this), p(H, this, ro).call(this), m(zi, this).unload(), (e = m(I, this)) == null || e.unload(), (t = m(z, this)) == null || t.unload(), (n = m(Ai, this)) == null || n.unload(), (r = m(ji, this)) == null || r.unload(), (i = m(B, this)) == null || i.unload(), p(H, this, wa).call(this);
+		for (let e of Object.values(v)) this.removeEventListener(e, m(ca, this));
+		p(H, this, xa).call(this), m(bi, this) && (clearTimeout(m(bi, this)), h(bi, this, null)), m(xi, this).stop(), this.disconnectListener(this);
 	}
 	attributeChangedCallback(e, t, n) {
 		if (t !== n) {
@@ -2199,13 +2212,13 @@ var gi = [
 				newValue: n
 			}), e) {
 				case "channel-id":
-					h(Ti, this, n), m(I, this) && n && (m(I, this).channelId = n, m(I, this).play(), p(H, this, U).call(this, _.BUFFERING, ""), p(H, this, U).call(this, _.CHANNEL_ID, n), p(H, this, U).call(this, _.POSTER_SRC, m(I, this).getThumbnailUrl()));
+					h(Ei, this, n), m(I, this) && n && (m(I, this).channelId = n, m(I, this).play(), p(H, this, U).call(this, _.BUFFERING, ""), p(H, this, U).call(this, _.CHANNEL_ID, n), p(H, this, U).call(this, _.POSTER_SRC, m(I, this).getThumbnailUrl()));
 					break;
 				case "channel-group-id":
-					h(Ei, this, n);
+					h(Di, this, n);
 					break;
 				case "url":
-					n && h(wi, this, n);
+					n && h(Ti, this, n);
 					break;
 				case "paused":
 					if (y(n)) {
@@ -2235,7 +2248,7 @@ var gi = [
 					}
 					break;
 				case _.DEBUG_PANEL_OPEN:
-					y(n) ? p(H, this, U).call(this, _.DEBUG_PANEL_OPEN, "") : p(H, this, W).call(this, _.DEBUG_PANEL_OPEN), p(H, this, eo).call(this);
+					y(n) ? p(H, this, U).call(this, _.DEBUG_PANEL_OPEN, "") : p(H, this, W).call(this, _.DEBUG_PANEL_OPEN), p(H, this, to).call(this);
 					break;
 				case "user-interacting":
 					y(n) ? p(H, this, U).call(this, _.USER_INTERACTING, "") : p(H, this, W).call(this, _.USER_INTERACTING);
@@ -2256,10 +2269,10 @@ var gi = [
 					}
 					break;
 				case "ui-locked":
-					y(n) ? p(H, this, Ga).call(this) : p(H, this, Ka).call(this);
+					y(n) ? p(H, this, Ka).call(this) : p(H, this, qa).call(this);
 					break;
 				case "is-fullscreen":
-					y(n) ? p(H, this, Xa).call(this) : p(H, this, Za).call(this);
+					y(n) ? p(H, this, Za).call(this) : p(H, this, Qa).call(this);
 					break;
 				case "abr-enabled":
 					{
@@ -2274,13 +2287,13 @@ var gi = [
 					}
 					break;
 				case "max-video-bit-rate":
-					h(Di, this, n), y(n) ? p(H, this, U).call(this, _.MAX_VIDEO_BITRATE, n) : p(H, this, W).call(this, _.MAX_VIDEO_BITRATE), m(R, this) && (m(R, this).maxVideoBitRate = n ? ve(n) : void 0);
+					h(Oi, this, n), y(n) ? p(H, this, U).call(this, _.MAX_VIDEO_BITRATE, n) : p(H, this, W).call(this, _.MAX_VIDEO_BITRATE), m(R, this) && (m(R, this).maxVideoBitRate = n ? ve(n) : void 0);
 					break;
 				case "max-initial-bit-rate":
-					h(Oi, this, n), y(n) ? p(H, this, U).call(this, _.MAX_INITIAL_BITRATE, n) : p(H, this, W).call(this, _.MAX_INITIAL_BITRATE);
+					h(ki, this, n), y(n) ? p(H, this, U).call(this, _.MAX_INITIAL_BITRATE, n) : p(H, this, W).call(this, _.MAX_INITIAL_BITRATE);
 					break;
 				case "is-pip":
-					y(n) ? p(H, this, Ja).call(this) : p(H, this, Ya).call(this);
+					y(n) ? p(H, this, Ya).call(this) : p(H, this, Xa).call(this);
 					break;
 				case "is-airplaying":
 					if (y(n)) {
@@ -2294,17 +2307,17 @@ var gi = [
 				case "is-casting":
 					if (y(n)) {
 						var ee, d;
-						(ee = m(ki, this)) != null && ee.isFullscreen() && p(H, this, Za).call(this), (d = m(I, this)) == null || d.pause();
+						(ee = m(Ai, this)) != null && ee.isFullscreen() && p(H, this, Qa).call(this), (d = m(I, this)) == null || d.pause();
 					} else if (!document.hidden) {
 						var te;
 						(te = m(I, this)) == null || te.play();
 					}
 					break;
 				case "cast-receiver-id":
-					h(Ni, this, n);
+					h(Pi, this, n);
 					break;
 				case "cast-background":
-					h(Pi, this, n);
+					h(Fi, this, n);
 					break;
 				case "language":
 					m(I, this) && (m(I, this).language = n, y(n) ? p(H, this, U).call(this, _.LANGUAGE, n) : p(H, this, W).call(this, _.LANGUAGE));
@@ -2318,7 +2331,7 @@ var gi = [
 				case "authentication-token":
 					if (y(n)) {
 						var ne, re;
-						(ne = m(I, this)) == null || ne.updateAuthenticationToken(n), (re = m(ji, this)) == null || re.updateAuthenticationToken(n), p(H, this, U).call(this, _.AUTHENTICATION_TOKEN, n);
+						(ne = m(I, this)) == null || ne.updateAuthenticationToken(n), (re = m(Mi, this)) == null || re.updateAuthenticationToken(n), p(H, this, U).call(this, _.AUTHENTICATION_TOKEN, n);
 					} else p(H, this, W).call(this, _.AUTHENTICATION_TOKEN);
 					break;
 				case "volume":
@@ -2356,13 +2369,13 @@ var gi = [
 				_.USER_INTERACTING,
 				_.PAUSED,
 				_.HIDE_UI_ON_PAUSE
-			].includes(e) && p(H, this, qa).call(this);
+			].includes(e) && p(H, this, Ja).call(this);
 		}
 	}
 	connectListener(e) {
-		Cr(e).forEach((t) => {
-			let n = m(_i, this).get(t);
-			switch (n ? n.push(e) : m(_i, this).set(t, [e]), t) {
+		wr(e).forEach((t) => {
+			let n = m(vi, this).get(t);
+			switch (n ? n.push(e) : m(vi, this).set(t, [e]), t) {
 				case _.PAUSED:
 					var r;
 					(((r = m(I, this)) == null ? void 0 : r.playbackState) === "paused" || this.hasAttribute(_.PAUSED)) && e.setAttribute(_.PAUSED, "");
@@ -2372,7 +2385,7 @@ var gi = [
 					((i = m(I, this)) != null && i.muted || this.hasAttribute(_.MUTED)) && e.setAttribute(_.MUTED, "");
 					break;
 				case _.MAX_VIDEO_BITRATE:
-					m(Di, this) && e.setAttribute(_.MAX_VIDEO_BITRATE, m(Di, this));
+					m(Oi, this) && e.setAttribute(_.MAX_VIDEO_BITRATE, m(Oi, this));
 					break;
 				case _.SIZE_BASED_RESOLUTION_CAP_ENABLED:
 					{
@@ -2382,10 +2395,10 @@ var gi = [
 					}
 					break;
 				case _.CHANNEL_ID:
-					m(Ti, this) && e.setAttribute(_.CHANNEL_ID, m(Ti, this));
+					m(Ei, this) && e.setAttribute(_.CHANNEL_ID, m(Ei, this));
 					break;
 				case _.CHANNEL_GROUP_ID:
-					m(Ei, this) && e.setAttribute(_.CHANNEL_GROUP_ID, m(Ei, this));
+					m(Di, this) && e.setAttribute(_.CHANNEL_GROUP_ID, m(Di, this));
 					break;
 				case _.AUTHENTICATION_TOKEN: {
 					let t = this.getAttribute("authentication-token");
@@ -2421,38 +2434,38 @@ var gi = [
 		});
 	}
 	disconnectListener(e) {
-		Cr(e).forEach((t) => {
-			let n = m(_i, this).get(t);
-			n && m(_i, this).set(t, n.filter((t) => t !== e));
+		wr(e).forEach((t) => {
+			let n = m(vi, this).get(t);
+			n && m(vi, this).set(t, n.filter((t) => t !== e));
 		});
 	}
 	get instance() {
 		return m(I, this);
 	}
 	get fullscreen() {
-		return p(H, this, ka).call(this);
+		return p(H, this, Aa).call(this);
 	}
 	get airPlay() {
-		return m(ji, this);
+		return m(Mi, this);
 	}
 	get timelineMarkers() {
-		return jr(this.getAttribute(_.TIMELINE_MARKERS));
+		return Mr(this.getAttribute(_.TIMELINE_MARKERS));
 	}
 	set timelineMarkers(e) {
-		let t = Ar(e);
+		let t = jr(e);
 		t.length === 0 ? this.removeAttribute(_.TIMELINE_MARKERS) : this.setAttribute(_.TIMELINE_MARKERS, JSON.stringify(t));
 	}
 	connect() {
-		p(H, this, va).call(this);
+		p(H, this, ya).call(this);
 	}
 };
-function va() {
+function ya() {
 	var e = this;
 	return t(function* () {
 		var t, n;
-		if (!m(Ti, e)) return;
-		let r = m(L, e) === m(Ci, e);
-		m(bi, e).stop(), yield (t = m(I, e)) == null ? void 0 : t.unload(), r && h(L, e, void 0);
+		if (!m(Ei, e)) return;
+		let r = m(L, e) === m(wi, e);
+		m(xi, e).stop(), yield (t = m(I, e)) == null ? void 0 : t.unload(), r && h(L, e, void 0);
 		let i = e.hasAttribute(_.PAUSED), a = e.hasAttribute(_.MUTED), o = ve(e.getAttribute(_.VOLUME)), s = typeof o == "number" ? Math.max(0, Math.min(1, o)) : o, c = _e(e.getAttribute(_.MEDIA)), l = e.getAttribute(_.TEXT_TRACK) || void 0, u = e.getAttribute("edge-url") || void 0, ee = e.getAttribute("authentication-token") || void 0, d = ve(e.getAttribute("max-video-bit-rate")), te = ve(e.getAttribute("max-initial-bit-rate")), ne = we(e.getAttribute("max-size")), re = ve(e.getAttribute("min-buffer-time")), ie = ve(e.getAttribute("max-buffer-time")), oe = x(e.getAttribute("burst-enabled")), se = x(e.getAttribute("mse-enabled")), ce = x(e.getAttribute("mse-opus-enabled")), le = x(e.getAttribute("ios-background-play-enabled")), f = x(e.getAttribute("ios-wake-lock-enabled")), g = x(e.getAttribute("stream-to-media-element-enabled")), ue = x(e.getAttribute("ios-media-element-enabled")), de = x(e.getAttribute("abr-enabled"), !0), fe = x(e.getAttribute("size-based-resolution-cap-enabled")), pe = x(e.getAttribute("telemetry-enabled")), me = be(e.getAttribute("video-codecs")), v = Se(e.getAttribute("poster")), b = he(e.getAttribute("advanced")), S = ge(e.getAttribute("log-level")), Ce = {
 			headers: ye(e.getAttribute("drm-headers")),
 			queryParams: ye(e.getAttribute("drm-queryparams")),
@@ -2466,9 +2479,9 @@ function va() {
 			}
 		}, Te = je(e.getAttribute("webcodecs-hardware-acceleration")), Ee = Ae(e.getAttribute("decoders")), De = x(e.getAttribute("offscreen-canvas-enabled")), Oe = x(e.getAttribute("webtransport-enabled")), ke = ve(e.getAttribute("reconnect-retries")), Me = ke === void 0 ? void 0 : (e) => e.reconnectRetries < ke, Ne = e.getAttribute("language") || void 0;
 		h(I, e, new ae({
-			url: m(wi, e),
-			channelId: m(Ti, e),
-			channelGroupId: m(Ei, e),
+			url: m(Ti, e),
+			channelId: m(Ei, e),
+			channelGroupId: m(Di, e),
 			edgeUrl: u,
 			authenticationToken: ee,
 			muted: a,
@@ -2501,110 +2514,110 @@ function va() {
 			decoders: Ee,
 			offscreenCanvasEnabled: De,
 			reconnectHandler: Me
-		})), h(Ci, e, new ui(m(I, e))), m(L, e) || h(L, e, m(Ci, e)), p(H, e, ya).call(e), h(xi, e, (n = e.shadowRoot) == null ? void 0 : n.querySelector("#video")), m(xi, e) && (m(I, e).attach(m(xi, e)), m(Ri, e).observe(m(xi, e))), e.setAttribute(_.MEDIA, m(I, e).media), m(I, e).muted && p(H, e, U).call(e, _.MUTED, ""), m(I, e).abrEnabled ? p(H, e, U).call(e, _.ABR_ENABLED, "") : p(H, e, W).call(e, _.ABR_ENABLED), p(H, e, U).call(e, _.SIZE_BASED_RESOLUTION_CAP_ENABLED, m(I, e).sizeBasedResolutionCapEnabled ? "true" : "false"), p(H, e, U).call(e, _.VOLUME, m(I, e).volume.toString()), y(v) || p(H, e, U).call(e, _.POSTER_SRC, m(I, e).getThumbnailUrl());
+		})), h(wi, e, new di(m(I, e))), m(L, e) || h(L, e, m(wi, e)), p(H, e, ba).call(e), h(Si, e, (n = e.shadowRoot) == null ? void 0 : n.querySelector("#video")), m(Si, e) && (m(I, e).attach(m(Si, e)), m(zi, e).observe(m(Si, e))), e.setAttribute(_.MEDIA, m(I, e).media), m(I, e).muted && p(H, e, U).call(e, _.MUTED, ""), m(I, e).abrEnabled ? p(H, e, U).call(e, _.ABR_ENABLED, "") : p(H, e, W).call(e, _.ABR_ENABLED), p(H, e, U).call(e, _.SIZE_BASED_RESOLUTION_CAP_ENABLED, m(I, e).sizeBasedResolutionCapEnabled ? "true" : "false"), p(H, e, U).call(e, _.VOLUME, m(I, e).volume.toString()), y(v) || p(H, e, U).call(e, _.POSTER_SRC, m(I, e).getThumbnailUrl());
 		let Pe = x(e.getAttribute(_.AIRPLAY_ENABLED), !1), C = x(e.getAttribute(_.CAST_ENABLED), !0), Fe = x(e.getAttribute(_.FULLSCREEN_ENABLED), !0), Ie = x(e.getAttribute(_.PIP_ENABLED), !0), Le = x(e.getAttribute(_.VU_METER_ENABLED), !1), Re = x(e.getAttribute(_.TIMESHIFT_ENABLED), !1);
-		Pe && p(H, e, Na).call(e, m(I, e)), C && p(H, e, Aa).call(e, m(I, e)), Fe && p(H, e, Da).call(e, m(I, e)), Ie && p(H, e, Ta).call(e, m(I, e)), i || m(I, e).play(), Le && p(H, e, Pa).call(e, m(I, e)), e.dispatchEvent(new CustomEvent("vindral-instance-ready", {
+		Pe && p(H, e, Pa).call(e, m(I, e)), C && p(H, e, ja).call(e, m(I, e)), Fe && p(H, e, Oa).call(e, m(I, e)), Ie && p(H, e, Ea).call(e, m(I, e)), i || m(I, e).play(), Le && p(H, e, Fa).call(e, m(I, e)), e.dispatchEvent(new CustomEvent("vindral-instance-ready", {
 			bubbles: !0,
 			composed: !0,
 			detail: m(I, e)
-		})), Re && (p(H, e, Sa).call(e), Fe && p(H, e, Oa).call(e));
+		})), Re && (p(H, e, Ca).call(e), Fe && p(H, e, ka).call(e));
 	})();
 }
-function ya() {
-	m(I, this) && (m(I, this).on("rendition levels", m(zi, this)), m(I, this).on("rendition level", m(Bi, this)), m(I, this).on("playback state", m(Vi, this)), m(I, this).on("volume state", m(Hi, this)), m(I, this).on("channel switch failed", m(Ui, this)), m(I, this).on("channel switch", m(Wi, this)), m(I, this).on("channels", m(Gi, this)), m(I, this).on("languages", m(Ki, this)), m(I, this).on("text tracks", m(qi, this)), m(I, this).on("needs user input", m(Ji, this)), m(I, this).on("is live", m(Yi, this)), m(I, this).on("timeshift info", m(Xi, this)));
-}
 function ba() {
-	m(I, this) && (m(I, this).off("playback state", m(Vi, this)), m(I, this).off("volume state", m(Hi, this)), m(I, this).off("channel switch failed", m(Ui, this)), m(I, this).off("channel switch", m(Wi, this)), m(I, this).off("channels", m(Gi, this)), m(I, this).off("languages", m(Ki, this)), m(I, this).off("text tracks", m(qi, this)), m(I, this).off("needs user input", m(Ji, this)), m(I, this).off("is live", m(Yi, this)), m(I, this).off("timeshift info", m(Xi, this)));
+	m(I, this) && (m(I, this).on("rendition levels", m(Bi, this)), m(I, this).on("rendition level", m(Vi, this)), m(I, this).on("playback state", m(Hi, this)), m(I, this).on("volume state", m(Ui, this)), m(I, this).on("channel switch failed", m(Wi, this)), m(I, this).on("channel switch", m(Gi, this)), m(I, this).on("channels", m(Ki, this)), m(I, this).on("languages", m(qi, this)), m(I, this).on("text tracks", m(Ji, this)), m(I, this).on("needs user input", m(Yi, this)), m(I, this).on("is live", m(Xi, this)), m(I, this).on("timeshift info", m(Zi, this)));
 }
 function xa() {
-	m(R, this) && (m(R, this).addEventListener("playing", m(Zi, this)), m(R, this).addEventListener("pause", m(Qi, this)), m(R, this).addEventListener("ended", m($i, this)), m(R, this).addEventListener("timeupdate", m(ta, this)), m(R, this).addEventListener("volumechange", m(na, this)), m(R, this).addEventListener("hlsbuffering", m(ra, this)), m(R, this).addEventListener("hlsnotbuffering", m(ia, this)), m(R, this).addEventListener("timeshiftready", m(aa, this)));
+	m(I, this) && (m(I, this).off("playback state", m(Hi, this)), m(I, this).off("volume state", m(Ui, this)), m(I, this).off("channel switch failed", m(Wi, this)), m(I, this).off("channel switch", m(Gi, this)), m(I, this).off("channels", m(Ki, this)), m(I, this).off("languages", m(qi, this)), m(I, this).off("text tracks", m(Ji, this)), m(I, this).off("needs user input", m(Yi, this)), m(I, this).off("is live", m(Xi, this)), m(I, this).off("timeshift info", m(Zi, this)));
 }
 function Sa() {
+	m(R, this) && (m(R, this).addEventListener("playing", m(Qi, this)), m(R, this).addEventListener("pause", m($i, this)), m(R, this).addEventListener("ended", m(ea, this)), m(R, this).addEventListener("timeupdate", m(na, this)), m(R, this).addEventListener("volumechange", m(ra, this)), m(R, this).addEventListener("hlsbuffering", m(ia, this)), m(R, this).addEventListener("hlsnotbuffering", m(aa, this)), m(R, this).addEventListener("timeshiftready", m(oa, this)));
+}
+function Ca() {
 	var e, t, n, r;
 	let i = ve(this.getAttribute(_.VOLUME)), a = i === void 0 ? (e = (t = m(L, this)) == null ? void 0 : t.volume) == null ? 1 : e : Math.max(0, Math.min(1, i)), o = x(this.getAttribute(_.MUTED), (n = (r = m(L, this)) == null ? void 0 : r.muted) == null ? !1 : n);
-	p(H, this, Ca).call(this), h(R, this, new qr(m(Si, this), {
+	p(H, this, wa).call(this), h(R, this, new Jr(m(Ci, this), {
 		volume: a,
 		muted: o,
-		maxVideoBitRate: m(Di, this) ? parseInt(m(Di, this), 10) : void 0
-	})), m(R, this).addEventListener("durationchange", m(ea, this));
-}
-function Ca() {
-	m(R, this) && (p(H, this, wa).call(this), m(R, this).removeEventListener("durationchange", m(ea, this)), m(R, this).cleanup(), m(L, this) === m(R, this) && h(L, this, void 0), h(R, this, void 0));
+		maxVideoBitRate: m(Oi, this) ? parseInt(m(Oi, this), 10) : void 0
+	})), m(R, this).addEventListener("durationchange", m(ta, this));
 }
 function wa() {
-	m(R, this) && (m(R, this).removeEventListener("playing", m(Zi, this)), m(R, this).removeEventListener("pause", m(Qi, this)), m(R, this).removeEventListener("ended", m($i, this)), m(R, this).removeEventListener("timeupdate", m(ta, this)), m(R, this).removeEventListener("volumechange", m(na, this)), m(R, this).removeEventListener("hlsbuffering", m(ra, this)), m(R, this).removeEventListener("hlsnotbuffering", m(ia, this)), m(R, this).removeEventListener("timeshiftready", m(aa, this)));
+	m(R, this) && (p(H, this, Ta).call(this), m(R, this).removeEventListener("durationchange", m(ta, this)), m(R, this).cleanup(), m(L, this) === m(R, this) && h(L, this, void 0), h(R, this, void 0));
 }
-function Ta(e) {
-	e.mediaElement instanceof HTMLVideoElement && (h(z, this, new nr(e.mediaElement)), m(z, this).isSupported() && (m(V, this).debug("PIP is supported"), p(H, this, U).call(this, _.PIP_AVAILABLE, "")), m(z, this).on("on picture in picture change", (e) => {
+function Ta() {
+	m(R, this) && (m(R, this).removeEventListener("playing", m(Qi, this)), m(R, this).removeEventListener("pause", m($i, this)), m(R, this).removeEventListener("ended", m(ea, this)), m(R, this).removeEventListener("timeupdate", m(na, this)), m(R, this).removeEventListener("volumechange", m(ra, this)), m(R, this).removeEventListener("hlsbuffering", m(ia, this)), m(R, this).removeEventListener("hlsnotbuffering", m(aa, this)), m(R, this).removeEventListener("timeshiftready", m(oa, this)));
+}
+function Ea(e) {
+	e.mediaElement instanceof HTMLVideoElement && (h(z, this, new rr(e.mediaElement)), m(z, this).isSupported() && (m(V, this).debug("PIP is supported"), p(H, this, U).call(this, _.PIP_AVAILABLE, "")), m(z, this).on("on picture in picture change", (e) => {
 		e ? p(H, this, U).call(this, _.IS_PIP, "") : p(H, this, W).call(this, _.IS_PIP);
 	}));
 }
-function Ea() {
+function Da() {
 	var e;
 	if (!m(z, this)) return;
 	let t = null;
-	m(L, this) === m(R, this) && m(R, this) ? t = m(R, this).videoElement : ((e = m(I, this)) == null ? void 0 : e.mediaElement) instanceof HTMLVideoElement && (t = m(I, this).mediaElement), t && t !== m(z, this).videoElement && (m(V, this).debug("Updating PIP target to", m(L, this) === m(R, this) ? "HLS" : "Vindral"), m(z, this).unload(), h(z, this, new nr(t)), m(z, this).on("on picture in picture change", (e) => {
+	m(L, this) === m(R, this) && m(R, this) ? t = m(R, this).videoElement : ((e = m(I, this)) == null ? void 0 : e.mediaElement) instanceof HTMLVideoElement && (t = m(I, this).mediaElement), t && t !== m(z, this).videoElement && (m(V, this).debug("Updating PIP target to", m(L, this) === m(R, this) ? "HLS" : "Vindral"), m(z, this).unload(), h(z, this, new rr(t)), m(z, this).on("on picture in picture change", (e) => {
 		e ? p(H, this, U).call(this, _.IS_PIP, "") : p(H, this, W).call(this, _.IS_PIP);
 	}));
 }
-function Da(e) {
-	let t = !Kn.isFullscreenApiSupported(this) && Kn.isFullscreenApiSupported(e.mediaElement) ? e.mediaElement : this;
-	h(ki, this, new Kn(t)), m(ki, this).on("on fullscreen change", (e) => {
+function Oa(e) {
+	let t = !qn.isFullscreenApiSupported(this) && qn.isFullscreenApiSupported(e.mediaElement) ? e.mediaElement : this;
+	h(Ai, this, new qn(t)), m(Ai, this).on("on fullscreen change", (e) => {
 		e ? p(H, this, U).call(this, _.FULLSCREEN, "") : p(H, this, W).call(this, _.FULLSCREEN);
 	});
 }
-function Oa() {
+function ka() {
 	var e;
-	m(R, this) && (h(Ai, this, !Kn.isFullscreenApiSupported(this) && Kn.isFullscreenApiSupported((e = m(R, this)) == null ? void 0 : e.videoElement) ? new Kn(m(R, this).videoElement) : new Kn(this)), m(Ai, this).on("on fullscreen change", (e) => {
+	m(R, this) && (h(ji, this, !qn.isFullscreenApiSupported(this) && qn.isFullscreenApiSupported((e = m(R, this)) == null ? void 0 : e.videoElement) ? new qn(m(R, this).videoElement) : new qn(this)), m(ji, this).on("on fullscreen change", (e) => {
 		e ? p(H, this, U).call(this, _.FULLSCREEN, "") : p(H, this, W).call(this, _.FULLSCREEN);
 	}));
 }
-function ka() {
-	return this.hasAttribute(_.TIMESHIFT_POSITION) ? m(Ai, this) : m(ki, this);
+function Aa() {
+	return this.hasAttribute(_.TIMESHIFT_POSITION) ? m(ji, this) : m(Ai, this);
 }
-function Aa(e) {
-	h(Mi, this, new De({
-		background: m(Pi, this),
-		receiverApplicationId: m(Ni, this),
+function ja(e) {
+	h(Ni, this, new De({
+		background: m(Fi, this),
+		receiverApplicationId: m(Pi, this),
 		options: e.getCastOptions()
-	})), m(Mi, this).init().then(() => {
+	})), m(Ni, this).init().then(() => {
 		var e, t, n;
-		p(H, this, U).call(this, _.CAST_AVAILABLE, ""), (e = m(Mi, this)) == null || e.on("connected", p(H, this, ja).bind(this)), (t = m(Mi, this)) == null || t.on("resumed", p(H, this, ja).bind(this)), (n = m(Mi, this)) == null || n.on("disconnected", p(H, this, Ma).bind(this));
+		p(H, this, U).call(this, _.CAST_AVAILABLE, ""), (e = m(Ni, this)) == null || e.on("connected", p(H, this, Ma).bind(this)), (t = m(Ni, this)) == null || t.on("resumed", p(H, this, Ma).bind(this)), (n = m(Ni, this)) == null || n.on("disconnected", p(H, this, Na).bind(this));
 	}).catch((e) => {
 		m(V, this).warn("Failed to initialize CastSender", e);
 	});
 }
-function ja() {
+function Ma() {
 	var e, t;
 	p(H, this, U).call(this, _.IS_CASTING, "");
-	let n = (e = (t = m(Mi, this)) == null ? void 0 : t.getReceiverName()) == null ? "device" : e;
+	let n = (e = (t = m(Ni, this)) == null ? void 0 : t.getReceiverName()) == null ? "device" : e;
 	p(H, this, U).call(this, _.CAST_RECEIVER_NAME, n);
 }
-function Ma() {
+function Na() {
 	p(H, this, W).call(this, _.IS_CASTING), p(H, this, W).call(this, _.CAST_RECEIVER_NAME);
 }
-function Na(e) {
+function Pa(e) {
 	var t;
-	(t = m(ji, this)) == null || t.unload();
+	(t = m(Mi, this)) == null || t.unload();
 	let n = e.getCastOptions();
-	h(ji, this, new Rn({
+	h(Mi, this, new Rn({
 		url: n.url,
 		channelId: n.channelId,
 		authenticationToken: n.authenticationToken,
 		container: this
-	})), m(ji, this).once("available", () => {
+	})), m(Mi, this).once("available", () => {
 		p(H, this, U).call(this, _.AIRPLAY_AVAILABLE, "");
-	}), m(ji, this).on("connected", () => {
+	}), m(Mi, this).on("connected", () => {
 		p(H, this, U).call(this, _.IS_AIRPLAYING, "");
-	}), m(ji, this).on("disconnected", () => {
+	}), m(Mi, this).on("disconnected", () => {
 		p(H, this, W).call(this, _.IS_AIRPLAYING);
 	});
 }
-function Pa(e) {
+function Fa(e) {
 	var t;
 	if ((t = m(B, this)) == null || t.unload(), !se()) {
-		if (e.audioNode) h(B, this, new Nr(e.audioNode));
-		else if (e.mediaElement instanceof HTMLMediaElement) h(B, this, new Nr(e.mediaElement));
+		if (e.audioNode) h(B, this, new Pr(e.audioNode));
+		else if (e.mediaElement instanceof HTMLMediaElement) h(B, this, new Pr(e.mediaElement));
 		else return;
 		m(B, this).on("on decibel change", (e) => {
 			p(H, this, U).call(this, _.VOLUME_LEVEL, JSON.stringify(e));
@@ -2614,37 +2627,37 @@ function Pa(e) {
 		})), (!m(B, this).isMediaElementSource || !this.hasAttribute(_.MUTED)) && m(B, this).start();
 	}
 }
-function Fa() {
+function Ia() {
 	let e = () => (customElements.get("vindral-debug-panel") || import("./C2-H3s2r.js").then((e) => e.n).then(({ registerDebugComponents: e }) => e()), this.setAttribute(_.DEBUG_PANEL_OPEN, ""), m(I, this));
-	window._vindralDebug = e, h(Li, this, e);
+	window._vindralDebug = e, h(Ri, this, e);
 }
-function Ia() {
+function La() {
 	let e = window;
-	m(Li, this) && e._vindralDebug === m(Li, this) && delete e._vindralDebug, h(Li, this, null);
-}
-function La(e) {
-	e.pointerType !== "mouse" && e.timeStamp - m(oa, this) < 250 || (p(H, this, Ga).call(this), m(yi, this) && clearTimeout(m(yi, this)), e.target instanceof HTMLElement && ([this, m(xi, this)].includes(e.target) || e.target.localName === "vindral-scroll-overlay") && p(H, this, Ka).call(this));
+	m(Ri, this) && e._vindralDebug === m(Ri, this) && delete e._vindralDebug, h(Ri, this, null);
 }
 function Ra(e) {
-	let t = this.hasAttribute(_.USER_INTERACTING);
-	e.pointerType === "touch" && e.target instanceof HTMLElement ? [this, m(xi, this)].includes(e.target) && t ? p(H, this, Wa).call(this) : p(H, this, Ka).call(this) : e.composedPath().some((e) => e instanceof HTMLElement && ["vindral-play-button"].includes(e == null ? void 0 : e.localName)) && p(H, this, Ka).call(this);
+	e.pointerType !== "mouse" && e.timeStamp - m(sa, this) < 250 || (p(H, this, Ka).call(this), m(bi, this) && clearTimeout(m(bi, this)), e.target instanceof HTMLElement && ([this, m(Si, this)].includes(e.target) || e.target.localName === "vindral-scroll-overlay") && p(H, this, qa).call(this));
 }
 function za(e) {
+	let t = this.hasAttribute(_.USER_INTERACTING);
+	e.pointerType === "touch" && e.target instanceof HTMLElement ? [this, m(Si, this)].includes(e.target) && t ? p(H, this, Ga).call(this) : p(H, this, qa).call(this) : e.composedPath().some((e) => e instanceof HTMLElement && ["vindral-play-button"].includes(e == null ? void 0 : e.localName)) && p(H, this, qa).call(this);
+}
+function Ba(e) {
 	switch (e) {
 		case "dblclick-fullscreen": return x(this.getAttribute(_.DOUBLE_CLICK_FULLSCREEN_ENABLED), !0);
 		default: return !0;
 	}
 }
-function Ba(e) {
-	p(H, this, za).call(this, "dblclick-fullscreen") && (!m(ki, this) || e.target instanceof S || e.target instanceof ze || e.target instanceof mi || (this.hasAttribute(_.FULLSCREEN) ? this.removeAttribute(_.FULLSCREEN) : this.setAttribute(_.FULLSCREEN, "")));
-}
 function Va(e) {
-	this.hasAttribute(_.USER_INTERACTING) || p(H, this, Ka).call(this);
+	p(H, this, Ba).call(this, "dblclick-fullscreen") && (!m(Ai, this) || e.target instanceof S || e.target instanceof ze || e.target instanceof hi || (this.hasAttribute(_.FULLSCREEN) ? this.removeAttribute(_.FULLSCREEN) : this.setAttribute(_.FULLSCREEN, "")));
 }
 function Ha(e) {
+	this.hasAttribute(_.USER_INTERACTING) || p(H, this, qa).call(this);
+}
+function Ua(e) {
 	var t;
 	let { metaKey: n, altKey: r, key: i } = e;
-	if (n || r || !gi.includes(i)) return;
+	if (n || r || !_i.includes(i)) return;
 	let a = (t = e.target) == null ? void 0 : t.keysUsed;
 	if (!(Array.isArray(a) && a.includes(i)) && !e.composedPath().some((e) => {
 		let t = e == null ? void 0 : e.keysUsed;
@@ -2662,28 +2675,28 @@ function Ha(e) {
 			break;
 	}
 }
-function Ua() {
+function Wa() {
 	var e = this;
 	return t(function* () {
-		if (!m(I, e) || !m(Ei, e)) return;
+		if (!m(I, e) || !m(Di, e)) return;
 		let t = Date.now();
-		if (m(pa, e) && t - m(pa, e) < 1e4) m(V, e).debug("Skipping channel update, last update was less than 10 seconds ago.");
+		if (m(ma, e) && t - m(ma, e) < 1e4) m(V, e).debug("Skipping channel update, last update was less than 10 seconds ago.");
 		else {
-			h(pa, e, t);
-			let n = yield m(I, e).getApiClient().getChannels(m(Ei, e));
+			h(ma, e, t);
+			let n = yield m(I, e).getApiClient().getChannels(m(Di, e));
 			p(H, e, U).call(e, _.CHANNELS, JSON.stringify(n));
 		}
-		h(Fi, e, window.setTimeout(() => void p(H, e, Ua).call(e), 1e4));
+		h(Ii, e, window.setTimeout(() => void p(H, e, Wa).call(e), 1e4));
 	})();
 }
-function Wa() {
+function Ga() {
 	!this.hasAttribute(_.USER_INTERACTING) || this.hasAttribute(_.UI_LOCKED) || (this.dispatchEvent(new CustomEvent("user-interacting", {
 		bubbles: !0,
 		composed: !0,
 		detail: { active: !1 }
 	})), this.removeAttribute(_.USER_INTERACTING));
 }
-function Ga() {
+function Ka() {
 	this.hasAttribute(_.USER_INTERACTING) || requestAnimationFrame(() => {
 		this.setAttribute(_.USER_INTERACTING, ""), this.dispatchEvent(new CustomEvent("user-interacting", {
 			bubbles: !0,
@@ -2692,64 +2705,64 @@ function Ga() {
 		}));
 	});
 }
-function Ka() {
-	p(H, this, Ga).call(this), m(yi, this) && clearTimeout(m(yi, this)), m(vi, this) && h(yi, this, self.setTimeout(() => {
-		p(H, this, Wa).call(this);
-	}, m(vi, this)));
-}
 function qa() {
+	p(H, this, Ka).call(this), m(bi, this) && clearTimeout(m(bi, this)), m(yi, this) && h(bi, this, self.setTimeout(() => {
+		p(H, this, Ga).call(this);
+	}, m(yi, this)));
+}
+function Ja() {
 	var e;
 	let t = getComputedStyle(this).getPropertyValue("--vindral-subtitle-offset") || "0px";
 	(e = m(I, this)) == null || (e = e.mediaElement) == null || e.style.setProperty("--vindral-subtitle-offset", t);
 }
-function Ja() {
+function Ya() {
 	var e;
-	p(H, this, Ea).call(this), p(H, this, Qa).call(this), (e = m(z, this)) == null || e.request().catch((e) => {
+	p(H, this, Da).call(this), p(H, this, $a).call(this), (e = m(z, this)) == null || e.request().catch((e) => {
 		m(V, this).warn("Failed to enter picture in picture:", e);
 	});
 }
-function Ya() {
+function Xa() {
 	var e;
 	(e = m(z, this)) == null || e.exit().catch((e) => {
 		m(V, this).warn("Failed to exit picture in picture:", e);
 	});
 }
-function Xa() {
-	let e = p(H, this, ka).call(this);
+function Za() {
+	let e = p(H, this, Aa).call(this);
 	if (!e) {
 		console.warn("No fullscreen target available"), this.setAttribute(_.FULLSCREEN_FALLBACK, ""), p(H, this, U).call(this, _.FULLSCREEN, "");
 		return;
 	}
-	e != null && e.isFullscreenApiSupported() ? (p(H, this, Qa).call(this), e == null || e.request().then(() => {
-		m(ma, this).call(this);
+	e != null && e.isFullscreenApiSupported() ? (p(H, this, $a).call(this), e == null || e.request().then(() => {
+		m(ha, this).call(this);
 	}).catch((e) => {
 		m(V, this).warn("Failed to enter fullscreen:", e);
 	})) : (this.setAttribute(_.FULLSCREEN_FALLBACK, ""), p(H, this, U).call(this, _.FULLSCREEN, ""));
 }
-function Za() {
-	let e = p(H, this, ka).call(this);
+function Qa() {
+	let e = p(H, this, Aa).call(this);
 	e != null && e.isFullscreenApiSupported() ? e == null || e.exit().then(() => {
-		m(ha, this).call(this);
+		m(ga, this).call(this);
 	}).catch((e) => {
 		m(V, this).warn("Failed to exit fullscreen:", e);
 	}) : (this.removeAttribute(_.FULLSCREEN_FALLBACK), p(H, this, W).call(this, _.FULLSCREEN));
 }
-function Qa() {
-	m(I, this) && m(I, this).emitter.emit("ios-hack: reset size");
-}
 function $a() {
-	return this.hasAttribute(_.DEBUG_PANEL_OPEN);
+	m(I, this) && m(I, this).emitter.emit("ios-hack: reset size");
 }
 function eo() {
-	p(H, this, $a).call(this) ? p(H, this, to).call(this) : p(H, this, no).call(this);
+	return this.hasAttribute(_.DEBUG_PANEL_OPEN);
 }
 function to() {
-	m(ga, this) === null && (p(H, this, ro).call(this), h(ga, this, window.setInterval(() => p(H, this, ro).call(this), 1e3)));
+	p(H, this, eo).call(this) ? p(H, this, no).call(this) : p(H, this, ro).call(this);
 }
 function no() {
-	m(ga, this) && (clearInterval(m(ga, this)), h(ga, this, null)), this.removeAttribute(_.DRIFT), p(H, this, W).call(this, _.DRIFT), p(H, this, W).call(this, _.PLAYBACK_LATENCY), p(H, this, W).call(this, _.CONNECTION_STATE);
+	m(_a, this) === null && (p(H, this, io).call(this), h(_a, this, window.setInterval(() => p(H, this, io).call(this), 1e3)));
 }
 function ro() {
+	m(_a, this) && (clearInterval(m(_a, this)), h(_a, this, null)), this.removeAttribute(_.DRIFT), p(H, this, W).call(this, _.DRIFT), p(H, this, W).call(this, _.PLAYBACK_LATENCY), p(H, this, W).call(this, _.CONNECTION_STATE);
+}
+function io() {
 	if (!m(I, this)) return;
 	try {
 		let e = m(I, this).getStatistics().drift;
@@ -2765,13 +2778,13 @@ function ro() {
 }
 function U(e, t) {
 	var n;
-	(n = m(_i, this).get(e)) == null || n.forEach((n) => n.setAttribute(e, t));
+	(n = m(vi, this).get(e)) == null || n.forEach((n) => n.setAttribute(e, t));
 }
 function W(e) {
 	var t;
-	(t = m(_i, this).get(e)) == null || t.forEach((t) => t.removeAttribute(e));
+	(t = m(vi, this).get(e)) == null || t.forEach((t) => t.removeAttribute(e));
 }
-e(_a, "observedAttributes", [
+e(va, "observedAttributes", [
 	...me,
 	"url",
 	"edge-url",
@@ -2811,8 +2824,8 @@ e(_a, "observedAttributes", [
 	"auto-instance-enabled",
 	"language"
 ]);
-var io = { _: "https://lb.cdn.vindral.com" }, ao, oo = document.createElement("template");
-oo.innerHTML = `
+var ao = { _: "https://lb.cdn.vindral.com" }, oo, so = document.createElement("template");
+so.innerHTML = `
   <style>
     :host {
       display: var(--fullscreen-button-display);
@@ -2836,10 +2849,10 @@ oo.innerHTML = `
 </slot>
   </slot>
 `;
-var so = class extends S {
+var co = class extends S {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(oo.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild(so.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("aria-label", this.isFullscreen ? "Exit fullscreen" : "Enter fullscreen");
@@ -2864,48 +2877,48 @@ var so = class extends S {
 		}));
 	}
 };
-ao = so, e(so, "observedAttributes", [...b(ao, "observedAttributes", ao), _.FULLSCREEN]);
+oo = co, e(co, "observedAttributes", [...b(oo, "observedAttributes", oo), _.FULLSCREEN]);
 //#endregion
 //#region ../../libs/player-next/src/components/LanguageMenu.ts
-var co, lo = "\n    <svg  xmlns=\"http://www.w3.org/2000/svg\"  width=\"24\"  height=\"24\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M4 5h7\" /><path d=\"M9 3v2c0 4.418 -2.239 8 -5 8\" /><path d=\"M5 9c0 2.144 2.952 3.908 6.7 4\" /><path d=\"M12 20l4 -9l4 9\" /><path d=\"M19.1 18h-6.2\" /></svg>\n", uo = document.createElement("template");
-uo.innerHTML = `
+var lo, uo = "\n    <svg  xmlns=\"http://www.w3.org/2000/svg\"  width=\"24\"  height=\"24\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M4 5h7\" /><path d=\"M9 3v2c0 4.418 -2.239 8 -5 8\" /><path d=\"M5 9c0 2.144 2.952 3.908 6.7 4\" /><path d=\"M12 20l4 -9l4 9\" /><path d=\"M19.1 18h-6.2\" /></svg>\n", fo = document.createElement("template");
+fo.innerHTML = `
   <style>
     :host(:not([hidden])) {
       display: var(--language-menu-display);
     }
   </style>
 
-  <slot name="button">${lo}</slot>
+  <slot name="button">${uo}</slot>
   <slot name="listbox" hidden>
     <vindral-language-menu-list id="listbox" part="listbox"></vindral-language-menu-list>
   </slot>
 `;
-var fo = /* @__PURE__ */ new WeakSet(), po = class extends ze {
+var po = /* @__PURE__ */ new WeakSet(), mo = class extends ze {
 	constructor() {
 		var e, t, n, r;
-		super(), g(this, fo), (e = this.shadowRoot) == null || e.appendChild(uo.content.cloneNode(!0)), this.button = (t = this.shadowRoot) == null ? void 0 : t.querySelector("slot[name=button]"), this.listbox = (n = this.shadowRoot) == null ? void 0 : n.querySelector("[part=listbox]"), this.listboxSlot = (r = this.shadowRoot) == null ? void 0 : r.querySelector("slot[name=listbox]");
+		super(), g(this, po), (e = this.shadowRoot) == null || e.appendChild(fo.content.cloneNode(!0)), this.button = (t = this.shadowRoot) == null ? void 0 : t.querySelector("slot[name=button]"), this.listbox = (n = this.shadowRoot) == null ? void 0 : n.querySelector("[part=listbox]"), this.listboxSlot = (r = this.shadowRoot) == null ? void 0 : r.querySelector("slot[name=listbox]");
 	}
 	connectedCallback() {
-		super.connectedCallback(), p(fo, this, mo).call(this), this.setAttribute("aria-label", "Languages");
+		super.connectedCallback(), p(po, this, ho).call(this), this.setAttribute("aria-label", "Languages");
 	}
 	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), (e === _.LANGUAGES || e === _.TEXT_TRACKS) && p(fo, this, mo).call(this);
+		super.attributeChangedCallback(e, t, n), (e === _.LANGUAGES || e === _.TEXT_TRACKS) && p(po, this, ho).call(this);
 	}
 };
-co = po;
-function mo() {
+lo = mo;
+function ho() {
 	let e = (e) => (e ? JSON.parse(e) : []).length < 2, t = e(this.getAttribute(_.LANGUAGES)), n = e(this.getAttribute(_.TEXT_TRACKS));
 	t && n ? this.setAttribute("hidden", "") : this.removeAttribute("hidden");
 }
-e(po, "observedAttributes", [
-	...b(co, "observedAttributes", co),
+e(mo, "observedAttributes", [
+	...b(lo, "observedAttributes", lo),
 	_.LANGUAGES,
 	_.TEXT_TRACKS
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/LanguageMenuList.ts
-var ho = document.createElement("template");
-ho.innerHTML = `
+var go = document.createElement("template");
+go.innerHTML = `
   <style>
     :host {
       font: inherit;
@@ -3019,21 +3032,21 @@ ho.innerHTML = `
     <div class="menu"></div>
   </div>
 `;
-var go = /* @__PURE__ */ new WeakMap(), _o = /* @__PURE__ */ new WeakMap(), vo = /* @__PURE__ */ new WeakMap(), yo = /* @__PURE__ */ new WeakMap(), bo = /* @__PURE__ */ new WeakMap(), xo = /* @__PURE__ */ new WeakMap(), So = /* @__PURE__ */ new WeakMap(), Co = /* @__PURE__ */ new WeakMap(), wo = /* @__PURE__ */ new WeakMap(), To = /* @__PURE__ */ new WeakMap(), Eo = /* @__PURE__ */ new WeakMap(), Do = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakSet(), Oo = class extends HTMLElement {
+var _o = /* @__PURE__ */ new WeakMap(), vo = /* @__PURE__ */ new WeakMap(), yo = /* @__PURE__ */ new WeakMap(), bo = /* @__PURE__ */ new WeakMap(), xo = /* @__PURE__ */ new WeakMap(), So = /* @__PURE__ */ new WeakMap(), Co = /* @__PURE__ */ new WeakMap(), wo = /* @__PURE__ */ new WeakMap(), To = /* @__PURE__ */ new WeakMap(), Eo = /* @__PURE__ */ new WeakMap(), Do = /* @__PURE__ */ new WeakMap(), Oo = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakSet(), ko = class extends HTMLElement {
 	constructor() {
-		super(), g(this, G), f(this, go, []), f(this, _o, []), f(this, vo, void 0), f(this, yo, void 0), f(this, bo, []), f(this, xo, []), f(this, So, null), f(this, Co, null), f(this, wo, null), f(this, To, null), f(this, Eo, null), f(this, Do, null), e(this, "handleEvent", (e) => {
+		super(), g(this, G), f(this, _o, []), f(this, vo, []), f(this, yo, void 0), f(this, bo, void 0), f(this, xo, []), f(this, So, []), f(this, Co, null), f(this, wo, null), f(this, To, null), f(this, Eo, null), f(this, Do, null), f(this, Oo, null), e(this, "handleEvent", (e) => {
 			switch (e.type) {
 				case "keydown":
-					p(G, this, Lo).call(this, e);
+					p(G, this, Ro).call(this, e);
 					break;
 			}
-		}), this.attachShadow({ mode: "open" }).appendChild(ho.content.cloneNode(!0));
+		}), this.attachShadow({ mode: "open" }).appendChild(go.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		let e = this.getRootNode();
 		if (e instanceof ShadowRoot) {
 			var t, n, r;
-			h(wo, this, e.host.closest("vindral-controller")), (t = m(wo, this)) == null || t.connectListener(this), h(So, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#languages .menu")), h(Co, this, (r = this.shadowRoot) == null ? void 0 : r.querySelector("#text-tracks .menu")), p(G, this, ko).call(this), p(G, this, Ao).call(this), h(To, this, e.host), this.addEventListener("keydown", this);
+			h(To, this, e.host.closest("vindral-controller")), (t = m(To, this)) == null || t.connectListener(this), h(Co, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#languages .menu")), h(wo, this, (r = this.shadowRoot) == null ? void 0 : r.querySelector("#text-tracks .menu")), p(G, this, Ao).call(this), p(G, this, jo).call(this), h(Eo, this, e.host), this.addEventListener("keydown", this);
 		}
 	}
 	disconnectedCallback() {
@@ -3043,16 +3056,16 @@ var go = /* @__PURE__ */ new WeakMap(), _o = /* @__PURE__ */ new WeakMap(), vo =
 		t !== n && (e === _.LANGUAGES && n && (this.languages = JSON.parse(n)), e === _.TEXT_TRACKS && n && (this.textTracks = JSON.parse(n)), e === _.LANGUAGE && (this.language = n), e === _.TEXT_TRACK && (this.textTrack = n));
 	}
 	set languages(e) {
-		h(go, this, e), p(G, this, Mo).call(this), p(G, this, Po).call(this);
+		h(_o, this, e), p(G, this, No).call(this), p(G, this, Fo).call(this);
 	}
 	set textTracks(e) {
-		h(_o, this, e), p(G, this, jo).call(this), p(G, this, Fo).call(this);
+		h(vo, this, e), p(G, this, Mo).call(this), p(G, this, Io).call(this);
 	}
 	set language(e) {
-		h(vo, this, e), p(G, this, Po).call(this);
+		h(yo, this, e), p(G, this, Fo).call(this);
 	}
 	set textTrack(e) {
-		h(yo, this, e), p(G, this, Fo).call(this);
+		h(bo, this, e), p(G, this, Io).call(this);
 	}
 	get keysUsed() {
 		return [
@@ -3069,10 +3082,10 @@ var go = /* @__PURE__ */ new WeakMap(), _o = /* @__PURE__ */ new WeakMap(), vo =
 		];
 	}
 	focus() {
-		m(Eo, this) ? m(Eo, this).focus() : m(Do, this) && m(Do, this).focus();
+		m(Do, this) ? m(Do, this).focus() : m(Oo, this) && m(Oo, this).focus();
 	}
 };
-function ko() {
+function Ao() {
 	new IntersectionObserver((e) => {
 		e.forEach((e) => {
 			if (e.intersectionRatio !== 1) if (e.intersectionRatio > 0) {
@@ -3081,55 +3094,55 @@ function ko() {
 			} else this.style.height = "auto";
 		});
 	}, {
-		root: m(wo, this),
+		root: m(To, this),
 		threshold: 0
 	}).observe(this);
 }
-function Ao() {
-	m(So, this) && (p(G, this, Mo).call(this), p(G, this, Po).call(this)), m(Co, this) && (p(G, this, jo).call(this), p(G, this, Fo).call(this));
-}
 function jo() {
-	m(Co, this).innerHTML = "", h(xo, this, []);
-	let e = p(G, this, No).call(this, "Off", "textTrack", void 0);
-	m(Co, this).appendChild(e), m(xo, this).push({
+	m(Co, this) && (p(G, this, No).call(this), p(G, this, Fo).call(this)), m(wo, this) && (p(G, this, Mo).call(this), p(G, this, Io).call(this));
+}
+function Mo() {
+	m(wo, this).innerHTML = "", h(So, this, []);
+	let e = p(G, this, Po).call(this, "Off", "textTrack", void 0);
+	m(wo, this).appendChild(e), m(So, this).push({
 		element: e,
 		value: void 0
-	}), m(_o, this).forEach((e) => {
-		let t = p(G, this, No).call(this, e, "textTrack", e);
-		m(Co, this).appendChild(t), m(xo, this).push({
+	}), m(vo, this).forEach((e) => {
+		let t = p(G, this, Po).call(this, e, "textTrack", e);
+		m(wo, this).appendChild(t), m(So, this).push({
 			element: t,
 			value: e
 		});
-	}), p(G, this, Fo).call(this);
+	}), p(G, this, Io).call(this);
 }
-function Mo() {
-	m(So, this).innerHTML = "", h(bo, this, []), m(go, this).forEach((e) => {
-		let t = p(G, this, No).call(this, e, "language", e);
-		m(So, this).appendChild(t), m(bo, this).push({
+function No() {
+	m(Co, this).innerHTML = "", h(xo, this, []), m(_o, this).forEach((e) => {
+		let t = p(G, this, Po).call(this, e, "language", e);
+		m(Co, this).appendChild(t), m(xo, this).push({
 			element: t,
 			value: e
 		});
-	}), p(G, this, Po).call(this);
+	}), p(G, this, Fo).call(this);
 }
-function No(e, t, n) {
+function Po(e, t, n) {
 	let r = document.createElement("div");
-	return r.setAttribute("role", "menuitem"), r.textContent = e, r.addEventListener("click", () => p(G, this, Io).call(this, n, t)), r;
-}
-function Po() {
-	m(Eo, this) && (m(Eo, this).removeAttribute("aria-selected"), m(Eo, this).tabIndex = -1);
-	let e = m(bo, this).find((e) => e.value === m(vo, this));
-	e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, h(Eo, this, e.element));
+	return r.setAttribute("role", "menuitem"), r.textContent = e, r.addEventListener("click", () => p(G, this, Lo).call(this, n, t)), r;
 }
 function Fo() {
 	m(Do, this) && (m(Do, this).removeAttribute("aria-selected"), m(Do, this).tabIndex = -1);
 	let e = m(xo, this).find((e) => e.value === m(yo, this));
-	if (e) e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, h(Do, this, e.element);
+	e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, h(Do, this, e.element));
+}
+function Io() {
+	m(Oo, this) && (m(Oo, this).removeAttribute("aria-selected"), m(Oo, this).tabIndex = -1);
+	let e = m(So, this).find((e) => e.value === m(bo, this));
+	if (e) e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, h(Oo, this, e.element);
 	else {
-		let e = m(xo, this).find((e) => e.value === void 0);
-		e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, h(Do, this, e.element));
+		let e = m(So, this).find((e) => e.value === void 0);
+		e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, h(Oo, this, e.element));
 	}
 }
-function Io(e, t) {
+function Lo(e, t) {
 	this.dispatchEvent(new Event("change", {
 		bubbles: !0,
 		composed: !0
@@ -3141,36 +3154,36 @@ function Io(e, t) {
 		detail: e
 	}));
 }
-function Lo(e) {
+function Ro(e) {
 	let { key: t, ctrlKey: n, altKey: r, metaKey: i } = e;
 	if (!(n || r || i) && this.keysUsed.includes(t)) if (e.preventDefault(), e.stopPropagation(), t === "Tab" || t === "Escape") {
 		var a;
-		(a = m(To, this)) == null || a.hide();
+		(a = m(Eo, this)) == null || a.hide();
 	} else if (t === "Enter" || t === " ") {
 		var o;
-		(o = p(G, this, Bo).call(this)) == null || (o = o.element) == null || o.click();
-	} else p(G, this, Ro).call(this, e);
+		(o = p(G, this, Vo).call(this)) == null || (o = o.element) == null || o.click();
+	} else p(G, this, zo).call(this, e);
 }
-function Ro(e) {
+function zo(e) {
 	var t;
-	let { key: n } = e, r = [...m(bo, this), ...m(xo, this)], i = (t = p(G, this, Bo).call(this)) == null ? r[0] : t;
+	let { key: n } = e, r = [...m(xo, this), ...m(So, this)], i = (t = p(G, this, Vo).call(this)) == null ? r[0] : t;
 	if (!i) return;
 	let a = r.indexOf(i), o = Math.max(0, a);
-	n === "ArrowDown" ? o++ : n === "ArrowUp" ? o-- : n === "ArrowLeft" ? o = p(G, this, zo).call(this, a, "left") : n === "ArrowRight" ? o = p(G, this, zo).call(this, a, "right") : e.key === "Home" ? o = 0 : e.key === "End" && (o = r.length - 1), o < 0 && (o = r.length - 1), o > r.length - 1 && (o = 0);
+	n === "ArrowDown" ? o++ : n === "ArrowUp" ? o-- : n === "ArrowLeft" ? o = p(G, this, Bo).call(this, a, "left") : n === "ArrowRight" ? o = p(G, this, Bo).call(this, a, "right") : e.key === "Home" ? o = 0 : e.key === "End" && (o = r.length - 1), o < 0 && (o = r.length - 1), o > r.length - 1 && (o = 0);
 	let s = r[o];
-	s && (p(G, this, Vo).call(this, s.value), s.element.focus());
+	s && (p(G, this, Ho).call(this, s.value), s.element.focus());
 }
-function zo(e, t) {
-	let n = m(bo, this).length, r = m(xo, this).length;
+function Bo(e, t) {
+	let n = m(xo, this).length, r = m(So, this).length;
 	return t === "left" ? e < n ? n + r - 1 : e - n - 1 : e >= n ? 0 : e + n;
 }
-function Bo() {
-	return [...m(bo, this), ...m(xo, this)].find((e) => e.element.tabIndex === 0);
+function Vo() {
+	return [...m(xo, this), ...m(So, this)].find((e) => e.element.tabIndex === 0);
 }
-function Vo(e) {
-	for (let t of [...m(bo, this), ...m(xo, this)]) t.element.tabIndex = t.value === e ? 0 : -1;
+function Ho(e) {
+	for (let t of [...m(xo, this), ...m(So, this)]) t.element.tabIndex = t.value === e ? 0 : -1;
 }
-e(Oo, "observedAttributes", [
+e(ko, "observedAttributes", [
 	_.LANGUAGES,
 	_.TEXT_TRACKS,
 	_.LANGUAGE,
@@ -3178,12 +3191,12 @@ e(Oo, "observedAttributes", [
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/LiveButton.ts
-var Ho, Uo = document.createElement("template");
-Uo.innerHTML = "\n  <style>\n    :host {\n      display: var(--live-button-display, flex);\n      color: var(--vindral-fg-strong, #eee);\n      border: 1px solid transparent !important;\n      font-size: 12px;\n      font-weight: bold;\n      cursor: pointer;\n      transition: all 0.2s;\n      min-width: 50px !important;\n      text-align: center;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .live-text {\n      display: inline-block;\n      vertical-align: middle;\n      margin-left: 4px;\n    }\n\n    slot[name=\"icon\"] svg {\n      width: 5px;\n      height: 5px;\n      flex-shrink: 0;\n    }\n\n    .live-dot {\n      fill: var(--vindral-fg-subtle, #b4b4b4);\n      transition: fill 0.2s;\n      transform-origin: center;\n    }\n\n    /* Red pulsing dot when live */\n    :host(:not([timeshift-position])) .live-dot {\n      fill: #ff0000;\n      animation: pulse-dot 2s ease-in-out infinite alternate;\n    }\n\n    @keyframes pulse-dot {\n      0% {\n        opacity: 0.8;\n        transform: scale(0.9);\n      }\n      100% {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    :host([disabled]) {\n      cursor: default;\n      opacity: 1;\n    }\n\n    :host([hidden]) {\n      display: none !important;\n    }\n  </style>\n\n  <slot name=\"icon\">\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"5\" height=\"5\" viewBox=\"0 0 5 5\" fill=\"currentColor\">\n    <circle cx=\"2.5\" cy=\"2.5\" r=\"2.5\" class=\"live-dot\"/>\n  </svg>\n</slot>\n  <span class=\"live-text\">LIVE</span>\n";
-var Wo = class extends S {
+var Uo, Wo = document.createElement("template");
+Wo.innerHTML = "\n  <style>\n    :host {\n      display: var(--live-button-display, flex);\n      color: var(--vindral-fg-strong, #eee);\n      border: 1px solid transparent !important;\n      font-size: 12px;\n      font-weight: bold;\n      cursor: pointer;\n      transition: all 0.2s;\n      min-width: 50px !important;\n      text-align: center;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .live-text {\n      display: inline-block;\n      vertical-align: middle;\n      margin-left: 4px;\n    }\n\n    slot[name=\"icon\"] svg {\n      width: 5px;\n      height: 5px;\n      flex-shrink: 0;\n    }\n\n    .live-dot {\n      fill: var(--vindral-fg-subtle, #b4b4b4);\n      transition: fill 0.2s;\n      transform-origin: center;\n    }\n\n    /* Red pulsing dot when live */\n    :host(:not([timeshift-position])) .live-dot {\n      fill: #ff0000;\n      animation: pulse-dot 2s ease-in-out infinite alternate;\n    }\n\n    @keyframes pulse-dot {\n      0% {\n        opacity: 0.8;\n        transform: scale(0.9);\n      }\n      100% {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    :host([disabled]) {\n      cursor: default;\n      opacity: 1;\n    }\n\n    :host([hidden]) {\n      display: none !important;\n    }\n  </style>\n\n  <slot name=\"icon\">\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"5\" height=\"5\" viewBox=\"0 0 5 5\" fill=\"currentColor\">\n    <circle cx=\"2.5\" cy=\"2.5\" r=\"2.5\" class=\"live-dot\"/>\n  </svg>\n</slot>\n  <span class=\"live-text\">LIVE</span>\n";
+var Go = class extends S {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(Uo.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild(Wo.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.updateState();
@@ -3214,15 +3227,15 @@ var Wo = class extends S {
 		}));
 	}
 };
-Ho = Wo, e(Wo, "observedAttributes", [
-	...b(Ho, "observedAttributes", Ho),
+Uo = Go, e(Go, "observedAttributes", [
+	...b(Uo, "observedAttributes", Uo),
 	_.TIMESHIFT_POSITION,
 	_.DURATION
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/MuteButton.ts
-var Go, Ko = document.createElement("template");
-Ko.innerHTML = `
+var Ko, qo = document.createElement("template");
+qo.innerHTML = `
   <style>
     :host {
       display: var(--mute-button-display);
@@ -3250,10 +3263,10 @@ Ko.innerHTML = `
 </slot>
   </slot>
 `;
-var qo = class extends S {
+var Jo = class extends S {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(Ko.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild(qo.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("aria-label", this.muted ? "UnMute" : "Mute");
@@ -3278,11 +3291,11 @@ var qo = class extends S {
 		}));
 	}
 };
-Go = qo, e(qo, "observedAttributes", [...b(Go, "observedAttributes", Go), _.MUTED]);
+Ko = Jo, e(Jo, "observedAttributes", [...b(Ko, "observedAttributes", Ko), _.MUTED]);
 //#endregion
 //#region ../../libs/player-next/src/components/PictureInPictureButton.ts
-var Jo, Yo = document.createElement("template");
-Yo.innerHTML = `
+var Yo, Xo = document.createElement("template");
+Xo.innerHTML = `
   <style>
     :host {
       display: var(--pip-button-display);
@@ -3296,10 +3309,10 @@ Yo.innerHTML = `
     <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="currentColor"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 4a3 3 0 0 1 3 3v4a1 1 0 0 1 -2 0v-4a1 1 0 0 0 -1 -1h-14a1 1 0 0 0 -1 1v10a1 1 0 0 0 1 1h6a1 1 0 0 1 0 2h-6a3 3 0 0 1 -3 -3v-10a3 3 0 0 1 3 -3z" /><path d="M20 13a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-5a2 2 0 0 1 -2 -2v-3a2 2 0 0 1 2 -2z" /></svg>
 </slot>
 `;
-var Xo = class extends S {
+var Zo = class extends S {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(Yo.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild(Xo.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("aria-label", this.isPictureInPictureActive ? "Exit picture in picture" : "Enter picture in picture");
@@ -3324,15 +3337,15 @@ var Xo = class extends S {
 		}));
 	}
 };
-Jo = Xo, e(Xo, "observedAttributes", [
-	...b(Jo, "observedAttributes", Jo),
+Yo = Zo, e(Zo, "observedAttributes", [
+	...b(Yo, "observedAttributes", Yo),
 	_.IS_PIP,
 	_.PIP_AVAILABLE
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/PlayButton.ts
-var Zo, Qo = document.createElement("template");
-Qo.innerHTML = `
+var Qo, $o = document.createElement("template");
+$o.innerHTML = `
   <style>
     :host {
       display: var(--play-button-display);
@@ -3356,10 +3369,10 @@ Qo.innerHTML = `
 </slot>
   </slot>
 `;
-var $o = class extends S {
+var es = class extends S {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(Qo.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild($o.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("aria-label", this.paused ? "Play" : "Pause");
@@ -3384,7 +3397,7 @@ var $o = class extends S {
 		}));
 	}
 };
-Zo = $o, e($o, "observedAttributes", [...b(Zo, "observedAttributes", Zo), _.PAUSED]);
+Qo = es, e(es, "observedAttributes", [...b(Qo, "observedAttributes", Qo), _.PAUSED]);
 //#endregion
 //#region ../../libs/player-next/src/PlayerAttributes.ts
 var K = {
@@ -3393,55 +3406,55 @@ var K = {
 	ADVANCED_RENDITION_MENU_ENABLED: "advanced-rendition-menu-enabled",
 	REFRESH_POSTER_ENABLED: "refresh-poster-enabled",
 	STREAM_POLL_ENABLED: "stream-poll-enabled"
-}, es = Object.values(K), ts = /* @__PURE__ */ new WeakMap(), ns = /* @__PURE__ */ new WeakMap(), rs = /* @__PURE__ */ new WeakMap(), is = /* @__PURE__ */ new WeakMap(), as = /* @__PURE__ */ new WeakMap(), os = /* @__PURE__ */ new WeakMap(), ss = /* @__PURE__ */ new WeakMap(), cs = /* @__PURE__ */ new WeakSet(), ls = class extends pe {
+}, ts = Object.values(K), ns = /* @__PURE__ */ new WeakMap(), rs = /* @__PURE__ */ new WeakMap(), is = /* @__PURE__ */ new WeakMap(), as = /* @__PURE__ */ new WeakMap(), os = /* @__PURE__ */ new WeakMap(), ss = /* @__PURE__ */ new WeakMap(), cs = /* @__PURE__ */ new WeakMap(), ls = /* @__PURE__ */ new WeakSet(), us = class extends pe {
 	constructor(e) {
-		super(), g(this, cs), f(this, ts, void 0), f(this, ns, void 0), f(this, rs, !1), f(this, is, !1), f(this, as, !0), f(this, os, null), f(this, ss, null), h(ns, this, e), h(ts, this, new fe({
+		super(), g(this, ls), f(this, ns, void 0), f(this, rs, void 0), f(this, is, !1), f(this, as, !1), f(this, os, !0), f(this, ss, null), f(this, cs, null), h(rs, this, e), h(ns, this, new fe({
 			publicEndpoint: e.url,
 			tokenFactory: () => e.authenticationToken
 		}));
 	}
 	start(e = 5e3) {
-		m(ss, this) && clearInterval(m(ss, this)), h(rs, this, !1), h(is, this, !1), p(cs, this, ps).call(this), p(cs, this, us).call(this), h(ss, this, window.setInterval(() => {
-			!m(is, this) && !m(ns, this).infiniteReconnect && !m(os, this) && m(as, this) && h(os, this, window.setTimeout(() => p(cs, this, ds).call(this), 300 * 1e3)), !m(is, this) && m(as, this) && p(cs, this, us).call(this);
+		m(cs, this) && clearInterval(m(cs, this)), h(is, this, !1), h(as, this, !1), p(ls, this, ms).call(this), p(ls, this, ds).call(this), h(cs, this, window.setInterval(() => {
+			!m(as, this) && !m(rs, this).infiniteReconnect && !m(ss, this) && m(os, this) && h(ss, this, window.setTimeout(() => p(ls, this, fs).call(this), 300 * 1e3)), !m(as, this) && m(os, this) && p(ls, this, ds).call(this);
 		}, e));
 	}
 	stop() {
-		p(cs, this, fs).call(this), m(ss, this) && (window.clearInterval(m(ss, this)), h(ss, this, null));
+		p(ls, this, ps).call(this), m(cs, this) && (window.clearInterval(m(cs, this)), h(cs, this, null));
 	}
 };
-function us() {
+function ds() {
 	var e = this;
 	return t(function* () {
-		if (m(rs, e)) return;
-		h(rs, e, !0);
+		if (m(is, e)) return;
+		h(is, e, !0);
 		let t = "Stream is offline", n = "Please stand by";
 		try {
-			let t = yield m(ts, e).getChannel(m(ns, e).channelId);
+			let t = yield m(ns, e).getChannel(m(rs, e).channelId);
 			if (t.isLive) {
-				h(is, e, !0), p(cs, e, ps).call(e), e.emit("live", t), h(rs, e, !1);
+				h(as, e, !0), p(ls, e, ms).call(e), e.emit("live", t), h(is, e, !1);
 				return;
 			}
 		} catch (e) {
 			de(e) && (e.status === 403 || e.status === 401) && (t = "Forbidden", n = "You do not have permission to view this stream");
 		}
-		m(as, e) && e.emit("error", {
+		m(os, e) && e.emit("error", {
 			title: t,
 			message: n
-		}), h(rs, e, !1);
+		}), h(is, e, !1);
 	})();
 }
-function ds() {
-	this.stop(), h(as, this, !1), this.emit("timeout");
-}
 function fs() {
-	m(os, this) && (window.clearTimeout(m(os, this)), h(os, this, null));
+	this.stop(), h(os, this, !1), this.emit("timeout");
 }
 function ps() {
-	p(cs, this, fs).call(this), h(as, this, !0);
+	m(ss, this) && (window.clearTimeout(m(ss, this)), h(ss, this, null));
+}
+function ms() {
+	p(ls, this, ps).call(this), h(os, this, !0);
 }
 //#endregion
 //#region ../../libs/player-next/src/utils/browser.ts
-var ms = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Silk-Accelerated|(hpw|web)OS|Fennec|Minimo|Opera M(obi|ini)|Blazer|Dolfin|Dolphin|Skyfire|Zune\//i, hs = navigator.userAgent.toLowerCase(), gs = ms.test(hs), _s = (e) => _a.observedAttributes.includes(e), vs = `
+var hs = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Silk-Accelerated|(hpw|web)OS|Fennec|Minimo|Opera M(obi|ini)|Blazer|Dolfin|Dolphin|Skyfire|Zune\//i, gs = navigator.userAgent.toLowerCase(), _s = hs.test(gs), vs = (e) => va.observedAttributes.includes(e), ys = `
   <style>
     :host {
       container-type: inline-size;
@@ -3451,7 +3464,7 @@ var ms = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
       display: flex;
       justify-content: center;
 
-      --vindral-volume-range-display: ${gs ? "none" : "flex"};
+      --vindral-volume-range-display: ${_s ? "none" : "flex"};
       --vindral-airplay-button-display: none;
       --vindral-play-overlay-display: none;
       --vindral-grid-item-offline-display: none;
@@ -3532,10 +3545,10 @@ var ms = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
       --vindral-subtitle-offset: -48px;
     }
   </style>
-`, ys = (e) => {
+`, bs = (e) => {
 	let t = e ? "vindral-advanced-rendition-menu" : "vindral-rendition-levels-menu";
 	return `
-    ${vs}
+    ${ys}
 
     <vindral-controller>
       <vindral-control-bar slot="top-bar">
@@ -3573,8 +3586,8 @@ var ms = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
       </vindral-center-overlay>
     </vindral-controller>
   `;
-}, bs = `
-  ${vs}
+}, xs = `
+  ${ys}
 
   <style>
     #control-bar {
@@ -3598,97 +3611,97 @@ var ms = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
       <vindral-play-overlay id="play-overlay" hidden></vindral-play-overlay>
     </vindral-center-overlay>
   </vindral-controller>
-`, xs = document.createElement("template"), Ss = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), Cs = /* @__PURE__ */ new WeakMap(), ws = /* @__PURE__ */ new WeakMap(), Ts = /* @__PURE__ */ new WeakMap(), Es = /* @__PURE__ */ new WeakMap(), Ds = /* @__PURE__ */ new WeakMap(), Os = /* @__PURE__ */ new WeakMap(), ks = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakSet(), As = /* @__PURE__ */ new WeakMap(), js = /* @__PURE__ */ new WeakMap(), Ms = /* @__PURE__ */ new WeakMap(), Ns = class extends HTMLElement {
+`, Ss = document.createElement("template"), q = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), Cs = /* @__PURE__ */ new WeakMap(), ws = /* @__PURE__ */ new WeakMap(), Ts = /* @__PURE__ */ new WeakMap(), Es = /* @__PURE__ */ new WeakMap(), Ds = /* @__PURE__ */ new WeakMap(), Os = /* @__PURE__ */ new WeakMap(), ks = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakSet(), As = /* @__PURE__ */ new WeakMap(), js = /* @__PURE__ */ new WeakMap(), Ms = /* @__PURE__ */ new WeakMap(), Ns = class extends HTMLElement {
 	constructor() {
-		super(), g(this, J), f(this, Ss, void 0), f(this, q, void 0), f(this, Cs, void 0), f(this, ws, void 0), f(this, Ts, void 0), f(this, Es, void 0), f(this, Ds, /* @__PURE__ */ new Set()), f(this, Os, () => {
+		super(), g(this, Y), f(this, q, void 0), f(this, J, void 0), f(this, Cs, void 0), f(this, ws, void 0), f(this, Ts, void 0), f(this, Es, void 0), f(this, Ds, /* @__PURE__ */ new Set()), f(this, Os, () => {
 			Array.from(this.attributes).forEach((e) => {
 				m(ks, this).call(this, e.name, e.value);
 			});
 		}), f(this, ks, (e, t) => {
-			_s(e) && (y(t) ? m(q, this).setAttribute(e, t) : m(q, this).removeAttribute(e));
+			vs(e) && (y(t) ? m(J, this).setAttribute(e, t) : m(J, this).removeAttribute(e));
 		}), f(this, As, () => {
 			Array.from(this.children).forEach((e) => {
 				m(Ds, this).add(e);
 			});
 		}), f(this, js, () => {
-			let e = m(q, this).instance;
+			let e = m(J, this).instance;
 			e && (e.on("is live", (e) => {
-				e ? (this.removeAttribute(K.OFFLINE), p(J, this, zs).call(this)) : (this.setAttribute(K.OFFLINE, ""), p(J, this, Rs).call(this, "Stream is offline", "Please stand by"));
+				e ? (this.removeAttribute(K.OFFLINE), p(Y, this, zs).call(this)) : (this.setAttribute(K.OFFLINE, ""), p(Y, this, Rs).call(this, "Stream is offline", "Please stand by"));
 			}), e.on("channels", (e) => {
-				let t = m(q, this).getAttribute("channel-id"), n = e.find((e) => e.channelId === t);
-				n && p(J, this, Ls).call(this, n);
+				let t = m(J, this).getAttribute("channel-id"), n = e.find((e) => e.channelId === t);
+				n && p(Y, this, Ls).call(this, n);
 			}), e.on("channel switch", ({ channelId: t }) => {
 				let n = e.channels.find((e) => e.channelId === t);
-				n && p(J, this, Ls).call(this, n);
+				n && p(Y, this, Ls).call(this, n);
 			}), e.on("error", (e) => {
 				if (e.code() === "connection_failed") {
-					p(J, this, Rs).call(this, "Stream is offline", "Please stand by");
+					p(Y, this, Rs).call(this, "Stream is offline", "Please stand by");
 					return;
 				}
-				e.isFatal() && (e.code() === "access_forbidden" ? p(J, this, Rs).call(this, "Forbidden", "You do not have permission to view this stream") : e.code() === "connection_failed_will_not_attempt_again" ? p(J, this, Rs).call(this, "Stream is offline", "Please stand by") : p(J, this, Rs).call(this, "An error occurred", e.message), m(ws, this).removeAttribute("hidden"), this.setAttribute(K.OFFLINE, ""), m(q, this).dispatchEvent(new CustomEvent(v.EXIT_FULLSCREEN)), m(q, this).dispatchEvent(new CustomEvent(v.EXIT_PIP)));
+				e.isFatal() && (e.code() === "access_forbidden" ? p(Y, this, Rs).call(this, "Forbidden", "You do not have permission to view this stream") : e.code() === "connection_failed_will_not_attempt_again" ? p(Y, this, Rs).call(this, "Stream is offline", "Please stand by") : p(Y, this, Rs).call(this, "An error occurred", e.message), m(ws, this).removeAttribute("hidden"), this.setAttribute(K.OFFLINE, ""), m(J, this).dispatchEvent(new CustomEvent(v.EXIT_FULLSCREEN)), m(J, this).dispatchEvent(new CustomEvent(v.EXIT_PIP)));
 			}));
 		}), f(this, Ms, () => {
-			m(q, this).connect(), m(ws, this).setAttribute("hidden", ""), p(J, this, zs).call(this), m(q, this).focus();
-		}), h(Ss, this, this.attachShadow({ mode: "open" })), p(J, this, Fs).call(this), h(q, this, m(Ss, this).querySelector("vindral-controller")), h(Cs, this, m(Ss, this).querySelector("#vindral-message")), h(ws, this, m(Ss, this).querySelector("#play-overlay")), h(Ts, this, m(Ss, this).querySelector("#center-overlay"));
+			m(J, this).connect(), m(ws, this).setAttribute("hidden", ""), p(Y, this, zs).call(this), m(J, this).focus();
+		}), h(q, this, this.attachShadow({ mode: "open" })), p(Y, this, Fs).call(this), h(J, this, m(q, this).querySelector("vindral-controller")), h(Cs, this, m(q, this).querySelector("#vindral-message")), h(ws, this, m(q, this).querySelector("#play-overlay")), h(Ts, this, m(q, this).querySelector("#center-overlay"));
 	}
 	connectedCallback() {
-		this.setAttribute(K.OFFLINE, ""), m(q, this).addEventListener("vindral-instance-ready", m(js, this)), p(J, this, Is).call(this);
+		this.setAttribute(K.OFFLINE, ""), m(J, this).addEventListener("vindral-instance-ready", m(js, this)), p(Y, this, Is).call(this);
 	}
 	disconnectedCallback() {
 		var e;
-		m(q, this).removeEventListener("vindral-instance-ready", m(js, this)), m(ws, this).removeEventListener("click", m(Ms, this)), (e = m(Es, this)) == null || e.stop();
+		m(J, this).removeEventListener("vindral-instance-ready", m(js, this)), m(ws, this).removeEventListener("click", m(Ms, this)), (e = m(Es, this)) == null || e.stop();
 	}
 	attributeChangedCallback(e, t, n) {
-		if (t !== n) if (e === _.MEDIA || e === K.ADVANCED_RENDITION_MENU_ENABLED) p(J, this, Fs).call(this);
+		if (t !== n) if (e === _.MEDIA || e === K.ADVANCED_RENDITION_MENU_ENABLED) p(Y, this, Fs).call(this);
 		else if (e === K.REFRESH_POSTER_ENABLED) {
-			let e = m(Ss, this).querySelector("vindral-poster-overlay");
+			let e = m(q, this).querySelector("vindral-poster-overlay");
 			e && (e.disabled = x(this.getAttribute(K.REFRESH_POSTER_ENABLED), !1) === !1);
 		} else m(ks, this).call(this, e, n);
 	}
 	get instance() {
-		return m(q, this).instance;
+		return m(J, this).instance;
 	}
 	get airPlay() {
-		return m(q, this).airPlay;
+		return m(J, this).airPlay;
 	}
 	get timelineMarkers() {
-		return m(q, this).timelineMarkers;
+		return m(J, this).timelineMarkers;
 	}
 	set timelineMarkers(e) {
-		m(q, this).timelineMarkers = e;
+		m(J, this).timelineMarkers = e;
 	}
 };
 function Ps() {
 	let e = _e(this.getAttribute(_.MEDIA)), t = x(this.getAttribute(K.ADVANCED_RENDITION_MENU_ENABLED), !1);
-	return e === "audio" ? bs : ys(t);
+	return e === "audio" ? xs : bs(t);
 }
 function Fs() {
-	let e = m(Ss, this).hasChildNodes(), t = e ? m(q, this) : void 0, n = e ? m(ws, this) : void 0;
-	this.isConnected && t && t.removeEventListener("vindral-instance-ready", m(js, this)), this.isConnected && n && m(Es, this) && n.removeEventListener("click", m(Ms, this)), xs.innerHTML = p(J, this, Ps).call(this);
-	let r = xs.content.cloneNode(!0);
-	h(q, this, r.querySelector("vindral-controller")), h(Cs, this, r.querySelector("#vindral-message")), h(ws, this, r.querySelector("#play-overlay")), h(Ts, this, r.querySelector("#center-overlay")), m(As, this).call(this), m(Ds, this).forEach((e) => {
-		m(q, this).appendChild(e);
-	}), m(Os, this).call(this), m(Ss, this).innerHTML = "", m(Ss, this).appendChild(r), this.isConnected && (m(q, this).addEventListener("vindral-instance-ready", m(js, this)), m(Es, this) && m(ws, this).addEventListener("click", m(Ms, this)));
+	let e = m(q, this).hasChildNodes(), t = e ? m(J, this) : void 0, n = e ? m(ws, this) : void 0;
+	this.isConnected && t && t.removeEventListener("vindral-instance-ready", m(js, this)), this.isConnected && n && m(Es, this) && n.removeEventListener("click", m(Ms, this)), Ss.innerHTML = p(Y, this, Ps).call(this);
+	let r = Ss.content.cloneNode(!0);
+	h(J, this, r.querySelector("vindral-controller")), h(Cs, this, r.querySelector("#vindral-message")), h(ws, this, r.querySelector("#play-overlay")), h(Ts, this, r.querySelector("#center-overlay")), m(As, this).call(this), m(Ds, this).forEach((e) => {
+		m(J, this).appendChild(e);
+	}), m(Os, this).call(this), m(q, this).innerHTML = "", m(q, this).appendChild(r), this.isConnected && (m(J, this).addEventListener("vindral-instance-ready", m(js, this)), m(Es, this) && m(ws, this).addEventListener("click", m(Ms, this)));
 }
 function Is() {
 	var e;
 	if (x(this.getAttribute(K.STREAM_POLL_ENABLED), !0) === !1) return;
 	let t = this.getAttribute("url"), n = this.getAttribute("channel-id"), r = (e = this.getAttribute("authentication-token")) == null ? void 0 : e, i = this.hasAttribute("infinite-reconnect");
 	if (!t || !n) {
-		this.setAttribute(K.OFFLINE, ""), p(J, this, Rs).call(this, "Invalid options", "Please enter at least a channel id and url to start the stream");
+		this.setAttribute(K.OFFLINE, ""), p(Y, this, Rs).call(this, "Invalid options", "Please enter at least a channel id and url to start the stream");
 		return;
 	}
-	h(Es, this, new ls({
+	h(Es, this, new us({
 		url: t,
 		channelId: n,
 		authenticationToken: r,
 		infiniteReconnect: i
 	})), m(Es, this).on("live", (e) => {
-		m(q, this).connect(), this.removeAttribute("offline"), p(J, this, zs).call(this), p(J, this, Ls).call(this, e);
+		m(J, this).connect(), this.removeAttribute("offline"), p(Y, this, zs).call(this), p(Y, this, Ls).call(this, e);
 	}), m(Es, this).on("timeout", () => {
-		p(J, this, zs).call(this), m(ws, this).removeAttribute("hidden");
+		p(Y, this, zs).call(this), m(ws, this).removeAttribute("hidden");
 	}), m(Es, this).on("error", (e) => {
-		this.setAttribute(K.OFFLINE, ""), p(J, this, Rs).call(this, e.title, e.message);
+		this.setAttribute(K.OFFLINE, ""), p(Y, this, Rs).call(this, e.title, e.message);
 	}), m(ws, this).addEventListener("click", m(Ms, this)), this.hasAttribute("paused") && m(Es, this).start();
 }
 function Ls(e) {
@@ -3713,7 +3726,7 @@ function Rs(e, t) {
 function zs() {
 	m(Cs, this).setAttribute("hidden", ""), m(Ts, this).removeAttribute("backdrop");
 }
-e(Ns, "observedAttributes", [..._a.observedAttributes, ...es]);
+e(Ns, "observedAttributes", [...va.observedAttributes, ...ts]);
 //#endregion
 //#region ../../libs/player-next/src/components/PosterOverlay.ts
 var Bs = document.createElement("template");
@@ -3840,12 +3853,12 @@ e(nc, "observedAttributes", [...b(Qs, "observedAttributes", Qs), _.RENDITION_LEV
 //#region ../../libs/player-next/src/components/RenditionLevelsMenuList.ts
 var ic = document.createElement("template");
 ic.innerHTML = "\n  <style>\n    :host {\n      font: inherit;\n      cursor: default;\n      padding: var(--padding-2) !important;\n      padding-top: var(--padding-3) !important;\n      border-radius: 0.25em;\n      position: absolute;\n      min-width: 140px !important;\n      background: var(--bg-subtle);\n      z-index: 1;\n      overflow: auto;\n    }\n\n    :host([list-position=\"top\"]) {\n      bottom: calc(100% + 0.5em);\n      transform: translate(-50%);\n    }\n\n    :host([list-position=\"bottom\"]) {\n      top: calc(100% + 0.5em);\n    }\n\n    :host::-webkit-scrollbar {\n      width: 5px;\n      padding-right: 5px;\n    }\n\n    :host::-webkit-scrollbar-thumb {\n      background-color: var(--fg-extra-subtle);\n      border-radius: 10px;\n      border: 0;\n    }\n\n    :host::-webkit-scrollbar-track {\n      border-radius: 10px;\n      background-color: transparent;\n    }\n\n    .menu {\n      display: grid;\n      gap: var(--padding-1);\n    }\n\n    [role=\"menuitem\"] {\n      flex: 1;\n      position: relative;\n      cursor: pointer;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      height: 44px;\n      padding: 0 var(--padding-5);\n      border-radius: 4px;\n      font-size: 14px;\n      font-style: normal;\n      font-weight: 500;\n      line-height: normal;\n      white-space: nowrap;\n      text-align: left;\n    }\n\n    [role=\"menuitem\"]:hover {\n      background: var(--bg-component-hover);\n    }\n\n    [role=\"menuitem\"][aria-selected=\"true\"] {\n      background: var(--bg-component-active);\n    }\n\n    [role=\"menuitem\"][aria-selected=\"true\"]::before {\n      content: url(\"data:image/svg+xml,%0A%20%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2078.369%2078.369%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M78.049%2019.015%2029.458%2067.606a1.094%201.094%200%200%201-1.548%200L.32%2040.015a1.094%201.094%200%200%201%200-1.547l6.704-6.704a1.095%201.095%200%200%201%201.548%200l20.113%2020.112%2041.113-41.113a1.095%201.095%200%200%201%201.548%200l6.703%206.704a1.094%201.094%200%200%201%200%201.548z%22%2F%3E%3C%2Fsvg%3E%0A\");\n      position: absolute;\n      left: calc(var(--padding-3) - var(--padding-1));\n      top: calc(50% - 8px);\n    }\n\n    [role=\"menuitem\"]:focus-visible {\n      box-shadow: inset 0 0 0 2px var(--fg-strong);\n      outline: 0;\n    }\n\n    .menu-item-subtitle {\n      font-size: 11px;\n      opacity: 0.6;\n    }\n\n    .heading {\n      text-transform: uppercase;\n      margin-bottom: var(--padding-2);\n      padding: 0 var(--padding-3);\n      font-size: 11px;\n      font-weight: bold;\n    }\n  </style>\n\n  <slot>\n    <div class=\"heading\">Max quality</div>\n    <div class=\"menu\"></div>\n  </slot>\n";
-var ac = /* @__PURE__ */ new WeakMap(), oc = /* @__PURE__ */ new WeakMap(), sc = /* @__PURE__ */ new WeakMap(), cc = /* @__PURE__ */ new WeakMap(), lc = /* @__PURE__ */ new WeakMap(), uc = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakSet(), dc = class extends HTMLElement {
+var ac = /* @__PURE__ */ new WeakMap(), oc = /* @__PURE__ */ new WeakMap(), sc = /* @__PURE__ */ new WeakMap(), cc = /* @__PURE__ */ new WeakMap(), lc = /* @__PURE__ */ new WeakMap(), uc = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakSet(), dc = class extends HTMLElement {
 	constructor() {
-		super(), g(this, Y), f(this, ac, []), f(this, oc, 2 ** 53 - 1), f(this, sc, null), f(this, cc, []), f(this, lc, null), f(this, uc, null), e(this, "handleEvent", (e) => {
+		super(), g(this, X), f(this, ac, []), f(this, oc, 2 ** 53 - 1), f(this, sc, null), f(this, cc, []), f(this, lc, null), f(this, uc, null), e(this, "handleEvent", (e) => {
 			switch (e.type) {
 				case "keydown":
-					p(Y, this, _c).call(this, e);
+					p(X, this, _c).call(this, e);
 					break;
 			}
 		}), this.attachShadow({ mode: "open" }).appendChild(ic.content.cloneNode(!0));
@@ -3854,7 +3867,7 @@ var ac = /* @__PURE__ */ new WeakMap(), oc = /* @__PURE__ */ new WeakMap(), sc =
 		let e = this.getRootNode();
 		if (e instanceof ShadowRoot) {
 			var t;
-			h(lc, this, e.host.closest("vindral-controller")), (t = m(lc, this)) == null || t.connectListener(this), p(Y, this, fc).call(this), p(Y, this, pc).call(this), h(uc, this, e.host), this.addEventListener("keydown", this);
+			h(lc, this, e.host.closest("vindral-controller")), (t = m(lc, this)) == null || t.connectListener(this), p(X, this, fc).call(this), p(X, this, pc).call(this), h(uc, this, e.host), this.addEventListener("keydown", this);
 		}
 	}
 	disconnectedCallback() {
@@ -3865,10 +3878,10 @@ var ac = /* @__PURE__ */ new WeakMap(), oc = /* @__PURE__ */ new WeakMap(), sc =
 		t !== n && (e === _.RENDITION_LEVELS && n && (this.list = JSON.parse(n)), e === _.MAX_VIDEO_BITRATE && n && (this.maxVideoBitrate = n ? parseInt(n, 10) : 2 ** 53 - 1));
 	}
 	set list(e) {
-		h(ac, this, e), p(Y, this, pc).call(this);
+		h(ac, this, e), p(X, this, pc).call(this);
 	}
 	set maxVideoBitrate(e) {
-		h(oc, this, e), p(Y, this, hc).call(this);
+		h(oc, this, e), p(X, this, hc).call(this);
 	}
 	get keysUsed() {
 		return [
@@ -3910,14 +3923,14 @@ function pc() {
 		var n, r, i, a, o, s, c, l;
 		let u = document.createElement("div");
 		u.setAttribute("role", "menuitem"), u.setAttribute("value", String((n = e.video) == null ? void 0 : n.height)), u.classList.add("menu-item"), u.tabIndex = -1;
-		let ee = p(Y, this, mc).call(this, (r = e.video) == null ? void 0 : r.frameRate);
+		let ee = p(X, this, mc).call(this, (r = e.video) == null ? void 0 : r.frameRate);
 		u.textContent = e.video ? Ee(e.video) : "";
 		let d = document.createElement("span");
-		d.classList.add("menu-item-subtitle"), d.textContent = `${Te(((i = (a = e.video) == null ? void 0 : a.bitRate) == null ? 0 : i) + ((o = (s = e.audio) == null ? void 0 : s.bitRate) == null ? 0 : o))}, ${ee}p`, u.appendChild(d), u.addEventListener("click", () => p(Y, this, gc).call(this, e)), m(cc, this).push({
+		d.classList.add("menu-item-subtitle"), d.textContent = `${Te(((i = (a = e.video) == null ? void 0 : a.bitRate) == null ? 0 : i) + ((o = (s = e.audio) == null ? void 0 : s.bitRate) == null ? 0 : o))}, ${ee}p`, u.appendChild(d), u.addEventListener("click", () => p(X, this, gc).call(this, e)), m(cc, this).push({
 			el: u,
 			id: (c = (l = e.video) == null ? void 0 : l.id) == null ? -1 : c
 		}), t.appendChild(u);
-	}), p(Y, this, hc).call(this));
+	}), p(X, this, hc).call(this));
 }
 function mc(e) {
 	return e ? e[0] % e[1] === 0 ? (e[0] / e[1]).toString() : (e[0] / e[1]).toFixed(2) : "";
@@ -3956,17 +3969,17 @@ function _c(e) {
 		(a = m(uc, this)) == null || a.hide();
 	} else if (t === "Enter" || t === " ") {
 		var o;
-		(o = p(Y, this, yc).call(this)) == null || (o = o.el) == null || o.click();
-	} else p(Y, this, vc).call(this, e);
+		(o = p(X, this, yc).call(this)) == null || (o = o.el) == null || o.click();
+	} else p(X, this, vc).call(this, e);
 }
 function vc(e) {
 	var t;
-	let { key: n } = e, r = m(cc, this), i = (t = p(Y, this, yc).call(this)) == null ? r[0] : t;
+	let { key: n } = e, r = m(cc, this), i = (t = p(X, this, yc).call(this)) == null ? r[0] : t;
 	if (!i) return;
 	let a = r.indexOf(i), o = Math.max(0, a);
 	n === "ArrowDown" ? o++ : n === "ArrowUp" ? o-- : e.key === "Home" ? o = 0 : e.key === "End" && (o = r.length - 1), o < 0 && (o = r.length - 1), o > r.length - 1 && (o = 0);
 	let s = r[o];
-	s && (p(Y, this, bc).call(this, s.id), s.el.focus());
+	s && (p(X, this, bc).call(this, s.id), s.el.focus());
 }
 function yc() {
 	return m(cc, this).find((e) => e.el.tabIndex === 0);
@@ -4046,71 +4059,71 @@ xc.innerHTML = `
   <div id="scroll-area"></div>
   <slot id="content"></slot>
 `;
-var X = /* @__PURE__ */ new WeakMap(), Sc = /* @__PURE__ */ new WeakMap(), Cc = /* @__PURE__ */ new WeakMap(), wc = /* @__PURE__ */ new WeakMap(), Tc = /* @__PURE__ */ new WeakMap(), Ec = /* @__PURE__ */ new WeakMap(), Dc = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakSet(), Oc = /* @__PURE__ */ new WeakMap(), kc = class extends HTMLElement {
+var Sc = /* @__PURE__ */ new WeakMap(), Cc = /* @__PURE__ */ new WeakMap(), wc = /* @__PURE__ */ new WeakMap(), Tc = /* @__PURE__ */ new WeakMap(), Ec = /* @__PURE__ */ new WeakMap(), Dc = /* @__PURE__ */ new WeakMap(), Oc = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakSet(), kc = /* @__PURE__ */ new WeakMap(), Ac = class extends HTMLElement {
 	constructor() {
-		super(), g(this, Z), f(this, X, null), f(this, Sc, null), f(this, Cc, !1), f(this, wc, !1), f(this, Tc, !1), f(this, Ec, () => {
+		super(), g(this, Z), f(this, Sc, null), f(this, Cc, null), f(this, wc, !1), f(this, Tc, !1), f(this, Ec, !1), f(this, Dc, () => {
 			this.open && (this.open = !1);
-		}), f(this, Dc, null), e(this, "handleEvent", (e) => {
+		}), f(this, Oc, null), e(this, "handleEvent", (e) => {
 			switch (e.type) {
 				case "touchstart":
-					p(Z, this, jc).call(this, e);
+					p(Z, this, Mc).call(this, e);
 					break;
 				case "touchmove":
-					p(Z, this, Mc).call(this, e);
+					p(Z, this, Nc).call(this, e);
 					break;
 				case "touchend":
-					p(Z, this, Nc).call(this, e);
+					p(Z, this, Pc).call(this, e);
 					break;
 			}
-		}), f(this, Oc, () => {
-			let e = m(Tc, this);
+		}), f(this, kc, () => {
+			let e = m(Ec, this);
 			if (this.scrollTop === 0) {
-				p(Z, this, Vc).call(this, e);
+				p(Z, this, Hc).call(this, e);
 				return;
 			}
-			if (!e && !p(Z, this, Pc).call(this)) {
-				p(Z, this, zc).call(this), p(Z, this, Vc).call(this);
+			if (!e && !p(Z, this, Fc).call(this)) {
+				p(Z, this, Bc).call(this), p(Z, this, Hc).call(this);
 				return;
 			}
-			!this.visible && this.scrollTop > 0 && !m(Cc, this) ? p(Z, this, Hc).call(this) : !m(Cc, this) && p(Z, this, Ic).call(this) && (this.open || (this.open = !0), e && !this.hasAttribute("snap-touch") && this.setAttribute("snap-touch", ""));
+			!this.visible && this.scrollTop > 0 && !m(wc, this) ? p(Z, this, Uc).call(this) : !m(wc, this) && p(Z, this, Lc).call(this) && (this.open || (this.open = !0), e && !this.hasAttribute("snap-touch") && this.setAttribute("snap-touch", ""));
 		}), this.attachShadow({ mode: "open" }).appendChild(xc.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		let e = this.getRootNode();
 		if (e instanceof Document || e instanceof ShadowRoot) {
 			var t, n, r;
-			h(X, this, e.querySelector("vindral-controller")), (t = m(X, this)) == null || t.connectListener(this), h(Sc, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#scroll-area")), (r = m(Sc, this)) == null || r.addEventListener("click", m(Ec, this));
+			h(Sc, this, e.querySelector("vindral-controller")), (t = m(Sc, this)) == null || t.connectListener(this), h(Cc, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#scroll-area")), (r = m(Cc, this)) == null || r.addEventListener("click", m(Dc, this));
 			let s = this.hasAttribute("touch-enabled");
-			if (h(Tc, this, ce() && s), !m(Tc, this)) this.setAttribute("snap", "");
+			if (h(Ec, this, ce() && s), !m(Ec, this)) this.setAttribute("snap", "");
 			else {
 				var i, a, o;
-				(i = m(X, this)) == null || i.addEventListener("touchstart", this, { passive: !0 }), (a = m(X, this)) == null || a.addEventListener("touchmove", this, { passive: !1 }), (o = m(X, this)) == null || o.addEventListener("touchend", this, { passive: !0 });
+				(i = m(Sc, this)) == null || i.addEventListener("touchstart", this, { passive: !0 }), (a = m(Sc, this)) == null || a.addEventListener("touchmove", this, { passive: !1 }), (o = m(Sc, this)) == null || o.addEventListener("touchend", this, { passive: !0 });
 			}
-			this.addEventListener("scroll", m(Oc, this));
+			this.addEventListener("scroll", m(kc, this));
 		}
 	}
 	disconnectedCallback() {
 		var e, t, n, r, i;
-		(e = m(Sc, this)) == null || e.removeEventListener("click", m(Ec, this)), this.removeEventListener("scroll", m(Oc, this)), (t = m(X, this)) == null || t.removeEventListener("touchstart", this), (n = m(X, this)) == null || n.removeEventListener("touchmove", this), (r = m(X, this)) == null || r.removeEventListener("touchend", this), (i = m(X, this)) == null || i.disconnectListener(this);
+		(e = m(Cc, this)) == null || e.removeEventListener("click", m(Dc, this)), this.removeEventListener("scroll", m(kc, this)), (t = m(Sc, this)) == null || t.removeEventListener("touchstart", this), (n = m(Sc, this)) == null || n.removeEventListener("touchmove", this), (r = m(Sc, this)) == null || r.removeEventListener("touchend", this), (i = m(Sc, this)) == null || i.disconnectListener(this);
 	}
 	attributeChangedCallback(e, t, n) {
-		if (t !== n && (e === _.USER_INTERACTING && n === null && p(Z, this, Fc).call(this) && setTimeout(() => {
+		if (t !== n && (e === _.USER_INTERACTING && n === null && p(Z, this, Ic).call(this) && setTimeout(() => {
 			this.open = !1;
 		}, 300), e === "open")) if (n !== null) {
 			var r;
-			h(Cc, this, !1), this.scrollTop > 0 && p(Z, this, Hc).call(this), this.scrollTo({
-				top: (r = m(Sc, this)) == null ? void 0 : r.clientHeight,
+			h(wc, this, !1), this.scrollTop > 0 && p(Z, this, Uc).call(this), this.scrollTo({
+				top: (r = m(Cc, this)) == null ? void 0 : r.clientHeight,
 				behavior: "smooth"
 			});
-		} else p(Z, this, Bc).call(this);
+		} else p(Z, this, Vc).call(this);
 	}
 	set open(e) {
 		if (e) {
 			this.setAttribute("open", "");
 			return;
 		}
-		let t = this.hasAttribute("open"), n = this.visible || p(Z, this, Fc).call(this);
-		t ? this.removeAttribute("open") : n ? p(Z, this, Bc).call(this) : (h(Cc, this, !1), this.removeAttribute("snap-touch"));
+		let t = this.hasAttribute("open"), n = this.visible || p(Z, this, Ic).call(this);
+		t ? this.removeAttribute("open") : n ? p(Z, this, Vc).call(this) : (h(wc, this, !1), this.removeAttribute("snap-touch"));
 	}
 	get open() {
 		return this.hasAttribute("open");
@@ -4122,125 +4135,125 @@ var X = /* @__PURE__ */ new WeakMap(), Sc = /* @__PURE__ */ new WeakMap(), Cc =
 		return this.hasAttribute("visible");
 	}
 };
-function Ac() {
-	return p(Z, this, Pc).call(this) || p(Z, this, Rc).call(this) || p(Z, this, Fc).call(this);
+function jc() {
+	return p(Z, this, Fc).call(this) || p(Z, this, zc).call(this) || p(Z, this, Ic).call(this);
 }
-function jc(e) {
+function Mc(e) {
 	let t = e.touches[0];
-	t && (h(wc, this, p(Z, this, Ac).call(this)), m(wc, this) && (h(Cc, this, !1), h(Dc, this, t.clientY)));
+	t && (h(Tc, this, p(Z, this, jc).call(this)), m(Tc, this) && (h(wc, this, !1), h(Oc, this, t.clientY)));
 }
-function Mc(e) {
-	if (!(!m(wc, this) || m(Dc, this) === null || this.hasAttribute("snap-touch") && this.open) && (e.preventDefault(), e.touches[0])) {
-		let t = e.touches[0].clientY, n = m(Dc, this) - t;
+function Nc(e) {
+	if (!(!m(Tc, this) || m(Oc, this) === null || this.hasAttribute("snap-touch") && this.open) && (e.preventDefault(), e.touches[0])) {
+		let t = e.touches[0].clientY, n = m(Oc, this) - t;
 		this.scrollTop = Math.max(0, n);
 	}
 }
-function Nc(e) {
-	m(wc, this) && !m(Cc, this) && p(Z, this, Fc).call(this) && (!this.hasAttribute("snap-touch") || !this.open) && (this.open = !0), h(Dc, this, null), h(wc, this, !1);
+function Pc(e) {
+	m(Tc, this) && !m(wc, this) && p(Z, this, Ic).call(this) && (!this.hasAttribute("snap-touch") || !this.open) && (this.open = !0), h(Oc, this, null), h(Tc, this, !1);
 }
-function Pc() {
+function Fc() {
 	return this.hasAttribute(_.USER_INTERACTING);
 }
-function Fc() {
+function Ic() {
 	return this.scrollTop > 0;
 }
-function Ic() {
+function Lc() {
 	var e;
-	return Math.round(this.scrollTop) === this.scrollHeight - this.clientHeight || Math.round(this.scrollTop) === ((e = m(Sc, this)) == null ? void 0 : e.clientHeight);
+	return Math.round(this.scrollTop) === this.scrollHeight - this.clientHeight || Math.round(this.scrollTop) === ((e = m(Cc, this)) == null ? void 0 : e.clientHeight);
 }
-function Lc() {
+function Rc() {
 	var e;
-	let t = (e = m(Sc, this)) == null ? void 0 : e.clientHeight;
+	let t = (e = m(Cc, this)) == null ? void 0 : e.clientHeight;
 	return !t || this.clientHeight <= 0 ? 0 : Math.max(this.clientHeight - t, 0);
 }
-function Rc() {
+function zc() {
 	let e = getComputedStyle(this), t = Number.parseFloat(e.getPropertyValue("--vindral-scroll-overlay-offset"));
-	return Number.isNaN(t) ? p(Z, this, Lc).call(this) > 0 : t > 0;
+	return Number.isNaN(t) ? p(Z, this, Rc).call(this) > 0 : t > 0;
 }
-function zc() {
+function Bc() {
 	let e = this.style.scrollBehavior;
 	this.style.scrollBehavior = "auto", this.scrollTo({
 		top: 0,
 		behavior: "auto"
 	}), this.style.scrollBehavior = e;
 }
-function Bc() {
-	h(Cc, this, !0), this.removeAttribute("snap-touch"), p(Z, this, Uc).call(this), this.scrollTo({
+function Vc() {
+	h(wc, this, !0), this.removeAttribute("snap-touch"), p(Z, this, Wc).call(this), this.scrollTo({
 		top: 0,
 		behavior: "smooth"
 	});
 }
-function Vc(e = !1) {
-	this.open = !1, e && this.removeAttribute("snap-touch"), h(Cc, this, !1), p(Z, this, Uc).call(this);
+function Hc(e = !1) {
+	this.open = !1, e && this.removeAttribute("snap-touch"), h(wc, this, !1), p(Z, this, Wc).call(this);
 }
-function Hc() {
+function Uc() {
 	this.visible || (this.visible = !0, this.dispatchEvent(new CustomEvent(v.LOCK_UI, {
 		bubbles: !0,
 		composed: !0
 	})));
 }
-function Uc() {
+function Wc() {
 	this.visible && (this.visible = !1, this.dispatchEvent(new CustomEvent(v.UNLOCK_UI, {
 		bubbles: !0,
 		composed: !0
 	})));
 }
-e(kc, "observedAttributes", [
+e(Ac, "observedAttributes", [
 	_.USER_INTERACTING,
 	"open",
 	"touch-enabled"
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/SeekBar.ts
-var Wc = 1e3, Gc = 8, Kc = document.createElement("template");
-Kc.innerHTML = "\n  <style>\n    :host {\n      --buffered: 0;\n      --vindral-range-thickness: 3px;\n      --vindral-range-hover-thickness: 5px;\n      --vindral-range-thumb-size: 10px;\n      --vindral-range-thumb-hover-size: 15px;\n      --vindral-range-fill-color: linear-gradient(\n        90deg,\n        #03a9f4 0%,\n        #03a9f4 calc(100% - min(20%, 150px)),\n        #b3e5fc 100%\n      );\n      --vindral-range-thumb-color: #03a9f4;\n      display: var(--seek-bar-display);\n      position: relative;\n    }\n\n    :host([data-no-duration]) {\n      display: none;\n    }\n\n    #hover-preview {\n      position: absolute;\n      background-color: rgba(255, 255, 255, 0.6);\n      opacity: 0;\n      pointer-events: none;\n      z-index: 1;\n    }\n\n    #time-tooltip {\n      position: absolute;\n      bottom: 100%;\n      left: 50%;\n      transform: translateX(-50%) translateY(-8px);\n      background: rgba(0, 0, 0, 0.8);\n      color: white;\n      padding: 4px 8px;\n      border-radius: 4px;\n      font-size: 12px;\n      white-space: nowrap;\n      opacity: 0;\n      pointer-events: none;\n      transition: opacity 0.2s;\n      z-index: 10;\n    }\n\n    @media (hover: none) {\n      #time-tooltip {\n        display: none;\n      }\n    }\n\n    #markers {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      z-index: 2;\n    }\n\n    .marker {\n      position: absolute;\n      top: calc(50% - var(--vindral-seek-bar-marker-size, 6px) / 2);\n      width: var(--vindral-seek-bar-marker-size, 6px);\n      height: var(--vindral-seek-bar-marker-size, 6px);\n      border-radius: 50%;\n      transform: translateX(-50%);\n      background: var(--vindral-seek-bar-marker-color, #ffffff);\n    }\n  </style>\n\n  <div id=\"buffered-track\"></div>\n  <div id=\"hover-preview\"></div>\n  <div id=\"markers\"></div>\n  <div id=\"time-tooltip\"></div>\n";
-var Q = /* @__PURE__ */ new WeakMap(), qc = /* @__PURE__ */ new WeakMap(), Jc = /* @__PURE__ */ new WeakMap(), Yc = /* @__PURE__ */ new WeakMap(), Xc = /* @__PURE__ */ new WeakMap(), Zc = /* @__PURE__ */ new WeakMap(), Qc = /* @__PURE__ */ new WeakMap(), $c = /* @__PURE__ */ new WeakMap(), el = /* @__PURE__ */ new WeakMap(), tl = /* @__PURE__ */ new WeakMap(), nl = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakSet(), rl = /* @__PURE__ */ new WeakMap(), il = /* @__PURE__ */ new WeakMap(), al = /* @__PURE__ */ new WeakMap(), ol = /* @__PURE__ */ new WeakMap(), sl = /* @__PURE__ */ new WeakMap(), cl = /* @__PURE__ */ new WeakMap(), ll = class extends mi {
+var Gc = 1e3, Kc = 8, qc = document.createElement("template");
+qc.innerHTML = "\n  <style>\n    :host {\n      --buffered: 0;\n      --vindral-range-thickness: 3px;\n      --vindral-range-hover-thickness: 5px;\n      --vindral-range-thumb-size: 10px;\n      --vindral-range-thumb-hover-size: 15px;\n      --vindral-range-fill-color: linear-gradient(\n        90deg,\n        #03a9f4 0%,\n        #03a9f4 calc(100% - min(20%, 150px)),\n        #b3e5fc 100%\n      );\n      --vindral-range-thumb-color: #03a9f4;\n      display: var(--seek-bar-display);\n      position: relative;\n    }\n\n    :host([data-no-duration]) {\n      display: none;\n    }\n\n    #hover-preview {\n      position: absolute;\n      background-color: rgba(255, 255, 255, 0.6);\n      opacity: 0;\n      pointer-events: none;\n      z-index: 1;\n    }\n\n    #time-tooltip {\n      position: absolute;\n      bottom: 100%;\n      left: 50%;\n      transform: translateX(-50%) translateY(-8px);\n      background: rgba(0, 0, 0, 0.8);\n      color: white;\n      padding: 4px 8px;\n      border-radius: 4px;\n      font-size: 12px;\n      white-space: nowrap;\n      opacity: 0;\n      pointer-events: none;\n      transition: opacity 0.2s;\n      z-index: 10;\n    }\n\n    @media (hover: none) {\n      #time-tooltip {\n        display: none;\n      }\n    }\n\n    #markers {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      z-index: 2;\n    }\n\n    .marker {\n      position: absolute;\n      top: calc(50% - var(--vindral-seek-bar-marker-size, 6px) / 2);\n      width: var(--vindral-seek-bar-marker-size, 6px);\n      height: var(--vindral-seek-bar-marker-size, 6px);\n      border-radius: 50%;\n      transform: translateX(-50%);\n      background: var(--vindral-seek-bar-marker-color, #ffffff);\n    }\n  </style>\n\n  <div id=\"buffered-track\"></div>\n  <div id=\"hover-preview\"></div>\n  <div id=\"markers\"></div>\n  <div id=\"time-tooltip\"></div>\n";
+var Q = /* @__PURE__ */ new WeakMap(), Jc = /* @__PURE__ */ new WeakMap(), Yc = /* @__PURE__ */ new WeakMap(), Xc = /* @__PURE__ */ new WeakMap(), Zc = /* @__PURE__ */ new WeakMap(), Qc = /* @__PURE__ */ new WeakMap(), $c = /* @__PURE__ */ new WeakMap(), el = /* @__PURE__ */ new WeakMap(), tl = /* @__PURE__ */ new WeakMap(), nl = /* @__PURE__ */ new WeakMap(), rl = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakSet(), il = /* @__PURE__ */ new WeakMap(), al = /* @__PURE__ */ new WeakMap(), ol = /* @__PURE__ */ new WeakMap(), sl = /* @__PURE__ */ new WeakMap(), cl = /* @__PURE__ */ new WeakMap(), ll = /* @__PURE__ */ new WeakMap(), ul = class extends hi {
 	constructor() {
 		var e, t, n, r;
-		super(), g(this, $), f(this, Q, void 0), f(this, qc, void 0), f(this, Jc, void 0), f(this, Yc, void 0), f(this, Xc, []), f(this, Zc, null), f(this, Qc, !1), f(this, $c, null), f(this, el, null), f(this, tl, !1), f(this, nl, !1), f(this, rl, (e) => {
-			if (!p($, this, fl).call(this) || p($, this, pl).call(this)) {
+		super(), g(this, $), f(this, Q, void 0), f(this, Jc, void 0), f(this, Yc, void 0), f(this, Xc, void 0), f(this, Zc, []), f(this, Qc, null), f(this, $c, !1), f(this, el, null), f(this, tl, null), f(this, nl, !1), f(this, rl, !1), f(this, il, (e) => {
+			if (!p($, this, pl).call(this) || p($, this, ml).call(this)) {
 				e.preventDefault();
 				return;
 			}
-			h(Qc, this, !0), h(el, this, e.pointerId);
+			h($c, this, !0), h(tl, this, e.pointerId);
 			try {
 				this.setPointerCapture(e.pointerId);
 			} catch (e) {}
-			p($, this, xl).call(this, e);
-		}), f(this, il, (e) => {
-			if (!(!p($, this, fl).call(this) || p($, this, pl).call(this))) {
-				if (m($c, this) && (cancelAnimationFrame(m($c, this)), h($c, this, null)), m(Qc, this) && e.pointerId === m(el, this)) {
-					e.preventDefault(), p($, this, xl).call(this, e);
+			p($, this, Sl).call(this, e);
+		}), f(this, al, (e) => {
+			if (!(!p($, this, pl).call(this) || p($, this, ml).call(this))) {
+				if (m(el, this) && (cancelAnimationFrame(m(el, this)), h(el, this, null)), m($c, this) && e.pointerId === m(tl, this)) {
+					e.preventDefault(), p($, this, Sl).call(this, e);
 					return;
 				}
-				h($c, this, requestAnimationFrame(() => {
+				h(el, this, requestAnimationFrame(() => {
 					var t;
-					if (e.pointerType !== "mouse" || m(Qc, this) || !this.duration) {
-						m(Jc, this).style.opacity = "0", h($c, this, null);
+					if (e.pointerType !== "mouse" || m($c, this) || !this.duration) {
+						m(Yc, this).style.opacity = "0", h(el, this, null);
 						return;
 					}
-					let n = p($, this, bl).call(this, e.clientX), r = p($, this, vl).call(this, n), i = (t = r == null ? void 0 : r.position) == null ? n : t;
-					if (p($, this, Cl).call(this, i, r), i > this.range.valueAsNumber) {
+					let n = p($, this, xl).call(this, e.clientX), r = p($, this, yl).call(this, n), i = (t = r == null ? void 0 : r.position) == null ? n : t;
+					if (p($, this, wl).call(this, i, r), i > this.range.valueAsNumber) {
 						let e = this.range.valueAsNumber * 100, t = (i - this.range.valueAsNumber) * 100;
-						m(Jc, this).style.transform = `translateX(${e}%) scaleX(${t / 100})`, m(Jc, this).style.opacity = "1";
-					} else m(Jc, this).style.opacity = "0";
-					h($c, this, null);
+						m(Yc, this).style.transform = `translateX(${e}%) scaleX(${t / 100})`, m(Yc, this).style.opacity = "1";
+					} else m(Yc, this).style.opacity = "0";
+					h(el, this, null);
 				}));
 			}
-		}), f(this, al, (e) => {
-			if (e.pointerId === m(el, this)) {
+		}), f(this, ol, (e) => {
+			if (e.pointerId === m(tl, this)) {
 				try {
 					this.releasePointerCapture(e.pointerId);
 				} catch (e) {}
-				h(Qc, this, !1), h(el, this, null), e.pointerType !== "mouse" && (m(qc, this).style.opacity = "0"), m(nl, this) && p($, this, El).call(this) && (h(tl, this, !1), h(nl, this, !1));
+				h($c, this, !1), h(tl, this, null), e.pointerType !== "mouse" && (m(Jc, this).style.opacity = "0"), m(rl, this) && p($, this, Dl).call(this) && (h(nl, this, !1), h(rl, this, !1));
 			}
-		}), f(this, ol, () => {
-			this.duration && !p($, this, pl).call(this) && (m(qc, this).style.opacity = "1");
 		}), f(this, sl, () => {
-			m(qc, this).style.opacity = "0", m(Jc, this).style.opacity = "0";
-		}), f(this, cl, (e) => {
-			if (p($, this, pl).call(this) || !m(Q, this) || m(Q, this) <= 0 || !Number.isFinite(m(Q, this))) return;
-			let t = p($, this, ul).call(this);
+			this.duration && !p($, this, ml).call(this) && (m(Jc, this).style.opacity = "1");
+		}), f(this, cl, () => {
+			m(Jc, this).style.opacity = "0", m(Yc, this).style.opacity = "0";
+		}), f(this, ll, (e) => {
+			if (p($, this, ml).call(this) || !m(Q, this) || m(Q, this) <= 0 || !Number.isFinite(m(Q, this))) return;
+			let t = p($, this, dl).call(this);
 			if (t <= 0) return;
 			let n = this.range.valueAsNumber * t, r = n;
 			switch (e.preventDefault(), e.key) {
@@ -4248,46 +4261,46 @@ var Q = /* @__PURE__ */ new WeakMap(), qc = /* @__PURE__ */ new WeakMap(), Jc =
 					r = Math.max(0, n - 5);
 					break;
 				case "ArrowRight":
-					if (p($, this, El).call(this)) return;
+					if (p($, this, Dl).call(this)) return;
 					r = Math.min(t, n + 5);
 					break;
 				case "Home":
 					r = 0;
 					break;
 				case "End":
-					if (p($, this, El).call(this)) return;
+					if (p($, this, Dl).call(this)) return;
 					r = t;
 					break;
 				default: return;
 			}
 			let i = Math.min(r / t, 1);
-			p($, this, Sl).call(this, i);
-		}), (e = this.shadowRoot) == null || e.appendChild(Kc.content.cloneNode(!0)), h(qc, this, (t = this.shadowRoot) == null ? void 0 : t.getElementById("time-tooltip")), h(Jc, this, (n = this.shadowRoot) == null ? void 0 : n.getElementById("hover-preview")), h(Yc, this, (r = this.shadowRoot) == null ? void 0 : r.getElementById("markers")), this.addEventListener("pointerdown", m(rl, this)), this.addEventListener("pointermove", m(il, this)), this.addEventListener("pointerup", m(al, this)), this.addEventListener("pointercancel", m(al, this)), this.addEventListener("mouseenter", m(ol, this)), this.addEventListener("mouseleave", m(sl, this));
+			p($, this, Cl).call(this, i);
+		}), (e = this.shadowRoot) == null || e.appendChild(qc.content.cloneNode(!0)), h(Jc, this, (t = this.shadowRoot) == null ? void 0 : t.getElementById("time-tooltip")), h(Yc, this, (n = this.shadowRoot) == null ? void 0 : n.getElementById("hover-preview")), h(Xc, this, (r = this.shadowRoot) == null ? void 0 : r.getElementById("markers")), this.addEventListener("pointerdown", m(il, this)), this.addEventListener("pointermove", m(al, this)), this.addEventListener("pointerup", m(ol, this)), this.addEventListener("pointercancel", m(ol, this)), this.addEventListener("mouseenter", m(sl, this)), this.addEventListener("mouseleave", m(cl, this));
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.setAttribute("aria-label", "Seek video position"), this.setAttribute("role", "slider"), p($, this, yl).call(this), this.addEventListener("keydown", m(cl, this)), p($, this, El).call(this) && (this.range.value = "1", p($, this, yl).call(this)), p($, this, ml).call(this), p($, this, gl).call(this);
+		super.connectedCallback(), this.setAttribute("aria-label", "Seek video position"), this.setAttribute("role", "slider"), p($, this, bl).call(this), this.addEventListener("keydown", m(ll, this)), p($, this, Dl).call(this) && (this.range.value = "1", p($, this, bl).call(this)), p($, this, hl).call(this), p($, this, _l).call(this);
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), p($, this, _l).call(this), this.removeEventListener("pointerdown", m(rl, this)), this.removeEventListener("pointermove", m(il, this)), this.removeEventListener("pointerup", m(al, this)), this.removeEventListener("pointercancel", m(al, this)), this.removeEventListener("mouseenter", m(ol, this)), this.removeEventListener("mouseleave", m(sl, this)), this.removeEventListener("keydown", m(cl, this)), h(el, this, null);
+		super.disconnectedCallback(), p($, this, vl).call(this), this.removeEventListener("pointerdown", m(il, this)), this.removeEventListener("pointermove", m(al, this)), this.removeEventListener("pointerup", m(ol, this)), this.removeEventListener("pointercancel", m(ol, this)), this.removeEventListener("mouseenter", m(sl, this)), this.removeEventListener("mouseleave", m(cl, this)), this.removeEventListener("keydown", m(ll, this)), h(tl, this, null);
 	}
 	attributeChangedCallback(e, t, n) {
 		if (super.attributeChangedCallback(e, t, n), t !== n) switch (e) {
 			case _.TIMESHIFT_POSITION:
-				if (p($, this, El).call(this)) {
-					m(Qc, this) ? h(nl, this, !0) : (h(tl, this, !1), h(nl, this, !1)), this.range.value = "1", p($, this, yl).call(this);
+				if (p($, this, Dl).call(this)) {
+					m($c, this) ? h(rl, this, !0) : (h(nl, this, !1), h(rl, this, !1)), this.range.value = "1", p($, this, bl).call(this);
 					return;
 				}
 				if (m(Q, this)) {
-					h(nl, this, !1);
+					h(rl, this, !1);
 					let e = Math.max(parseFloat(n) / m(Q, this), 0);
-					this.range.value = e.toString(), p($, this, yl).call(this);
+					this.range.value = e.toString(), p($, this, bl).call(this);
 				}
 				break;
 			case _.DURATION:
-				h(Q, this, parseFloat(n) || 0), p($, this, yl).call(this), p($, this, ml).call(this), p($, this, gl).call(this);
+				h(Q, this, parseFloat(n) || 0), p($, this, bl).call(this), p($, this, hl).call(this), p($, this, _l).call(this);
 				break;
 			case _.TIMELINE_MARKERS:
-				h(Xc, this, jr(n)), p($, this, ml).call(this), p($, this, gl).call(this);
+				h(Zc, this, Mr(n)), p($, this, hl).call(this), p($, this, _l).call(this);
 				break;
 		}
 	}
@@ -4305,54 +4318,54 @@ var Q = /* @__PURE__ */ new WeakMap(), qc = /* @__PURE__ */ new WeakMap(), Jc =
 		this.setAttribute(_.DURATION, e.toString());
 	}
 };
-function ul() {
+function dl() {
 	return m(Q, this) ? m(Q, this) : 1;
 }
-function dl() {
+function fl() {
 	let e = m(Q, this);
 	return e !== void 0 && e > 0 && Number.isFinite(e) ? e : void 0;
 }
-function fl() {
-	return p($, this, dl).call(this) !== void 0;
-}
 function pl() {
-	return m(tl, this);
+	return p($, this, fl).call(this) !== void 0;
 }
 function ml() {
+	return m(nl, this);
+}
+function hl() {
 	var e;
-	let t = Date.now(), n = (e = m(Q, this)) == null ? 0 : e, r = m(Yc, this).children, i = 0;
-	for (let e of m(Xc, this)) {
-		let a = Mr(e.time, t, n);
+	let t = Date.now(), n = (e = m(Q, this)) == null ? 0 : e, r = m(Xc, this).children, i = 0;
+	for (let e of m(Zc, this)) {
+		let a = Nr(e.time, t, n);
 		if (a === null) continue;
 		let o = r[i];
-		o || (o = document.createElement("div"), o.className = "marker", m(Yc, this).appendChild(o)), o.style.left = `${a * 100}%`, o.dataset.label = e.label, e.type ? o.dataset.type = e.type : delete o.dataset.type, i++;
+		o || (o = document.createElement("div"), o.className = "marker", m(Xc, this).appendChild(o)), o.style.left = `${a * 100}%`, o.dataset.label = e.label, e.type ? o.dataset.type = e.type : delete o.dataset.type, i++;
 	}
-	for (; m(Yc, this).children.length > i;) {
+	for (; m(Xc, this).children.length > i;) {
 		var a;
-		(a = m(Yc, this).lastElementChild) == null || a.remove();
+		(a = m(Xc, this).lastElementChild) == null || a.remove();
 	}
 }
-function hl() {
-	let e = p($, this, dl).call(this);
+function gl() {
+	let e = p($, this, fl).call(this);
 	if (e === void 0) return !1;
 	let t = Date.now() - e * 1e3;
-	return m(Xc, this).some((e) => e.time >= t);
-}
-function gl() {
-	this.isConnected && p($, this, hl).call(this) ? m(Zc, this) === null && h(Zc, this, window.setInterval(() => {
-		p($, this, ml).call(this), p($, this, gl).call(this);
-	}, Wc)) : p($, this, _l).call(this);
+	return m(Zc, this).some((e) => e.time >= t);
 }
 function _l() {
-	m(Zc, this) !== null && (window.clearInterval(m(Zc, this)), h(Zc, this, null));
+	this.isConnected && p($, this, gl).call(this) ? m(Qc, this) === null && h(Qc, this, window.setInterval(() => {
+		p($, this, hl).call(this), p($, this, _l).call(this);
+	}, Gc)) : p($, this, vl).call(this);
+}
+function vl() {
+	m(Qc, this) !== null && (window.clearInterval(m(Qc, this)), h(Qc, this, null));
 }
-function vl(e) {
-	if (m(Xc, this).length === 0 || !m(Q, this)) return null;
+function yl(e) {
+	if (m(Zc, this).length === 0 || !m(Q, this)) return null;
 	let t = this.getBoundingClientRect().width;
 	if (!t) return null;
-	let n = Gc / t, r = Date.now(), i = null;
-	for (let t of m(Xc, this)) {
-		let a = Mr(t.time, r, m(Q, this));
+	let n = Kc / t, r = Date.now(), i = null;
+	for (let t of m(Zc, this)) {
+		let a = Nr(t.time, r, m(Q, this));
 		if (a === null) continue;
 		let o = Math.abs(a - e);
 		o > n || (!i || o < Math.abs(i.position - e)) && (i = {
@@ -4362,59 +4375,59 @@ function vl(e) {
 	}
 	return i;
 }
-function yl() {
-	let e = p($, this, ul).call(this);
-	!m(Q, this) || m(Q, this) <= 0 || !Number.isFinite(m(Q, this)) ? this.setAttribute("data-no-duration", "") : this.removeAttribute("data-no-duration"), m(Qc, this) || (this.updateBar(), this.setAttribute("aria-valuetext", `${p($, this, Dl).call(this, this.range.valueAsNumber * e)} of ${p($, this, Dl).call(this, e)}`), !m(Qc, this) && !p($, this, pl).call(this) && p($, this, Tl).call(this, this.range.valueAsNumber));
+function bl() {
+	let e = p($, this, dl).call(this);
+	!m(Q, this) || m(Q, this) <= 0 || !Number.isFinite(m(Q, this)) ? this.setAttribute("data-no-duration", "") : this.removeAttribute("data-no-duration"), m($c, this) || (this.updateBar(), this.setAttribute("aria-valuetext", `${p($, this, Ol).call(this, this.range.valueAsNumber * e)} of ${p($, this, Ol).call(this, e)}`), !m($c, this) && !p($, this, ml).call(this) && p($, this, El).call(this, this.range.valueAsNumber));
 }
-function bl(e) {
+function xl(e) {
 	let t = this.getBoundingClientRect(), n = (e - t.left) / t.width;
 	return Math.max(0, Math.min(1, n));
 }
-function xl(e) {
+function Sl(e) {
 	var t;
-	let n = p($, this, bl).call(this, e.clientX), r = p($, this, vl).call(this, n), i = (t = r == null ? void 0 : r.position) == null ? n : t;
-	p($, this, Cl).call(this, i, r), m(Qc, this) || (m(qc, this).style.opacity = "1"), p($, this, Sl).call(this, i);
+	let n = p($, this, xl).call(this, e.clientX), r = p($, this, yl).call(this, n), i = (t = r == null ? void 0 : r.position) == null ? n : t;
+	p($, this, wl).call(this, i, r), m($c, this) || (m(Jc, this).style.opacity = "1"), p($, this, Cl).call(this, i);
 }
-function Sl(e) {
-	if (p($, this, pl).call(this) || p($, this, Tl).call(this, e)) return;
-	let t = e * p($, this, ul).call(this);
-	this.range.value = e.toString(), this.updateBar(), p($, this, wl).call(this, t);
+function Cl(e) {
+	if (p($, this, ml).call(this) || p($, this, El).call(this, e)) return;
+	let t = e * p($, this, dl).call(this);
+	this.range.value = e.toString(), this.updateBar(), p($, this, Tl).call(this, t);
 }
-function Cl(e, t) {
+function wl(e, t) {
 	if (!m(Q, this) || !Number.isFinite(m(Q, this))) return;
-	let n = e * m(Q, this), r = m(Q, this) - n, i = `-${p($, this, Dl).call(this, r)}`;
-	m(qc, this).textContent = t ? `${t.marker.label}: ${i}` : i, m(qc, this).style.left = `${Math.min(Math.max(e * 100, 2), 98)}%`;
+	let n = e * m(Q, this), r = m(Q, this) - n, i = `-${p($, this, Ol).call(this, r)}`;
+	m(Jc, this).textContent = t ? `${t.marker.label}: ${i}` : i, m(Jc, this).style.left = `${Math.min(Math.max(e * 100, 2), 98)}%`;
 }
-function wl(e) {
+function Tl(e) {
 	this.dispatchEvent(new CustomEvent("seek", {
 		bubbles: !0,
 		composed: !0,
 		detail: e
 	}));
 }
-function Tl(e) {
-	return m(tl, this) || p($, this, El).call(this) || e < .999 ? !1 : (h(tl, this, !0), h(nl, this, !1), this.dispatchEvent(new CustomEvent(v.GO_LIVE, {
+function El(e) {
+	return m(nl, this) || p($, this, Dl).call(this) || e < .999 ? !1 : (h(nl, this, !0), h(rl, this, !1), this.dispatchEvent(new CustomEvent(v.GO_LIVE, {
 		bubbles: !0,
 		composed: !0
 	})), !0);
 }
-function El() {
+function Dl() {
 	return !this.hasAttribute(_.TIMESHIFT_POSITION);
 }
-function Dl(e) {
+function Ol(e) {
 	let t = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), r = Math.floor(e % 60);
 	return m(Q, this) && m(Q, this) >= 3600 ? `${t}:${n.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}` : `${n}:${r.toString().padStart(2, "0")}`;
 }
-e(ll, "observedAttributes", [
-	...mi.observedAttributes,
+e(ul, "observedAttributes", [
+	...hi.observedAttributes,
 	_.TIMESHIFT_POSITION,
 	_.DURATION,
 	_.TIMELINE_MARKERS
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/UserInputPlayOverlay.ts
-var Ol = document.createElement("template");
-Ol.innerHTML = `
+var kl = document.createElement("template");
+kl.innerHTML = `
   <style>
     :host {
       display: var(--play-overlay-display);
@@ -4474,51 +4487,51 @@ Ol.innerHTML = `
 </slot>
   </slot>
 `;
-var kl = /* @__PURE__ */ new WeakMap(), Al = /* @__PURE__ */ new WeakMap(), jl = /* @__PURE__ */ new WeakMap(), Ml = /* @__PURE__ */ new WeakMap(), Nl = class extends HTMLElement {
+var Al = /* @__PURE__ */ new WeakMap(), jl = /* @__PURE__ */ new WeakMap(), Ml = /* @__PURE__ */ new WeakMap(), Nl = /* @__PURE__ */ new WeakMap(), Pl = class extends HTMLElement {
 	constructor() {
-		super(), f(this, kl, null), f(this, Al, () => {
+		super(), f(this, Al, null), f(this, jl, () => {
 			this.dispatchEvent(new CustomEvent(v.REQUEST_USER_INPUT, {
 				bubbles: !0,
 				composed: !0
 			}));
-		}), f(this, jl, (e) => {
+		}), f(this, Ml, (e) => {
 			let { key: t } = e;
 			if (!this.keysUsed.includes(t)) {
-				this.removeEventListener("keyup", m(jl, this));
+				this.removeEventListener("keyup", m(Ml, this));
 				return;
 			}
 			this.dispatchEvent(new CustomEvent(v.REQUEST_USER_INPUT, {
 				bubbles: !0,
 				composed: !0
 			}));
-		}), f(this, Ml, (e) => {
+		}), f(this, Nl, (e) => {
 			let { metaKey: t, altKey: n, key: r } = e;
 			if (t || n || !this.keysUsed.includes(r)) {
-				this.removeEventListener("keyup", m(jl, this));
+				this.removeEventListener("keyup", m(Ml, this));
 				return;
 			}
-			this.addEventListener("keyup", m(jl, this), { once: !0 });
-		}), this.attachShadow({ mode: "open" }).appendChild(Ol.content.cloneNode(!0));
+			this.addEventListener("keyup", m(Ml, this), { once: !0 });
+		}), this.attachShadow({ mode: "open" }).appendChild(kl.content.cloneNode(!0));
 	}
 	get keysUsed() {
 		return ["Enter", " "];
 	}
 	connectedCallback() {
 		var e;
-		h(kl, this, this.closest("vindral-controller")), (e = m(kl, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.enable();
+		h(Al, this, this.closest("vindral-controller")), (e = m(Al, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.enable();
 	}
 	enable() {
-		this.addEventListener("click", m(Al, this)), this.addEventListener("keydown", m(Ml, this)), this.tabIndex = 0;
+		this.addEventListener("click", m(jl, this)), this.addEventListener("keydown", m(Nl, this)), this.tabIndex = 0;
 	}
 	disable() {
-		this.removeEventListener("click", m(Al, this)), this.removeEventListener("keydown", m(Ml, this)), this.removeEventListener("keyup", m(jl, this)), this.tabIndex = -1;
+		this.removeEventListener("click", m(jl, this)), this.removeEventListener("keydown", m(Nl, this)), this.removeEventListener("keyup", m(Ml, this)), this.tabIndex = -1;
 	}
 	disconnectedCallback() {
 		var e;
-		(e = m(kl, this)) == null || e.disconnectListener(this), this.disable();
+		(e = m(Al, this)) == null || e.disconnectListener(this), this.disable();
 	}
 };
-e(Nl, "observedAttributes", [
+e(Pl, "observedAttributes", [
 	"hidden",
 	_.NEEDS_USER_INPUT_VIDEO,
 	_.NEEDS_USER_INPUT_AUDIO,
@@ -4526,88 +4539,88 @@ e(Nl, "observedAttributes", [
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/VindralCenterOverlay.ts
-var Pl = document.createElement("template");
-Pl.innerHTML = "\n  <style>\n    :host {\n      position: absolute;\n      inset: 0;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 16px;\n      pointer-events: none;\n      z-index: 1;\n    }\n\n    :host::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      z-index: -1;\n      background-color: rgba(0, 0, 0, 0.3);\n      background-image: var(--_backdrop-image, none);\n      background-repeat: no-repeat;\n      background-position: 50% 50%;\n      background-size: contain;\n      pointer-events: none;\n      opacity: 0;\n      transition: opacity 100ms;\n    }\n\n    :host([backdrop]:not([disable-backdrop]))::before {\n      opacity: 1;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      :host::before {\n        transition: none;\n      }\n    }\n  </style>\n\n  <slot></slot>\n";
-var Fl = class extends HTMLElement {
+var Fl = document.createElement("template");
+Fl.innerHTML = "\n  <style>\n    :host {\n      position: absolute;\n      inset: 0;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 16px;\n      pointer-events: none;\n      z-index: 1;\n    }\n\n    :host::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      z-index: -1;\n      background-color: rgba(0, 0, 0, 0.3);\n      background-image: var(--_backdrop-image, none);\n      background-repeat: no-repeat;\n      background-position: 50% 50%;\n      background-size: contain;\n      pointer-events: none;\n      opacity: 0;\n      transition: opacity 100ms;\n    }\n\n    :host([backdrop]:not([disable-backdrop]))::before {\n      opacity: 1;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      :host::before {\n        transition: none;\n      }\n    }\n  </style>\n\n  <slot></slot>\n";
+var Il = class extends HTMLElement {
 	constructor() {
-		super(), this.attachShadow({ mode: "open" }).appendChild(Pl.content.cloneNode(!0));
+		super(), this.attachShadow({ mode: "open" }).appendChild(Fl.content.cloneNode(!0));
 	}
 	attributeChangedCallback(e, t, n) {
 		t !== n && e === "poster" && this.style.setProperty("--_backdrop-image", n ? `url("${n}")` : "none");
 	}
 };
-e(Fl, "observedAttributes", [
+e(Il, "observedAttributes", [
 	"backdrop",
 	"poster",
 	"disable-backdrop"
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/VindralMessage.ts
-var Il = document.createElement("template");
-Il.innerHTML = "\n  <style>\n    :host {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      max-width: 90%;\n      color: var(--fg-strong);\n      font-size: 20px;\n      pointer-events: none;\n      opacity: 1;\n      transition:\n        opacity 100ms,\n        display 100ms allow-discrete;\n    }\n\n    :host([hidden]) {\n      display: none;\n      opacity: 0;\n    }\n\n    @starting-style {\n      :host(:not([hidden])) {\n        opacity: 0;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      :host {\n        transition: none;\n      }\n    }\n\n    #title,\n    #description {\n      text-align: center;\n      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);\n      margin: 0;\n    }\n\n    #title {\n      margin-bottom: var(--padding-2);\n    }\n\n    @container (max-width: 600px) {\n      :host {\n        font-size: 15px;\n      }\n    }\n\n    @container (max-width: 400px) {\n      :host {\n        font-size: 12px;\n      }\n      #title {\n        margin-bottom: 0;\n      }\n    }\n\n    @container (max-width: 150px) {\n      :host {\n        font-size: 10px;\n      }\n      #title,\n      #description {\n        font-size: 1.2em;\n        margin: 0;\n      }\n    }\n  </style>\n\n  <h1 id=\"title\"></h1>\n  <p id=\"description\"></p>\n";
-var Ll = /* @__PURE__ */ new WeakMap(), Rl = /* @__PURE__ */ new WeakMap(), zl = class extends HTMLElement {
+var Ll = document.createElement("template");
+Ll.innerHTML = "\n  <style>\n    :host {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      max-width: 90%;\n      color: var(--fg-strong);\n      font-size: 20px;\n      pointer-events: none;\n      opacity: 1;\n      transition:\n        opacity 100ms,\n        display 100ms allow-discrete;\n    }\n\n    :host([hidden]) {\n      display: none;\n      opacity: 0;\n    }\n\n    @starting-style {\n      :host(:not([hidden])) {\n        opacity: 0;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      :host {\n        transition: none;\n      }\n    }\n\n    #title,\n    #description {\n      text-align: center;\n      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);\n      margin: 0;\n    }\n\n    #title {\n      margin-bottom: var(--padding-2);\n    }\n\n    @container (max-width: 600px) {\n      :host {\n        font-size: 15px;\n      }\n    }\n\n    @container (max-width: 400px) {\n      :host {\n        font-size: 12px;\n      }\n      #title {\n        margin-bottom: 0;\n      }\n    }\n\n    @container (max-width: 150px) {\n      :host {\n        font-size: 10px;\n      }\n      #title,\n      #description {\n        font-size: 1.2em;\n        margin: 0;\n      }\n    }\n  </style>\n\n  <h1 id=\"title\"></h1>\n  <p id=\"description\"></p>\n";
+var Rl = /* @__PURE__ */ new WeakMap(), zl = /* @__PURE__ */ new WeakMap(), Bl = class extends HTMLElement {
 	constructor() {
-		super(), f(this, Ll, void 0), f(this, Rl, void 0);
+		super(), f(this, Rl, void 0), f(this, zl, void 0);
 		let e = this.attachShadow({ mode: "open" });
-		e.appendChild(Il.content.cloneNode(!0)), h(Ll, this, e.querySelector("#title")), h(Rl, this, e.querySelector("#description"));
+		e.appendChild(Ll.content.cloneNode(!0)), h(Rl, this, e.querySelector("#title")), h(zl, this, e.querySelector("#description"));
 	}
 	connectedCallback() {
 		this.hasAttribute("role") || (this.setAttribute("role", "alert"), this.setAttribute("aria-atomic", "true"));
 	}
 	attributeChangedCallback(e, t, n) {
-		t !== n && (e === "title" ? m(Ll, this).textContent = n : e === "description" && (m(Rl, this).textContent = n));
+		t !== n && (e === "title" ? m(Rl, this).textContent = n : e === "description" && (m(zl, this).textContent = n));
 	}
 };
-e(zl, "observedAttributes", [
+e(Bl, "observedAttributes", [
 	"title",
 	"description",
 	"hidden"
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/VindralPlayOverlay.ts
-var Bl = document.createElement("template");
-Bl.innerHTML = "\n  <style>\n    :host {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      pointer-events: none;\n      opacity: 1;\n      transition:\n        opacity 100ms,\n        display 100ms allow-discrete;\n    }\n\n    :host([hidden]) {\n      display: none;\n      opacity: 0;\n    }\n\n    @starting-style {\n      :host(:not([hidden])) {\n        opacity: 0;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      :host {\n        transition: none;\n      }\n    }\n\n    :host(:focus-visible) {\n      outline: none;\n      outline: 0;\n    }\n\n    :host(:focus-visible) svg {\n      outline: 0;\n    }\n\n    :host(:where(:focus)) svg {\n      box-shadow: none;\n      outline: 0;\n    }\n\n    :host(:active) svg {\n      scale: 0.9;\n    }\n\n    slot#play {\n      color: var(--fg-strong);\n      pointer-events: auto;\n      cursor: pointer;\n    }\n\n    slot#play > svg {\n      width: var(--play-overlay-icon-size);\n      height: var(--play-overlay-icon-size);\n    }\n  </style>\n\n  <slot id=\"play\" name=\"icon\">\n  <svg  xmlns=\"http://www.w3.org/2000/svg\"  width=\"24\"  height=\"24\"  viewBox=\"0 0 24 24\"  fill=\"currentColor\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M6 4v16a1 1 0 0 0 1.524 .852l13 -8a1 1 0 0 0 0 -1.704l-13 -8a1 1 0 0 0 -1.524 .852z\" /></svg>\n</slot>\n";
-var Vl = /* @__PURE__ */ new WeakMap(), Hl = class extends HTMLElement {
+var Vl = document.createElement("template");
+Vl.innerHTML = "\n  <style>\n    :host {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      pointer-events: none;\n      opacity: 1;\n      transition:\n        opacity 100ms,\n        display 100ms allow-discrete;\n    }\n\n    :host([hidden]) {\n      display: none;\n      opacity: 0;\n    }\n\n    @starting-style {\n      :host(:not([hidden])) {\n        opacity: 0;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      :host {\n        transition: none;\n      }\n    }\n\n    :host(:focus-visible) {\n      outline: none;\n      outline: 0;\n    }\n\n    :host(:focus-visible) svg {\n      outline: 0;\n    }\n\n    :host(:where(:focus)) svg {\n      box-shadow: none;\n      outline: 0;\n    }\n\n    :host(:active) svg {\n      scale: 0.9;\n    }\n\n    slot#play {\n      color: var(--fg-strong);\n      pointer-events: auto;\n      cursor: pointer;\n    }\n\n    slot#play > svg {\n      width: var(--play-overlay-icon-size);\n      height: var(--play-overlay-icon-size);\n    }\n  </style>\n\n  <slot id=\"play\" name=\"icon\">\n  <svg  xmlns=\"http://www.w3.org/2000/svg\"  width=\"24\"  height=\"24\"  viewBox=\"0 0 24 24\"  fill=\"currentColor\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M6 4v16a1 1 0 0 0 1.524 .852l13 -8a1 1 0 0 0 0 -1.704l-13 -8a1 1 0 0 0 -1.524 .852z\" /></svg>\n</slot>\n";
+var Hl = /* @__PURE__ */ new WeakMap(), Ul = class extends HTMLElement {
 	constructor() {
-		super(), f(this, Vl, null), this.attachShadow({ mode: "open" }).appendChild(Bl.content.cloneNode(!0));
+		super(), f(this, Hl, null), this.attachShadow({ mode: "open" }).appendChild(Vl.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		var e;
-		h(Vl, this, this.closest("vindral-controller")), (e = m(Vl, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.tabIndex = 0;
+		h(Hl, this, this.closest("vindral-controller")), (e = m(Hl, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.tabIndex = 0;
 	}
 	disconnectedCallback() {
 		var e;
-		(e = m(Vl, this)) == null || e.disconnectListener(this);
+		(e = m(Hl, this)) == null || e.disconnectListener(this);
 	}
 	attributeChangedCallback(e, t, n) {
 		t !== n && e === "hidden" && !y(n) && this.focus();
 	}
 };
-e(Hl, "observedAttributes", ["hidden"]);
+e(Ul, "observedAttributes", ["hidden"]);
 //#endregion
 //#region ../../libs/player-next/src/components/VolumeRange.ts
-var Ul, Wl = document.createElement("template");
-Wl.innerHTML = "\n  <style>\n    :host {\n      display: var(--volume-range-display);\n      width: 80px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n      :host(:hover) {\n        background: rgba(255, 255, 255, 0.15);\n      }\n    }\n\n    :host(:active) {\n      background: rgba(255, 255, 255, 0.25);\n    }\n  </style>\n";
-var Gl = (e) => `${Math.round(e * 100)}%`, Kl = /* @__PURE__ */ new WeakMap(), ql = class extends mi {
+var Wl, Gl = document.createElement("template");
+Gl.innerHTML = "\n  <style>\n    :host {\n      display: var(--volume-range-display);\n      width: 80px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n      :host(:hover) {\n        background: rgba(255, 255, 255, 0.15);\n      }\n    }\n\n    :host(:active) {\n      background: rgba(255, 255, 255, 0.25);\n    }\n  </style>\n";
+var Kl = (e) => `${Math.round(e * 100)}%`, ql = /* @__PURE__ */ new WeakMap(), Jl = class extends hi {
 	constructor() {
 		var e;
-		super(), f(this, Kl, () => {
+		super(), f(this, ql, () => {
 			let e = this.range.valueAsNumber;
 			this.dispatchEvent(new CustomEvent(v.SET_VOLUME, {
 				bubbles: !0,
 				composed: !0,
 				detail: e
 			}));
-		}), (e = this.shadowRoot) == null || e.appendChild(Wl.content.cloneNode(!0));
+		}), (e = this.shadowRoot) == null || e.appendChild(Gl.content.cloneNode(!0));
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.range.addEventListener("input", m(Kl, this)), this.range.setAttribute("aria-label", "volume");
+		super.connectedCallback(), this.range.addEventListener("input", m(ql, this)), this.range.setAttribute("aria-label", "volume");
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.range.removeEventListener("input", m(Kl, this));
+		super.disconnectedCallback(), this.range.removeEventListener("input", m(ql, this));
 	}
 	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), (e === _.MUTED || e === _.VOLUME) && (this.range.valueAsNumber = this.muted ? 0 : parseFloat(this.volume), this.range.setAttribute("aria-valuetext", Gl(this.range.valueAsNumber)), this.updateBar());
+		super.attributeChangedCallback(e, t, n), (e === _.MUTED || e === _.VOLUME) && (this.range.valueAsNumber = this.muted ? 0 : parseFloat(this.volume), this.range.setAttribute("aria-valuetext", Kl(this.range.valueAsNumber)), this.updateBar());
 	}
 	get volume() {
 		var e;
@@ -4617,15 +4630,15 @@ var Gl = (e) => `${Math.round(e * 100)}%`, Kl = /* @__PURE__ */ new WeakMap(), q
 		return this.hasAttribute(_.MUTED);
 	}
 };
-Ul = ql, e(ql, "observedAttributes", [
-	...b(Ul, "observedAttributes", Ul),
+Wl = Jl, e(Jl, "observedAttributes", [
+	...b(Wl, "observedAttributes", Wl),
 	_.MUTED,
 	_.VOLUME
 ]);
 //#endregion
 //#region ../../libs/player-next/src/registerComponents.ts
-function Jl() {
-	customElements.define("vindral-controller", _a), customElements.define("vindral-control-bar", Ln), customElements.define("vindral-advanced-rendition-menu", Ke), customElements.define("vindral-advanced-rendition-menu-list", at), customElements.define("vindral-play-button", $o), customElements.define("vindral-mute-button", qo), customElements.define("vindral-buffering-overlay", Mt), customElements.define("vindral-scroll-overlay", kc), customElements.define("vindral-play-overlay", Hl), customElements.define("vindral-user-input-play-overlay", Nl), customElements.define("vindral-fullscreen-button", so), customElements.define("vindral-rendition-levels-menu", nc), customElements.define("vindral-rendition-levels-menu-list", dc), customElements.define("vindral-channel-grid-button", An), customElements.define("vindral-channel-grid", nn), customElements.define("vindral-channel-grid-item", Kt), customElements.define("vindral-pip-button", Xo), customElements.define("vindral-airplay-button", Tt), customElements.define("vindral-cast-button", It), customElements.define("vindral-cast-overlay", Ht), customElements.define("vindral-buffering-icon", kt), customElements.define("vindral-language-menu", po), customElements.define("vindral-language-menu-list", Oo), customElements.define("vindral-center-overlay", Fl), customElements.define("vindral-message", zl), customElements.define("vindral-volume-range", ql), customElements.define("vindral-poster-overlay", Js), customElements.define("vindral-player", Ns), customElements.define("vindral-seek-bar", ll), customElements.define("vindral-live-button", Wo);
+function Yl() {
+	customElements.define("vindral-controller", va), customElements.define("vindral-control-bar", Ln), customElements.define("vindral-advanced-rendition-menu", Ke), customElements.define("vindral-advanced-rendition-menu-list", at), customElements.define("vindral-play-button", es), customElements.define("vindral-mute-button", Jo), customElements.define("vindral-buffering-overlay", Mt), customElements.define("vindral-scroll-overlay", Ac), customElements.define("vindral-play-overlay", Ul), customElements.define("vindral-user-input-play-overlay", Pl), customElements.define("vindral-fullscreen-button", co), customElements.define("vindral-rendition-levels-menu", nc), customElements.define("vindral-rendition-levels-menu-list", dc), customElements.define("vindral-channel-grid-button", An), customElements.define("vindral-channel-grid", nn), customElements.define("vindral-channel-grid-item", Kt), customElements.define("vindral-pip-button", Zo), customElements.define("vindral-airplay-button", Tt), customElements.define("vindral-cast-button", It), customElements.define("vindral-cast-overlay", Ht), customElements.define("vindral-buffering-icon", kt), customElements.define("vindral-language-menu", mo), customElements.define("vindral-language-menu-list", ko), customElements.define("vindral-center-overlay", Il), customElements.define("vindral-message", Bl), customElements.define("vindral-volume-range", Jl), customElements.define("vindral-poster-overlay", Js), customElements.define("vindral-player", Ns), customElements.define("vindral-seek-bar", ul), customElements.define("vindral-live-button", Go);
 }
 //#endregion
-export { Jl as t };
+export { Yl as t };