@vindral/web-sdk 4.5.1-6-g47571100 → 4.5.1-8-g4635d6fd8

package/{hrmB1QcM.js → BIydOAFq.js}

@@ -1,6 +1,6 @@
 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 "./DvjDOQ6E.js";
-import { M as le } from "./C01DcfYu.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 "./DNren1CH.js";
+import { P as le } from "./CQo-WbvS.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";
 import { t as pe } from "./FYiEDBC4.js";
@@ -1073,25 +1073,33 @@ function Hn(e) {
 		return [];
 	}
 }
-var Un = /* @__PURE__ */ new WeakMap(), Wn = /* @__PURE__ */ new WeakMap(), Gn = /* @__PURE__ */ new WeakMap(), Kn = /* @__PURE__ */ new WeakMap(), qn = class {
+var Un = /* @__PURE__ */ new WeakMap(), Wn = /* @__PURE__ */ new WeakMap(), Gn = /* @__PURE__ */ new WeakMap(), Kn = /* @__PURE__ */ new WeakMap(), qn = /* @__PURE__ */ new WeakMap(), Jn = /* @__PURE__ */ new WeakMap(), Yn = class {
 	constructor(t) {
-		f(this, Un, void 0), f(this, Wn, null), f(this, Gn, null), e(this, "observe", (e) => {
-			!window.ResizeObserver || m(Wn, this) || (h(Wn, this, new ResizeObserver(() => m(Kn, this).call(this, e))), m(Wn, this).observe(e));
+		f(this, Un, void 0), f(this, Wn, null), f(this, Gn, null), f(this, Kn, null), f(this, qn, !0), e(this, "observe", (e) => {
+			m(Kn, this) || (h(Kn, this, e), window.ResizeObserver && (h(Wn, this, new ResizeObserver(() => m(Jn, this).call(this))), m(Wn, this).observe(e)));
+		}), e(this, "setEnabled", (e) => {
+			if (m(qn, this) !== e) {
+				if (h(qn, this, e), h(Gn, this, null), e) {
+					m(Jn, this).call(this);
+					return;
+				}
+				for (let e of m(Un, this)) e.style.removeProperty("font-size");
+			}
 		}), e(this, "unload", () => {
 			var e;
-			(e = m(Wn, this)) == null || e.disconnect(), h(Wn, this, null);
-		}), f(this, Kn, (e) => {
-			if (m(Un, this).length === 0) return;
-			let { clientWidth: t, clientHeight: n } = e;
-			if (t <= 0 || n <= 0) return;
-			let r = d(t, n, { max: Bn });
-			if (r !== m(Gn, this)) {
-				h(Gn, this, r);
-				for (let e of m(Un, this)) e.style.fontSize = r;
+			(e = m(Wn, this)) == null || e.disconnect(), h(Wn, this, null), h(Kn, this, null), h(qn, this, !0);
+		}), f(this, Jn, () => {
+			if (!m(qn, this) || m(Un, this).length === 0 || !m(Kn, this)) return;
+			let { clientWidth: e, clientHeight: t } = m(Kn, this);
+			if (e <= 0 || t <= 0) return;
+			let n = d(e, t, { max: Bn });
+			if (n !== m(Gn, this)) {
+				h(Gn, this, n);
+				for (let e of m(Un, this)) e.style.fontSize = n;
 			}
 		}), h(Un, this, Hn(t));
 	}
-}, Jn = class n extends pe {
+}, Xn = class n extends pe {
 	constructor(r) {
 		var i;
 		super(), i = this, e(this, "container", void 0), e(this, "unload", () => {
@@ -1122,35 +1130,35 @@ var Un = /* @__PURE__ */ new WeakMap(), Wn = /* @__PURE__ */ new WeakMap(), Gn =
 		return () => Promise.resolve();
 	}
 };
-e(Jn, "isFullscreenApiSupported", (e) => oe(e));
+e(Xn, "isFullscreenApiSupported", (e) => oe(e));
 //#endregion
 //#region ../../libs/player-next/src/PictureInPicture.ts
-var 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 = /* @__PURE__ */ new WeakMap(), ir = class extends pe {
+var 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 = /* @__PURE__ */ new WeakMap(), ir = /* @__PURE__ */ new WeakMap(), ar = 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);
+			this.element.removeEventListener("enterpictureinpicture", this.onChange), this.element.removeEventListener("leavepictureinpicture", this.onChange), this.element.removeEventListener("webkitpresentationmodechanged", this.onChange), ne(this.element, !1);
 		}), e(this, "request", t(function* () {
 			try {
-				return yield m(Yn, o).call(o);
+				return yield m(Zn, o).call(o);
 			} catch (e) {
 				throw o.onChange(), e;
 			}
 		})), e(this, "exit", t(function* () {
 			try {
-				return yield m(Xn, o).call(o);
+				return yield m(Qn, 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(tr, this).call(this) || m(er, this).call(this)), e(this, "isSupported", () => m(rr, this).call(this) || m($n, this).call(this)), f(this, Yn, () => m($n, this).call(this) ? m(Zn, this).call(this) : m(rr, this).call(this) ? m(nr, this).call(this, "picture-in-picture") : Promise.resolve()), f(this, Xn, () => this.isPictureInPictureActive() ? m($n, this).call(this) ? m(Qn, this).call(this) : m(rr, this).call(this) ? m(nr, this).call(this, "inline") : Promise.resolve() : Promise.resolve()), f(this, Zn, t(function* () {
+		}), e(this, "isPictureInPictureActive", () => this.isWebkitPresentationModeActive() || m(nr, this).call(this)), e(this, "isSupported", () => m(ir, this).call(this) || m(tr, this).call(this)), f(this, Zn, () => m(tr, this).call(this) ? m($n, this).call(this) : m(ir, this).call(this) ? m(rr, this).call(this, "picture-in-picture") : Promise.resolve()), f(this, Qn, () => this.isPictureInPictureActive() ? m(tr, this).call(this) ? m(er, this).call(this) : m(ir, this).call(this) ? m(rr, this).call(this, "inline") : Promise.resolve() : Promise.resolve()), f(this, $n, t(function* () {
 			let e = ie(o.element);
 			e && (yield e());
-		})), f(this, Qn, t(function* () {
+		})), f(this, er, t(function* () {
 			let e = r();
 			e && (yield e());
-		})), f(this, $n, () => c(this.element)), f(this, er, () => a()), f(this, tr, () => i(this.element) === "picture-in-picture"), f(this, nr, (e) => (s(this.element) && ee(this.element, e), Promise.resolve())), f(this, rr, () => s(this.element)), this.element = n, this.element.addEventListener("enterpictureinpicture", this.onChange), this.element.addEventListener("leavepictureinpicture", this.onChange), ne(this.element, !0);
+		})), f(this, tr, () => c(this.element)), f(this, nr, () => a()), e(this, "isWebkitPresentationModeActive", () => i(this.element) === "picture-in-picture"), f(this, rr, (e) => (s(this.element) && ee(this.element, e), Promise.resolve())), f(this, ir, () => s(this.element)), this.element = n, this.element.addEventListener("enterpictureinpicture", this.onChange), this.element.addEventListener("leavepictureinpicture", this.onChange), this.element.addEventListener("webkitpresentationmodechanged", this.onChange), ne(this.element, !0);
 	}
 	get videoElement() {
 		return this.element;
@@ -1158,7 +1166,7 @@ var Yn = /* @__PURE__ */ new WeakMap(), Xn = /* @__PURE__ */ new WeakMap(), Zn =
 };
 //#endregion
 //#region ../../libs/player-next/src/timeshift/firstMediaPlaylistUrl.ts
-function ar(e, t) {
+function or(e, t) {
 	let n = e.split("\n").map((e) => e.trim());
 	for (let e = 0; e < n.length; e++) {
 		var r;
@@ -1170,7 +1178,7 @@ function ar(e, t) {
 }
 //#endregion
 //#region ../../libs/player-next/src/timeshift/parseMediaPlaylistDuration.ts
-function or(e) {
+function sr(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;
@@ -1180,90 +1188,90 @@ function or(e) {
 }
 //#endregion
 //#region ../../libs/player-next/src/timeshift/probeTimeshiftDuration.ts
-var sr = 5e3;
-function cr(e, t) {
-	return lr.apply(this, arguments);
+var cr = 5e3;
+function lr(e, t) {
+	return ur.apply(this, arguments);
 }
-function lr() {
-	return lr = t(function* (e, t, n = {}) {
-		let { signal: r, timeoutMs: i = sr } = n, a = new AbortController(), o = () => a.abort();
+function ur() {
+	return ur = t(function* (e, t, n = {}) {
+		let { signal: r, timeoutMs: i = cr } = 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 = ar(yield n.text(), e);
+			let r = or(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 ? or(yield o.text()) : void 0;
+			return o.ok ? sr(yield o.text()) : void 0;
 		} catch (e) {
 			return;
 		} finally {
 			clearTimeout(s), r == null || r.removeEventListener("abort", o);
 		}
-	}), lr.apply(this, arguments);
+	}), ur.apply(this, arguments);
 }
 //#endregion
 //#region ../../libs/player-next/src/timeshift/TimeshiftDurationSource.ts
-var 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(), yr = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakSet(), br = class {
-	constructor({ onChange: e, probe: t = cr, now: n = () => performance.now() }) {
-		g(this, A), f(this, ur, void 0), f(this, dr, void 0), f(this, fr, void 0), f(this, pr, void 0), f(this, mr, !0), f(this, hr, !1), f(this, gr, 0), f(this, _r, 0), f(this, vr, 0), f(this, yr, null), h(ur, this, e), h(dr, this, t), h(fr, this, n);
+var 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(), yr = /* @__PURE__ */ new WeakMap(), br = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakSet(), xr = class {
+	constructor({ onChange: e, probe: t = lr, now: n = () => performance.now() }) {
+		g(this, A), f(this, dr, void 0), f(this, fr, void 0), f(this, pr, void 0), f(this, mr, void 0), f(this, hr, !0), f(this, gr, !1), f(this, _r, 0), f(this, vr, 0), f(this, yr, 0), f(this, br, null), h(dr, this, e), h(fr, this, t), h(pr, this, n);
 	}
 	start({ multivariantUrl: e, params: t, windowCapSeconds: n }) {
-		if (p(A, this, xr).call(this), !(n > 0)) {
-			m(ur, this).call(this, n);
+		if (p(A, this, Sr).call(this), !(n > 0)) {
+			m(dr, this).call(this, n);
 			return;
 		}
 		let r = new AbortController();
-		h(pr, this, r);
+		h(mr, this, r);
 		let { signal: i } = r;
-		m(dr, this).call(this, e, t, { signal: i }).then((e) => {
+		m(fr, this).call(this, e, t, { signal: i }).then((e) => {
 			if (!i.aborted) {
 				if (e === void 0) {
-					m(ur, this).call(this, n);
+					m(dr, this).call(this, n);
 					return;
 				}
-				h(_r, this, n), h(gr, this, Math.min(Math.max(e, 0), n)), h(vr, this, m(fr, this).call(this)), h(hr, this, !0), p(A, this, Sr).call(this), m(mr, this) && p(A, this, Cr).call(this);
+				h(vr, this, n), h(_r, this, Math.min(Math.max(e, 0), n)), h(yr, this, m(pr, this).call(this)), h(gr, this, !0), p(A, this, Cr).call(this), m(hr, this) && p(A, this, wr).call(this);
 			}
 		});
 	}
 	setLive(e) {
-		h(mr, this, e), !(!m(pr, this) || e) && (p(A, this, wr).call(this), p(A, this, Sr).call(this));
+		h(hr, this, e), !(!m(mr, this) || e) && (p(A, this, Tr).call(this), p(A, this, Cr).call(this));
 	}
 	applyLoadedDuration(e) {
-		p(A, this, xr).call(this), m(ur, this).call(this, Number.isNaN(e) ? 0 : e);
+		p(A, this, Sr).call(this), m(dr, this).call(this, Number.isNaN(e) ? 0 : e);
 	}
 	stop() {
-		p(A, this, xr).call(this);
+		p(A, this, Sr).call(this);
 	}
 };
-function xr() {
-	var e;
-	(e = m(pr, this)) == null || e.abort(), h(pr, this, void 0), p(A, this, wr).call(this), h(hr, this, !1);
-}
 function Sr() {
-	if (!m(hr, this)) return;
-	let e = m(gr, this) + Math.max(0, (m(fr, this).call(this) - m(vr, this)) / 1e3), t = Math.min(m(_r, this), e);
-	m(ur, this).call(this, t), t >= m(_r, this) && p(A, this, wr).call(this);
+	var e;
+	(e = m(mr, this)) == null || e.abort(), h(mr, this, void 0), p(A, this, Tr).call(this), h(gr, this, !1);
 }
 function Cr() {
-	m(yr, this) === null && h(yr, this, window.setInterval(() => p(A, this, Sr).call(this), 1e3));
+	if (!m(gr, this)) return;
+	let e = m(_r, this) + Math.max(0, (m(pr, this).call(this) - m(yr, this)) / 1e3), t = Math.min(m(vr, this), e);
+	m(dr, this).call(this, t), t >= m(vr, this) && p(A, this, Tr).call(this);
 }
 function wr() {
-	m(yr, this) !== null && (clearInterval(m(yr, this)), h(yr, this, null));
+	m(br, this) === null && h(br, this, window.setInterval(() => p(A, this, Cr).call(this), 1e3));
+}
+function Tr() {
+	m(br, this) !== null && (clearInterval(m(br, this)), h(br, this, null));
 }
 //#endregion
 //#region ../../libs/player-next/src/utils/getVindralAttributes.ts
-var Tr = (e) => {
+var Er = (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) => Ee.includes(e)) : [];
 };
 //#endregion
 //#region ../../libs/player-next/src/utils/humanReadableTimeToSeconds.ts
-function Er(e) {
+function Dr(e) {
 	if (typeof e != "string") return NaN;
 	let t = [...e.matchAll(/(\d+(?:\.\d+)?)([hms])/gi)];
 	return t.length === 0 ? NaN : t.reduce((e, t) => {
@@ -1279,37 +1287,37 @@ function Er(e) {
 }
 //#endregion
 //#region ../../libs/player-next/src/utils/timelineMarkers.ts
-var Dr = re.get().createContext("TimelineMarkers"), Or = /^\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}(:\d{2})?(\.\d+)?$/, kr = (e) => {
-	Dr.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.`);
-}, Ar = (e) => {
+var Or = re.get().createContext("TimelineMarkers"), kr = /^\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}(:\d{2})?(\.\d+)?$/, Ar = (e) => {
+	Or.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.`);
+}, jr = (e) => {
 	if (typeof e == "number" && Number.isFinite(e)) return e;
 	if (typeof e == "string") {
 		let t = Date.parse(e);
-		return Number.isNaN(t) ? null : (Or.test(e) && kr(e), t);
+		return Number.isNaN(t) ? null : (kr.test(e) && Ar(e), t);
 	}
 	if (e instanceof Date) {
 		let t = e.getTime();
 		return Number.isNaN(t) ? null : t;
 	}
 	return null;
-}, jr = (e) => {
+}, Mr = (e) => {
 	if (typeof e != "object" || !e) return null;
-	let { time: t, label: n, type: r } = e, i = Ar(t);
+	let { time: t, label: n, type: r } = e, i = jr(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;
-}, Mr = (e) => {
+}, Nr = (e) => {
 	if (!Array.isArray(e)) return [];
-	let t = e.map(jr).filter((e) => e !== null), n = e.length - t.length;
-	return n > 0 && Dr.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;
-}, Nr = (e) => e ? Mr(ue(e)) : [], Pr = (e, t, n) => {
+	let t = e.map(Mr).filter((e) => e !== null), n = e.length - t.length;
+	return n > 0 && Or.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;
+}, Pr = (e) => e ? Nr(ue(e)) : [], Fr = (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;
-}, Fr = class extends pe {
+}, Ir = 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);
@@ -1361,18 +1369,18 @@ var Dr = re.get().createContext("TimelineMarkers"), Or = /^\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(), 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(), Wr = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakSet(), Gr = /* @__PURE__ */ new WeakMap(), Kr = /* @__PURE__ */ new WeakMap(), qr = /* @__PURE__ */ new WeakMap(), Jr = /* @__PURE__ */ new WeakMap(), Yr = class {
+}, j = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), N = /* @__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(), Wr = /* @__PURE__ */ new WeakMap(), Gr = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakSet(), Kr = /* @__PURE__ */ new WeakMap(), qr = /* @__PURE__ */ new WeakMap(), Jr = /* @__PURE__ */ new WeakMap(), Yr = /* @__PURE__ */ new WeakMap(), Xr = class {
 	constructor(t, n) {
-		g(this, F), f(this, j, void 0), f(this, M, void 0), f(this, N, void 0), f(this, Ir, void 0), f(this, Lr, void 0), e(this, "userPaused", !0), f(this, Rr, void 0), f(this, zr, void 0), f(this, Br, !1), f(this, Vr, !1), f(this, Hr, null), f(this, Ur, 0), f(this, Wr, !1), f(this, P, re.get().createContext("HlsPlayer")), f(this, Gr, () => p(F, this, ci).call(this, !0)), f(this, Kr, () => p(F, this, ci).call(this, !1)), f(this, qr, () => {
-			m(j, this).readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && !m(j, this).paused && p(F, this, ci).call(this, !1);
-		}), f(this, Jr, () => {
-			m(j, this).readyState >= HTMLMediaElement.HAVE_FUTURE_DATA && p(F, this, ci).call(this, !1);
-		}), h(M, this, t), h(zr, 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, Lr, void 0), f(this, Rr, void 0), e(this, "userPaused", !0), f(this, zr, void 0), f(this, Br, void 0), f(this, Vr, !1), f(this, Hr, !1), f(this, Ur, null), f(this, Wr, 0), f(this, Gr, !1), f(this, P, re.get().createContext("HlsPlayer")), f(this, Kr, () => p(F, this, li).call(this, !0)), f(this, qr, () => p(F, this, li).call(this, !1)), f(this, Jr, () => {
+			m(j, this).readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && !m(j, this).paused && p(F, this, li).call(this, !1);
+		}), f(this, Yr, () => {
+			m(j, this).readyState >= HTMLMediaElement.HAVE_FUTURE_DATA && p(F, this, li).call(this, !1);
+		}), h(M, this, t), h(Br, 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, oi).call(this), h(Wr, 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, si).call(this), h(Gr, 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(Br, this, !0), h(Vr, this, !1), m(M, this).classList.remove("active"), m(M, this).style.opacity = "0", m(M, this).style.pointerEvents = "none", h(Hr, this, null);
+		h(Vr, this, !0), h(Hr, this, !1), m(M, this).classList.remove("active"), m(M, this).style.opacity = "0", m(M, this).style.pointerEvents = "none", h(Ur, this, null);
 	}
 	play() {
 		var e = this;
@@ -1388,17 +1396,17 @@ var Dr = re.get().createContext("TimelineMarkers"), Or = /^\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(Hr, n, null);
+				h(Ur, n, null);
 				return;
 			}
-			if (h(Hr, n, e.time > .1 ? e.time : null), n.isActive() && m(N, n)) p(F, n, ei).call(n, e.time);
-			else return p(F, n, ti).call(n, e);
+			if (h(Ur, n, e.time > .1 ? e.time : null), n.isActive() && m(N, n)) p(F, n, ti).call(n, e.time);
+			else return p(F, n, ni).call(n, e);
 		})();
 	}
 	shouldIgnoreTimeupdate() {
-		if (m(Hr, this) == null) return !1;
+		if (m(Ur, this) == null) return !1;
 		let e = m(j, this).currentTime;
-		return !Number.isFinite(e) || e <= .1 ? !0 : (h(Hr, this, null), !1);
+		return !Number.isFinite(e) || e <= .1 ? !0 : (h(Ur, this, null), !1);
 	}
 	isPipSupported() {
 		return "pictureInPictureEnabled" in document && !m(j, this).disablePictureInPicture;
@@ -1413,7 +1421,7 @@ var Dr = re.get().createContext("TimelineMarkers"), Or = /^\d{4}-\d{2}-\d{2}[T ]
 		return m(M, this).style.opacity === "1" || m(M, this).classList.contains("active");
 	}
 	cleanup() {
-		p(F, this, si).call(this), p(F, this, $r).call(this), m(Rr, this) && (cancelAnimationFrame(m(Rr, this)), h(Rr, this, void 0)), h(Hr, this, null), m(j, this).remove();
+		p(F, this, ci).call(this), p(F, this, ei).call(this), m(zr, this) && (cancelAnimationFrame(m(zr, this)), h(zr, this, void 0)), h(Ur, this, null), m(j, this).remove();
 	}
 	addEventListener(e, t) {
 		m(j, this).addEventListener(e, t);
@@ -1425,7 +1433,7 @@ var Dr = re.get().createContext("TimelineMarkers"), Or = /^\d{4}-\d{2}-\d{2}[T ]
 		return m(j, this).dispatchEvent(e);
 	}
 	setTimeshiftUrl(e) {
-		m(Lr, this) !== e && (m(P, this).debug("HLSPlayer Setting timeshift URL to", e), h(Lr, this, e));
+		m(Rr, this) !== e && (m(P, this).debug("HLSPlayer Setting timeshift URL to", e), h(Rr, this, e));
 	}
 	get videoElement() {
 		return m(j, this);
@@ -1443,10 +1451,10 @@ var Dr = re.get().createContext("TimelineMarkers"), Or = /^\d{4}-\d{2}-\d{2}[T ]
 		return m(j, this).volume;
 	}
 	set muted(e) {
-		h(Wr, this, e), m(j, this).muted = e;
+		h(Gr, this, e), m(j, this).muted = e;
 	}
 	get muted() {
-		return m(Wr, this);
+		return m(Gr, this);
 	}
 	set currentTime(e) {
 		m(j, this).currentTime = e;
@@ -1461,17 +1469,17 @@ var Dr = re.get().createContext("TimelineMarkers"), Or = /^\d{4}-\d{2}-\d{2}[T ]
 		return m(j, this).duration;
 	}
 	get maxVideoBitRate() {
-		return m(zr, this);
+		return m(Br, this);
 	}
 	set maxVideoBitRate(e) {
-		h(zr, this, e), e !== void 0 && m(N, this) && p(F, this, Zr).call(this, e);
+		h(Br, this, e), e !== void 0 && m(N, this) && p(F, this, Qr).call(this, e);
 	}
 };
-function Xr() {
+function Zr() {
 	var e = this;
 	return t(function* () {
 		let { default: t } = yield import("./Ddby8xU_.js");
-		if (h(Ir, e, t), !t.isSupported()) {
+		if (h(Lr, e, t), !t.isSupported()) {
 			m(P, e).warn("HLS not supported");
 			return;
 		}
@@ -1495,17 +1503,17 @@ function Xr() {
 			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, Qr).call(e, n);
+			m(P, e).error("[HLS] error:", n), n.fatal && p(F, e, $r).call(e, n);
 		}), m(N, e).on(t.Events.MANIFEST_PARSED, () => {
 			var t;
-			!m(zr, e) || ((t = m(N, e)) == null ? void 0 : t.levels.length) === 0 || p(F, e, Zr).call(e, m(zr, e));
+			!m(Br, e) || ((t = m(N, e)) == null ? void 0 : t.levels.length) === 0 || p(F, e, Qr).call(e, m(Br, 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 Zr(e) {
+function Qr(e) {
 	if (!m(N, this)) {
 		m(P, this).warn("HLS not initialized, cannot set bitrate cap");
 		return;
@@ -1521,12 +1529,12 @@ function Zr(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 Qr(e) {
-	if (!m(Ir, this)) {
+function $r(e) {
+	if (!m(Lr, this)) {
 		m(P, this).error("Hls class not available for error handling");
 		return;
 	}
-	let t = m(Ir, this);
+	let t = m(Lr, this);
 	switch (e.type) {
 		case t.ErrorTypes.NETWORK_ERROR:
 			var n;
@@ -1537,39 +1545,39 @@ function Qr(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, $r).call(this);
+			m(P, this).error("[HLS] fatal -> destroy"), p(F, this, ei).call(this);
 			break;
 	}
 }
-function $r() {
+function ei() {
 	m(N, this) && (m(N, this).destroy(), h(N, this, void 0));
 }
-function ei(e) {
+function ti(e) {
 	if (!Number.isFinite(e)) {
-		h(Hr, this, null);
+		h(Ur, this, null);
 		return;
 	}
-	let t = p(F, this, ai).call(this, m(j, this), e);
-	h(Hr, this, t > .1 ? t : null), m(Rr, this) && cancelAnimationFrame(m(Rr, this)), h(Rr, this, requestAnimationFrame(() => {
+	let t = p(F, this, oi).call(this, m(j, this), e);
+	h(Ur, this, t > .1 ? t : null), m(zr, this) && cancelAnimationFrame(m(zr, this)), h(zr, this, requestAnimationFrame(() => {
 		m(j, this).currentTime = t;
 	}));
 }
-function ti(e) {
+function ni(e) {
 	var n = this;
 	return t(function* () {
 		var t;
-		let { time: r, playWhenReady: i = !0 } = e || {}, a = h(Ur, n, (t = m(Ur, n), ++t));
-		if (!m(Lr, n)) {
+		let { time: r, playWhenReady: i = !0 } = e || {}, a = h(Wr, n, (t = m(Wr, n), ++t));
+		if (!m(Rr, n)) {
 			m(P, n).warn("No timeshift URL");
 			return;
 		}
-		if (!m(N, n) && (yield p(F, n, Xr).call(n), !p(F, n, li).call(n, a))) return;
-		h(Br, n, !1), h(Vr, n, !1), m(N, n) && (!m(N, n).url || m(N, n).url !== m(Lr, n)) && (m(P, n).debug("Loading timeshift URL", m(Lr, n)), m(N, n).loadSource(m(Lr, n)));
+		if (!m(N, n) && (yield p(F, n, Zr).call(n), !p(F, n, ui).call(n, a))) return;
+		h(Vr, n, !1), h(Hr, n, !1), m(N, n) && (!m(N, n).url || m(N, n).url !== m(Rr, n)) && (m(P, n).debug("Loading timeshift URL", m(Rr, n)), m(N, n).loadSource(m(Rr, n)));
 		let o = n.muted;
-		m(j, n).muted = !0, yield p(F, n, ni).call(n), p(F, n, li).call(n, a) && (p(F, n, ei).call(n, r), !(i && (yield n.play(), !p(F, n, li).call(n, a))) && p(F, n, ri).call(n, o, a));
+		m(j, n).muted = !0, yield p(F, n, ri).call(n), p(F, n, ui).call(n, a) && (p(F, n, ti).call(n, r), !(i && (yield n.play(), !p(F, n, ui).call(n, a))) && p(F, n, ii).call(n, o, a));
 	})();
 }
-function ni() {
+function ri() {
 	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 = () => {
@@ -1580,11 +1588,11 @@ function ni() {
 		m(j, this).addEventListener("loadedmetadata", t);
 	});
 }
-function ri(e, t) {
+function ii(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(Br, this) || m(Vr, this) || !p(F, this, li).call(this, t) || (h(Vr, 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, ii).call(this, t));
+		m(Vr, this) || m(Hr, this) || !p(F, this, ui).call(this, t) || (h(Hr, 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, ai).call(this, t));
 	}, a = () => {
-		m(Br, this) || m(Vr, this) || !p(F, this, li).call(this, t) || r() && (s(), i());
+		m(Vr, this) || m(Hr, this) || !p(F, this, ui).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));
 	};
@@ -1597,9 +1605,9 @@ function ri(e, t) {
 		m(P, this).debug("Timeout reached, forcing reveal"), s(), i();
 	}, 2e3);
 }
-function ii(e) {
+function ai(e) {
 	let t = () => {
-		p(F, this, li).call(this, e) && (m(j, this).muted = !1);
+		p(F, this, ui).call(this, e) && (m(j, this).muted = !1);
 	};
 	"requestVideoFrameCallback" in m(j, this) ? m(j, this).requestVideoFrameCallback(() => {
 		setTimeout(() => {
@@ -1609,43 +1617,43 @@ function ii(e) {
 		t();
 	}, 120);
 }
-function ai(e, t) {
+function oi(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 oi() {
-	for (let e of ui._) m(j, this).addEventListener(e, m(Gr, this));
+function si() {
 	for (let e of di._) m(j, this).addEventListener(e, m(Kr, this));
-	m(j, this).addEventListener("timeupdate", m(qr, this)), m(j, this).addEventListener("progress", m(Jr, this));
+	for (let e of fi._) m(j, this).addEventListener(e, m(qr, this));
+	m(j, this).addEventListener("timeupdate", m(Jr, this)), m(j, this).addEventListener("progress", m(Yr, this));
 }
-function si() {
-	for (let e of ui._) m(j, this).removeEventListener(e, m(Gr, this));
+function ci() {
 	for (let e of di._) m(j, this).removeEventListener(e, m(Kr, this));
-	m(j, this).removeEventListener("timeupdate", m(qr, this)), m(j, this).removeEventListener("progress", m(Jr, this));
+	for (let e of fi._) m(j, this).removeEventListener(e, m(qr, this));
+	m(j, this).removeEventListener("timeupdate", m(Jr, this)), m(j, this).removeEventListener("progress", m(Yr, this));
 }
-function ci(e) {
+function li(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 li(e) {
-	return m(Ur, this) === e;
+function ui(e) {
+	return m(Wr, this) === e;
 }
-var ui = { _: [
+var di = { _: [
 	"waiting",
 	"seeking",
 	"stalled",
 	"loadstart"
-] }, di = { _: [
+] }, fi = { _: [
 	"canplay",
 	"canplaythrough",
 	"seeked",
 	"loadeddata"
-] }, fi = class {
+] }, pi = class {
 	constructor(e) {
 		this.vindral = e;
 	}
@@ -1665,19 +1673,19 @@ var ui = { _: [
 	pause() {
 		this.vindral.pause();
 	}
-}, pi = document.createElement("template");
-pi.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 mi = /* @__PURE__ */ new WeakMap(), hi = /* @__PURE__ */ new WeakMap(), gi = class extends HTMLElement {
+}, mi = document.createElement("template");
+mi.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 hi = /* @__PURE__ */ new WeakMap(), gi = /* @__PURE__ */ new WeakMap(), _i = class extends HTMLElement {
 	constructor() {
-		super(), f(this, mi, null), f(this, hi, void 0), e(this, "range", void 0), h(hi, this, this.attachShadow({ mode: "open" })), m(hi, this).appendChild(pi.content.cloneNode(!0)), this.range = m(hi, this).getElementById("range");
+		super(), f(this, hi, null), f(this, gi, void 0), e(this, "range", void 0), h(gi, this, this.attachShadow({ mode: "open" })), m(gi, this).appendChild(mi.content.cloneNode(!0)), this.range = m(gi, this).getElementById("range");
 	}
 	connectedCallback() {
 		var e;
-		h(mi, this, this.closest("vindral-controller")), (e = m(mi, this)) == null || e.connectListener(this), this.hasAttribute("disabled") || this.enable();
+		h(hi, this, this.closest("vindral-controller")), (e = m(hi, this)) == null || e.connectListener(this), this.hasAttribute("disabled") || this.enable();
 	}
 	disconnectedCallback() {
 		var e;
-		(e = m(mi, this)) == null || e.disconnectListener(this);
+		(e = m(hi, this)) == null || e.disconnectListener(this);
 	}
 	attributeChangedCallback(e, t, n) {
 		t !== n && (e === "disabled" && n ? this.disable() : this.enable(), this.updateBar());
@@ -1703,11 +1711,11 @@ var mi = /* @__PURE__ */ new WeakMap(), hi = /* @__PURE__ */ new WeakMap(), gi =
 		];
 	}
 };
-e(gi, "observedAttributes", ["disabled"]);
+e(_i, "observedAttributes", ["disabled"]);
 //#endregion
 //#region ../../libs/player-next/src/components/Controller.ts
-var _i = document.createElement("template");
-_i.innerHTML = `
+var vi = document.createElement("template");
+vi.innerHTML = `
   <style>
     :host {
       --fg-strong: var(--vindral-fg-strong, #eeeeee);
@@ -1919,7 +1927,7 @@ _i.innerHTML = `
     <slot id="overlay-interactive" name="overlay-interactive"></slot>
   </div>
 `;
-var vi = [
+var yi = [
 	"ArrowDown",
 	"ArrowLeft",
 	"ArrowRight",
@@ -1928,18 +1936,18 @@ var vi = [
 	" ",
 	"f",
 	"m"
-], yi = /* @__PURE__ */ new WeakMap(), bi = /* @__PURE__ */ new WeakMap(), xi = /* @__PURE__ */ new WeakMap(), Si = /* @__PURE__ */ new WeakMap(), Ci = /* @__PURE__ */ new WeakMap(), wi = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap(), Ti = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), Ei = /* @__PURE__ */ new WeakMap(), Di = /* @__PURE__ */ new WeakMap(), Oi = /* @__PURE__ */ new WeakMap(), ki = /* @__PURE__ */ new WeakMap(), Ai = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), ji = /* @__PURE__ */ new WeakMap(), Mi = /* @__PURE__ */ new WeakMap(), Ni = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), Pi = /* @__PURE__ */ new WeakMap(), Fi = /* @__PURE__ */ new WeakMap(), Ii = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), Li = /* @__PURE__ */ new WeakMap(), Ri = /* @__PURE__ */ new WeakMap(), zi = /* @__PURE__ */ new WeakMap(), Bi = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new WeakSet(), 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 = /* @__PURE__ */ new WeakMap(), ya = class extends HTMLElement {
+], bi = /* @__PURE__ */ new WeakMap(), xi = /* @__PURE__ */ new WeakMap(), Si = /* @__PURE__ */ new WeakMap(), Ci = /* @__PURE__ */ new WeakMap(), wi = /* @__PURE__ */ new WeakMap(), Ti = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap(), Ei = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), Di = /* @__PURE__ */ new WeakMap(), Oi = /* @__PURE__ */ new WeakMap(), ki = /* @__PURE__ */ new WeakMap(), Ai = /* @__PURE__ */ new WeakMap(), ji = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), Mi = /* @__PURE__ */ new WeakMap(), Ni = /* @__PURE__ */ new WeakMap(), Pi = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), Fi = /* @__PURE__ */ new WeakMap(), Ii = /* @__PURE__ */ new WeakMap(), Li = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), Ri = /* @__PURE__ */ new WeakMap(), zi = /* @__PURE__ */ new WeakMap(), Bi = /* @__PURE__ */ new WeakMap(), Vi = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new WeakSet(), 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 = /* @__PURE__ */ new WeakMap(), ya = /* @__PURE__ */ new WeakMap(), ba = class extends HTMLElement {
 	constructor() {
 		var t;
-		super(), g(this, H), f(this, yi, /* @__PURE__ */ new Map()), f(this, bi, 2e3), f(this, xi, null), f(this, Si, new br({ onChange: (e) => p(H, this, U).call(this, _.DURATION, e.toString()) })), f(this, Ci, null), f(this, wi, void 0), f(this, I, void 0), f(this, L, void 0), f(this, Ti, void 0), f(this, R, void 0), f(this, Ei, xe), f(this, Di, void 0), f(this, Oi, void 0), f(this, ki, void 0), f(this, Ai, void 0), f(this, z, void 0), f(this, ji, void 0), f(this, Mi, void 0), f(this, Ni, void 0), f(this, B, void 0), f(this, Pi, void 0), f(this, Fi, void 0), f(this, Ii, void 0), f(this, V, void 0), f(this, Li, null), f(this, Ri, !1), f(this, zi, null), f(this, Bi, void 0), f(this, Vi, (e) => {
+		super(), g(this, H), f(this, bi, /* @__PURE__ */ new Map()), f(this, xi, 2e3), f(this, Si, null), f(this, Ci, new xr({ onChange: (e) => p(H, this, U).call(this, _.DURATION, e.toString()) })), f(this, wi, null), f(this, Ti, void 0), f(this, I, void 0), f(this, L, void 0), f(this, Ei, void 0), f(this, R, void 0), f(this, Di, xe), f(this, Oi, void 0), f(this, ki, void 0), f(this, Ai, void 0), f(this, ji, void 0), f(this, z, void 0), f(this, Mi, void 0), f(this, Ni, void 0), f(this, Pi, void 0), f(this, B, void 0), f(this, Fi, void 0), f(this, Ii, void 0), f(this, Li, void 0), f(this, V, void 0), f(this, Ri, null), f(this, zi, !1), f(this, Bi, null), f(this, Vi, void 0), f(this, Hi, (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, Hi, (e) => {
-			p(H, this, U).call(this, _.RENDITION_LEVEL, JSON.stringify(e));
 		}), f(this, Ui, (e) => {
+			p(H, this, U).call(this, _.RENDITION_LEVEL, JSON.stringify(e));
+		}), f(this, Wi, (e) => {
 			switch (e) {
 				case "playing":
 					p(H, this, W).call(this, _.PAUSED), p(H, this, W).call(this, _.BUFFERING);
@@ -1952,38 +1960,38 @@ var vi = [
 					break;
 				default: break;
 			}
-		}), f(this, Wi, (e) => {
+		}), f(this, Gi, (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, Gi, ({ channelId: e }) => {
+		}), f(this, Ki, ({ 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, Ki, ({ channelId: e }) => {
+		}), f(this, qi, ({ channelId: e }) => {
 			var t;
-			m(Di, 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, qi, (e) => {
-			h(ha, this, Date.now()), p(H, this, U).call(this, _.CHANNELS, JSON.stringify(e));
+			m(Oi, 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, Ji, (e) => {
+			h(ga, this, Date.now()), p(H, this, U).call(this, _.CHANNELS, JSON.stringify(e));
+		}), f(this, Yi, (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, Yi, (e) => {
+		}), f(this, Xi, (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, Xi, (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, Zi, (e) => {
-			e || p(H, this, W).call(this, _.BUFFERING), m(Si, 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, Qi, (e) => {
+			e || p(H, this, W).call(this, _.BUFFERING), m(Ci, this).setLive(e);
+		}), f(this, $i, (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(Di, this)) == null ? "" : t);
+			a.searchParams.set("channelId", (t = m(Oi, this)) == null ? "" : t);
 			let o = this.getAttribute("authentication-token");
 			o && a.searchParams.set("authToken", o);
-			let s = Er(i);
+			let s = Dr(i);
 			if (Number.isNaN(s)) {
 				m(V, this).error(`Invalid duration format: ${i}`);
 				return;
@@ -1991,70 +1999,70 @@ var vi = [
 			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(Si, this).start({
+			m(R, this).setTimeshiftUrl(u), m(Ci, this).start({
 				multivariantUrl: u,
 				params: {
-					channelId: (n = m(Di, this)) == null ? "" : n,
+					channelId: (n = m(Oi, this)) == null ? "" : n,
 					authToken: o == null ? void 0 : o,
 					from: l
 				},
 				windowCapSeconds: s
 			});
-		}), f(this, $i, () => {
-			p(H, this, W).call(this, _.PAUSED), p(H, this, W).call(this, _.BUFFERING);
 		}), f(this, ea, () => {
-			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, ta, () => {
-			m(fa, 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, na, () => {
-			m(R, this) && m(Si, this).applyLoadedDuration(m(R, this).duration);
+			m(pa, this).call(this), p(H, this, W).call(this, _.BUFFERING);
 		}), f(this, ra, () => {
+			m(R, this) && m(Ci, this).applyLoadedDuration(m(R, this).duration);
+		}), f(this, ia, () => {
 			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, ia, () => {
-			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, aa, () => {
-			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, oa, () => {
-			p(H, this, W).call(this, _.BUFFERING);
+			p(H, this, U).call(this, _.BUFFERING, "");
 		}), f(this, sa, () => {
-			if (m(Ri, this)) {
+			p(H, this, W).call(this, _.BUFFERING);
+		}), f(this, ca, () => {
+			if (m(zi, this)) {
 				if (m(L, this) !== m(R, this)) {
-					h(Ri, this, !1);
+					h(zi, this, !1);
 					return;
 				}
-				h(Ri, this, !1), p(H, this, Xa).call(this);
+				h(zi, this, !1), p(H, this, Za).call(this);
 			}
-		}), f(this, ca, 0), e(this, "handleEvent", (e) => {
+		}), f(this, la, 0), e(this, "handleEvent", (e) => {
 			switch (e.type) {
 				case "pointerdown":
-					h(ca, this, e.timeStamp);
+					h(la, this, e.timeStamp);
 					break;
 				case "pointermove":
-					p(H, this, za).call(this, e);
+					p(H, this, Ba).call(this, e);
 					break;
 				case "pointerup":
-					p(H, this, Ba).call(this, e);
+					p(H, this, Va).call(this, e);
 					break;
 				case "mouseleave":
-					p(H, this, Ja).call(this);
+					p(H, this, Ya).call(this);
 					break;
 				case "dblclick":
-					p(H, this, Ha).call(this, e);
+					p(H, this, Ua).call(this, e);
 					break;
 				case "mousemove":
-					p(H, this, Ua).call(this, e);
+					p(H, this, Wa).call(this, e);
 					break;
 				case "keydown":
-					m(da, this).call(this, e);
+					m(fa, this).call(this, e);
 					break;
 				case "keyup":
-					p(H, this, Ja).call(this), m(ua, this).call(this, e);
+					p(H, this, Ya).call(this), m(da, this).call(this, e);
 					break;
 			}
-		}), f(this, la, (e) => {
+		}), f(this, ua, (e) => {
 			if (m(I, this) && (m(V, this).debug("Vindral event", { type: e.type }), e instanceof CustomEvent)) switch (e.type) {
 				case y.PLAY:
 					this.removeAttribute(_.PAUSED);
@@ -2099,10 +2107,10 @@ var vi = [
 					}
 					break;
 				case y.CHANNEL_GRID_OPENED:
-					m(Li, this) === null && p(H, this, Ga).call(this);
+					m(Ri, this) === null && p(H, this, Ka).call(this);
 					break;
 				case y.CHANNEL_GRID_CLOSED:
-					m(Li, this) !== null && (clearTimeout(m(Li, this)), h(Li, this, null));
+					m(Ri, this) !== null && (clearTimeout(m(Ri, this)), h(Ri, this, null));
 					break;
 				case y.ENTER_PIP:
 					this.setAttribute(_.IS_PIP, "");
@@ -2112,7 +2120,7 @@ var vi = [
 					break;
 				case y.REQUEST_AIRPLAY:
 					var t;
-					(t = m(Ni, this)) == null || t.showPlaybackTargetPicker();
+					(t = m(Pi, this)) == null || t.showPlaybackTargetPicker();
 					break;
 				case y.SET_LANGUAGE:
 					v(e.detail) ? this.setAttribute(_.LANGUAGE, e.detail) : this.removeAttribute(_.LANGUAGE);
@@ -2133,7 +2141,7 @@ var vi = [
 					this.handleTimeShiftUpdate(String(e.detail));
 					break;
 				case y.GO_LIVE:
-					m(fa, this).call(this);
+					m(pa, this).call(this);
 					break;
 				case y.TOGGLE_DEBUG_PANEL:
 					this.hasAttribute(_.DEBUG_PANEL_OPEN) ? this.removeAttribute(_.DEBUG_PANEL_OPEN) : this.setAttribute(_.DEBUG_PANEL_OPEN, "");
@@ -2145,64 +2153,64 @@ var vi = [
 					}
 					break;
 			}
-		}), f(this, ua, (e) => {
+		}), f(this, da, (e) => {
 			let { key: t } = e;
-			if (!vi.includes(t)) {
+			if (!yi.includes(t)) {
 				this.removeEventListener("keyup", this);
 				return;
 			}
-			p(H, this, Wa).call(this, e);
-		}), f(this, da, (e) => {
+			p(H, this, Ga).call(this, e);
+		}), f(this, fa, (e) => {
 			let { metaKey: t, altKey: n, key: r } = e;
-			t || n || !vi.includes(r) || this.addEventListener("keyup", this, { once: !0 });
-		}), f(this, fa, () => {
+			t || n || !yi.includes(r) || this.addEventListener("keyup", this, { once: !0 });
+		}), f(this, pa, () => {
 			this.removeAttribute(_.TIMESHIFT_POSITION), this.handleTimeShiftUpdate(!1);
-		}), f(this, pa, (e) => {
-			var t;
-			m(R, this) || p(H, this, wa).call(this), m(L, this) !== m(R, this) && (e && p(H, this, Za).call(this), h(L, this, m(R, this)), p(H, this, Sa).call(this), p(H, this, Ca).call(this), p(H, this, Oa).call(this), (t = m(I, this)) == null || t.pause(), h(Ri, this, e));
 		}), f(this, ma, (e) => {
+			var t;
+			m(R, this) || p(H, this, Ta).call(this), m(L, this) !== m(R, this) && (e && p(H, this, Qa).call(this), h(L, this, m(R, this)), p(H, this, Ca).call(this), p(H, this, wa).call(this), p(H, this, ka).call(this), (t = m(I, this)) == null || t.pause(), h(zi, this, e));
+		}), f(this, ha, (e) => {
 			var t, n, r, i;
-			e && p(H, this, Za).call(this), (t = m(R, this)) == null || t.hide(), h(L, this, m(Ti, this)), p(H, this, Oa).call(this), this.hasAttribute(_.PAUSED) ? (n = m(L, this)) == null || n.pause() : (r = m(L, this)) == null || r.play(), p(H, this, Ea).call(this), p(H, this, xa).call(this), (i = m(R, this)) == null || i.pause(), e && (h(Ri, this, !1), setTimeout(() => {
-				p(H, this, Xa).call(this);
+			e && p(H, this, Qa).call(this), (t = m(R, this)) == null || t.hide(), h(L, this, m(Ei, this)), p(H, this, ka).call(this), this.hasAttribute(_.PAUSED) ? (n = m(L, this)) == null || n.pause() : (r = m(L, this)) == null || r.play(), p(H, this, Da).call(this), p(H, this, Sa).call(this), (i = m(R, this)) == null || i.pause(), e && (h(zi, this, !1), setTimeout(() => {
+				p(H, this, Za).call(this);
 			}, 100));
 		}), e(this, "handleTimeShiftUpdate", (e) => {
 			let t = this.hasAttribute(_.IS_PIP);
 			if (e !== !1) {
 				var n;
-				m(pa, this).call(this, t), (n = m(R, this)) == null || n.seek({
+				m(ma, this).call(this, t), (n = m(R, this)) == null || n.seek({
 					time: parseFloat(e),
 					playWhenReady: !this.hasAttribute(_.PAUSED)
 				});
 				return;
 			}
-			m(L, this) !== m(Ti, this) && m(ma, this).call(this, t);
-		}), f(this, ha, null), f(this, ga, () => {
+			m(L, this) !== m(Ei, this) && m(ha, this).call(this, t);
+		}), f(this, ga, null), f(this, _a, () => {
 			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, _a, () => {
+		}), f(this, va, () => {
 			n();
-		}), f(this, va, null);
+		}), f(this, ya, null);
 		let r = this.attachShadow({ mode: "open" });
-		r.appendChild(_i.content.cloneNode(!0));
+		r.appendChild(vi.content.cloneNode(!0));
 		let i = ye(this.getAttribute("log-level"));
-		h(V, this, re.get().createContext("VindralController")), m(V, this).setLevel(i), h(wi, this, (t = this.shadowRoot) == null ? void 0 : t.querySelector("#time-shift-video")), h(Bi, this, new qn(r));
+		h(V, this, re.get().createContext("VindralController")), m(V, this).setLevel(i), h(Ti, this, (t = this.shadowRoot) == null ? void 0 : t.querySelector("#time-shift-video")), h(Vi, this, new Yn(r));
 	}
 	connectedCallback() {
 		var e = this;
 		return t(function* () {
-			S(e.getAttribute("auto-instance-enabled"), !0) && (yield p(H, e, ba).call(e));
-			for (let t of Object.values(y)) e.addEventListener(t, m(la, 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, La).call(e), e.tabIndex = 0, e.focus({ preventScroll: !0 });
+			S(e.getAttribute("auto-instance-enabled"), !0) && (yield p(H, e, xa).call(e));
+			for (let t of Object.values(y)) e.addEventListener(t, m(ua, 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, Ra).call(e), e.tabIndex = 0, e.focus({ preventScroll: !0 });
 		})();
 	}
 	disconnectedCallback() {
 		var e, t, n, r, i;
-		p(H, this, Ra).call(this), p(H, this, io).call(this), m(Bi, this).unload(), (e = m(I, this)) == null || e.unload(), (t = m(z, this)) == null || t.unload(), (n = m(ji, this)) == null || n.unload(), (r = m(Mi, this)) == null || r.unload(), (i = m(B, this)) == null || i.unload(), p(H, this, Ta).call(this);
-		for (let e of Object.values(y)) this.removeEventListener(e, m(la, this));
-		p(H, this, Sa).call(this), m(xi, this) && (clearTimeout(m(xi, this)), h(xi, this, null)), m(Si, this).stop(), this.disconnectListener(this);
+		p(H, this, za).call(this), p(H, this, ao).call(this), m(Vi, this).unload(), (e = m(I, this)) == null || e.unload(), (t = m(z, this)) == null || t.unload(), (n = m(Mi, this)) == null || n.unload(), (r = m(Ni, this)) == null || r.unload(), (i = m(B, this)) == null || i.unload(), p(H, this, Ea).call(this);
+		for (let e of Object.values(y)) this.removeEventListener(e, m(ua, this));
+		p(H, this, Ca).call(this), m(Si, this) && (clearTimeout(m(Si, this)), h(Si, this, null)), m(Ci, this).stop(), this.disconnectListener(this);
 	}
 	attributeChangedCallback(e, t, n) {
 		if (t !== n) {
@@ -2212,13 +2220,13 @@ var vi = [
 				newValue: n
 			}), e) {
 				case "channel-id":
-					h(Di, 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(Oi, 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(Oi, this, n);
+					h(ki, this, n);
 					break;
 				case "url":
-					n && h(Ei, this, n);
+					n && h(Di, this, n);
 					break;
 				case "paused":
 					if (v(n)) {
@@ -2248,7 +2256,7 @@ var vi = [
 					}
 					break;
 				case _.DEBUG_PANEL_OPEN:
-					v(n) ? p(H, this, U).call(this, _.DEBUG_PANEL_OPEN, "") : p(H, this, W).call(this, _.DEBUG_PANEL_OPEN), p(H, this, no).call(this);
+					v(n) ? p(H, this, U).call(this, _.DEBUG_PANEL_OPEN, "") : p(H, this, W).call(this, _.DEBUG_PANEL_OPEN), p(H, this, ro).call(this);
 					break;
 				case "user-interacting":
 					v(n) ? p(H, this, U).call(this, _.USER_INTERACTING, "") : p(H, this, W).call(this, _.USER_INTERACTING);
@@ -2269,10 +2277,10 @@ var vi = [
 					}
 					break;
 				case "ui-locked":
-					v(n) ? p(H, this, qa).call(this) : p(H, this, Ja).call(this);
+					v(n) ? p(H, this, Ja).call(this) : p(H, this, Ya).call(this);
 					break;
 				case "is-fullscreen":
-					v(n) ? p(H, this, Qa).call(this) : p(H, this, $a).call(this);
+					v(n) ? p(H, this, $a).call(this) : p(H, this, eo).call(this);
 					break;
 				case "abr-enabled":
 					{
@@ -2287,13 +2295,13 @@ var vi = [
 					}
 					break;
 				case "max-video-bit-rate":
-					h(ki, this, n), v(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 ? Ce(n) : void 0);
+					h(Ai, this, n), v(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 ? Ce(n) : void 0);
 					break;
 				case "max-initial-bit-rate":
-					h(Ai, this, n), v(n) ? p(H, this, U).call(this, _.MAX_INITIAL_BITRATE, n) : p(H, this, W).call(this, _.MAX_INITIAL_BITRATE);
+					h(ji, this, n), v(n) ? p(H, this, U).call(this, _.MAX_INITIAL_BITRATE, n) : p(H, this, W).call(this, _.MAX_INITIAL_BITRATE);
 					break;
 				case "is-pip":
-					v(n) ? p(H, this, Xa).call(this) : p(H, this, Za).call(this);
+					v(n) ? p(H, this, Za).call(this) : p(H, this, Qa).call(this);
 					break;
 				case "is-airplaying":
 					if (v(n)) {
@@ -2307,17 +2315,17 @@ var vi = [
 				case "is-casting":
 					if (v(n)) {
 						var ee, d;
-						(ee = m(ji, this)) != null && ee.isFullscreen() && p(H, this, $a).call(this), (d = m(I, this)) == null || d.pause();
+						(ee = m(Mi, this)) != null && ee.isFullscreen() && p(H, this, eo).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(Fi, this, n);
+					h(Ii, this, n);
 					break;
 				case "cast-background":
-					h(Ii, this, n);
+					h(Li, this, n);
 					break;
 				case "language":
 					m(I, this) && (m(I, this).language = n, v(n) ? p(H, this, U).call(this, _.LANGUAGE, n) : p(H, this, W).call(this, _.LANGUAGE));
@@ -2331,7 +2339,7 @@ var vi = [
 				case "authentication-token":
 					if (v(n)) {
 						var ne, re;
-						(ne = m(I, this)) == null || ne.updateAuthenticationToken(n), (re = m(Ni, this)) == null || re.updateAuthenticationToken(n), p(H, this, U).call(this, _.AUTHENTICATION_TOKEN, n);
+						(ne = m(I, this)) == null || ne.updateAuthenticationToken(n), (re = m(Pi, 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":
@@ -2369,13 +2377,13 @@ var vi = [
 				_.USER_INTERACTING,
 				_.PAUSED,
 				_.HIDE_UI_ON_PAUSE
-			].includes(e) && p(H, this, Ya).call(this);
+			].includes(e) && p(H, this, Xa).call(this);
 		}
 	}
 	connectListener(e) {
-		Tr(e).forEach((t) => {
-			let n = m(yi, this).get(t);
-			switch (n ? n.push(e) : m(yi, this).set(t, [e]), t) {
+		Er(e).forEach((t) => {
+			let n = m(bi, this).get(t);
+			switch (n ? n.push(e) : m(bi, 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, "");
@@ -2385,7 +2393,7 @@ var vi = [
 					((i = m(I, this)) != null && i.muted || this.hasAttribute(_.MUTED)) && e.setAttribute(_.MUTED, "");
 					break;
 				case _.MAX_VIDEO_BITRATE:
-					m(ki, this) && e.setAttribute(_.MAX_VIDEO_BITRATE, m(ki, this));
+					m(Ai, this) && e.setAttribute(_.MAX_VIDEO_BITRATE, m(Ai, this));
 					break;
 				case _.SIZE_BASED_RESOLUTION_CAP_ENABLED:
 					{
@@ -2395,10 +2403,10 @@ var vi = [
 					}
 					break;
 				case _.CHANNEL_ID:
-					m(Di, this) && e.setAttribute(_.CHANNEL_ID, m(Di, this));
+					m(Oi, this) && e.setAttribute(_.CHANNEL_ID, m(Oi, this));
 					break;
 				case _.CHANNEL_GROUP_ID:
-					m(Oi, this) && e.setAttribute(_.CHANNEL_GROUP_ID, m(Oi, this));
+					m(ki, this) && e.setAttribute(_.CHANNEL_GROUP_ID, m(ki, this));
 					break;
 				case _.AUTHENTICATION_TOKEN: {
 					let t = this.getAttribute("authentication-token");
@@ -2434,38 +2442,38 @@ var vi = [
 		});
 	}
 	disconnectListener(e) {
-		Tr(e).forEach((t) => {
-			let n = m(yi, this).get(t);
-			n && m(yi, this).set(t, n.filter((t) => t !== e));
+		Er(e).forEach((t) => {
+			let n = m(bi, this).get(t);
+			n && m(bi, this).set(t, n.filter((t) => t !== e));
 		});
 	}
 	get instance() {
 		return m(I, this);
 	}
 	get fullscreen() {
-		return p(H, this, ja).call(this);
+		return p(H, this, Ma).call(this);
 	}
 	get airPlay() {
-		return m(Ni, this);
+		return m(Pi, this);
 	}
 	get timelineMarkers() {
-		return Nr(this.getAttribute(_.TIMELINE_MARKERS));
+		return Pr(this.getAttribute(_.TIMELINE_MARKERS));
 	}
 	set timelineMarkers(e) {
-		let t = Mr(e);
+		let t = Nr(e);
 		t.length === 0 ? this.removeAttribute(_.TIMELINE_MARKERS) : this.setAttribute(_.TIMELINE_MARKERS, JSON.stringify(t));
 	}
 	connect() {
-		p(H, this, ba).call(this);
+		p(H, this, xa).call(this);
 	}
 };
-function ba() {
+function xa() {
 	var e = this;
 	return t(function* () {
 		var t, n;
-		if (!m(Di, e)) return;
-		let r = m(L, e) === m(Ti, e);
-		m(Si, e).stop(), yield (t = m(I, e)) == null ? void 0 : t.unload(), r && h(L, e, void 0);
+		if (!m(Oi, e)) return;
+		let r = m(L, e) === m(Ei, e);
+		m(Ci, 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 = Ce(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 = Ce(e.getAttribute("max-video-bit-rate")), te = Ce(e.getAttribute("max-initial-bit-rate")), ne = ge(e.getAttribute("max-size")), re = Ce(e.getAttribute("min-buffer-time")), ie = Ce(e.getAttribute("max-buffer-time")), oe = S(e.getAttribute("burst-enabled")), se = S(e.getAttribute("mse-enabled")), ce = S(e.getAttribute("mse-opus-enabled")), le = S(e.getAttribute("background-play-enabled")), f = S(e.getAttribute("ios-background-play-enabled")), g = S(e.getAttribute("ios-wake-lock-enabled")), ue = S(e.getAttribute("stream-to-media-element-enabled")), de = S(e.getAttribute("ios-media-element-enabled")), fe = S(e.getAttribute("abr-enabled"), !0), pe = S(e.getAttribute("size-based-resolution-cap-enabled")), me = S(e.getAttribute("telemetry-enabled")), y = ve(e.getAttribute("video-codecs")), b = he(e.getAttribute("poster")), xe = Se(e.getAttribute("advanced")), x = ye(e.getAttribute("log-level")), we = {
 			headers: Te(e.getAttribute("drm-headers")),
 			queryParams: Te(e.getAttribute("drm-queryparams")),
@@ -2479,9 +2487,9 @@ function ba() {
 			}
 		}, Ee = Me(e.getAttribute("webcodecs-hardware-acceleration")), De = je(e.getAttribute("decoders")), Oe = S(e.getAttribute("offscreen-canvas-enabled")), ke = S(e.getAttribute("webtransport-enabled")), Ae = Ce(e.getAttribute("reconnect-retries")), Ne = Ae === void 0 ? void 0 : (e) => e.reconnectRetries < Ae, Pe = e.getAttribute("language") || void 0;
 		h(I, e, new ae({
-			url: m(Ei, e),
-			channelId: m(Di, e),
-			channelGroupId: m(Oi, e),
+			url: m(Di, e),
+			channelId: m(Oi, e),
+			channelGroupId: m(ki, e),
 			edgeUrl: u,
 			authenticationToken: ee,
 			muted: a,
@@ -2515,110 +2523,112 @@ function ba() {
 			decoders: De,
 			offscreenCanvasEnabled: Oe,
 			reconnectHandler: Ne
-		})), h(Ti, e, new fi(m(I, e))), m(L, e) || h(L, e, m(Ti, e)), p(H, e, xa).call(e), h(Ci, e, (n = e.shadowRoot) == null ? void 0 : n.querySelector("#video")), m(Ci, e) && (m(I, e).attach(m(Ci, e)), m(Bi, e).observe(m(Ci, 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()), v(b) || p(H, e, U).call(e, _.POSTER_SRC, m(I, e).getThumbnailUrl());
+		})), h(Ei, e, new pi(m(I, e))), m(L, e) || h(L, e, m(Ei, e)), p(H, e, Sa).call(e), h(wi, e, (n = e.shadowRoot) == null ? void 0 : n.querySelector("#video")), m(wi, e) && (m(I, e).attach(m(wi, e)), m(Vi, e).observe(m(wi, 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()), v(b) || p(H, e, U).call(e, _.POSTER_SRC, m(I, e).getThumbnailUrl());
 		let Fe = S(e.getAttribute(_.AIRPLAY_ENABLED), !1), C = S(e.getAttribute(_.CAST_ENABLED), !0), Ie = S(e.getAttribute(_.FULLSCREEN_ENABLED), !0), Le = S(e.getAttribute(_.PIP_ENABLED), !0), Re = S(e.getAttribute(_.VU_METER_ENABLED), !1), ze = S(e.getAttribute(_.TIMESHIFT_ENABLED), !1);
-		Fe && p(H, e, Fa).call(e, m(I, e)), C && p(H, e, Ma).call(e, m(I, e)), Ie && p(H, e, ka).call(e, m(I, e)), Le && p(H, e, Da).call(e, m(I, e)), i || m(I, e).play(), Re && p(H, e, Ia).call(e, m(I, e)), e.dispatchEvent(new CustomEvent("vindral-instance-ready", {
+		Fe && p(H, e, Ia).call(e, m(I, e)), C && p(H, e, Na).call(e, m(I, e)), Ie && p(H, e, Aa).call(e, m(I, e)), Le && p(H, e, Oa).call(e, m(I, e)), i || m(I, e).play(), Re && p(H, e, La).call(e, m(I, e)), e.dispatchEvent(new CustomEvent("vindral-instance-ready", {
 			bubbles: !0,
 			composed: !0,
 			detail: m(I, e)
-		})), ze && (p(H, e, wa).call(e), Ie && p(H, e, Aa).call(e));
+		})), ze && (p(H, e, Ta).call(e), Ie && p(H, e, ja).call(e));
 	})();
 }
-function xa() {
-	m(I, this) && (m(I, this).on("rendition levels", m(Vi, this)), m(I, this).on("rendition level", m(Hi, this)), m(I, this).on("playback state", m(Ui, this)), m(I, this).on("volume state", m(Wi, this)), m(I, this).on("channel switch failed", m(Gi, this)), m(I, this).on("channel switch", m(Ki, this)), m(I, this).on("channels", m(qi, this)), m(I, this).on("languages", m(Ji, this)), m(I, this).on("text tracks", m(Yi, this)), m(I, this).on("needs user input", m(Xi, this)), m(I, this).on("is live", m(Zi, this)), m(I, this).on("timeshift info", m(Qi, this)));
-}
 function Sa() {
-	m(I, this) && (m(I, this).off("playback state", m(Ui, this)), m(I, this).off("volume state", m(Wi, this)), m(I, this).off("channel switch failed", m(Gi, this)), m(I, this).off("channel switch", m(Ki, this)), m(I, this).off("channels", m(qi, this)), m(I, this).off("languages", m(Ji, this)), m(I, this).off("text tracks", m(Yi, this)), m(I, this).off("needs user input", m(Xi, this)), m(I, this).off("is live", m(Zi, this)), m(I, this).off("timeshift info", m(Qi, this)));
+	m(I, this) && (m(I, this).on("rendition levels", m(Hi, this)), m(I, this).on("rendition level", m(Ui, this)), m(I, this).on("playback state", m(Wi, this)), m(I, this).on("volume state", m(Gi, this)), m(I, this).on("channel switch failed", m(Ki, this)), m(I, this).on("channel switch", m(qi, this)), m(I, this).on("channels", m(Ji, this)), m(I, this).on("languages", m(Yi, this)), m(I, this).on("text tracks", m(Xi, this)), m(I, this).on("needs user input", m(Zi, this)), m(I, this).on("is live", m(Qi, this)), m(I, this).on("timeshift info", m($i, this)));
 }
 function Ca() {
-	m(R, this) && (m(R, this).addEventListener("playing", m($i, this)), m(R, this).addEventListener("pause", m(ea, this)), m(R, this).addEventListener("ended", m(ta, this)), m(R, this).addEventListener("timeupdate", m(ra, this)), m(R, this).addEventListener("volumechange", m(ia, this)), m(R, this).addEventListener("hlsbuffering", m(aa, this)), m(R, this).addEventListener("hlsnotbuffering", m(oa, this)), m(R, this).addEventListener("timeshiftready", m(sa, this)));
+	m(I, this) && (m(I, this).off("playback state", m(Wi, this)), m(I, this).off("volume state", m(Gi, this)), m(I, this).off("channel switch failed", m(Ki, this)), m(I, this).off("channel switch", m(qi, this)), m(I, this).off("channels", m(Ji, this)), m(I, this).off("languages", m(Yi, this)), m(I, this).off("text tracks", m(Xi, this)), m(I, this).off("needs user input", m(Zi, this)), m(I, this).off("is live", m(Qi, this)), m(I, this).off("timeshift info", m($i, this)));
 }
 function wa() {
+	m(R, this) && (m(R, this).addEventListener("playing", m(ea, this)), m(R, this).addEventListener("pause", m(ta, this)), m(R, this).addEventListener("ended", m(na, this)), m(R, this).addEventListener("timeupdate", m(ia, this)), m(R, this).addEventListener("volumechange", m(aa, this)), m(R, this).addEventListener("hlsbuffering", m(oa, this)), m(R, this).addEventListener("hlsnotbuffering", m(sa, this)), m(R, this).addEventListener("timeshiftready", m(ca, this)));
+}
+function Ta() {
 	var e, t, n, r;
 	let i = Ce(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 = S(this.getAttribute(_.MUTED), (n = (r = m(L, this)) == null ? void 0 : r.muted) == null ? !1 : n);
-	p(H, this, Ta).call(this), h(R, this, new Yr(m(wi, this), {
+	p(H, this, Ea).call(this), h(R, this, new Xr(m(Ti, this), {
 		volume: a,
 		muted: o,
-		maxVideoBitRate: m(ki, this) ? parseInt(m(ki, this), 10) : void 0
-	})), m(R, this).addEventListener("durationchange", m(na, this));
-}
-function Ta() {
-	m(R, this) && (p(H, this, Ea).call(this), m(R, this).removeEventListener("durationchange", m(na, this)), m(R, this).cleanup(), m(L, this) === m(R, this) && h(L, this, void 0), h(R, this, void 0));
+		maxVideoBitRate: m(Ai, this) ? parseInt(m(Ai, this), 10) : void 0
+	})), m(R, this).addEventListener("durationchange", m(ra, this));
 }
 function Ea() {
-	m(R, this) && (m(R, this).removeEventListener("playing", m($i, this)), m(R, this).removeEventListener("pause", m(ea, this)), m(R, this).removeEventListener("ended", m(ta, this)), m(R, this).removeEventListener("timeupdate", m(ra, this)), m(R, this).removeEventListener("volumechange", m(ia, this)), m(R, this).removeEventListener("hlsbuffering", m(aa, this)), m(R, this).removeEventListener("hlsnotbuffering", m(oa, this)), m(R, this).removeEventListener("timeshiftready", m(sa, this)));
+	m(R, this) && (p(H, this, Da).call(this), m(R, this).removeEventListener("durationchange", m(ra, this)), m(R, this).cleanup(), m(L, this) === m(R, this) && h(L, this, void 0), h(R, this, void 0));
 }
-function Da(e) {
-	e.mediaElement instanceof HTMLVideoElement && (h(z, this, new ir(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 Da() {
+	m(R, this) && (m(R, this).removeEventListener("playing", m(ea, this)), m(R, this).removeEventListener("pause", m(ta, this)), m(R, this).removeEventListener("ended", m(na, this)), m(R, this).removeEventListener("timeupdate", m(ia, this)), m(R, this).removeEventListener("volumechange", m(aa, this)), m(R, this).removeEventListener("hlsbuffering", m(oa, this)), m(R, this).removeEventListener("hlsnotbuffering", m(sa, this)), m(R, this).removeEventListener("timeshiftready", m(ca, this)));
+}
+function Oa(e) {
+	e.mediaElement instanceof HTMLVideoElement && (h(z, this, new ar(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) => {
+		var t;
+		e ? p(H, this, U).call(this, _.IS_PIP, "") : p(H, this, W).call(this, _.IS_PIP), m(Vi, this).setEnabled(!((t = m(z, this)) != null && t.isWebkitPresentationModeActive()));
 	}));
 }
-function Oa() {
+function ka() {
 	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 ir(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);
+	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 ar(t)), m(z, this).on("on picture in picture change", (e) => {
+		var t;
+		e ? p(H, this, U).call(this, _.IS_PIP, "") : p(H, this, W).call(this, _.IS_PIP), m(Vi, this).setEnabled(!((t = m(z, this)) != null && t.isWebkitPresentationModeActive()));
 	}));
 }
-function ka(e) {
-	let t = !Jn.isFullscreenApiSupported(this) && Jn.isFullscreenApiSupported(e.mediaElement) ? e.mediaElement : this;
-	h(ji, this, new Jn(t)), m(ji, this).on("on fullscreen change", (e) => {
+function Aa(e) {
+	let t = !Xn.isFullscreenApiSupported(this) && Xn.isFullscreenApiSupported(e.mediaElement) ? e.mediaElement : this;
+	h(Mi, this, new Xn(t)), m(Mi, this).on("on fullscreen change", (e) => {
 		e ? p(H, this, U).call(this, _.FULLSCREEN, "") : p(H, this, W).call(this, _.FULLSCREEN);
 	});
 }
-function Aa() {
+function ja() {
 	var e;
-	m(R, this) && (h(Mi, this, !Jn.isFullscreenApiSupported(this) && Jn.isFullscreenApiSupported((e = m(R, this)) == null ? void 0 : e.videoElement) ? new Jn(m(R, this).videoElement) : new Jn(this)), m(Mi, this).on("on fullscreen change", (e) => {
+	m(R, this) && (h(Ni, this, !Xn.isFullscreenApiSupported(this) && Xn.isFullscreenApiSupported((e = m(R, this)) == null ? void 0 : e.videoElement) ? new Xn(m(R, this).videoElement) : new Xn(this)), m(Ni, this).on("on fullscreen change", (e) => {
 		e ? p(H, this, U).call(this, _.FULLSCREEN, "") : p(H, this, W).call(this, _.FULLSCREEN);
 	}));
 }
-function ja() {
-	return this.hasAttribute(_.TIMESHIFT_POSITION) ? m(Mi, this) : m(ji, this);
+function Ma() {
+	return this.hasAttribute(_.TIMESHIFT_POSITION) ? m(Ni, this) : m(Mi, this);
 }
-function Ma(e) {
-	h(Pi, this, new Oe({
-		background: m(Ii, this),
-		receiverApplicationId: m(Fi, this),
+function Na(e) {
+	h(Fi, this, new Oe({
+		background: m(Li, this),
+		receiverApplicationId: m(Ii, this),
 		options: e.getCastOptions()
-	})), m(Pi, this).init().then(() => {
+	})), m(Fi, this).init().then(() => {
 		var e, t, n;
-		p(H, this, U).call(this, _.CAST_AVAILABLE, ""), (e = m(Pi, this)) == null || e.on("connected", p(H, this, Na).bind(this)), (t = m(Pi, this)) == null || t.on("resumed", p(H, this, Na).bind(this)), (n = m(Pi, this)) == null || n.on("disconnected", p(H, this, Pa).bind(this));
+		p(H, this, U).call(this, _.CAST_AVAILABLE, ""), (e = m(Fi, this)) == null || e.on("connected", p(H, this, Pa).bind(this)), (t = m(Fi, this)) == null || t.on("resumed", p(H, this, Pa).bind(this)), (n = m(Fi, this)) == null || n.on("disconnected", p(H, this, Fa).bind(this));
 	}).catch((e) => {
 		m(V, this).warn("Failed to initialize CastSender", e);
 	});
 }
-function Na() {
+function Pa() {
 	var e, t;
 	p(H, this, U).call(this, _.IS_CASTING, "");
-	let n = (e = (t = m(Pi, this)) == null ? void 0 : t.getReceiverName()) == null ? "device" : e;
+	let n = (e = (t = m(Fi, this)) == null ? void 0 : t.getReceiverName()) == null ? "device" : e;
 	p(H, this, U).call(this, _.CAST_RECEIVER_NAME, n);
 }
-function Pa() {
+function Fa() {
 	p(H, this, W).call(this, _.IS_CASTING), p(H, this, W).call(this, _.CAST_RECEIVER_NAME);
 }
-function Fa(e) {
+function Ia(e) {
 	var t;
-	(t = m(Ni, this)) == null || t.unload();
+	(t = m(Pi, this)) == null || t.unload();
 	let n = e.getCastOptions();
-	h(Ni, this, new zn({
+	h(Pi, this, new zn({
 		url: n.url,
 		channelId: n.channelId,
 		authenticationToken: n.authenticationToken,
 		container: this
-	})), m(Ni, this).once("available", () => {
+	})), m(Pi, this).once("available", () => {
 		p(H, this, U).call(this, _.AIRPLAY_AVAILABLE, "");
-	}), m(Ni, this).on("connected", () => {
+	}), m(Pi, this).on("connected", () => {
 		p(H, this, U).call(this, _.IS_AIRPLAYING, "");
-	}), m(Ni, this).on("disconnected", () => {
+	}), m(Pi, this).on("disconnected", () => {
 		p(H, this, W).call(this, _.IS_AIRPLAYING);
 	});
 }
-function Ia(e) {
+function La(e) {
 	var t;
 	if ((t = m(B, this)) == null || t.unload(), !se()) {
-		if (e.audioNode) h(B, this, new Fr(e.audioNode));
-		else if (e.mediaElement instanceof HTMLMediaElement) h(B, this, new Fr(e.mediaElement));
+		if (e.audioNode) h(B, this, new Ir(e.audioNode));
+		else if (e.mediaElement instanceof HTMLMediaElement) h(B, this, new Ir(e.mediaElement));
 		else return;
 		m(B, this).on("on decibel change", (e) => {
 			p(H, this, U).call(this, _.VOLUME_LEVEL, JSON.stringify(e));
@@ -2628,37 +2638,37 @@ function Ia(e) {
 		})), (!m(B, this).isMediaElementSource || !this.hasAttribute(_.MUTED)) && m(B, this).start();
 	}
 }
-function La() {
+function Ra() {
 	let e = () => (customElements.get("vindral-debug-panel") || import("./rVXtcXLn.js").then((e) => e.n).then(({ registerDebugComponents: e }) => e()), this.setAttribute(_.DEBUG_PANEL_OPEN, ""), m(I, this));
-	window._vindralDebug = e, h(zi, this, e);
+	window._vindralDebug = e, h(Bi, this, e);
 }
-function Ra() {
+function za() {
 	let e = window;
-	m(zi, this) && e._vindralDebug === m(zi, this) && delete e._vindralDebug, h(zi, this, null);
-}
-function za(e) {
-	e.pointerType !== "mouse" && e.timeStamp - m(ca, this) < 250 || (p(H, this, qa).call(this), m(xi, this) && clearTimeout(m(xi, this)), e.target instanceof HTMLElement && ([this, m(Ci, this)].includes(e.target) || e.target.localName === "vindral-scroll-overlay") && p(H, this, Ja).call(this));
+	m(Bi, this) && e._vindralDebug === m(Bi, this) && delete e._vindralDebug, h(Bi, this, null);
 }
 function Ba(e) {
-	let t = this.hasAttribute(_.USER_INTERACTING);
-	e.pointerType === "touch" && e.target instanceof HTMLElement ? [this, m(Ci, this)].includes(e.target) && t ? p(H, this, Ka).call(this) : p(H, this, Ja).call(this) : e.composedPath().some((e) => e instanceof HTMLElement && ["vindral-play-button"].includes(e == null ? void 0 : e.localName)) && p(H, this, Ja).call(this);
+	e.pointerType !== "mouse" && e.timeStamp - m(la, this) < 250 || (p(H, this, Ja).call(this), m(Si, this) && clearTimeout(m(Si, this)), e.target instanceof HTMLElement && ([this, m(wi, this)].includes(e.target) || e.target.localName === "vindral-scroll-overlay") && p(H, this, Ya).call(this));
 }
 function Va(e) {
+	let t = this.hasAttribute(_.USER_INTERACTING);
+	e.pointerType === "touch" && e.target instanceof HTMLElement ? [this, m(wi, this)].includes(e.target) && t ? p(H, this, qa).call(this) : p(H, this, Ya).call(this) : e.composedPath().some((e) => e instanceof HTMLElement && ["vindral-play-button"].includes(e == null ? void 0 : e.localName)) && p(H, this, Ya).call(this);
+}
+function Ha(e) {
 	switch (e) {
 		case "dblclick-fullscreen": return S(this.getAttribute(_.DOUBLE_CLICK_FULLSCREEN_ENABLED), !0);
 		default: return !0;
 	}
 }
-function Ha(e) {
-	p(H, this, Va).call(this, "dblclick-fullscreen") && (!m(ji, this) || e.target instanceof b || e.target instanceof Be || e.target instanceof gi || (this.hasAttribute(_.FULLSCREEN) ? this.removeAttribute(_.FULLSCREEN) : this.setAttribute(_.FULLSCREEN, "")));
-}
 function Ua(e) {
-	this.hasAttribute(_.USER_INTERACTING) || p(H, this, Ja).call(this);
+	p(H, this, Ha).call(this, "dblclick-fullscreen") && (!m(Mi, this) || e.target instanceof b || e.target instanceof Be || e.target instanceof _i || (this.hasAttribute(_.FULLSCREEN) ? this.removeAttribute(_.FULLSCREEN) : this.setAttribute(_.FULLSCREEN, "")));
 }
 function Wa(e) {
+	this.hasAttribute(_.USER_INTERACTING) || p(H, this, Ya).call(this);
+}
+function Ga(e) {
 	var t;
 	let { metaKey: n, altKey: r, key: i } = e;
-	if (n || r || !vi.includes(i)) return;
+	if (n || r || !yi.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;
@@ -2676,28 +2686,28 @@ function Wa(e) {
 			break;
 	}
 }
-function Ga() {
+function Ka() {
 	var e = this;
 	return t(function* () {
-		if (!m(I, e) || !m(Oi, e)) return;
+		if (!m(I, e) || !m(ki, e)) return;
 		let t = Date.now();
-		if (m(ha, e) && t - m(ha, e) < 1e4) m(V, e).debug("Skipping channel update, last update was less than 10 seconds ago.");
+		if (m(ga, e) && t - m(ga, e) < 1e4) m(V, e).debug("Skipping channel update, last update was less than 10 seconds ago.");
 		else {
-			h(ha, e, t);
-			let n = yield m(I, e).getApiClient().getChannels(m(Oi, e));
+			h(ga, e, t);
+			let n = yield m(I, e).getApiClient().getChannels(m(ki, e));
 			p(H, e, U).call(e, _.CHANNELS, JSON.stringify(n));
 		}
-		h(Li, e, window.setTimeout(() => void p(H, e, Ga).call(e), 1e4));
+		h(Ri, e, window.setTimeout(() => void p(H, e, Ka).call(e), 1e4));
 	})();
 }
-function Ka() {
+function qa() {
 	!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 qa() {
+function Ja() {
 	this.hasAttribute(_.USER_INTERACTING) || requestAnimationFrame(() => {
 		this.setAttribute(_.USER_INTERACTING, ""), this.dispatchEvent(new CustomEvent("user-interacting", {
 			bubbles: !0,
@@ -2706,64 +2716,64 @@ function qa() {
 		}));
 	});
 }
-function Ja() {
-	p(H, this, qa).call(this), m(xi, this) && clearTimeout(m(xi, this)), m(bi, this) && h(xi, this, self.setTimeout(() => {
-		p(H, this, Ka).call(this);
-	}, m(bi, this)));
-}
 function Ya() {
+	p(H, this, Ja).call(this), m(Si, this) && clearTimeout(m(Si, this)), m(xi, this) && h(Si, this, self.setTimeout(() => {
+		p(H, this, qa).call(this);
+	}, m(xi, this)));
+}
+function Xa() {
 	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 Xa() {
+function Za() {
 	var e;
-	p(H, this, Oa).call(this), p(H, this, eo).call(this), (e = m(z, this)) == null || e.request().catch((e) => {
+	p(H, this, ka).call(this), p(H, this, to).call(this), (e = m(z, this)) == null || e.request().catch((e) => {
 		m(V, this).warn("Failed to enter picture in picture:", e);
 	});
 }
-function Za() {
+function Qa() {
 	var e;
 	(e = m(z, this)) == null || e.exit().catch((e) => {
 		m(V, this).warn("Failed to exit picture in picture:", e);
 	});
 }
-function Qa() {
-	let e = p(H, this, ja).call(this);
+function $a() {
+	let e = p(H, this, Ma).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, eo).call(this), e == null || e.request().then(() => {
-		m(ga, this).call(this);
+	e != null && e.isFullscreenApiSupported() ? (p(H, this, to).call(this), e == null || e.request().then(() => {
+		m(_a, 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 $a() {
-	let e = p(H, this, ja).call(this);
+function eo() {
+	let e = p(H, this, Ma).call(this);
 	e != null && e.isFullscreenApiSupported() ? e == null || e.exit().then(() => {
-		m(_a, this).call(this);
+		m(va, 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 eo() {
-	m(I, this) && m(I, this).emitter.emit("ios-hack: reset size");
-}
 function to() {
-	return this.hasAttribute(_.DEBUG_PANEL_OPEN);
+	m(I, this) && m(I, this).emitter.emit("ios-hack: reset size");
 }
 function no() {
-	p(H, this, to).call(this) ? p(H, this, ro).call(this) : p(H, this, io).call(this);
+	return this.hasAttribute(_.DEBUG_PANEL_OPEN);
 }
 function ro() {
-	m(va, this) === null && (p(H, this, ao).call(this), h(va, this, window.setInterval(() => p(H, this, ao).call(this), 1e3)));
+	p(H, this, no).call(this) ? p(H, this, io).call(this) : p(H, this, ao).call(this);
 }
 function io() {
-	m(va, this) && (clearInterval(m(va, this)), h(va, 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(ya, this) === null && (p(H, this, oo).call(this), h(ya, this, window.setInterval(() => p(H, this, oo).call(this), 1e3)));
 }
 function ao() {
+	m(ya, this) && (clearInterval(m(ya, this)), h(ya, 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 oo() {
 	if (!m(I, this)) return;
 	try {
 		let e = m(I, this).getStatistics().drift;
@@ -2779,13 +2789,13 @@ function ao() {
 }
 function U(e, t) {
 	var n;
-	(n = m(yi, this).get(e)) == null || n.forEach((n) => n.setAttribute(e, t));
+	(n = m(bi, this).get(e)) == null || n.forEach((n) => n.setAttribute(e, t));
 }
 function W(e) {
 	var t;
-	(t = m(yi, this).get(e)) == null || t.forEach((t) => t.removeAttribute(e));
+	(t = m(bi, this).get(e)) == null || t.forEach((t) => t.removeAttribute(e));
 }
-e(ya, "observedAttributes", [
+e(ba, "observedAttributes", [
 	...Ee,
 	"url",
 	"edge-url",
@@ -2828,8 +2838,8 @@ e(ya, "observedAttributes", [
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/FullscreenButton.ts
-var oo, so = document.createElement("template");
-so.innerHTML = `
+var so, co = document.createElement("template");
+co.innerHTML = `
   <style>
     :host {
       display: var(--fullscreen-button-display);
@@ -2853,10 +2863,10 @@ so.innerHTML = `
 </slot>
   </slot>
 `;
-var co = class extends b {
+var lo = class extends b {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(so.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild(co.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("aria-label", this.isFullscreen ? "Exit fullscreen" : "Enter fullscreen");
@@ -2881,48 +2891,48 @@ var co = class extends b {
 		}));
 	}
 };
-oo = co, e(co, "observedAttributes", [...x(oo, "observedAttributes", oo), _.FULLSCREEN]);
+so = lo, e(lo, "observedAttributes", [...x(so, "observedAttributes", so), _.FULLSCREEN]);
 //#endregion
 //#region ../../libs/player-next/src/components/LanguageMenu.ts
-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 = `
+var uo, fo = "\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", po = document.createElement("template");
+po.innerHTML = `
   <style>
     :host(:not([hidden])) {
       display: var(--language-menu-display);
     }
   </style>
 
-  <slot name="button">${uo}</slot>
+  <slot name="button">${fo}</slot>
   <slot name="listbox" hidden>
     <vindral-language-menu-list id="listbox" part="listbox"></vindral-language-menu-list>
   </slot>
 `;
-var po = /* @__PURE__ */ new WeakSet(), mo = class extends Be {
+var mo = /* @__PURE__ */ new WeakSet(), ho = class extends Be {
 	constructor() {
 		var e, t, n, r;
-		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]");
+		super(), g(this, mo), (e = this.shadowRoot) == null || e.appendChild(po.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(po, this, ho).call(this), this.setAttribute("aria-label", "Languages");
+		super.connectedCallback(), p(mo, this, go).call(this), this.setAttribute("aria-label", "Languages");
 	}
 	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), (e === _.LANGUAGES || e === _.TEXT_TRACKS) && p(po, this, ho).call(this);
+		super.attributeChangedCallback(e, t, n), (e === _.LANGUAGES || e === _.TEXT_TRACKS) && p(mo, this, go).call(this);
 	}
 };
-lo = mo;
-function ho() {
+uo = ho;
+function go() {
 	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(mo, "observedAttributes", [
-	...x(lo, "observedAttributes", lo),
+e(ho, "observedAttributes", [
+	...x(uo, "observedAttributes", uo),
 	_.LANGUAGES,
 	_.TEXT_TRACKS
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/LanguageMenuList.ts
-var go = document.createElement("template");
-go.innerHTML = `
+var _o = document.createElement("template");
+_o.innerHTML = `
   <style>
     :host {
       font: inherit;
@@ -3036,21 +3046,21 @@ go.innerHTML = `
     <div class="menu"></div>
   </div>
 `;
-var _o = /* @__PURE__ */ new WeakMap(), vo = /* @__PURE__ */ new WeakMap(), yo = /* @__PURE__ */ new WeakMap(), bo = /* @__PURE__ */ new WeakMap(), xo = /* @__PURE__ */ new WeakMap(), G = /* @__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(), K = /* @__PURE__ */ new WeakSet(), Oo = class extends HTMLElement {
+var 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(), ko = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakSet(), Ao = class extends HTMLElement {
 	constructor() {
-		super(), g(this, K), f(this, _o, []), f(this, vo, []), f(this, yo, void 0), f(this, bo, void 0), f(this, xo, []), f(this, G, []), 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, vo, []), f(this, yo, []), f(this, bo, void 0), f(this, xo, void 0), f(this, So, []), f(this, Co, []), f(this, wo, null), f(this, To, null), f(this, Eo, null), f(this, Do, null), f(this, Oo, null), f(this, ko, null), e(this, "handleEvent", (e) => {
 			switch (e.type) {
 				case "keydown":
-					p(K, this, Lo).call(this, e);
+					p(G, this, zo).call(this, e);
 					break;
 			}
-		}), this.attachShadow({ mode: "open" }).appendChild(go.content.cloneNode(!0));
+		}), this.attachShadow({ mode: "open" }).appendChild(_o.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(K, this, ko).call(this), p(K, this, Ao).call(this), h(To, this, e.host), this.addEventListener("keydown", this);
+			h(Eo, this, e.host.closest("vindral-controller")), (t = m(Eo, this)) == null || t.connectListener(this), h(wo, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#languages .menu")), h(To, this, (r = this.shadowRoot) == null ? void 0 : r.querySelector("#text-tracks .menu")), p(G, this, jo).call(this), p(G, this, Mo).call(this), h(Do, this, e.host), this.addEventListener("keydown", this);
 		}
 	}
 	disconnectedCallback() {
@@ -3060,16 +3070,16 @@ var _o = /* @__PURE__ */ new WeakMap(), vo = /* @__PURE__ */ new WeakMap(), yo =
 		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(_o, this, e), p(K, this, Mo).call(this), p(K, this, Po).call(this);
+		h(vo, this, e), p(G, this, Po).call(this), p(G, this, Io).call(this);
 	}
 	set textTracks(e) {
-		h(vo, this, e), p(K, this, jo).call(this), p(K, this, Fo).call(this);
+		h(yo, this, e), p(G, this, No).call(this), p(G, this, Lo).call(this);
 	}
 	set language(e) {
-		h(yo, this, e), p(K, this, Po).call(this);
+		h(bo, this, e), p(G, this, Io).call(this);
 	}
 	set textTrack(e) {
-		h(bo, this, e), p(K, this, Fo).call(this);
+		h(xo, this, e), p(G, this, Lo).call(this);
 	}
 	get keysUsed() {
 		return [
@@ -3086,10 +3096,10 @@ var _o = /* @__PURE__ */ new WeakMap(), vo = /* @__PURE__ */ new WeakMap(), yo =
 		];
 	}
 	focus() {
-		m(Eo, this) ? m(Eo, this).focus() : m(Do, this) && m(Do, this).focus();
+		m(Oo, this) ? m(Oo, this).focus() : m(ko, this) && m(ko, this).focus();
 	}
 };
-function ko() {
+function jo() {
 	new IntersectionObserver((e) => {
 		e.forEach((e) => {
 			if (e.intersectionRatio !== 1) if (e.intersectionRatio > 0) {
@@ -3098,55 +3108,55 @@ function ko() {
 			} else this.style.height = "auto";
 		});
 	}, {
-		root: m(wo, this),
+		root: m(Eo, this),
 		threshold: 0
 	}).observe(this);
 }
-function Ao() {
-	m(So, this) && (p(K, this, Mo).call(this), p(K, this, Po).call(this)), m(Co, this) && (p(K, this, jo).call(this), p(K, this, Fo).call(this));
+function Mo() {
+	m(wo, this) && (p(G, this, Po).call(this), p(G, this, Io).call(this)), m(To, this) && (p(G, this, No).call(this), p(G, this, Lo).call(this));
 }
-function jo() {
-	m(Co, this).innerHTML = "", h(G, this, []);
-	let e = p(K, this, No).call(this, "Off", "textTrack", void 0);
-	m(Co, this).appendChild(e), m(G, this).push({
+function No() {
+	m(To, this).innerHTML = "", h(Co, this, []);
+	let e = p(G, this, Fo).call(this, "Off", "textTrack", void 0);
+	m(To, this).appendChild(e), m(Co, this).push({
 		element: e,
 		value: void 0
-	}), m(vo, this).forEach((e) => {
-		let t = p(K, this, No).call(this, e, "textTrack", e);
-		m(Co, this).appendChild(t), m(G, this).push({
+	}), m(yo, this).forEach((e) => {
+		let t = p(G, this, Fo).call(this, e, "textTrack", e);
+		m(To, this).appendChild(t), m(Co, this).push({
 			element: t,
 			value: e
 		});
-	}), p(K, this, Fo).call(this);
+	}), p(G, this, Lo).call(this);
 }
-function Mo() {
-	m(So, this).innerHTML = "", h(xo, this, []), m(_o, this).forEach((e) => {
-		let t = p(K, this, No).call(this, e, "language", e);
-		m(So, this).appendChild(t), m(xo, this).push({
+function Po() {
+	m(wo, this).innerHTML = "", h(So, this, []), m(vo, this).forEach((e) => {
+		let t = p(G, this, Fo).call(this, e, "language", e);
+		m(wo, this).appendChild(t), m(So, this).push({
 			element: t,
 			value: e
 		});
-	}), p(K, this, Po).call(this);
+	}), p(G, this, Io).call(this);
 }
-function No(e, t, n) {
+function Fo(e, t, n) {
 	let r = document.createElement("div");
-	return r.setAttribute("role", "menuitem"), r.textContent = e, r.addEventListener("click", () => p(K, this, Io).call(this, n, t)), r;
+	return r.setAttribute("role", "menuitem"), r.textContent = e, r.addEventListener("click", () => p(G, this, Ro).call(this, n, t)), r;
 }
-function Po() {
-	m(Eo, this) && (m(Eo, this).removeAttribute("aria-selected"), m(Eo, this).tabIndex = -1);
-	let e = m(xo, this).find((e) => e.value === m(yo, this));
-	e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, h(Eo, this, e.element));
-}
-function Fo() {
-	m(Do, this) && (m(Do, this).removeAttribute("aria-selected"), m(Do, this).tabIndex = -1);
-	let e = m(G, this).find((e) => e.value === m(bo, this));
-	if (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));
+	e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, h(Oo, this, e.element));
+}
+function Lo() {
+	m(ko, this) && (m(ko, this).removeAttribute("aria-selected"), m(ko, this).tabIndex = -1);
+	let e = m(Co, this).find((e) => e.value === m(xo, this));
+	if (e) e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, h(ko, this, e.element);
 	else {
-		let e = m(G, 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(Co, this).find((e) => e.value === void 0);
+		e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, h(ko, this, e.element));
 	}
 }
-function Io(e, t) {
+function Ro(e, t) {
 	this.dispatchEvent(new Event("change", {
 		bubbles: !0,
 		composed: !0
@@ -3158,36 +3168,36 @@ function Io(e, t) {
 		detail: e
 	}));
 }
-function Lo(e) {
+function zo(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(Do, this)) == null || a.hide();
 	} else if (t === "Enter" || t === " ") {
 		var o;
-		(o = p(K, this, Bo).call(this)) == null || (o = o.element) == null || o.click();
-	} else p(K, this, Ro).call(this, e);
+		(o = p(G, this, Ho).call(this)) == null || (o = o.element) == null || o.click();
+	} else p(G, this, Bo).call(this, e);
 }
-function Ro(e) {
+function Bo(e) {
 	var t;
-	let { key: n } = e, r = [...m(xo, this), ...m(G, this)], i = (t = p(K, this, Bo).call(this)) == null ? r[0] : t;
+	let { key: n } = e, r = [...m(So, this), ...m(Co, this)], i = (t = p(G, this, Ho).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(K, this, zo).call(this, a, "left") : n === "ArrowRight" ? o = p(K, 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, Vo).call(this, a, "left") : n === "ArrowRight" ? o = p(G, this, Vo).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(K, this, Vo).call(this, s.value), s.element.focus());
+	s && (p(G, this, Uo).call(this, s.value), s.element.focus());
 }
-function zo(e, t) {
-	let n = m(xo, this).length, r = m(G, this).length;
+function Vo(e, t) {
+	let n = m(So, this).length, r = m(Co, this).length;
 	return t === "left" ? e < n ? n + r - 1 : e - n - 1 : e >= n ? 0 : e + n;
 }
-function Bo() {
-	return [...m(xo, this), ...m(G, this)].find((e) => e.element.tabIndex === 0);
+function Ho() {
+	return [...m(So, this), ...m(Co, this)].find((e) => e.element.tabIndex === 0);
 }
-function Vo(e) {
-	for (let t of [...m(xo, this), ...m(G, this)]) t.element.tabIndex = t.value === e ? 0 : -1;
+function Uo(e) {
+	for (let t of [...m(So, this), ...m(Co, this)]) t.element.tabIndex = t.value === e ? 0 : -1;
 }
-e(Oo, "observedAttributes", [
+e(Ao, "observedAttributes", [
 	_.LANGUAGES,
 	_.TEXT_TRACKS,
 	_.LANGUAGE,
@@ -3195,12 +3205,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 b {
+var Wo, Go = document.createElement("template");
+Go.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 Ko = class extends b {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(Uo.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild(Go.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.updateState();
@@ -3231,15 +3241,15 @@ var Wo = class extends b {
 		}));
 	}
 };
-Ho = Wo, e(Wo, "observedAttributes", [
-	...x(Ho, "observedAttributes", Ho),
+Wo = Ko, e(Ko, "observedAttributes", [
+	...x(Wo, "observedAttributes", Wo),
 	_.TIMESHIFT_POSITION,
 	_.DURATION
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/MuteButton.ts
-var Go, Ko = document.createElement("template");
-Ko.innerHTML = `
+var qo, Jo = document.createElement("template");
+Jo.innerHTML = `
   <style>
     :host {
       display: var(--mute-button-display);
@@ -3267,10 +3277,10 @@ Ko.innerHTML = `
 </slot>
   </slot>
 `;
-var qo = class extends b {
+var Yo = class extends b {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(Ko.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild(Jo.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("aria-label", this.muted ? "UnMute" : "Mute");
@@ -3295,11 +3305,11 @@ var qo = class extends b {
 		}));
 	}
 };
-Go = qo, e(qo, "observedAttributes", [...x(Go, "observedAttributes", Go), _.MUTED]);
+qo = Yo, e(Yo, "observedAttributes", [...x(qo, "observedAttributes", qo), _.MUTED]);
 //#endregion
 //#region ../../libs/player-next/src/components/PictureInPictureButton.ts
-var Jo, Yo = document.createElement("template");
-Yo.innerHTML = `
+var Xo, Zo = document.createElement("template");
+Zo.innerHTML = `
   <style>
     :host {
       display: var(--pip-button-display);
@@ -3313,10 +3323,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 b {
+var Qo = class extends b {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(Yo.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild(Zo.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("aria-label", this.isPictureInPictureActive ? "Exit picture in picture" : "Enter picture in picture");
@@ -3341,15 +3351,15 @@ var Xo = class extends b {
 		}));
 	}
 };
-Jo = Xo, e(Xo, "observedAttributes", [
-	...x(Jo, "observedAttributes", Jo),
+Xo = Qo, e(Qo, "observedAttributes", [
+	...x(Xo, "observedAttributes", Xo),
 	_.IS_PIP,
 	_.PIP_AVAILABLE
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/PlayButton.ts
-var Zo, Qo = document.createElement("template");
-Qo.innerHTML = `
+var $o, es = document.createElement("template");
+es.innerHTML = `
   <style>
     :host {
       display: var(--play-button-display);
@@ -3373,10 +3383,10 @@ Qo.innerHTML = `
 </slot>
   </slot>
 `;
-var $o = class extends b {
+var ts = class extends b {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(Qo.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild(es.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("aria-label", this.paused ? "Play" : "Pause");
@@ -3401,64 +3411,64 @@ var $o = class extends b {
 		}));
 	}
 };
-Zo = $o, e($o, "observedAttributes", [...x(Zo, "observedAttributes", Zo), _.PAUSED]);
+$o = ts, e(ts, "observedAttributes", [...x($o, "observedAttributes", $o), _.PAUSED]);
 //#endregion
 //#region ../../libs/player-next/src/PlayerAttributes.ts
-var q = {
+var K = {
 	TITLE: "title",
 	OFFLINE: "offline",
 	ADVANCED_RENDITION_MENU_ENABLED: "advanced-rendition-menu-enabled",
 	REFRESH_POSTER_ENABLED: "refresh-poster-enabled",
 	STREAM_POLL_ENABLED: "stream-poll-enabled"
-}, es = Object.values(q), 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 {
+}, ns = Object.values(K), 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 WeakMap(), us = /* @__PURE__ */ new WeakSet(), ds = 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, us), f(this, rs, void 0), f(this, is, void 0), f(this, as, !1), f(this, os, !1), f(this, ss, !0), f(this, cs, null), f(this, ls, null), h(is, this, e), h(rs, 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(ls, this) && clearInterval(m(ls, this)), h(as, this, !1), h(os, this, !1), p(us, this, hs).call(this), p(us, this, fs).call(this), h(ls, this, window.setInterval(() => {
+			!m(os, this) && !m(is, this).infiniteReconnect && !m(cs, this) && m(ss, this) && h(cs, this, window.setTimeout(() => p(us, this, ps).call(this), 300 * 1e3)), !m(os, this) && m(ss, this) && p(us, this, fs).call(this);
 		}, e));
 	}
 	stop() {
-		p(cs, this, fs).call(this), m(ss, this) && (window.clearInterval(m(ss, this)), h(ss, this, null));
+		p(us, this, ms).call(this), m(ls, this) && (window.clearInterval(m(ls, this)), h(ls, this, null));
 	}
 };
-function us() {
+function fs() {
 	var e = this;
 	return t(function* () {
-		if (m(rs, e)) return;
-		h(rs, e, !0);
+		if (m(as, e)) return;
+		h(as, 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(rs, e).getChannel(m(is, e).channelId);
 			if (t.isLive) {
-				h(is, e, !0), p(cs, e, ps).call(e), e.emit("live", t), h(rs, e, !1);
+				h(os, e, !0), p(us, e, hs).call(e), e.emit("live", t), h(as, 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(ss, e) && e.emit("error", {
 			title: t,
 			message: n
-		}), h(rs, e, !1);
+		}), h(as, e, !1);
 	})();
 }
-function ds() {
-	this.stop(), h(as, this, !1), this.emit("timeout");
+function ps() {
+	this.stop(), h(ss, this, !1), this.emit("timeout");
 }
-function fs() {
-	m(os, this) && (window.clearTimeout(m(os, this)), h(os, this, null));
+function ms() {
+	m(cs, this) && (window.clearTimeout(m(cs, this)), h(cs, this, null));
 }
-function ps() {
-	p(cs, this, fs).call(this), h(as, this, !0);
+function hs() {
+	p(us, this, ms).call(this), h(ss, 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) => ya.observedAttributes.includes(e), vs = `
+var gs = /\/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, _s = navigator.userAgent.toLowerCase(), vs = gs.test(_s), ys = (e) => ba.observedAttributes.includes(e), bs = `
   <style>
     :host {
       container-type: inline-size;
@@ -3468,7 +3478,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: ${vs ? "none" : "flex"};
       --vindral-airplay-button-display: none;
       --vindral-play-overlay-display: none;
       --vindral-grid-item-offline-display: none;
@@ -3504,7 +3514,7 @@ var ms = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
       // needs to be higher than bottom bar/UI
     }
 
-    :host([${q.OFFLINE}]) {
+    :host([${K.OFFLINE}]) {
       aspect-ratio: 16 / 9;
       vindral-controller {
         --vindral-ui-display: none;
@@ -3549,10 +3559,10 @@ var ms = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
       --vindral-subtitle-offset: -48px;
     }
   </style>
-`, ys = (e) => {
+`, xs = (e) => {
 	let t = e ? "vindral-advanced-rendition-menu" : "vindral-rendition-levels-menu";
 	return `
-    ${vs}
+    ${bs}
 
     <vindral-controller>
       <vindral-control-bar slot="top-bar">
@@ -3590,8 +3600,8 @@ var ms = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
       </vindral-center-overlay>
     </vindral-controller>
   `;
-}, bs = `
-  ${vs}
+}, Ss = `
+  ${bs}
 
   <style>
     #control-bar {
@@ -3615,100 +3625,100 @@ 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(), 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 {
+`, Cs = document.createElement("template"), ws = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), Ts = /* @__PURE__ */ new WeakMap(), Es = /* @__PURE__ */ new WeakMap(), Ds = /* @__PURE__ */ new WeakMap(), Os = /* @__PURE__ */ new WeakMap(), ks = /* @__PURE__ */ new WeakMap(), As = /* @__PURE__ */ new WeakMap(), js = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakSet(), Ms = /* @__PURE__ */ new WeakMap(), Ns = /* @__PURE__ */ new WeakMap(), Ps = /* @__PURE__ */ new WeakMap(), Fs = class extends HTMLElement {
 	constructor() {
-		super(), g(this, Y), f(this, Ss, 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, () => {
+		super(), g(this, J), f(this, ws, void 0), f(this, q, void 0), f(this, Ts, void 0), f(this, Es, void 0), f(this, Ds, void 0), f(this, Os, void 0), f(this, ks, /* @__PURE__ */ new Set()), f(this, As, () => {
 			Array.from(this.attributes).forEach((e) => {
-				m(ks, this).call(this, e.name, e.value);
+				m(js, this).call(this, e.name, e.value);
 			});
-		}), f(this, ks, (e, t) => {
-			_s(e) && (v(t) ? m(J, this).setAttribute(e, t) : m(J, this).removeAttribute(e));
-		}), f(this, As, () => {
+		}), f(this, js, (e, t) => {
+			ys(e) && (v(t) ? m(q, this).setAttribute(e, t) : m(q, this).removeAttribute(e));
+		}), f(this, Ms, () => {
 			Array.from(this.children).forEach((e) => {
-				m(Ds, this).add(e);
+				m(ks, this).add(e);
 			});
-		}), f(this, js, () => {
-			let e = m(J, this).instance;
+		}), f(this, Ns, () => {
+			let e = m(q, this).instance;
 			e && (e.on("is live", (e) => {
-				e ? (this.removeAttribute(q.OFFLINE), p(Y, this, zs).call(this)) : (this.setAttribute(q.OFFLINE, ""), p(Y, this, Rs).call(this, "Stream is offline", "Please stand by"));
+				e ? (this.removeAttribute(K.OFFLINE), p(J, this, Vs).call(this)) : (this.setAttribute(K.OFFLINE, ""), p(J, this, Bs).call(this, "Stream is offline", "Please stand by"));
 			}), e.on("channels", (e) => {
-				let t = m(J, this).getAttribute("channel-id"), n = e.find((e) => e.channelId === t);
-				n && p(Y, this, Ls).call(this, n);
+				let t = m(q, this).getAttribute("channel-id"), n = e.find((e) => e.channelId === t);
+				n && p(J, this, zs).call(this, n);
 			}), e.on("channel switch", ({ channelId: t }) => {
 				let n = e.channels.find((e) => e.channelId === t);
-				n && p(Y, this, Ls).call(this, n);
+				n && p(J, this, zs).call(this, n);
 			}), e.on("error", (e) => {
 				if (e.code() === "connection_failed") {
-					p(Y, this, Rs).call(this, "Stream is offline", "Please stand by");
+					p(J, this, Bs).call(this, "Stream is offline", "Please stand by");
 					return;
 				}
-				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(q.OFFLINE, ""), m(J, this).dispatchEvent(new CustomEvent(y.EXIT_FULLSCREEN)), m(J, this).dispatchEvent(new CustomEvent(y.EXIT_PIP)));
+				e.isFatal() && (e.code() === "access_forbidden" ? p(J, this, Bs).call(this, "Forbidden", "You do not have permission to view this stream") : e.code() === "connection_failed_will_not_attempt_again" ? p(J, this, Bs).call(this, "Stream is offline", "Please stand by") : p(J, this, Bs).call(this, "An error occurred", e.message), m(Es, this).removeAttribute("hidden"), this.setAttribute(K.OFFLINE, ""), m(q, this).dispatchEvent(new CustomEvent(y.EXIT_FULLSCREEN)), m(q, this).dispatchEvent(new CustomEvent(y.EXIT_PIP)));
 			}));
-		}), f(this, Ms, () => {
-			m(J, this).connect(), m(ws, this).setAttribute("hidden", ""), p(Y, this, zs).call(this), m(J, this).focus();
-		}), h(Ss, this, this.attachShadow({ mode: "open" })), p(Y, this, Fs).call(this), h(J, 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"));
+		}), f(this, Ps, () => {
+			m(q, this).connect(), m(Es, this).setAttribute("hidden", ""), p(J, this, Vs).call(this), m(q, this).focus();
+		}), h(ws, this, this.attachShadow({ mode: "open" })), p(J, this, Ls).call(this), h(q, this, m(ws, this).querySelector("vindral-controller")), h(Ts, this, m(ws, this).querySelector("#vindral-message")), h(Es, this, m(ws, this).querySelector("#play-overlay")), h(Ds, this, m(ws, this).querySelector("#center-overlay"));
 	}
 	connectedCallback() {
-		this.setAttribute(q.OFFLINE, ""), m(J, this).addEventListener("vindral-instance-ready", m(js, this)), p(Y, this, Is).call(this);
+		this.setAttribute(K.OFFLINE, ""), m(q, this).addEventListener("vindral-instance-ready", m(Ns, this)), p(J, this, Rs).call(this);
 	}
 	disconnectedCallback() {
 		var e;
-		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();
+		m(q, this).removeEventListener("vindral-instance-ready", m(Ns, this)), m(Es, this).removeEventListener("click", m(Ps, this)), (e = m(Os, this)) == null || e.stop();
 	}
 	attributeChangedCallback(e, t, n) {
-		if (t !== n) if (e === _.MEDIA || e === q.ADVANCED_RENDITION_MENU_ENABLED) p(Y, this, Fs).call(this);
-		else if (e === q.REFRESH_POSTER_ENABLED) {
-			let e = m(Ss, this).querySelector("vindral-poster-overlay");
-			e && (e.disabled = S(this.getAttribute(q.REFRESH_POSTER_ENABLED), !1) === !1);
-		} else m(ks, this).call(this, e, n);
+		if (t !== n) if (e === _.MEDIA || e === K.ADVANCED_RENDITION_MENU_ENABLED) p(J, this, Ls).call(this);
+		else if (e === K.REFRESH_POSTER_ENABLED) {
+			let e = m(ws, this).querySelector("vindral-poster-overlay");
+			e && (e.disabled = S(this.getAttribute(K.REFRESH_POSTER_ENABLED), !1) === !1);
+		} else m(js, this).call(this, e, n);
 	}
 	get instance() {
-		return m(J, this).instance;
+		return m(q, this).instance;
 	}
 	get airPlay() {
-		return m(J, this).airPlay;
+		return m(q, this).airPlay;
 	}
 	get timelineMarkers() {
-		return m(J, this).timelineMarkers;
+		return m(q, this).timelineMarkers;
 	}
 	set timelineMarkers(e) {
-		m(J, this).timelineMarkers = e;
+		m(q, this).timelineMarkers = e;
 	}
 };
-function Ps() {
-	let e = _e(this.getAttribute(_.MEDIA)), t = S(this.getAttribute(q.ADVANCED_RENDITION_MENU_ENABLED), !1);
-	return e === "audio" ? bs : ys(t);
-}
-function Fs() {
-	let e = m(Ss, 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)), xs.innerHTML = p(Y, this, Ps).call(this);
-	let r = xs.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(Ss, this).innerHTML = "", m(Ss, 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() {
+	let e = _e(this.getAttribute(_.MEDIA)), t = S(this.getAttribute(K.ADVANCED_RENDITION_MENU_ENABLED), !1);
+	return e === "audio" ? Ss : xs(t);
+}
+function Ls() {
+	let e = m(ws, this).hasChildNodes(), t = e ? m(q, this) : void 0, n = e ? m(Es, this) : void 0;
+	this.isConnected && t && t.removeEventListener("vindral-instance-ready", m(Ns, this)), this.isConnected && n && m(Os, this) && n.removeEventListener("click", m(Ps, this)), Cs.innerHTML = p(J, this, Is).call(this);
+	let r = Cs.content.cloneNode(!0);
+	h(q, this, r.querySelector("vindral-controller")), h(Ts, this, r.querySelector("#vindral-message")), h(Es, this, r.querySelector("#play-overlay")), h(Ds, this, r.querySelector("#center-overlay")), m(Ms, this).call(this), m(ks, this).forEach((e) => {
+		m(q, this).appendChild(e);
+	}), m(As, this).call(this), m(ws, this).innerHTML = "", m(ws, this).appendChild(r), this.isConnected && (m(q, this).addEventListener("vindral-instance-ready", m(Ns, this)), m(Os, this) && m(Es, this).addEventListener("click", m(Ps, this)));
+}
+function Rs() {
 	var e;
-	if (S(this.getAttribute(q.STREAM_POLL_ENABLED), !0) === !1) return;
+	if (S(this.getAttribute(K.STREAM_POLL_ENABLED), !0) === !1) return;
 	let t = this.getAttribute("url") || "https://lb.cdn.vindral.com", n = this.getAttribute("channel-id"), r = (e = this.getAttribute("authentication-token")) == null ? void 0 : e, i = this.hasAttribute("infinite-reconnect");
 	if (!n) {
-		this.setAttribute(q.OFFLINE, ""), p(Y, this, Rs).call(this, "Invalid options", "Please enter a channel id to start the stream");
+		this.setAttribute(K.OFFLINE, ""), p(J, this, Bs).call(this, "Invalid options", "Please enter a channel id to start the stream");
 		return;
 	}
-	h(Es, this, new ls({
+	h(Os, this, new ds({
 		url: t,
 		channelId: n,
 		authenticationToken: r,
 		infiniteReconnect: i
-	})), m(Es, this).on("live", (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(Y, this, zs).call(this), m(ws, this).removeAttribute("hidden");
-	}), m(Es, this).on("error", (e) => {
-		this.setAttribute(q.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) {
+	})), m(Os, this).on("live", (e) => {
+		m(q, this).connect(), this.removeAttribute("offline"), p(J, this, Vs).call(this), p(J, this, zs).call(this, e);
+	}), m(Os, this).on("timeout", () => {
+		p(J, this, Vs).call(this), m(Es, this).removeAttribute("hidden");
+	}), m(Os, this).on("error", (e) => {
+		this.setAttribute(K.OFFLINE, ""), p(J, this, Bs).call(this, e.title, e.message);
+	}), m(Es, this).addEventListener("click", m(Ps, this)), this.hasAttribute("paused") && m(Os, this).start();
+}
+function zs(e) {
 	let t = he(this.getAttribute("title"), !1);
 	if (!t) return;
 	let n = this.getAttribute("poster"), r = typeof t == "string" ? t : e.name, i;
@@ -3722,19 +3732,19 @@ function Ls(e) {
 		poster: i
 	});
 }
-function Rs(e, t) {
-	m(Cs, this).setAttribute("title", e), m(Cs, this).setAttribute("description", t), m(Cs, this).removeAttribute("hidden");
+function Bs(e, t) {
+	m(Ts, this).setAttribute("title", e), m(Ts, this).setAttribute("description", t), m(Ts, this).removeAttribute("hidden");
 	let n = this.getAttribute("poster");
-	n ? m(Ts, this).setAttribute("poster", n) : m(Ts, this).removeAttribute("poster"), m(Ts, this).setAttribute("backdrop", "");
+	n ? m(Ds, this).setAttribute("poster", n) : m(Ds, this).removeAttribute("poster"), m(Ds, this).setAttribute("backdrop", "");
 }
-function zs() {
-	m(Cs, this).setAttribute("hidden", ""), m(Ts, this).removeAttribute("backdrop");
+function Vs() {
+	m(Ts, this).setAttribute("hidden", ""), m(Ds, this).removeAttribute("backdrop");
 }
-e(Ns, "observedAttributes", [...ya.observedAttributes, ...es]);
+e(Fs, "observedAttributes", [...ba.observedAttributes, ...ns]);
 //#endregion
 //#region ../../libs/player-next/src/components/PosterOverlay.ts
-var Bs = document.createElement("template");
-Bs.innerHTML = `
+var Hs = document.createElement("template");
+Hs.innerHTML = `
   <style>
     :host {
       display: var(--poster-overlay-display);
@@ -3769,26 +3779,26 @@ Bs.innerHTML = `
     }
   </style>
 `;
-var Vs = 6e3, Hs = /* @__PURE__ */ new WeakMap(), Us = /* @__PURE__ */ new WeakMap(), Ws = /* @__PURE__ */ new WeakMap(), Gs = /* @__PURE__ */ new WeakMap(), Ks = /* @__PURE__ */ new WeakSet(), qs = /* @__PURE__ */ new WeakMap(), Js = class extends HTMLElement {
+var Us = 6e3, Ws = /* @__PURE__ */ new WeakMap(), Gs = /* @__PURE__ */ new WeakMap(), Ks = /* @__PURE__ */ new WeakMap(), qs = /* @__PURE__ */ new WeakMap(), Js = /* @__PURE__ */ new WeakSet(), Ys = /* @__PURE__ */ new WeakMap(), Xs = class extends HTMLElement {
 	constructor() {
-		super(), g(this, Ks), f(this, Hs, null), f(this, Us, null), f(this, Ws, null), f(this, Gs, () => {
-			!document.hidden && this.hasAttribute("intersecting") && this.paused && !this.disabled ? p(Ks, this, Ys).call(this) : p(Ks, this, Xs).call(this);
-		}), f(this, qs, (e) => {
+		super(), g(this, Js), f(this, Ws, null), f(this, Gs, null), f(this, Ks, null), f(this, qs, () => {
+			!document.hidden && this.hasAttribute("intersecting") && this.paused && !this.disabled ? p(Js, this, Zs).call(this) : p(Js, this, Qs).call(this);
+		}), f(this, Ys, (e) => {
 			e.forEach((e) => {
 				e.isIntersecting ? this.setAttribute("intersecting", "") : this.removeAttribute("intersecting");
 			});
-		}), this.attachShadow({ mode: "open" }).appendChild(Bs.content.cloneNode(!0));
+		}), this.attachShadow({ mode: "open" }).appendChild(Hs.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		var e;
-		h(Hs, this, this.closest("vindral-controller")), (e = m(Hs, this)) == null || e.connectListener(this), document.addEventListener("visibilitychange", m(Gs, this)), h(Ws, this, new IntersectionObserver(m(qs, this))), m(Ws, this).observe(this);
+		h(Ws, this, this.closest("vindral-controller")), (e = m(Ws, this)) == null || e.connectListener(this), document.addEventListener("visibilitychange", m(qs, this)), h(Ks, this, new IntersectionObserver(m(Ys, this))), m(Ks, this).observe(this);
 	}
 	disconnectedCallback() {
 		var e, t;
-		(e = m(Hs, this)) == null || e.disconnectListener(this), document.removeEventListener("visibilitychange", m(Gs, this)), (t = m(Ws, this)) == null || t.disconnect(), h(Ws, this, null), p(Ks, this, Xs).call(this);
+		(e = m(Ws, this)) == null || e.disconnectListener(this), document.removeEventListener("visibilitychange", m(qs, this)), (t = m(Ks, this)) == null || t.disconnect(), h(Ks, this, null), p(Js, this, Qs).call(this);
 	}
 	attributeChangedCallback(e, t, n) {
-		t !== n && (e === _.POSTER_SRC && this.paused && !this.disabled && p(Ks, this, Zs).call(this), (e === _.PAUSED || e === "disabled" || e === "intersecting") && m(Gs, this).call(this));
+		t !== n && (e === _.POSTER_SRC && this.paused && !this.disabled && p(Js, this, $s).call(this), (e === _.PAUSED || e === "disabled" || e === "intersecting") && m(qs, this).call(this));
 	}
 	get disabled() {
 		return this.hasAttribute("disabled");
@@ -3803,18 +3813,18 @@ var Vs = 6e3, Hs = /* @__PURE__ */ new WeakMap(), Us = /* @__PURE__ */ new WeakM
 		return this.hasAttribute(_.PAUSED);
 	}
 };
-function Ys() {
-	m(Us, this) === null && (p(Ks, this, Xs).call(this), h(Us, this, window.setInterval(() => p(Ks, this, Zs).call(this), Vs)));
+function Zs() {
+	m(Gs, this) === null && (p(Js, this, Qs).call(this), h(Gs, this, window.setInterval(() => p(Js, this, $s).call(this), Us)));
 }
-function Xs() {
-	m(Us, this) !== null && (clearInterval(m(Us, this)), h(Us, this, null)), this.style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAQAAACRI2S5AAAAEElEQVR42mNkIAAYRxWAAQAG9gAKqv6+AwAAAABJRU5ErkJggg==')";
+function Qs() {
+	m(Gs, this) !== null && (clearInterval(m(Gs, this)), h(Gs, this, null)), this.style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAQAAACRI2S5AAAAEElEQVR42mNkIAAYRxWAAQAG9gAKqv6+AwAAAABJRU5ErkJggg==')";
 }
-function Zs() {
+function $s() {
 	if (!this.posterSrc) return;
 	let e = new URL(this.posterSrc), t = new Image();
 	e.searchParams.set("t", Date.now().toString()), t.src = e.toString(), t.onload = () => this.style.backgroundImage = `url(${e.toString()})`;
 }
-e(Js, "observedAttributes", [
+e(Xs, "observedAttributes", [
 	_.POSTER_SRC,
 	_.PAUSED,
 	"disabled",
@@ -3822,70 +3832,70 @@ e(Js, "observedAttributes", [
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/RenditionLevelsMenu.ts
-var Qs, $s = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-tabler icon-tabler-settings-filled\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#2c3e50\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M14.647 4.081a.724 .724 0 0 0 1.08 .448c2.439 -1.485 5.23 1.305 3.745 3.744a.724 .724 0 0 0 .447 1.08c2.775 .673 2.775 4.62 0 5.294a.724 .724 0 0 0 -.448 1.08c1.485 2.439 -1.305 5.23 -3.744 3.745a.724 .724 0 0 0 -1.08 .447c-.673 2.775 -4.62 2.775 -5.294 0a.724 .724 0 0 0 -1.08 -.448c-2.439 1.485 -5.23 -1.305 -3.745 -3.744a.724 .724 0 0 0 -.447 -1.08c-2.775 -.673 -2.775 -4.62 0 -5.294a.724 .724 0 0 0 .448 -1.08c-1.485 -2.439 1.305 -5.23 3.744 -3.745a.722 .722 0 0 0 1.08 -.447c.673 -2.775 4.62 -2.775 5.294 0zm-2.647 4.919a3 3 0 1 0 0 6a3 3 0 0 0 0 -6z\" stroke-width=\"0\" fill=\"currentColor\" />\n</svg>\n", ec = document.createElement("template");
-ec.innerHTML = `
+var ec, tc = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-tabler icon-tabler-settings-filled\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#2c3e50\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M14.647 4.081a.724 .724 0 0 0 1.08 .448c2.439 -1.485 5.23 1.305 3.745 3.744a.724 .724 0 0 0 .447 1.08c2.775 .673 2.775 4.62 0 5.294a.724 .724 0 0 0 -.448 1.08c1.485 2.439 -1.305 5.23 -3.744 3.745a.724 .724 0 0 0 -1.08 .447c-.673 2.775 -4.62 2.775 -5.294 0a.724 .724 0 0 0 -1.08 -.448c-2.439 1.485 -5.23 -1.305 -3.745 -3.744a.724 .724 0 0 0 -.447 -1.08c-2.775 -.673 -2.775 -4.62 0 -5.294a.724 .724 0 0 0 .448 -1.08c-1.485 -2.439 1.305 -5.23 3.744 -3.745a.722 .722 0 0 0 1.08 -.447c.673 -2.775 4.62 -2.775 5.294 0zm-2.647 4.919a3 3 0 1 0 0 6a3 3 0 0 0 0 -6z\" stroke-width=\"0\" fill=\"currentColor\" />\n</svg>\n", nc = document.createElement("template");
+nc.innerHTML = `
   <style>
     :host {
       display: var(--rendition-menu-display);
     }
   </style>
 
-  <slot name="button">${$s}</slot>
+  <slot name="button">${tc}</slot>
   <slot name="listbox" hidden>
     <vindral-rendition-levels-menu-list id="listbox" part="listbox"></vindral-rendition-levels-menu-list>
   </slot>
 `;
-var tc = /* @__PURE__ */ new WeakSet(), nc = class extends Be {
+var rc = /* @__PURE__ */ new WeakSet(), ic = class extends Be {
 	constructor() {
 		var e, t, n, r;
-		super(), g(this, tc), (e = this.shadowRoot) == null || e.appendChild(ec.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, rc), (e = this.shadowRoot) == null || e.appendChild(nc.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(tc, this, rc).call(this), this.setAttribute("aria-label", "Rendition levels");
+		super.connectedCallback(), p(rc, this, ac).call(this), this.setAttribute("aria-label", "Rendition levels");
 	}
 	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), e === _.RENDITION_LEVELS && p(tc, this, rc).call(this);
+		super.attributeChangedCallback(e, t, n), e === _.RENDITION_LEVELS && p(rc, this, ac).call(this);
 	}
 };
-Qs = nc;
-function rc() {
+ec = ic;
+function ac() {
 	let e = this.getAttribute(_.RENDITION_LEVELS);
 	!e || e === "[]" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
 }
-e(nc, "observedAttributes", [...x(Qs, "observedAttributes", Qs), _.RENDITION_LEVELS]);
+e(ic, "observedAttributes", [...x(ec, "observedAttributes", ec), _.RENDITION_LEVELS]);
 //#endregion
 //#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(), X = /* @__PURE__ */ new WeakSet(), dc = class extends HTMLElement {
+var oc = document.createElement("template");
+oc.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 sc = /* @__PURE__ */ new WeakMap(), cc = /* @__PURE__ */ new WeakMap(), lc = /* @__PURE__ */ new WeakMap(), uc = /* @__PURE__ */ new WeakMap(), dc = /* @__PURE__ */ new WeakMap(), fc = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakSet(), pc = class extends HTMLElement {
 	constructor() {
-		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) => {
+		super(), g(this, Y), f(this, sc, []), f(this, cc, 2 ** 53 - 1), f(this, lc, null), f(this, uc, []), f(this, dc, null), f(this, fc, null), e(this, "handleEvent", (e) => {
 			switch (e.type) {
 				case "keydown":
-					p(X, this, _c).call(this, e);
+					p(Y, this, yc).call(this, e);
 					break;
 			}
-		}), this.attachShadow({ mode: "open" }).appendChild(ic.content.cloneNode(!0));
+		}), this.attachShadow({ mode: "open" }).appendChild(oc.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		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(X, this, fc).call(this), p(X, this, pc).call(this), h(uc, this, e.host), this.addEventListener("keydown", this);
+			h(dc, this, e.host.closest("vindral-controller")), (t = m(dc, this)) == null || t.connectListener(this), p(Y, this, mc).call(this), p(Y, this, hc).call(this), h(fc, this, e.host), this.addEventListener("keydown", this);
 		}
 	}
 	disconnectedCallback() {
 		var e;
-		(e = m(lc, this)) == null || e.disconnectListener(this), this.removeEventListener("keydown", this);
+		(e = m(dc, this)) == null || e.disconnectListener(this), this.removeEventListener("keydown", this);
 	}
 	attributeChangedCallback(e, t, n) {
 		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(X, this, pc).call(this);
+		h(sc, this, e), p(Y, this, hc).call(this);
 	}
 	set maxVideoBitrate(e) {
-		h(oc, this, e), p(X, this, hc).call(this);
+		h(cc, this, e), p(Y, this, _c).call(this);
 	}
 	get keysUsed() {
 		return [
@@ -3901,10 +3911,10 @@ var ac = /* @__PURE__ */ new WeakMap(), oc = /* @__PURE__ */ new WeakMap(), sc =
 	}
 	focus() {
 		var e;
-		(e = m(sc, this)) == null || e.focus();
+		(e = m(lc, this)) == null || e.focus();
 	}
 };
-function fc() {
+function mc() {
 	new IntersectionObserver((e) => {
 		e.forEach((e) => {
 			if (e.intersectionRatio !== 1) if (e.intersectionRatio > 0) {
@@ -3913,50 +3923,50 @@ function fc() {
 			} else this.style.height = "auto";
 		});
 	}, {
-		root: m(lc, this),
+		root: m(dc, this),
 		threshold: 0
 	}).observe(this);
 }
-function pc() {
+function hc() {
 	var e;
 	let t = (e = this.shadowRoot) == null ? void 0 : e.querySelector(".menu");
-	t && (h(cc, this, []), t.innerHTML = "", m(ac, this).sort((e, t) => {
+	t && (h(uc, this, []), t.innerHTML = "", m(sc, this).sort((e, t) => {
 		var n, r;
 		return (n = e.video) != null && n.bitRate && (r = t.video) != null && r.bitRate ? t.video.bitRate - e.video.bitRate : 0;
 	}).forEach((e) => {
 		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(X, this, mc).call(this, (r = e.video) == null ? void 0 : r.frameRate);
+		let ee = p(Y, this, gc).call(this, (r = e.video) == null ? void 0 : r.frameRate);
 		u.textContent = e.video ? me(e.video) : "";
 		let d = document.createElement("span");
-		d.classList.add("menu-item-subtitle"), d.textContent = `${De(((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({
+		d.classList.add("menu-item-subtitle"), d.textContent = `${De(((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, vc).call(this, e)), m(uc, this).push({
 			el: u,
 			id: (c = (l = e.video) == null ? void 0 : l.id) == null ? -1 : c
 		}), t.appendChild(u);
-	}), p(X, this, hc).call(this));
+	}), p(Y, this, _c).call(this));
 }
-function mc(e) {
+function gc(e) {
 	return e ? e[0] % e[1] === 0 ? (e[0] / e[1]).toString() : (e[0] / e[1]).toFixed(2) : "";
 }
-function hc() {
-	m(sc, this) && (m(sc, this).removeAttribute("aria-selected"), m(sc, this).tabIndex = -1);
-	let e = m(ac, this).sort((e, t) => {
+function _c() {
+	m(lc, this) && (m(lc, this).removeAttribute("aria-selected"), m(lc, this).tabIndex = -1);
+	let e = m(sc, this).sort((e, t) => {
 		var n, r;
 		return (n = e.video) != null && n.bitRate && (r = t.video) != null && r.bitRate ? t.video.bitRate - e.video.bitRate : 0;
-	}), t = m(ac, this).filter((e) => {
+	}), t = m(sc, this).filter((e) => {
 		var t;
-		return ((t = e.video) == null ? void 0 : t.bitRate) && e.video.bitRate <= m(oc, this);
+		return ((t = e.video) == null ? void 0 : t.bitRate) && e.video.bitRate <= m(cc, this);
 	})[0] || e[e.length - 1];
 	if (t) {
-		let e = m(cc, this).find((e) => {
+		let e = m(uc, this).find((e) => {
 			var n;
 			return e.id === ((n = t.video) == null ? void 0 : n.id);
 		});
-		e && (e.el.tabIndex = 0, e.el.setAttribute("aria-selected", "true"), h(sc, this, e.el));
+		e && (e.el.tabIndex = 0, e.el.setAttribute("aria-selected", "true"), h(lc, this, e.el));
 	}
 }
-function gc(e) {
+function vc(e) {
 	this.dispatchEvent(new Event("change", {
 		bubbles: !0,
 		composed: !0
@@ -3966,36 +3976,36 @@ function gc(e) {
 		detail: e
 	}));
 }
-function _c(e) {
+function yc(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(uc, this)) == null || a.hide();
+		(a = m(fc, this)) == null || a.hide();
 	} else if (t === "Enter" || t === " ") {
 		var o;
-		(o = p(X, this, yc).call(this)) == null || (o = o.el) == null || o.click();
-	} else p(X, this, vc).call(this, e);
+		(o = p(Y, this, xc).call(this)) == null || (o = o.el) == null || o.click();
+	} else p(Y, this, bc).call(this, e);
 }
-function vc(e) {
+function bc(e) {
 	var t;
-	let { key: n } = e, r = m(cc, this), i = (t = p(X, this, yc).call(this)) == null ? r[0] : t;
+	let { key: n } = e, r = m(uc, this), i = (t = p(Y, this, xc).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(X, this, bc).call(this, s.id), s.el.focus());
+	s && (p(Y, this, Sc).call(this, s.id), s.el.focus());
 }
-function yc() {
-	return m(cc, this).find((e) => e.el.tabIndex === 0);
+function xc() {
+	return m(uc, this).find((e) => e.el.tabIndex === 0);
 }
-function bc(e) {
-	for (let t of m(cc, this)) t.el.tabIndex = t.id === e ? 0 : -1;
+function Sc(e) {
+	for (let t of m(uc, this)) t.el.tabIndex = t.id === e ? 0 : -1;
 }
-e(dc, "observedAttributes", [_.RENDITION_LEVELS, _.MAX_VIDEO_BITRATE]);
+e(pc, "observedAttributes", [_.RENDITION_LEVELS, _.MAX_VIDEO_BITRATE]);
 //#endregion
 //#region ../../libs/player-next/src/components/ScrollOverlay.ts
-var xc = document.createElement("template");
-xc.innerHTML = `
+var Cc = document.createElement("template");
+Cc.innerHTML = `
   <style>
     :host {
       --scroll-overlay-offset: var(--vindral-scroll-overlay-offset, 0px);
@@ -4063,71 +4073,71 @@ xc.innerHTML = `
   <div id="scroll-area"></div>
   <slot id="content"></slot>
 `;
-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 {
+var X = /* @__PURE__ */ new WeakMap(), wc = /* @__PURE__ */ new WeakMap(), Tc = /* @__PURE__ */ new WeakMap(), Ec = /* @__PURE__ */ new WeakMap(), Dc = /* @__PURE__ */ new WeakMap(), Oc = /* @__PURE__ */ new WeakMap(), kc = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakSet(), Ac = /* @__PURE__ */ new WeakMap(), jc = class extends HTMLElement {
 	constructor() {
-		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, () => {
+		super(), g(this, Z), f(this, X, null), f(this, wc, null), f(this, Tc, !1), f(this, Ec, !1), f(this, Dc, !1), f(this, Oc, () => {
 			this.open && (this.open = !1);
-		}), f(this, Oc, null), e(this, "handleEvent", (e) => {
+		}), f(this, kc, null), e(this, "handleEvent", (e) => {
 			switch (e.type) {
 				case "touchstart":
-					p(Z, this, Mc).call(this, e);
+					p(Z, this, Nc).call(this, e);
 					break;
 				case "touchmove":
-					p(Z, this, Nc).call(this, e);
+					p(Z, this, Pc).call(this, e);
 					break;
 				case "touchend":
-					p(Z, this, Pc).call(this, e);
+					p(Z, this, Fc).call(this, e);
 					break;
 			}
-		}), f(this, kc, () => {
-			let e = m(Ec, this);
+		}), f(this, Ac, () => {
+			let e = m(Dc, this);
 			if (this.scrollTop === 0) {
-				p(Z, this, Hc).call(this, e);
+				p(Z, this, Uc).call(this, e);
 				return;
 			}
-			if (!e && !p(Z, this, Fc).call(this)) {
-				p(Z, this, Bc).call(this), p(Z, this, Hc).call(this);
+			if (!e && !p(Z, this, Ic).call(this)) {
+				p(Z, this, Vc).call(this), p(Z, this, Uc).call(this);
 				return;
 			}
-			!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));
+			!this.visible && this.scrollTop > 0 && !m(Tc, this) ? p(Z, this, Wc).call(this) : !m(Tc, this) && p(Z, this, Rc).call(this) && (this.open || (this.open = !0), e && !this.hasAttribute("snap-touch") && this.setAttribute("snap-touch", ""));
+		}), this.attachShadow({ mode: "open" }).appendChild(Cc.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		let e = this.getRootNode();
 		if (e instanceof Document || e instanceof ShadowRoot) {
 			var t, n, r;
-			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));
+			h(X, this, e.querySelector("vindral-controller")), (t = m(X, this)) == null || t.connectListener(this), h(wc, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#scroll-area")), (r = m(wc, this)) == null || r.addEventListener("click", m(Oc, this));
 			let s = this.hasAttribute("touch-enabled");
-			if (h(Ec, this, ce() && s), !m(Ec, this)) this.setAttribute("snap", "");
+			if (h(Dc, this, ce() && s), !m(Dc, this)) this.setAttribute("snap", "");
 			else {
 				var i, a, o;
-				(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 });
+				(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 });
 			}
-			this.addEventListener("scroll", m(kc, this));
+			this.addEventListener("scroll", m(Ac, this));
 		}
 	}
 	disconnectedCallback() {
 		var e, t, n, r, i;
-		(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);
+		(e = m(wc, this)) == null || e.removeEventListener("click", m(Oc, this)), this.removeEventListener("scroll", m(Ac, 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);
 	}
 	attributeChangedCallback(e, t, n) {
-		if (t !== n && (e === _.USER_INTERACTING && n === null && p(Z, this, Ic).call(this) && setTimeout(() => {
+		if (t !== n && (e === _.USER_INTERACTING && n === null && p(Z, this, Lc).call(this) && setTimeout(() => {
 			this.open = !1;
 		}, 300), e === "open")) if (n !== null) {
 			var r;
-			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,
+			h(Tc, this, !1), this.scrollTop > 0 && p(Z, this, Wc).call(this), this.scrollTo({
+				top: (r = m(wc, this)) == null ? void 0 : r.clientHeight,
 				behavior: "smooth"
 			});
-		} else p(Z, this, Vc).call(this);
+		} else p(Z, this, Hc).call(this);
 	}
 	set open(e) {
 		if (e) {
 			this.setAttribute("open", "");
 			return;
 		}
-		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"));
+		let t = this.hasAttribute("open"), n = this.visible || p(Z, this, Lc).call(this);
+		t ? this.removeAttribute("open") : n ? p(Z, this, Hc).call(this) : (h(Tc, this, !1), this.removeAttribute("snap-touch"));
 	}
 	get open() {
 		return this.hasAttribute("open");
@@ -4139,125 +4149,125 @@ var Sc = /* @__PURE__ */ new WeakMap(), Cc = /* @__PURE__ */ new WeakMap(), wc =
 		return this.hasAttribute("visible");
 	}
 };
-function jc() {
-	return p(Z, this, Fc).call(this) || p(Z, this, zc).call(this) || p(Z, this, Ic).call(this);
+function Mc() {
+	return p(Z, this, Ic).call(this) || p(Z, this, Bc).call(this) || p(Z, this, Lc).call(this);
 }
-function Mc(e) {
+function Nc(e) {
 	let t = e.touches[0];
-	t && (h(Tc, this, p(Z, this, jc).call(this)), m(Tc, this) && (h(wc, this, !1), h(Oc, this, t.clientY)));
+	t && (h(Ec, this, p(Z, this, Mc).call(this)), m(Ec, this) && (h(Tc, this, !1), h(kc, this, t.clientY)));
 }
-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;
+function Pc(e) {
+	if (!(!m(Ec, this) || m(kc, this) === null || this.hasAttribute("snap-touch") && this.open) && (e.preventDefault(), e.touches[0])) {
+		let t = e.touches[0].clientY, n = m(kc, this) - t;
 		this.scrollTop = Math.max(0, n);
 	}
 }
-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 Fc(e) {
+	m(Ec, this) && !m(Tc, this) && p(Z, this, Lc).call(this) && (!this.hasAttribute("snap-touch") || !this.open) && (this.open = !0), h(kc, this, null), h(Ec, this, !1);
 }
-function Fc() {
+function Ic() {
 	return this.hasAttribute(_.USER_INTERACTING);
 }
-function Ic() {
+function Lc() {
 	return this.scrollTop > 0;
 }
-function Lc() {
+function Rc() {
 	var e;
-	return Math.round(this.scrollTop) === this.scrollHeight - this.clientHeight || Math.round(this.scrollTop) === ((e = m(Cc, this)) == null ? void 0 : e.clientHeight);
+	return Math.round(this.scrollTop) === this.scrollHeight - this.clientHeight || Math.round(this.scrollTop) === ((e = m(wc, this)) == null ? void 0 : e.clientHeight);
 }
-function Rc() {
+function zc() {
 	var e;
-	let t = (e = m(Cc, this)) == null ? void 0 : e.clientHeight;
+	let t = (e = m(wc, this)) == null ? void 0 : e.clientHeight;
 	return !t || this.clientHeight <= 0 ? 0 : Math.max(this.clientHeight - t, 0);
 }
-function zc() {
+function Bc() {
 	let e = getComputedStyle(this), t = Number.parseFloat(e.getPropertyValue("--vindral-scroll-overlay-offset"));
-	return Number.isNaN(t) ? p(Z, this, Rc).call(this) > 0 : t > 0;
+	return Number.isNaN(t) ? p(Z, this, zc).call(this) > 0 : t > 0;
 }
-function Bc() {
+function Vc() {
 	let e = this.style.scrollBehavior;
 	this.style.scrollBehavior = "auto", this.scrollTo({
 		top: 0,
 		behavior: "auto"
 	}), this.style.scrollBehavior = e;
 }
-function Vc() {
-	h(wc, this, !0), this.removeAttribute("snap-touch"), p(Z, this, Wc).call(this), this.scrollTo({
+function Hc() {
+	h(Tc, this, !0), this.removeAttribute("snap-touch"), p(Z, this, Gc).call(this), this.scrollTo({
 		top: 0,
 		behavior: "smooth"
 	});
 }
-function Hc(e = !1) {
-	this.open = !1, e && this.removeAttribute("snap-touch"), h(wc, this, !1), p(Z, this, Wc).call(this);
+function Uc(e = !1) {
+	this.open = !1, e && this.removeAttribute("snap-touch"), h(Tc, this, !1), p(Z, this, Gc).call(this);
 }
-function Uc() {
+function Wc() {
 	this.visible || (this.visible = !0, this.dispatchEvent(new CustomEvent(y.LOCK_UI, {
 		bubbles: !0,
 		composed: !0
 	})));
 }
-function Wc() {
+function Gc() {
 	this.visible && (this.visible = !1, this.dispatchEvent(new CustomEvent(y.UNLOCK_UI, {
 		bubbles: !0,
 		composed: !0
 	})));
 }
-e(Ac, "observedAttributes", [
+e(jc, "observedAttributes", [
 	_.USER_INTERACTING,
 	"open",
 	"touch-enabled"
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/SeekBar.ts
-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 gi {
+var Kc = 1e3, qc = 8, Jc = document.createElement("template");
+Jc.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(), 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(), il = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakSet(), al = /* @__PURE__ */ new WeakMap(), ol = /* @__PURE__ */ new WeakMap(), sl = /* @__PURE__ */ new WeakMap(), cl = /* @__PURE__ */ new WeakMap(), ll = /* @__PURE__ */ new WeakMap(), ul = /* @__PURE__ */ new WeakMap(), dl = class extends _i {
 	constructor() {
 		var e, t, n, r;
-		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)) {
+		super(), g(this, $), f(this, Q, void 0), f(this, Yc, void 0), f(this, Xc, void 0), f(this, Zc, void 0), f(this, Qc, []), f(this, $c, null), f(this, el, !1), f(this, tl, null), f(this, nl, null), f(this, rl, !1), f(this, il, !1), f(this, al, (e) => {
+			if (!p($, this, ml).call(this) || p($, this, hl).call(this)) {
 				e.preventDefault();
 				return;
 			}
-			h($c, this, !0), h(tl, this, e.pointerId);
+			h(el, this, !0), h(nl, this, e.pointerId);
 			try {
 				this.setPointerCapture(e.pointerId);
 			} catch (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);
+			p($, this, Cl).call(this, e);
+		}), f(this, ol, (e) => {
+			if (!(!p($, this, ml).call(this) || p($, this, hl).call(this))) {
+				if (m(tl, this) && (cancelAnimationFrame(m(tl, this)), h(tl, this, null)), m(el, this) && e.pointerId === m(nl, this)) {
+					e.preventDefault(), p($, this, Cl).call(this, e);
 					return;
 				}
-				h(el, this, requestAnimationFrame(() => {
+				h(tl, this, requestAnimationFrame(() => {
 					var t;
-					if (e.pointerType !== "mouse" || m($c, this) || !this.duration) {
-						m(Yc, this).style.opacity = "0", h(el, this, null);
+					if (e.pointerType !== "mouse" || m(el, this) || !this.duration) {
+						m(Xc, this).style.opacity = "0", h(tl, this, null);
 						return;
 					}
-					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 n = p($, this, Sl).call(this, e.clientX), r = p($, this, bl).call(this, n), i = (t = r == null ? void 0 : r.position) == null ? n : t;
+					if (p($, this, Tl).call(this, i, r), i > this.range.valueAsNumber) {
 						let e = this.range.valueAsNumber * 100, t = (i - this.range.valueAsNumber) * 100;
-						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);
+						m(Xc, this).style.transform = `translateX(${e}%) scaleX(${t / 100})`, m(Xc, this).style.opacity = "1";
+					} else m(Xc, this).style.opacity = "0";
+					h(tl, this, null);
 				}));
 			}
-		}), f(this, ol, (e) => {
-			if (e.pointerId === m(tl, this)) {
+		}), f(this, sl, (e) => {
+			if (e.pointerId === m(nl, this)) {
 				try {
 					this.releasePointerCapture(e.pointerId);
 				} catch (e) {}
-				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));
+				h(el, this, !1), h(nl, this, null), e.pointerType !== "mouse" && (m(Yc, this).style.opacity = "0"), m(il, this) && p($, this, Ol).call(this) && (h(rl, this, !1), h(il, this, !1));
 			}
-		}), f(this, sl, () => {
-			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);
+			this.duration && !p($, this, hl).call(this) && (m(Yc, this).style.opacity = "1");
+		}), f(this, ll, () => {
+			m(Yc, this).style.opacity = "0", m(Xc, this).style.opacity = "0";
+		}), f(this, ul, (e) => {
+			if (p($, this, hl).call(this) || !m(Q, this) || m(Q, this) <= 0 || !Number.isFinite(m(Q, this))) return;
+			let t = p($, this, fl).call(this);
 			if (t <= 0) return;
 			let n = this.range.valueAsNumber * t, r = n;
 			switch (e.preventDefault(), e.key) {
@@ -4265,46 +4275,46 @@ var Q = /* @__PURE__ */ new WeakMap(), Jc = /* @__PURE__ */ new WeakMap(), Yc =
 					r = Math.max(0, n - 5);
 					break;
 				case "ArrowRight":
-					if (p($, this, Dl).call(this)) return;
+					if (p($, this, Ol).call(this)) return;
 					r = Math.min(t, n + 5);
 					break;
 				case "Home":
 					r = 0;
 					break;
 				case "End":
-					if (p($, this, Dl).call(this)) return;
+					if (p($, this, Ol).call(this)) return;
 					r = t;
 					break;
 				default: return;
 			}
 			let i = Math.min(r / t, 1);
-			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));
+			p($, this, wl).call(this, i);
+		}), (e = this.shadowRoot) == null || e.appendChild(Jc.content.cloneNode(!0)), h(Yc, this, (t = this.shadowRoot) == null ? void 0 : t.getElementById("time-tooltip")), h(Xc, this, (n = this.shadowRoot) == null ? void 0 : n.getElementById("hover-preview")), h(Zc, this, (r = this.shadowRoot) == null ? void 0 : r.getElementById("markers")), this.addEventListener("pointerdown", m(al, this)), this.addEventListener("pointermove", m(ol, this)), this.addEventListener("pointerup", m(sl, this)), this.addEventListener("pointercancel", m(sl, this)), this.addEventListener("mouseenter", m(cl, this)), this.addEventListener("mouseleave", m(ll, this));
 	}
 	connectedCallback() {
-		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);
+		super.connectedCallback(), this.setAttribute("aria-label", "Seek video position"), this.setAttribute("role", "slider"), p($, this, xl).call(this), this.addEventListener("keydown", m(ul, this)), p($, this, Ol).call(this) && (this.range.value = "1", p($, this, xl).call(this)), p($, this, gl).call(this), p($, this, vl).call(this);
 	}
 	disconnectedCallback() {
-		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);
+		super.disconnectedCallback(), p($, this, yl).call(this), this.removeEventListener("pointerdown", m(al, this)), this.removeEventListener("pointermove", m(ol, this)), this.removeEventListener("pointerup", m(sl, this)), this.removeEventListener("pointercancel", m(sl, this)), this.removeEventListener("mouseenter", m(cl, this)), this.removeEventListener("mouseleave", m(ll, this)), this.removeEventListener("keydown", m(ul, this)), h(nl, this, null);
 	}
 	attributeChangedCallback(e, t, n) {
 		if (super.attributeChangedCallback(e, t, n), t !== n) switch (e) {
 			case _.TIMESHIFT_POSITION:
-				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);
+				if (p($, this, Ol).call(this)) {
+					m(el, this) ? h(il, this, !0) : (h(rl, this, !1), h(il, this, !1)), this.range.value = "1", p($, this, xl).call(this);
 					return;
 				}
 				if (m(Q, this)) {
-					h(rl, this, !1);
+					h(il, this, !1);
 					let e = Math.max(parseFloat(n) / m(Q, this), 0);
-					this.range.value = e.toString(), p($, this, bl).call(this);
+					this.range.value = e.toString(), p($, this, xl).call(this);
 				}
 				break;
 			case _.DURATION:
-				h(Q, this, parseFloat(n) || 0), p($, this, bl).call(this), p($, this, hl).call(this), p($, this, _l).call(this);
+				h(Q, this, parseFloat(n) || 0), p($, this, xl).call(this), p($, this, gl).call(this), p($, this, vl).call(this);
 				break;
 			case _.TIMELINE_MARKERS:
-				h(Zc, this, Nr(n)), p($, this, hl).call(this), p($, this, _l).call(this);
+				h(Qc, this, Pr(n)), p($, this, gl).call(this), p($, this, vl).call(this);
 				break;
 		}
 	}
@@ -4322,54 +4332,54 @@ var Q = /* @__PURE__ */ new WeakMap(), Jc = /* @__PURE__ */ new WeakMap(), Yc =
 		this.setAttribute(_.DURATION, e.toString());
 	}
 };
-function dl() {
+function fl() {
 	return m(Q, this) ? m(Q, this) : 1;
 }
-function fl() {
+function pl() {
 	let e = m(Q, this);
 	return e !== void 0 && e > 0 && Number.isFinite(e) ? e : void 0;
 }
-function pl() {
-	return p($, this, fl).call(this) !== void 0;
-}
 function ml() {
-	return m(nl, this);
+	return p($, this, pl).call(this) !== void 0;
 }
 function hl() {
+	return m(rl, this);
+}
+function gl() {
 	var e;
-	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 = Pr(e.time, t, n);
+	let t = Date.now(), n = (e = m(Q, this)) == null ? 0 : e, r = m(Zc, this).children, i = 0;
+	for (let e of m(Qc, this)) {
+		let a = Fr(e.time, t, n);
 		if (a === null) continue;
 		let o = r[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++;
+		o || (o = document.createElement("div"), o.className = "marker", m(Zc, 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(Xc, this).children.length > i;) {
+	for (; m(Zc, this).children.length > i;) {
 		var a;
-		(a = m(Xc, this).lastElementChild) == null || a.remove();
+		(a = m(Zc, this).lastElementChild) == null || a.remove();
 	}
 }
-function gl() {
-	let e = p($, this, fl).call(this);
+function _l() {
+	let e = p($, this, pl).call(this);
 	if (e === void 0) return !1;
 	let t = Date.now() - e * 1e3;
-	return m(Zc, this).some((e) => e.time >= t);
-}
-function _l() {
-	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);
+	return m(Qc, this).some((e) => e.time >= t);
 }
 function vl() {
-	m(Qc, this) !== null && (window.clearInterval(m(Qc, this)), h(Qc, this, null));
+	this.isConnected && p($, this, _l).call(this) ? m($c, this) === null && h($c, this, window.setInterval(() => {
+		p($, this, gl).call(this), p($, this, vl).call(this);
+	}, Kc)) : p($, this, yl).call(this);
+}
+function yl() {
+	m($c, this) !== null && (window.clearInterval(m($c, this)), h($c, this, null));
 }
-function yl(e) {
-	if (m(Zc, this).length === 0 || !m(Q, this)) return null;
+function bl(e) {
+	if (m(Qc, this).length === 0 || !m(Q, this)) return null;
 	let t = this.getBoundingClientRect().width;
 	if (!t) return null;
-	let n = Kc / t, r = Date.now(), i = null;
-	for (let t of m(Zc, this)) {
-		let a = Pr(t.time, r, m(Q, this));
+	let n = qc / t, r = Date.now(), i = null;
+	for (let t of m(Qc, this)) {
+		let a = Fr(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 = {
@@ -4379,59 +4389,59 @@ function yl(e) {
 	}
 	return i;
 }
-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 xl() {
+	let e = p($, this, fl).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(el, this) || (this.updateBar(), this.setAttribute("aria-valuetext", `${p($, this, kl).call(this, this.range.valueAsNumber * e)} of ${p($, this, kl).call(this, e)}`), !m(el, this) && !p($, this, hl).call(this) && p($, this, Dl).call(this, this.range.valueAsNumber));
 }
-function xl(e) {
+function Sl(e) {
 	let t = this.getBoundingClientRect(), n = (e - t.left) / t.width;
 	return Math.max(0, Math.min(1, n));
 }
-function Sl(e) {
+function Cl(e) {
 	var t;
-	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);
+	let n = p($, this, Sl).call(this, e.clientX), r = p($, this, bl).call(this, n), i = (t = r == null ? void 0 : r.position) == null ? n : t;
+	p($, this, Tl).call(this, i, r), m(el, this) || (m(Yc, this).style.opacity = "1"), p($, this, wl).call(this, i);
 }
-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 wl(e) {
+	if (p($, this, hl).call(this) || p($, this, Dl).call(this, e)) return;
+	let t = e * p($, this, fl).call(this);
+	this.range.value = e.toString(), this.updateBar(), p($, this, El).call(this, t);
 }
-function wl(e, t) {
+function Tl(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, 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)}%`;
+	let n = e * m(Q, this), r = m(Q, this) - n, i = `-${p($, this, kl).call(this, r)}`;
+	m(Yc, this).textContent = t ? `${t.marker.label}: ${i}` : i, m(Yc, this).style.left = `${Math.min(Math.max(e * 100, 2), 98)}%`;
 }
-function Tl(e) {
+function El(e) {
 	this.dispatchEvent(new CustomEvent("seek", {
 		bubbles: !0,
 		composed: !0,
 		detail: e
 	}));
 }
-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(y.GO_LIVE, {
+function Dl(e) {
+	return m(rl, this) || p($, this, Ol).call(this) || e < .999 ? !1 : (h(rl, this, !0), h(il, this, !1), this.dispatchEvent(new CustomEvent(y.GO_LIVE, {
 		bubbles: !0,
 		composed: !0
 	})), !0);
 }
-function Dl() {
+function Ol() {
 	return !this.hasAttribute(_.TIMESHIFT_POSITION);
 }
-function Ol(e) {
+function kl(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(ul, "observedAttributes", [
-	...gi.observedAttributes,
+e(dl, "observedAttributes", [
+	..._i.observedAttributes,
 	_.TIMESHIFT_POSITION,
 	_.DURATION,
 	_.TIMELINE_MARKERS
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/UserInputPlayOverlay.ts
-var kl = document.createElement("template");
-kl.innerHTML = `
+var Al = document.createElement("template");
+Al.innerHTML = `
   <style>
     :host {
       display: var(--play-overlay-display);
@@ -4491,51 +4501,51 @@ kl.innerHTML = `
 </slot>
   </slot>
 `;
-var Al = /* @__PURE__ */ new WeakMap(), jl = /* @__PURE__ */ new WeakMap(), Ml = /* @__PURE__ */ new WeakMap(), Nl = /* @__PURE__ */ new WeakMap(), Pl = class extends HTMLElement {
+var jl = /* @__PURE__ */ new WeakMap(), Ml = /* @__PURE__ */ new WeakMap(), Nl = /* @__PURE__ */ new WeakMap(), Pl = /* @__PURE__ */ new WeakMap(), Fl = class extends HTMLElement {
 	constructor() {
-		super(), f(this, Al, null), f(this, jl, () => {
+		super(), f(this, jl, null), f(this, Ml, () => {
 			this.dispatchEvent(new CustomEvent(y.REQUEST_USER_INPUT, {
 				bubbles: !0,
 				composed: !0
 			}));
-		}), f(this, Ml, (e) => {
+		}), f(this, Nl, (e) => {
 			let { key: t } = e;
 			if (!this.keysUsed.includes(t)) {
-				this.removeEventListener("keyup", m(Ml, this));
+				this.removeEventListener("keyup", m(Nl, this));
 				return;
 			}
 			this.dispatchEvent(new CustomEvent(y.REQUEST_USER_INPUT, {
 				bubbles: !0,
 				composed: !0
 			}));
-		}), f(this, Nl, (e) => {
+		}), f(this, Pl, (e) => {
 			let { metaKey: t, altKey: n, key: r } = e;
 			if (t || n || !this.keysUsed.includes(r)) {
-				this.removeEventListener("keyup", m(Ml, this));
+				this.removeEventListener("keyup", m(Nl, this));
 				return;
 			}
-			this.addEventListener("keyup", m(Ml, this), { once: !0 });
-		}), this.attachShadow({ mode: "open" }).appendChild(kl.content.cloneNode(!0));
+			this.addEventListener("keyup", m(Nl, this), { once: !0 });
+		}), this.attachShadow({ mode: "open" }).appendChild(Al.content.cloneNode(!0));
 	}
 	get keysUsed() {
 		return ["Enter", " "];
 	}
 	connectedCallback() {
 		var e;
-		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();
+		h(jl, this, this.closest("vindral-controller")), (e = m(jl, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.enable();
 	}
 	enable() {
-		this.addEventListener("click", m(jl, this)), this.addEventListener("keydown", m(Nl, this)), this.tabIndex = 0;
+		this.addEventListener("click", m(Ml, this)), this.addEventListener("keydown", m(Pl, this)), this.tabIndex = 0;
 	}
 	disable() {
-		this.removeEventListener("click", m(jl, this)), this.removeEventListener("keydown", m(Nl, this)), this.removeEventListener("keyup", m(Ml, this)), this.tabIndex = -1;
+		this.removeEventListener("click", m(Ml, this)), this.removeEventListener("keydown", m(Pl, this)), this.removeEventListener("keyup", m(Nl, this)), this.tabIndex = -1;
 	}
 	disconnectedCallback() {
 		var e;
-		(e = m(Al, this)) == null || e.disconnectListener(this), this.disable();
+		(e = m(jl, this)) == null || e.disconnectListener(this), this.disable();
 	}
 };
-e(Pl, "observedAttributes", [
+e(Fl, "observedAttributes", [
 	"hidden",
 	_.NEEDS_USER_INPUT_VIDEO,
 	_.NEEDS_USER_INPUT_AUDIO,
@@ -4543,88 +4553,88 @@ e(Pl, "observedAttributes", [
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/VindralCenterOverlay.ts
-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 {
+var Il = document.createElement("template");
+Il.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 Ll = class extends HTMLElement {
 	constructor() {
-		super(), this.attachShadow({ mode: "open" }).appendChild(Fl.content.cloneNode(!0));
+		super(), this.attachShadow({ mode: "open" }).appendChild(Il.content.cloneNode(!0));
 	}
 	attributeChangedCallback(e, t, n) {
 		t !== n && e === "poster" && this.style.setProperty("--_backdrop-image", n ? `url("${n}")` : "none");
 	}
 };
-e(Il, "observedAttributes", [
+e(Ll, "observedAttributes", [
 	"backdrop",
 	"poster",
 	"disable-backdrop"
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/VindralMessage.ts
-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 {
+var Rl = document.createElement("template");
+Rl.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 zl = /* @__PURE__ */ new WeakMap(), Bl = /* @__PURE__ */ new WeakMap(), Vl = class extends HTMLElement {
 	constructor() {
-		super(), f(this, Rl, void 0), f(this, zl, void 0);
+		super(), f(this, zl, void 0), f(this, Bl, void 0);
 		let e = this.attachShadow({ mode: "open" });
-		e.appendChild(Ll.content.cloneNode(!0)), h(Rl, this, e.querySelector("#title")), h(zl, this, e.querySelector("#description"));
+		e.appendChild(Rl.content.cloneNode(!0)), h(zl, this, e.querySelector("#title")), h(Bl, 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(Rl, this).textContent = n : e === "description" && (m(zl, this).textContent = n));
+		t !== n && (e === "title" ? m(zl, this).textContent = n : e === "description" && (m(Bl, this).textContent = n));
 	}
 };
-e(Bl, "observedAttributes", [
+e(Vl, "observedAttributes", [
 	"title",
 	"description",
 	"hidden"
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/VindralPlayOverlay.ts
-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 {
+var Hl = document.createElement("template");
+Hl.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 Ul = /* @__PURE__ */ new WeakMap(), Wl = class extends HTMLElement {
 	constructor() {
-		super(), f(this, Hl, null), this.attachShadow({ mode: "open" }).appendChild(Vl.content.cloneNode(!0));
+		super(), f(this, Ul, null), this.attachShadow({ mode: "open" }).appendChild(Hl.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		var e;
-		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;
+		h(Ul, this, this.closest("vindral-controller")), (e = m(Ul, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.tabIndex = 0;
 	}
 	disconnectedCallback() {
 		var e;
-		(e = m(Hl, this)) == null || e.disconnectListener(this);
+		(e = m(Ul, this)) == null || e.disconnectListener(this);
 	}
 	attributeChangedCallback(e, t, n) {
 		t !== n && e === "hidden" && !v(n) && this.focus();
 	}
 };
-e(Ul, "observedAttributes", ["hidden"]);
+e(Wl, "observedAttributes", ["hidden"]);
 //#endregion
 //#region ../../libs/player-next/src/components/VolumeRange.ts
-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 gi {
+var Gl, Kl = document.createElement("template");
+Kl.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 ql = (e) => `${Math.round(e * 100)}%`, Jl = /* @__PURE__ */ new WeakMap(), Yl = class extends _i {
 	constructor() {
 		var e;
-		super(), f(this, ql, () => {
+		super(), f(this, Jl, () => {
 			let e = this.range.valueAsNumber;
 			this.dispatchEvent(new CustomEvent(y.SET_VOLUME, {
 				bubbles: !0,
 				composed: !0,
 				detail: e
 			}));
-		}), (e = this.shadowRoot) == null || e.appendChild(Gl.content.cloneNode(!0));
+		}), (e = this.shadowRoot) == null || e.appendChild(Kl.content.cloneNode(!0));
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.range.addEventListener("input", m(ql, this)), this.range.setAttribute("aria-label", "volume");
+		super.connectedCallback(), this.range.addEventListener("input", m(Jl, this)), this.range.setAttribute("aria-label", "volume");
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.range.removeEventListener("input", m(ql, this));
+		super.disconnectedCallback(), this.range.removeEventListener("input", m(Jl, 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", Kl(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", ql(this.range.valueAsNumber)), this.updateBar());
 	}
 	get volume() {
 		var e;
@@ -4634,15 +4644,15 @@ var Kl = (e) => `${Math.round(e * 100)}%`, ql = /* @__PURE__ */ new WeakMap(), J
 		return this.hasAttribute(_.MUTED);
 	}
 };
-Wl = Jl, e(Jl, "observedAttributes", [
-	...x(Wl, "observedAttributes", Wl),
+Gl = Yl, e(Yl, "observedAttributes", [
+	...x(Gl, "observedAttributes", Gl),
 	_.MUTED,
 	_.VOLUME
 ]);
 //#endregion
 //#region ../../libs/player-next/src/registerComponents.ts
-function Yl() {
-	customElements.define("vindral-controller", ya), customElements.define("vindral-control-bar", Rn), customElements.define("vindral-advanced-rendition-menu", qe), customElements.define("vindral-advanced-rendition-menu-list", ot), customElements.define("vindral-play-button", $o), customElements.define("vindral-mute-button", qo), customElements.define("vindral-buffering-overlay", Nt), 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", jn), customElements.define("vindral-channel-grid", rn), customElements.define("vindral-channel-grid-item", qt), customElements.define("vindral-pip-button", Xo), customElements.define("vindral-airplay-button", Et), customElements.define("vindral-cast-button", Lt), customElements.define("vindral-cast-overlay", Ut), customElements.define("vindral-buffering-icon", At), customElements.define("vindral-language-menu", mo), customElements.define("vindral-language-menu-list", Oo), 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", Wo);
+function Xl() {
+	customElements.define("vindral-controller", ba), customElements.define("vindral-control-bar", Rn), customElements.define("vindral-advanced-rendition-menu", qe), customElements.define("vindral-advanced-rendition-menu-list", ot), customElements.define("vindral-play-button", ts), customElements.define("vindral-mute-button", Yo), customElements.define("vindral-buffering-overlay", Nt), customElements.define("vindral-scroll-overlay", jc), customElements.define("vindral-play-overlay", Wl), customElements.define("vindral-user-input-play-overlay", Fl), customElements.define("vindral-fullscreen-button", lo), customElements.define("vindral-rendition-levels-menu", ic), customElements.define("vindral-rendition-levels-menu-list", pc), customElements.define("vindral-channel-grid-button", jn), customElements.define("vindral-channel-grid", rn), customElements.define("vindral-channel-grid-item", qt), customElements.define("vindral-pip-button", Qo), customElements.define("vindral-airplay-button", Et), customElements.define("vindral-cast-button", Lt), customElements.define("vindral-cast-overlay", Ut), customElements.define("vindral-buffering-icon", At), customElements.define("vindral-language-menu", ho), customElements.define("vindral-language-menu-list", Ao), customElements.define("vindral-center-overlay", Ll), customElements.define("vindral-message", Vl), customElements.define("vindral-volume-range", Yl), customElements.define("vindral-poster-overlay", Xs), customElements.define("vindral-player", Fs), customElements.define("vindral-seek-bar", dl), customElements.define("vindral-live-button", Ko);
 }
 //#endregion
-export { Yl as t };
+export { Xl as t };