@vindral/web-sdk 4.7.1-1-g9d41bb8aa → 4.7.1

package/{DIsNeRuI.js → wRfUpHJt.js}

@@ -1,5 +1,5 @@
 import { n as e, t } from "./BsfwXDui.js";
-import { C as n, D as r, E as i, O as a, S as o, T as s, _ as c, b as l, g as u, h as ee, k as d, m as te, p as ne, t as re, v as ie, w as ae, x as oe, y as se } from "./DKr8WNnY.js";
+import { C as n, D as r, E as i, O as a, S as o, T as s, _ as c, b as l, g as u, h as ee, k as d, m as te, p as ne, t as re, v as ie, w as ae, x as oe, y as se } from "./BZbYOX-0.js";
 import { t as ce } from "./CuYn2z5X.js";
 import { i as f, n as p, r as m, t as h } from "./DSw1XhvD.js";
 import { c as le, n as ue, t as de } from "./D40eQS8l.js";
@@ -1074,25 +1074,22 @@ function Gn(e) {
 		return [];
 	}
 }
-var Kn = /* @__PURE__ */ new WeakMap(), qn = /* @__PURE__ */ new WeakMap(), Jn = /* @__PURE__ */ new WeakMap(), Yn = /* @__PURE__ */ new WeakMap(), Xn = /* @__PURE__ */ new WeakMap(), Zn = /* @__PURE__ */ new WeakMap(), Qn = /* @__PURE__ */ new WeakMap(), $n = /* @__PURE__ */ new WeakMap(), er = class {
+var Kn = /* @__PURE__ */ new WeakMap(), qn = /* @__PURE__ */ new WeakMap(), Jn = /* @__PURE__ */ new WeakMap(), Yn = /* @__PURE__ */ new WeakMap(), Xn = /* @__PURE__ */ new WeakMap(), Zn = /* @__PURE__ */ new WeakMap(), Qn = class {
 	constructor(t) {
 		f(this, Kn, void 0), f(this, qn, null), f(this, Jn, null), f(this, Yn, null), f(this, Xn, !0), e(this, "observe", (e) => {
-			h(Yn, this) || (p(Yn, this, e), e.addEventListener("webkitpresentationmodechanged", h(Zn, this), !0), window.ResizeObserver && (p(qn, this, new ResizeObserver(() => h($n, this).call(this))), h(qn, this).observe(e)));
-		}), f(this, Zn, (e) => {
-			var t;
-			e.target instanceof HTMLMediaElement && h(Qn, this).call(this, ((t = ie(e.target)) == null ? "inline" : t) === "inline");
-		}), f(this, Qn, (e) => {
+			h(Yn, this) || (p(Yn, this, e), window.ResizeObserver && (p(qn, this, new ResizeObserver(() => h(Zn, this).call(this))), h(qn, this).observe(e)));
+		}), e(this, "setEnabled", (e) => {
 			if (h(Xn, this) !== e) {
 				if (p(Xn, this, e), p(Jn, this, null), e) {
-					h($n, this).call(this);
+					h(Zn, this).call(this);
 					return;
 				}
 				for (let e of h(Kn, this)) e.style.removeProperty("font-size");
 			}
 		}), e(this, "unload", () => {
-			var e, t;
-			(e = h(Yn, this)) == null || e.removeEventListener("webkitpresentationmodechanged", h(Zn, this), !0), (t = h(qn, this)) == null || t.disconnect(), p(qn, this, null), p(Yn, this, null), p(Xn, this, !0);
-		}), f(this, $n, () => {
+			var e;
+			(e = h(qn, this)) == null || e.disconnect(), p(qn, this, null), p(Yn, this, null), p(Xn, this, !0);
+		}), f(this, Zn, () => {
 			if (!h(Xn, this) || h(Kn, this).length === 0 || !h(Yn, this)) return;
 			let { clientWidth: e, clientHeight: t } = h(Yn, this);
 			if (e <= 0 || t <= 0) return;
@@ -1103,7 +1100,7 @@ var Kn = /* @__PURE__ */ new WeakMap(), qn = /* @__PURE__ */ new WeakMap(), Jn =
 			}
 		}), p(Kn, this, Gn(t));
 	}
-}, tr = class n extends pe {
+}, $n = class n extends pe {
 	constructor(r) {
 		var i;
 		super(), i = this, e(this, "container", void 0), e(this, "unload", () => {
@@ -1134,35 +1131,35 @@ var Kn = /* @__PURE__ */ new WeakMap(), qn = /* @__PURE__ */ new WeakMap(), Jn =
 		return () => Promise.resolve();
 	}
 };
-e(tr, "isFullscreenApiSupported", (e) => l(e));
+e($n, "isFullscreenApiSupported", (e) => l(e));
 //#endregion
 //#region ../../libs/player-next/src/PictureInPicture.ts
-var nr = /* @__PURE__ */ new WeakMap(), rr = /* @__PURE__ */ new WeakMap(), ir = /* @__PURE__ */ new WeakMap(), ar = /* @__PURE__ */ new WeakMap(), or = /* @__PURE__ */ new WeakMap(), sr = /* @__PURE__ */ new WeakMap(), cr = /* @__PURE__ */ new WeakMap(), lr = /* @__PURE__ */ new WeakMap(), ur = /* @__PURE__ */ new WeakMap(), dr = class extends pe {
+var er = /* @__PURE__ */ new WeakMap(), tr = /* @__PURE__ */ new WeakMap(), nr = /* @__PURE__ */ new WeakMap(), rr = /* @__PURE__ */ new WeakMap(), ir = /* @__PURE__ */ new WeakMap(), ar = /* @__PURE__ */ new WeakMap(), or = /* @__PURE__ */ new WeakMap(), sr = /* @__PURE__ */ new WeakMap(), cr = class extends pe {
 	constructor(r) {
 		var a;
 		super(), a = this, e(this, "unload", () => {
 			this.element.removeEventListener("enterpictureinpicture", this.onChange), this.element.removeEventListener("leavepictureinpicture", this.onChange), this.element.removeEventListener("webkitpresentationmodechanged", this.onChange), n(this.element, !1);
 		}), e(this, "request", t(function* () {
 			try {
-				return yield h(nr, a).call(a);
+				return yield h(er, a).call(a);
 			} catch (e) {
 				throw a.onChange(), e;
 			}
 		})), e(this, "exit", t(function* () {
 			try {
-				return yield h(rr, a).call(a);
+				return yield h(tr, a).call(a);
 			} catch (e) {
 				throw a.onChange(), e;
 			}
 		})), e(this, "onChange", () => {
 			this.emit("on picture in picture change", this.isPictureInPictureActive());
-		}), e(this, "isPictureInPictureActive", () => h(cr, this).call(this) || h(sr, this).call(this)), e(this, "isSupported", () => h(ur, this).call(this) || h(or, this).call(this)), f(this, nr, () => h(or, this).call(this) ? h(ir, this).call(this) : h(ur, this).call(this) ? h(lr, this).call(this, "picture-in-picture") : Promise.resolve()), f(this, rr, () => this.isPictureInPictureActive() ? h(or, this).call(this) ? h(ar, this).call(this) : h(ur, this).call(this) ? h(lr, this).call(this, "inline") : Promise.resolve() : Promise.resolve()), f(this, ir, t(function* () {
+		}), e(this, "isPictureInPictureActive", () => this.isWebkitPresentationModeActive() || h(ar, this).call(this)), e(this, "isSupported", () => h(sr, this).call(this) || h(ir, this).call(this)), f(this, er, () => h(ir, this).call(this) ? h(nr, this).call(this) : h(sr, this).call(this) ? h(or, this).call(this, "picture-in-picture") : Promise.resolve()), f(this, tr, () => this.isPictureInPictureActive() ? h(ir, this).call(this) ? h(rr, this).call(this) : h(sr, this).call(this) ? h(or, this).call(this, "inline") : Promise.resolve() : Promise.resolve()), f(this, nr, t(function* () {
 			let e = c(a.element);
 			e && (yield e());
-		})), f(this, ar, t(function* () {
+		})), f(this, rr, t(function* () {
 			let e = ee();
 			e && (yield e());
-		})), f(this, or, () => s(this.element)), f(this, sr, () => oe()), f(this, cr, () => ie(this.element) === "picture-in-picture"), f(this, lr, (e) => (i(this.element) && ae(this.element, e), Promise.resolve())), f(this, ur, () => i(this.element)), this.element = r, this.element.addEventListener("enterpictureinpicture", this.onChange), this.element.addEventListener("leavepictureinpicture", this.onChange), this.element.addEventListener("webkitpresentationmodechanged", this.onChange), n(this.element, !0);
+		})), f(this, ir, () => s(this.element)), f(this, ar, () => oe()), e(this, "isWebkitPresentationModeActive", () => ie(this.element) === "picture-in-picture"), f(this, or, (e) => (i(this.element) && ae(this.element, e), Promise.resolve())), f(this, sr, () => i(this.element)), this.element = r, this.element.addEventListener("enterpictureinpicture", this.onChange), this.element.addEventListener("leavepictureinpicture", this.onChange), this.element.addEventListener("webkitpresentationmodechanged", this.onChange), n(this.element, !0);
 	}
 	get videoElement() {
 		return this.element;
@@ -1170,7 +1167,7 @@ var nr = /* @__PURE__ */ new WeakMap(), rr = /* @__PURE__ */ new WeakMap(), ir =
 };
 //#endregion
 //#region ../../libs/player-next/src/timeshift/firstMediaPlaylistUrl.ts
-function fr(e, t) {
+function lr(e, t) {
 	let n = e.split("\n").map((e) => e.trim());
 	for (let e = 0; e < n.length; e++) {
 		var r;
@@ -1182,7 +1179,7 @@ function fr(e, t) {
 }
 //#endregion
 //#region ../../libs/player-next/src/timeshift/parseMediaPlaylistDuration.ts
-function pr(e) {
+function ur(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;
@@ -1192,90 +1189,90 @@ function pr(e) {
 }
 //#endregion
 //#region ../../libs/player-next/src/timeshift/probeTimeshiftDuration.ts
-var mr = 5e3;
-function hr(e, t) {
-	return gr.apply(this, arguments);
+var dr = 5e3;
+function fr(e, t) {
+	return pr.apply(this, arguments);
 }
-function gr() {
-	return gr = t(function* (e, t, n = {}) {
-		let { signal: r, timeoutMs: i = mr } = n, a = new AbortController(), o = () => a.abort();
+function pr() {
+	return pr = t(function* (e, t, n = {}) {
+		let { signal: r, timeoutMs: i = dr } = 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 = fr(yield n.text(), e);
+			let r = lr(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 ? pr(yield o.text()) : void 0;
+			return o.ok ? ur(yield o.text()) : void 0;
 		} catch (e) {
 			return;
 		} finally {
 			clearTimeout(s), r == null || r.removeEventListener("abort", o);
 		}
-	}), gr.apply(this, arguments);
+	}), pr.apply(this, arguments);
 }
 //#endregion
 //#region ../../libs/player-next/src/timeshift/TimeshiftDurationSource.ts
-var _r = /* @__PURE__ */ new WeakMap(), vr = /* @__PURE__ */ new WeakMap(), yr = /* @__PURE__ */ new WeakMap(), br = /* @__PURE__ */ new WeakMap(), xr = /* @__PURE__ */ new WeakMap(), Sr = /* @__PURE__ */ new WeakMap(), Cr = /* @__PURE__ */ new WeakMap(), wr = /* @__PURE__ */ new WeakMap(), Tr = /* @__PURE__ */ new WeakMap(), Er = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakSet(), Dr = class {
-	constructor({ onChange: e, probe: t = hr, now: n = () => performance.now() }) {
-		S(this, A), f(this, _r, void 0), f(this, vr, void 0), f(this, yr, void 0), f(this, br, void 0), f(this, xr, !0), f(this, Sr, !1), f(this, Cr, 0), f(this, wr, 0), f(this, Tr, 0), f(this, Er, null), p(_r, this, e), p(vr, this, t), p(yr, this, n);
+var 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(), xr = /* @__PURE__ */ new WeakMap(), Sr = /* @__PURE__ */ new WeakMap(), Cr = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakSet(), wr = class {
+	constructor({ onChange: e, probe: t = fr, now: n = () => performance.now() }) {
+		S(this, A), f(this, mr, void 0), f(this, hr, void 0), f(this, gr, void 0), f(this, _r, void 0), f(this, vr, !0), f(this, yr, !1), f(this, br, 0), f(this, xr, 0), f(this, Sr, 0), f(this, Cr, null), p(mr, this, e), p(hr, this, t), p(gr, this, n);
 	}
 	start({ multivariantUrl: e, params: t, windowCapSeconds: n }) {
-		if (m(A, this, Or).call(this), !(n > 0)) {
-			h(_r, this).call(this, n);
+		if (m(A, this, Tr).call(this), !(n > 0)) {
+			h(mr, this).call(this, n);
 			return;
 		}
 		let r = new AbortController();
-		p(br, this, r);
+		p(_r, this, r);
 		let { signal: i } = r;
-		h(vr, this).call(this, e, t, { signal: i }).then((e) => {
+		h(hr, this).call(this, e, t, { signal: i }).then((e) => {
 			if (!i.aborted) {
 				if (e === void 0) {
-					h(_r, this).call(this, n);
+					h(mr, this).call(this, n);
 					return;
 				}
-				p(wr, this, n), p(Cr, this, Math.min(Math.max(e, 0), n)), p(Tr, this, h(yr, this).call(this)), p(Sr, this, !0), m(A, this, kr).call(this), h(xr, this) && m(A, this, Ar).call(this);
+				p(xr, this, n), p(br, this, Math.min(Math.max(e, 0), n)), p(Sr, this, h(gr, this).call(this)), p(yr, this, !0), m(A, this, Er).call(this), h(vr, this) && m(A, this, Dr).call(this);
 			}
 		});
 	}
 	setLive(e) {
-		p(xr, this, e), !(!h(br, this) || e) && (m(A, this, jr).call(this), m(A, this, kr).call(this));
+		p(vr, this, e), !(!h(_r, this) || e) && (m(A, this, Or).call(this), m(A, this, Er).call(this));
 	}
 	applyLoadedDuration(e) {
-		m(A, this, Or).call(this), h(_r, this).call(this, Number.isNaN(e) ? 0 : e);
+		m(A, this, Tr).call(this), h(mr, this).call(this, Number.isNaN(e) ? 0 : e);
 	}
 	stop() {
-		m(A, this, Or).call(this);
+		m(A, this, Tr).call(this);
 	}
 };
-function Or() {
+function Tr() {
 	var e;
-	(e = h(br, this)) == null || e.abort(), p(br, this, void 0), m(A, this, jr).call(this), p(Sr, this, !1);
+	(e = h(_r, this)) == null || e.abort(), p(_r, this, void 0), m(A, this, Or).call(this), p(yr, this, !1);
 }
-function kr() {
-	if (!h(Sr, this)) return;
-	let e = h(Cr, this) + Math.max(0, (h(yr, this).call(this) - h(Tr, this)) / 1e3), t = Math.min(h(wr, this), e);
-	h(_r, this).call(this, t), t >= h(wr, this) && m(A, this, jr).call(this);
+function Er() {
+	if (!h(yr, this)) return;
+	let e = h(br, this) + Math.max(0, (h(gr, this).call(this) - h(Sr, this)) / 1e3), t = Math.min(h(xr, this), e);
+	h(mr, this).call(this, t), t >= h(xr, this) && m(A, this, Or).call(this);
 }
-function Ar() {
-	h(Er, this) === null && p(Er, this, window.setInterval(() => m(A, this, kr).call(this), 1e3));
+function Dr() {
+	h(Cr, this) === null && p(Cr, this, window.setInterval(() => m(A, this, Er).call(this), 1e3));
 }
-function jr() {
-	h(Er, this) !== null && (clearInterval(h(Er, this)), p(Er, this, null));
+function Or() {
+	h(Cr, this) !== null && (clearInterval(h(Cr, this)), p(Cr, this, null));
 }
 //#endregion
 //#region ../../libs/player-next/src/utils/getVindralAttributes.ts
-var Mr = (e) => {
+var kr = (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) => Ae.includes(e)) : [];
 };
 //#endregion
 //#region ../../libs/player-next/src/utils/humanReadableTimeToSeconds.ts
-function Nr(e) {
+function Ar(e) {
 	if (typeof e != "string") return NaN;
 	let t = [...e.matchAll(/(\d+(?:\.\d+)?)([hms])/gi)];
 	return t.length === 0 ? NaN : t.reduce((e, t) => {
@@ -1291,37 +1288,37 @@ function Nr(e) {
 }
 //#endregion
 //#region ../../libs/player-next/src/utils/timelineMarkers.ts
-var Pr = fe.get().createContext("TimelineMarkers"), Fr = /^\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}(:\d{2})?(\.\d+)?$/, Ir = (e) => {
-	Pr.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.`);
-}, Lr = (e) => {
+var jr = fe.get().createContext("TimelineMarkers"), Mr = /^\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}(:\d{2})?(\.\d+)?$/, Nr = (e) => {
+	jr.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.`);
+}, Pr = (e) => {
 	if (typeof e == "number" && Number.isFinite(e)) return e;
 	if (typeof e == "string") {
 		let t = Date.parse(e);
-		return Number.isNaN(t) ? null : (Fr.test(e) && Ir(e), t);
+		return Number.isNaN(t) ? null : (Mr.test(e) && Nr(e), t);
 	}
 	if (e instanceof Date) {
 		let t = e.getTime();
 		return Number.isNaN(t) ? null : t;
 	}
 	return null;
-}, Rr = (e) => {
+}, Fr = (e) => {
 	if (typeof e != "object" || !e) return null;
-	let { time: t, label: n, type: r } = e, i = Lr(t);
+	let { time: t, label: n, type: r } = e, i = Pr(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;
-}, zr = (e) => {
+}, Ir = (e) => {
 	if (!Array.isArray(e)) return [];
-	let t = e.map(Rr).filter((e) => e !== null), n = e.length - t.length;
-	return n > 0 && Pr.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;
-}, Br = (e) => e ? zr(le(e)) : [], Vr = (e, t, n) => {
+	let t = e.map(Fr).filter((e) => e !== null), n = e.length - t.length;
+	return n > 0 && jr.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;
+}, Lr = (e) => e ? Ir(le(e)) : [], Rr = (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;
-}, Hr = class extends pe {
+}, zr = 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);
@@ -1373,18 +1370,18 @@ var Pr = fe.get().createContext("TimelineMarkers"), Fr = /^\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(), Ur = /* @__PURE__ */ new WeakMap(), Wr = /* @__PURE__ */ new WeakMap(), Gr = /* @__PURE__ */ new WeakMap(), Kr = /* @__PURE__ */ new WeakMap(), qr = /* @__PURE__ */ new WeakMap(), Jr = /* @__PURE__ */ new WeakMap(), Yr = /* @__PURE__ */ new WeakMap(), Xr = /* @__PURE__ */ new WeakMap(), Zr = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakSet(), Qr = /* @__PURE__ */ new WeakMap(), $r = /* @__PURE__ */ new WeakMap(), ei = /* @__PURE__ */ new WeakMap(), ti = /* @__PURE__ */ new WeakMap(), ni = class {
+}, j = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), N = /* @__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(), Kr = /* @__PURE__ */ new WeakMap(), qr = /* @__PURE__ */ new WeakMap(), Jr = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakSet(), Yr = /* @__PURE__ */ new WeakMap(), Xr = /* @__PURE__ */ new WeakMap(), Zr = /* @__PURE__ */ new WeakMap(), Qr = /* @__PURE__ */ new WeakMap(), $r = class {
 	constructor(t, n) {
-		S(this, F), f(this, j, void 0), f(this, M, void 0), f(this, N, void 0), f(this, Ur, void 0), f(this, Wr, void 0), e(this, "userPaused", !0), f(this, Gr, void 0), f(this, Kr, void 0), f(this, qr, !1), f(this, Jr, !1), f(this, Yr, null), f(this, Xr, 0), f(this, Zr, !1), f(this, P, fe.get().createContext("HlsPlayer")), f(this, Qr, () => m(F, this, hi).call(this, !0)), f(this, $r, () => m(F, this, hi).call(this, !1)), f(this, ei, () => {
-			h(j, this).readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && !h(j, this).paused && m(F, this, hi).call(this, !1);
-		}), f(this, ti, () => {
-			h(j, this).readyState >= HTMLMediaElement.HAVE_FUTURE_DATA && m(F, this, hi).call(this, !1);
-		}), p(M, this, t), p(Kr, this, n == null ? void 0 : n.maxVideoBitRate), h(M, this).style.position = "absolute", h(M, this).style.top = "0", h(M, this).style.left = "0", h(M, this).style.width = "100%", h(M, this).style.height = "100%", h(M, this).style.opacity = "0", h(M, this).style.pointerEvents = "none", h(M, this).style.transition = "opacity 0.12s linear";
+		S(this, F), f(this, j, void 0), f(this, M, void 0), f(this, N, void 0), f(this, Br, void 0), f(this, Vr, void 0), e(this, "userPaused", !0), f(this, Hr, void 0), f(this, Ur, void 0), f(this, Wr, !1), f(this, Gr, !1), f(this, Kr, null), f(this, qr, 0), f(this, Jr, !1), f(this, P, fe.get().createContext("HlsPlayer")), f(this, Yr, () => m(F, this, fi).call(this, !0)), f(this, Xr, () => m(F, this, fi).call(this, !1)), f(this, Zr, () => {
+			h(j, this).readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && !h(j, this).paused && m(F, this, fi).call(this, !1);
+		}), f(this, Qr, () => {
+			h(j, this).readyState >= HTMLMediaElement.HAVE_FUTURE_DATA && m(F, this, fi).call(this, !1);
+		}), p(M, this, t), p(Ur, this, n == null ? void 0 : n.maxVideoBitRate), h(M, this).style.position = "absolute", h(M, this).style.top = "0", h(M, this).style.left = "0", h(M, this).style.width = "100%", h(M, this).style.height = "100%", h(M, this).style.opacity = "0", h(M, this).style.pointerEvents = "none", h(M, this).style.transition = "opacity 0.12s linear";
 		let r = document.createElement("video");
-		p(j, this, r), t.appendChild(h(j, this)), h(j, this).style.width = "100%", h(j, this).style.height = "100%", h(j, this).setAttribute("playsinline", ""), h(j, this).setAttribute("webkit-playsinline", ""), h(j, this).setAttribute("preload", "metadata"), m(F, this, pi).call(this), p(Zr, this, h(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);
+		p(j, this, r), t.appendChild(h(j, this)), h(j, this).style.width = "100%", h(j, this).style.height = "100%", h(j, this).setAttribute("playsinline", ""), h(j, this).setAttribute("webkit-playsinline", ""), h(j, this).setAttribute("preload", "metadata"), m(F, this, ui).call(this), p(Jr, this, h(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() {
-		p(qr, this, !0), p(Jr, this, !1), h(M, this).classList.remove("active"), h(M, this).style.opacity = "0", h(M, this).style.pointerEvents = "none", p(Yr, this, null);
+		p(Wr, this, !0), p(Gr, this, !1), h(M, this).classList.remove("active"), h(M, this).style.opacity = "0", h(M, this).style.pointerEvents = "none", p(Kr, this, null);
 	}
 	play() {
 		var e = this;
@@ -1400,17 +1397,17 @@ var Pr = fe.get().createContext("TimelineMarkers"), Fr = /^\d{4}-\d{2}-\d{2}[T ]
 		var n = this;
 		return t(function* () {
 			if (h(P, n).debug("HlsPlayer seek to", e.time), !Number.isFinite(e.time)) {
-				p(Yr, n, null);
+				p(Kr, n, null);
 				return;
 			}
-			if (p(Yr, n, e.time > .1 ? e.time : null), n.isActive() && h(N, n)) m(F, n, si).call(n, e.time);
-			else return m(F, n, ci).call(n, e);
+			if (p(Kr, n, e.time > .1 ? e.time : null), n.isActive() && h(N, n)) m(F, n, ii).call(n, e.time);
+			else return m(F, n, ai).call(n, e);
 		})();
 	}
 	shouldIgnoreTimeupdate() {
-		if (h(Yr, this) == null) return !1;
+		if (h(Kr, this) == null) return !1;
 		let e = h(j, this).currentTime;
-		return !Number.isFinite(e) || e <= .1 ? !0 : (p(Yr, this, null), !1);
+		return !Number.isFinite(e) || e <= .1 ? !0 : (p(Kr, this, null), !1);
 	}
 	isPipSupported() {
 		return "pictureInPictureEnabled" in document && !h(j, this).disablePictureInPicture;
@@ -1425,7 +1422,7 @@ var Pr = fe.get().createContext("TimelineMarkers"), Fr = /^\d{4}-\d{2}-\d{2}[T ]
 		return h(M, this).style.opacity === "1" || h(M, this).classList.contains("active");
 	}
 	cleanup() {
-		m(F, this, mi).call(this), m(F, this, oi).call(this), h(Gr, this) && (cancelAnimationFrame(h(Gr, this)), p(Gr, this, void 0)), p(Yr, this, null), h(j, this).remove();
+		m(F, this, di).call(this), m(F, this, ri).call(this), h(Hr, this) && (cancelAnimationFrame(h(Hr, this)), p(Hr, this, void 0)), p(Kr, this, null), h(j, this).remove();
 	}
 	addEventListener(e, t) {
 		h(j, this).addEventListener(e, t);
@@ -1437,7 +1434,7 @@ var Pr = fe.get().createContext("TimelineMarkers"), Fr = /^\d{4}-\d{2}-\d{2}[T ]
 		return h(j, this).dispatchEvent(e);
 	}
 	setTimeshiftUrl(e) {
-		h(Wr, this) !== e && (h(P, this).debug("HLSPlayer Setting timeshift URL to", e), p(Wr, this, e));
+		h(Vr, this) !== e && (h(P, this).debug("HLSPlayer Setting timeshift URL to", e), p(Vr, this, e));
 	}
 	get videoElement() {
 		return h(j, this);
@@ -1455,10 +1452,10 @@ var Pr = fe.get().createContext("TimelineMarkers"), Fr = /^\d{4}-\d{2}-\d{2}[T ]
 		return h(j, this).volume;
 	}
 	set muted(e) {
-		p(Zr, this, e), h(j, this).muted = e;
+		p(Jr, this, e), h(j, this).muted = e;
 	}
 	get muted() {
-		return h(Zr, this);
+		return h(Jr, this);
 	}
 	set currentTime(e) {
 		h(j, this).currentTime = e;
@@ -1473,17 +1470,17 @@ var Pr = fe.get().createContext("TimelineMarkers"), Fr = /^\d{4}-\d{2}-\d{2}[T ]
 		return h(j, this).duration;
 	}
 	get maxVideoBitRate() {
-		return h(Kr, this);
+		return h(Ur, this);
 	}
 	set maxVideoBitRate(e) {
-		p(Kr, this, e), e !== void 0 && h(N, this) && m(F, this, ii).call(this, e);
+		p(Ur, this, e), e !== void 0 && h(N, this) && m(F, this, ti).call(this, e);
 	}
 };
-function ri() {
+function ei() {
 	var e = this;
 	return t(function* () {
 		let { default: t } = yield import("./Ct8GqCxq.js");
-		if (p(Ur, e, t), !t.isSupported()) {
+		if (p(Br, e, t), !t.isSupported()) {
 			h(P, e).warn("HLS not supported");
 			return;
 		}
@@ -1507,17 +1504,17 @@ function ri() {
 			testBandwidth: !1,
 			debug: !1
 		})), h(N, e).attachMedia(h(j, e)), h(N, e).on(t.Events.MEDIA_ATTACHED, () => h(P, e).debug("[HLS] media attached")), h(N, e).on(t.Events.MANIFEST_PARSED, () => h(P, e).debug("[HLS] manifest parsed")), h(N, e).on(t.Events.ERROR, (t, n) => {
-			h(P, e).error("[HLS] error:", n), n.fatal && m(F, e, ai).call(e, n);
+			h(P, e).error("[HLS] error:", n), n.fatal && m(F, e, ni).call(e, n);
 		}), h(N, e).on(t.Events.MANIFEST_PARSED, () => {
 			var t;
-			!h(Kr, e) || ((t = h(N, e)) == null ? void 0 : t.levels.length) === 0 || m(F, e, ii).call(e, h(Kr, e));
+			!h(Ur, e) || ((t = h(N, e)) == null ? void 0 : t.levels.length) === 0 || m(F, e, ti).call(e, h(Ur, e));
 		}), h(N, e).on(t.Events.LEVEL_SWITCHED, () => {
 			var t, n;
 			h(P, e).debug("Level switched:", (t = h(N, e)) == null ? void 0 : t.currentLevel, "max:", e.maxVideoBitRate, "autoLevelCapping:", (n = h(N, e)) == null ? void 0 : n.autoLevelCapping);
 		});
 	})();
 }
-function ii(e) {
+function ti(e) {
 	if (!h(N, this)) {
 		h(P, this).warn("HLS not initialized, cannot set bitrate cap");
 		return;
@@ -1533,12 +1530,12 @@ function ii(e) {
 	let r = h(N, this).currentLevel;
 	h(N, this).autoLevelCapping = t, r !== t && (h(P, this).debug(`Current level ${r} exceeds cap ${t}, forcing immediate switch`), h(N, this).currentLevel = t);
 }
-function ai(e) {
-	if (!h(Ur, this)) {
+function ni(e) {
+	if (!h(Br, this)) {
 		h(P, this).error("Hls class not available for error handling");
 		return;
 	}
-	let t = h(Ur, this);
+	let t = h(Br, this);
 	switch (e.type) {
 		case t.ErrorTypes.NETWORK_ERROR:
 			var n;
@@ -1549,39 +1546,39 @@ function ai(e) {
 			h(P, this).warn("[HLS] media error -> recoverMediaError"), (r = h(N, this)) == null || r.recoverMediaError();
 			break;
 		default:
-			h(P, this).error("[HLS] fatal -> destroy"), m(F, this, oi).call(this);
+			h(P, this).error("[HLS] fatal -> destroy"), m(F, this, ri).call(this);
 			break;
 	}
 }
-function oi() {
+function ri() {
 	h(N, this) && (h(N, this).destroy(), p(N, this, void 0));
 }
-function si(e) {
+function ii(e) {
 	if (!Number.isFinite(e)) {
-		p(Yr, this, null);
+		p(Kr, this, null);
 		return;
 	}
-	let t = m(F, this, fi).call(this, h(j, this), e);
-	p(Yr, this, t > .1 ? t : null), h(Gr, this) && cancelAnimationFrame(h(Gr, this)), p(Gr, this, requestAnimationFrame(() => {
+	let t = m(F, this, li).call(this, h(j, this), e);
+	p(Kr, this, t > .1 ? t : null), h(Hr, this) && cancelAnimationFrame(h(Hr, this)), p(Hr, this, requestAnimationFrame(() => {
 		h(j, this).currentTime = t;
 	}));
 }
-function ci(e) {
+function ai(e) {
 	var n = this;
 	return t(function* () {
 		var t;
-		let { time: r, playWhenReady: i = !0 } = e || {}, a = p(Xr, n, (t = h(Xr, n), ++t));
-		if (!h(Wr, n)) {
+		let { time: r, playWhenReady: i = !0 } = e || {}, a = p(qr, n, (t = h(qr, n), ++t));
+		if (!h(Vr, n)) {
 			h(P, n).warn("No timeshift URL");
 			return;
 		}
-		if (!h(N, n) && (yield m(F, n, ri).call(n), !m(F, n, gi).call(n, a))) return;
-		p(qr, n, !1), p(Jr, n, !1), h(N, n) && (!h(N, n).url || h(N, n).url !== h(Wr, n)) && (h(P, n).debug("Loading timeshift URL", h(Wr, n)), h(N, n).loadSource(h(Wr, n)));
+		if (!h(N, n) && (yield m(F, n, ei).call(n), !m(F, n, pi).call(n, a))) return;
+		p(Wr, n, !1), p(Gr, n, !1), h(N, n) && (!h(N, n).url || h(N, n).url !== h(Vr, n)) && (h(P, n).debug("Loading timeshift URL", h(Vr, n)), h(N, n).loadSource(h(Vr, n)));
 		let o = n.muted;
-		h(j, n).muted = !0, yield m(F, n, li).call(n), m(F, n, gi).call(n, a) && (m(F, n, si).call(n, r), !(i && (yield n.play(), !m(F, n, gi).call(n, a))) && m(F, n, ui).call(n, o, a));
+		h(j, n).muted = !0, yield m(F, n, oi).call(n), m(F, n, pi).call(n, a) && (m(F, n, ii).call(n, r), !(i && (yield n.play(), !m(F, n, pi).call(n, a))) && m(F, n, si).call(n, o, a));
 	})();
 }
-function li() {
+function oi() {
 	return h(j, this).duration && !Number.isNaN(h(j, this).duration) ? Promise.resolve() : new Promise((e) => {
 		h(P, this).debug("Waiting for duration...");
 		let t = () => {
@@ -1592,11 +1589,11 @@ function li() {
 		h(j, this).addEventListener("loadedmetadata", t);
 	});
 }
-function ui(e, t) {
+function si(e, t) {
 	let n = HTMLMediaElement.HAVE_CURRENT_DATA, r = () => h(j, this).readyState >= n && h(j, this).videoWidth > 0 && h(j, this).videoHeight > 0, i = () => {
-		h(qr, this) || h(Jr, this) || !m(F, this, gi).call(this, t) || (p(Jr, this, !0), h(P, this).debug("Revealing timeshift video"), h(M, this).classList.add("active"), h(M, this).style.opacity = "1", h(M, this).style.pointerEvents = "auto", h(j, this).dispatchEvent(new CustomEvent("timeshiftready", { detail: { activationId: t } })), e || m(F, this, di).call(this, t));
+		h(Wr, this) || h(Gr, this) || !m(F, this, pi).call(this, t) || (p(Gr, this, !0), h(P, this).debug("Revealing timeshift video"), h(M, this).classList.add("active"), h(M, this).style.opacity = "1", h(M, this).style.pointerEvents = "auto", h(j, this).dispatchEvent(new CustomEvent("timeshiftready", { detail: { activationId: t } })), e || m(F, this, ci).call(this, t));
 	}, a = () => {
-		h(qr, this) || h(Jr, this) || !m(F, this, gi).call(this, t) || r() && (s(), i());
+		h(Wr, this) || h(Gr, this) || !m(F, this, pi).call(this, t) || r() && (s(), i());
 	}, o = !1, s = () => {
 		o || (o = !0, h(j, this).removeEventListener("canplay", a), h(j, this).removeEventListener("canplaythrough", a), h(j, this).removeEventListener("loadeddata", a), clearTimeout(c));
 	};
@@ -1609,9 +1606,9 @@ function ui(e, t) {
 		h(P, this).debug("Timeout reached, forcing reveal"), s(), i();
 	}, 2e3);
 }
-function di(e) {
+function ci(e) {
 	let t = () => {
-		m(F, this, gi).call(this, e) && (h(j, this).muted = !1);
+		m(F, this, pi).call(this, e) && (h(j, this).muted = !1);
 	};
 	"requestVideoFrameCallback" in h(j, this) ? h(j, this).requestVideoFrameCallback(() => {
 		setTimeout(() => {
@@ -1621,43 +1618,43 @@ function di(e) {
 		t();
 	}, 120);
 }
-function fi(e, t) {
+function li(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 h(P, this).debug("Clamped seekable:", Math.max(r, Math.min(t, i))), Math.max(r, Math.min(t, i));
 }
-function pi() {
-	for (let e of _i._) h(j, this).addEventListener(e, h(Qr, this));
-	for (let e of vi._) h(j, this).addEventListener(e, h($r, this));
-	h(j, this).addEventListener("timeupdate", h(ei, this)), h(j, this).addEventListener("progress", h(ti, this));
+function ui() {
+	for (let e of mi._) h(j, this).addEventListener(e, h(Yr, this));
+	for (let e of hi._) h(j, this).addEventListener(e, h(Xr, this));
+	h(j, this).addEventListener("timeupdate", h(Zr, this)), h(j, this).addEventListener("progress", h(Qr, this));
 }
-function mi() {
-	for (let e of _i._) h(j, this).removeEventListener(e, h(Qr, this));
-	for (let e of vi._) h(j, this).removeEventListener(e, h($r, this));
-	h(j, this).removeEventListener("timeupdate", h(ei, this)), h(j, this).removeEventListener("progress", h(ti, this));
+function di() {
+	for (let e of mi._) h(j, this).removeEventListener(e, h(Yr, this));
+	for (let e of hi._) h(j, this).removeEventListener(e, h(Xr, this));
+	h(j, this).removeEventListener("timeupdate", h(Zr, this)), h(j, this).removeEventListener("progress", h(Qr, this));
 }
-function hi(e) {
+function fi(e) {
 	let t = e && (h(j, this).readyState < HTMLMediaElement.HAVE_FUTURE_DATA || h(j, this).seeking || h(j, this).paused && !this.userPaused);
 	h(j, this).dispatchEvent(new CustomEvent(t ? "hlsbuffering" : "hlsnotbuffering", {
 		bubbles: !0,
 		composed: !0
 	}));
 }
-function gi(e) {
-	return h(Xr, this) === e;
+function pi(e) {
+	return h(qr, this) === e;
 }
-var _i = { _: [
+var mi = { _: [
 	"waiting",
 	"seeking",
 	"stalled",
 	"loadstart"
-] }, vi = { _: [
+] }, hi = { _: [
 	"canplay",
 	"canplaythrough",
 	"seeked",
 	"loadeddata"
-] }, yi = class {
+] }, gi = class {
 	constructor(e) {
 		this.vindral = e;
 	}
@@ -1677,19 +1674,19 @@ var _i = { _: [
 	pause() {
 		this.vindral.pause();
 	}
-}, bi = document.createElement("template");
-bi.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 xi = /* @__PURE__ */ new WeakMap(), Si = /* @__PURE__ */ new WeakMap(), Ci = class extends HTMLElement {
+}, _i = document.createElement("template");
+_i.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 vi = /* @__PURE__ */ new WeakMap(), yi = /* @__PURE__ */ new WeakMap(), bi = class extends HTMLElement {
 	constructor() {
-		super(), f(this, xi, null), f(this, Si, void 0), e(this, "range", void 0), p(Si, this, this.attachShadow({ mode: "open" })), h(Si, this).appendChild(bi.content.cloneNode(!0)), this.range = h(Si, this).getElementById("range");
+		super(), f(this, vi, null), f(this, yi, void 0), e(this, "range", void 0), p(yi, this, this.attachShadow({ mode: "open" })), h(yi, this).appendChild(_i.content.cloneNode(!0)), this.range = h(yi, this).getElementById("range");
 	}
 	connectedCallback() {
 		var e;
-		p(xi, this, this.closest("vindral-controller")), (e = h(xi, this)) == null || e.connectListener(this), this.hasAttribute("disabled") || this.enable();
+		p(vi, this, this.closest("vindral-controller")), (e = h(vi, this)) == null || e.connectListener(this), this.hasAttribute("disabled") || this.enable();
 	}
 	disconnectedCallback() {
 		var e;
-		(e = h(xi, this)) == null || e.disconnectListener(this);
+		(e = h(vi, this)) == null || e.disconnectListener(this);
 	}
 	attributeChangedCallback(e, t, n) {
 		t !== n && (e === "disabled" && n ? this.disable() : this.enable(), this.updateBar());
@@ -1715,11 +1712,11 @@ var xi = /* @__PURE__ */ new WeakMap(), Si = /* @__PURE__ */ new WeakMap(), Ci =
 		];
 	}
 };
-e(Ci, "observedAttributes", ["disabled"]);
+e(bi, "observedAttributes", ["disabled"]);
 //#endregion
 //#region ../../libs/player-next/src/components/Controller.ts
-var wi = document.createElement("template");
-wi.innerHTML = `
+var xi = document.createElement("template");
+xi.innerHTML = `
   <style>
     :host {
       --fg-strong: var(--vindral-fg-strong, #eeeeee);
@@ -1932,7 +1929,7 @@ wi.innerHTML = `
     <slot id="overlay-interactive" name="overlay-interactive"></slot>
   </div>
 `;
-var Ti = [
+var Si = [
 	"ArrowDown",
 	"ArrowLeft",
 	"ArrowRight",
@@ -1941,27 +1938,27 @@ var Ti = [
 	" ",
 	"f",
 	"m"
-], Ei = /* @__PURE__ */ new WeakMap(), Di = /* @__PURE__ */ new WeakMap(), Oi = /* @__PURE__ */ new WeakMap(), ki = /* @__PURE__ */ new WeakMap(), Ai = /* @__PURE__ */ new WeakMap(), ji = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap(), Mi = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), Ni = /* @__PURE__ */ new WeakMap(), Pi = /* @__PURE__ */ new WeakMap(), Fi = /* @__PURE__ */ new WeakMap(), Ii = /* @__PURE__ */ new WeakMap(), Li = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), Ri = /* @__PURE__ */ new WeakMap(), zi = /* @__PURE__ */ new WeakMap(), Bi = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), Vi = /* @__PURE__ */ new WeakMap(), Hi = /* @__PURE__ */ new WeakMap(), Ui = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), Wi = /* @__PURE__ */ new WeakMap(), Gi = /* @__PURE__ */ new WeakMap(), Ki = /* @__PURE__ */ new WeakMap(), qi = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new WeakSet(), 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 = /* @__PURE__ */ new WeakMap(), xa = /* @__PURE__ */ new WeakMap(), Sa = /* @__PURE__ */ new WeakMap(), Ca = /* @__PURE__ */ new WeakMap(), wa = /* @__PURE__ */ new WeakMap(), Ta = /* @__PURE__ */ new WeakMap(), Ea = /* @__PURE__ */ new WeakMap(), Da = /* @__PURE__ */ new WeakMap(), Oa = class extends HTMLElement {
+], Ci = /* @__PURE__ */ new WeakMap(), wi = /* @__PURE__ */ new WeakMap(), Ti = /* @__PURE__ */ new WeakMap(), Ei = /* @__PURE__ */ new WeakMap(), Di = /* @__PURE__ */ new WeakMap(), Oi = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap(), ki = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), Ai = /* @__PURE__ */ new WeakMap(), ji = /* @__PURE__ */ new WeakMap(), Mi = /* @__PURE__ */ new WeakMap(), Ni = /* @__PURE__ */ new WeakMap(), Pi = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), Fi = /* @__PURE__ */ new WeakMap(), Ii = /* @__PURE__ */ new WeakMap(), Li = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), Ri = /* @__PURE__ */ new WeakMap(), zi = /* @__PURE__ */ new WeakMap(), Bi = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), Vi = /* @__PURE__ */ new WeakMap(), Hi = /* @__PURE__ */ new WeakMap(), Ui = /* @__PURE__ */ new WeakMap(), Wi = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new WeakSet(), 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 = /* @__PURE__ */ new WeakMap(), xa = /* @__PURE__ */ new WeakMap(), Sa = /* @__PURE__ */ new WeakMap(), Ca = /* @__PURE__ */ new WeakMap(), wa = /* @__PURE__ */ new WeakMap(), Ta = class extends HTMLElement {
 	constructor() {
 		var t;
-		super(), S(this, H), f(this, Ei, /* @__PURE__ */ new Map()), f(this, Di, 2e3), f(this, Oi, null), f(this, ki, new Dr({ onChange: (e) => m(H, this, U).call(this, g.DURATION, e.toString()) })), f(this, Ai, null), f(this, ji, void 0), f(this, I, void 0), f(this, L, void 0), f(this, Mi, void 0), f(this, R, void 0), f(this, Ni, we), f(this, Pi, void 0), f(this, Fi, void 0), f(this, Ii, void 0), f(this, Li, void 0), f(this, z, void 0), f(this, Ri, void 0), f(this, zi, void 0), f(this, Bi, void 0), f(this, B, void 0), f(this, Vi, void 0), f(this, Hi, void 0), f(this, Ui, void 0), f(this, V, void 0), f(this, Wi, null), f(this, Gi, !1), f(this, Ki, null), f(this, qi, void 0), f(this, Ji, (e) => {
+		super(), S(this, H), f(this, Ci, /* @__PURE__ */ new Map()), f(this, wi, 2e3), f(this, Ti, null), f(this, Ei, new wr({ onChange: (e) => m(H, this, U).call(this, g.DURATION, e.toString()) })), f(this, Di, null), f(this, Oi, void 0), f(this, I, void 0), f(this, L, void 0), f(this, ki, void 0), f(this, R, void 0), f(this, Ai, we), f(this, ji, void 0), f(this, Mi, void 0), f(this, Ni, void 0), f(this, Pi, void 0), f(this, z, void 0), f(this, Fi, void 0), f(this, Ii, void 0), f(this, Li, void 0), f(this, B, void 0), f(this, Ri, void 0), f(this, zi, void 0), f(this, Bi, void 0), f(this, V, void 0), f(this, Vi, null), f(this, Hi, !1), f(this, Ui, null), f(this, Wi, void 0), f(this, Gi, (e) => {
 			let t = e.filter((e) => {
 				var t;
 				return (t = e.video) == null ? void 0 : t.width;
 			});
 			m(H, this, U).call(this, g.RENDITION_LEVELS, JSON.stringify(t));
-		}), f(this, Yi, (e) => {
+		}), f(this, Ki, (e) => {
 			m(H, this, U).call(this, g.RENDITION_LEVEL, JSON.stringify(e));
-		}), f(this, Xi, !1), f(this, Zi, (e) => {
-			let t = h(Xi, this);
-			p(Xi, this, !0);
+		}), f(this, qi, !1), f(this, Ji, (e) => {
+			let t = h(qi, this);
+			p(qi, this, !0);
 			try {
 				e();
 			} finally {
-				p(Xi, this, t);
+				p(qi, this, t);
 			}
-		}), f(this, Qi, (e) => {
-			h(Zi, this).call(this, () => {
+		}), f(this, Yi, (e) => {
+			h(Ji, this).call(this, () => {
 				switch (e) {
 					case "playing":
 						m(H, this, W).call(this, g.PAUSED), m(H, this, W).call(this, g.BUFFERING);
@@ -1975,40 +1972,40 @@ var Ti = [
 					default: break;
 				}
 			});
-		}), f(this, $i, (e) => {
-			h(Zi, this).call(this, () => {
+		}), f(this, Xi, (e) => {
+			h(Ji, this).call(this, () => {
 				m(H, this, U).call(this, g.VOLUME, e.volume.toString()), e.isMuted ? m(H, this, U).call(this, g.MUTED, "") : m(H, this, W).call(this, g.MUTED);
 			});
-		}), f(this, ea, ({ channelId: e }) => {
+		}), f(this, Zi, ({ channelId: e }) => {
 			var t;
 			this.setAttribute(g.CHANNEL_ID, e), ((t = h(I, this)) == null ? void 0 : t.playbackState) !== "buffering" && m(H, this, W).call(this, g.BUFFERING);
-		}), f(this, ta, ({ channelId: e }) => {
+		}), f(this, Qi, ({ channelId: e }) => {
 			var t;
-			h(Pi, this) !== e && this.setAttribute(g.CHANNEL_ID, e), ((t = h(I, this)) == null ? void 0 : t.playbackState) !== "buffering" && m(H, this, W).call(this, g.BUFFERING);
-		}), f(this, na, (e) => {
-			p(wa, this, Date.now()), m(H, this, U).call(this, g.CHANNELS, JSON.stringify(e));
-		}), f(this, ra, (e) => {
+			h(ji, this) !== e && this.setAttribute(g.CHANNEL_ID, e), ((t = h(I, this)) == null ? void 0 : t.playbackState) !== "buffering" && m(H, this, W).call(this, g.BUFFERING);
+		}), f(this, $i, (e) => {
+			p(xa, this, Date.now()), m(H, this, U).call(this, g.CHANNELS, JSON.stringify(e));
+		}), f(this, ea, (e) => {
 			var t;
 			m(H, this, U).call(this, g.LANGUAGES, JSON.stringify(e)), (t = h(I, this)) != null && t.language && m(H, this, U).call(this, g.LANGUAGE, h(I, this).language);
-		}), f(this, ia, (e) => {
+		}), f(this, ta, (e) => {
 			var t;
 			if (m(H, this, U).call(this, g.TEXT_TRACKS, JSON.stringify(e)), (t = h(I, this)) != null && t.textTrack) {
 				var n, r;
 				m(H, this, U).call(this, g.TEXT_TRACK, (n = (r = h(I, this)) == null ? void 0 : r.textTrack) == null ? "" : n);
 			}
-		}), f(this, aa, (e) => {
+		}), f(this, na, (e) => {
 			e != null && e.forVideo ? (m(H, this, U).call(this, g.NEEDS_USER_INPUT_VIDEO, ""), m(H, this, W).call(this, g.NEEDS_USER_INPUT_AUDIO)) : e != null && e.forAudio && (m(H, this, U).call(this, g.NEEDS_USER_INPUT_AUDIO, ""), m(H, this, W).call(this, g.NEEDS_USER_INPUT_VIDEO));
-		}), f(this, oa, (e) => {
-			e || m(H, this, W).call(this, g.BUFFERING), h(ki, this).setLive(e);
-		}), f(this, sa, (e) => {
+		}), f(this, ra, (e) => {
+			e || m(H, this, W).call(this, g.BUFFERING), h(Ei, this).setLive(e);
+		}), f(this, ia, (e) => {
 			var t, n;
 			let { urls: r, duration: i } = e;
 			if (!r[0] || !h(R, this)) return;
 			let a = new URL(r[0]);
-			a.searchParams.set("channelId", (t = h(Pi, this)) == null ? "" : t);
+			a.searchParams.set("channelId", (t = h(ji, this)) == null ? "" : t);
 			let o = this.getAttribute("authentication-token");
 			o && a.searchParams.set("authToken", o);
-			let s = Nr(i);
+			let s = Ar(i);
 			if (Number.isNaN(s)) {
 				h(V, this).error(`Invalid duration format: ${i}`);
 				return;
@@ -2016,70 +2013,70 @@ var Ti = [
 			let c = Math.floor(Date.now() / 1e3), l = (/* @__PURE__ */ new Date((c - s) * 1e3)).toISOString();
 			a.searchParams.set("from", l);
 			let u = a.toString();
-			h(R, this).setTimeshiftUrl(u), h(ki, this).start({
+			h(R, this).setTimeshiftUrl(u), h(Ei, this).start({
 				multivariantUrl: u,
 				params: {
-					channelId: (n = h(Pi, this)) == null ? "" : n,
+					channelId: (n = h(ji, this)) == null ? "" : n,
 					authToken: o == null ? void 0 : o,
 					from: l
 				},
 				windowCapSeconds: s
 			});
-		}), f(this, ca, () => {
+		}), f(this, aa, () => {
 			m(H, this, W).call(this, g.PAUSED), m(H, this, W).call(this, g.BUFFERING);
-		}), f(this, la, () => {
+		}), f(this, oa, () => {
 			m(H, this, U).call(this, g.PAUSED, ""), m(H, this, W).call(this, g.BUFFERING);
-		}), f(this, ua, () => {
-			h(xa, this).call(this), m(H, this, W).call(this, g.BUFFERING);
-		}), f(this, da, () => {
-			h(R, this) && h(ki, this).applyLoadedDuration(h(R, this).duration);
-		}), f(this, fa, () => {
+		}), f(this, sa, () => {
+			h(va, this).call(this), m(H, this, W).call(this, g.BUFFERING);
+		}), f(this, ca, () => {
+			h(R, this) && h(Ei, this).applyLoadedDuration(h(R, this).duration);
+		}), f(this, la, () => {
 			var e, t;
 			if (!h(R, this) || h(R, this).seeking || (e = (t = h(R, this)).shouldIgnoreTimeupdate) != null && e.call(t)) return;
 			let n = h(R, this).currentTime;
 			n !== void 0 && m(H, this, U).call(this, g.TIMESHIFT_POSITION, n.toString());
-		}), f(this, pa, () => {
+		}), f(this, ua, () => {
 			h(R, this) && (m(H, this, U).call(this, g.VOLUME, h(R, this).volume.toString()), h(R, this).muted ? m(H, this, U).call(this, g.MUTED, "") : m(H, this, W).call(this, g.MUTED));
-		}), f(this, ma, () => {
+		}), f(this, da, () => {
 			m(H, this, U).call(this, g.BUFFERING, "");
-		}), f(this, ha, () => {
+		}), f(this, fa, () => {
 			m(H, this, W).call(this, g.BUFFERING);
-		}), f(this, ga, () => {
-			if (h(Gi, this)) {
+		}), f(this, pa, () => {
+			if (h(Hi, this)) {
 				if (h(L, this) !== h(R, this)) {
-					p(Gi, this, !1);
+					p(Hi, this, !1);
 					return;
 				}
-				p(Gi, this, !1), m(H, this, oo).call(this);
+				p(Hi, this, !1), m(H, this, ro).call(this);
 			}
-		}), f(this, _a, 0), e(this, "handleEvent", (e) => {
+		}), f(this, ma, 0), e(this, "handleEvent", (e) => {
 			switch (e.type) {
 				case "pointerdown":
-					p(_a, this, e.timeStamp);
+					p(ma, this, e.timeStamp);
 					break;
 				case "pointermove":
-					m(H, this, Ya).call(this, e);
+					m(H, this, Ka).call(this, e);
 					break;
 				case "pointerup":
-					m(H, this, Xa).call(this, e);
+					m(H, this, qa).call(this, e);
 					break;
 				case "mouseleave":
-					m(H, this, io).call(this);
+					m(H, this, to).call(this);
 					break;
 				case "dblclick":
-					m(H, this, Qa).call(this, e);
+					m(H, this, Ya).call(this, e);
 					break;
 				case "mousemove":
-					m(H, this, $a).call(this, e);
+					m(H, this, Xa).call(this, e);
 					break;
 				case "keydown":
-					h(ba, this).call(this, e);
+					h(_a, this).call(this, e);
 					break;
 				case "keyup":
-					m(H, this, io).call(this), h(ya, this).call(this, e);
+					m(H, this, to).call(this), h(ga, this).call(this, e);
 					break;
 			}
-		}), f(this, va, (e) => {
+		}), f(this, ha, (e) => {
 			if (h(I, this) && (h(V, this).debug("Vindral event", { type: e.type }), e instanceof CustomEvent)) switch (e.type) {
 				case x.PLAY:
 					this.removeAttribute(g.PAUSED);
@@ -2124,10 +2121,10 @@ var Ti = [
 					}
 					break;
 				case x.CHANNEL_GRID_OPENED:
-					h(Wi, this) === null && m(H, this, to).call(this);
+					h(Vi, this) === null && m(H, this, Qa).call(this);
 					break;
 				case x.CHANNEL_GRID_CLOSED:
-					h(Wi, this) !== null && (clearTimeout(h(Wi, this)), p(Wi, this, null));
+					h(Vi, this) !== null && (clearTimeout(h(Vi, this)), p(Vi, this, null));
 					break;
 				case x.ENTER_PIP:
 					this.setAttribute(g.IS_PIP, "");
@@ -2137,7 +2134,7 @@ var Ti = [
 					break;
 				case x.REQUEST_AIRPLAY:
 					var t;
-					(t = h(Bi, this)) == null || t.showPlaybackTargetPicker();
+					(t = h(Li, this)) == null || t.showPlaybackTargetPicker();
 					break;
 				case x.SET_LANGUAGE:
 					_(e.detail) ? this.setAttribute(g.LANGUAGE, e.detail) : this.removeAttribute(g.LANGUAGE);
@@ -2158,7 +2155,7 @@ var Ti = [
 					this.handleTimeShiftUpdate(String(e.detail));
 					break;
 				case x.GO_LIVE:
-					h(xa, this).call(this);
+					h(va, this).call(this);
 					break;
 				case x.TOGGLE_DEBUG_PANEL:
 					this.hasAttribute(g.DEBUG_PANEL_OPEN) ? this.removeAttribute(g.DEBUG_PANEL_OPEN) : this.setAttribute(g.DEBUG_PANEL_OPEN, "");
@@ -2170,64 +2167,64 @@ var Ti = [
 					}
 					break;
 			}
-		}), f(this, ya, (e) => {
+		}), f(this, ga, (e) => {
 			let { key: t } = e;
-			if (!Ti.includes(t)) {
+			if (!Si.includes(t)) {
 				this.removeEventListener("keyup", this);
 				return;
 			}
-			m(H, this, eo).call(this, e);
-		}), f(this, ba, (e) => {
+			m(H, this, Za).call(this, e);
+		}), f(this, _a, (e) => {
 			let { metaKey: t, altKey: n, key: r } = e;
-			t || n || !Ti.includes(r) || this.addEventListener("keyup", this, { once: !0 });
-		}), f(this, xa, () => {
+			t || n || !Si.includes(r) || this.addEventListener("keyup", this, { once: !0 });
+		}), f(this, va, () => {
 			this.removeAttribute(g.TIMESHIFT_POSITION), this.handleTimeShiftUpdate(!1);
-		}), f(this, Sa, (e) => {
+		}), f(this, ya, (e) => {
 			var t;
-			h(R, this) || m(H, this, Na).call(this), h(L, this) !== h(R, this) && (e && m(H, this, so).call(this), p(L, this, h(R, this)), m(H, this, ja).call(this), m(H, this, Ma).call(this), m(H, this, La).call(this), (t = h(I, this)) == null || t.pause(), p(Gi, this, e));
-		}), f(this, Ca, (e) => {
+			h(R, this) || m(H, this, Aa).call(this), h(L, this) !== h(R, this) && (e && m(H, this, io).call(this), p(L, this, h(R, this)), m(H, this, Oa).call(this), m(H, this, ka).call(this), m(H, this, Pa).call(this), (t = h(I, this)) == null || t.pause(), p(Hi, this, e));
+		}), f(this, ba, (e) => {
 			var t, n, r, i;
-			e && m(H, this, so).call(this), (t = h(R, this)) == null || t.hide(), p(L, this, h(Mi, this)), m(H, this, La).call(this), this.hasAttribute(g.PAUSED) ? (n = h(L, this)) == null || n.pause() : (r = h(L, this)) == null || r.play(), m(H, this, Fa).call(this), m(H, this, Aa).call(this), (i = h(R, this)) == null || i.pause(), e && (p(Gi, this, !1), setTimeout(() => {
-				m(H, this, oo).call(this);
+			e && m(H, this, io).call(this), (t = h(R, this)) == null || t.hide(), p(L, this, h(ki, this)), m(H, this, Pa).call(this), this.hasAttribute(g.PAUSED) ? (n = h(L, this)) == null || n.pause() : (r = h(L, this)) == null || r.play(), m(H, this, Ma).call(this), m(H, this, Da).call(this), (i = h(R, this)) == null || i.pause(), e && (p(Hi, this, !1), setTimeout(() => {
+				m(H, this, ro).call(this);
 			}, 100));
 		}), e(this, "handleTimeShiftUpdate", (e) => {
 			let t = this.hasAttribute(g.IS_PIP);
 			if (e !== !1) {
 				var n;
-				h(Sa, this).call(this, t), (n = h(R, this)) == null || n.seek({
+				h(ya, this).call(this, t), (n = h(R, this)) == null || n.seek({
 					time: parseFloat(e),
 					playWhenReady: !this.hasAttribute(g.PAUSED)
 				});
 				return;
 			}
-			h(L, this) !== h(Mi, this) && h(Ca, this).call(this, t);
-		}), f(this, wa, null), f(this, Ta, () => {
+			h(L, this) !== h(ki, this) && h(ba, this).call(this, t);
+		}), f(this, xa, null), f(this, Sa, () => {
 			var e;
 			let t = (e = h(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, Ea, () => {
+		}), f(this, Ca, () => {
 			r();
-		}), f(this, Da, null);
+		}), f(this, wa, null);
 		let n = this.attachShadow({ mode: "open" });
-		n.appendChild(wi.content.cloneNode(!0));
+		n.appendChild(xi.content.cloneNode(!0));
 		let i = ye(this.getAttribute("log-level"));
-		p(V, this, fe.get().createContext("VindralController")), h(V, this).setLevel(i), p(ji, this, (t = this.shadowRoot) == null ? void 0 : t.querySelector("#time-shift-video")), p(qi, this, new er(n));
+		p(V, this, fe.get().createContext("VindralController")), h(V, this).setLevel(i), p(Oi, this, (t = this.shadowRoot) == null ? void 0 : t.querySelector("#time-shift-video")), p(Wi, this, new Qn(n));
 	}
 	connectedCallback() {
 		var e = this;
 		return t(function* () {
-			b(e.getAttribute("auto-instance-enabled"), !0) && (yield m(H, e, ka).call(e));
-			for (let t of Object.values(x)) e.addEventListener(t, h(va, 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), h(Zi, e).call(e, () => e.connectListener(e)), m(H, e, qa).call(e), e.tabIndex = 0, e.focus({ preventScroll: !0 });
+			b(e.getAttribute("auto-instance-enabled"), !0) && (yield m(H, e, Ea).call(e));
+			for (let t of Object.values(x)) e.addEventListener(t, h(ha, 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), h(Ji, e).call(e, () => e.connectListener(e)), m(H, e, Wa).call(e), e.tabIndex = 0, e.focus({ preventScroll: !0 });
 		})();
 	}
 	disconnectedCallback() {
 		var e, t, n, r, i;
-		m(H, this, Ja).call(this), m(H, this, ho).call(this), h(qi, this).unload(), (e = h(I, this)) == null || e.unload(), (t = h(z, this)) == null || t.unload(), (n = h(Ri, this)) == null || n.unload(), (r = h(zi, this)) == null || r.unload(), (i = h(B, this)) == null || i.unload(), m(H, this, Pa).call(this);
-		for (let e of Object.values(x)) this.removeEventListener(e, h(va, this));
-		m(H, this, ja).call(this), h(Oi, this) && (clearTimeout(h(Oi, this)), p(Oi, this, null)), h(ki, this).stop(), this.disconnectListener(this);
+		m(H, this, Ga).call(this), m(H, this, fo).call(this), h(Wi, this).unload(), (e = h(I, this)) == null || e.unload(), (t = h(z, this)) == null || t.unload(), (n = h(Fi, this)) == null || n.unload(), (r = h(Ii, this)) == null || r.unload(), (i = h(B, this)) == null || i.unload(), m(H, this, ja).call(this);
+		for (let e of Object.values(x)) this.removeEventListener(e, h(ha, this));
+		m(H, this, Oa).call(this), h(Ti, this) && (clearTimeout(h(Ti, this)), p(Ti, this, null)), h(Ei, this).stop(), this.disconnectListener(this);
 	}
 	attributeChangedCallback(e, t, n) {
 		if (t !== n) {
@@ -2237,22 +2234,22 @@ var Ti = [
 				newValue: n
 			}), e) {
 				case "channel-id":
-					p(Pi, this, n), h(I, this) && n && (h(I, this).channelId = n, h(I, this).play(), m(H, this, U).call(this, g.BUFFERING, ""), m(H, this, U).call(this, g.CHANNEL_ID, n), m(H, this, U).call(this, g.POSTER_SRC, h(I, this).getThumbnailUrl()));
+					p(ji, this, n), h(I, this) && n && (h(I, this).channelId = n, h(I, this).play(), m(H, this, U).call(this, g.BUFFERING, ""), m(H, this, U).call(this, g.CHANNEL_ID, n), m(H, this, U).call(this, g.POSTER_SRC, h(I, this).getThumbnailUrl()));
 					break;
 				case "channel-group-id":
-					p(Fi, this, n);
+					p(Mi, this, n);
 					break;
 				case "url":
-					n && p(Ni, this, n);
+					n && p(Ai, this, n);
 					break;
 				case "paused":
 					if (_(n)) {
-						if (!h(Xi, this)) {
+						if (!h(qi, this)) {
 							var r;
 							(r = h(L, this)) == null || r.pause();
 						}
 						m(H, this, U).call(this, g.PAUSED, "");
-					} else if (m(H, this, W).call(this, g.NEEDS_USER_INPUT_VIDEO), m(H, this, W).call(this, g.PAUSED), !h(Xi, this)) {
+					} else if (m(H, this, W).call(this, g.NEEDS_USER_INPUT_VIDEO), m(H, this, W).call(this, g.PAUSED), !h(qi, this)) {
 						var i;
 						(i = h(L, this)) == null || i.play();
 					}
@@ -2276,7 +2273,7 @@ var Ti = [
 					}
 					break;
 				case g.DEBUG_PANEL_OPEN:
-					_(n) ? m(H, this, U).call(this, g.DEBUG_PANEL_OPEN, "") : m(H, this, W).call(this, g.DEBUG_PANEL_OPEN), m(H, this, po).call(this);
+					_(n) ? m(H, this, U).call(this, g.DEBUG_PANEL_OPEN, "") : m(H, this, W).call(this, g.DEBUG_PANEL_OPEN), m(H, this, lo).call(this);
 					break;
 				case "user-interacting":
 					_(n) ? m(H, this, U).call(this, g.USER_INTERACTING, "") : m(H, this, W).call(this, g.USER_INTERACTING);
@@ -2284,7 +2281,7 @@ var Ti = [
 				case "muted":
 					if (h(I, this)) if (_(n)) {
 						var a;
-						if (h(Xi, this) || (h(I, this).muted = !0, h(R, this) && (h(R, this).muted = !0)), m(H, this, U).call(this, g.MUTED, ""), (a = h(B, this)) != null && a.isMediaElementSource) {
+						if (h(qi, this) || (h(I, this).muted = !0, h(R, this) && (h(R, this).muted = !0)), m(H, this, U).call(this, g.MUTED, ""), (a = h(B, this)) != null && a.isMediaElementSource) {
 							var o;
 							(o = h(B, this)) == null || o.stop(), m(H, this, U).call(this, g.VOLUME_LEVEL, JSON.stringify({
 								left: null,
@@ -2293,14 +2290,14 @@ var Ti = [
 						}
 					} else {
 						var s;
-						h(Xi, this) || (h(I, this).muted = !1, h(R, this) && (h(R, this).muted = !1), h(I, this).volume === 0 && (h(I, this).volume = .3)), m(H, this, W).call(this, g.MUTED), m(H, this, W).call(this, g.NEEDS_USER_INPUT_AUDIO), (s = h(B, this)) == null || s.start();
+						h(qi, this) || (h(I, this).muted = !1, h(R, this) && (h(R, this).muted = !1), h(I, this).volume === 0 && (h(I, this).volume = .3)), m(H, this, W).call(this, g.MUTED), m(H, this, W).call(this, g.NEEDS_USER_INPUT_AUDIO), (s = h(B, this)) == null || s.start();
 					}
 					break;
 				case "ui-locked":
-					_(n) ? m(H, this, ro).call(this) : m(H, this, io).call(this);
+					_(n) ? m(H, this, eo).call(this) : m(H, this, to).call(this);
 					break;
 				case "is-fullscreen":
-					_(n) ? m(H, this, co).call(this) : m(H, this, lo).call(this);
+					_(n) ? m(H, this, ao).call(this) : m(H, this, oo).call(this);
 					break;
 				case "abr-enabled":
 					{
@@ -2315,13 +2312,13 @@ var Ti = [
 					}
 					break;
 				case "max-video-bit-rate":
-					p(Ii, this, n), _(n) ? m(H, this, U).call(this, g.MAX_VIDEO_BITRATE, n) : m(H, this, W).call(this, g.MAX_VIDEO_BITRATE), h(R, this) && (h(R, this).maxVideoBitRate = n ? be(n) : void 0);
+					p(Ni, this, n), _(n) ? m(H, this, U).call(this, g.MAX_VIDEO_BITRATE, n) : m(H, this, W).call(this, g.MAX_VIDEO_BITRATE), h(R, this) && (h(R, this).maxVideoBitRate = n ? be(n) : void 0);
 					break;
 				case "max-initial-bit-rate":
-					p(Li, this, n), _(n) ? m(H, this, U).call(this, g.MAX_INITIAL_BITRATE, n) : m(H, this, W).call(this, g.MAX_INITIAL_BITRATE);
+					p(Pi, this, n), _(n) ? m(H, this, U).call(this, g.MAX_INITIAL_BITRATE, n) : m(H, this, W).call(this, g.MAX_INITIAL_BITRATE);
 					break;
 				case "is-pip":
-					_(n) ? m(H, this, oo).call(this) : m(H, this, so).call(this);
+					_(n) ? m(H, this, ro).call(this) : m(H, this, io).call(this);
 					break;
 				case "is-airplaying":
 					if (_(n)) {
@@ -2335,17 +2332,17 @@ var Ti = [
 				case "is-casting":
 					if (_(n)) {
 						var ee, d;
-						(ee = h(Ri, this)) != null && ee.isFullscreen() && m(H, this, lo).call(this), (d = h(I, this)) == null || d.pause();
+						(ee = h(Fi, this)) != null && ee.isFullscreen() && m(H, this, oo).call(this), (d = h(I, this)) == null || d.pause();
 					} else if (!document.hidden) {
 						var te;
 						(te = h(I, this)) == null || te.play();
 					}
 					break;
 				case "cast-receiver-id":
-					p(Hi, this, n);
+					p(zi, this, n);
 					break;
 				case "cast-background":
-					p(Ui, this, n);
+					p(Bi, this, n);
 					break;
 				case "language":
 					h(I, this) && (h(I, this).language = n, _(n) ? m(H, this, U).call(this, g.LANGUAGE, n) : m(H, this, W).call(this, g.LANGUAGE));
@@ -2359,7 +2356,7 @@ var Ti = [
 				case "authentication-token":
 					if (_(n)) {
 						var ne, re;
-						(ne = h(I, this)) == null || ne.updateAuthenticationToken(n), (re = h(Bi, this)) == null || re.updateAuthenticationToken(n), m(H, this, U).call(this, g.AUTHENTICATION_TOKEN, n);
+						(ne = h(I, this)) == null || ne.updateAuthenticationToken(n), (re = h(Li, this)) == null || re.updateAuthenticationToken(n), m(H, this, U).call(this, g.AUTHENTICATION_TOKEN, n);
 					} else m(H, this, W).call(this, g.AUTHENTICATION_TOKEN);
 					break;
 				case "volume":
@@ -2397,13 +2394,13 @@ var Ti = [
 				g.USER_INTERACTING,
 				g.PAUSED,
 				g.HIDE_UI_ON_PAUSE
-			].includes(e) && m(H, this, ao).call(this);
+			].includes(e) && m(H, this, no).call(this);
 		}
 	}
 	connectListener(e) {
-		Mr(e).forEach((t) => {
-			let n = h(Ei, this).get(t);
-			switch (n ? n.push(e) : h(Ei, this).set(t, [e]), t) {
+		kr(e).forEach((t) => {
+			let n = h(Ci, this).get(t);
+			switch (n ? n.push(e) : h(Ci, this).set(t, [e]), t) {
 				case g.PAUSED:
 					var r;
 					(((r = h(I, this)) == null ? void 0 : r.playbackState) === "paused" || this.hasAttribute(g.PAUSED)) && e.setAttribute(g.PAUSED, "");
@@ -2413,7 +2410,7 @@ var Ti = [
 					((i = h(I, this)) != null && i.muted || this.hasAttribute(g.MUTED)) && e.setAttribute(g.MUTED, "");
 					break;
 				case g.MAX_VIDEO_BITRATE:
-					h(Ii, this) && e.setAttribute(g.MAX_VIDEO_BITRATE, h(Ii, this));
+					h(Ni, this) && e.setAttribute(g.MAX_VIDEO_BITRATE, h(Ni, this));
 					break;
 				case g.SIZE_BASED_RESOLUTION_CAP_ENABLED:
 					{
@@ -2423,10 +2420,10 @@ var Ti = [
 					}
 					break;
 				case g.CHANNEL_ID:
-					h(Pi, this) && e.setAttribute(g.CHANNEL_ID, h(Pi, this));
+					h(ji, this) && e.setAttribute(g.CHANNEL_ID, h(ji, this));
 					break;
 				case g.CHANNEL_GROUP_ID:
-					h(Fi, this) && e.setAttribute(g.CHANNEL_GROUP_ID, h(Fi, this));
+					h(Mi, this) && e.setAttribute(g.CHANNEL_GROUP_ID, h(Mi, this));
 					break;
 				case g.AUTHENTICATION_TOKEN: {
 					let t = this.getAttribute("authentication-token");
@@ -2462,38 +2459,38 @@ var Ti = [
 		});
 	}
 	disconnectListener(e) {
-		Mr(e).forEach((t) => {
-			let n = h(Ei, this).get(t);
-			n && h(Ei, this).set(t, n.filter((t) => t !== e));
+		kr(e).forEach((t) => {
+			let n = h(Ci, this).get(t);
+			n && h(Ci, this).set(t, n.filter((t) => t !== e));
 		});
 	}
 	get instance() {
 		return h(I, this);
 	}
 	get fullscreen() {
-		return m(H, this, Ba).call(this);
+		return m(H, this, La).call(this);
 	}
 	get airPlay() {
-		return h(Bi, this);
+		return h(Li, this);
 	}
 	get timelineMarkers() {
-		return Br(this.getAttribute(g.TIMELINE_MARKERS));
+		return Lr(this.getAttribute(g.TIMELINE_MARKERS));
 	}
 	set timelineMarkers(e) {
-		let t = zr(e);
+		let t = Ir(e);
 		t.length === 0 ? this.removeAttribute(g.TIMELINE_MARKERS) : this.setAttribute(g.TIMELINE_MARKERS, JSON.stringify(t));
 	}
 	connect() {
-		m(H, this, ka).call(this);
+		m(H, this, Ea).call(this);
 	}
 };
-function ka() {
+function Ea() {
 	var e = this;
 	return t(function* () {
 		var t, n;
-		if (!h(Pi, e)) return;
-		let r = h(L, e) === h(Mi, e);
-		h(ki, e).stop(), yield (t = h(I, e)) == null ? void 0 : t.unload(), r && p(L, e, void 0);
+		if (!h(ji, e)) return;
+		let r = h(L, e) === h(ki, e);
+		h(Ei, e).stop(), yield (t = h(I, e)) == null ? void 0 : t.unload(), r && p(L, e, void 0);
 		let i = e.hasAttribute(g.PAUSED), a = e.hasAttribute(g.MUTED), o = be(e.getAttribute(g.VOLUME)), s = typeof o == "number" ? Math.max(0, Math.min(1, o)) : o, c = xe(e.getAttribute(g.MEDIA)), l = e.getAttribute(g.TEXT_TRACK) || void 0, u = e.getAttribute("edge-url") || void 0, ee = e.getAttribute("authentication-token") || void 0, d = be(e.getAttribute("max-video-bit-rate")), te = be(e.getAttribute("max-initial-bit-rate")), ne = Ce(e.getAttribute("max-size")), ie = be(e.getAttribute("min-buffer-time")), ae = be(e.getAttribute("max-buffer-time")), oe = b(e.getAttribute("burst-enabled")), se = b(e.getAttribute("mse-enabled")), ce = b(e.getAttribute("mse-opus-enabled")), f = b(e.getAttribute("background-play-enabled")), le = b(e.getAttribute("ios-background-play-enabled")), ue = b(e.getAttribute("media-session-enabled")), de = b(e.getAttribute("ios-wake-lock-enabled")), fe = b(e.getAttribute("stream-to-media-element-enabled")), pe = b(e.getAttribute("ios-media-element-enabled")), me = b(e.getAttribute("abr-enabled"), !0), he = b(e.getAttribute("size-based-resolution-cap-enabled")), _e = b(e.getAttribute("telemetry-enabled")), v = ke(e.getAttribute("video-codecs")), we = ve(e.getAttribute("poster")), Te = Se(e.getAttribute("advanced")), y = ye(e.getAttribute("log-level")), De = {
 			headers: Ee(e.getAttribute("drm-headers")),
 			queryParams: Ee(e.getAttribute("drm-queryparams")),
@@ -2507,9 +2504,9 @@ function ka() {
 			}
 		}, Oe = Fe(e.getAttribute("webcodecs-hardware-acceleration")), Ae = Pe(e.getAttribute("decoders")), x = b(e.getAttribute("offscreen-canvas-enabled")), S = b(e.getAttribute("webtransport-enabled")), je = be(e.getAttribute("reconnect-retries")), Me = je === void 0 ? void 0 : (e) => e.reconnectRetries < je, Ne = e.getAttribute("language") || void 0;
 		p(I, e, new re({
-			url: h(Ni, e),
-			channelId: h(Pi, e),
-			channelGroupId: h(Fi, e),
+			url: h(Ai, e),
+			channelId: h(ji, e),
+			channelGroupId: h(Mi, e),
 			edgeUrl: u,
 			authenticationToken: ee,
 			muted: a,
@@ -2544,114 +2541,116 @@ function ka() {
 			decoders: Ae,
 			offscreenCanvasEnabled: x,
 			reconnectHandler: Me
-		})), p(Mi, e, new yi(h(I, e))), h(L, e) || p(L, e, h(Mi, e)), m(H, e, Aa).call(e), p(Ai, e, (n = e.shadowRoot) == null ? void 0 : n.querySelector("#video")), h(Ai, e) && (h(I, e).attach(h(Ai, e)), h(qi, e).observe(h(Ai, e))), e.setAttribute(g.MEDIA, h(I, e).media);
+		})), p(ki, e, new gi(h(I, e))), h(L, e) || p(L, e, h(ki, e)), m(H, e, Da).call(e), p(Di, e, (n = e.shadowRoot) == null ? void 0 : n.querySelector("#video")), h(Di, e) && (h(I, e).attach(h(Di, e)), h(Wi, e).observe(h(Di, e))), e.setAttribute(g.MEDIA, h(I, e).media);
 		let Ie = h(I, e);
-		h(Zi, e).call(e, () => {
+		h(Ji, e).call(e, () => {
 			Ie.muted && m(H, e, U).call(e, g.MUTED, ""), Ie.abrEnabled ? m(H, e, U).call(e, g.ABR_ENABLED, "") : m(H, e, W).call(e, g.ABR_ENABLED), m(H, e, U).call(e, g.SIZE_BASED_RESOLUTION_CAP_ENABLED, Ie.sizeBasedResolutionCapEnabled ? "true" : "false"), m(H, e, U).call(e, g.VOLUME, Ie.volume.toString());
 		}), _(we) || m(H, e, U).call(e, g.POSTER_SRC, h(I, e).getThumbnailUrl());
 		let Le = b(e.getAttribute(g.AIRPLAY_ENABLED), !1), C = b(e.getAttribute(g.CAST_ENABLED), !0), Re = b(e.getAttribute(g.FULLSCREEN_ENABLED), !0), ze = b(e.getAttribute(g.PIP_ENABLED), !0), Be = b(e.getAttribute(g.VU_METER_ENABLED), !1), Ve = b(e.getAttribute(g.TIMESHIFT_ENABLED), !1);
-		Le && m(H, e, Ga).call(e, h(I, e)), C && m(H, e, Va).call(e, h(I, e)), Re && m(H, e, Ra).call(e, h(I, e)), ze && m(H, e, Ia).call(e, h(I, e)), i || h(I, e).play(), Be && m(H, e, Ka).call(e, h(I, e)), e.dispatchEvent(new CustomEvent("vindral-instance-ready", {
+		Le && m(H, e, Ha).call(e, h(I, e)), C && m(H, e, Ra).call(e, h(I, e)), Re && m(H, e, Fa).call(e, h(I, e)), ze && m(H, e, Na).call(e, h(I, e)), i || h(I, e).play(), Be && m(H, e, Ua).call(e, h(I, e)), e.dispatchEvent(new CustomEvent("vindral-instance-ready", {
 			bubbles: !0,
 			composed: !0,
 			detail: h(I, e)
-		})), Ve && (m(H, e, Na).call(e), Re && m(H, e, za).call(e));
+		})), Ve && (m(H, e, Aa).call(e), Re && m(H, e, Ia).call(e));
 	})();
 }
-function Aa() {
-	h(I, this) && (h(I, this).on("rendition levels", h(Ji, this)), h(I, this).on("rendition level", h(Yi, this)), h(I, this).on("playback state", h(Qi, this)), h(I, this).on("volume state", h($i, this)), h(I, this).on("channel switch failed", h(ea, this)), h(I, this).on("channel switch", h(ta, this)), h(I, this).on("channels", h(na, this)), h(I, this).on("languages", h(ra, this)), h(I, this).on("text tracks", h(ia, this)), h(I, this).on("needs user input", h(aa, this)), h(I, this).on("is live", h(oa, this)), h(I, this).on("timeshift info", h(sa, this)));
+function Da() {
+	h(I, this) && (h(I, this).on("rendition levels", h(Gi, this)), h(I, this).on("rendition level", h(Ki, this)), h(I, this).on("playback state", h(Yi, this)), h(I, this).on("volume state", h(Xi, this)), h(I, this).on("channel switch failed", h(Zi, this)), h(I, this).on("channel switch", h(Qi, this)), h(I, this).on("channels", h($i, this)), h(I, this).on("languages", h(ea, this)), h(I, this).on("text tracks", h(ta, this)), h(I, this).on("needs user input", h(na, this)), h(I, this).on("is live", h(ra, this)), h(I, this).on("timeshift info", h(ia, this)));
 }
-function ja() {
-	h(I, this) && (h(I, this).off("playback state", h(Qi, this)), h(I, this).off("volume state", h($i, this)), h(I, this).off("channel switch failed", h(ea, this)), h(I, this).off("channel switch", h(ta, this)), h(I, this).off("channels", h(na, this)), h(I, this).off("languages", h(ra, this)), h(I, this).off("text tracks", h(ia, this)), h(I, this).off("needs user input", h(aa, this)), h(I, this).off("is live", h(oa, this)), h(I, this).off("timeshift info", h(sa, this)));
+function Oa() {
+	h(I, this) && (h(I, this).off("playback state", h(Yi, this)), h(I, this).off("volume state", h(Xi, this)), h(I, this).off("channel switch failed", h(Zi, this)), h(I, this).off("channel switch", h(Qi, this)), h(I, this).off("channels", h($i, this)), h(I, this).off("languages", h(ea, this)), h(I, this).off("text tracks", h(ta, this)), h(I, this).off("needs user input", h(na, this)), h(I, this).off("is live", h(ra, this)), h(I, this).off("timeshift info", h(ia, this)));
 }
-function Ma() {
-	h(R, this) && (h(R, this).addEventListener("playing", h(ca, this)), h(R, this).addEventListener("pause", h(la, this)), h(R, this).addEventListener("ended", h(ua, this)), h(R, this).addEventListener("timeupdate", h(fa, this)), h(R, this).addEventListener("volumechange", h(pa, this)), h(R, this).addEventListener("hlsbuffering", h(ma, this)), h(R, this).addEventListener("hlsnotbuffering", h(ha, this)), h(R, this).addEventListener("timeshiftready", h(ga, this)));
+function ka() {
+	h(R, this) && (h(R, this).addEventListener("playing", h(aa, this)), h(R, this).addEventListener("pause", h(oa, this)), h(R, this).addEventListener("ended", h(sa, this)), h(R, this).addEventListener("timeupdate", h(la, this)), h(R, this).addEventListener("volumechange", h(ua, this)), h(R, this).addEventListener("hlsbuffering", h(da, this)), h(R, this).addEventListener("hlsnotbuffering", h(fa, this)), h(R, this).addEventListener("timeshiftready", h(pa, this)));
 }
-function Na() {
+function Aa() {
 	var e, t, n, r;
 	let i = be(this.getAttribute(g.VOLUME)), a = i === void 0 ? (e = (t = h(L, this)) == null ? void 0 : t.volume) == null ? 1 : e : Math.max(0, Math.min(1, i)), o = b(this.getAttribute(g.MUTED), (n = (r = h(L, this)) == null ? void 0 : r.muted) == null ? !1 : n);
-	m(H, this, Pa).call(this), p(R, this, new ni(h(ji, this), {
+	m(H, this, ja).call(this), p(R, this, new $r(h(Oi, this), {
 		volume: a,
 		muted: o,
-		maxVideoBitRate: h(Ii, this) ? parseInt(h(Ii, this), 10) : void 0
-	})), h(R, this).addEventListener("durationchange", h(da, this));
+		maxVideoBitRate: h(Ni, this) ? parseInt(h(Ni, this), 10) : void 0
+	})), h(R, this).addEventListener("durationchange", h(ca, this));
 }
-function Pa() {
-	h(R, this) && (m(H, this, Fa).call(this), h(R, this).removeEventListener("durationchange", h(da, this)), h(R, this).cleanup(), h(L, this) === h(R, this) && p(L, this, void 0), p(R, this, void 0));
+function ja() {
+	h(R, this) && (m(H, this, Ma).call(this), h(R, this).removeEventListener("durationchange", h(ca, this)), h(R, this).cleanup(), h(L, this) === h(R, this) && p(L, this, void 0), p(R, this, void 0));
 }
-function Fa() {
-	h(R, this) && (h(R, this).removeEventListener("playing", h(ca, this)), h(R, this).removeEventListener("pause", h(la, this)), h(R, this).removeEventListener("ended", h(ua, this)), h(R, this).removeEventListener("timeupdate", h(fa, this)), h(R, this).removeEventListener("volumechange", h(pa, this)), h(R, this).removeEventListener("hlsbuffering", h(ma, this)), h(R, this).removeEventListener("hlsnotbuffering", h(ha, this)), h(R, this).removeEventListener("timeshiftready", h(ga, this)));
+function Ma() {
+	h(R, this) && (h(R, this).removeEventListener("playing", h(aa, this)), h(R, this).removeEventListener("pause", h(oa, this)), h(R, this).removeEventListener("ended", h(sa, this)), h(R, this).removeEventListener("timeupdate", h(la, this)), h(R, this).removeEventListener("volumechange", h(ua, this)), h(R, this).removeEventListener("hlsbuffering", h(da, this)), h(R, this).removeEventListener("hlsnotbuffering", h(fa, this)), h(R, this).removeEventListener("timeshiftready", h(pa, this)));
 }
-function Ia(e) {
-	e.mediaElement instanceof HTMLVideoElement && (p(z, this, new dr(e.mediaElement)), h(z, this).isSupported() && (h(V, this).debug("PIP is supported"), m(H, this, U).call(this, g.PIP_AVAILABLE, "")), h(z, this).on("on picture in picture change", (e) => {
-		e ? m(H, this, U).call(this, g.IS_PIP, "") : m(H, this, W).call(this, g.IS_PIP);
+function Na(e) {
+	e.mediaElement instanceof HTMLVideoElement && (p(z, this, new cr(e.mediaElement)), h(z, this).isSupported() && (h(V, this).debug("PIP is supported"), m(H, this, U).call(this, g.PIP_AVAILABLE, "")), h(z, this).on("on picture in picture change", (e) => {
+		var t;
+		e ? m(H, this, U).call(this, g.IS_PIP, "") : m(H, this, W).call(this, g.IS_PIP), h(Wi, this).setEnabled(!((t = h(z, this)) != null && t.isWebkitPresentationModeActive()));
 	}));
 }
-function La() {
+function Pa() {
 	var e;
 	if (!h(z, this)) return;
 	let t = null;
-	h(L, this) === h(R, this) && h(R, this) ? t = h(R, this).videoElement : ((e = h(I, this)) == null ? void 0 : e.mediaElement) instanceof HTMLVideoElement && (t = h(I, this).mediaElement), t && t !== h(z, this).videoElement && (h(V, this).debug("Updating PIP target to", h(L, this) === h(R, this) ? "HLS" : "Vindral"), h(z, this).unload(), p(z, this, new dr(t)), h(z, this).on("on picture in picture change", (e) => {
-		e ? m(H, this, U).call(this, g.IS_PIP, "") : m(H, this, W).call(this, g.IS_PIP);
+	h(L, this) === h(R, this) && h(R, this) ? t = h(R, this).videoElement : ((e = h(I, this)) == null ? void 0 : e.mediaElement) instanceof HTMLVideoElement && (t = h(I, this).mediaElement), t && t !== h(z, this).videoElement && (h(V, this).debug("Updating PIP target to", h(L, this) === h(R, this) ? "HLS" : "Vindral"), h(z, this).unload(), p(z, this, new cr(t)), h(z, this).on("on picture in picture change", (e) => {
+		var t;
+		e ? m(H, this, U).call(this, g.IS_PIP, "") : m(H, this, W).call(this, g.IS_PIP), h(Wi, this).setEnabled(!((t = h(z, this)) != null && t.isWebkitPresentationModeActive()));
 	}));
 }
-function Ra(e) {
-	let t = !tr.isFullscreenApiSupported(this) && tr.isFullscreenApiSupported(e.mediaElement) ? e.mediaElement : this;
-	p(Ri, this, new tr(t)), h(Ri, this).on("on fullscreen change", (e) => {
+function Fa(e) {
+	let t = !$n.isFullscreenApiSupported(this) && $n.isFullscreenApiSupported(e.mediaElement) ? e.mediaElement : this;
+	p(Fi, this, new $n(t)), h(Fi, this).on("on fullscreen change", (e) => {
 		e ? m(H, this, U).call(this, g.FULLSCREEN, "") : m(H, this, W).call(this, g.FULLSCREEN);
 	});
 }
-function za() {
+function Ia() {
 	var e;
-	h(R, this) && (p(zi, this, !tr.isFullscreenApiSupported(this) && tr.isFullscreenApiSupported((e = h(R, this)) == null ? void 0 : e.videoElement) ? new tr(h(R, this).videoElement) : new tr(this)), h(zi, this).on("on fullscreen change", (e) => {
+	h(R, this) && (p(Ii, this, !$n.isFullscreenApiSupported(this) && $n.isFullscreenApiSupported((e = h(R, this)) == null ? void 0 : e.videoElement) ? new $n(h(R, this).videoElement) : new $n(this)), h(Ii, this).on("on fullscreen change", (e) => {
 		e ? m(H, this, U).call(this, g.FULLSCREEN, "") : m(H, this, W).call(this, g.FULLSCREEN);
 	}));
 }
-function Ba() {
-	return this.hasAttribute(g.TIMESHIFT_POSITION) ? h(zi, this) : h(Ri, this);
+function La() {
+	return this.hasAttribute(g.TIMESHIFT_POSITION) ? h(Ii, this) : h(Fi, this);
 }
-function Va(e) {
-	p(Vi, this, new je({
-		background: h(Ui, this),
-		receiverApplicationId: h(Hi, this),
+function Ra(e) {
+	p(Ri, this, new je({
+		background: h(Bi, this),
+		receiverApplicationId: h(zi, this),
 		options: e.getCastOptions()
-	})), h(Vi, this).on("devices available", m(H, this, Ha).bind(this)), h(Vi, this).on("connected", m(H, this, Ua).bind(this)), h(Vi, this).on("resumed", m(H, this, Ua).bind(this)), h(Vi, this).on("disconnected", m(H, this, Wa).bind(this)), h(Vi, this).init().catch((e) => {
+	})), h(Ri, this).on("devices available", m(H, this, za).bind(this)), h(Ri, this).on("connected", m(H, this, Ba).bind(this)), h(Ri, this).on("resumed", m(H, this, Ba).bind(this)), h(Ri, this).on("disconnected", m(H, this, Va).bind(this)), h(Ri, this).init().catch((e) => {
 		h(V, this).warn("Failed to initialize CastSender", e);
 	});
 }
-function Ha(e) {
+function za(e) {
 	e ? m(H, this, U).call(this, g.CAST_AVAILABLE, "") : m(H, this, W).call(this, g.CAST_AVAILABLE);
 }
-function Ua() {
+function Ba() {
 	var e, t;
 	m(H, this, U).call(this, g.IS_CASTING, "");
-	let n = (e = (t = h(Vi, this)) == null ? void 0 : t.getReceiverName()) == null ? "device" : e;
+	let n = (e = (t = h(Ri, this)) == null ? void 0 : t.getReceiverName()) == null ? "device" : e;
 	m(H, this, U).call(this, g.CAST_RECEIVER_NAME, n);
 }
-function Wa() {
+function Va() {
 	m(H, this, W).call(this, g.IS_CASTING), m(H, this, W).call(this, g.CAST_RECEIVER_NAME);
 }
-function Ga(e) {
+function Ha(e) {
 	var t;
-	(t = h(Bi, this)) == null || t.unload();
+	(t = h(Li, this)) == null || t.unload();
 	let n = e.getCastOptions();
-	p(Bi, this, new Hn({
+	p(Li, this, new Hn({
 		url: n.url,
 		channelId: n.channelId,
 		authenticationToken: n.authenticationToken,
 		container: this
-	})), h(Bi, this).once("available", () => {
+	})), h(Li, this).once("available", () => {
 		m(H, this, U).call(this, g.AIRPLAY_AVAILABLE, "");
-	}), h(Bi, this).on("connected", () => {
+	}), h(Li, this).on("connected", () => {
 		m(H, this, U).call(this, g.IS_AIRPLAYING, "");
-	}), h(Bi, this).on("disconnected", () => {
+	}), h(Li, this).on("disconnected", () => {
 		m(H, this, W).call(this, g.IS_AIRPLAYING);
 	});
 }
-function Ka(e) {
+function Ua(e) {
 	var t;
 	if ((t = h(B, this)) == null || t.unload(), !a()) {
-		if (e.audioNode) p(B, this, new Hr(e.audioNode));
-		else if (e.mediaElement instanceof HTMLMediaElement) p(B, this, new Hr(e.mediaElement));
+		if (e.audioNode) p(B, this, new zr(e.audioNode));
+		else if (e.mediaElement instanceof HTMLMediaElement) p(B, this, new zr(e.mediaElement));
 		else return;
 		h(B, this).on("on decibel change", (e) => {
 			m(H, this, U).call(this, g.VOLUME_LEVEL, JSON.stringify(e));
@@ -2661,37 +2660,37 @@ function Ka(e) {
 		})), (!h(B, this).isMediaElementSource || !this.hasAttribute(g.MUTED)) && h(B, this).start();
 	}
 }
-function qa() {
+function Wa() {
 	let e = () => (customElements.get("vindral-debug-panel") || import("./XEQIIc9P.js").then((e) => e.n).then(({ registerDebugComponents: e }) => e()), this.setAttribute(g.DEBUG_PANEL_OPEN, ""), h(I, this));
-	window._vindralDebug = e, p(Ki, this, e);
+	window._vindralDebug = e, p(Ui, this, e);
 }
-function Ja() {
+function Ga() {
 	let e = window;
-	h(Ki, this) && e._vindralDebug === h(Ki, this) && delete e._vindralDebug, p(Ki, this, null);
+	h(Ui, this) && e._vindralDebug === h(Ui, this) && delete e._vindralDebug, p(Ui, this, null);
 }
-function Ya(e) {
-	e.pointerType !== "mouse" && e.timeStamp - h(_a, this) < 250 || (m(H, this, ro).call(this), h(Oi, this) && clearTimeout(h(Oi, this)), e.target instanceof HTMLElement && ([this, h(Ai, this)].includes(e.target) || e.target.localName === "vindral-scroll-overlay") && m(H, this, io).call(this));
+function Ka(e) {
+	e.pointerType !== "mouse" && e.timeStamp - h(ma, this) < 250 || (m(H, this, eo).call(this), h(Ti, this) && clearTimeout(h(Ti, this)), e.target instanceof HTMLElement && ([this, h(Di, this)].includes(e.target) || e.target.localName === "vindral-scroll-overlay") && m(H, this, to).call(this));
 }
-function Xa(e) {
+function qa(e) {
 	let t = this.hasAttribute(g.USER_INTERACTING);
-	e.pointerType === "touch" && e.target instanceof HTMLElement ? [this, h(Ai, this)].includes(e.target) && t ? m(H, this, no).call(this) : m(H, this, io).call(this) : e.composedPath().some((e) => e instanceof HTMLElement && ["vindral-play-button"].includes(e == null ? void 0 : e.localName)) && m(H, this, io).call(this);
+	e.pointerType === "touch" && e.target instanceof HTMLElement ? [this, h(Di, this)].includes(e.target) && t ? m(H, this, $a).call(this) : m(H, this, to).call(this) : e.composedPath().some((e) => e instanceof HTMLElement && ["vindral-play-button"].includes(e == null ? void 0 : e.localName)) && m(H, this, to).call(this);
 }
-function Za(e) {
+function Ja(e) {
 	switch (e) {
 		case "dblclick-fullscreen": return b(this.getAttribute(g.DOUBLE_CLICK_FULLSCREEN_ENABLED), !0);
 		default: return !0;
 	}
 }
-function Qa(e) {
-	m(H, this, Za).call(this, "dblclick-fullscreen") && (!h(Ri, this) || e.target instanceof v || e.target instanceof He || e.target instanceof Ci || (this.hasAttribute(g.FULLSCREEN) ? this.removeAttribute(g.FULLSCREEN) : this.setAttribute(g.FULLSCREEN, "")));
+function Ya(e) {
+	m(H, this, Ja).call(this, "dblclick-fullscreen") && (!h(Fi, this) || e.target instanceof v || e.target instanceof He || e.target instanceof bi || (this.hasAttribute(g.FULLSCREEN) ? this.removeAttribute(g.FULLSCREEN) : this.setAttribute(g.FULLSCREEN, "")));
 }
-function $a(e) {
-	this.hasAttribute(g.USER_INTERACTING) || m(H, this, io).call(this);
+function Xa(e) {
+	this.hasAttribute(g.USER_INTERACTING) || m(H, this, to).call(this);
 }
-function eo(e) {
+function Za(e) {
 	var t;
 	let { metaKey: n, altKey: r, key: i } = e;
-	if (n || r || !Ti.includes(i)) return;
+	if (n || r || !Si.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;
@@ -2709,28 +2708,28 @@ function eo(e) {
 			break;
 	}
 }
-function to() {
+function Qa() {
 	var e = this;
 	return t(function* () {
-		if (!h(I, e) || !h(Fi, e)) return;
+		if (!h(I, e) || !h(Mi, e)) return;
 		let t = Date.now();
-		if (h(wa, e) && t - h(wa, e) < 1e4) h(V, e).debug("Skipping channel update, last update was less than 10 seconds ago.");
+		if (h(xa, e) && t - h(xa, e) < 1e4) h(V, e).debug("Skipping channel update, last update was less than 10 seconds ago.");
 		else {
-			p(wa, e, t);
-			let n = yield h(I, e).getApiClient().getChannels(h(Fi, e));
+			p(xa, e, t);
+			let n = yield h(I, e).getApiClient().getChannels(h(Mi, e));
 			m(H, e, U).call(e, g.CHANNELS, JSON.stringify(n));
 		}
-		p(Wi, e, window.setTimeout(() => void m(H, e, to).call(e), 1e4));
+		p(Vi, e, window.setTimeout(() => void m(H, e, Qa).call(e), 1e4));
 	})();
 }
-function no() {
+function $a() {
 	!this.hasAttribute(g.USER_INTERACTING) || this.hasAttribute(g.UI_LOCKED) || (this.dispatchEvent(new CustomEvent("user-interacting", {
 		bubbles: !0,
 		composed: !0,
 		detail: { active: !1 }
 	})), this.removeAttribute(g.USER_INTERACTING));
 }
-function ro() {
+function eo() {
 	this.hasAttribute(g.USER_INTERACTING) || requestAnimationFrame(() => {
 		this.setAttribute(g.USER_INTERACTING, ""), this.dispatchEvent(new CustomEvent("user-interacting", {
 			bubbles: !0,
@@ -2739,64 +2738,64 @@ function ro() {
 		}));
 	});
 }
-function io() {
-	m(H, this, ro).call(this), h(Oi, this) && clearTimeout(h(Oi, this)), h(Di, this) && p(Oi, this, self.setTimeout(() => {
-		m(H, this, no).call(this);
-	}, h(Di, this)));
+function to() {
+	m(H, this, eo).call(this), h(Ti, this) && clearTimeout(h(Ti, this)), h(wi, this) && p(Ti, this, self.setTimeout(() => {
+		m(H, this, $a).call(this);
+	}, h(wi, this)));
 }
-function ao() {
+function no() {
 	var e;
 	let t = getComputedStyle(this).getPropertyValue("--vindral-subtitle-offset") || "0px";
 	(e = h(I, this)) == null || (e = e.mediaElement) == null || e.style.setProperty("--vindral-subtitle-offset", t);
 }
-function oo() {
+function ro() {
 	var e;
-	m(H, this, La).call(this), m(H, this, uo).call(this), (e = h(z, this)) == null || e.request().catch((e) => {
+	m(H, this, Pa).call(this), m(H, this, so).call(this), (e = h(z, this)) == null || e.request().catch((e) => {
 		h(V, this).warn("Failed to enter picture in picture:", e);
 	});
 }
-function so() {
+function io() {
 	var e;
 	(e = h(z, this)) == null || e.exit().catch((e) => {
 		h(V, this).warn("Failed to exit picture in picture:", e);
 	});
 }
-function co() {
-	let e = m(H, this, Ba).call(this);
+function ao() {
+	let e = m(H, this, La).call(this);
 	if (!e) {
 		console.warn("No fullscreen target available"), this.setAttribute(g.FULLSCREEN_FALLBACK, ""), m(H, this, U).call(this, g.FULLSCREEN, "");
 		return;
 	}
-	e != null && e.isFullscreenApiSupported() ? (m(H, this, uo).call(this), e == null || e.request().then(() => {
-		h(Ta, this).call(this);
+	e != null && e.isFullscreenApiSupported() ? (m(H, this, so).call(this), e == null || e.request().then(() => {
+		h(Sa, this).call(this);
 	}).catch((e) => {
 		h(V, this).warn("Failed to enter fullscreen:", e);
 	})) : (this.setAttribute(g.FULLSCREEN_FALLBACK, ""), m(H, this, U).call(this, g.FULLSCREEN, ""));
 }
-function lo() {
-	let e = m(H, this, Ba).call(this);
+function oo() {
+	let e = m(H, this, La).call(this);
 	e != null && e.isFullscreenApiSupported() ? e == null || e.exit().then(() => {
-		h(Ea, this).call(this);
+		h(Ca, this).call(this);
 	}).catch((e) => {
 		h(V, this).warn("Failed to exit fullscreen:", e);
 	}) : (this.removeAttribute(g.FULLSCREEN_FALLBACK), m(H, this, W).call(this, g.FULLSCREEN));
 }
-function uo() {
+function so() {
 	h(I, this) && h(I, this).emitter.emit("ios-hack: reset size");
 }
-function fo() {
+function co() {
 	return this.hasAttribute(g.DEBUG_PANEL_OPEN);
 }
-function po() {
-	m(H, this, fo).call(this) ? m(H, this, mo).call(this) : m(H, this, ho).call(this);
+function lo() {
+	m(H, this, co).call(this) ? m(H, this, uo).call(this) : m(H, this, fo).call(this);
 }
-function mo() {
-	h(Da, this) === null && (m(H, this, go).call(this), p(Da, this, window.setInterval(() => m(H, this, go).call(this), 1e3)));
+function uo() {
+	h(wa, this) === null && (m(H, this, po).call(this), p(wa, this, window.setInterval(() => m(H, this, po).call(this), 1e3)));
 }
-function ho() {
-	h(Da, this) && (clearInterval(h(Da, this)), p(Da, this, null)), this.removeAttribute(g.DRIFT), m(H, this, W).call(this, g.DRIFT), m(H, this, W).call(this, g.PLAYBACK_LATENCY), m(H, this, W).call(this, g.CONNECTION_STATE);
+function fo() {
+	h(wa, this) && (clearInterval(h(wa, this)), p(wa, this, null)), this.removeAttribute(g.DRIFT), m(H, this, W).call(this, g.DRIFT), m(H, this, W).call(this, g.PLAYBACK_LATENCY), m(H, this, W).call(this, g.CONNECTION_STATE);
 }
-function go() {
+function po() {
 	if (!h(I, this)) return;
 	try {
 		let e = h(I, this).getStatistics().drift;
@@ -2812,13 +2811,13 @@ function go() {
 }
 function U(e, t) {
 	var n;
-	(n = h(Ei, this).get(e)) == null || n.forEach((n) => n.setAttribute(e, t));
+	(n = h(Ci, this).get(e)) == null || n.forEach((n) => n.setAttribute(e, t));
 }
 function W(e) {
 	var t;
-	(t = h(Ei, this).get(e)) == null || t.forEach((t) => t.removeAttribute(e));
+	(t = h(Ci, this).get(e)) == null || t.forEach((t) => t.removeAttribute(e));
 }
-e(Oa, "observedAttributes", [
+e(Ta, "observedAttributes", [
 	...Ae,
 	"url",
 	"edge-url",
@@ -2862,8 +2861,8 @@ e(Oa, "observedAttributes", [
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/FullscreenButton.ts
-var _o, vo = document.createElement("template");
-vo.innerHTML = `
+var mo, ho = document.createElement("template");
+ho.innerHTML = `
   <style>
     :host {
       display: var(--fullscreen-button-display);
@@ -2887,10 +2886,10 @@ vo.innerHTML = `
 </slot>
   </slot>
 `;
-var yo = class extends v {
+var go = class extends v {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(vo.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild(ho.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("aria-label", this.isFullscreen ? "Exit fullscreen" : "Fullscreen");
@@ -2915,48 +2914,48 @@ var yo = class extends v {
 		}));
 	}
 };
-_o = yo, e(yo, "observedAttributes", [...y(_o, "observedAttributes", _o), g.FULLSCREEN]);
+mo = go, e(go, "observedAttributes", [...y(mo, "observedAttributes", mo), g.FULLSCREEN]);
 //#endregion
 //#region ../../libs/player-next/src/components/LanguageMenu.ts
-var bo, xo = "\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", So = document.createElement("template");
-So.innerHTML = `
+var _o, vo = "\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", yo = document.createElement("template");
+yo.innerHTML = `
   <style>
     :host(:not([hidden])) {
       display: var(--language-menu-display);
     }
   </style>
 
-  <slot name="button">${xo}</slot>
+  <slot name="button">${vo}</slot>
   <slot name="listbox" hidden>
     <vindral-language-menu-list id="listbox" part="listbox"></vindral-language-menu-list>
   </slot>
 `;
-var Co = /* @__PURE__ */ new WeakSet(), wo = class extends He {
+var bo = /* @__PURE__ */ new WeakSet(), xo = class extends He {
 	constructor() {
 		var e, t, n;
-		super(), S(this, Co), (e = this.shadowRoot) == null || e.appendChild(So.content.cloneNode(!0)), this.listbox = (t = this.shadowRoot) == null ? void 0 : t.querySelector("[part=listbox]"), this.listboxSlot = (n = this.shadowRoot) == null ? void 0 : n.querySelector("slot[name=listbox]");
+		super(), S(this, bo), (e = this.shadowRoot) == null || e.appendChild(yo.content.cloneNode(!0)), this.listbox = (t = this.shadowRoot) == null ? void 0 : t.querySelector("[part=listbox]"), this.listboxSlot = (n = this.shadowRoot) == null ? void 0 : n.querySelector("slot[name=listbox]");
 	}
 	connectedCallback() {
-		super.connectedCallback(), m(Co, this, To).call(this), this.setAttribute("aria-label", "Audio & Subtitles");
+		super.connectedCallback(), m(bo, this, So).call(this), this.setAttribute("aria-label", "Audio & Subtitles");
 	}
 	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), (e === g.LANGUAGES || e === g.TEXT_TRACKS) && m(Co, this, To).call(this);
+		super.attributeChangedCallback(e, t, n), (e === g.LANGUAGES || e === g.TEXT_TRACKS) && m(bo, this, So).call(this);
 	}
 };
-bo = wo;
-function To() {
+_o = xo;
+function So() {
 	let e = (e) => (e ? JSON.parse(e) : []).length < 2, t = e(this.getAttribute(g.LANGUAGES)), n = e(this.getAttribute(g.TEXT_TRACKS));
 	t && n ? this.setAttribute("hidden", "") : this.removeAttribute("hidden");
 }
-e(wo, "observedAttributes", [
-	...y(bo, "observedAttributes", bo),
+e(xo, "observedAttributes", [
+	...y(_o, "observedAttributes", _o),
 	g.LANGUAGES,
 	g.TEXT_TRACKS
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/LanguageMenuList.ts
-var Eo = document.createElement("template");
-Eo.innerHTML = `
+var Co = document.createElement("template");
+Co.innerHTML = `
   <style>
     :host {
       font: inherit;
@@ -3070,21 +3069,21 @@ Eo.innerHTML = `
     <div class="menu"></div>
   </div>
 `;
-var Do = /* @__PURE__ */ new WeakMap(), Oo = /* @__PURE__ */ new WeakMap(), ko = /* @__PURE__ */ new WeakMap(), Ao = /* @__PURE__ */ new WeakMap(), jo = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakMap(), Mo = /* @__PURE__ */ new WeakMap(), No = /* @__PURE__ */ new WeakMap(), Po = /* @__PURE__ */ new WeakMap(), Fo = /* @__PURE__ */ new WeakMap(), Io = /* @__PURE__ */ new WeakMap(), Lo = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakSet(), Ro = class extends HTMLElement {
+var wo = /* @__PURE__ */ new WeakMap(), To = /* @__PURE__ */ new WeakMap(), Eo = /* @__PURE__ */ new WeakMap(), Do = /* @__PURE__ */ new WeakMap(), Oo = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakMap(), ko = /* @__PURE__ */ new WeakMap(), Ao = /* @__PURE__ */ new WeakMap(), jo = /* @__PURE__ */ new WeakMap(), Mo = /* @__PURE__ */ new WeakMap(), No = /* @__PURE__ */ new WeakMap(), Po = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakSet(), Fo = class extends HTMLElement {
 	constructor() {
-		super(), S(this, K), f(this, Do, []), f(this, Oo, []), f(this, ko, void 0), f(this, Ao, void 0), f(this, jo, []), f(this, G, []), f(this, Mo, null), f(this, No, null), f(this, Po, null), f(this, Fo, null), f(this, Io, null), f(this, Lo, null), e(this, "handleEvent", (e) => {
+		super(), S(this, K), f(this, wo, []), f(this, To, []), f(this, Eo, void 0), f(this, Do, void 0), f(this, Oo, []), f(this, G, []), f(this, ko, null), f(this, Ao, null), f(this, jo, null), f(this, Mo, null), f(this, No, null), f(this, Po, null), e(this, "handleEvent", (e) => {
 			switch (e.type) {
 				case "keydown":
-					m(K, this, qo).call(this, e);
+					m(K, this, Wo).call(this, e);
 					break;
 			}
-		}), this.attachShadow({ mode: "open" }).appendChild(Eo.content.cloneNode(!0));
+		}), this.attachShadow({ mode: "open" }).appendChild(Co.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		let e = this.getRootNode();
 		if (e instanceof ShadowRoot) {
 			var t, n, r;
-			p(Po, this, e.host.closest("vindral-controller")), (t = h(Po, this)) == null || t.connectListener(this), p(Mo, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#languages .menu")), p(No, this, (r = this.shadowRoot) == null ? void 0 : r.querySelector("#text-tracks .menu")), m(K, this, zo).call(this), m(K, this, Bo).call(this), p(Fo, this, e.host), this.addEventListener("keydown", this);
+			p(jo, this, e.host.closest("vindral-controller")), (t = h(jo, this)) == null || t.connectListener(this), p(ko, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#languages .menu")), p(Ao, this, (r = this.shadowRoot) == null ? void 0 : r.querySelector("#text-tracks .menu")), m(K, this, Io).call(this), m(K, this, Lo).call(this), p(Mo, this, e.host), this.addEventListener("keydown", this);
 		}
 	}
 	disconnectedCallback() {
@@ -3094,16 +3093,16 @@ var Do = /* @__PURE__ */ new WeakMap(), Oo = /* @__PURE__ */ new WeakMap(), ko =
 		t !== n && (e === g.LANGUAGES && n && (this.languages = JSON.parse(n)), e === g.TEXT_TRACKS && n && (this.textTracks = JSON.parse(n)), e === g.LANGUAGE && (this.language = n), e === g.TEXT_TRACK && (this.textTrack = n));
 	}
 	set languages(e) {
-		p(Do, this, e), m(K, this, Ho).call(this), m(K, this, Wo).call(this);
+		p(wo, this, e), m(K, this, zo).call(this), m(K, this, Vo).call(this);
 	}
 	set textTracks(e) {
-		p(Oo, this, e), m(K, this, Vo).call(this), m(K, this, Go).call(this);
+		p(To, this, e), m(K, this, Ro).call(this), m(K, this, Ho).call(this);
 	}
 	set language(e) {
-		p(ko, this, e), m(K, this, Wo).call(this);
+		p(Eo, this, e), m(K, this, Vo).call(this);
 	}
 	set textTrack(e) {
-		p(Ao, this, e), m(K, this, Go).call(this);
+		p(Do, this, e), m(K, this, Ho).call(this);
 	}
 	get keysUsed() {
 		return [
@@ -3120,10 +3119,10 @@ var Do = /* @__PURE__ */ new WeakMap(), Oo = /* @__PURE__ */ new WeakMap(), ko =
 		];
 	}
 	focus() {
-		h(Io, this) ? h(Io, this).focus() : h(Lo, this) && h(Lo, this).focus();
+		h(No, this) ? h(No, this).focus() : h(Po, this) && h(Po, this).focus();
 	}
 };
-function zo() {
+function Io() {
 	new IntersectionObserver((e) => {
 		e.forEach((e) => {
 			if (e.intersectionRatio !== 1) if (e.intersectionRatio > 0) {
@@ -3132,55 +3131,55 @@ function zo() {
 			} else this.style.height = "auto";
 		});
 	}, {
-		root: h(Po, this),
+		root: h(jo, this),
 		threshold: 0
 	}).observe(this);
 }
-function Bo() {
-	h(Mo, this) && (m(K, this, Ho).call(this), m(K, this, Wo).call(this)), h(No, this) && (m(K, this, Vo).call(this), m(K, this, Go).call(this));
+function Lo() {
+	h(ko, this) && (m(K, this, zo).call(this), m(K, this, Vo).call(this)), h(Ao, this) && (m(K, this, Ro).call(this), m(K, this, Ho).call(this));
 }
-function Vo() {
-	h(No, this).innerHTML = "", p(G, this, []);
-	let e = m(K, this, Uo).call(this, "Off", "textTrack", void 0);
-	h(No, this).appendChild(e), h(G, this).push({
+function Ro() {
+	h(Ao, this).innerHTML = "", p(G, this, []);
+	let e = m(K, this, Bo).call(this, "Off", "textTrack", void 0);
+	h(Ao, this).appendChild(e), h(G, this).push({
 		element: e,
 		value: void 0
-	}), h(Oo, this).forEach((e) => {
-		let t = m(K, this, Uo).call(this, e, "textTrack", e);
-		h(No, this).appendChild(t), h(G, this).push({
+	}), h(To, this).forEach((e) => {
+		let t = m(K, this, Bo).call(this, e, "textTrack", e);
+		h(Ao, this).appendChild(t), h(G, this).push({
 			element: t,
 			value: e
 		});
-	}), m(K, this, Go).call(this);
+	}), m(K, this, Ho).call(this);
 }
-function Ho() {
-	h(Mo, this).innerHTML = "", p(jo, this, []), h(Do, this).forEach((e) => {
-		let t = m(K, this, Uo).call(this, e, "language", e);
-		h(Mo, this).appendChild(t), h(jo, this).push({
+function zo() {
+	h(ko, this).innerHTML = "", p(Oo, this, []), h(wo, this).forEach((e) => {
+		let t = m(K, this, Bo).call(this, e, "language", e);
+		h(ko, this).appendChild(t), h(Oo, this).push({
 			element: t,
 			value: e
 		});
-	}), m(K, this, Wo).call(this);
+	}), m(K, this, Vo).call(this);
 }
-function Uo(e, t, n) {
+function Bo(e, t, n) {
 	let r = document.createElement("div");
-	return r.setAttribute("role", "menuitem"), r.textContent = e, r.addEventListener("click", () => m(K, this, Ko).call(this, n, t)), r;
+	return r.setAttribute("role", "menuitem"), r.textContent = e, r.addEventListener("click", () => m(K, this, Uo).call(this, n, t)), r;
 }
-function Wo() {
-	h(Io, this) && (h(Io, this).removeAttribute("aria-selected"), h(Io, this).tabIndex = -1);
-	let e = h(jo, this).find((e) => e.value === h(ko, this));
-	e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, p(Io, this, e.element));
+function Vo() {
+	h(No, this) && (h(No, this).removeAttribute("aria-selected"), h(No, this).tabIndex = -1);
+	let e = h(Oo, this).find((e) => e.value === h(Eo, this));
+	e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, p(No, this, e.element));
 }
-function Go() {
-	h(Lo, this) && (h(Lo, this).removeAttribute("aria-selected"), h(Lo, this).tabIndex = -1);
-	let e = h(G, this).find((e) => e.value === h(Ao, this));
-	if (e) e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, p(Lo, this, e.element);
+function Ho() {
+	h(Po, this) && (h(Po, this).removeAttribute("aria-selected"), h(Po, this).tabIndex = -1);
+	let e = h(G, this).find((e) => e.value === h(Do, this));
+	if (e) e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, p(Po, this, e.element);
 	else {
 		let e = h(G, this).find((e) => e.value === void 0);
-		e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, p(Lo, this, e.element));
+		e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, p(Po, this, e.element));
 	}
 }
-function Ko(e, t) {
+function Uo(e, t) {
 	this.dispatchEvent(new Event("change", {
 		bubbles: !0,
 		composed: !0
@@ -3192,36 +3191,36 @@ function Ko(e, t) {
 		detail: e
 	}));
 }
-function qo(e) {
+function Wo(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 = h(Fo, this)) == null || a.hide();
+		(a = h(Mo, this)) == null || a.hide();
 	} else if (t === "Enter" || t === " ") {
 		var o;
-		(o = m(K, this, Xo).call(this)) == null || (o = o.element) == null || o.click();
-	} else m(K, this, Jo).call(this, e);
+		(o = m(K, this, qo).call(this)) == null || (o = o.element) == null || o.click();
+	} else m(K, this, Go).call(this, e);
 }
-function Jo(e) {
+function Go(e) {
 	var t;
-	let { key: n } = e, r = [...h(jo, this), ...h(G, this)], i = (t = m(K, this, Xo).call(this)) == null ? r[0] : t;
+	let { key: n } = e, r = [...h(Oo, this), ...h(G, this)], i = (t = m(K, this, qo).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 = m(K, this, Yo).call(this, a, "left") : n === "ArrowRight" ? o = m(K, this, Yo).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 = m(K, this, Ko).call(this, a, "left") : n === "ArrowRight" ? o = m(K, this, Ko).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 && (m(K, this, Zo).call(this, s.value), s.element.focus());
+	s && (m(K, this, Jo).call(this, s.value), s.element.focus());
 }
-function Yo(e, t) {
-	let n = h(jo, this).length, r = h(G, this).length;
+function Ko(e, t) {
+	let n = h(Oo, this).length, r = h(G, this).length;
 	return t === "left" ? e < n ? n + r - 1 : e - n - 1 : e >= n ? 0 : e + n;
 }
-function Xo() {
-	return [...h(jo, this), ...h(G, this)].find((e) => e.element.tabIndex === 0);
+function qo() {
+	return [...h(Oo, this), ...h(G, this)].find((e) => e.element.tabIndex === 0);
 }
-function Zo(e) {
-	for (let t of [...h(jo, this), ...h(G, this)]) t.element.tabIndex = t.value === e ? 0 : -1;
+function Jo(e) {
+	for (let t of [...h(Oo, this), ...h(G, this)]) t.element.tabIndex = t.value === e ? 0 : -1;
 }
-e(Ro, "observedAttributes", [
+e(Fo, "observedAttributes", [
 	g.LANGUAGES,
 	g.TEXT_TRACKS,
 	g.LANGUAGE,
@@ -3229,12 +3228,12 @@ e(Ro, "observedAttributes", [
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/LiveButton.ts
-var Qo, $o = document.createElement("template");
-$o.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 es = class extends v {
+var Yo, Xo = document.createElement("template");
+Xo.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 Zo = class extends v {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild($o.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild(Xo.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.updateState();
@@ -3265,15 +3264,15 @@ var es = class extends v {
 		}));
 	}
 };
-Qo = es, e(es, "observedAttributes", [
-	...y(Qo, "observedAttributes", Qo),
+Yo = Zo, e(Zo, "observedAttributes", [
+	...y(Yo, "observedAttributes", Yo),
 	g.TIMESHIFT_POSITION,
 	g.DURATION
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/MuteButton.ts
-var ts, ns = document.createElement("template");
-ns.innerHTML = `
+var Qo, $o = document.createElement("template");
+$o.innerHTML = `
   <style>
     :host {
       display: var(--mute-button-display);
@@ -3301,10 +3300,10 @@ ns.innerHTML = `
 </slot>
   </slot>
 `;
-var rs = class extends v {
+var es = class extends v {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(ns.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild($o.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("aria-label", this.muted ? "Unmute" : "Mute");
@@ -3329,11 +3328,11 @@ var rs = class extends v {
 		}));
 	}
 };
-ts = rs, e(rs, "observedAttributes", [...y(ts, "observedAttributes", ts), g.MUTED]);
+Qo = es, e(es, "observedAttributes", [...y(Qo, "observedAttributes", Qo), g.MUTED]);
 //#endregion
 //#region ../../libs/player-next/src/components/PictureInPictureButton.ts
-var is, as = document.createElement("template");
-as.innerHTML = `
+var ts, ns = document.createElement("template");
+ns.innerHTML = `
   <style>
     :host {
       display: var(--pip-button-display);
@@ -3347,10 +3346,10 @@ as.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 os = class extends v {
+var rs = class extends v {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(as.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild(ns.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("aria-label", this.isPictureInPictureActive ? "Exit picture-in-picture" : "Picture-in-picture");
@@ -3375,15 +3374,15 @@ var os = class extends v {
 		}));
 	}
 };
-is = os, e(os, "observedAttributes", [
-	...y(is, "observedAttributes", is),
+ts = rs, e(rs, "observedAttributes", [
+	...y(ts, "observedAttributes", ts),
 	g.IS_PIP,
 	g.PIP_AVAILABLE
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/PlayButton.ts
-var ss, cs = document.createElement("template");
-cs.innerHTML = `
+var is, as = document.createElement("template");
+as.innerHTML = `
   <style>
     :host {
       display: var(--play-button-display);
@@ -3407,10 +3406,10 @@ cs.innerHTML = `
 </slot>
   </slot>
 `;
-var ls = class extends v {
+var os = class extends v {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(cs.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild(as.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("aria-label", this.paused ? "Play" : "Pause");
@@ -3435,7 +3434,7 @@ var ls = class extends v {
 		}));
 	}
 };
-ss = ls, e(ls, "observedAttributes", [...y(ss, "observedAttributes", ss), g.PAUSED]);
+is = os, e(os, "observedAttributes", [...y(is, "observedAttributes", is), g.PAUSED]);
 //#endregion
 //#region ../../libs/player-next/src/PlayerAttributes.ts
 var q = {
@@ -3444,55 +3443,55 @@ var q = {
 	ADVANCED_RENDITION_MENU_ENABLED: "advanced-rendition-menu-enabled",
 	REFRESH_POSTER_ENABLED: "refresh-poster-enabled",
 	STREAM_POLL_ENABLED: "stream-poll-enabled"
-}, us = Object.values(q), ds = /* @__PURE__ */ new WeakMap(), fs = /* @__PURE__ */ new WeakMap(), ps = /* @__PURE__ */ new WeakMap(), ms = /* @__PURE__ */ new WeakMap(), hs = /* @__PURE__ */ new WeakMap(), gs = /* @__PURE__ */ new WeakMap(), _s = /* @__PURE__ */ new WeakMap(), vs = /* @__PURE__ */ new WeakSet(), ys = class extends pe {
+}, ss = Object.values(q), cs = /* @__PURE__ */ new WeakMap(), ls = /* @__PURE__ */ new WeakMap(), us = /* @__PURE__ */ new WeakMap(), ds = /* @__PURE__ */ new WeakMap(), fs = /* @__PURE__ */ new WeakMap(), ps = /* @__PURE__ */ new WeakMap(), ms = /* @__PURE__ */ new WeakMap(), hs = /* @__PURE__ */ new WeakSet(), gs = class extends pe {
 	constructor(e) {
-		super(), S(this, vs), f(this, ds, void 0), f(this, fs, void 0), f(this, ps, !1), f(this, ms, !1), f(this, hs, !0), f(this, gs, null), f(this, _s, null), p(fs, this, e), p(ds, this, new de({
+		super(), S(this, hs), f(this, cs, void 0), f(this, ls, void 0), f(this, us, !1), f(this, ds, !1), f(this, fs, !0), f(this, ps, null), f(this, ms, null), p(ls, this, e), p(cs, this, new de({
 			publicEndpoint: e.url,
 			tokenFactory: () => e.authenticationToken
 		}));
 	}
 	start(e = 5e3) {
-		h(_s, this) && clearInterval(h(_s, this)), p(ps, this, !1), p(ms, this, !1), m(vs, this, Cs).call(this), m(vs, this, bs).call(this), p(_s, this, window.setInterval(() => {
-			!h(ms, this) && !h(fs, this).infiniteReconnect && !h(gs, this) && h(hs, this) && p(gs, this, window.setTimeout(() => m(vs, this, xs).call(this), 300 * 1e3)), !h(ms, this) && h(hs, this) && m(vs, this, bs).call(this);
+		h(ms, this) && clearInterval(h(ms, this)), p(us, this, !1), p(ds, this, !1), m(hs, this, bs).call(this), m(hs, this, _s).call(this), p(ms, this, window.setInterval(() => {
+			!h(ds, this) && !h(ls, this).infiniteReconnect && !h(ps, this) && h(fs, this) && p(ps, this, window.setTimeout(() => m(hs, this, vs).call(this), 300 * 1e3)), !h(ds, this) && h(fs, this) && m(hs, this, _s).call(this);
 		}, e));
 	}
 	stop() {
-		m(vs, this, Ss).call(this), h(_s, this) && (window.clearInterval(h(_s, this)), p(_s, this, null));
+		m(hs, this, ys).call(this), h(ms, this) && (window.clearInterval(h(ms, this)), p(ms, this, null));
 	}
 };
-function bs() {
+function _s() {
 	var e = this;
 	return t(function* () {
-		if (h(ps, e)) return;
-		p(ps, e, !0);
+		if (h(us, e)) return;
+		p(us, e, !0);
 		let t = "Stream is offline", n = "Please stand by";
 		try {
-			let t = yield h(ds, e).getChannel(h(fs, e).channelId);
+			let t = yield h(cs, e).getChannel(h(ls, e).channelId);
 			if (t.isLive) {
-				p(ms, e, !0), m(vs, e, Cs).call(e), e.emit("live", t), p(ps, e, !1);
+				p(ds, e, !0), m(hs, e, bs).call(e), e.emit("live", t), p(us, e, !1);
 				return;
 			}
 		} catch (e) {
 			ue(e) && (e.status === 403 || e.status === 401) && (t = "Forbidden", n = "You do not have permission to view this stream");
 		}
-		h(hs, e) && e.emit("error", {
+		h(fs, e) && e.emit("error", {
 			title: t,
 			message: n
-		}), p(ps, e, !1);
+		}), p(us, e, !1);
 	})();
 }
-function xs() {
-	this.stop(), p(hs, this, !1), this.emit("timeout");
+function vs() {
+	this.stop(), p(fs, this, !1), this.emit("timeout");
 }
-function Ss() {
-	h(gs, this) && (window.clearTimeout(h(gs, this)), p(gs, this, null));
+function ys() {
+	h(ps, this) && (window.clearTimeout(h(ps, this)), p(ps, this, null));
 }
-function Cs() {
-	m(vs, this, Ss).call(this), p(hs, this, !0);
+function bs() {
+	m(hs, this, ys).call(this), p(fs, this, !0);
 }
 //#endregion
 //#region ../../libs/player-next/src/utils/browser.ts
-var ws = /\/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, Ts = navigator.userAgent.toLowerCase(), Es = ws.test(Ts), Ds = (e) => Oa.observedAttributes.includes(e), Os = `
+var xs = /\/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, Ss = navigator.userAgent.toLowerCase(), Cs = xs.test(Ss), ws = (e) => Ta.observedAttributes.includes(e), Ts = `
   <style>
     :host {
       container-type: inline-size;
@@ -3502,7 +3501,7 @@ var ws = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
       display: flex;
       justify-content: center;
 
-      --vindral-volume-range-display: ${Es ? "none" : "flex"};
+      --vindral-volume-range-display: ${Cs ? "none" : "flex"};
       --vindral-airplay-button-display: none;
       --vindral-play-overlay-display: none;
       --vindral-grid-item-offline-display: none;
@@ -3583,10 +3582,10 @@ var ws = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
       --vindral-subtitle-offset: -48px;
     }
   </style>
-`, ks = (e) => {
+`, Es = (e) => {
 	let t = e ? "vindral-advanced-rendition-menu" : "vindral-rendition-levels-menu";
 	return `
-    ${Os}
+    ${Ts}
 
     <vindral-controller>
       <vindral-control-bar slot="top-bar">
@@ -3624,8 +3623,8 @@ var ws = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
       </vindral-center-overlay>
     </vindral-controller>
   `;
-}, As = `
-  ${Os}
+}, Ds = `
+  ${Ts}
 
   <style>
     #control-bar {
@@ -3649,52 +3648,52 @@ var ws = /\/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>
-`, js = document.createElement("template"), Ms = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), Ns = /* @__PURE__ */ new WeakMap(), Ps = /* @__PURE__ */ new WeakMap(), Fs = /* @__PURE__ */ new WeakMap(), Is = /* @__PURE__ */ new WeakMap(), Ls = /* @__PURE__ */ new WeakMap(), Rs = /* @__PURE__ */ new WeakMap(), zs = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakSet(), Bs = /* @__PURE__ */ new WeakMap(), Vs = /* @__PURE__ */ new WeakMap(), Hs = /* @__PURE__ */ new WeakMap(), Us = class extends HTMLElement {
+`, Os = document.createElement("template"), ks = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), As = /* @__PURE__ */ new WeakMap(), js = /* @__PURE__ */ new WeakMap(), Ms = /* @__PURE__ */ new WeakMap(), Ns = /* @__PURE__ */ new WeakMap(), Ps = /* @__PURE__ */ new WeakMap(), Fs = /* @__PURE__ */ new WeakMap(), Is = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakSet(), Ls = /* @__PURE__ */ new WeakMap(), Rs = /* @__PURE__ */ new WeakMap(), zs = /* @__PURE__ */ new WeakMap(), Bs = class extends HTMLElement {
 	constructor() {
-		super(), S(this, Y), f(this, Ms, void 0), f(this, J, void 0), f(this, Ns, void 0), f(this, Ps, void 0), f(this, Fs, void 0), f(this, Is, void 0), f(this, Ls, /* @__PURE__ */ new Set()), f(this, Rs, () => {
+		super(), S(this, Y), f(this, ks, void 0), f(this, J, void 0), f(this, As, void 0), f(this, js, void 0), f(this, Ms, void 0), f(this, Ns, void 0), f(this, Ps, /* @__PURE__ */ new Set()), f(this, Fs, () => {
 			Array.from(this.attributes).forEach((e) => {
-				h(zs, this).call(this, e.name, e.value);
+				h(Is, this).call(this, e.name, e.value);
 			});
-		}), f(this, zs, (e, t) => {
-			Ds(e) && (_(t) ? h(J, this).setAttribute(e, t) : h(J, this).removeAttribute(e));
-		}), f(this, Bs, () => {
+		}), f(this, Is, (e, t) => {
+			ws(e) && (_(t) ? h(J, this).setAttribute(e, t) : h(J, this).removeAttribute(e));
+		}), f(this, Ls, () => {
 			Array.from(this.children).forEach((e) => {
-				h(Ls, this).add(e);
+				h(Ps, this).add(e);
 			});
-		}), f(this, Vs, () => {
+		}), f(this, Rs, () => {
 			let e = h(J, this).instance;
 			e && (e.on("is live", (e) => {
-				e ? (this.removeAttribute(q.OFFLINE), m(Y, this, Xs).call(this)) : (this.setAttribute(q.OFFLINE, ""), m(Y, this, Ys).call(this, "Stream is offline", "Please stand by"));
+				e ? (this.removeAttribute(q.OFFLINE), m(Y, this, qs).call(this)) : (this.setAttribute(q.OFFLINE, ""), m(Y, this, Ks).call(this, "Stream is offline", "Please stand by"));
 			}), e.on("channels", (e) => {
 				let t = h(J, this).getAttribute("channel-id"), n = e.find((e) => e.channelId === t);
-				n && m(Y, this, qs).call(this, n);
+				n && m(Y, this, Ws).call(this, n);
 			}), e.on("channel switch", ({ channelId: t }) => {
 				let n = e.channels.find((e) => e.channelId === t);
-				n && m(Y, this, qs).call(this, n);
+				n && m(Y, this, Ws).call(this, n);
 			}), e.on("error", (e) => {
 				if (e.code() === "connection_failed") {
-					m(Y, this, Ys).call(this, "Stream is offline", "Please stand by");
+					m(Y, this, Ks).call(this, "Stream is offline", "Please stand by");
 					return;
 				}
-				e.isFatal() && (e.code() === "access_forbidden" ? m(Y, this, Ys).call(this, "Forbidden", "You do not have permission to view this stream") : e.code() === "connection_failed_will_not_attempt_again" ? m(Y, this, Ys).call(this, "Stream is offline", "Please stand by") : m(Y, this, Ys).call(this, "An error occurred", e.message), h(Ps, this).removeAttribute("hidden"), this.setAttribute(q.OFFLINE, ""), h(J, this).dispatchEvent(new CustomEvent(x.EXIT_FULLSCREEN)), h(J, this).dispatchEvent(new CustomEvent(x.EXIT_PIP)));
+				e.isFatal() && (e.code() === "access_forbidden" ? m(Y, this, Ks).call(this, "Forbidden", "You do not have permission to view this stream") : e.code() === "connection_failed_will_not_attempt_again" ? m(Y, this, Ks).call(this, "Stream is offline", "Please stand by") : m(Y, this, Ks).call(this, "An error occurred", e.message), h(js, this).removeAttribute("hidden"), this.setAttribute(q.OFFLINE, ""), h(J, this).dispatchEvent(new CustomEvent(x.EXIT_FULLSCREEN)), h(J, this).dispatchEvent(new CustomEvent(x.EXIT_PIP)));
 			}));
-		}), f(this, Hs, () => {
-			h(J, this).connect(), h(Ps, this).setAttribute("hidden", ""), m(Y, this, Xs).call(this), h(J, this).focus();
-		}), p(Ms, this, this.attachShadow({ mode: "open" })), m(Y, this, Gs).call(this), p(J, this, h(Ms, this).querySelector("vindral-controller")), p(Ns, this, h(Ms, this).querySelector("#vindral-message")), p(Ps, this, h(Ms, this).querySelector("#play-overlay")), p(Fs, this, h(Ms, this).querySelector("#center-overlay"));
+		}), f(this, zs, () => {
+			h(J, this).connect(), h(js, this).setAttribute("hidden", ""), m(Y, this, qs).call(this), h(J, this).focus();
+		}), p(ks, this, this.attachShadow({ mode: "open" })), m(Y, this, Hs).call(this), p(J, this, h(ks, this).querySelector("vindral-controller")), p(As, this, h(ks, this).querySelector("#vindral-message")), p(js, this, h(ks, this).querySelector("#play-overlay")), p(Ms, this, h(ks, this).querySelector("#center-overlay"));
 	}
 	connectedCallback() {
-		this.setAttribute(q.OFFLINE, ""), h(J, this).addEventListener("vindral-instance-ready", h(Vs, this)), m(Y, this, Ks).call(this);
+		this.setAttribute(q.OFFLINE, ""), h(J, this).addEventListener("vindral-instance-ready", h(Rs, this)), m(Y, this, Us).call(this);
 	}
 	disconnectedCallback() {
 		var e;
-		h(J, this).removeEventListener("vindral-instance-ready", h(Vs, this)), h(Ps, this).removeEventListener("click", h(Hs, this)), (e = h(Is, this)) == null || e.stop();
+		h(J, this).removeEventListener("vindral-instance-ready", h(Rs, this)), h(js, this).removeEventListener("click", h(zs, this)), (e = h(Ns, this)) == null || e.stop();
 	}
 	attributeChangedCallback(e, t, n) {
-		if (t !== n) if (e === g.MEDIA || e === q.ADVANCED_RENDITION_MENU_ENABLED) m(Y, this, Gs).call(this);
+		if (t !== n) if (e === g.MEDIA || e === q.ADVANCED_RENDITION_MENU_ENABLED) m(Y, this, Hs).call(this);
 		else if (e === q.REFRESH_POSTER_ENABLED) {
-			let e = h(Ms, this).querySelector("vindral-poster-overlay");
+			let e = h(ks, this).querySelector("vindral-poster-overlay");
 			e && (e.disabled = b(this.getAttribute(q.REFRESH_POSTER_ENABLED), !1) === !1);
-		} else h(zs, this).call(this, e, n);
+		} else h(Is, this).call(this, e, n);
 	}
 	get instance() {
 		return h(J, this).instance;
@@ -3709,64 +3708,64 @@ var ws = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
 		h(J, this).timelineMarkers = e;
 	}
 };
-function Ws() {
+function Vs() {
 	let e = xe(this.getAttribute(g.MEDIA)), t = b(this.getAttribute(q.ADVANCED_RENDITION_MENU_ENABLED), !1);
-	return e === "audio" ? As : ks(t);
+	return e === "audio" ? Ds : Es(t);
 }
-function Gs() {
-	let e = h(Ms, this).hasChildNodes(), t = e ? h(J, this) : void 0, n = e ? h(Ps, this) : void 0;
-	this.isConnected && t && t.removeEventListener("vindral-instance-ready", h(Vs, this)), this.isConnected && n && h(Is, this) && n.removeEventListener("click", h(Hs, this)), js.innerHTML = m(Y, this, Ws).call(this);
-	let r = js.content.cloneNode(!0);
-	p(J, this, r.querySelector("vindral-controller")), p(Ns, this, r.querySelector("#vindral-message")), p(Ps, this, r.querySelector("#play-overlay")), p(Fs, this, r.querySelector("#center-overlay")), h(Bs, this).call(this), h(Ls, this).forEach((e) => {
+function Hs() {
+	let e = h(ks, this).hasChildNodes(), t = e ? h(J, this) : void 0, n = e ? h(js, this) : void 0;
+	this.isConnected && t && t.removeEventListener("vindral-instance-ready", h(Rs, this)), this.isConnected && n && h(Ns, this) && n.removeEventListener("click", h(zs, this)), Os.innerHTML = m(Y, this, Vs).call(this);
+	let r = Os.content.cloneNode(!0);
+	p(J, this, r.querySelector("vindral-controller")), p(As, this, r.querySelector("#vindral-message")), p(js, this, r.querySelector("#play-overlay")), p(Ms, this, r.querySelector("#center-overlay")), h(Ls, this).call(this), h(Ps, this).forEach((e) => {
 		h(J, this).appendChild(e);
-	}), h(Rs, this).call(this), h(Ms, this).innerHTML = "", h(Ms, this).appendChild(r), this.isConnected && (h(J, this).addEventListener("vindral-instance-ready", h(Vs, this)), h(Is, this) && h(Ps, this).addEventListener("click", h(Hs, this)));
+	}), h(Fs, this).call(this), h(ks, this).innerHTML = "", h(ks, this).appendChild(r), this.isConnected && (h(J, this).addEventListener("vindral-instance-ready", h(Rs, this)), h(Ns, this) && h(js, this).addEventListener("click", h(zs, this)));
 }
-function Ks() {
+function Us() {
 	var e;
 	if (b(this.getAttribute(q.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, ""), m(Y, this, Ys).call(this, "Invalid options", "Please enter a channel id to start the stream");
+		this.setAttribute(q.OFFLINE, ""), m(Y, this, Ks).call(this, "Invalid options", "Please enter a channel id to start the stream");
 		return;
 	}
-	p(Is, this, new ys({
+	p(Ns, this, new gs({
 		url: t,
 		channelId: n,
 		authenticationToken: r,
 		infiniteReconnect: i
-	})), h(Is, this).on("live", (e) => {
-		h(J, this).connect(), this.removeAttribute("offline"), m(Y, this, Xs).call(this), m(Y, this, qs).call(this, e);
-	}), h(Is, this).on("timeout", () => {
-		m(Y, this, Xs).call(this), h(Ps, this).removeAttribute("hidden");
-	}), h(Is, this).on("error", (e) => {
-		this.setAttribute(q.OFFLINE, ""), m(Y, this, Ys).call(this, e.title, e.message);
-	}), h(Ps, this).addEventListener("click", h(Hs, this)), this.hasAttribute("paused") && h(Is, this).start();
-}
-function qs(e) {
+	})), h(Ns, this).on("live", (e) => {
+		h(J, this).connect(), this.removeAttribute("offline"), m(Y, this, qs).call(this), m(Y, this, Ws).call(this, e);
+	}), h(Ns, this).on("timeout", () => {
+		m(Y, this, qs).call(this), h(js, this).removeAttribute("hidden");
+	}), h(Ns, this).on("error", (e) => {
+		this.setAttribute(q.OFFLINE, ""), m(Y, this, Ks).call(this, e.title, e.message);
+	}), h(js, this).addEventListener("click", h(zs, this)), this.hasAttribute("paused") && h(Ns, this).start();
+}
+function Ws(e) {
 	var t, n, r;
 	let i = ve(this.getAttribute("title"), !1);
 	i && Me({
 		title: typeof i == "string" ? i : e.name,
-		poster: (t = (n = m(Y, this, Js).call(this)) == null ? (r = this.instance) == null ? void 0 : r.getThumbnailUrl() : n) == null ? e.thumbnailUrls[0] : t
+		poster: (t = (n = m(Y, this, Gs).call(this)) == null ? (r = this.instance) == null ? void 0 : r.getThumbnailUrl() : n) == null ? e.thumbnailUrls[0] : t
 	});
 }
-function Js() {
+function Gs() {
 	let e = ve(this.getAttribute("poster"));
 	return _(e) ? e : void 0;
 }
-function Ys(e, t) {
-	h(Ns, this).setAttribute("title", e), h(Ns, this).setAttribute("description", t), h(Ns, this).removeAttribute("hidden");
-	let n = m(Y, this, Js).call(this);
-	n ? h(Fs, this).setAttribute("poster", n) : h(Fs, this).removeAttribute("poster"), h(Fs, this).setAttribute("backdrop", "");
+function Ks(e, t) {
+	h(As, this).setAttribute("title", e), h(As, this).setAttribute("description", t), h(As, this).removeAttribute("hidden");
+	let n = m(Y, this, Gs).call(this);
+	n ? h(Ms, this).setAttribute("poster", n) : h(Ms, this).removeAttribute("poster"), h(Ms, this).setAttribute("backdrop", "");
 }
-function Xs() {
-	h(Ns, this).setAttribute("hidden", ""), h(Fs, this).removeAttribute("backdrop");
+function qs() {
+	h(As, this).setAttribute("hidden", ""), h(Ms, this).removeAttribute("backdrop");
 }
-e(Us, "observedAttributes", [...Oa.observedAttributes, ...us]);
+e(Bs, "observedAttributes", [...Ta.observedAttributes, ...ss]);
 //#endregion
 //#region ../../libs/player-next/src/components/PosterOverlay.ts
-var Zs = document.createElement("template");
-Zs.innerHTML = `
+var Js = document.createElement("template");
+Js.innerHTML = `
   <style>
     :host {
       display: var(--poster-overlay-display);
@@ -3801,26 +3800,26 @@ Zs.innerHTML = `
     }
   </style>
 `;
-var Qs = 6e3, $s = /* @__PURE__ */ new WeakMap(), ec = /* @__PURE__ */ new WeakMap(), tc = /* @__PURE__ */ new WeakMap(), nc = /* @__PURE__ */ new WeakMap(), rc = /* @__PURE__ */ new WeakSet(), ic = /* @__PURE__ */ new WeakMap(), ac = class extends HTMLElement {
+var Ys = 6e3, Xs = /* @__PURE__ */ new WeakMap(), Zs = /* @__PURE__ */ new WeakMap(), Qs = /* @__PURE__ */ new WeakMap(), $s = /* @__PURE__ */ new WeakMap(), ec = /* @__PURE__ */ new WeakSet(), tc = /* @__PURE__ */ new WeakMap(), nc = class extends HTMLElement {
 	constructor() {
-		super(), S(this, rc), f(this, $s, null), f(this, ec, null), f(this, tc, null), f(this, nc, () => {
-			!document.hidden && this.hasAttribute("intersecting") && this.paused && !this.disabled ? m(rc, this, oc).call(this) : m(rc, this, sc).call(this);
-		}), f(this, ic, (e) => {
+		super(), S(this, ec), f(this, Xs, null), f(this, Zs, null), f(this, Qs, null), f(this, $s, () => {
+			!document.hidden && this.hasAttribute("intersecting") && this.paused && !this.disabled ? m(ec, this, rc).call(this) : m(ec, this, ic).call(this);
+		}), f(this, tc, (e) => {
 			e.forEach((e) => {
 				e.isIntersecting ? this.setAttribute("intersecting", "") : this.removeAttribute("intersecting");
 			});
-		}), this.attachShadow({ mode: "open" }).appendChild(Zs.content.cloneNode(!0));
+		}), this.attachShadow({ mode: "open" }).appendChild(Js.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		var e;
-		p($s, this, this.closest("vindral-controller")), (e = h($s, this)) == null || e.connectListener(this), document.addEventListener("visibilitychange", h(nc, this)), p(tc, this, new IntersectionObserver(h(ic, this))), h(tc, this).observe(this);
+		p(Xs, this, this.closest("vindral-controller")), (e = h(Xs, this)) == null || e.connectListener(this), document.addEventListener("visibilitychange", h($s, this)), p(Qs, this, new IntersectionObserver(h(tc, this))), h(Qs, this).observe(this);
 	}
 	disconnectedCallback() {
 		var e, t;
-		(e = h($s, this)) == null || e.disconnectListener(this), document.removeEventListener("visibilitychange", h(nc, this)), (t = h(tc, this)) == null || t.disconnect(), p(tc, this, null), m(rc, this, sc).call(this);
+		(e = h(Xs, this)) == null || e.disconnectListener(this), document.removeEventListener("visibilitychange", h($s, this)), (t = h(Qs, this)) == null || t.disconnect(), p(Qs, this, null), m(ec, this, ic).call(this);
 	}
 	attributeChangedCallback(e, t, n) {
-		t !== n && (e === g.POSTER_SRC && this.paused && !this.disabled && m(rc, this, cc).call(this), (e === g.PAUSED || e === "disabled" || e === "intersecting") && h(nc, this).call(this));
+		t !== n && (e === g.POSTER_SRC && this.paused && !this.disabled && m(ec, this, ac).call(this), (e === g.PAUSED || e === "disabled" || e === "intersecting") && h($s, this).call(this));
 	}
 	get disabled() {
 		return this.hasAttribute("disabled");
@@ -3835,18 +3834,18 @@ var Qs = 6e3, $s = /* @__PURE__ */ new WeakMap(), ec = /* @__PURE__ */ new WeakM
 		return this.hasAttribute(g.PAUSED);
 	}
 };
-function oc() {
-	h(ec, this) === null && (m(rc, this, sc).call(this), p(ec, this, window.setInterval(() => m(rc, this, cc).call(this), Qs)));
+function rc() {
+	h(Zs, this) === null && (m(ec, this, ic).call(this), p(Zs, this, window.setInterval(() => m(ec, this, ac).call(this), Ys)));
 }
-function sc() {
-	h(ec, this) !== null && (clearInterval(h(ec, this)), p(ec, this, null)), this.style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAQAAACRI2S5AAAAEElEQVR42mNkIAAYRxWAAQAG9gAKqv6+AwAAAABJRU5ErkJggg==')";
+function ic() {
+	h(Zs, this) !== null && (clearInterval(h(Zs, this)), p(Zs, this, null)), this.style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAQAAACRI2S5AAAAEElEQVR42mNkIAAYRxWAAQAG9gAKqv6+AwAAAABJRU5ErkJggg==')";
 }
-function cc() {
+function ac() {
 	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(ac, "observedAttributes", [
+e(nc, "observedAttributes", [
 	g.POSTER_SRC,
 	g.PAUSED,
 	"disabled",
@@ -3854,70 +3853,70 @@ e(ac, "observedAttributes", [
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/RenditionLevelsMenu.ts
-var lc, uc = "\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", dc = document.createElement("template");
-dc.innerHTML = `
+var oc, sc = "\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", cc = document.createElement("template");
+cc.innerHTML = `
   <style>
     :host {
       display: var(--rendition-menu-display);
     }
   </style>
 
-  <slot name="button">${uc}</slot>
+  <slot name="button">${sc}</slot>
   <slot name="listbox" hidden>
     <vindral-rendition-levels-menu-list id="listbox" part="listbox"></vindral-rendition-levels-menu-list>
   </slot>
 `;
-var fc = /* @__PURE__ */ new WeakSet(), pc = class extends He {
+var lc = /* @__PURE__ */ new WeakSet(), uc = class extends He {
 	constructor() {
 		var e, t, n;
-		super(), S(this, fc), (e = this.shadowRoot) == null || e.appendChild(dc.content.cloneNode(!0)), this.listbox = (t = this.shadowRoot) == null ? void 0 : t.querySelector("[part=listbox]"), this.listboxSlot = (n = this.shadowRoot) == null ? void 0 : n.querySelector("slot[name=listbox]");
+		super(), S(this, lc), (e = this.shadowRoot) == null || e.appendChild(cc.content.cloneNode(!0)), this.listbox = (t = this.shadowRoot) == null ? void 0 : t.querySelector("[part=listbox]"), this.listboxSlot = (n = this.shadowRoot) == null ? void 0 : n.querySelector("slot[name=listbox]");
 	}
 	connectedCallback() {
-		super.connectedCallback(), m(fc, this, mc).call(this), this.setAttribute("aria-label", "Quality");
+		super.connectedCallback(), m(lc, this, dc).call(this), this.setAttribute("aria-label", "Quality");
 	}
 	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), e === g.RENDITION_LEVELS && m(fc, this, mc).call(this);
+		super.attributeChangedCallback(e, t, n), e === g.RENDITION_LEVELS && m(lc, this, dc).call(this);
 	}
 };
-lc = pc;
-function mc() {
+oc = uc;
+function dc() {
 	let e = this.getAttribute(g.RENDITION_LEVELS);
 	!e || e === "[]" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
 }
-e(pc, "observedAttributes", [...y(lc, "observedAttributes", lc), g.RENDITION_LEVELS]);
+e(uc, "observedAttributes", [...y(oc, "observedAttributes", oc), g.RENDITION_LEVELS]);
 //#endregion
 //#region ../../libs/player-next/src/components/RenditionLevelsMenuList.ts
-var hc = document.createElement("template");
-hc.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 gc = /* @__PURE__ */ new WeakMap(), _c = /* @__PURE__ */ new WeakMap(), vc = /* @__PURE__ */ new WeakMap(), yc = /* @__PURE__ */ new WeakMap(), bc = /* @__PURE__ */ new WeakMap(), xc = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakSet(), Sc = class extends HTMLElement {
+var fc = document.createElement("template");
+fc.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 pc = /* @__PURE__ */ new WeakMap(), mc = /* @__PURE__ */ new WeakMap(), hc = /* @__PURE__ */ new WeakMap(), gc = /* @__PURE__ */ new WeakMap(), _c = /* @__PURE__ */ new WeakMap(), vc = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakSet(), yc = class extends HTMLElement {
 	constructor() {
-		super(), S(this, X), f(this, gc, []), f(this, _c, 2 ** 53 - 1), f(this, vc, null), f(this, yc, []), f(this, bc, null), f(this, xc, null), e(this, "handleEvent", (e) => {
+		super(), S(this, X), f(this, pc, []), f(this, mc, 2 ** 53 - 1), f(this, hc, null), f(this, gc, []), f(this, _c, null), f(this, vc, null), e(this, "handleEvent", (e) => {
 			switch (e.type) {
 				case "keydown":
-					m(X, this, Oc).call(this, e);
+					m(X, this, Tc).call(this, e);
 					break;
 			}
-		}), this.attachShadow({ mode: "open" }).appendChild(hc.content.cloneNode(!0));
+		}), this.attachShadow({ mode: "open" }).appendChild(fc.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		let e = this.getRootNode();
 		if (e instanceof ShadowRoot) {
 			var t;
-			p(bc, this, e.host.closest("vindral-controller")), (t = h(bc, this)) == null || t.connectListener(this), m(X, this, Cc).call(this), m(X, this, wc).call(this), p(xc, this, e.host), this.addEventListener("keydown", this);
+			p(_c, this, e.host.closest("vindral-controller")), (t = h(_c, this)) == null || t.connectListener(this), m(X, this, bc).call(this), m(X, this, xc).call(this), p(vc, this, e.host), this.addEventListener("keydown", this);
 		}
 	}
 	disconnectedCallback() {
 		var e;
-		(e = h(bc, this)) == null || e.disconnectListener(this), this.removeEventListener("keydown", this);
+		(e = h(_c, this)) == null || e.disconnectListener(this), this.removeEventListener("keydown", this);
 	}
 	attributeChangedCallback(e, t, n) {
 		t !== n && (e === g.RENDITION_LEVELS && n && (this.list = JSON.parse(n)), e === g.MAX_VIDEO_BITRATE && n && (this.maxVideoBitrate = n ? parseInt(n, 10) : 2 ** 53 - 1));
 	}
 	set list(e) {
-		p(gc, this, e), m(X, this, wc).call(this);
+		p(pc, this, e), m(X, this, xc).call(this);
 	}
 	set maxVideoBitrate(e) {
-		p(_c, this, e), m(X, this, Ec).call(this);
+		p(mc, this, e), m(X, this, Cc).call(this);
 	}
 	get keysUsed() {
 		return [
@@ -3933,10 +3932,10 @@ var gc = /* @__PURE__ */ new WeakMap(), _c = /* @__PURE__ */ new WeakMap(), vc =
 	}
 	focus() {
 		var e;
-		(e = h(vc, this)) == null || e.focus();
+		(e = h(hc, this)) == null || e.focus();
 	}
 };
-function Cc() {
+function bc() {
 	new IntersectionObserver((e) => {
 		e.forEach((e) => {
 			if (e.intersectionRatio !== 1) if (e.intersectionRatio > 0) {
@@ -3945,50 +3944,50 @@ function Cc() {
 			} else this.style.height = "auto";
 		});
 	}, {
-		root: h(bc, this),
+		root: h(_c, this),
 		threshold: 0
 	}).observe(this);
 }
-function wc() {
+function xc() {
 	var e;
 	let t = (e = this.shadowRoot) == null ? void 0 : e.querySelector(".menu");
-	t && (p(yc, this, []), t.innerHTML = "", h(gc, this).sort((e, t) => {
+	t && (p(gc, this, []), t.innerHTML = "", h(pc, 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 = m(X, this, Tc).call(this, (r = e.video) == null ? void 0 : r.frameRate);
+		let ee = m(X, this, Sc).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 = `${he(((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", () => m(X, this, Dc).call(this, e)), h(yc, this).push({
+		d.classList.add("menu-item-subtitle"), d.textContent = `${he(((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", () => m(X, this, wc).call(this, e)), h(gc, this).push({
 			el: u,
 			id: (c = (l = e.video) == null ? void 0 : l.id) == null ? -1 : c
 		}), t.appendChild(u);
-	}), m(X, this, Ec).call(this));
+	}), m(X, this, Cc).call(this));
 }
-function Tc(e) {
+function Sc(e) {
 	return e ? e[0] % e[1] === 0 ? (e[0] / e[1]).toString() : (e[0] / e[1]).toFixed(2) : "";
 }
-function Ec() {
-	h(vc, this) && (h(vc, this).removeAttribute("aria-selected"), h(vc, this).tabIndex = -1);
-	let e = h(gc, this).sort((e, t) => {
+function Cc() {
+	h(hc, this) && (h(hc, this).removeAttribute("aria-selected"), h(hc, this).tabIndex = -1);
+	let e = h(pc, 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 = h(gc, this).filter((e) => {
+	}), t = h(pc, this).filter((e) => {
 		var t;
-		return ((t = e.video) == null ? void 0 : t.bitRate) && e.video.bitRate <= h(_c, this);
+		return ((t = e.video) == null ? void 0 : t.bitRate) && e.video.bitRate <= h(mc, this);
 	})[0] || e[e.length - 1];
 	if (t) {
-		let e = h(yc, this).find((e) => {
+		let e = h(gc, 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"), p(vc, this, e.el));
+		e && (e.el.tabIndex = 0, e.el.setAttribute("aria-selected", "true"), p(hc, this, e.el));
 	}
 }
-function Dc(e) {
+function wc(e) {
 	this.dispatchEvent(new Event("change", {
 		bubbles: !0,
 		composed: !0
@@ -3998,36 +3997,36 @@ function Dc(e) {
 		detail: e
 	}));
 }
-function Oc(e) {
+function Tc(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 = h(xc, this)) == null || a.hide();
+		(a = h(vc, this)) == null || a.hide();
 	} else if (t === "Enter" || t === " ") {
 		var o;
-		(o = m(X, this, Ac).call(this)) == null || (o = o.el) == null || o.click();
-	} else m(X, this, kc).call(this, e);
+		(o = m(X, this, Dc).call(this)) == null || (o = o.el) == null || o.click();
+	} else m(X, this, Ec).call(this, e);
 }
-function kc(e) {
+function Ec(e) {
 	var t;
-	let { key: n } = e, r = h(yc, this), i = (t = m(X, this, Ac).call(this)) == null ? r[0] : t;
+	let { key: n } = e, r = h(gc, this), i = (t = m(X, this, Dc).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 && (m(X, this, jc).call(this, s.id), s.el.focus());
+	s && (m(X, this, Oc).call(this, s.id), s.el.focus());
 }
-function Ac() {
-	return h(yc, this).find((e) => e.el.tabIndex === 0);
+function Dc() {
+	return h(gc, this).find((e) => e.el.tabIndex === 0);
 }
-function jc(e) {
-	for (let t of h(yc, this)) t.el.tabIndex = t.id === e ? 0 : -1;
+function Oc(e) {
+	for (let t of h(gc, this)) t.el.tabIndex = t.id === e ? 0 : -1;
 }
-e(Sc, "observedAttributes", [g.RENDITION_LEVELS, g.MAX_VIDEO_BITRATE]);
+e(yc, "observedAttributes", [g.RENDITION_LEVELS, g.MAX_VIDEO_BITRATE]);
 //#endregion
 //#region ../../libs/player-next/src/components/ScrollOverlay.ts
-var Mc = document.createElement("template");
-Mc.innerHTML = `
+var kc = document.createElement("template");
+kc.innerHTML = `
   <style>
     :host {
       --scroll-overlay-offset: var(--vindral-scroll-overlay-offset, 0px);
@@ -4095,71 +4094,71 @@ Mc.innerHTML = `
   <div id="scroll-area"></div>
   <slot id="content"></slot>
 `;
-var Nc = /* @__PURE__ */ new WeakMap(), Pc = /* @__PURE__ */ new WeakMap(), Fc = /* @__PURE__ */ new WeakMap(), Ic = /* @__PURE__ */ new WeakMap(), Lc = /* @__PURE__ */ new WeakMap(), Rc = /* @__PURE__ */ new WeakMap(), zc = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakSet(), Bc = /* @__PURE__ */ new WeakMap(), Vc = class extends HTMLElement {
+var Ac = /* @__PURE__ */ new WeakMap(), jc = /* @__PURE__ */ new WeakMap(), Mc = /* @__PURE__ */ new WeakMap(), Nc = /* @__PURE__ */ new WeakMap(), Pc = /* @__PURE__ */ new WeakMap(), Fc = /* @__PURE__ */ new WeakMap(), Ic = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakSet(), Lc = /* @__PURE__ */ new WeakMap(), Rc = class extends HTMLElement {
 	constructor() {
-		super(), S(this, Z), f(this, Nc, null), f(this, Pc, null), f(this, Fc, !1), f(this, Ic, !1), f(this, Lc, !1), f(this, Rc, () => {
+		super(), S(this, Z), f(this, Ac, null), f(this, jc, null), f(this, Mc, !1), f(this, Nc, !1), f(this, Pc, !1), f(this, Fc, () => {
 			this.open && (this.open = !1);
-		}), f(this, zc, null), e(this, "handleEvent", (e) => {
+		}), f(this, Ic, null), e(this, "handleEvent", (e) => {
 			switch (e.type) {
 				case "touchstart":
-					m(Z, this, Uc).call(this, e);
+					m(Z, this, Bc).call(this, e);
 					break;
 				case "touchmove":
-					m(Z, this, Wc).call(this, e);
+					m(Z, this, Vc).call(this, e);
 					break;
 				case "touchend":
-					m(Z, this, Gc).call(this, e);
+					m(Z, this, Hc).call(this, e);
 					break;
 			}
-		}), f(this, Bc, () => {
-			let e = h(Lc, this);
+		}), f(this, Lc, () => {
+			let e = h(Pc, this);
 			if (this.scrollTop === 0) {
-				m(Z, this, $c).call(this, e);
+				m(Z, this, Xc).call(this, e);
 				return;
 			}
-			if (!e && !m(Z, this, Kc).call(this)) {
-				m(Z, this, Zc).call(this), m(Z, this, $c).call(this);
+			if (!e && !m(Z, this, Uc).call(this)) {
+				m(Z, this, Jc).call(this), m(Z, this, Xc).call(this);
 				return;
 			}
-			!this.visible && this.scrollTop > 0 && !h(Fc, this) ? m(Z, this, el).call(this) : !h(Fc, this) && m(Z, this, Jc).call(this) && (this.open || (this.open = !0), e && !this.hasAttribute("snap-touch") && this.setAttribute("snap-touch", ""));
-		}), this.attachShadow({ mode: "open" }).appendChild(Mc.content.cloneNode(!0));
+			!this.visible && this.scrollTop > 0 && !h(Mc, this) ? m(Z, this, Zc).call(this) : !h(Mc, this) && m(Z, this, Gc).call(this) && (this.open || (this.open = !0), e && !this.hasAttribute("snap-touch") && this.setAttribute("snap-touch", ""));
+		}), this.attachShadow({ mode: "open" }).appendChild(kc.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		let e = this.getRootNode();
 		if (e instanceof Document || e instanceof ShadowRoot) {
 			var t, n, r;
-			p(Nc, this, e.querySelector("vindral-controller")), (t = h(Nc, this)) == null || t.connectListener(this), p(Pc, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#scroll-area")), (r = h(Pc, this)) == null || r.addEventListener("click", h(Rc, this));
+			p(Ac, this, e.querySelector("vindral-controller")), (t = h(Ac, this)) == null || t.connectListener(this), p(jc, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#scroll-area")), (r = h(jc, this)) == null || r.addEventListener("click", h(Fc, this));
 			let s = this.hasAttribute("touch-enabled");
-			if (p(Lc, this, d() && s), !h(Lc, this)) this.setAttribute("snap", "");
+			if (p(Pc, this, d() && s), !h(Pc, this)) this.setAttribute("snap", "");
 			else {
 				var i, a, o;
-				(i = h(Nc, this)) == null || i.addEventListener("touchstart", this, { passive: !0 }), (a = h(Nc, this)) == null || a.addEventListener("touchmove", this, { passive: !1 }), (o = h(Nc, this)) == null || o.addEventListener("touchend", this, { passive: !0 });
+				(i = h(Ac, this)) == null || i.addEventListener("touchstart", this, { passive: !0 }), (a = h(Ac, this)) == null || a.addEventListener("touchmove", this, { passive: !1 }), (o = h(Ac, this)) == null || o.addEventListener("touchend", this, { passive: !0 });
 			}
-			this.addEventListener("scroll", h(Bc, this));
+			this.addEventListener("scroll", h(Lc, this));
 		}
 	}
 	disconnectedCallback() {
 		var e, t, n, r, i;
-		(e = h(Pc, this)) == null || e.removeEventListener("click", h(Rc, this)), this.removeEventListener("scroll", h(Bc, this)), (t = h(Nc, this)) == null || t.removeEventListener("touchstart", this), (n = h(Nc, this)) == null || n.removeEventListener("touchmove", this), (r = h(Nc, this)) == null || r.removeEventListener("touchend", this), (i = h(Nc, this)) == null || i.disconnectListener(this);
+		(e = h(jc, this)) == null || e.removeEventListener("click", h(Fc, this)), this.removeEventListener("scroll", h(Lc, this)), (t = h(Ac, this)) == null || t.removeEventListener("touchstart", this), (n = h(Ac, this)) == null || n.removeEventListener("touchmove", this), (r = h(Ac, this)) == null || r.removeEventListener("touchend", this), (i = h(Ac, this)) == null || i.disconnectListener(this);
 	}
 	attributeChangedCallback(e, t, n) {
-		if (t !== n && (e === g.USER_INTERACTING && n === null && m(Z, this, qc).call(this) && setTimeout(() => {
+		if (t !== n && (e === g.USER_INTERACTING && n === null && m(Z, this, Wc).call(this) && setTimeout(() => {
 			this.open = !1;
 		}, 300), e === "open")) if (n !== null) {
 			var r;
-			p(Fc, this, !1), this.scrollTop > 0 && m(Z, this, el).call(this), this.scrollTo({
-				top: (r = h(Pc, this)) == null ? void 0 : r.clientHeight,
+			p(Mc, this, !1), this.scrollTop > 0 && m(Z, this, Zc).call(this), this.scrollTo({
+				top: (r = h(jc, this)) == null ? void 0 : r.clientHeight,
 				behavior: "smooth"
 			});
-		} else m(Z, this, Qc).call(this);
+		} else m(Z, this, Yc).call(this);
 	}
 	set open(e) {
 		if (e) {
 			this.setAttribute("open", "");
 			return;
 		}
-		let t = this.hasAttribute("open"), n = this.visible || m(Z, this, qc).call(this);
-		t ? this.removeAttribute("open") : n ? m(Z, this, Qc).call(this) : (p(Fc, this, !1), this.removeAttribute("snap-touch"));
+		let t = this.hasAttribute("open"), n = this.visible || m(Z, this, Wc).call(this);
+		t ? this.removeAttribute("open") : n ? m(Z, this, Yc).call(this) : (p(Mc, this, !1), this.removeAttribute("snap-touch"));
 	}
 	get open() {
 		return this.hasAttribute("open");
@@ -4171,78 +4170,78 @@ var Nc = /* @__PURE__ */ new WeakMap(), Pc = /* @__PURE__ */ new WeakMap(), Fc =
 		return this.hasAttribute("visible");
 	}
 };
-function Hc() {
-	return m(Z, this, Kc).call(this) || m(Z, this, Xc).call(this) || m(Z, this, qc).call(this);
+function zc() {
+	return m(Z, this, Uc).call(this) || m(Z, this, qc).call(this) || m(Z, this, Wc).call(this);
 }
-function Uc(e) {
+function Bc(e) {
 	let t = e.touches[0];
-	t && (p(Ic, this, m(Z, this, Hc).call(this)), h(Ic, this) && (p(Fc, this, !1), p(zc, this, t.clientY)));
+	t && (p(Nc, this, m(Z, this, zc).call(this)), h(Nc, this) && (p(Mc, this, !1), p(Ic, this, t.clientY)));
 }
-function Wc(e) {
-	if (!(!h(Ic, this) || h(zc, this) === null || this.hasAttribute("snap-touch") && this.open) && (e.preventDefault(), e.touches[0])) {
-		let t = e.touches[0].clientY, n = h(zc, this) - t;
+function Vc(e) {
+	if (!(!h(Nc, this) || h(Ic, this) === null || this.hasAttribute("snap-touch") && this.open) && (e.preventDefault(), e.touches[0])) {
+		let t = e.touches[0].clientY, n = h(Ic, this) - t;
 		this.scrollTop = Math.max(0, n);
 	}
 }
-function Gc(e) {
-	h(Ic, this) && !h(Fc, this) && m(Z, this, qc).call(this) && (!this.hasAttribute("snap-touch") || !this.open) && (this.open = !0), p(zc, this, null), p(Ic, this, !1);
+function Hc(e) {
+	h(Nc, this) && !h(Mc, this) && m(Z, this, Wc).call(this) && (!this.hasAttribute("snap-touch") || !this.open) && (this.open = !0), p(Ic, this, null), p(Nc, this, !1);
 }
-function Kc() {
+function Uc() {
 	return this.hasAttribute(g.USER_INTERACTING);
 }
-function qc() {
+function Wc() {
 	return this.scrollTop > 0;
 }
-function Jc() {
+function Gc() {
 	var e;
-	return Math.round(this.scrollTop) === this.scrollHeight - this.clientHeight || Math.round(this.scrollTop) === ((e = h(Pc, this)) == null ? void 0 : e.clientHeight);
+	return Math.round(this.scrollTop) === this.scrollHeight - this.clientHeight || Math.round(this.scrollTop) === ((e = h(jc, this)) == null ? void 0 : e.clientHeight);
 }
-function Yc() {
+function Kc() {
 	var e;
-	let t = (e = h(Pc, this)) == null ? void 0 : e.clientHeight;
+	let t = (e = h(jc, this)) == null ? void 0 : e.clientHeight;
 	return !t || this.clientHeight <= 0 ? 0 : Math.max(this.clientHeight - t, 0);
 }
-function Xc() {
+function qc() {
 	let e = getComputedStyle(this), t = Number.parseFloat(e.getPropertyValue("--vindral-scroll-overlay-offset"));
-	return Number.isNaN(t) ? m(Z, this, Yc).call(this) > 0 : t > 0;
+	return Number.isNaN(t) ? m(Z, this, Kc).call(this) > 0 : t > 0;
 }
-function Zc() {
+function Jc() {
 	let e = this.style.scrollBehavior;
 	this.style.scrollBehavior = "auto", this.scrollTo({
 		top: 0,
 		behavior: "auto"
 	}), this.style.scrollBehavior = e;
 }
-function Qc() {
-	p(Fc, this, !0), this.removeAttribute("snap-touch"), m(Z, this, tl).call(this), this.scrollTo({
+function Yc() {
+	p(Mc, this, !0), this.removeAttribute("snap-touch"), m(Z, this, Qc).call(this), this.scrollTo({
 		top: 0,
 		behavior: "smooth"
 	});
 }
-function $c(e = !1) {
-	this.open = !1, e && this.removeAttribute("snap-touch"), p(Fc, this, !1), m(Z, this, tl).call(this);
+function Xc(e = !1) {
+	this.open = !1, e && this.removeAttribute("snap-touch"), p(Mc, this, !1), m(Z, this, Qc).call(this);
 }
-function el() {
+function Zc() {
 	this.visible || (this.visible = !0, this.dispatchEvent(new CustomEvent(x.LOCK_UI, {
 		bubbles: !0,
 		composed: !0
 	})));
 }
-function tl() {
+function Qc() {
 	this.visible && (this.visible = !1, this.dispatchEvent(new CustomEvent(x.UNLOCK_UI, {
 		bubbles: !0,
 		composed: !0
 	})));
 }
-e(Vc, "observedAttributes", [
+e(Rc, "observedAttributes", [
 	g.USER_INTERACTING,
 	"open",
 	"touch-enabled"
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/SeekBar.ts
-var nl = 1e3, rl = 8, il = document.createElement("template");
-il.innerHTML = `
+var $c = 1e3, el = 8, tl = document.createElement("template");
+tl.innerHTML = `
   <style>
     :host {
       --buffered: 0;
@@ -4317,53 +4316,53 @@ il.innerHTML = `
   <div id="markers"></div>
   <div id="time-tooltip"></div>
 `;
-var Q = /* @__PURE__ */ new WeakMap(), 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 = /* @__PURE__ */ new WeakMap(), fl = /* @__PURE__ */ new WeakMap(), pl = /* @__PURE__ */ new WeakMap(), ml = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakSet(), hl = /* @__PURE__ */ new WeakMap(), gl = /* @__PURE__ */ new WeakMap(), _l = /* @__PURE__ */ new WeakMap(), vl = /* @__PURE__ */ new WeakMap(), yl = /* @__PURE__ */ new WeakMap(), bl = /* @__PURE__ */ new WeakMap(), xl = class extends Ci {
+var Q = /* @__PURE__ */ new WeakMap(), nl = /* @__PURE__ */ new WeakMap(), rl = /* @__PURE__ */ new WeakMap(), il = /* @__PURE__ */ new WeakMap(), al = /* @__PURE__ */ new WeakMap(), ol = /* @__PURE__ */ new WeakMap(), sl = /* @__PURE__ */ new WeakMap(), cl = /* @__PURE__ */ new WeakMap(), ll = /* @__PURE__ */ new WeakMap(), ul = /* @__PURE__ */ new WeakMap(), dl = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakSet(), fl = /* @__PURE__ */ new WeakMap(), pl = /* @__PURE__ */ new WeakMap(), ml = /* @__PURE__ */ new WeakMap(), hl = /* @__PURE__ */ new WeakMap(), gl = /* @__PURE__ */ new WeakMap(), _l = /* @__PURE__ */ new WeakMap(), vl = class extends bi {
 	constructor() {
 		var e, t, n, r;
-		super(), S(this, $), f(this, Q, void 0), f(this, al, void 0), f(this, ol, void 0), f(this, sl, void 0), f(this, cl, []), f(this, ll, null), f(this, ul, !1), f(this, dl, null), f(this, fl, null), f(this, pl, !1), f(this, ml, !1), f(this, hl, (e) => {
-			if (!m($, this, wl).call(this) || m($, this, Tl).call(this)) {
+		super(), S(this, $), f(this, Q, void 0), f(this, nl, void 0), f(this, rl, void 0), f(this, il, void 0), f(this, al, []), f(this, ol, null), f(this, sl, !1), f(this, cl, null), f(this, ll, null), f(this, ul, !1), f(this, dl, !1), f(this, fl, (e) => {
+			if (!m($, this, xl).call(this) || m($, this, Sl).call(this)) {
 				e.preventDefault();
 				return;
 			}
-			p(ul, this, !0), p(fl, this, e.pointerId);
+			p(sl, this, !0), p(ll, this, e.pointerId);
 			try {
 				this.setPointerCapture(e.pointerId);
 			} catch (e) {}
-			m($, this, Nl).call(this, e);
-		}), f(this, gl, (e) => {
-			if (!(!m($, this, wl).call(this) || m($, this, Tl).call(this))) {
-				if (h(dl, this) && (cancelAnimationFrame(h(dl, this)), p(dl, this, null)), h(ul, this) && e.pointerId === h(fl, this)) {
-					e.preventDefault(), m($, this, Nl).call(this, e);
+			m($, this, Al).call(this, e);
+		}), f(this, pl, (e) => {
+			if (!(!m($, this, xl).call(this) || m($, this, Sl).call(this))) {
+				if (h(cl, this) && (cancelAnimationFrame(h(cl, this)), p(cl, this, null)), h(sl, this) && e.pointerId === h(ll, this)) {
+					e.preventDefault(), m($, this, Al).call(this, e);
 					return;
 				}
-				p(dl, this, requestAnimationFrame(() => {
+				p(cl, this, requestAnimationFrame(() => {
 					var t;
-					if (e.pointerType !== "mouse" || h(ul, this) || !this.duration) {
-						h(ol, this).style.opacity = "0", p(dl, this, null);
+					if (e.pointerType !== "mouse" || h(sl, this) || !this.duration) {
+						h(rl, this).style.opacity = "0", p(cl, this, null);
 						return;
 					}
-					let n = m($, this, Ml).call(this, e.clientX), r = m($, this, Al).call(this, n), i = (t = r == null ? void 0 : r.position) == null ? n : t;
-					if (m($, this, Fl).call(this, i, r), i > this.range.valueAsNumber) {
+					let n = m($, this, kl).call(this, e.clientX), r = m($, this, Dl).call(this, n), i = (t = r == null ? void 0 : r.position) == null ? n : t;
+					if (m($, this, Ml).call(this, i, r), i > this.range.valueAsNumber) {
 						let e = this.range.valueAsNumber * 100, t = (i - this.range.valueAsNumber) * 100;
-						h(ol, this).style.transform = `translateX(${e}%) scaleX(${t / 100})`, h(ol, this).style.opacity = "1";
-					} else h(ol, this).style.opacity = "0";
-					p(dl, this, null);
+						h(rl, this).style.transform = `translateX(${e}%) scaleX(${t / 100})`, h(rl, this).style.opacity = "1";
+					} else h(rl, this).style.opacity = "0";
+					p(cl, this, null);
 				}));
 			}
-		}), f(this, _l, (e) => {
-			if (e.pointerId === h(fl, this)) {
+		}), f(this, ml, (e) => {
+			if (e.pointerId === h(ll, this)) {
 				try {
 					this.releasePointerCapture(e.pointerId);
 				} catch (e) {}
-				p(ul, this, !1), p(fl, this, null), e.pointerType !== "mouse" && (h(al, this).style.opacity = "0"), h(ml, this) && m($, this, Rl).call(this) && (p(pl, this, !1), p(ml, this, !1));
+				p(sl, this, !1), p(ll, this, null), e.pointerType !== "mouse" && (h(nl, this).style.opacity = "0"), h(dl, this) && m($, this, Fl).call(this) && (p(ul, this, !1), p(dl, this, !1));
 			}
-		}), f(this, vl, () => {
-			this.duration && !m($, this, Tl).call(this) && (h(al, this).style.opacity = "1");
-		}), f(this, yl, () => {
-			h(al, this).style.opacity = "0", h(ol, this).style.opacity = "0";
-		}), f(this, bl, (e) => {
-			if (m($, this, Tl).call(this) || !h(Q, this) || h(Q, this) <= 0 || !Number.isFinite(h(Q, this))) return;
-			let t = m($, this, Sl).call(this);
+		}), f(this, hl, () => {
+			this.duration && !m($, this, Sl).call(this) && (h(nl, this).style.opacity = "1");
+		}), f(this, gl, () => {
+			h(nl, this).style.opacity = "0", h(rl, this).style.opacity = "0";
+		}), f(this, _l, (e) => {
+			if (m($, this, Sl).call(this) || !h(Q, this) || h(Q, this) <= 0 || !Number.isFinite(h(Q, this))) return;
+			let t = m($, this, yl).call(this);
 			if (t <= 0) return;
 			let n = this.range.valueAsNumber * t, r = n;
 			switch (e.preventDefault(), e.key) {
@@ -4371,46 +4370,46 @@ var Q = /* @__PURE__ */ new WeakMap(), al = /* @__PURE__ */ new WeakMap(), ol =
 					r = Math.max(0, n - 5);
 					break;
 				case "ArrowRight":
-					if (m($, this, Rl).call(this)) return;
+					if (m($, this, Fl).call(this)) return;
 					r = Math.min(t, n + 5);
 					break;
 				case "Home":
 					r = 0;
 					break;
 				case "End":
-					if (m($, this, Rl).call(this)) return;
+					if (m($, this, Fl).call(this)) return;
 					r = t;
 					break;
 				default: return;
 			}
 			let i = Math.min(r / t, 1);
-			m($, this, Pl).call(this, i);
-		}), (e = this.shadowRoot) == null || e.appendChild(il.content.cloneNode(!0)), p(al, this, (t = this.shadowRoot) == null ? void 0 : t.getElementById("time-tooltip")), p(ol, this, (n = this.shadowRoot) == null ? void 0 : n.getElementById("hover-preview")), p(sl, this, (r = this.shadowRoot) == null ? void 0 : r.getElementById("markers")), this.addEventListener("pointerdown", h(hl, this)), this.addEventListener("pointermove", h(gl, this)), this.addEventListener("pointerup", h(_l, this)), this.addEventListener("pointercancel", h(_l, this)), this.addEventListener("mouseenter", h(vl, this)), this.addEventListener("mouseleave", h(yl, this));
+			m($, this, jl).call(this, i);
+		}), (e = this.shadowRoot) == null || e.appendChild(tl.content.cloneNode(!0)), p(nl, this, (t = this.shadowRoot) == null ? void 0 : t.getElementById("time-tooltip")), p(rl, this, (n = this.shadowRoot) == null ? void 0 : n.getElementById("hover-preview")), p(il, this, (r = this.shadowRoot) == null ? void 0 : r.getElementById("markers")), this.addEventListener("pointerdown", h(fl, this)), this.addEventListener("pointermove", h(pl, this)), this.addEventListener("pointerup", h(ml, this)), this.addEventListener("pointercancel", h(ml, this)), this.addEventListener("mouseenter", h(hl, this)), this.addEventListener("mouseleave", h(gl, this));
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.setAttribute("aria-label", "Seek video position"), this.setAttribute("role", "slider"), m($, this, jl).call(this), this.addEventListener("keydown", h(bl, this)), m($, this, Rl).call(this) && (this.range.value = "1", m($, this, jl).call(this)), m($, this, El).call(this), m($, this, Ol).call(this);
+		super.connectedCallback(), this.setAttribute("aria-label", "Seek video position"), this.setAttribute("role", "slider"), m($, this, Ol).call(this), this.addEventListener("keydown", h(_l, this)), m($, this, Fl).call(this) && (this.range.value = "1", m($, this, Ol).call(this)), m($, this, Cl).call(this), m($, this, Tl).call(this);
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), m($, this, kl).call(this), this.removeEventListener("pointerdown", h(hl, this)), this.removeEventListener("pointermove", h(gl, this)), this.removeEventListener("pointerup", h(_l, this)), this.removeEventListener("pointercancel", h(_l, this)), this.removeEventListener("mouseenter", h(vl, this)), this.removeEventListener("mouseleave", h(yl, this)), this.removeEventListener("keydown", h(bl, this)), p(fl, this, null);
+		super.disconnectedCallback(), m($, this, El).call(this), this.removeEventListener("pointerdown", h(fl, this)), this.removeEventListener("pointermove", h(pl, this)), this.removeEventListener("pointerup", h(ml, this)), this.removeEventListener("pointercancel", h(ml, this)), this.removeEventListener("mouseenter", h(hl, this)), this.removeEventListener("mouseleave", h(gl, this)), this.removeEventListener("keydown", h(_l, this)), p(ll, this, null);
 	}
 	attributeChangedCallback(e, t, n) {
 		if (super.attributeChangedCallback(e, t, n), t !== n) switch (e) {
 			case g.TIMESHIFT_POSITION:
-				if (m($, this, Rl).call(this)) {
-					h(ul, this) ? p(ml, this, !0) : (p(pl, this, !1), p(ml, this, !1)), this.range.value = "1", m($, this, jl).call(this);
+				if (m($, this, Fl).call(this)) {
+					h(sl, this) ? p(dl, this, !0) : (p(ul, this, !1), p(dl, this, !1)), this.range.value = "1", m($, this, Ol).call(this);
 					return;
 				}
 				if (h(Q, this)) {
-					p(ml, this, !1);
+					p(dl, this, !1);
 					let e = Math.max(parseFloat(n) / h(Q, this), 0);
-					this.range.value = e.toString(), m($, this, jl).call(this);
+					this.range.value = e.toString(), m($, this, Ol).call(this);
 				}
 				break;
 			case g.DURATION:
-				p(Q, this, parseFloat(n) || 0), m($, this, jl).call(this), m($, this, El).call(this), m($, this, Ol).call(this);
+				p(Q, this, parseFloat(n) || 0), m($, this, Ol).call(this), m($, this, Cl).call(this), m($, this, Tl).call(this);
 				break;
 			case g.TIMELINE_MARKERS:
-				p(cl, this, Br(n)), m($, this, El).call(this), m($, this, Ol).call(this);
+				p(al, this, Lr(n)), m($, this, Cl).call(this), m($, this, Tl).call(this);
 				break;
 		}
 	}
@@ -4428,54 +4427,54 @@ var Q = /* @__PURE__ */ new WeakMap(), al = /* @__PURE__ */ new WeakMap(), ol =
 		this.setAttribute(g.DURATION, e.toString());
 	}
 };
-function Sl() {
+function yl() {
 	return h(Q, this) ? h(Q, this) : 1;
 }
-function Cl() {
+function bl() {
 	let e = h(Q, this);
 	return e !== void 0 && e > 0 && Number.isFinite(e) ? e : void 0;
 }
-function wl() {
-	return m($, this, Cl).call(this) !== void 0;
+function xl() {
+	return m($, this, bl).call(this) !== void 0;
 }
-function Tl() {
-	return h(pl, this);
+function Sl() {
+	return h(ul, this);
 }
-function El() {
+function Cl() {
 	var e;
-	let t = Date.now(), n = (e = h(Q, this)) == null ? 0 : e, r = h(sl, this).children, i = 0;
-	for (let e of h(cl, this)) {
-		let a = Vr(e.time, t, n);
+	let t = Date.now(), n = (e = h(Q, this)) == null ? 0 : e, r = h(il, this).children, i = 0;
+	for (let e of h(al, this)) {
+		let a = Rr(e.time, t, n);
 		if (a === null) continue;
 		let o = r[i];
-		o || (o = document.createElement("div"), o.className = "marker", h(sl, 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", h(il, 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 (; h(sl, this).children.length > i;) {
+	for (; h(il, this).children.length > i;) {
 		var a;
-		(a = h(sl, this).lastElementChild) == null || a.remove();
+		(a = h(il, this).lastElementChild) == null || a.remove();
 	}
 }
-function Dl() {
-	let e = m($, this, Cl).call(this);
+function wl() {
+	let e = m($, this, bl).call(this);
 	if (e === void 0) return !1;
 	let t = Date.now() - e * 1e3;
-	return h(cl, this).some((e) => e.time >= t);
+	return h(al, this).some((e) => e.time >= t);
 }
-function Ol() {
-	this.isConnected && m($, this, Dl).call(this) ? h(ll, this) === null && p(ll, this, window.setInterval(() => {
-		m($, this, El).call(this), m($, this, Ol).call(this);
-	}, nl)) : m($, this, kl).call(this);
+function Tl() {
+	this.isConnected && m($, this, wl).call(this) ? h(ol, this) === null && p(ol, this, window.setInterval(() => {
+		m($, this, Cl).call(this), m($, this, Tl).call(this);
+	}, $c)) : m($, this, El).call(this);
 }
-function kl() {
-	h(ll, this) !== null && (window.clearInterval(h(ll, this)), p(ll, this, null));
+function El() {
+	h(ol, this) !== null && (window.clearInterval(h(ol, this)), p(ol, this, null));
 }
-function Al(e) {
-	if (h(cl, this).length === 0 || !h(Q, this)) return null;
+function Dl(e) {
+	if (h(al, this).length === 0 || !h(Q, this)) return null;
 	let t = this.getBoundingClientRect().width;
 	if (!t) return null;
-	let n = rl / t, r = Date.now(), i = null;
-	for (let t of h(cl, this)) {
-		let a = Vr(t.time, r, h(Q, this));
+	let n = el / t, r = Date.now(), i = null;
+	for (let t of h(al, this)) {
+		let a = Rr(t.time, r, h(Q, this));
 		if (a === null) continue;
 		let o = Math.abs(a - e);
 		o > n || (!i || o < Math.abs(i.position - e)) && (i = {
@@ -4485,59 +4484,59 @@ function Al(e) {
 	}
 	return i;
 }
-function jl() {
-	let e = m($, this, Sl).call(this);
-	!h(Q, this) || h(Q, this) <= 0 || !Number.isFinite(h(Q, this)) ? this.setAttribute("data-no-duration", "") : this.removeAttribute("data-no-duration"), h(ul, this) || (this.updateBar(), this.setAttribute("aria-valuetext", `${m($, this, zl).call(this, this.range.valueAsNumber * e)} of ${m($, this, zl).call(this, e)}`), !h(ul, this) && !m($, this, Tl).call(this) && m($, this, Ll).call(this, this.range.valueAsNumber));
+function Ol() {
+	let e = m($, this, yl).call(this);
+	!h(Q, this) || h(Q, this) <= 0 || !Number.isFinite(h(Q, this)) ? this.setAttribute("data-no-duration", "") : this.removeAttribute("data-no-duration"), h(sl, this) || (this.updateBar(), this.setAttribute("aria-valuetext", `${m($, this, Il).call(this, this.range.valueAsNumber * e)} of ${m($, this, Il).call(this, e)}`), !h(sl, this) && !m($, this, Sl).call(this) && m($, this, Pl).call(this, this.range.valueAsNumber));
 }
-function Ml(e) {
+function kl(e) {
 	let t = this.getBoundingClientRect(), n = (e - t.left) / t.width;
 	return Math.max(0, Math.min(1, n));
 }
-function Nl(e) {
+function Al(e) {
 	var t;
-	let n = m($, this, Ml).call(this, e.clientX), r = m($, this, Al).call(this, n), i = (t = r == null ? void 0 : r.position) == null ? n : t;
-	m($, this, Fl).call(this, i, r), h(ul, this) || (h(al, this).style.opacity = "1"), m($, this, Pl).call(this, i);
+	let n = m($, this, kl).call(this, e.clientX), r = m($, this, Dl).call(this, n), i = (t = r == null ? void 0 : r.position) == null ? n : t;
+	m($, this, Ml).call(this, i, r), h(sl, this) || (h(nl, this).style.opacity = "1"), m($, this, jl).call(this, i);
 }
-function Pl(e) {
-	if (m($, this, Tl).call(this) || m($, this, Ll).call(this, e)) return;
-	let t = e * m($, this, Sl).call(this);
-	this.range.value = e.toString(), this.updateBar(), m($, this, Il).call(this, t);
+function jl(e) {
+	if (m($, this, Sl).call(this) || m($, this, Pl).call(this, e)) return;
+	let t = e * m($, this, yl).call(this);
+	this.range.value = e.toString(), this.updateBar(), m($, this, Nl).call(this, t);
 }
-function Fl(e, t) {
+function Ml(e, t) {
 	if (!h(Q, this) || !Number.isFinite(h(Q, this))) return;
-	let n = e * h(Q, this), r = h(Q, this) - n, i = `-${m($, this, zl).call(this, r)}`;
-	h(al, this).textContent = t ? `${t.marker.label}: ${i}` : i, h(al, this).style.left = `${Math.min(Math.max(e * 100, 2), 98)}%`;
+	let n = e * h(Q, this), r = h(Q, this) - n, i = `-${m($, this, Il).call(this, r)}`;
+	h(nl, this).textContent = t ? `${t.marker.label}: ${i}` : i, h(nl, this).style.left = `${Math.min(Math.max(e * 100, 2), 98)}%`;
 }
-function Il(e) {
+function Nl(e) {
 	this.dispatchEvent(new CustomEvent("seek", {
 		bubbles: !0,
 		composed: !0,
 		detail: e
 	}));
 }
-function Ll(e) {
-	return h(pl, this) || m($, this, Rl).call(this) || e < .999 ? !1 : (p(pl, this, !0), p(ml, this, !1), this.dispatchEvent(new CustomEvent(x.GO_LIVE, {
+function Pl(e) {
+	return h(ul, this) || m($, this, Fl).call(this) || e < .999 ? !1 : (p(ul, this, !0), p(dl, this, !1), this.dispatchEvent(new CustomEvent(x.GO_LIVE, {
 		bubbles: !0,
 		composed: !0
 	})), !0);
 }
-function Rl() {
+function Fl() {
 	return !this.hasAttribute(g.TIMESHIFT_POSITION);
 }
-function zl(e) {
+function Il(e) {
 	let t = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), r = Math.floor(e % 60);
 	return h(Q, this) && h(Q, this) >= 3600 ? `${t}:${n.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}` : `${n}:${r.toString().padStart(2, "0")}`;
 }
-e(xl, "observedAttributes", [
-	...Ci.observedAttributes,
+e(vl, "observedAttributes", [
+	...bi.observedAttributes,
 	g.TIMESHIFT_POSITION,
 	g.DURATION,
 	g.TIMELINE_MARKERS
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/UserInputPlayOverlay.ts
-var Bl = document.createElement("template");
-Bl.innerHTML = `
+var Ll = document.createElement("template");
+Ll.innerHTML = `
   <style>
     :host {
       display: var(--play-overlay-display);
@@ -4597,51 +4596,51 @@ Bl.innerHTML = `
 </slot>
   </slot>
 `;
-var Vl = /* @__PURE__ */ new WeakMap(), Hl = /* @__PURE__ */ new WeakMap(), Ul = /* @__PURE__ */ new WeakMap(), Wl = /* @__PURE__ */ new WeakMap(), Gl = class extends HTMLElement {
+var Rl = /* @__PURE__ */ new WeakMap(), zl = /* @__PURE__ */ new WeakMap(), Bl = /* @__PURE__ */ new WeakMap(), Vl = /* @__PURE__ */ new WeakMap(), Hl = class extends HTMLElement {
 	constructor() {
-		super(), f(this, Vl, null), f(this, Hl, () => {
+		super(), f(this, Rl, null), f(this, zl, () => {
 			this.dispatchEvent(new CustomEvent(x.REQUEST_USER_INPUT, {
 				bubbles: !0,
 				composed: !0
 			}));
-		}), f(this, Ul, (e) => {
+		}), f(this, Bl, (e) => {
 			let { key: t } = e;
 			if (!this.keysUsed.includes(t)) {
-				this.removeEventListener("keyup", h(Ul, this));
+				this.removeEventListener("keyup", h(Bl, this));
 				return;
 			}
 			this.dispatchEvent(new CustomEvent(x.REQUEST_USER_INPUT, {
 				bubbles: !0,
 				composed: !0
 			}));
-		}), f(this, Wl, (e) => {
+		}), f(this, Vl, (e) => {
 			let { metaKey: t, altKey: n, key: r } = e;
 			if (t || n || !this.keysUsed.includes(r)) {
-				this.removeEventListener("keyup", h(Ul, this));
+				this.removeEventListener("keyup", h(Bl, this));
 				return;
 			}
-			this.addEventListener("keyup", h(Ul, this), { once: !0 });
-		}), this.attachShadow({ mode: "open" }).appendChild(Bl.content.cloneNode(!0));
+			this.addEventListener("keyup", h(Bl, this), { once: !0 });
+		}), this.attachShadow({ mode: "open" }).appendChild(Ll.content.cloneNode(!0));
 	}
 	get keysUsed() {
 		return ["Enter", " "];
 	}
 	connectedCallback() {
 		var e;
-		p(Vl, this, this.closest("vindral-controller")), (e = h(Vl, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.enable();
+		p(Rl, this, this.closest("vindral-controller")), (e = h(Rl, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.enable();
 	}
 	enable() {
-		this.addEventListener("click", h(Hl, this)), this.addEventListener("keydown", h(Wl, this)), this.tabIndex = 0;
+		this.addEventListener("click", h(zl, this)), this.addEventListener("keydown", h(Vl, this)), this.tabIndex = 0;
 	}
 	disable() {
-		this.removeEventListener("click", h(Hl, this)), this.removeEventListener("keydown", h(Wl, this)), this.removeEventListener("keyup", h(Ul, this)), this.tabIndex = -1;
+		this.removeEventListener("click", h(zl, this)), this.removeEventListener("keydown", h(Vl, this)), this.removeEventListener("keyup", h(Bl, this)), this.tabIndex = -1;
 	}
 	disconnectedCallback() {
 		var e;
-		(e = h(Vl, this)) == null || e.disconnectListener(this), this.disable();
+		(e = h(Rl, this)) == null || e.disconnectListener(this), this.disable();
 	}
 };
-e(Gl, "observedAttributes", [
+e(Hl, "observedAttributes", [
 	"hidden",
 	g.NEEDS_USER_INPUT_VIDEO,
 	g.NEEDS_USER_INPUT_AUDIO,
@@ -4649,68 +4648,68 @@ e(Gl, "observedAttributes", [
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/VindralCenterOverlay.ts
-var Kl = document.createElement("template");
-Kl.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 ql = class extends HTMLElement {
+var Ul = document.createElement("template");
+Ul.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 Wl = class extends HTMLElement {
 	constructor() {
-		super(), this.attachShadow({ mode: "open" }).appendChild(Kl.content.cloneNode(!0));
+		super(), this.attachShadow({ mode: "open" }).appendChild(Ul.content.cloneNode(!0));
 	}
 	attributeChangedCallback(e, t, n) {
 		t !== n && e === "poster" && this.style.setProperty("--_backdrop-image", n ? `url("${n}")` : "none");
 	}
 };
-e(ql, "observedAttributes", [
+e(Wl, "observedAttributes", [
 	"backdrop",
 	"poster",
 	"disable-backdrop"
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/VindralMessage.ts
-var Jl = document.createElement("template");
-Jl.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 Yl = /* @__PURE__ */ new WeakMap(), Xl = /* @__PURE__ */ new WeakMap(), Zl = class extends HTMLElement {
+var Gl = document.createElement("template");
+Gl.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 Kl = /* @__PURE__ */ new WeakMap(), ql = /* @__PURE__ */ new WeakMap(), Jl = class extends HTMLElement {
 	constructor() {
-		super(), f(this, Yl, void 0), f(this, Xl, void 0);
+		super(), f(this, Kl, void 0), f(this, ql, void 0);
 		let e = this.attachShadow({ mode: "open" });
-		e.appendChild(Jl.content.cloneNode(!0)), p(Yl, this, e.querySelector("#title")), p(Xl, this, e.querySelector("#description"));
+		e.appendChild(Gl.content.cloneNode(!0)), p(Kl, this, e.querySelector("#title")), p(ql, 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" ? h(Yl, this).textContent = n : e === "description" && (h(Xl, this).textContent = n));
+		t !== n && (e === "title" ? h(Kl, this).textContent = n : e === "description" && (h(ql, this).textContent = n));
 	}
 };
-e(Zl, "observedAttributes", [
+e(Jl, "observedAttributes", [
 	"title",
 	"description",
 	"hidden"
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/VindralPlayOverlay.ts
-var Ql = document.createElement("template");
-Ql.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 $l = /* @__PURE__ */ new WeakMap(), eu = class extends HTMLElement {
+var Yl = document.createElement("template");
+Yl.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 Xl = /* @__PURE__ */ new WeakMap(), Zl = class extends HTMLElement {
 	constructor() {
-		super(), f(this, $l, null), this.attachShadow({ mode: "open" }).appendChild(Ql.content.cloneNode(!0));
+		super(), f(this, Xl, null), this.attachShadow({ mode: "open" }).appendChild(Yl.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		var e;
-		p($l, this, this.closest("vindral-controller")), (e = h($l, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.tabIndex = 0;
+		p(Xl, this, this.closest("vindral-controller")), (e = h(Xl, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.tabIndex = 0;
 	}
 	disconnectedCallback() {
 		var e;
-		(e = h($l, this)) == null || e.disconnectListener(this);
+		(e = h(Xl, this)) == null || e.disconnectListener(this);
 	}
 	attributeChangedCallback(e, t, n) {
 		t !== n && e === "hidden" && !_(n) && this.focus();
 	}
 };
-e(eu, "observedAttributes", ["hidden"]);
+e(Zl, "observedAttributes", ["hidden"]);
 //#endregion
 //#region ../../libs/player-next/src/components/VolumeRange.ts
-var tu, nu = "Volume", ru = document.createElement("template");
-ru.innerHTML = `
+var Ql, $l = "Volume", eu = document.createElement("template");
+eu.innerHTML = `
   <style>
     :host {
       display: var(--volume-range-display);
@@ -4735,29 +4734,29 @@ ru.innerHTML = `
       transition-delay: 0s;
     }
   </style>
-  <span class="tooltip" aria-hidden="true">${nu}</span>
+  <span class="tooltip" aria-hidden="true">${$l}</span>
 `;
-var iu = (e) => `${Math.round(e * 100)}%`, au = /* @__PURE__ */ new WeakMap(), ou = /* @__PURE__ */ new WeakMap(), su = /* @__PURE__ */ new WeakMap(), cu = class extends Ci {
+var tu = (e) => `${Math.round(e * 100)}%`, nu = /* @__PURE__ */ new WeakMap(), ru = /* @__PURE__ */ new WeakMap(), iu = /* @__PURE__ */ new WeakMap(), au = class extends bi {
 	constructor() {
 		var e, t;
-		super(), f(this, au, void 0), f(this, ou, void 0), f(this, su, () => {
+		super(), f(this, nu, void 0), f(this, ru, void 0), f(this, iu, () => {
 			let e = this.range.valueAsNumber;
 			this.dispatchEvent(new CustomEvent(x.SET_VOLUME, {
 				bubbles: !0,
 				composed: !0,
 				detail: e
 			}));
-		}), (e = this.shadowRoot) == null || e.appendChild(ru.content.cloneNode(!0)), p(au, this, (t = this.shadowRoot) == null ? void 0 : t.querySelector(".tooltip"));
+		}), (e = this.shadowRoot) == null || e.appendChild(eu.content.cloneNode(!0)), p(nu, this, (t = this.shadowRoot) == null ? void 0 : t.querySelector(".tooltip"));
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.range.addEventListener("input", h(su, this)), this.range.setAttribute("aria-label", nu), p(ou, this, De(this, h(au, this)));
+		super.connectedCallback(), this.range.addEventListener("input", h(iu, this)), this.range.setAttribute("aria-label", $l), p(ru, this, De(this, h(nu, this)));
 	}
 	disconnectedCallback() {
 		var e;
-		super.disconnectedCallback(), this.range.removeEventListener("input", h(su, this)), (e = h(ou, this)) == null || e.call(this);
+		super.disconnectedCallback(), this.range.removeEventListener("input", h(iu, this)), (e = h(ru, this)) == null || e.call(this);
 	}
 	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), (e === g.MUTED || e === g.VOLUME) && (this.range.valueAsNumber = this.muted ? 0 : parseFloat(this.volume), this.range.setAttribute("aria-valuetext", iu(this.range.valueAsNumber)), this.updateBar());
+		super.attributeChangedCallback(e, t, n), (e === g.MUTED || e === g.VOLUME) && (this.range.valueAsNumber = this.muted ? 0 : parseFloat(this.volume), this.range.setAttribute("aria-valuetext", tu(this.range.valueAsNumber)), this.updateBar());
 	}
 	get volume() {
 		var e;
@@ -4767,15 +4766,15 @@ var iu = (e) => `${Math.round(e * 100)}%`, au = /* @__PURE__ */ new WeakMap(), o
 		return this.hasAttribute(g.MUTED);
 	}
 };
-tu = cu, e(cu, "observedAttributes", [
-	...y(tu, "observedAttributes", tu),
+Ql = au, e(au, "observedAttributes", [
+	...y(Ql, "observedAttributes", Ql),
 	g.MUTED,
 	g.VOLUME
 ]);
 //#endregion
 //#region ../../libs/player-next/src/registerComponents.ts
-function lu() {
-	customElements.define("vindral-controller", Oa), customElements.define("vindral-control-bar", Vn), customElements.define("vindral-advanced-rendition-menu", Ye), customElements.define("vindral-advanced-rendition-menu-list", ct), customElements.define("vindral-play-button", ls), customElements.define("vindral-mute-button", rs), customElements.define("vindral-buffering-overlay", Ft), customElements.define("vindral-scroll-overlay", Vc), customElements.define("vindral-play-overlay", eu), customElements.define("vindral-user-input-play-overlay", Gl), customElements.define("vindral-fullscreen-button", yo), customElements.define("vindral-rendition-levels-menu", pc), customElements.define("vindral-rendition-levels-menu-list", Sc), customElements.define("vindral-channel-grid-button", Pn), customElements.define("vindral-channel-grid", on), customElements.define("vindral-channel-grid-item", Yt), customElements.define("vindral-pip-button", os), customElements.define("vindral-airplay-button", Ot), customElements.define("vindral-cast-button", zt), customElements.define("vindral-cast-overlay", Gt), customElements.define("vindral-buffering-icon", Mt), customElements.define("vindral-language-menu", wo), customElements.define("vindral-language-menu-list", Ro), customElements.define("vindral-center-overlay", ql), customElements.define("vindral-message", Zl), customElements.define("vindral-volume-range", cu), customElements.define("vindral-poster-overlay", ac), customElements.define("vindral-player", Us), customElements.define("vindral-seek-bar", xl), customElements.define("vindral-live-button", es);
+function ou() {
+	customElements.define("vindral-controller", Ta), customElements.define("vindral-control-bar", Vn), customElements.define("vindral-advanced-rendition-menu", Ye), customElements.define("vindral-advanced-rendition-menu-list", ct), customElements.define("vindral-play-button", os), customElements.define("vindral-mute-button", es), customElements.define("vindral-buffering-overlay", Ft), customElements.define("vindral-scroll-overlay", Rc), customElements.define("vindral-play-overlay", Zl), customElements.define("vindral-user-input-play-overlay", Hl), customElements.define("vindral-fullscreen-button", go), customElements.define("vindral-rendition-levels-menu", uc), customElements.define("vindral-rendition-levels-menu-list", yc), customElements.define("vindral-channel-grid-button", Pn), customElements.define("vindral-channel-grid", on), customElements.define("vindral-channel-grid-item", Yt), customElements.define("vindral-pip-button", rs), customElements.define("vindral-airplay-button", Ot), customElements.define("vindral-cast-button", zt), customElements.define("vindral-cast-overlay", Gt), customElements.define("vindral-buffering-icon", Mt), customElements.define("vindral-language-menu", xo), customElements.define("vindral-language-menu-list", Fo), customElements.define("vindral-center-overlay", Wl), customElements.define("vindral-message", Jl), customElements.define("vindral-volume-range", au), customElements.define("vindral-poster-overlay", nc), customElements.define("vindral-player", Bs), customElements.define("vindral-seek-bar", vl), customElements.define("vindral-live-button", Zo);
 }
 //#endregion
-export { lu as t };
+export { ou as t };