@vindral/web-sdk 4.5.1-9-gb7e40eb2c → 4.6.0

package/{DZ1kJVLj.js → BV8nX-0b.js}

@@ -1,6 +1,6 @@
 import { n as e, t } from "./BsfwXDui.js";
-import { _ as n, a as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as ee, n as d, o as te, p as ne, r as re, s as ie, t as ae, u as oe, v as se } from "./Cj61-Cjf.js";
-import { P as ce } from "./CiWlpwR0.js";
+import { _ as n, a as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as ee, n as d, o as te, p as ne, r as re, s as ie, t as ae, u as oe, v as se } from "./CN8w7_en.js";
+import { F as ce } from "./BBVSf5AB.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 "./BOdyvABa.js";
 import { n as fe, r as pe } from "./B1PhBNUa.js";
@@ -9,11 +9,18 @@ import { t as S } from "./94-sTJd8.js";
 import { t as Oe } from "./xYchr7Lz.js";
 //#region ../../libs/utils/src/mediaMetadata.ts
 var ke = ({ title: e, subTitle: t = "Live stream", poster: n }) => {
-	document.title = e, "mediaSession" in navigator && (navigator.mediaSession.metadata = new MediaMetadata({
-		title: e,
-		artist: t,
-		artwork: n ? [{ src: n }] : []
-	}));
+	if (document.title = e, "mediaSession" in navigator) try {
+		navigator.mediaSession.metadata = new MediaMetadata({
+			title: e,
+			artist: t,
+			artwork: n ? [{ src: n }] : []
+		});
+	} catch (n) {
+		navigator.mediaSession.metadata = new MediaMetadata({
+			title: e,
+			artist: t
+		});
+	}
 }, Ae = (e) => e === "mse" || e === "webcodecs" || e === "wasm";
 function je(e) {
 	if (e === null || e === "auto") return;
@@ -934,48 +941,48 @@ Dn.innerHTML = `
   </style>
   <slot name="button">${En}</slot>
 `;
-var On = /* @__PURE__ */ new WeakMap(), O = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), kn = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakSet(), An = class extends y {
+var On = /* @__PURE__ */ new WeakMap(), O = /* @__PURE__ */ new WeakMap(), kn = /* @__PURE__ */ new WeakMap(), An = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakSet(), jn = class extends y {
 	constructor() {
 		var e, t;
-		super(), S(this, A), f(this, On, void 0), f(this, O, void 0), f(this, k, void 0), f(this, kn, (e) => {
-			e.composedPath().includes(this) || m(A, this, Nn).call(this);
+		super(), S(this, k), f(this, On, void 0), f(this, O, void 0), f(this, kn, void 0), f(this, An, (e) => {
+			e.composedPath().includes(this) || m(k, this, Pn).call(this);
 		}), (e = this.shadowRoot) == null || e.appendChild(Dn.content.cloneNode(!0)), p(On, this, (t = this.shadowRoot) == null ? void 0 : t.querySelector("slot[name=button]"));
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.setAttribute("aria-haspopup", "listbox"), this.enable(), m(A, this, Pn).call(this);
+		super.connectedCallback(), this.setAttribute("aria-haspopup", "listbox"), this.enable(), m(k, this, Fn).call(this);
 		let e = this.getRootNode();
 		if (e instanceof Document || e instanceof ShadowRoot) {
 			var t;
-			p(O, this, e.querySelector("vindral-channel-grid")), ((t = h(O, this).parentElement) == null ? void 0 : t.localName) === "vindral-scroll-overlay" && (h(O, this).hidden = !1, h(O, this).style.position = "relative", p(k, this, h(O, this).parentElement));
+			p(O, this, e.querySelector("vindral-channel-grid")), ((t = h(O, this).parentElement) == null ? void 0 : t.localName) === "vindral-scroll-overlay" && (h(O, this).hidden = !1, h(O, this).style.position = "relative", p(kn, this, h(O, this).parentElement));
 		}
-		m(A, this, Fn).call(this);
+		m(k, this, In).call(this);
 	}
 	disconnectedCallback() {}
 	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), (e === g.CHANNEL_GROUP_ID || e === g.CHANNELS) && m(A, this, Pn).call(this);
+		super.attributeChangedCallback(e, t, n), (e === g.CHANNEL_GROUP_ID || e === g.CHANNELS) && m(k, this, Fn).call(this);
 	}
 	enable() {
-		super.enable(), document.addEventListener("click", h(kn, this));
+		super.enable(), document.addEventListener("click", h(An, this));
 	}
 	handleClick(e) {
-		m(A, this, jn).call(this);
+		m(k, this, Mn).call(this);
 	}
 	get isOpen() {
 		var e;
-		return h(k, this) ? h(k, this).hasAttribute("open") : !((e = h(O, this)) != null && e.hidden);
+		return h(kn, this) ? h(kn, this).hasAttribute("open") : !((e = h(O, this)) != null && e.hidden);
 	}
 };
-Tn = An;
-function jn() {
-	if (h(k, this)) h(k, this).hasAttribute("open") ? m(A, this, Nn).call(this) : m(A, this, Mn).call(this);
+Tn = jn;
+function Mn() {
+	if (h(kn, this)) h(kn, this).hasAttribute("open") ? m(k, this, Pn).call(this) : m(k, this, Nn).call(this);
 	else {
 		var e;
-		(e = h(O, this)) != null && e.hidden ? m(A, this, Mn).call(this) : m(A, this, Nn).call(this);
+		(e = h(O, this)) != null && e.hidden ? m(k, this, Nn).call(this) : m(k, this, Pn).call(this);
 	}
-	m(A, this, Fn).call(this);
+	m(k, this, In).call(this);
 }
-function Mn() {
-	if (h(k, this)) h(k, this).setAttribute("open", "");
+function Nn() {
+	if (h(kn, this)) h(kn, this).setAttribute("open", "");
 	else {
 		var e;
 		if (!((e = h(O, this)) != null && e.hidden)) return;
@@ -983,21 +990,21 @@ function Mn() {
 	}
 	h(On, this).setAttribute("aria-expanded", "true");
 }
-function Nn() {
-	if (h(k, this)) h(k, this).open = !1;
+function Pn() {
+	if (h(kn, this)) h(kn, this).open = !1;
 	else {
 		if (!h(O, this) || h(O, this).hidden) return;
 		h(O, this).hidden = !0;
 	}
 	h(On, this).setAttribute("aria-expanded", "false");
 }
-function Pn() {
+function Fn() {
 	this.getAttribute(g.CHANNEL_GROUP_ID) ? this.removeAttribute("hidden") : this.setAttribute("hidden", ""), this.hasAttribute(g.CHANNELS) ? this.removeAttribute("disabled") : this.setAttribute("disabled", "");
 }
-function Fn() {
+function In() {
 	this.setAttribute("aria-label", this.isOpen ? "Exit grid" : "Enter grid");
 }
-e(An, "observedAttributes", [
+e(jn, "observedAttributes", [
 	...b(Tn, "observedAttributes", Tn),
 	g.CHANNEL_GROUP_ID,
 	g.CHANNELS,
@@ -1005,19 +1012,19 @@ e(An, "observedAttributes", [
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/ControlBar.ts
-var In = document.createElement("template");
-In.innerHTML = "\n  <style>\n    :host {\n      display: flex;\n      width: 100%;\n      align-items: center;\n    }\n\n    slot {\n      display: flex;\n      flex-grow: 1;\n      align-items: center;\n    }\n\n    :host([content-center]) slot {\n      justify-content: center;\n    }\n\n    slot[name=\"right\"] {\n      justify-content: flex-end;\n    }\n  </style>\n\n  <slot name=\"bar\">\n    <slot></slot>\n    <slot name=\"right\"></slot>\n  </slot>\n";
-var Ln = class extends HTMLElement {
+var Ln = document.createElement("template");
+Ln.innerHTML = "\n  <style>\n    :host {\n      display: flex;\n      width: 100%;\n      align-items: center;\n    }\n\n    slot {\n      display: flex;\n      flex-grow: 1;\n      align-items: center;\n    }\n\n    :host([content-center]) slot {\n      justify-content: center;\n    }\n\n    slot[name=\"right\"] {\n      justify-content: flex-end;\n    }\n  </style>\n\n  <slot name=\"bar\">\n    <slot></slot>\n    <slot name=\"right\"></slot>\n  </slot>\n";
+var Rn = class extends HTMLElement {
 	constructor() {
-		super(), this.attachShadow({ mode: "open" }).appendChild(In.content.cloneNode(!0));
+		super(), this.attachShadow({ mode: "open" }).appendChild(Ln.content.cloneNode(!0));
 	}
 	connectedCallback() {}
 	disconnectedCallback() {}
 };
-e(Ln, "observedAttributes", []);
+e(Rn, "observedAttributes", []);
 //#endregion
 //#region ../../libs/airplay-sender/src/AirPlaySender.ts
-var Rn = class extends pe {
+var zn = class extends pe {
 	constructor(t) {
 		super(), e(this, "config", void 0), e(this, "hlsUrl", void 0), e(this, "element", void 0), e(this, "connectingTimeout", void 0), e(this, "castingAvailable", !1), e(this, "updateAuthenticationToken", (e) => {
 			this.config.authenticationToken = e, this.hlsUrl = this.getHlsUrl(), this.castingAvailable && (this.element.src = this.hlsUrl);
@@ -1064,43 +1071,43 @@ var Rn = class extends pe {
 			}
 		})();
 	}
-}, zn = 28, Bn = ["::cue", "::-webkit-media-text-track-display"];
-function Vn(e) {
+}, Bn = 28, Vn = ["::cue", "::-webkit-media-text-track-display"];
+function Hn(e) {
 	let t = e.styleSheets[0];
 	if (!t) return [];
 	try {
-		return Array.from(t.cssRules).filter((e) => e instanceof CSSStyleRule && Bn.some((t) => e.selectorText.endsWith(t)));
+		return Array.from(t.cssRules).filter((e) => e instanceof CSSStyleRule && Vn.some((t) => e.selectorText.endsWith(t)));
 	} catch (e) {
 		return [];
 	}
 }
-var Hn = /* @__PURE__ */ new WeakMap(), Un = /* @__PURE__ */ new WeakMap(), Wn = /* @__PURE__ */ new WeakMap(), Gn = /* @__PURE__ */ new WeakMap(), Kn = /* @__PURE__ */ new WeakMap(), qn = /* @__PURE__ */ new WeakMap(), Jn = class {
+var Un = /* @__PURE__ */ new WeakMap(), Wn = /* @__PURE__ */ new WeakMap(), Gn = /* @__PURE__ */ new WeakMap(), Kn = /* @__PURE__ */ new WeakMap(), qn = /* @__PURE__ */ new WeakMap(), Jn = /* @__PURE__ */ new WeakMap(), Yn = class {
 	constructor(t) {
-		f(this, Hn, void 0), f(this, Un, null), f(this, Wn, null), f(this, Gn, null), f(this, Kn, !0), e(this, "observe", (e) => {
-			h(Gn, this) || (p(Gn, this, e), window.ResizeObserver && (p(Un, this, new ResizeObserver(() => h(qn, this).call(this))), h(Un, this).observe(e)));
+		f(this, Un, void 0), f(this, Wn, null), f(this, Gn, null), f(this, Kn, null), f(this, qn, !0), e(this, "observe", (e) => {
+			h(Kn, this) || (p(Kn, this, e), window.ResizeObserver && (p(Wn, this, new ResizeObserver(() => h(Jn, this).call(this))), h(Wn, this).observe(e)));
 		}), e(this, "setEnabled", (e) => {
-			if (h(Kn, this) !== e) {
-				if (p(Kn, this, e), p(Wn, this, null), e) {
-					h(qn, this).call(this);
+			if (h(qn, this) !== e) {
+				if (p(qn, this, e), p(Gn, this, null), e) {
+					h(Jn, this).call(this);
 					return;
 				}
-				for (let e of h(Hn, this)) e.style.removeProperty("font-size");
+				for (let e of h(Un, this)) e.style.removeProperty("font-size");
 			}
 		}), e(this, "unload", () => {
 			var e;
-			(e = h(Un, this)) == null || e.disconnect(), p(Un, this, null), p(Gn, this, null), p(Kn, this, !0);
-		}), f(this, qn, () => {
-			if (!h(Kn, this) || h(Hn, this).length === 0 || !h(Gn, this)) return;
-			let { clientWidth: e, clientHeight: t } = h(Gn, this);
+			(e = h(Wn, this)) == null || e.disconnect(), p(Wn, this, null), p(Kn, this, null), p(qn, this, !0);
+		}), f(this, Jn, () => {
+			if (!h(qn, this) || h(Un, this).length === 0 || !h(Kn, this)) return;
+			let { clientWidth: e, clientHeight: t } = h(Kn, this);
 			if (e <= 0 || t <= 0) return;
-			let n = d(e, t, { max: zn });
-			if (n !== h(Wn, this)) {
-				p(Wn, this, n);
-				for (let e of h(Hn, this)) e.style.fontSize = n;
+			let n = d(e, t, { max: Bn });
+			if (n !== h(Gn, this)) {
+				p(Gn, this, n);
+				for (let e of h(Un, this)) e.style.fontSize = n;
 			}
-		}), p(Hn, this, Vn(t));
+		}), p(Un, this, Hn(t));
 	}
-}, Yn = class n extends pe {
+}, Xn = class n extends pe {
 	constructor(r) {
 		var a;
 		super(), a = this, e(this, "container", void 0), e(this, "unload", () => {
@@ -1131,35 +1138,35 @@ var Hn = /* @__PURE__ */ new WeakMap(), Un = /* @__PURE__ */ new WeakMap(), Wn =
 		return () => Promise.resolve();
 	}
 };
-e(Yn, "isFullscreenApiSupported", (e) => u(e));
+e(Xn, "isFullscreenApiSupported", (e) => u(e));
 //#endregion
 //#region ../../libs/player-next/src/PictureInPicture.ts
-var Xn = /* @__PURE__ */ new WeakMap(), Zn = /* @__PURE__ */ new WeakMap(), Qn = /* @__PURE__ */ new WeakMap(), $n = /* @__PURE__ */ new WeakMap(), er = /* @__PURE__ */ new WeakMap(), tr = /* @__PURE__ */ new WeakMap(), nr = /* @__PURE__ */ new WeakMap(), rr = /* @__PURE__ */ new WeakMap(), ir = class extends pe {
+var Zn = /* @__PURE__ */ new WeakMap(), Qn = /* @__PURE__ */ new WeakMap(), $n = /* @__PURE__ */ new WeakMap(), er = /* @__PURE__ */ new WeakMap(), tr = /* @__PURE__ */ new WeakMap(), nr = /* @__PURE__ */ new WeakMap(), rr = /* @__PURE__ */ new WeakMap(), ir = /* @__PURE__ */ new WeakMap(), ar = class extends pe {
 	constructor(n) {
 		var r;
 		super(), r = this, e(this, "unload", () => {
 			this.element.removeEventListener("enterpictureinpicture", this.onChange), this.element.removeEventListener("leavepictureinpicture", this.onChange), this.element.removeEventListener("webkitpresentationmodechanged", this.onChange), o(this.element, !1);
 		}), e(this, "request", t(function* () {
 			try {
-				return yield h(Xn, r).call(r);
+				return yield h(Zn, r).call(r);
 			} catch (e) {
 				throw r.onChange(), e;
 			}
 		})), e(this, "exit", t(function* () {
 			try {
-				return yield h(Zn, r).call(r);
+				return yield h(Qn, r).call(r);
 			} catch (e) {
 				throw r.onChange(), e;
 			}
 		})), e(this, "onChange", () => {
 			this.emit("on picture in picture change", this.isPictureInPictureActive());
-		}), e(this, "isPictureInPictureActive", () => this.isWebkitPresentationModeActive() || h(tr, this).call(this)), e(this, "isSupported", () => h(rr, this).call(this) || h(er, this).call(this)), f(this, Xn, () => h(er, this).call(this) ? h(Qn, this).call(this) : h(rr, this).call(this) ? h(nr, this).call(this, "picture-in-picture") : Promise.resolve()), f(this, Zn, () => this.isPictureInPictureActive() ? h(er, this).call(this) ? h($n, this).call(this) : h(rr, this).call(this) ? h(nr, this).call(this, "inline") : Promise.resolve() : Promise.resolve()), f(this, Qn, t(function* () {
+		}), e(this, "isPictureInPictureActive", () => this.isWebkitPresentationModeActive() || h(nr, this).call(this)), e(this, "isSupported", () => h(ir, this).call(this) || h(tr, this).call(this)), f(this, Zn, () => h(tr, this).call(this) ? h($n, this).call(this) : h(ir, this).call(this) ? h(rr, this).call(this, "picture-in-picture") : Promise.resolve()), f(this, Qn, () => this.isPictureInPictureActive() ? h(tr, this).call(this) ? h(er, this).call(this) : h(ir, this).call(this) ? h(rr, this).call(this, "inline") : Promise.resolve() : Promise.resolve()), f(this, $n, t(function* () {
 			let e = te(r.element);
 			e && (yield e());
-		})), f(this, $n, t(function* () {
+		})), f(this, er, t(function* () {
 			let e = l();
 			e && (yield e());
-		})), f(this, er, () => ee(this.element)), f(this, tr, () => oe()), e(this, "isWebkitPresentationModeActive", () => ie(this.element) === "picture-in-picture"), f(this, nr, (e) => (c(this.element) && ne(this.element, e), Promise.resolve())), f(this, rr, () => c(this.element)), this.element = n, this.element.addEventListener("enterpictureinpicture", this.onChange), this.element.addEventListener("leavepictureinpicture", this.onChange), this.element.addEventListener("webkitpresentationmodechanged", this.onChange), o(this.element, !0);
+		})), f(this, tr, () => ee(this.element)), f(this, nr, () => oe()), e(this, "isWebkitPresentationModeActive", () => ie(this.element) === "picture-in-picture"), f(this, rr, (e) => (c(this.element) && ne(this.element, e), Promise.resolve())), f(this, ir, () => c(this.element)), this.element = n, this.element.addEventListener("enterpictureinpicture", this.onChange), this.element.addEventListener("leavepictureinpicture", this.onChange), this.element.addEventListener("webkitpresentationmodechanged", this.onChange), o(this.element, !0);
 	}
 	get videoElement() {
 		return this.element;
@@ -1167,7 +1174,7 @@ var Xn = /* @__PURE__ */ new WeakMap(), Zn = /* @__PURE__ */ new WeakMap(), Qn =
 };
 //#endregion
 //#region ../../libs/player-next/src/timeshift/firstMediaPlaylistUrl.ts
-function ar(e, t) {
+function or(e, t) {
 	let n = e.split("\n").map((e) => e.trim());
 	for (let e = 0; e < n.length; e++) {
 		var r;
@@ -1179,7 +1186,7 @@ function ar(e, t) {
 }
 //#endregion
 //#region ../../libs/player-next/src/timeshift/parseMediaPlaylistDuration.ts
-function or(e) {
+function sr(e) {
 	let t = 0;
 	for (let n of e.split("\n")) {
 		let e = n.trim().match(/^#EXTINF:([\d.]+)/), r = e != null && e[1] ? Number.parseFloat(e[1]) : NaN;
@@ -1189,90 +1196,90 @@ function or(e) {
 }
 //#endregion
 //#region ../../libs/player-next/src/timeshift/probeTimeshiftDuration.ts
-var sr = 5e3;
-function cr(e, t) {
-	return lr.apply(this, arguments);
+var cr = 5e3;
+function lr(e, t) {
+	return ur.apply(this, arguments);
 }
-function lr() {
-	return lr = t(function* (e, t, n = {}) {
-		let { signal: r, timeoutMs: i = sr } = n, a = new AbortController(), o = () => a.abort();
+function ur() {
+	return ur = t(function* (e, t, n = {}) {
+		let { signal: r, timeoutMs: i = cr } = n, a = new AbortController(), o = () => a.abort();
 		r && (r.aborted ? a.abort() : r.addEventListener("abort", o, { once: !0 }));
 		let s = setTimeout(o, i);
 		try {
 			let n = yield fetch(e, { signal: a.signal });
 			if (!n.ok) return;
-			let r = ar(yield n.text(), e);
+			let r = or(yield n.text(), e);
 			if (!r) return;
 			let i = new URL(r);
 			i.searchParams.set("channelId", t.channelId), i.searchParams.set("from", t.from), t.authToken && i.searchParams.set("authToken", t.authToken);
 			let o = yield fetch(i.toString(), { signal: a.signal });
-			return o.ok ? or(yield o.text()) : void 0;
+			return o.ok ? sr(yield o.text()) : void 0;
 		} catch (e) {
 			return;
 		} finally {
 			clearTimeout(s), r == null || r.removeEventListener("abort", o);
 		}
-	}), lr.apply(this, arguments);
+	}), ur.apply(this, arguments);
 }
 //#endregion
 //#region ../../libs/player-next/src/timeshift/TimeshiftDurationSource.ts
-var ur = /* @__PURE__ */ new WeakMap(), dr = /* @__PURE__ */ new WeakMap(), fr = /* @__PURE__ */ new WeakMap(), pr = /* @__PURE__ */ new WeakMap(), mr = /* @__PURE__ */ new WeakMap(), hr = /* @__PURE__ */ new WeakMap(), gr = /* @__PURE__ */ new WeakMap(), _r = /* @__PURE__ */ new WeakMap(), vr = /* @__PURE__ */ new WeakMap(), yr = /* @__PURE__ */ new WeakMap(), j = /* @__PURE__ */ new WeakSet(), br = class {
-	constructor({ onChange: e, probe: t = cr, now: n = () => performance.now() }) {
-		S(this, j), f(this, ur, void 0), f(this, dr, void 0), f(this, fr, void 0), f(this, pr, void 0), f(this, mr, !0), f(this, hr, !1), f(this, gr, 0), f(this, _r, 0), f(this, vr, 0), f(this, yr, null), p(ur, this, e), p(dr, this, t), p(fr, this, n);
+var dr = /* @__PURE__ */ new WeakMap(), fr = /* @__PURE__ */ new WeakMap(), pr = /* @__PURE__ */ new WeakMap(), mr = /* @__PURE__ */ new WeakMap(), hr = /* @__PURE__ */ new WeakMap(), gr = /* @__PURE__ */ new WeakMap(), _r = /* @__PURE__ */ new WeakMap(), vr = /* @__PURE__ */ new WeakMap(), yr = /* @__PURE__ */ new WeakMap(), br = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakSet(), xr = class {
+	constructor({ onChange: e, probe: t = lr, now: n = () => performance.now() }) {
+		S(this, A), f(this, dr, void 0), f(this, fr, void 0), f(this, pr, void 0), f(this, mr, void 0), f(this, hr, !0), f(this, gr, !1), f(this, _r, 0), f(this, vr, 0), f(this, yr, 0), f(this, br, null), p(dr, this, e), p(fr, this, t), p(pr, this, n);
 	}
 	start({ multivariantUrl: e, params: t, windowCapSeconds: n }) {
-		if (m(j, this, xr).call(this), !(n > 0)) {
-			h(ur, this).call(this, n);
+		if (m(A, this, Sr).call(this), !(n > 0)) {
+			h(dr, this).call(this, n);
 			return;
 		}
 		let r = new AbortController();
-		p(pr, this, r);
+		p(mr, this, r);
 		let { signal: i } = r;
-		h(dr, this).call(this, e, t, { signal: i }).then((e) => {
+		h(fr, this).call(this, e, t, { signal: i }).then((e) => {
 			if (!i.aborted) {
 				if (e === void 0) {
-					h(ur, this).call(this, n);
+					h(dr, this).call(this, n);
 					return;
 				}
-				p(_r, this, n), p(gr, this, Math.min(Math.max(e, 0), n)), p(vr, this, h(fr, this).call(this)), p(hr, this, !0), m(j, this, Sr).call(this), h(mr, this) && m(j, this, Cr).call(this);
+				p(vr, this, n), p(_r, this, Math.min(Math.max(e, 0), n)), p(yr, this, h(pr, this).call(this)), p(gr, this, !0), m(A, this, Cr).call(this), h(hr, this) && m(A, this, wr).call(this);
 			}
 		});
 	}
 	setLive(e) {
-		p(mr, this, e), !(!h(pr, this) || e) && (m(j, this, wr).call(this), m(j, this, Sr).call(this));
+		p(hr, this, e), !(!h(mr, this) || e) && (m(A, this, Tr).call(this), m(A, this, Cr).call(this));
 	}
 	applyLoadedDuration(e) {
-		m(j, this, xr).call(this), h(ur, this).call(this, Number.isNaN(e) ? 0 : e);
+		m(A, this, Sr).call(this), h(dr, this).call(this, Number.isNaN(e) ? 0 : e);
 	}
 	stop() {
-		m(j, this, xr).call(this);
+		m(A, this, Sr).call(this);
 	}
 };
-function xr() {
-	var e;
-	(e = h(pr, this)) == null || e.abort(), p(pr, this, void 0), m(j, this, wr).call(this), p(hr, this, !1);
-}
 function Sr() {
-	if (!h(hr, this)) return;
-	let e = h(gr, this) + Math.max(0, (h(fr, this).call(this) - h(vr, this)) / 1e3), t = Math.min(h(_r, this), e);
-	h(ur, this).call(this, t), t >= h(_r, this) && m(j, this, wr).call(this);
+	var e;
+	(e = h(mr, this)) == null || e.abort(), p(mr, this, void 0), m(A, this, Tr).call(this), p(gr, this, !1);
 }
 function Cr() {
-	h(yr, this) === null && p(yr, this, window.setInterval(() => m(j, this, Sr).call(this), 1e3));
+	if (!h(gr, this)) return;
+	let e = h(_r, this) + Math.max(0, (h(pr, this).call(this) - h(yr, this)) / 1e3), t = Math.min(h(vr, this), e);
+	h(dr, this).call(this, t), t >= h(vr, this) && m(A, this, Tr).call(this);
 }
 function wr() {
-	h(yr, this) !== null && (clearInterval(h(yr, this)), p(yr, this, null));
+	h(br, this) === null && p(br, this, window.setInterval(() => m(A, this, Cr).call(this), 1e3));
+}
+function Tr() {
+	h(br, this) !== null && (clearInterval(h(br, this)), p(br, this, null));
 }
 //#endregion
 //#region ../../libs/player-next/src/utils/getVindralAttributes.ts
-var Tr = (e) => {
+var Er = (e) => {
 	var t;
 	let n = "observedAttributes" in e.constructor ? e.constructor.observedAttributes : void 0;
 	return !n && (t = e.nodeName) != null && t.includes("-") && (globalThis.customElements.upgrade(e), n = "observedAttributes" in e.constructor ? e.constructor.observedAttributes : void 0), Array.isArray(n) ? n.filter((e) => Ee.includes(e)) : [];
 };
 //#endregion
 //#region ../../libs/player-next/src/utils/humanReadableTimeToSeconds.ts
-function Er(e) {
+function Dr(e) {
 	if (typeof e != "string") return NaN;
 	let t = [...e.matchAll(/(\d+(?:\.\d+)?)([hms])/gi)];
 	return t.length === 0 ? NaN : t.reduce((e, t) => {
@@ -1288,37 +1295,37 @@ function Er(e) {
 }
 //#endregion
 //#region ../../libs/player-next/src/utils/timelineMarkers.ts
-var Dr = fe.get().createContext("TimelineMarkers"), Or = /^\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}(:\d{2})?(\.\d+)?$/, kr = (e) => {
-	Dr.warn(`Timeline marker time "${e}" has no timezone and is interpreted in the viewer's local timezone, so it can land at a different position for viewers in other timezones. Provide an ISO 8601 time with an offset (e.g. "${e}Z") or epoch milliseconds.`);
-}, Ar = (e) => {
+var Or = fe.get().createContext("TimelineMarkers"), kr = /^\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}(:\d{2})?(\.\d+)?$/, Ar = (e) => {
+	Or.warn(`Timeline marker time "${e}" has no timezone and is interpreted in the viewer's local timezone, so it can land at a different position for viewers in other timezones. Provide an ISO 8601 time with an offset (e.g. "${e}Z") or epoch milliseconds.`);
+}, jr = (e) => {
 	if (typeof e == "number" && Number.isFinite(e)) return e;
 	if (typeof e == "string") {
 		let t = Date.parse(e);
-		return Number.isNaN(t) ? null : (Or.test(e) && kr(e), t);
+		return Number.isNaN(t) ? null : (kr.test(e) && Ar(e), t);
 	}
 	if (e instanceof Date) {
 		let t = e.getTime();
 		return Number.isNaN(t) ? null : t;
 	}
 	return null;
-}, jr = (e) => {
+}, Mr = (e) => {
 	if (typeof e != "object" || !e) return null;
-	let { time: t, label: n, type: r } = e, i = Ar(t);
+	let { time: t, label: n, type: r } = e, i = jr(t);
 	if (i === null || typeof n != "string" || n.length === 0) return null;
 	let a = {
 		time: i,
 		label: n
 	};
 	return typeof r == "string" && r.length > 0 && (a.type = r), a;
-}, Mr = (e) => {
+}, Nr = (e) => {
 	if (!Array.isArray(e)) return [];
-	let t = e.map(jr).filter((e) => e !== null), n = e.length - t.length;
-	return n > 0 && Dr.warn(`Dropped ${n} invalid timeline marker(s). Each marker needs a non-empty "label" and a valid "time" (epoch milliseconds, a Date, or an ISO 8601 string).`), t;
-}, Nr = (e) => e ? Mr(le(e)) : [], Pr = (e, t, n) => {
+	let t = e.map(Mr).filter((e) => e !== null), n = e.length - t.length;
+	return n > 0 && Or.warn(`Dropped ${n} invalid timeline marker(s). Each marker needs a non-empty "label" and a valid "time" (epoch milliseconds, a Date, or an ISO 8601 string).`), t;
+}, Pr = (e) => e ? Nr(le(e)) : [], Fr = (e, t, n) => {
 	if (!Number.isFinite(n) || n <= 0) return null;
 	let r = 1 - (t - e) / (n * 1e3);
 	return r < 0 || r > 1 ? null : r;
-}, Fr = class extends pe {
+}, Ir = class extends pe {
 	constructor(t) {
 		if (super(), e(this, "audioContext", void 0), e(this, "audioNode", void 0), e(this, "bufferLength", void 0), e(this, "animationFrameId", null), e(this, "canUseFloatTimeDomainData", void 0), e(this, "byteSampleBuffer", null), e(this, "floatSampleBuffer", null), e(this, "leftAnalyser", void 0), e(this, "rightAnalyser", void 0), e(this, "mediaElementSource", null), e(this, "update", () => {
 			let e = this.getDecibel(this.leftAnalyser, this.floatSampleBuffer || this.byteSampleBuffer), t = this.getDecibel(this.rightAnalyser, this.floatSampleBuffer || this.byteSampleBuffer);
@@ -1370,121 +1377,121 @@ var Dr = fe.get().createContext("TimelineMarkers"), Or = /^\d{4}-\d{2}-\d{2}[T ]
 	get isMediaElementSource() {
 		return this.source instanceof HTMLMediaElement;
 	}
-}, M = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), Ir = /* @__PURE__ */ new WeakMap(), Lr = /* @__PURE__ */ new WeakMap(), Rr = /* @__PURE__ */ new WeakMap(), zr = /* @__PURE__ */ new WeakMap(), Br = /* @__PURE__ */ new WeakMap(), Vr = /* @__PURE__ */ new WeakMap(), Hr = /* @__PURE__ */ new WeakMap(), Ur = /* @__PURE__ */ new WeakMap(), Wr = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakSet(), Gr = /* @__PURE__ */ new WeakMap(), Kr = /* @__PURE__ */ new WeakMap(), qr = /* @__PURE__ */ new WeakMap(), Jr = /* @__PURE__ */ new WeakMap(), Yr = class {
+}, j = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap(), Lr = /* @__PURE__ */ new WeakMap(), Rr = /* @__PURE__ */ new WeakMap(), zr = /* @__PURE__ */ new WeakMap(), Br = /* @__PURE__ */ new WeakMap(), Vr = /* @__PURE__ */ new WeakMap(), Hr = /* @__PURE__ */ new WeakMap(), Ur = /* @__PURE__ */ new WeakMap(), Wr = /* @__PURE__ */ new WeakMap(), Gr = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakSet(), Kr = /* @__PURE__ */ new WeakMap(), qr = /* @__PURE__ */ new WeakMap(), Jr = /* @__PURE__ */ new WeakMap(), Yr = /* @__PURE__ */ new WeakMap(), Xr = class {
 	constructor(t, n) {
-		S(this, I), f(this, M, void 0), f(this, N, void 0), f(this, P, void 0), f(this, Ir, void 0), f(this, Lr, void 0), e(this, "userPaused", !0), f(this, Rr, void 0), f(this, zr, void 0), f(this, Br, !1), f(this, Vr, !1), f(this, Hr, null), f(this, Ur, 0), f(this, Wr, !1), f(this, F, fe.get().createContext("HlsPlayer")), f(this, Gr, () => m(I, this, ci).call(this, !0)), f(this, Kr, () => m(I, this, ci).call(this, !1)), f(this, qr, () => {
-			h(M, this).readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && !h(M, this).paused && m(I, this, ci).call(this, !1);
-		}), f(this, Jr, () => {
-			h(M, this).readyState >= HTMLMediaElement.HAVE_FUTURE_DATA && m(I, this, ci).call(this, !1);
-		}), p(N, this, t), p(zr, this, n == null ? void 0 : n.maxVideoBitRate), h(N, this).style.position = "absolute", h(N, this).style.top = "0", h(N, this).style.left = "0", h(N, this).style.width = "100%", h(N, this).style.height = "100%", h(N, this).style.opacity = "0", h(N, this).style.pointerEvents = "none", h(N, 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, Lr, void 0), f(this, Rr, void 0), e(this, "userPaused", !0), f(this, zr, void 0), f(this, Br, void 0), f(this, Vr, !1), f(this, Hr, !1), f(this, Ur, null), f(this, Wr, 0), f(this, Gr, !1), f(this, P, fe.get().createContext("HlsPlayer")), f(this, Kr, () => m(F, this, li).call(this, !0)), f(this, qr, () => m(F, this, li).call(this, !1)), f(this, Jr, () => {
+			h(j, this).readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && !h(j, this).paused && m(F, this, li).call(this, !1);
+		}), f(this, Yr, () => {
+			h(j, this).readyState >= HTMLMediaElement.HAVE_FUTURE_DATA && m(F, this, li).call(this, !1);
+		}), p(M, this, t), p(Br, 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(M, this, r), t.appendChild(h(M, this)), h(M, this).style.width = "100%", h(M, this).style.height = "100%", h(M, this).setAttribute("playsinline", ""), h(M, this).setAttribute("webkit-playsinline", ""), h(M, this).setAttribute("preload", "metadata"), m(I, this, oi).call(this), p(Wr, this, h(M, 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, si).call(this), p(Gr, 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(Br, this, !0), p(Vr, this, !1), h(N, this).classList.remove("active"), h(N, this).style.opacity = "0", h(N, this).style.pointerEvents = "none", p(Hr, this, null);
+		p(Vr, this, !0), p(Hr, this, !1), h(M, this).classList.remove("active"), h(M, this).style.opacity = "0", h(M, this).style.pointerEvents = "none", p(Ur, this, null);
 	}
 	play() {
 		var e = this;
 		return t(function* () {
 			try {
-				return h(P, e) ? (e.userPaused = !1, yield h(M, e).play()) : Promise.reject("HLS not initialized");
+				return h(N, e) ? (e.userPaused = !1, yield h(j, e).play()) : Promise.reject("HLS not initialized");
 			} catch (t) {
-				h(F, e).error("Failed to play timeshift video:", t);
+				h(P, e).error("Failed to play timeshift video:", t);
 			}
 		})();
 	}
 	seek(e) {
 		var n = this;
 		return t(function* () {
-			if (h(F, n).debug("HlsPlayer seek to", e.time), !Number.isFinite(e.time)) {
-				p(Hr, n, null);
+			if (h(P, n).debug("HlsPlayer seek to", e.time), !Number.isFinite(e.time)) {
+				p(Ur, n, null);
 				return;
 			}
-			if (p(Hr, n, e.time > .1 ? e.time : null), n.isActive() && h(P, n)) m(I, n, ei).call(n, e.time);
-			else return m(I, n, ti).call(n, e);
+			if (p(Ur, n, e.time > .1 ? e.time : null), n.isActive() && h(N, n)) m(F, n, ti).call(n, e.time);
+			else return m(F, n, ni).call(n, e);
 		})();
 	}
 	shouldIgnoreTimeupdate() {
-		if (h(Hr, this) == null) return !1;
-		let e = h(M, this).currentTime;
-		return !Number.isFinite(e) || e <= .1 ? !0 : (p(Hr, this, null), !1);
+		if (h(Ur, this) == null) return !1;
+		let e = h(j, this).currentTime;
+		return !Number.isFinite(e) || e <= .1 ? !0 : (p(Ur, this, null), !1);
 	}
 	isPipSupported() {
-		return "pictureInPictureEnabled" in document && !h(M, this).disablePictureInPicture;
+		return "pictureInPictureEnabled" in document && !h(j, this).disablePictureInPicture;
 	}
 	requestPictureInPicture() {
-		return h(M, this).requestPictureInPicture();
+		return h(j, this).requestPictureInPicture();
 	}
 	exitPictureInPicture() {
-		return document.pictureInPictureElement === h(M, this) ? document.exitPictureInPicture() : Promise.resolve();
+		return document.pictureInPictureElement === h(j, this) ? document.exitPictureInPicture() : Promise.resolve();
 	}
 	isActive() {
-		return h(N, this).style.opacity === "1" || h(N, this).classList.contains("active");
+		return h(M, this).style.opacity === "1" || h(M, this).classList.contains("active");
 	}
 	cleanup() {
-		m(I, this, si).call(this), m(I, this, $r).call(this), h(Rr, this) && (cancelAnimationFrame(h(Rr, this)), p(Rr, this, void 0)), p(Hr, this, null), h(M, this).remove();
+		m(F, this, ci).call(this), m(F, this, ei).call(this), h(zr, this) && (cancelAnimationFrame(h(zr, this)), p(zr, this, void 0)), p(Ur, this, null), h(j, this).remove();
 	}
 	addEventListener(e, t) {
-		h(M, this).addEventListener(e, t);
+		h(j, this).addEventListener(e, t);
 	}
 	removeEventListener(e, t) {
-		h(M, this).removeEventListener(e, t);
+		h(j, this).removeEventListener(e, t);
 	}
 	dispatchEvent(e) {
-		return h(M, this).dispatchEvent(e);
+		return h(j, this).dispatchEvent(e);
 	}
 	setTimeshiftUrl(e) {
-		h(Lr, this) !== e && (h(F, this).debug("HLSPlayer Setting timeshift URL to", e), p(Lr, this, e));
+		h(Rr, this) !== e && (h(P, this).debug("HLSPlayer Setting timeshift URL to", e), p(Rr, this, e));
 	}
 	get videoElement() {
-		return h(M, this);
+		return h(j, this);
 	}
 	pause() {
-		this.userPaused = !0, h(M, this).pause();
+		this.userPaused = !0, h(j, this).pause();
 	}
 	get paused() {
-		return h(M, this).paused;
+		return h(j, this).paused;
 	}
 	set volume(e) {
-		h(M, this).volume = e;
+		h(j, this).volume = e;
 	}
 	get volume() {
-		return h(M, this).volume;
+		return h(j, this).volume;
 	}
 	set muted(e) {
-		p(Wr, this, e), h(M, this).muted = e;
+		p(Gr, this, e), h(j, this).muted = e;
 	}
 	get muted() {
-		return h(Wr, this);
+		return h(Gr, this);
 	}
 	set currentTime(e) {
-		h(M, this).currentTime = e;
+		h(j, this).currentTime = e;
 	}
 	get currentTime() {
-		return h(M, this).currentTime;
+		return h(j, this).currentTime;
 	}
 	get seeking() {
-		return h(M, this).seeking;
+		return h(j, this).seeking;
 	}
 	get duration() {
-		return h(M, this).duration;
+		return h(j, this).duration;
 	}
 	get maxVideoBitRate() {
-		return h(zr, this);
+		return h(Br, this);
 	}
 	set maxVideoBitRate(e) {
-		p(zr, this, e), e !== void 0 && h(P, this) && m(I, this, Zr).call(this, e);
+		p(Br, this, e), e !== void 0 && h(N, this) && m(F, this, Qr).call(this, e);
 	}
 };
-function Xr() {
+function Zr() {
 	var e = this;
 	return t(function* () {
 		let { default: t } = yield import("./Ct8GqCxq.js");
-		if (p(Ir, e, t), !t.isSupported()) {
-			h(F, e).warn("HLS not supported");
+		if (p(Lr, e, t), !t.isSupported()) {
+			h(P, e).warn("HLS not supported");
 			return;
 		}
-		p(P, e, new t({
+		p(N, e, new t({
 			capLevelToPlayerSize: !0,
 			enableWorker: !0,
 			backBufferLength: 30,
@@ -1503,114 +1510,114 @@ function Xr() {
 			startFragPrefetch: !0,
 			testBandwidth: !1,
 			debug: !1
-		})), h(P, e).attachMedia(h(M, e)), h(P, e).on(t.Events.MEDIA_ATTACHED, () => h(F, e).debug("[HLS] media attached")), h(P, e).on(t.Events.MANIFEST_PARSED, () => h(F, e).debug("[HLS] manifest parsed")), h(P, e).on(t.Events.ERROR, (t, n) => {
-			h(F, e).error("[HLS] error:", n), n.fatal && m(I, e, Qr).call(e, n);
-		}), h(P, e).on(t.Events.MANIFEST_PARSED, () => {
+		})), 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, $r).call(e, n);
+		}), h(N, e).on(t.Events.MANIFEST_PARSED, () => {
 			var t;
-			!h(zr, e) || ((t = h(P, e)) == null ? void 0 : t.levels.length) === 0 || m(I, e, Zr).call(e, h(zr, e));
-		}), h(P, e).on(t.Events.LEVEL_SWITCHED, () => {
+			!h(Br, e) || ((t = h(N, e)) == null ? void 0 : t.levels.length) === 0 || m(F, e, Qr).call(e, h(Br, e));
+		}), h(N, e).on(t.Events.LEVEL_SWITCHED, () => {
 			var t, n;
-			h(F, e).debug("Level switched:", (t = h(P, e)) == null ? void 0 : t.currentLevel, "max:", e.maxVideoBitRate, "autoLevelCapping:", (n = h(P, e)) == null ? void 0 : n.autoLevelCapping);
+			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 Zr(e) {
-	if (!h(P, this)) {
-		h(F, this).warn("HLS not initialized, cannot set bitrate cap");
+function Qr(e) {
+	if (!h(N, this)) {
+		h(P, this).warn("HLS not initialized, cannot set bitrate cap");
 		return;
 	}
-	let t = h(P, this).levels.map((e, t) => ({
+	let t = h(N, this).levels.map((e, t) => ({
 		i: t,
 		bitrate: e.bitrate
 	})).filter((t) => e >= t.bitrate * .8).map((e) => e.i).pop();
 	if (t === void 0) {
 		var n;
-		t = 0, h(F, this).debug("No level fits under bitrate cap: " + e + ", defaulting to lowest level: " + ((n = h(P, this).levels[0]) == null ? void 0 : n.bitrate));
+		t = 0, h(P, this).debug("No level fits under bitrate cap: " + e + ", defaulting to lowest level: " + ((n = h(N, this).levels[0]) == null ? void 0 : n.bitrate));
 	}
-	let r = h(P, this).currentLevel;
-	h(P, this).autoLevelCapping = t, r !== t && (h(F, this).debug(`Current level ${r} exceeds cap ${t}, forcing immediate switch`), h(P, this).currentLevel = t);
+	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 Qr(e) {
-	if (!h(Ir, this)) {
-		h(F, this).error("Hls class not available for error handling");
+function $r(e) {
+	if (!h(Lr, this)) {
+		h(P, this).error("Hls class not available for error handling");
 		return;
 	}
-	let t = h(Ir, this);
+	let t = h(Lr, this);
 	switch (e.type) {
 		case t.ErrorTypes.NETWORK_ERROR:
 			var n;
-			h(F, this).warn("[HLS] network error -> startLoad"), (n = h(P, this)) == null || n.startLoad();
+			h(P, this).warn("[HLS] network error -> startLoad"), (n = h(N, this)) == null || n.startLoad();
 			break;
 		case t.ErrorTypes.MEDIA_ERROR:
 			var r;
-			h(F, this).warn("[HLS] media error -> recoverMediaError"), (r = h(P, this)) == null || r.recoverMediaError();
+			h(P, this).warn("[HLS] media error -> recoverMediaError"), (r = h(N, this)) == null || r.recoverMediaError();
 			break;
 		default:
-			h(F, this).error("[HLS] fatal -> destroy"), m(I, this, $r).call(this);
+			h(P, this).error("[HLS] fatal -> destroy"), m(F, this, ei).call(this);
 			break;
 	}
 }
-function $r() {
-	h(P, this) && (h(P, this).destroy(), p(P, this, void 0));
+function ei() {
+	h(N, this) && (h(N, this).destroy(), p(N, this, void 0));
 }
-function ei(e) {
+function ti(e) {
 	if (!Number.isFinite(e)) {
-		p(Hr, this, null);
+		p(Ur, this, null);
 		return;
 	}
-	let t = m(I, this, ai).call(this, h(M, this), e);
-	p(Hr, this, t > .1 ? t : null), h(Rr, this) && cancelAnimationFrame(h(Rr, this)), p(Rr, this, requestAnimationFrame(() => {
-		h(M, this).currentTime = t;
+	let t = m(F, this, oi).call(this, h(j, this), e);
+	p(Ur, this, t > .1 ? t : null), h(zr, this) && cancelAnimationFrame(h(zr, this)), p(zr, this, requestAnimationFrame(() => {
+		h(j, this).currentTime = t;
 	}));
 }
-function ti(e) {
+function ni(e) {
 	var n = this;
 	return t(function* () {
 		var t;
-		let { time: r, playWhenReady: i = !0 } = e || {}, a = p(Ur, n, (t = h(Ur, n), ++t));
-		if (!h(Lr, n)) {
-			h(F, n).warn("No timeshift URL");
+		let { time: r, playWhenReady: i = !0 } = e || {}, a = p(Wr, n, (t = h(Wr, n), ++t));
+		if (!h(Rr, n)) {
+			h(P, n).warn("No timeshift URL");
 			return;
 		}
-		if (!h(P, n) && (yield m(I, n, Xr).call(n), !m(I, n, li).call(n, a))) return;
-		p(Br, n, !1), p(Vr, n, !1), h(P, n) && (!h(P, n).url || h(P, n).url !== h(Lr, n)) && (h(F, n).debug("Loading timeshift URL", h(Lr, n)), h(P, n).loadSource(h(Lr, n)));
+		if (!h(N, n) && (yield m(F, n, Zr).call(n), !m(F, n, ui).call(n, a))) return;
+		p(Vr, n, !1), p(Hr, n, !1), h(N, n) && (!h(N, n).url || h(N, n).url !== h(Rr, n)) && (h(P, n).debug("Loading timeshift URL", h(Rr, n)), h(N, n).loadSource(h(Rr, n)));
 		let o = n.muted;
-		h(M, n).muted = !0, yield m(I, n, ni).call(n), m(I, n, li).call(n, a) && (m(I, n, ei).call(n, r), !(i && (yield n.play(), !m(I, n, li).call(n, a))) && m(I, n, ri).call(n, o, a));
+		h(j, n).muted = !0, yield m(F, n, ri).call(n), m(F, n, ui).call(n, a) && (m(F, n, ti).call(n, r), !(i && (yield n.play(), !m(F, n, ui).call(n, a))) && m(F, n, ii).call(n, o, a));
 	})();
 }
-function ni() {
-	return h(M, this).duration && !Number.isNaN(h(M, this).duration) ? Promise.resolve() : new Promise((e) => {
-		h(F, this).debug("Waiting for duration...");
+function ri() {
+	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 = () => {
-			h(F, this).debug("Duration loaded:", h(M, this).duration), h(M, this).removeEventListener("loadedmetadata", t), clearTimeout(n), e();
+			h(P, this).debug("Duration loaded:", h(j, this).duration), h(j, this).removeEventListener("loadedmetadata", t), clearTimeout(n), e();
 		}, n = setTimeout(() => {
-			h(F, this).debug("Duration timeout, proceeding anyway"), h(M, this).removeEventListener("loadedmetadata", t), e();
+			h(P, this).debug("Duration timeout, proceeding anyway"), h(j, this).removeEventListener("loadedmetadata", t), e();
 		}, 2e4);
-		h(M, this).addEventListener("loadedmetadata", t);
+		h(j, this).addEventListener("loadedmetadata", t);
 	});
 }
-function ri(e, t) {
-	let n = HTMLMediaElement.HAVE_CURRENT_DATA, r = () => h(M, this).readyState >= n && h(M, this).videoWidth > 0 && h(M, this).videoHeight > 0, i = () => {
-		h(Br, this) || h(Vr, this) || !m(I, this, li).call(this, t) || (p(Vr, this, !0), h(F, this).debug("Revealing timeshift video"), h(N, this).classList.add("active"), h(N, this).style.opacity = "1", h(N, this).style.pointerEvents = "auto", h(M, this).dispatchEvent(new CustomEvent("timeshiftready", { detail: { activationId: t } })), e || m(I, this, ii).call(this, t));
+function ii(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(Vr, this) || h(Hr, this) || !m(F, this, ui).call(this, t) || (p(Hr, 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, ai).call(this, t));
 	}, a = () => {
-		h(Br, this) || h(Vr, this) || !m(I, this, li).call(this, t) || r() && (s(), i());
+		h(Vr, this) || h(Hr, this) || !m(F, this, ui).call(this, t) || r() && (s(), i());
 	}, o = !1, s = () => {
-		o || (o = !0, h(M, this).removeEventListener("canplay", a), h(M, this).removeEventListener("canplaythrough", a), h(M, this).removeEventListener("loadeddata", a), clearTimeout(c));
+		o || (o = !0, h(j, this).removeEventListener("canplay", a), h(j, this).removeEventListener("canplaythrough", a), h(j, this).removeEventListener("loadeddata", a), clearTimeout(c));
 	};
 	if (r()) {
 		i();
 		return;
 	}
-	h(M, this).addEventListener("canplay", a), h(M, this).addEventListener("canplaythrough", a), h(M, this).addEventListener("loadeddata", a);
+	h(j, this).addEventListener("canplay", a), h(j, this).addEventListener("canplaythrough", a), h(j, this).addEventListener("loadeddata", a);
 	let c = setTimeout(() => {
-		h(F, this).debug("Timeout reached, forcing reveal"), s(), i();
+		h(P, this).debug("Timeout reached, forcing reveal"), s(), i();
 	}, 2e3);
 }
-function ii(e) {
+function ai(e) {
 	let t = () => {
-		m(I, this, li).call(this, e) && (h(M, this).muted = !1);
+		m(F, this, ui).call(this, e) && (h(j, this).muted = !1);
 	};
-	"requestVideoFrameCallback" in h(M, this) ? h(M, this).requestVideoFrameCallback(() => {
+	"requestVideoFrameCallback" in h(j, this) ? h(j, this).requestVideoFrameCallback(() => {
 		setTimeout(() => {
 			t();
 		}, 100);
@@ -1618,43 +1625,43 @@ function ii(e) {
 		t();
 	}, 120);
 }
-function ai(e, t) {
+function oi(e, t) {
 	let n = e.seekable;
 	if (!n || n.length === 0) return t;
 	let r = n.start(0), i = n.end(n.length - 1);
-	return h(F, this).debug("Clamped seekable:", Math.max(r, Math.min(t, i))), Math.max(r, Math.min(t, i));
-}
-function oi() {
-	for (let e of ui._) h(M, this).addEventListener(e, h(Gr, this));
-	for (let e of di._) h(M, this).addEventListener(e, h(Kr, this));
-	h(M, this).addEventListener("timeupdate", h(qr, this)), h(M, this).addEventListener("progress", h(Jr, this));
+	return h(P, this).debug("Clamped seekable:", Math.max(r, Math.min(t, i))), Math.max(r, Math.min(t, i));
 }
 function si() {
-	for (let e of ui._) h(M, this).removeEventListener(e, h(Gr, this));
-	for (let e of di._) h(M, this).removeEventListener(e, h(Kr, this));
-	h(M, this).removeEventListener("timeupdate", h(qr, this)), h(M, this).removeEventListener("progress", h(Jr, this));
+	for (let e of di._) h(j, this).addEventListener(e, h(Kr, this));
+	for (let e of fi._) h(j, this).addEventListener(e, h(qr, this));
+	h(j, this).addEventListener("timeupdate", h(Jr, this)), h(j, this).addEventListener("progress", h(Yr, this));
 }
-function ci(e) {
-	let t = e && (h(M, this).readyState < HTMLMediaElement.HAVE_FUTURE_DATA || h(M, this).seeking || h(M, this).paused && !this.userPaused);
-	h(M, this).dispatchEvent(new CustomEvent(t ? "hlsbuffering" : "hlsnotbuffering", {
+function ci() {
+	for (let e of di._) h(j, this).removeEventListener(e, h(Kr, this));
+	for (let e of fi._) h(j, this).removeEventListener(e, h(qr, this));
+	h(j, this).removeEventListener("timeupdate", h(Jr, this)), h(j, this).removeEventListener("progress", h(Yr, this));
+}
+function li(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 li(e) {
-	return h(Ur, this) === e;
+function ui(e) {
+	return h(Wr, this) === e;
 }
-var ui = { _: [
+var di = { _: [
 	"waiting",
 	"seeking",
 	"stalled",
 	"loadstart"
-] }, di = { _: [
+] }, fi = { _: [
 	"canplay",
 	"canplaythrough",
 	"seeked",
 	"loadeddata"
-] }, fi = class {
+] }, pi = class {
 	constructor(e) {
 		this.vindral = e;
 	}
@@ -1674,19 +1681,19 @@ var ui = { _: [
 	pause() {
 		this.vindral.pause();
 	}
-}, pi = document.createElement("template");
-pi.innerHTML = "\n  <style>\n    :host {\n      --value: 0;\n      --range-thickness: var(--vindral-range-thickness, 4px);\n      --range-hover-thickness: var(--vindral-range-hover-thickness, var(--range-thickness));\n      --range-thumb-size: var(--vindral-range-thumb-size, 12px);\n      --range-thumb-hover-size: var(--vindral-range-thumb-hover-size, var(--range-thumb-size));\n      --range-fill-color: var(--vindral-range-fill-color, var(--fg-strong));\n      --range-thumb-color: var(--vindral-range-thumb-color, var(--fg-strong));\n      --_focus-box-shadow: none;\n      height: calc(var(--button-icon-size) + 2 * var(--button-padding));\n      width: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 0 !important;\n      margin: 0;\n      position: relative;\n      cursor: pointer;\n      touch-action: none;\n      box-shadow: var(--_focus-visible-box-shadow, none);\n      outline: 0;\n      background: transparent;\n    }\n\n    :host > * {\n      transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n      transition-duration: 0.1s;\n    }\n\n    #range {\n      -webkit-appearance: none;\n      appearance: none;\n\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n      margin: 0;\n      padding: 0;\n\n      background-color: #00000000;\n      outline: none;\n      z-index: 1;\n      cursor: pointer;\n    }\n\n    #range-track {\n      position: absolute;\n      top: calc(50% - calc(var(--range-thickness) / 2));\n      left: 1px;\n      width: calc(100% - 2px);\n      height: var(--range-thickness);\n      background-color: rgb(255 255 255 / 0.2);\n      overflow: hidden;\n      cursor: pointer;\n      transition-property: height, top;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n      :host(:hover) #range-track {\n        height: var(--range-hover-thickness);\n        top: calc(50% - calc(var(--range-hover-thickness) / 2));\n      }\n    }\n\n    #range-track::before {\n      position: absolute;\n      content: \"\";\n      left: calc(-100%);\n      top: 0;\n      width: calc(100%);\n      height: 100%;\n      background: var(--range-fill-color);\n      transition: background-color 300ms ease-out;\n      transform-origin: 100% 0%;\n      transform: translateX(calc(var(--value) * 100%)) scaleX(1.2);\n    }\n\n    #range::-webkit-slider-runnable-track {\n      background: transparent;\n    }\n\n    #range::-moz-range-track {\n      background: transparent;\n    }\n\n    #range::-webkit-slider-thumb {\n      -webkit-appearance: none;\n      appearance: none;\n      width: var(--range-thumb-size);\n      height: var(--range-thumb-size);\n      border-radius: 50%;\n      background: var(--range-thumb-color);\n      cursor: pointer;\n      z-index: 1;\n      transition-property: width, height;\n      transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n      transition-duration: 0.1s;\n    }\n\n    #range::-moz-range-thumb {\n      -moz-appearance: none;\n      appearance: none;\n      width: var(--range-thumb-size);\n      height: var(--range-thumb-size);\n      border-radius: 50%;\n      background: var(--range-thumb-color);\n      cursor: pointer;\n      z-index: 1;\n      border: none;\n      transition-property: width, height;\n      transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n      transition-duration: 0.1s;\n    }\n\n    :host:has(#range:focus-visible) {\n      box-shadow: inset 0 0 0 2px var(--fg-strong);\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n      :host(:hover) #range::-webkit-slider-thumb {\n        width: var(--range-thumb-hover-size);\n        height: var(--range-thumb-hover-size);\n      }\n\n      :host(:hover) #range::-moz-range-thumb {\n        width: var(--range-thumb-hover-size);\n        height: var(--range-thumb-hover-size);\n      }\n    }\n  </style>\n\n  <input type=\"range\" id=\"range\" min=\"0\" max=\"1\" step=\"any\" value=\"0\" />\n  <div id=\"range-track\"></div>\n";
-var mi = /* @__PURE__ */ new WeakMap(), hi = /* @__PURE__ */ new WeakMap(), gi = class extends HTMLElement {
+}, mi = document.createElement("template");
+mi.innerHTML = "\n  <style>\n    :host {\n      --value: 0;\n      --range-thickness: var(--vindral-range-thickness, 4px);\n      --range-hover-thickness: var(--vindral-range-hover-thickness, var(--range-thickness));\n      --range-thumb-size: var(--vindral-range-thumb-size, 12px);\n      --range-thumb-hover-size: var(--vindral-range-thumb-hover-size, var(--range-thumb-size));\n      --range-fill-color: var(--vindral-range-fill-color, var(--fg-strong));\n      --range-thumb-color: var(--vindral-range-thumb-color, var(--fg-strong));\n      --_focus-box-shadow: none;\n      height: calc(var(--button-icon-size) + 2 * var(--button-padding));\n      width: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 0 !important;\n      margin: 0;\n      position: relative;\n      cursor: pointer;\n      touch-action: none;\n      box-shadow: var(--_focus-visible-box-shadow, none);\n      outline: 0;\n      background: transparent;\n    }\n\n    :host > * {\n      transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n      transition-duration: 0.1s;\n    }\n\n    #range {\n      -webkit-appearance: none;\n      appearance: none;\n\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n      margin: 0;\n      padding: 0;\n\n      background-color: #00000000;\n      outline: none;\n      z-index: 1;\n      cursor: pointer;\n    }\n\n    #range-track {\n      position: absolute;\n      top: calc(50% - calc(var(--range-thickness) / 2));\n      left: 1px;\n      width: calc(100% - 2px);\n      height: var(--range-thickness);\n      background-color: rgb(255 255 255 / 0.2);\n      overflow: hidden;\n      cursor: pointer;\n      transition-property: height, top;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n      :host(:hover) #range-track {\n        height: var(--range-hover-thickness);\n        top: calc(50% - calc(var(--range-hover-thickness) / 2));\n      }\n    }\n\n    #range-track::before {\n      position: absolute;\n      content: \"\";\n      left: calc(-100%);\n      top: 0;\n      width: calc(100%);\n      height: 100%;\n      background: var(--range-fill-color);\n      transition: background-color 300ms ease-out;\n      transform-origin: 100% 0%;\n      transform: translateX(calc(var(--value) * 100%)) scaleX(1.2);\n    }\n\n    #range::-webkit-slider-runnable-track {\n      background: transparent;\n    }\n\n    #range::-moz-range-track {\n      background: transparent;\n    }\n\n    #range::-webkit-slider-thumb {\n      -webkit-appearance: none;\n      appearance: none;\n      width: var(--range-thumb-size);\n      height: var(--range-thumb-size);\n      border-radius: 50%;\n      background: var(--range-thumb-color);\n      cursor: pointer;\n      z-index: 1;\n      transition-property: width, height;\n      transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n      transition-duration: 0.1s;\n    }\n\n    #range::-moz-range-thumb {\n      -moz-appearance: none;\n      appearance: none;\n      width: var(--range-thumb-size);\n      height: var(--range-thumb-size);\n      border-radius: 50%;\n      background: var(--range-thumb-color);\n      cursor: pointer;\n      z-index: 1;\n      border: none;\n      transition-property: width, height;\n      transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n      transition-duration: 0.1s;\n    }\n\n    :host:has(#range:focus-visible) {\n      box-shadow: inset 0 0 0 2px var(--fg-strong);\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n      :host(:hover) #range::-webkit-slider-thumb {\n        width: var(--range-thumb-hover-size);\n        height: var(--range-thumb-hover-size);\n      }\n\n      :host(:hover) #range::-moz-range-thumb {\n        width: var(--range-thumb-hover-size);\n        height: var(--range-thumb-hover-size);\n      }\n    }\n  </style>\n\n  <input type=\"range\" id=\"range\" min=\"0\" max=\"1\" step=\"any\" value=\"0\" />\n  <div id=\"range-track\"></div>\n";
+var hi = /* @__PURE__ */ new WeakMap(), gi = /* @__PURE__ */ new WeakMap(), _i = class extends HTMLElement {
 	constructor() {
-		super(), f(this, mi, null), f(this, hi, void 0), e(this, "range", void 0), p(hi, this, this.attachShadow({ mode: "open" })), h(hi, this).appendChild(pi.content.cloneNode(!0)), this.range = h(hi, this).getElementById("range");
+		super(), f(this, hi, null), f(this, gi, void 0), e(this, "range", void 0), p(gi, this, this.attachShadow({ mode: "open" })), h(gi, this).appendChild(mi.content.cloneNode(!0)), this.range = h(gi, this).getElementById("range");
 	}
 	connectedCallback() {
 		var e;
-		p(mi, this, this.closest("vindral-controller")), (e = h(mi, this)) == null || e.connectListener(this), this.hasAttribute("disabled") || this.enable();
+		p(hi, this, this.closest("vindral-controller")), (e = h(hi, this)) == null || e.connectListener(this), this.hasAttribute("disabled") || this.enable();
 	}
 	disconnectedCallback() {
 		var e;
-		(e = h(mi, this)) == null || e.disconnectListener(this);
+		(e = h(hi, this)) == null || e.disconnectListener(this);
 	}
 	attributeChangedCallback(e, t, n) {
 		t !== n && (e === "disabled" && n ? this.disable() : this.enable(), this.updateBar());
@@ -1712,11 +1719,11 @@ var mi = /* @__PURE__ */ new WeakMap(), hi = /* @__PURE__ */ new WeakMap(), gi =
 		];
 	}
 };
-e(gi, "observedAttributes", ["disabled"]);
+e(_i, "observedAttributes", ["disabled"]);
 //#endregion
 //#region ../../libs/player-next/src/components/Controller.ts
-var _i = document.createElement("template");
-_i.innerHTML = `
+var vi = document.createElement("template");
+vi.innerHTML = `
   <style>
     :host {
       --fg-strong: var(--vindral-fg-strong, #eeeeee);
@@ -1928,7 +1935,7 @@ _i.innerHTML = `
     <slot id="overlay-interactive" name="overlay-interactive"></slot>
   </div>
 `;
-var vi = [
+var yi = [
 	"ArrowDown",
 	"ArrowLeft",
 	"ArrowRight",
@@ -1937,134 +1944,146 @@ var vi = [
 	" ",
 	"f",
 	"m"
-], yi = /* @__PURE__ */ new WeakMap(), bi = /* @__PURE__ */ new WeakMap(), xi = /* @__PURE__ */ new WeakMap(), Si = /* @__PURE__ */ new WeakMap(), Ci = /* @__PURE__ */ new WeakMap(), wi = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), Ti = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), Ei = /* @__PURE__ */ new WeakMap(), Di = /* @__PURE__ */ new WeakMap(), Oi = /* @__PURE__ */ new WeakMap(), ki = /* @__PURE__ */ new WeakMap(), Ai = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), ji = /* @__PURE__ */ new WeakMap(), Mi = /* @__PURE__ */ new WeakMap(), Ni = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), Pi = /* @__PURE__ */ new WeakMap(), Fi = /* @__PURE__ */ new WeakMap(), Ii = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new WeakMap(), Li = /* @__PURE__ */ new WeakMap(), Ri = /* @__PURE__ */ new WeakMap(), zi = /* @__PURE__ */ new WeakMap(), Bi = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakSet(), Vi = /* @__PURE__ */ new WeakMap(), Hi = /* @__PURE__ */ new WeakMap(), Ui = /* @__PURE__ */ new WeakMap(), Wi = /* @__PURE__ */ new WeakMap(), Gi = /* @__PURE__ */ new WeakMap(), Ki = /* @__PURE__ */ new WeakMap(), qi = /* @__PURE__ */ new WeakMap(), Ji = /* @__PURE__ */ new WeakMap(), Yi = /* @__PURE__ */ new WeakMap(), Xi = /* @__PURE__ */ new WeakMap(), Zi = /* @__PURE__ */ new WeakMap(), Qi = /* @__PURE__ */ new WeakMap(), $i = /* @__PURE__ */ new WeakMap(), ea = /* @__PURE__ */ new WeakMap(), ta = /* @__PURE__ */ new WeakMap(), na = /* @__PURE__ */ new WeakMap(), ra = /* @__PURE__ */ new WeakMap(), ia = /* @__PURE__ */ new WeakMap(), aa = /* @__PURE__ */ new WeakMap(), oa = /* @__PURE__ */ new WeakMap(), sa = /* @__PURE__ */ new WeakMap(), ca = /* @__PURE__ */ new WeakMap(), la = /* @__PURE__ */ new WeakMap(), ua = /* @__PURE__ */ new WeakMap(), da = /* @__PURE__ */ new WeakMap(), fa = /* @__PURE__ */ new WeakMap(), pa = /* @__PURE__ */ new WeakMap(), ma = /* @__PURE__ */ new WeakMap(), ha = /* @__PURE__ */ new WeakMap(), ga = /* @__PURE__ */ new WeakMap(), _a = /* @__PURE__ */ new WeakMap(), va = /* @__PURE__ */ new WeakMap(), ya = class extends HTMLElement {
+], bi = /* @__PURE__ */ new WeakMap(), xi = /* @__PURE__ */ new WeakMap(), Si = /* @__PURE__ */ new WeakMap(), Ci = /* @__PURE__ */ new WeakMap(), wi = /* @__PURE__ */ new WeakMap(), Ti = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap(), Ei = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), Di = /* @__PURE__ */ new WeakMap(), Oi = /* @__PURE__ */ new WeakMap(), ki = /* @__PURE__ */ new WeakMap(), Ai = /* @__PURE__ */ new WeakMap(), ji = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), Mi = /* @__PURE__ */ new WeakMap(), Ni = /* @__PURE__ */ new WeakMap(), Pi = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), Fi = /* @__PURE__ */ new WeakMap(), Ii = /* @__PURE__ */ new WeakMap(), Li = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), Ri = /* @__PURE__ */ new WeakMap(), zi = /* @__PURE__ */ new WeakMap(), Bi = /* @__PURE__ */ new WeakMap(), Vi = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new WeakSet(), Hi = /* @__PURE__ */ new WeakMap(), Ui = /* @__PURE__ */ new WeakMap(), Wi = /* @__PURE__ */ new WeakMap(), Gi = /* @__PURE__ */ new WeakMap(), Ki = /* @__PURE__ */ new WeakMap(), qi = /* @__PURE__ */ new WeakMap(), Ji = /* @__PURE__ */ new WeakMap(), Yi = /* @__PURE__ */ new WeakMap(), Xi = /* @__PURE__ */ new WeakMap(), Zi = /* @__PURE__ */ new WeakMap(), Qi = /* @__PURE__ */ new WeakMap(), $i = /* @__PURE__ */ new WeakMap(), ea = /* @__PURE__ */ new WeakMap(), ta = /* @__PURE__ */ new WeakMap(), na = /* @__PURE__ */ new WeakMap(), ra = /* @__PURE__ */ new WeakMap(), ia = /* @__PURE__ */ new WeakMap(), aa = /* @__PURE__ */ new WeakMap(), oa = /* @__PURE__ */ new WeakMap(), sa = /* @__PURE__ */ new WeakMap(), ca = /* @__PURE__ */ new WeakMap(), la = /* @__PURE__ */ new WeakMap(), ua = /* @__PURE__ */ new WeakMap(), da = /* @__PURE__ */ new WeakMap(), fa = /* @__PURE__ */ new WeakMap(), pa = /* @__PURE__ */ new WeakMap(), ma = /* @__PURE__ */ new WeakMap(), ha = /* @__PURE__ */ new WeakMap(), ga = /* @__PURE__ */ new WeakMap(), _a = /* @__PURE__ */ new WeakMap(), va = /* @__PURE__ */ new WeakMap(), ya = /* @__PURE__ */ new WeakMap(), ba = /* @__PURE__ */ new WeakMap(), xa = /* @__PURE__ */ new WeakMap(), Sa = class extends HTMLElement {
 	constructor() {
 		var t;
-		super(), S(this, U), f(this, yi, /* @__PURE__ */ new Map()), f(this, bi, 2e3), f(this, xi, null), f(this, Si, new br({ onChange: (e) => m(U, this, W).call(this, g.DURATION, e.toString()) })), f(this, Ci, null), f(this, wi, void 0), f(this, L, void 0), f(this, R, void 0), f(this, Ti, void 0), f(this, z, void 0), f(this, Ei, xe), f(this, Di, void 0), f(this, Oi, void 0), f(this, ki, void 0), f(this, Ai, void 0), f(this, B, void 0), f(this, ji, void 0), f(this, Mi, void 0), f(this, Ni, void 0), f(this, V, void 0), f(this, Pi, void 0), f(this, Fi, void 0), f(this, Ii, void 0), f(this, H, void 0), f(this, Li, null), f(this, Ri, !1), f(this, zi, null), f(this, Bi, void 0), f(this, Vi, (e) => {
+		super(), S(this, H), f(this, bi, /* @__PURE__ */ new Map()), f(this, xi, 2e3), f(this, Si, null), f(this, Ci, new xr({ onChange: (e) => m(H, this, U).call(this, g.DURATION, e.toString()) })), f(this, wi, null), f(this, Ti, void 0), f(this, I, void 0), f(this, L, void 0), f(this, Ei, void 0), f(this, R, void 0), f(this, Di, xe), f(this, Oi, void 0), f(this, ki, void 0), f(this, Ai, void 0), f(this, ji, void 0), f(this, z, void 0), f(this, Mi, void 0), f(this, Ni, void 0), f(this, Pi, void 0), f(this, B, void 0), f(this, Fi, void 0), f(this, Ii, void 0), f(this, Li, void 0), f(this, V, void 0), f(this, Ri, null), f(this, zi, !1), f(this, Bi, null), f(this, Vi, void 0), f(this, Hi, (e) => {
 			let t = e.filter((e) => {
 				var t;
 				return (t = e.video) == null ? void 0 : t.width;
 			});
-			m(U, this, W).call(this, g.RENDITION_LEVELS, JSON.stringify(t));
-		}), f(this, Hi, (e) => {
-			m(U, this, W).call(this, g.RENDITION_LEVEL, JSON.stringify(e));
+			m(H, this, U).call(this, g.RENDITION_LEVELS, JSON.stringify(t));
 		}), f(this, Ui, (e) => {
-			switch (e) {
-				case "playing":
-					m(U, this, G).call(this, g.PAUSED), m(U, this, G).call(this, g.BUFFERING);
-					break;
-				case "paused":
-					m(U, this, W).call(this, g.PAUSED, ""), m(U, this, G).call(this, g.BUFFERING);
-					break;
-				case "buffering":
-					m(U, this, G).call(this, g.PAUSED), m(U, this, W).call(this, g.BUFFERING, "");
-					break;
-				default: break;
+			m(H, this, U).call(this, g.RENDITION_LEVEL, JSON.stringify(e));
+		}), f(this, Wi, !1), f(this, Gi, (e) => {
+			let t = h(Wi, this);
+			p(Wi, this, !0);
+			try {
+				e();
+			} finally {
+				p(Wi, this, t);
 			}
-		}), f(this, Wi, (e) => {
-			m(U, this, W).call(this, g.VOLUME, e.volume.toString()), e.isMuted ? m(U, this, W).call(this, g.MUTED, "") : m(U, this, G).call(this, g.MUTED);
-		}), f(this, Gi, ({ channelId: e }) => {
-			var t;
-			this.setAttribute(g.CHANNEL_ID, e), ((t = h(L, this)) == null ? void 0 : t.playbackState) !== "buffering" && m(U, this, G).call(this, g.BUFFERING);
-		}), f(this, Ki, ({ channelId: e }) => {
-			var t;
-			h(Di, this) !== e && this.setAttribute(g.CHANNEL_ID, e), ((t = h(L, this)) == null ? void 0 : t.playbackState) !== "buffering" && m(U, this, G).call(this, g.BUFFERING);
+		}), f(this, Ki, (e) => {
+			h(Gi, this).call(this, () => {
+				switch (e) {
+					case "playing":
+						m(H, this, W).call(this, g.PAUSED), m(H, this, W).call(this, g.BUFFERING);
+						break;
+					case "paused":
+						m(H, this, U).call(this, g.PAUSED, ""), m(H, this, W).call(this, g.BUFFERING);
+						break;
+					case "buffering":
+						m(H, this, W).call(this, g.PAUSED), m(H, this, U).call(this, g.BUFFERING, "");
+						break;
+					default: break;
+				}
+			});
 		}), f(this, qi, (e) => {
-			p(ha, this, Date.now()), m(U, this, W).call(this, g.CHANNELS, JSON.stringify(e));
-		}), f(this, Ji, (e) => {
+			h(Gi, 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, Ji, ({ channelId: e }) => {
 			var t;
-			m(U, this, W).call(this, g.LANGUAGES, JSON.stringify(e)), (t = h(L, this)) != null && t.language && m(U, this, W).call(this, g.LANGUAGE, h(L, this).language);
-		}), f(this, Yi, (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, Yi, ({ channelId: e }) => {
 			var t;
-			if (m(U, this, W).call(this, g.TEXT_TRACKS, JSON.stringify(e)), (t = h(L, this)) != null && t.textTrack) {
-				var n, r;
-				m(U, this, W).call(this, g.TEXT_TRACK, (n = (r = h(L, this)) == null ? void 0 : r.textTrack) == null ? "" : n);
-			}
+			h(Oi, 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, Xi, (e) => {
-			e != null && e.forVideo ? (m(U, this, W).call(this, g.NEEDS_USER_INPUT_VIDEO, ""), m(U, this, G).call(this, g.NEEDS_USER_INPUT_AUDIO)) : e != null && e.forAudio && (m(U, this, W).call(this, g.NEEDS_USER_INPUT_AUDIO, ""), m(U, this, G).call(this, g.NEEDS_USER_INPUT_VIDEO));
+			p(va, this, Date.now()), m(H, this, U).call(this, g.CHANNELS, JSON.stringify(e));
 		}), f(this, Zi, (e) => {
-			e || m(U, this, G).call(this, g.BUFFERING), h(Si, this).setLive(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, Qi, (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, $i, (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, ea, (e) => {
+			e || m(H, this, W).call(this, g.BUFFERING), h(Ci, this).setLive(e);
+		}), f(this, ta, (e) => {
 			var t, n;
 			let { urls: r, duration: i } = e;
-			if (!r[0] || !h(z, this)) return;
+			if (!r[0] || !h(R, this)) return;
 			let a = new URL(r[0]);
-			a.searchParams.set("channelId", (t = h(Di, this)) == null ? "" : t);
+			a.searchParams.set("channelId", (t = h(Oi, this)) == null ? "" : t);
 			let o = this.getAttribute("authentication-token");
 			o && a.searchParams.set("authToken", o);
-			let s = Er(i);
+			let s = Dr(i);
 			if (Number.isNaN(s)) {
-				h(H, this).error(`Invalid duration format: ${i}`);
+				h(V, this).error(`Invalid duration format: ${i}`);
 				return;
 			}
 			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(z, this).setTimeshiftUrl(u), h(Si, this).start({
+			h(R, this).setTimeshiftUrl(u), h(Ci, this).start({
 				multivariantUrl: u,
 				params: {
-					channelId: (n = h(Di, this)) == null ? "" : n,
+					channelId: (n = h(Oi, this)) == null ? "" : n,
 					authToken: o == null ? void 0 : o,
 					from: l
 				},
 				windowCapSeconds: s
 			});
-		}), f(this, $i, () => {
-			m(U, this, G).call(this, g.PAUSED), m(U, this, G).call(this, g.BUFFERING);
-		}), f(this, ea, () => {
-			m(U, this, W).call(this, g.PAUSED, ""), m(U, this, G).call(this, g.BUFFERING);
-		}), f(this, ta, () => {
-			h(fa, this).call(this), m(U, this, G).call(this, g.BUFFERING);
 		}), f(this, na, () => {
-			h(z, this) && h(Si, this).applyLoadedDuration(h(z, this).duration);
+			m(H, this, W).call(this, g.PAUSED), m(H, this, W).call(this, g.BUFFERING);
 		}), f(this, ra, () => {
-			var e, t;
-			if (!h(z, this) || h(z, this).seeking || (e = (t = h(z, this)).shouldIgnoreTimeupdate) != null && e.call(t)) return;
-			let n = h(z, this).currentTime;
-			n !== void 0 && m(U, this, W).call(this, g.TIMESHIFT_POSITION, n.toString());
+			m(H, this, U).call(this, g.PAUSED, ""), m(H, this, W).call(this, g.BUFFERING);
 		}), f(this, ia, () => {
-			h(z, this) && (m(U, this, W).call(this, g.VOLUME, h(z, this).volume.toString()), h(z, this).muted ? m(U, this, W).call(this, g.MUTED, "") : m(U, this, G).call(this, g.MUTED));
+			h(ha, this).call(this), m(H, this, W).call(this, g.BUFFERING);
 		}), f(this, aa, () => {
-			m(U, this, W).call(this, g.BUFFERING, "");
+			h(R, this) && h(Ci, this).applyLoadedDuration(h(R, this).duration);
 		}), f(this, oa, () => {
-			m(U, this, G).call(this, g.BUFFERING);
+			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, sa, () => {
-			if (h(Ri, this)) {
-				if (h(R, this) !== h(z, this)) {
-					p(Ri, this, !1);
+			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, ca, () => {
+			m(H, this, U).call(this, g.BUFFERING, "");
+		}), f(this, la, () => {
+			m(H, this, W).call(this, g.BUFFERING);
+		}), f(this, ua, () => {
+			if (h(zi, this)) {
+				if (h(L, this) !== h(R, this)) {
+					p(zi, this, !1);
 					return;
 				}
-				p(Ri, this, !1), m(U, this, Za).call(this);
+				p(zi, this, !1), m(H, this, eo).call(this);
 			}
-		}), f(this, ca, 0), e(this, "handleEvent", (e) => {
+		}), f(this, da, 0), e(this, "handleEvent", (e) => {
 			switch (e.type) {
 				case "pointerdown":
-					p(ca, this, e.timeStamp);
+					p(da, this, e.timeStamp);
 					break;
 				case "pointermove":
-					m(U, this, Ba).call(this, e);
+					m(H, this, Ua).call(this, e);
 					break;
 				case "pointerup":
-					m(U, this, Va).call(this, e);
+					m(H, this, Wa).call(this, e);
 					break;
 				case "mouseleave":
-					m(U, this, Ya).call(this);
+					m(H, this, Qa).call(this);
 					break;
 				case "dblclick":
-					m(U, this, Ua).call(this, e);
+					m(H, this, Ka).call(this, e);
 					break;
 				case "mousemove":
-					m(U, this, Wa).call(this, e);
+					m(H, this, qa).call(this, e);
 					break;
 				case "keydown":
-					h(da, this).call(this, e);
+					h(ma, this).call(this, e);
 					break;
 				case "keyup":
-					m(U, this, Ya).call(this), h(ua, this).call(this, e);
+					m(H, this, Qa).call(this), h(pa, this).call(this, e);
 					break;
 			}
-		}), f(this, la, (e) => {
-			if (h(L, this) && (h(H, this).debug("Vindral event", { type: e.type }), e instanceof CustomEvent)) switch (e.type) {
+		}), f(this, fa, (e) => {
+			if (h(I, this) && (h(V, this).debug("Vindral event", { type: e.type }), e instanceof CustomEvent)) switch (e.type) {
 				case v.PLAY:
 					this.removeAttribute(g.PAUSED);
 					break;
@@ -2092,13 +2111,13 @@ var vi = [
 				case v.SET_RENDITION:
 					{
 						let t = e.detail;
-						t.audio && (h(L, this).maxAudioBitRate = t.audio.bitRate), t.video && (h(L, this).maxVideoBitRate = t.video.bitRate, h(L, this).maxSize = t.video, this.setAttribute(g.MAX_VIDEO_BITRATE, String(t.video.bitRate)));
+						t.audio && (h(I, this).maxAudioBitRate = t.audio.bitRate), t.video && (h(I, this).maxVideoBitRate = t.video.bitRate, h(I, this).maxSize = t.video, this.setAttribute(g.MAX_VIDEO_BITRATE, String(t.video.bitRate)));
 					}
 					break;
 				case v.SET_ABR_MODE:
 					{
 						let t = e.detail;
-						t ? (h(L, this).abrEnabled = !0, this.setAttribute(g.ABR_ENABLED, "")) : (h(L, this).abrEnabled = !1, this.removeAttribute(g.ABR_ENABLED)), m(U, this, W).call(this, g.ABR_ENABLED, String(t));
+						t ? (h(I, this).abrEnabled = !0, this.setAttribute(g.ABR_ENABLED, "")) : (h(I, this).abrEnabled = !1, this.removeAttribute(g.ABR_ENABLED)), m(H, this, U).call(this, g.ABR_ENABLED, String(t));
 					}
 					break;
 				case v.SET_SIZE_BASED_RESOLUTION_CAP_MODE:
@@ -2108,10 +2127,10 @@ var vi = [
 					}
 					break;
 				case v.CHANNEL_GRID_OPENED:
-					h(Li, this) === null && m(U, this, Ka).call(this);
+					h(Ri, this) === null && m(H, this, Ya).call(this);
 					break;
 				case v.CHANNEL_GRID_CLOSED:
-					h(Li, this) !== null && (clearTimeout(h(Li, this)), p(Li, this, null));
+					h(Ri, this) !== null && (clearTimeout(h(Ri, this)), p(Ri, this, null));
 					break;
 				case v.ENTER_PIP:
 					this.setAttribute(g.IS_PIP, "");
@@ -2121,7 +2140,7 @@ var vi = [
 					break;
 				case v.REQUEST_AIRPLAY:
 					var t;
-					(t = h(Ni, this)) == null || t.showPlaybackTargetPicker();
+					(t = h(Pi, this)) == null || t.showPlaybackTargetPicker();
 					break;
 				case v.SET_LANGUAGE:
 					_(e.detail) ? this.setAttribute(g.LANGUAGE, e.detail) : this.removeAttribute(g.LANGUAGE);
@@ -2130,19 +2149,19 @@ var vi = [
 					_(e.detail) ? this.setAttribute(g.TEXT_TRACK, e.detail) : this.removeAttribute(g.TEXT_TRACK);
 					break;
 				case v.REQUEST_USER_INPUT:
-					h(L, this).play(), h(L, this).muted = !1;
+					h(I, this).play(), h(I, this).muted = !1;
 					break;
 				case v.SET_VOLUME:
 					{
 						let t = e.detail;
-						h(L, this).muted && t > 0 ? (h(L, this).muted = !1, h(z, this) && (h(z, this).muted = !1)) : t === 0 && (h(L, this).muted = !0, h(z, this) && (h(z, this).muted = !0)), this.setAttribute(g.VOLUME, t.toString());
+						h(I, this).muted && t > 0 ? (h(I, this).muted = !1, h(R, this) && (h(R, this).muted = !1)) : t === 0 && (h(I, this).muted = !0, h(R, this) && (h(R, this).muted = !0)), this.setAttribute(g.VOLUME, t.toString());
 					}
 					break;
 				case v.SEEK:
 					this.handleTimeShiftUpdate(String(e.detail));
 					break;
 				case v.GO_LIVE:
-					h(fa, this).call(this);
+					h(ha, this).call(this);
 					break;
 				case v.TOGGLE_DEBUG_PANEL:
 					this.hasAttribute(g.DEBUG_PANEL_OPEN) ? this.removeAttribute(g.DEBUG_PANEL_OPEN) : this.setAttribute(g.DEBUG_PANEL_OPEN, "");
@@ -2154,214 +2173,217 @@ var vi = [
 					}
 					break;
 			}
-		}), f(this, ua, (e) => {
+		}), f(this, pa, (e) => {
 			let { key: t } = e;
-			if (!vi.includes(t)) {
+			if (!yi.includes(t)) {
 				this.removeEventListener("keyup", this);
 				return;
 			}
-			m(U, this, Ga).call(this, e);
-		}), f(this, da, (e) => {
+			m(H, this, Ja).call(this, e);
+		}), f(this, ma, (e) => {
 			let { metaKey: t, altKey: n, key: r } = e;
-			t || n || !vi.includes(r) || this.addEventListener("keyup", this, { once: !0 });
-		}), f(this, fa, () => {
+			t || n || !yi.includes(r) || this.addEventListener("keyup", this, { once: !0 });
+		}), f(this, ha, () => {
 			this.removeAttribute(g.TIMESHIFT_POSITION), this.handleTimeShiftUpdate(!1);
-		}), f(this, pa, (e) => {
+		}), f(this, ga, (e) => {
 			var t;
-			h(z, this) || m(U, this, wa).call(this), h(R, this) !== h(z, this) && (e && m(U, this, Qa).call(this), p(R, this, h(z, this)), m(U, this, Sa).call(this), m(U, this, Ca).call(this), m(U, this, Oa).call(this), (t = h(L, this)) == null || t.pause(), p(Ri, this, e));
-		}), f(this, ma, (e) => {
+			h(R, this) || m(H, this, Da).call(this), h(L, this) !== h(R, this) && (e && m(H, this, to).call(this), p(L, this, h(R, this)), m(H, this, Ta).call(this), m(H, this, Ea).call(this), m(H, this, ja).call(this), (t = h(I, this)) == null || t.pause(), p(zi, this, e));
+		}), f(this, _a, (e) => {
 			var t, n, r, i;
-			e && m(U, this, Qa).call(this), (t = h(z, this)) == null || t.hide(), p(R, this, h(Ti, this)), m(U, this, Oa).call(this), this.hasAttribute(g.PAUSED) ? (n = h(R, this)) == null || n.pause() : (r = h(R, this)) == null || r.play(), m(U, this, Ea).call(this), m(U, this, xa).call(this), (i = h(z, this)) == null || i.pause(), e && (p(Ri, this, !1), setTimeout(() => {
-				m(U, this, Za).call(this);
+			e && m(H, this, to).call(this), (t = h(R, this)) == null || t.hide(), p(L, this, h(Ei, this)), m(H, this, ja).call(this), this.hasAttribute(g.PAUSED) ? (n = h(L, this)) == null || n.pause() : (r = h(L, this)) == null || r.play(), m(H, this, ka).call(this), m(H, this, wa).call(this), (i = h(R, this)) == null || i.pause(), e && (p(zi, this, !1), setTimeout(() => {
+				m(H, this, eo).call(this);
 			}, 100));
 		}), e(this, "handleTimeShiftUpdate", (e) => {
 			let t = this.hasAttribute(g.IS_PIP);
 			if (e !== !1) {
 				var n;
-				h(pa, this).call(this, t), (n = h(z, this)) == null || n.seek({
+				h(ga, this).call(this, t), (n = h(R, this)) == null || n.seek({
 					time: parseFloat(e),
 					playWhenReady: !this.hasAttribute(g.PAUSED)
 				});
 				return;
 			}
-			h(R, this) !== h(Ti, this) && h(ma, this).call(this, t);
-		}), f(this, ha, null), f(this, ga, () => {
+			h(L, this) !== h(Ei, this) && h(_a, this).call(this, t);
+		}), f(this, va, null), f(this, ya, () => {
 			var e;
-			let t = (e = h(L, this)) == null ? void 0 : e.currentRenditionLevel;
+			let t = (e = h(I, this)) == null ? void 0 : e.currentRenditionLevel;
 			if (!(t != null && t.video)) return;
 			let n = a(t.video.width > t.video.height ? "landscape-primary" : "portrait-primary");
 			n && n.catch(() => {});
-		}), f(this, _a, () => {
+		}), f(this, ba, () => {
 			s();
-		}), f(this, va, null);
+		}), f(this, xa, null);
 		let n = this.attachShadow({ mode: "open" });
-		n.appendChild(_i.content.cloneNode(!0));
+		n.appendChild(vi.content.cloneNode(!0));
 		let r = ye(this.getAttribute("log-level"));
-		p(H, this, fe.get().createContext("VindralController")), h(H, this).setLevel(r), p(wi, this, (t = this.shadowRoot) == null ? void 0 : t.querySelector("#time-shift-video")), p(Bi, this, new Jn(n));
+		p(V, this, fe.get().createContext("VindralController")), h(V, this).setLevel(r), p(Ti, this, (t = this.shadowRoot) == null ? void 0 : t.querySelector("#time-shift-video")), p(Vi, this, new Yn(n));
 	}
 	connectedCallback() {
 		var e = this;
 		return t(function* () {
-			x(e.getAttribute("auto-instance-enabled"), !0) && (yield m(U, e, ba).call(e));
-			for (let t of Object.values(v)) e.addEventListener(t, h(la, e));
-			window.PointerEvent ? (e.addEventListener("pointerdown", e), e.addEventListener("pointermove", e), e.addEventListener("pointerup", e)) : e.addEventListener("mousemove", e), e.addEventListener("mouseleave", e), e.addEventListener("keydown", e), e.addEventListener("resize", e), e.addEventListener("dblclick", e), e.connectListener(e), m(U, e, Ra).call(e), e.tabIndex = 0, e.focus({ preventScroll: !0 });
+			x(e.getAttribute("auto-instance-enabled"), !0) && (yield m(H, e, Ca).call(e));
+			for (let t of Object.values(v)) e.addEventListener(t, h(fa, 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(Gi, e).call(e, () => e.connectListener(e)), m(H, e, Va).call(e), e.tabIndex = 0, e.focus({ preventScroll: !0 });
 		})();
 	}
 	disconnectedCallback() {
 		var e, t, n, r, i;
-		m(U, this, za).call(this), m(U, this, ao).call(this), h(Bi, this).unload(), (e = h(L, this)) == null || e.unload(), (t = h(B, this)) == null || t.unload(), (n = h(ji, this)) == null || n.unload(), (r = h(Mi, this)) == null || r.unload(), (i = h(V, this)) == null || i.unload(), m(U, this, Ta).call(this);
-		for (let e of Object.values(v)) this.removeEventListener(e, h(la, this));
-		m(U, this, Sa).call(this), h(xi, this) && (clearTimeout(h(xi, this)), p(xi, this, null)), h(Si, this).stop(), this.disconnectListener(this);
+		m(H, this, Ha).call(this), m(H, this, co).call(this), h(Vi, this).unload(), (e = h(I, this)) == null || e.unload(), (t = h(z, this)) == null || t.unload(), (n = h(Mi, this)) == null || n.unload(), (r = h(Ni, this)) == null || r.unload(), (i = h(B, this)) == null || i.unload(), m(H, this, Oa).call(this);
+		for (let e of Object.values(v)) this.removeEventListener(e, h(fa, this));
+		m(H, this, Ta).call(this), h(Si, this) && (clearTimeout(h(Si, this)), p(Si, this, null)), h(Ci, this).stop(), this.disconnectListener(this);
 	}
 	attributeChangedCallback(e, t, n) {
 		if (t !== n) {
-			switch (h(H, this).debug("Attribute changed", {
+			switch (h(V, this).debug("Attribute changed", {
 				name: e,
 				oldValue: t,
 				newValue: n
 			}), e) {
 				case "channel-id":
-					p(Di, this, n), h(L, this) && n && (h(L, this).channelId = n, h(L, this).play(), m(U, this, W).call(this, g.BUFFERING, ""), m(U, this, W).call(this, g.CHANNEL_ID, n), m(U, this, W).call(this, g.POSTER_SRC, h(L, this).getThumbnailUrl()));
+					p(Oi, 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(Oi, this, n);
+					p(ki, this, n);
 					break;
 				case "url":
-					n && p(Ei, this, n);
+					n && p(Di, this, n);
 					break;
 				case "paused":
 					if (_(n)) {
-						var r;
-						(r = h(R, this)) == null || r.pause(), m(U, this, W).call(this, g.PAUSED, "");
-					} else {
+						if (!h(Wi, 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(Wi, this)) {
 						var i;
-						m(U, this, G).call(this, g.NEEDS_USER_INPUT_VIDEO), m(U, this, G).call(this, g.PAUSED), (i = h(R, this)) == null || i.play();
+						(i = h(L, this)) == null || i.play();
 					}
 					break;
 				case "target-buffer-time":
 					if (n) {
 						let e = parseInt(n, 10);
-						Number.isNaN(e) || (h(L, this) && (h(L, this).targetBufferTime = e), m(U, this, W).call(this, g.TARGET_BUFFER_TIME, String(e)));
+						Number.isNaN(e) || (h(I, this) && (h(I, this).targetBufferTime = e), m(H, this, U).call(this, g.TARGET_BUFFER_TIME, String(e)));
 					}
 					break;
 				case "min-buffer-time":
-					if (h(L, this) && _(n)) {
+					if (h(I, this) && _(n)) {
 						let e = Ce(n);
-						e !== void 0 && h(L, this).updateBufferTimeConfig({ minBufferTime: e });
+						e !== void 0 && h(I, this).updateBufferTimeConfig({ minBufferTime: e });
 					}
 					break;
 				case "max-buffer-time":
-					if (h(L, this) && _(n)) {
+					if (h(I, this) && _(n)) {
 						let e = Ce(n);
-						e !== void 0 && h(L, this).updateBufferTimeConfig({ maxBufferTime: e });
+						e !== void 0 && h(I, this).updateBufferTimeConfig({ maxBufferTime: e });
 					}
 					break;
 				case g.DEBUG_PANEL_OPEN:
-					_(n) ? m(U, this, W).call(this, g.DEBUG_PANEL_OPEN, "") : m(U, this, G).call(this, g.DEBUG_PANEL_OPEN), m(U, this, ro).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, oo).call(this);
 					break;
 				case "user-interacting":
-					_(n) ? m(U, this, W).call(this, g.USER_INTERACTING, "") : m(U, this, G).call(this, g.USER_INTERACTING);
+					_(n) ? m(H, this, U).call(this, g.USER_INTERACTING, "") : m(H, this, W).call(this, g.USER_INTERACTING);
 					break;
 				case "muted":
-					if (h(L, this)) if (_(n)) {
+					if (h(I, this)) if (_(n)) {
 						var a;
-						if (h(L, this).muted = !0, h(z, this) && (h(z, this).muted = !0), m(U, this, W).call(this, g.MUTED, ""), (a = h(V, this)) != null && a.isMediaElementSource) {
+						if (h(Wi, 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(V, this)) == null || o.stop(), m(U, this, W).call(this, g.VOLUME_LEVEL, JSON.stringify({
+							(o = h(B, this)) == null || o.stop(), m(H, this, U).call(this, g.VOLUME_LEVEL, JSON.stringify({
 								left: null,
 								right: null
 							}));
 						}
 					} else {
 						var s;
-						h(L, this).muted = !1, h(z, this) && (h(z, this).muted = !1), m(U, this, G).call(this, g.MUTED), m(U, this, G).call(this, g.NEEDS_USER_INPUT_AUDIO), h(L, this).volume === 0 && (h(L, this).volume = .3), (s = h(V, this)) == null || s.start();
+						h(Wi, 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(U, this, Ja).call(this) : m(U, this, Ya).call(this);
+					_(n) ? m(H, this, Za).call(this) : m(H, this, Qa).call(this);
 					break;
 				case "is-fullscreen":
-					_(n) ? m(U, this, $a).call(this) : m(U, this, eo).call(this);
+					_(n) ? m(H, this, no).call(this) : m(H, this, ro).call(this);
 					break;
 				case "abr-enabled":
 					{
 						let e = x(n == null ? null : n, !1);
-						h(L, this) && (h(L, this).abrEnabled = e, e && (h(L, this).sizeBasedResolutionCapEnabled = x(this.getAttribute(g.SIZE_BASED_RESOLUTION_CAP_ENABLED), !0))), e ? m(U, this, W).call(this, g.ABR_ENABLED, "") : m(U, this, G).call(this, g.ABR_ENABLED);
+						h(I, this) && (h(I, this).abrEnabled = e, e && (h(I, this).sizeBasedResolutionCapEnabled = x(this.getAttribute(g.SIZE_BASED_RESOLUTION_CAP_ENABLED), !0))), e ? m(H, this, U).call(this, g.ABR_ENABLED, "") : m(H, this, W).call(this, g.ABR_ENABLED);
 					}
 					break;
 				case "size-based-resolution-cap-enabled":
 					{
 						let e = x(n == null ? null : n, !0);
-						h(L, this) && (h(L, this).sizeBasedResolutionCapEnabled = e), m(U, this, W).call(this, g.SIZE_BASED_RESOLUTION_CAP_ENABLED, e ? "true" : "false");
+						h(I, this) && (h(I, this).sizeBasedResolutionCapEnabled = e), m(H, this, U).call(this, g.SIZE_BASED_RESOLUTION_CAP_ENABLED, e ? "true" : "false");
 					}
 					break;
 				case "max-video-bit-rate":
-					p(ki, this, n), _(n) ? m(U, this, W).call(this, g.MAX_VIDEO_BITRATE, n) : m(U, this, G).call(this, g.MAX_VIDEO_BITRATE), h(z, this) && (h(z, this).maxVideoBitRate = n ? Ce(n) : void 0);
+					p(Ai, 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 ? Ce(n) : void 0);
 					break;
 				case "max-initial-bit-rate":
-					p(Ai, this, n), _(n) ? m(U, this, W).call(this, g.MAX_INITIAL_BITRATE, n) : m(U, this, G).call(this, g.MAX_INITIAL_BITRATE);
+					p(ji, 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(U, this, Za).call(this) : m(U, this, Qa).call(this);
+					_(n) ? m(H, this, eo).call(this) : m(H, this, to).call(this);
 					break;
 				case "is-airplaying":
 					if (_(n)) {
 						var c, l;
-						(c = h(L, this)) != null && c.mediaElement && (h(L, this).mediaElement.style.display = "hidden"), (l = h(L, this)) == null || l.pause();
+						(c = h(I, this)) != null && c.mediaElement && (h(I, this).mediaElement.style.display = "hidden"), (l = h(I, this)) == null || l.pause();
 					} else {
 						var u;
-						(u = h(L, this)) != null && u.mediaElement && (h(L, this).mediaElement.style.display = "block");
+						(u = h(I, this)) != null && u.mediaElement && (h(I, this).mediaElement.style.display = "block");
 					}
 					break;
 				case "is-casting":
 					if (_(n)) {
 						var ee, d;
-						(ee = h(ji, this)) != null && ee.isFullscreen() && m(U, this, eo).call(this), (d = h(L, this)) == null || d.pause();
+						(ee = h(Mi, this)) != null && ee.isFullscreen() && m(H, this, ro).call(this), (d = h(I, this)) == null || d.pause();
 					} else if (!document.hidden) {
 						var te;
-						(te = h(L, this)) == null || te.play();
+						(te = h(I, this)) == null || te.play();
 					}
 					break;
 				case "cast-receiver-id":
-					p(Fi, this, n);
+					p(Ii, this, n);
 					break;
 				case "cast-background":
-					p(Ii, this, n);
+					p(Li, this, n);
 					break;
 				case "language":
-					h(L, this) && (h(L, this).language = n, _(n) ? m(U, this, W).call(this, g.LANGUAGE, n) : m(U, this, G).call(this, g.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));
 					break;
 				case "text-track":
-					h(L, this) && (h(L, this).textTrack = n, _(n) ? m(U, this, W).call(this, g.TEXT_TRACK, n) : m(U, this, G).call(this, g.TEXT_TRACK));
+					h(I, this) && (h(I, this).textTrack = n, _(n) ? m(H, this, U).call(this, g.TEXT_TRACK, n) : m(H, this, W).call(this, g.TEXT_TRACK));
 					break;
 				case "log-level":
-					_(n) && h(H, this).setLevel(ye(n));
+					_(n) && h(V, this).setLevel(ye(n));
 					break;
 				case "authentication-token":
 					if (_(n)) {
 						var ne, re;
-						(ne = h(L, this)) == null || ne.updateAuthenticationToken(n), (re = h(Ni, this)) == null || re.updateAuthenticationToken(n), m(U, this, W).call(this, g.AUTHENTICATION_TOKEN, n);
-					} else m(U, this, G).call(this, g.AUTHENTICATION_TOKEN);
+						(ne = h(I, this)) == null || ne.updateAuthenticationToken(n), (re = h(Pi, 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":
 					if (_(n)) {
 						let e = parseFloat(n);
-						h(z, this) && (h(z, this).volume = e), h(L, this) && (h(L, this).volume = e);
+						h(R, this) && (h(R, this).volume = e), h(I, this) && (h(I, this).volume = e);
 					}
 					break;
 				case "timeshift-position":
-					_(n) ? m(U, this, W).call(this, g.TIMESHIFT_POSITION, n) : m(U, this, G).call(this, g.TIMESHIFT_POSITION);
+					_(n) ? m(H, this, U).call(this, g.TIMESHIFT_POSITION, n) : m(H, this, W).call(this, g.TIMESHIFT_POSITION);
 					break;
 				case "timeline-markers":
-					_(n) ? m(U, this, W).call(this, g.TIMELINE_MARKERS, n) : m(U, this, G).call(this, g.TIMELINE_MARKERS);
+					_(n) ? m(H, this, U).call(this, g.TIMELINE_MARKERS, n) : m(H, this, W).call(this, g.TIMELINE_MARKERS);
 					break;
 				case "drm-headers":
 					if (_(n)) {
 						let e = Te(n);
 						if (e) {
 							var ie;
-							(ie = h(L, this)) == null || ie.drm.setHeaders(e);
-						} else h(H, this).warn("Invalid DRM headers format:", n);
+							(ie = h(I, this)) == null || ie.drm.setHeaders(e);
+						} else h(V, this).warn("Invalid DRM headers format:", n);
 					}
 					break;
 				case "drm-queryparams":
@@ -2369,8 +2391,8 @@ var vi = [
 						let e = Te(n);
 						if (e) {
 							var ae;
-							(ae = h(L, this)) == null || ae.drm.setQueryParams(e);
-						} else h(H, this).warn("Invalid DRM query parameters format:", n);
+							(ae = h(I, this)) == null || ae.drm.setQueryParams(e);
+						} else h(V, this).warn("Invalid DRM query parameters format:", n);
 					}
 					break;
 			}
@@ -2378,36 +2400,36 @@ var vi = [
 				g.USER_INTERACTING,
 				g.PAUSED,
 				g.HIDE_UI_ON_PAUSE
-			].includes(e) && m(U, this, Xa).call(this);
+			].includes(e) && m(H, this, $a).call(this);
 		}
 	}
 	connectListener(e) {
-		Tr(e).forEach((t) => {
-			let n = h(yi, this).get(t);
-			switch (n ? n.push(e) : h(yi, this).set(t, [e]), t) {
+		Er(e).forEach((t) => {
+			let n = h(bi, this).get(t);
+			switch (n ? n.push(e) : h(bi, this).set(t, [e]), t) {
 				case g.PAUSED:
 					var r;
-					(((r = h(L, this)) == null ? void 0 : r.playbackState) === "paused" || this.hasAttribute(g.PAUSED)) && e.setAttribute(g.PAUSED, "");
+					(((r = h(I, this)) == null ? void 0 : r.playbackState) === "paused" || this.hasAttribute(g.PAUSED)) && e.setAttribute(g.PAUSED, "");
 					break;
 				case g.MUTED:
 					var i;
-					((i = h(L, this)) != null && i.muted || this.hasAttribute(g.MUTED)) && e.setAttribute(g.MUTED, "");
+					((i = h(I, this)) != null && i.muted || this.hasAttribute(g.MUTED)) && e.setAttribute(g.MUTED, "");
 					break;
 				case g.MAX_VIDEO_BITRATE:
-					h(ki, this) && e.setAttribute(g.MAX_VIDEO_BITRATE, h(ki, this));
+					h(Ai, this) && e.setAttribute(g.MAX_VIDEO_BITRATE, h(Ai, this));
 					break;
 				case g.SIZE_BASED_RESOLUTION_CAP_ENABLED:
 					{
 						var a, o;
-						let t = (a = (o = h(L, this)) == null ? void 0 : o.sizeBasedResolutionCapEnabled) == null ? x(this.getAttribute(g.SIZE_BASED_RESOLUTION_CAP_ENABLED), !0) : a;
+						let t = (a = (o = h(I, this)) == null ? void 0 : o.sizeBasedResolutionCapEnabled) == null ? x(this.getAttribute(g.SIZE_BASED_RESOLUTION_CAP_ENABLED), !0) : a;
 						e.setAttribute(g.SIZE_BASED_RESOLUTION_CAP_ENABLED, t ? "true" : "false");
 					}
 					break;
 				case g.CHANNEL_ID:
-					h(Di, this) && e.setAttribute(g.CHANNEL_ID, h(Di, this));
+					h(Oi, this) && e.setAttribute(g.CHANNEL_ID, h(Oi, this));
 					break;
 				case g.CHANNEL_GROUP_ID:
-					h(Oi, this) && e.setAttribute(g.CHANNEL_GROUP_ID, h(Oi, this));
+					h(ki, this) && e.setAttribute(g.CHANNEL_GROUP_ID, h(ki, this));
 					break;
 				case g.AUTHENTICATION_TOKEN: {
 					let t = this.getAttribute("authentication-token");
@@ -2429,53 +2451,53 @@ var vi = [
 				}
 				case g.PLAYBACK_LATENCY: {
 					var s;
-					let t = (s = h(L, this)) == null ? void 0 : s.playbackLatency;
+					let t = (s = h(I, this)) == null ? void 0 : s.playbackLatency;
 					typeof t == "number" && e.setAttribute(g.PLAYBACK_LATENCY, String(t));
 					break;
 				}
 				case g.CONNECTION_STATE:
-					h(L, this) && e.setAttribute(g.CONNECTION_STATE, h(L, this).connectionState);
+					h(I, this) && e.setAttribute(g.CONNECTION_STATE, h(I, this).connectionState);
 					break;
 				case g.ABR_ENABLED:
-					h(L, this) ? e.setAttribute(g.ABR_ENABLED, String(h(L, this).abrEnabled)) : _(this.getAttribute(g.ABR_ENABLED)) ? e.setAttribute(g.ABR_ENABLED, this.getAttribute(g.ABR_ENABLED) || "") : e.removeAttribute(g.ABR_ENABLED);
+					h(I, this) ? e.setAttribute(g.ABR_ENABLED, String(h(I, this).abrEnabled)) : _(this.getAttribute(g.ABR_ENABLED)) ? e.setAttribute(g.ABR_ENABLED, this.getAttribute(g.ABR_ENABLED) || "") : e.removeAttribute(g.ABR_ENABLED);
 					break;
 			}
 		});
 	}
 	disconnectListener(e) {
-		Tr(e).forEach((t) => {
-			let n = h(yi, this).get(t);
-			n && h(yi, this).set(t, n.filter((t) => t !== e));
+		Er(e).forEach((t) => {
+			let n = h(bi, this).get(t);
+			n && h(bi, this).set(t, n.filter((t) => t !== e));
 		});
 	}
 	get instance() {
-		return h(L, this);
+		return h(I, this);
 	}
 	get fullscreen() {
-		return m(U, this, ja).call(this);
+		return m(H, this, Pa).call(this);
 	}
 	get airPlay() {
-		return h(Ni, this);
+		return h(Pi, this);
 	}
 	get timelineMarkers() {
-		return Nr(this.getAttribute(g.TIMELINE_MARKERS));
+		return Pr(this.getAttribute(g.TIMELINE_MARKERS));
 	}
 	set timelineMarkers(e) {
-		let t = Mr(e);
+		let t = Nr(e);
 		t.length === 0 ? this.removeAttribute(g.TIMELINE_MARKERS) : this.setAttribute(g.TIMELINE_MARKERS, JSON.stringify(t));
 	}
 	connect() {
-		m(U, this, ba).call(this);
+		m(H, this, Ca).call(this);
 	}
 };
-function ba() {
+function Ca() {
 	var e = this;
 	return t(function* () {
 		var t, n;
-		if (!h(Di, e)) return;
-		let r = h(R, e) === h(Ti, e);
-		h(Si, e).stop(), yield (t = h(L, e)) == null ? void 0 : t.unload(), r && p(R, e, void 0);
-		let i = e.hasAttribute(g.PAUSED), a = e.hasAttribute(g.MUTED), o = Ce(e.getAttribute(g.VOLUME)), s = typeof o == "number" ? Math.max(0, Math.min(1, o)) : o, c = _e(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 = Ce(e.getAttribute("max-video-bit-rate")), te = Ce(e.getAttribute("max-initial-bit-rate")), ne = ge(e.getAttribute("max-size")), re = Ce(e.getAttribute("min-buffer-time")), ie = Ce(e.getAttribute("max-buffer-time")), oe = x(e.getAttribute("burst-enabled")), se = x(e.getAttribute("mse-enabled")), ce = x(e.getAttribute("mse-opus-enabled")), f = x(e.getAttribute("background-play-enabled")), le = x(e.getAttribute("ios-background-play-enabled")), ue = x(e.getAttribute("ios-wake-lock-enabled")), de = x(e.getAttribute("stream-to-media-element-enabled")), fe = x(e.getAttribute("ios-media-element-enabled")), pe = x(e.getAttribute("abr-enabled"), !0), me = x(e.getAttribute("size-based-resolution-cap-enabled")), v = x(e.getAttribute("telemetry-enabled")), y = ve(e.getAttribute("video-codecs")), xe = he(e.getAttribute("poster")), b = Se(e.getAttribute("advanced")), we = ye(e.getAttribute("log-level")), Ee = {
+		if (!h(Oi, e)) return;
+		let r = h(L, e) === h(Ei, e);
+		h(Ci, 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 = Ce(e.getAttribute(g.VOLUME)), s = typeof o == "number" ? Math.max(0, Math.min(1, o)) : o, c = _e(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 = Ce(e.getAttribute("max-video-bit-rate")), te = Ce(e.getAttribute("max-initial-bit-rate")), ne = ge(e.getAttribute("max-size")), re = Ce(e.getAttribute("min-buffer-time")), ie = Ce(e.getAttribute("max-buffer-time")), oe = x(e.getAttribute("burst-enabled")), se = x(e.getAttribute("mse-enabled")), ce = x(e.getAttribute("mse-opus-enabled")), f = x(e.getAttribute("background-play-enabled")), le = x(e.getAttribute("ios-background-play-enabled")), ue = x(e.getAttribute("media-session-enabled")), de = x(e.getAttribute("ios-wake-lock-enabled")), fe = x(e.getAttribute("stream-to-media-element-enabled")), pe = x(e.getAttribute("ios-media-element-enabled")), me = x(e.getAttribute("abr-enabled"), !0), v = x(e.getAttribute("size-based-resolution-cap-enabled")), y = x(e.getAttribute("telemetry-enabled")), xe = ve(e.getAttribute("video-codecs")), b = he(e.getAttribute("poster")), we = Se(e.getAttribute("advanced")), Ee = ye(e.getAttribute("log-level")), De = {
 			headers: Te(e.getAttribute("drm-headers")),
 			queryParams: Te(e.getAttribute("drm-queryparams")),
 			widevine: {
@@ -2486,11 +2508,11 @@ function ba() {
 				videoRobustness: be(e.getAttribute("drm-playready-video-robustness")),
 				audioRobustness: be(e.getAttribute("drm-playready-audio-robustness"))
 			}
-		}, De = Me(e.getAttribute("webcodecs-hardware-acceleration")), S = je(e.getAttribute("decoders")), Oe = x(e.getAttribute("offscreen-canvas-enabled")), ke = x(e.getAttribute("webtransport-enabled")), Ae = Ce(e.getAttribute("reconnect-retries")), Ne = Ae === void 0 ? void 0 : (e) => e.reconnectRetries < Ae, Pe = e.getAttribute("language") || void 0;
-		p(L, e, new ae({
-			url: h(Ei, e),
-			channelId: h(Di, e),
-			channelGroupId: h(Oi, e),
+		}, S = Me(e.getAttribute("webcodecs-hardware-acceleration")), Oe = je(e.getAttribute("decoders")), ke = x(e.getAttribute("offscreen-canvas-enabled")), Ae = x(e.getAttribute("webtransport-enabled")), Ne = Ce(e.getAttribute("reconnect-retries")), Pe = Ne === void 0 ? void 0 : (e) => e.reconnectRetries < Ne, Fe = e.getAttribute("language") || void 0;
+		p(I, e, new ae({
+			url: h(Di, e),
+			channelId: h(Oi, e),
+			channelGroupId: h(ki, e),
 			edgeUrl: u,
 			authenticationToken: ee,
 			muted: a,
@@ -2506,170 +2528,175 @@ function ba() {
 			mseOpusEnabled: ce,
 			backgroundPlayEnabled: f,
 			iosBackgroundPlayEnabled: le,
-			iosWakeLockEnabled: ue,
-			streamToMediaElementEnabled: de,
-			iosMediaElementEnabled: fe,
-			abrEnabled: pe,
-			sizeBasedResolutionCapEnabled: me,
-			telemetryEnabled: v,
-			videoCodecs: y,
-			poster: xe,
+			mediaSessionEnabled: ue,
+			iosWakeLockEnabled: de,
+			streamToMediaElementEnabled: fe,
+			iosMediaElementEnabled: pe,
+			abrEnabled: me,
+			sizeBasedResolutionCapEnabled: v,
+			telemetryEnabled: y,
+			videoCodecs: xe,
+			poster: b,
 			textTrack: l,
-			advanced: b,
-			logLevel: we,
-			language: Pe,
-			drm: Ee,
-			webtransportEnabled: ke,
-			webcodecsHardwareAcceleration: De,
-			decoders: S,
-			offscreenCanvasEnabled: Oe,
-			reconnectHandler: Ne
-		})), p(Ti, e, new fi(h(L, e))), h(R, e) || p(R, e, h(Ti, e)), m(U, e, xa).call(e), p(Ci, e, (n = e.shadowRoot) == null ? void 0 : n.querySelector("#video")), h(Ci, e) && (h(L, e).attach(h(Ci, e)), h(Bi, e).observe(h(Ci, e))), e.setAttribute(g.MEDIA, h(L, e).media), h(L, e).muted && m(U, e, W).call(e, g.MUTED, ""), h(L, e).abrEnabled ? m(U, e, W).call(e, g.ABR_ENABLED, "") : m(U, e, G).call(e, g.ABR_ENABLED), m(U, e, W).call(e, g.SIZE_BASED_RESOLUTION_CAP_ENABLED, h(L, e).sizeBasedResolutionCapEnabled ? "true" : "false"), m(U, e, W).call(e, g.VOLUME, h(L, e).volume.toString()), _(xe) || m(U, e, W).call(e, g.POSTER_SRC, h(L, e).getThumbnailUrl());
-		let Fe = x(e.getAttribute(g.AIRPLAY_ENABLED), !1), C = x(e.getAttribute(g.CAST_ENABLED), !0), Ie = x(e.getAttribute(g.FULLSCREEN_ENABLED), !0), Le = x(e.getAttribute(g.PIP_ENABLED), !0), Re = x(e.getAttribute(g.VU_METER_ENABLED), !1), ze = x(e.getAttribute(g.TIMESHIFT_ENABLED), !1);
-		Fe && m(U, e, Ia).call(e, h(L, e)), C && m(U, e, Ma).call(e, h(L, e)), Ie && m(U, e, ka).call(e, h(L, e)), Le && m(U, e, Da).call(e, h(L, e)), i || h(L, e).play(), Re && m(U, e, La).call(e, h(L, e)), e.dispatchEvent(new CustomEvent("vindral-instance-ready", {
+			advanced: we,
+			logLevel: Ee,
+			language: Fe,
+			drm: De,
+			webtransportEnabled: Ae,
+			webcodecsHardwareAcceleration: S,
+			decoders: Oe,
+			offscreenCanvasEnabled: ke,
+			reconnectHandler: Pe
+		})), p(Ei, e, new pi(h(I, e))), h(L, e) || p(L, e, h(Ei, e)), m(H, e, wa).call(e), p(wi, e, (n = e.shadowRoot) == null ? void 0 : n.querySelector("#video")), h(wi, e) && (h(I, e).attach(h(wi, e)), h(Vi, e).observe(h(wi, e))), e.setAttribute(g.MEDIA, h(I, e).media);
+		let C = h(I, e);
+		h(Gi, e).call(e, () => {
+			C.muted && m(H, e, U).call(e, g.MUTED, ""), C.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, C.sizeBasedResolutionCapEnabled ? "true" : "false"), m(H, e, U).call(e, g.VOLUME, C.volume.toString());
+		}), _(b) || m(H, e, U).call(e, g.POSTER_SRC, h(I, e).getThumbnailUrl());
+		let Ie = x(e.getAttribute(g.AIRPLAY_ENABLED), !1), Le = x(e.getAttribute(g.CAST_ENABLED), !0), Re = x(e.getAttribute(g.FULLSCREEN_ENABLED), !0), ze = x(e.getAttribute(g.PIP_ENABLED), !0), Be = x(e.getAttribute(g.VU_METER_ENABLED), !1), Ve = x(e.getAttribute(g.TIMESHIFT_ENABLED), !1);
+		Ie && m(H, e, za).call(e, h(I, e)), Le && m(H, e, Fa).call(e, h(I, e)), Re && m(H, e, Ma).call(e, h(I, e)), ze && m(H, e, Aa).call(e, h(I, e)), i || h(I, e).play(), Be && m(H, e, Ba).call(e, h(I, e)), e.dispatchEvent(new CustomEvent("vindral-instance-ready", {
 			bubbles: !0,
 			composed: !0,
-			detail: h(L, e)
-		})), ze && (m(U, e, wa).call(e), Ie && m(U, e, Aa).call(e));
+			detail: h(I, e)
+		})), Ve && (m(H, e, Da).call(e), Re && m(H, e, Na).call(e));
 	})();
 }
-function xa() {
-	h(L, this) && (h(L, this).on("rendition levels", h(Vi, this)), h(L, this).on("rendition level", h(Hi, this)), h(L, this).on("playback state", h(Ui, this)), h(L, this).on("volume state", h(Wi, this)), h(L, this).on("channel switch failed", h(Gi, this)), h(L, this).on("channel switch", h(Ki, this)), h(L, this).on("channels", h(qi, this)), h(L, this).on("languages", h(Ji, this)), h(L, this).on("text tracks", h(Yi, this)), h(L, this).on("needs user input", h(Xi, this)), h(L, this).on("is live", h(Zi, this)), h(L, this).on("timeshift info", h(Qi, this)));
+function wa() {
+	h(I, this) && (h(I, this).on("rendition levels", h(Hi, this)), h(I, this).on("rendition level", h(Ui, this)), h(I, this).on("playback state", h(Ki, this)), h(I, this).on("volume state", h(qi, this)), h(I, this).on("channel switch failed", h(Ji, this)), h(I, this).on("channel switch", h(Yi, this)), h(I, this).on("channels", h(Xi, this)), h(I, this).on("languages", h(Zi, this)), h(I, this).on("text tracks", h(Qi, this)), h(I, this).on("needs user input", h($i, this)), h(I, this).on("is live", h(ea, this)), h(I, this).on("timeshift info", h(ta, this)));
 }
-function Sa() {
-	h(L, this) && (h(L, this).off("playback state", h(Ui, this)), h(L, this).off("volume state", h(Wi, this)), h(L, this).off("channel switch failed", h(Gi, this)), h(L, this).off("channel switch", h(Ki, this)), h(L, this).off("channels", h(qi, this)), h(L, this).off("languages", h(Ji, this)), h(L, this).off("text tracks", h(Yi, this)), h(L, this).off("needs user input", h(Xi, this)), h(L, this).off("is live", h(Zi, this)), h(L, this).off("timeshift info", h(Qi, this)));
+function Ta() {
+	h(I, this) && (h(I, this).off("playback state", h(Ki, this)), h(I, this).off("volume state", h(qi, this)), h(I, this).off("channel switch failed", h(Ji, this)), h(I, this).off("channel switch", h(Yi, this)), h(I, this).off("channels", h(Xi, this)), h(I, this).off("languages", h(Zi, this)), h(I, this).off("text tracks", h(Qi, this)), h(I, this).off("needs user input", h($i, this)), h(I, this).off("is live", h(ea, this)), h(I, this).off("timeshift info", h(ta, this)));
 }
-function Ca() {
-	h(z, this) && (h(z, this).addEventListener("playing", h($i, this)), h(z, this).addEventListener("pause", h(ea, this)), h(z, this).addEventListener("ended", h(ta, this)), h(z, this).addEventListener("timeupdate", h(ra, this)), h(z, this).addEventListener("volumechange", h(ia, this)), h(z, this).addEventListener("hlsbuffering", h(aa, this)), h(z, this).addEventListener("hlsnotbuffering", h(oa, this)), h(z, this).addEventListener("timeshiftready", h(sa, this)));
+function Ea() {
+	h(R, this) && (h(R, this).addEventListener("playing", h(na, this)), h(R, this).addEventListener("pause", h(ra, this)), h(R, this).addEventListener("ended", h(ia, this)), h(R, this).addEventListener("timeupdate", h(oa, this)), h(R, this).addEventListener("volumechange", h(sa, this)), h(R, this).addEventListener("hlsbuffering", h(ca, this)), h(R, this).addEventListener("hlsnotbuffering", h(la, this)), h(R, this).addEventListener("timeshiftready", h(ua, this)));
 }
-function wa() {
+function Da() {
 	var e, t, n, r;
-	let i = Ce(this.getAttribute(g.VOLUME)), a = i === void 0 ? (e = (t = h(R, this)) == null ? void 0 : t.volume) == null ? 1 : e : Math.max(0, Math.min(1, i)), o = x(this.getAttribute(g.MUTED), (n = (r = h(R, this)) == null ? void 0 : r.muted) == null ? !1 : n);
-	m(U, this, Ta).call(this), p(z, this, new Yr(h(wi, this), {
+	let i = Ce(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 = x(this.getAttribute(g.MUTED), (n = (r = h(L, this)) == null ? void 0 : r.muted) == null ? !1 : n);
+	m(H, this, Oa).call(this), p(R, this, new Xr(h(Ti, this), {
 		volume: a,
 		muted: o,
-		maxVideoBitRate: h(ki, this) ? parseInt(h(ki, this), 10) : void 0
-	})), h(z, this).addEventListener("durationchange", h(na, this));
+		maxVideoBitRate: h(Ai, this) ? parseInt(h(Ai, this), 10) : void 0
+	})), h(R, this).addEventListener("durationchange", h(aa, this));
 }
-function Ta() {
-	h(z, this) && (m(U, this, Ea).call(this), h(z, this).removeEventListener("durationchange", h(na, this)), h(z, this).cleanup(), h(R, this) === h(z, this) && p(R, this, void 0), p(z, this, void 0));
+function Oa() {
+	h(R, this) && (m(H, this, ka).call(this), h(R, this).removeEventListener("durationchange", h(aa, this)), h(R, this).cleanup(), h(L, this) === h(R, this) && p(L, this, void 0), p(R, this, void 0));
 }
-function Ea() {
-	h(z, this) && (h(z, this).removeEventListener("playing", h($i, this)), h(z, this).removeEventListener("pause", h(ea, this)), h(z, this).removeEventListener("ended", h(ta, this)), h(z, this).removeEventListener("timeupdate", h(ra, this)), h(z, this).removeEventListener("volumechange", h(ia, this)), h(z, this).removeEventListener("hlsbuffering", h(aa, this)), h(z, this).removeEventListener("hlsnotbuffering", h(oa, this)), h(z, this).removeEventListener("timeshiftready", h(sa, this)));
+function ka() {
+	h(R, this) && (h(R, this).removeEventListener("playing", h(na, this)), h(R, this).removeEventListener("pause", h(ra, this)), h(R, this).removeEventListener("ended", h(ia, this)), h(R, this).removeEventListener("timeupdate", h(oa, this)), h(R, this).removeEventListener("volumechange", h(sa, this)), h(R, this).removeEventListener("hlsbuffering", h(ca, this)), h(R, this).removeEventListener("hlsnotbuffering", h(la, this)), h(R, this).removeEventListener("timeshiftready", h(ua, this)));
 }
-function Da(e) {
-	e.mediaElement instanceof HTMLVideoElement && (p(B, this, new ir(e.mediaElement)), h(B, this).isSupported() && (h(H, this).debug("PIP is supported"), m(U, this, W).call(this, g.PIP_AVAILABLE, "")), h(B, this).on("on picture in picture change", (e) => {
+function Aa(e) {
+	e.mediaElement instanceof HTMLVideoElement && (p(z, this, new ar(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(U, this, W).call(this, g.IS_PIP, "") : m(U, this, G).call(this, g.IS_PIP), h(Bi, this).setEnabled(!((t = h(B, this)) != null && t.isWebkitPresentationModeActive()));
+		e ? m(H, this, U).call(this, g.IS_PIP, "") : m(H, this, W).call(this, g.IS_PIP), h(Vi, this).setEnabled(!((t = h(z, this)) != null && t.isWebkitPresentationModeActive()));
 	}));
 }
-function Oa() {
+function ja() {
 	var e;
-	if (!h(B, this)) return;
+	if (!h(z, this)) return;
 	let t = null;
-	h(R, this) === h(z, this) && h(z, this) ? t = h(z, this).videoElement : ((e = h(L, this)) == null ? void 0 : e.mediaElement) instanceof HTMLVideoElement && (t = h(L, this).mediaElement), t && t !== h(B, this).videoElement && (h(H, this).debug("Updating PIP target to", h(R, this) === h(z, this) ? "HLS" : "Vindral"), h(B, this).unload(), p(B, this, new ir(t)), h(B, this).on("on picture in picture change", (e) => {
+	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 ar(t)), h(z, this).on("on picture in picture change", (e) => {
 		var t;
-		e ? m(U, this, W).call(this, g.IS_PIP, "") : m(U, this, G).call(this, g.IS_PIP), h(Bi, this).setEnabled(!((t = h(B, this)) != null && t.isWebkitPresentationModeActive()));
+		e ? m(H, this, U).call(this, g.IS_PIP, "") : m(H, this, W).call(this, g.IS_PIP), h(Vi, this).setEnabled(!((t = h(z, this)) != null && t.isWebkitPresentationModeActive()));
 	}));
 }
-function ka(e) {
-	let t = !Yn.isFullscreenApiSupported(this) && Yn.isFullscreenApiSupported(e.mediaElement) ? e.mediaElement : this;
-	p(ji, this, new Yn(t)), h(ji, this).on("on fullscreen change", (e) => {
-		e ? m(U, this, W).call(this, g.FULLSCREEN, "") : m(U, this, G).call(this, g.FULLSCREEN);
+function Ma(e) {
+	let t = !Xn.isFullscreenApiSupported(this) && Xn.isFullscreenApiSupported(e.mediaElement) ? e.mediaElement : this;
+	p(Mi, this, new Xn(t)), h(Mi, this).on("on fullscreen change", (e) => {
+		e ? m(H, this, U).call(this, g.FULLSCREEN, "") : m(H, this, W).call(this, g.FULLSCREEN);
 	});
 }
-function Aa() {
+function Na() {
 	var e;
-	h(z, this) && (p(Mi, this, !Yn.isFullscreenApiSupported(this) && Yn.isFullscreenApiSupported((e = h(z, this)) == null ? void 0 : e.videoElement) ? new Yn(h(z, this).videoElement) : new Yn(this)), h(Mi, this).on("on fullscreen change", (e) => {
-		e ? m(U, this, W).call(this, g.FULLSCREEN, "") : m(U, this, G).call(this, g.FULLSCREEN);
+	h(R, this) && (p(Ni, this, !Xn.isFullscreenApiSupported(this) && Xn.isFullscreenApiSupported((e = h(R, this)) == null ? void 0 : e.videoElement) ? new Xn(h(R, this).videoElement) : new Xn(this)), h(Ni, this).on("on fullscreen change", (e) => {
+		e ? m(H, this, U).call(this, g.FULLSCREEN, "") : m(H, this, W).call(this, g.FULLSCREEN);
 	}));
 }
-function ja() {
-	return this.hasAttribute(g.TIMESHIFT_POSITION) ? h(Mi, this) : h(ji, this);
+function Pa() {
+	return this.hasAttribute(g.TIMESHIFT_POSITION) ? h(Ni, this) : h(Mi, this);
 }
-function Ma(e) {
-	p(Pi, this, new Oe({
-		background: h(Ii, this),
-		receiverApplicationId: h(Fi, this),
+function Fa(e) {
+	p(Fi, this, new Oe({
+		background: h(Li, this),
+		receiverApplicationId: h(Ii, this),
 		options: e.getCastOptions()
-	})), h(Pi, this).on("devices available", m(U, this, Na).bind(this)), h(Pi, this).on("connected", m(U, this, Pa).bind(this)), h(Pi, this).on("resumed", m(U, this, Pa).bind(this)), h(Pi, this).on("disconnected", m(U, this, Fa).bind(this)), h(Pi, this).init().catch((e) => {
-		h(H, this).warn("Failed to initialize CastSender", e);
+	})), h(Fi, this).on("devices available", m(H, this, Ia).bind(this)), h(Fi, this).on("connected", m(H, this, La).bind(this)), h(Fi, this).on("resumed", m(H, this, La).bind(this)), h(Fi, this).on("disconnected", m(H, this, Ra).bind(this)), h(Fi, this).init().catch((e) => {
+		h(V, this).warn("Failed to initialize CastSender", e);
 	});
 }
-function Na(e) {
-	e ? m(U, this, W).call(this, g.CAST_AVAILABLE, "") : m(U, this, G).call(this, g.CAST_AVAILABLE);
+function Ia(e) {
+	e ? m(H, this, U).call(this, g.CAST_AVAILABLE, "") : m(H, this, W).call(this, g.CAST_AVAILABLE);
 }
-function Pa() {
+function La() {
 	var e, t;
-	m(U, this, W).call(this, g.IS_CASTING, "");
-	let n = (e = (t = h(Pi, this)) == null ? void 0 : t.getReceiverName()) == null ? "device" : e;
-	m(U, this, W).call(this, g.CAST_RECEIVER_NAME, n);
+	m(H, this, U).call(this, g.IS_CASTING, "");
+	let n = (e = (t = h(Fi, this)) == null ? void 0 : t.getReceiverName()) == null ? "device" : e;
+	m(H, this, U).call(this, g.CAST_RECEIVER_NAME, n);
 }
-function Fa() {
-	m(U, this, G).call(this, g.IS_CASTING), m(U, this, G).call(this, g.CAST_RECEIVER_NAME);
+function Ra() {
+	m(H, this, W).call(this, g.IS_CASTING), m(H, this, W).call(this, g.CAST_RECEIVER_NAME);
 }
-function Ia(e) {
+function za(e) {
 	var t;
-	(t = h(Ni, this)) == null || t.unload();
+	(t = h(Pi, this)) == null || t.unload();
 	let n = e.getCastOptions();
-	p(Ni, this, new Rn({
+	p(Pi, this, new zn({
 		url: n.url,
 		channelId: n.channelId,
 		authenticationToken: n.authenticationToken,
 		container: this
-	})), h(Ni, this).once("available", () => {
-		m(U, this, W).call(this, g.AIRPLAY_AVAILABLE, "");
-	}), h(Ni, this).on("connected", () => {
-		m(U, this, W).call(this, g.IS_AIRPLAYING, "");
-	}), h(Ni, this).on("disconnected", () => {
-		m(U, this, G).call(this, g.IS_AIRPLAYING);
+	})), h(Pi, this).once("available", () => {
+		m(H, this, U).call(this, g.AIRPLAY_AVAILABLE, "");
+	}), h(Pi, this).on("connected", () => {
+		m(H, this, U).call(this, g.IS_AIRPLAYING, "");
+	}), h(Pi, this).on("disconnected", () => {
+		m(H, this, W).call(this, g.IS_AIRPLAYING);
 	});
 }
-function La(e) {
+function Ba(e) {
 	var t;
-	if ((t = h(V, this)) == null || t.unload(), !n()) {
-		if (e.audioNode) p(V, this, new Fr(e.audioNode));
-		else if (e.mediaElement instanceof HTMLMediaElement) p(V, this, new Fr(e.mediaElement));
+	if ((t = h(B, this)) == null || t.unload(), !n()) {
+		if (e.audioNode) p(B, this, new Ir(e.audioNode));
+		else if (e.mediaElement instanceof HTMLMediaElement) p(B, this, new Ir(e.mediaElement));
 		else return;
-		h(V, this).on("on decibel change", (e) => {
-			m(U, this, W).call(this, g.VOLUME_LEVEL, JSON.stringify(e));
-		}), m(U, this, W).call(this, g.VOLUME_LEVEL, JSON.stringify({
+		h(B, this).on("on decibel change", (e) => {
+			m(H, this, U).call(this, g.VOLUME_LEVEL, JSON.stringify(e));
+		}), m(H, this, U).call(this, g.VOLUME_LEVEL, JSON.stringify({
 			left: null,
 			right: null
-		})), (!h(V, this).isMediaElementSource || !this.hasAttribute(g.MUTED)) && h(V, this).start();
+		})), (!h(B, this).isMediaElementSource || !this.hasAttribute(g.MUTED)) && h(B, this).start();
 	}
 }
-function Ra() {
-	let e = () => (customElements.get("vindral-debug-panel") || import("./DbdwBdhd.js").then((e) => e.n).then(({ registerDebugComponents: e }) => e()), this.setAttribute(g.DEBUG_PANEL_OPEN, ""), h(L, this));
-	window._vindralDebug = e, p(zi, this, e);
+function Va() {
+	let e = () => (customElements.get("vindral-debug-panel") || import("./DbdwBdhd.js").then((e) => e.n).then(({ registerDebugComponents: e }) => e()), this.setAttribute(g.DEBUG_PANEL_OPEN, ""), h(I, this));
+	window._vindralDebug = e, p(Bi, this, e);
 }
-function za() {
+function Ha() {
 	let e = window;
-	h(zi, this) && e._vindralDebug === h(zi, this) && delete e._vindralDebug, p(zi, this, null);
+	h(Bi, this) && e._vindralDebug === h(Bi, this) && delete e._vindralDebug, p(Bi, this, null);
 }
-function Ba(e) {
-	e.pointerType !== "mouse" && e.timeStamp - h(ca, this) < 250 || (m(U, this, Ja).call(this), h(xi, this) && clearTimeout(h(xi, this)), e.target instanceof HTMLElement && ([this, h(Ci, this)].includes(e.target) || e.target.localName === "vindral-scroll-overlay") && m(U, this, Ya).call(this));
+function Ua(e) {
+	e.pointerType !== "mouse" && e.timeStamp - h(da, this) < 250 || (m(H, this, Za).call(this), h(Si, this) && clearTimeout(h(Si, this)), e.target instanceof HTMLElement && ([this, h(wi, this)].includes(e.target) || e.target.localName === "vindral-scroll-overlay") && m(H, this, Qa).call(this));
 }
-function Va(e) {
+function Wa(e) {
 	let t = this.hasAttribute(g.USER_INTERACTING);
-	e.pointerType === "touch" && e.target instanceof HTMLElement ? [this, h(Ci, this)].includes(e.target) && t ? m(U, this, qa).call(this) : m(U, this, Ya).call(this) : e.composedPath().some((e) => e instanceof HTMLElement && ["vindral-play-button"].includes(e == null ? void 0 : e.localName)) && m(U, this, Ya).call(this);
+	e.pointerType === "touch" && e.target instanceof HTMLElement ? [this, h(wi, this)].includes(e.target) && t ? m(H, this, Xa).call(this) : m(H, this, Qa).call(this) : e.composedPath().some((e) => e instanceof HTMLElement && ["vindral-play-button"].includes(e == null ? void 0 : e.localName)) && m(H, this, Qa).call(this);
 }
-function Ha(e) {
+function Ga(e) {
 	switch (e) {
 		case "dblclick-fullscreen": return x(this.getAttribute(g.DOUBLE_CLICK_FULLSCREEN_ENABLED), !0);
 		default: return !0;
 	}
 }
-function Ua(e) {
-	m(U, this, Ha).call(this, "dblclick-fullscreen") && (!h(ji, this) || e.target instanceof y || e.target instanceof Be || e.target instanceof gi || (this.hasAttribute(g.FULLSCREEN) ? this.removeAttribute(g.FULLSCREEN) : this.setAttribute(g.FULLSCREEN, "")));
+function Ka(e) {
+	m(H, this, Ga).call(this, "dblclick-fullscreen") && (!h(Mi, this) || e.target instanceof y || e.target instanceof Be || e.target instanceof _i || (this.hasAttribute(g.FULLSCREEN) ? this.removeAttribute(g.FULLSCREEN) : this.setAttribute(g.FULLSCREEN, "")));
 }
-function Wa(e) {
-	this.hasAttribute(g.USER_INTERACTING) || m(U, this, Ya).call(this);
+function qa(e) {
+	this.hasAttribute(g.USER_INTERACTING) || m(H, this, Qa).call(this);
 }
-function Ga(e) {
+function Ja(e) {
 	var t;
 	let { metaKey: n, altKey: r, key: i } = e;
-	if (n || r || !vi.includes(i)) return;
+	if (n || r || !yi.includes(i)) return;
 	let a = (t = e.target) == null ? void 0 : t.keysUsed;
 	if (!(Array.isArray(a) && a.includes(i)) && !e.composedPath().some((e) => {
 		let t = e == null ? void 0 : e.keysUsed;
@@ -2687,28 +2714,28 @@ function Ga(e) {
 			break;
 	}
 }
-function Ka() {
+function Ya() {
 	var e = this;
 	return t(function* () {
-		if (!h(L, e) || !h(Oi, e)) return;
+		if (!h(I, e) || !h(ki, e)) return;
 		let t = Date.now();
-		if (h(ha, e) && t - h(ha, e) < 1e4) h(H, e).debug("Skipping channel update, last update was less than 10 seconds ago.");
+		if (h(va, e) && t - h(va, e) < 1e4) h(V, e).debug("Skipping channel update, last update was less than 10 seconds ago.");
 		else {
-			p(ha, e, t);
-			let n = yield h(L, e).getApiClient().getChannels(h(Oi, e));
-			m(U, e, W).call(e, g.CHANNELS, JSON.stringify(n));
+			p(va, e, t);
+			let n = yield h(I, e).getApiClient().getChannels(h(ki, e));
+			m(H, e, U).call(e, g.CHANNELS, JSON.stringify(n));
 		}
-		p(Li, e, window.setTimeout(() => void m(U, e, Ka).call(e), 1e4));
+		p(Ri, e, window.setTimeout(() => void m(H, e, Ya).call(e), 1e4));
 	})();
 }
-function qa() {
+function Xa() {
 	!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 Ja() {
+function Za() {
 	this.hasAttribute(g.USER_INTERACTING) || requestAnimationFrame(() => {
 		this.setAttribute(g.USER_INTERACTING, ""), this.dispatchEvent(new CustomEvent("user-interacting", {
 			bubbles: !0,
@@ -2717,86 +2744,86 @@ function Ja() {
 		}));
 	});
 }
-function Ya() {
-	m(U, this, Ja).call(this), h(xi, this) && clearTimeout(h(xi, this)), h(bi, this) && p(xi, this, self.setTimeout(() => {
-		m(U, this, qa).call(this);
-	}, h(bi, this)));
+function Qa() {
+	m(H, this, Za).call(this), h(Si, this) && clearTimeout(h(Si, this)), h(xi, this) && p(Si, this, self.setTimeout(() => {
+		m(H, this, Xa).call(this);
+	}, h(xi, this)));
 }
-function Xa() {
+function $a() {
 	var e;
 	let t = getComputedStyle(this).getPropertyValue("--vindral-subtitle-offset") || "0px";
-	(e = h(L, this)) == null || (e = e.mediaElement) == null || e.style.setProperty("--vindral-subtitle-offset", t);
+	(e = h(I, this)) == null || (e = e.mediaElement) == null || e.style.setProperty("--vindral-subtitle-offset", t);
 }
-function Za() {
+function eo() {
 	var e;
-	m(U, this, Oa).call(this), m(U, this, to).call(this), (e = h(B, this)) == null || e.request().catch((e) => {
-		h(H, this).warn("Failed to enter picture in picture:", e);
+	m(H, this, ja).call(this), m(H, this, io).call(this), (e = h(z, this)) == null || e.request().catch((e) => {
+		h(V, this).warn("Failed to enter picture in picture:", e);
 	});
 }
-function Qa() {
+function to() {
 	var e;
-	(e = h(B, this)) == null || e.exit().catch((e) => {
-		h(H, this).warn("Failed to exit picture in picture:", e);
+	(e = h(z, this)) == null || e.exit().catch((e) => {
+		h(V, this).warn("Failed to exit picture in picture:", e);
 	});
 }
-function $a() {
-	let e = m(U, this, ja).call(this);
+function no() {
+	let e = m(H, this, Pa).call(this);
 	if (!e) {
-		console.warn("No fullscreen target available"), this.setAttribute(g.FULLSCREEN_FALLBACK, ""), m(U, this, W).call(this, g.FULLSCREEN, "");
+		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(U, this, to).call(this), e == null || e.request().then(() => {
-		h(ga, this).call(this);
+	e != null && e.isFullscreenApiSupported() ? (m(H, this, io).call(this), e == null || e.request().then(() => {
+		h(ya, this).call(this);
 	}).catch((e) => {
-		h(H, this).warn("Failed to enter fullscreen:", e);
-	})) : (this.setAttribute(g.FULLSCREEN_FALLBACK, ""), m(U, this, W).call(this, g.FULLSCREEN, ""));
+		h(V, this).warn("Failed to enter fullscreen:", e);
+	})) : (this.setAttribute(g.FULLSCREEN_FALLBACK, ""), m(H, this, U).call(this, g.FULLSCREEN, ""));
 }
-function eo() {
-	let e = m(U, this, ja).call(this);
+function ro() {
+	let e = m(H, this, Pa).call(this);
 	e != null && e.isFullscreenApiSupported() ? e == null || e.exit().then(() => {
-		h(_a, this).call(this);
+		h(ba, this).call(this);
 	}).catch((e) => {
-		h(H, this).warn("Failed to exit fullscreen:", e);
-	}) : (this.removeAttribute(g.FULLSCREEN_FALLBACK), m(U, this, G).call(this, g.FULLSCREEN));
+		h(V, this).warn("Failed to exit fullscreen:", e);
+	}) : (this.removeAttribute(g.FULLSCREEN_FALLBACK), m(H, this, W).call(this, g.FULLSCREEN));
 }
-function to() {
-	h(L, this) && h(L, this).emitter.emit("ios-hack: reset size");
+function io() {
+	h(I, this) && h(I, this).emitter.emit("ios-hack: reset size");
 }
-function no() {
+function ao() {
 	return this.hasAttribute(g.DEBUG_PANEL_OPEN);
 }
-function ro() {
-	m(U, this, no).call(this) ? m(U, this, io).call(this) : m(U, this, ao).call(this);
+function oo() {
+	m(H, this, ao).call(this) ? m(H, this, so).call(this) : m(H, this, co).call(this);
 }
-function io() {
-	h(va, this) === null && (m(U, this, oo).call(this), p(va, this, window.setInterval(() => m(U, this, oo).call(this), 1e3)));
+function so() {
+	h(xa, this) === null && (m(H, this, lo).call(this), p(xa, this, window.setInterval(() => m(H, this, lo).call(this), 1e3)));
 }
-function ao() {
-	h(va, this) && (clearInterval(h(va, this)), p(va, this, null)), this.removeAttribute(g.DRIFT), m(U, this, G).call(this, g.DRIFT), m(U, this, G).call(this, g.PLAYBACK_LATENCY), m(U, this, G).call(this, g.CONNECTION_STATE);
+function co() {
+	h(xa, this) && (clearInterval(h(xa, this)), p(xa, 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 oo() {
-	if (!h(L, this)) return;
+function lo() {
+	if (!h(I, this)) return;
 	try {
-		let e = h(L, this).getStatistics().drift;
+		let e = h(I, this).getStatistics().drift;
 		if (typeof e == "number") {
 			let t = Math.round(e * 10) / 10;
-			m(U, this, W).call(this, g.DRIFT, String(t));
+			m(H, this, U).call(this, g.DRIFT, String(t));
 		}
 	} catch (e) {}
-	let e = h(L, this).targetBufferTime;
-	typeof e == "number" && m(U, this, W).call(this, g.TARGET_BUFFER_TIME, String(e));
-	let t = h(L, this).playbackLatency;
-	typeof t == "number" ? m(U, this, W).call(this, g.PLAYBACK_LATENCY, String(t)) : m(U, this, G).call(this, g.PLAYBACK_LATENCY), m(U, this, W).call(this, g.CONNECTION_STATE, h(L, this).connectionState);
+	let e = h(I, this).targetBufferTime;
+	typeof e == "number" && m(H, this, U).call(this, g.TARGET_BUFFER_TIME, String(e));
+	let t = h(I, this).playbackLatency;
+	typeof t == "number" ? m(H, this, U).call(this, g.PLAYBACK_LATENCY, String(t)) : m(H, this, W).call(this, g.PLAYBACK_LATENCY), m(H, this, U).call(this, g.CONNECTION_STATE, h(I, this).connectionState);
 }
-function W(e, t) {
+function U(e, t) {
 	var n;
-	(n = h(yi, this).get(e)) == null || n.forEach((n) => n.setAttribute(e, t));
+	(n = h(bi, this).get(e)) == null || n.forEach((n) => n.setAttribute(e, t));
 }
-function G(e) {
+function W(e) {
 	var t;
-	(t = h(yi, this).get(e)) == null || t.forEach((t) => t.removeAttribute(e));
+	(t = h(bi, this).get(e)) == null || t.forEach((t) => t.removeAttribute(e));
 }
-e(ya, "observedAttributes", [
+e(Sa, "observedAttributes", [
 	...Ee,
 	"url",
 	"edge-url",
@@ -2814,6 +2841,7 @@ e(ya, "observedAttributes", [
 	"mse-opus-enabled",
 	"background-play-enabled",
 	"ios-background-play-enabled",
+	"media-session-enabled",
 	"ios-wake-lock-enabled",
 	"stream-to-media-element-enabled",
 	"ios-media-element-enabled",
@@ -2839,8 +2867,8 @@ e(ya, "observedAttributes", [
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/FullscreenButton.ts
-var so, co = document.createElement("template");
-co.innerHTML = `
+var uo, fo = document.createElement("template");
+fo.innerHTML = `
   <style>
     :host {
       display: var(--fullscreen-button-display);
@@ -2864,10 +2892,10 @@ co.innerHTML = `
 </slot>
   </slot>
 `;
-var lo = class extends y {
+var po = class extends y {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(co.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild(fo.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("aria-label", this.isFullscreen ? "Exit fullscreen" : "Enter fullscreen");
@@ -2892,48 +2920,48 @@ var lo = class extends y {
 		}));
 	}
 };
-so = lo, e(lo, "observedAttributes", [...b(so, "observedAttributes", so), g.FULLSCREEN]);
+uo = po, e(po, "observedAttributes", [...b(uo, "observedAttributes", uo), g.FULLSCREEN]);
 //#endregion
 //#region ../../libs/player-next/src/components/LanguageMenu.ts
-var uo, fo = "\n    <svg  xmlns=\"http://www.w3.org/2000/svg\"  width=\"24\"  height=\"24\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M4 5h7\" /><path d=\"M9 3v2c0 4.418 -2.239 8 -5 8\" /><path d=\"M5 9c0 2.144 2.952 3.908 6.7 4\" /><path d=\"M12 20l4 -9l4 9\" /><path d=\"M19.1 18h-6.2\" /></svg>\n", po = document.createElement("template");
-po.innerHTML = `
+var mo, ho = "\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", go = document.createElement("template");
+go.innerHTML = `
   <style>
     :host(:not([hidden])) {
       display: var(--language-menu-display);
     }
   </style>
 
-  <slot name="button">${fo}</slot>
+  <slot name="button">${ho}</slot>
   <slot name="listbox" hidden>
     <vindral-language-menu-list id="listbox" part="listbox"></vindral-language-menu-list>
   </slot>
 `;
-var mo = /* @__PURE__ */ new WeakSet(), ho = class extends Be {
+var _o = /* @__PURE__ */ new WeakSet(), vo = class extends Be {
 	constructor() {
 		var e, t, n, r;
-		super(), S(this, mo), (e = this.shadowRoot) == null || e.appendChild(po.content.cloneNode(!0)), this.button = (t = this.shadowRoot) == null ? void 0 : t.querySelector("slot[name=button]"), this.listbox = (n = this.shadowRoot) == null ? void 0 : n.querySelector("[part=listbox]"), this.listboxSlot = (r = this.shadowRoot) == null ? void 0 : r.querySelector("slot[name=listbox]");
+		super(), S(this, _o), (e = this.shadowRoot) == null || e.appendChild(go.content.cloneNode(!0)), this.button = (t = this.shadowRoot) == null ? void 0 : t.querySelector("slot[name=button]"), this.listbox = (n = this.shadowRoot) == null ? void 0 : n.querySelector("[part=listbox]"), this.listboxSlot = (r = this.shadowRoot) == null ? void 0 : r.querySelector("slot[name=listbox]");
 	}
 	connectedCallback() {
-		super.connectedCallback(), m(mo, this, go).call(this), this.setAttribute("aria-label", "Languages");
+		super.connectedCallback(), m(_o, this, yo).call(this), this.setAttribute("aria-label", "Languages");
 	}
 	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), (e === g.LANGUAGES || e === g.TEXT_TRACKS) && m(mo, this, go).call(this);
+		super.attributeChangedCallback(e, t, n), (e === g.LANGUAGES || e === g.TEXT_TRACKS) && m(_o, this, yo).call(this);
 	}
 };
-uo = ho;
-function go() {
+mo = vo;
+function yo() {
 	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(ho, "observedAttributes", [
-	...b(uo, "observedAttributes", uo),
+e(vo, "observedAttributes", [
+	...b(mo, "observedAttributes", mo),
 	g.LANGUAGES,
 	g.TEXT_TRACKS
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/LanguageMenuList.ts
-var _o = document.createElement("template");
-_o.innerHTML = `
+var bo = document.createElement("template");
+bo.innerHTML = `
   <style>
     :host {
       font: inherit;
@@ -3047,21 +3075,21 @@ _o.innerHTML = `
     <div class="menu"></div>
   </div>
 `;
-var vo = /* @__PURE__ */ new WeakMap(), yo = /* @__PURE__ */ new WeakMap(), bo = /* @__PURE__ */ new WeakMap(), xo = /* @__PURE__ */ new WeakMap(), So = /* @__PURE__ */ new WeakMap(), Co = /* @__PURE__ */ new WeakMap(), wo = /* @__PURE__ */ new WeakMap(), To = /* @__PURE__ */ new WeakMap(), Eo = /* @__PURE__ */ new WeakMap(), Do = /* @__PURE__ */ new WeakMap(), Oo = /* @__PURE__ */ new WeakMap(), ko = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakSet(), Ao = class extends HTMLElement {
+var xo = /* @__PURE__ */ new WeakMap(), So = /* @__PURE__ */ new WeakMap(), Co = /* @__PURE__ */ new WeakMap(), wo = /* @__PURE__ */ new WeakMap(), To = /* @__PURE__ */ new WeakMap(), Eo = /* @__PURE__ */ new WeakMap(), Do = /* @__PURE__ */ new WeakMap(), Oo = /* @__PURE__ */ new WeakMap(), ko = /* @__PURE__ */ new WeakMap(), Ao = /* @__PURE__ */ new WeakMap(), jo = /* @__PURE__ */ new WeakMap(), Mo = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakSet(), No = class extends HTMLElement {
 	constructor() {
-		super(), S(this, K), f(this, vo, []), f(this, yo, []), f(this, bo, void 0), f(this, xo, void 0), f(this, So, []), f(this, Co, []), f(this, wo, null), f(this, To, null), f(this, Eo, null), f(this, Do, null), f(this, Oo, null), f(this, ko, null), e(this, "handleEvent", (e) => {
+		super(), S(this, G), f(this, xo, []), f(this, So, []), f(this, Co, void 0), f(this, wo, void 0), f(this, To, []), f(this, Eo, []), f(this, Do, null), f(this, Oo, null), f(this, ko, null), f(this, Ao, null), f(this, jo, null), f(this, Mo, null), e(this, "handleEvent", (e) => {
 			switch (e.type) {
 				case "keydown":
-					m(K, this, zo).call(this, e);
+					m(G, this, Ho).call(this, e);
 					break;
 			}
-		}), this.attachShadow({ mode: "open" }).appendChild(_o.content.cloneNode(!0));
+		}), this.attachShadow({ mode: "open" }).appendChild(bo.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		let e = this.getRootNode();
 		if (e instanceof ShadowRoot) {
 			var t, n, r;
-			p(Eo, this, e.host.closest("vindral-controller")), (t = h(Eo, this)) == null || t.connectListener(this), p(wo, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#languages .menu")), p(To, this, (r = this.shadowRoot) == null ? void 0 : r.querySelector("#text-tracks .menu")), m(K, this, jo).call(this), m(K, this, Mo).call(this), p(Do, this, e.host), this.addEventListener("keydown", this);
+			p(ko, this, e.host.closest("vindral-controller")), (t = h(ko, this)) == null || t.connectListener(this), p(Do, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#languages .menu")), p(Oo, this, (r = this.shadowRoot) == null ? void 0 : r.querySelector("#text-tracks .menu")), m(G, this, Po).call(this), m(G, this, Fo).call(this), p(Ao, this, e.host), this.addEventListener("keydown", this);
 		}
 	}
 	disconnectedCallback() {
@@ -3071,16 +3099,16 @@ var vo = /* @__PURE__ */ new WeakMap(), yo = /* @__PURE__ */ new WeakMap(), bo =
 		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(vo, this, e), m(K, this, Po).call(this), m(K, this, Io).call(this);
+		p(xo, this, e), m(G, this, Lo).call(this), m(G, this, zo).call(this);
 	}
 	set textTracks(e) {
-		p(yo, this, e), m(K, this, No).call(this), m(K, this, Lo).call(this);
+		p(So, this, e), m(G, this, Io).call(this), m(G, this, Bo).call(this);
 	}
 	set language(e) {
-		p(bo, this, e), m(K, this, Io).call(this);
+		p(Co, this, e), m(G, this, zo).call(this);
 	}
 	set textTrack(e) {
-		p(xo, this, e), m(K, this, Lo).call(this);
+		p(wo, this, e), m(G, this, Bo).call(this);
 	}
 	get keysUsed() {
 		return [
@@ -3097,10 +3125,10 @@ var vo = /* @__PURE__ */ new WeakMap(), yo = /* @__PURE__ */ new WeakMap(), bo =
 		];
 	}
 	focus() {
-		h(Oo, this) ? h(Oo, this).focus() : h(ko, this) && h(ko, this).focus();
+		h(jo, this) ? h(jo, this).focus() : h(Mo, this) && h(Mo, this).focus();
 	}
 };
-function jo() {
+function Po() {
 	new IntersectionObserver((e) => {
 		e.forEach((e) => {
 			if (e.intersectionRatio !== 1) if (e.intersectionRatio > 0) {
@@ -3109,55 +3137,55 @@ function jo() {
 			} else this.style.height = "auto";
 		});
 	}, {
-		root: h(Eo, this),
+		root: h(ko, this),
 		threshold: 0
 	}).observe(this);
 }
-function Mo() {
-	h(wo, this) && (m(K, this, Po).call(this), m(K, this, Io).call(this)), h(To, this) && (m(K, this, No).call(this), m(K, this, Lo).call(this));
+function Fo() {
+	h(Do, this) && (m(G, this, Lo).call(this), m(G, this, zo).call(this)), h(Oo, this) && (m(G, this, Io).call(this), m(G, this, Bo).call(this));
 }
-function No() {
-	h(To, this).innerHTML = "", p(Co, this, []);
-	let e = m(K, this, Fo).call(this, "Off", "textTrack", void 0);
-	h(To, this).appendChild(e), h(Co, this).push({
+function Io() {
+	h(Oo, this).innerHTML = "", p(Eo, this, []);
+	let e = m(G, this, Ro).call(this, "Off", "textTrack", void 0);
+	h(Oo, this).appendChild(e), h(Eo, this).push({
 		element: e,
 		value: void 0
-	}), h(yo, this).forEach((e) => {
-		let t = m(K, this, Fo).call(this, e, "textTrack", e);
-		h(To, this).appendChild(t), h(Co, this).push({
+	}), h(So, this).forEach((e) => {
+		let t = m(G, this, Ro).call(this, e, "textTrack", e);
+		h(Oo, this).appendChild(t), h(Eo, this).push({
 			element: t,
 			value: e
 		});
-	}), m(K, this, Lo).call(this);
+	}), m(G, this, Bo).call(this);
 }
-function Po() {
-	h(wo, this).innerHTML = "", p(So, this, []), h(vo, this).forEach((e) => {
-		let t = m(K, this, Fo).call(this, e, "language", e);
-		h(wo, this).appendChild(t), h(So, this).push({
+function Lo() {
+	h(Do, this).innerHTML = "", p(To, this, []), h(xo, this).forEach((e) => {
+		let t = m(G, this, Ro).call(this, e, "language", e);
+		h(Do, this).appendChild(t), h(To, this).push({
 			element: t,
 			value: e
 		});
-	}), m(K, this, Io).call(this);
+	}), m(G, this, zo).call(this);
 }
-function Fo(e, t, n) {
+function Ro(e, t, n) {
 	let r = document.createElement("div");
-	return r.setAttribute("role", "menuitem"), r.textContent = e, r.addEventListener("click", () => m(K, this, Ro).call(this, n, t)), r;
+	return r.setAttribute("role", "menuitem"), r.textContent = e, r.addEventListener("click", () => m(G, this, Vo).call(this, n, t)), r;
 }
-function Io() {
-	h(Oo, this) && (h(Oo, this).removeAttribute("aria-selected"), h(Oo, this).tabIndex = -1);
-	let e = h(So, this).find((e) => e.value === h(bo, this));
-	e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, p(Oo, this, e.element));
+function zo() {
+	h(jo, this) && (h(jo, this).removeAttribute("aria-selected"), h(jo, this).tabIndex = -1);
+	let e = h(To, this).find((e) => e.value === h(Co, this));
+	e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, p(jo, this, e.element));
 }
-function Lo() {
-	h(ko, this) && (h(ko, this).removeAttribute("aria-selected"), h(ko, this).tabIndex = -1);
-	let e = h(Co, this).find((e) => e.value === h(xo, this));
-	if (e) e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, p(ko, this, e.element);
+function Bo() {
+	h(Mo, this) && (h(Mo, this).removeAttribute("aria-selected"), h(Mo, this).tabIndex = -1);
+	let e = h(Eo, this).find((e) => e.value === h(wo, this));
+	if (e) e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, p(Mo, this, e.element);
 	else {
-		let e = h(Co, this).find((e) => e.value === void 0);
-		e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, p(ko, this, e.element));
+		let e = h(Eo, this).find((e) => e.value === void 0);
+		e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, p(Mo, this, e.element));
 	}
 }
-function Ro(e, t) {
+function Vo(e, t) {
 	this.dispatchEvent(new Event("change", {
 		bubbles: !0,
 		composed: !0
@@ -3169,36 +3197,36 @@ function Ro(e, t) {
 		detail: e
 	}));
 }
-function zo(e) {
+function Ho(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(Do, this)) == null || a.hide();
+		(a = h(Ao, this)) == null || a.hide();
 	} else if (t === "Enter" || t === " ") {
 		var o;
-		(o = m(K, this, Ho).call(this)) == null || (o = o.element) == null || o.click();
-	} else m(K, this, Bo).call(this, e);
+		(o = m(G, this, Go).call(this)) == null || (o = o.element) == null || o.click();
+	} else m(G, this, Uo).call(this, e);
 }
-function Bo(e) {
+function Uo(e) {
 	var t;
-	let { key: n } = e, r = [...h(So, this), ...h(Co, this)], i = (t = m(K, this, Ho).call(this)) == null ? r[0] : t;
+	let { key: n } = e, r = [...h(To, this), ...h(Eo, this)], i = (t = m(G, this, Go).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, Vo).call(this, a, "left") : n === "ArrowRight" ? o = m(K, this, Vo).call(this, a, "right") : e.key === "Home" ? o = 0 : e.key === "End" && (o = r.length - 1), o < 0 && (o = r.length - 1), o > r.length - 1 && (o = 0);
+	n === "ArrowDown" ? o++ : n === "ArrowUp" ? o-- : n === "ArrowLeft" ? o = m(G, this, Wo).call(this, a, "left") : n === "ArrowRight" ? o = m(G, this, Wo).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, Uo).call(this, s.value), s.element.focus());
+	s && (m(G, this, Ko).call(this, s.value), s.element.focus());
 }
-function Vo(e, t) {
-	let n = h(So, this).length, r = h(Co, this).length;
+function Wo(e, t) {
+	let n = h(To, this).length, r = h(Eo, this).length;
 	return t === "left" ? e < n ? n + r - 1 : e - n - 1 : e >= n ? 0 : e + n;
 }
-function Ho() {
-	return [...h(So, this), ...h(Co, this)].find((e) => e.element.tabIndex === 0);
+function Go() {
+	return [...h(To, this), ...h(Eo, this)].find((e) => e.element.tabIndex === 0);
 }
-function Uo(e) {
-	for (let t of [...h(So, this), ...h(Co, this)]) t.element.tabIndex = t.value === e ? 0 : -1;
+function Ko(e) {
+	for (let t of [...h(To, this), ...h(Eo, this)]) t.element.tabIndex = t.value === e ? 0 : -1;
 }
-e(Ao, "observedAttributes", [
+e(No, "observedAttributes", [
 	g.LANGUAGES,
 	g.TEXT_TRACKS,
 	g.LANGUAGE,
@@ -3206,12 +3234,12 @@ e(Ao, "observedAttributes", [
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/LiveButton.ts
-var Wo, Go = document.createElement("template");
-Go.innerHTML = "\n  <style>\n    :host {\n      display: var(--live-button-display, flex);\n      color: var(--vindral-fg-strong, #eee);\n      border: 1px solid transparent !important;\n      font-size: 12px;\n      font-weight: bold;\n      cursor: pointer;\n      transition: all 0.2s;\n      min-width: 50px !important;\n      text-align: center;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .live-text {\n      display: inline-block;\n      vertical-align: middle;\n      margin-left: 4px;\n    }\n\n    slot[name=\"icon\"] svg {\n      width: 5px;\n      height: 5px;\n      flex-shrink: 0;\n    }\n\n    .live-dot {\n      fill: var(--vindral-fg-subtle, #b4b4b4);\n      transition: fill 0.2s;\n      transform-origin: center;\n    }\n\n    /* Red pulsing dot when live */\n    :host(:not([timeshift-position])) .live-dot {\n      fill: #ff0000;\n      animation: pulse-dot 2s ease-in-out infinite alternate;\n    }\n\n    @keyframes pulse-dot {\n      0% {\n        opacity: 0.8;\n        transform: scale(0.9);\n      }\n      100% {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    :host([disabled]) {\n      cursor: default;\n      opacity: 1;\n    }\n\n    :host([hidden]) {\n      display: none !important;\n    }\n  </style>\n\n  <slot name=\"icon\">\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"5\" height=\"5\" viewBox=\"0 0 5 5\" fill=\"currentColor\">\n    <circle cx=\"2.5\" cy=\"2.5\" r=\"2.5\" class=\"live-dot\"/>\n  </svg>\n</slot>\n  <span class=\"live-text\">LIVE</span>\n";
-var Ko = class extends y {
+var qo, Jo = document.createElement("template");
+Jo.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 Yo = class extends y {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(Go.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild(Jo.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.updateState();
@@ -3242,15 +3270,15 @@ var Ko = class extends y {
 		}));
 	}
 };
-Wo = Ko, e(Ko, "observedAttributes", [
-	...b(Wo, "observedAttributes", Wo),
+qo = Yo, e(Yo, "observedAttributes", [
+	...b(qo, "observedAttributes", qo),
 	g.TIMESHIFT_POSITION,
 	g.DURATION
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/MuteButton.ts
-var qo, Jo = document.createElement("template");
-Jo.innerHTML = `
+var Xo, Zo = document.createElement("template");
+Zo.innerHTML = `
   <style>
     :host {
       display: var(--mute-button-display);
@@ -3278,10 +3306,10 @@ Jo.innerHTML = `
 </slot>
   </slot>
 `;
-var Yo = class extends y {
+var Qo = class extends y {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(Jo.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild(Zo.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("aria-label", this.muted ? "UnMute" : "Mute");
@@ -3306,11 +3334,11 @@ var Yo = class extends y {
 		}));
 	}
 };
-qo = Yo, e(Yo, "observedAttributes", [...b(qo, "observedAttributes", qo), g.MUTED]);
+Xo = Qo, e(Qo, "observedAttributes", [...b(Xo, "observedAttributes", Xo), g.MUTED]);
 //#endregion
 //#region ../../libs/player-next/src/components/PictureInPictureButton.ts
-var Xo, Zo = document.createElement("template");
-Zo.innerHTML = `
+var $o, es = document.createElement("template");
+es.innerHTML = `
   <style>
     :host {
       display: var(--pip-button-display);
@@ -3324,10 +3352,10 @@ Zo.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 Qo = class extends y {
+var ts = class extends y {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(Zo.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild(es.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("aria-label", this.isPictureInPictureActive ? "Exit picture in picture" : "Enter picture in picture");
@@ -3352,15 +3380,15 @@ var Qo = class extends y {
 		}));
 	}
 };
-Xo = Qo, e(Qo, "observedAttributes", [
-	...b(Xo, "observedAttributes", Xo),
+$o = ts, e(ts, "observedAttributes", [
+	...b($o, "observedAttributes", $o),
 	g.IS_PIP,
 	g.PIP_AVAILABLE
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/PlayButton.ts
-var $o, es = document.createElement("template");
-es.innerHTML = `
+var ns, rs = document.createElement("template");
+rs.innerHTML = `
   <style>
     :host {
       display: var(--play-button-display);
@@ -3384,10 +3412,10 @@ es.innerHTML = `
 </slot>
   </slot>
 `;
-var ts = class extends y {
+var is = class extends y {
 	constructor() {
 		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(es.content.cloneNode(!0));
+		super(), (e = this.shadowRoot) == null || e.appendChild(rs.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("aria-label", this.paused ? "Play" : "Pause");
@@ -3412,64 +3440,64 @@ var ts = class extends y {
 		}));
 	}
 };
-$o = ts, e(ts, "observedAttributes", [...b($o, "observedAttributes", $o), g.PAUSED]);
+ns = is, e(is, "observedAttributes", [...b(ns, "observedAttributes", ns), g.PAUSED]);
 //#endregion
 //#region ../../libs/player-next/src/PlayerAttributes.ts
-var q = {
+var K = {
 	TITLE: "title",
 	OFFLINE: "offline",
 	ADVANCED_RENDITION_MENU_ENABLED: "advanced-rendition-menu-enabled",
 	REFRESH_POSTER_ENABLED: "refresh-poster-enabled",
 	STREAM_POLL_ENABLED: "stream-poll-enabled"
-}, ns = Object.values(q), rs = /* @__PURE__ */ new WeakMap(), is = /* @__PURE__ */ new WeakMap(), as = /* @__PURE__ */ new WeakMap(), os = /* @__PURE__ */ new WeakMap(), ss = /* @__PURE__ */ new WeakMap(), cs = /* @__PURE__ */ new WeakMap(), ls = /* @__PURE__ */ new WeakMap(), us = /* @__PURE__ */ new WeakSet(), ds = class extends pe {
+}, as = Object.values(K), os = /* @__PURE__ */ new WeakMap(), ss = /* @__PURE__ */ new WeakMap(), cs = /* @__PURE__ */ new WeakMap(), ls = /* @__PURE__ */ new WeakMap(), us = /* @__PURE__ */ new WeakMap(), ds = /* @__PURE__ */ new WeakMap(), fs = /* @__PURE__ */ new WeakMap(), ps = /* @__PURE__ */ new WeakSet(), ms = class extends pe {
 	constructor(e) {
-		super(), S(this, us), f(this, rs, void 0), f(this, is, void 0), f(this, as, !1), f(this, os, !1), f(this, ss, !0), f(this, cs, null), f(this, ls, null), p(is, this, e), p(rs, this, new de({
+		super(), S(this, ps), f(this, os, void 0), f(this, ss, void 0), f(this, cs, !1), f(this, ls, !1), f(this, us, !0), f(this, ds, null), f(this, fs, null), p(ss, this, e), p(os, this, new de({
 			publicEndpoint: e.url,
 			tokenFactory: () => e.authenticationToken
 		}));
 	}
 	start(e = 5e3) {
-		h(ls, this) && clearInterval(h(ls, this)), p(as, this, !1), p(os, this, !1), m(us, this, hs).call(this), m(us, this, fs).call(this), p(ls, this, window.setInterval(() => {
-			!h(os, this) && !h(is, this).infiniteReconnect && !h(cs, this) && h(ss, this) && p(cs, this, window.setTimeout(() => m(us, this, ps).call(this), 300 * 1e3)), !h(os, this) && h(ss, this) && m(us, this, fs).call(this);
+		h(fs, this) && clearInterval(h(fs, this)), p(cs, this, !1), p(ls, this, !1), m(ps, this, vs).call(this), m(ps, this, hs).call(this), p(fs, this, window.setInterval(() => {
+			!h(ls, this) && !h(ss, this).infiniteReconnect && !h(ds, this) && h(us, this) && p(ds, this, window.setTimeout(() => m(ps, this, gs).call(this), 300 * 1e3)), !h(ls, this) && h(us, this) && m(ps, this, hs).call(this);
 		}, e));
 	}
 	stop() {
-		m(us, this, ms).call(this), h(ls, this) && (window.clearInterval(h(ls, this)), p(ls, this, null));
+		m(ps, this, _s).call(this), h(fs, this) && (window.clearInterval(h(fs, this)), p(fs, this, null));
 	}
 };
-function fs() {
+function hs() {
 	var e = this;
 	return t(function* () {
-		if (h(as, e)) return;
-		p(as, e, !0);
+		if (h(cs, e)) return;
+		p(cs, e, !0);
 		let t = "Stream is offline", n = "Please stand by";
 		try {
-			let t = yield h(rs, e).getChannel(h(is, e).channelId);
+			let t = yield h(os, e).getChannel(h(ss, e).channelId);
 			if (t.isLive) {
-				p(os, e, !0), m(us, e, hs).call(e), e.emit("live", t), p(as, e, !1);
+				p(ls, e, !0), m(ps, e, vs).call(e), e.emit("live", t), p(cs, 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(ss, e) && e.emit("error", {
+		h(us, e) && e.emit("error", {
 			title: t,
 			message: n
-		}), p(as, e, !1);
+		}), p(cs, e, !1);
 	})();
 }
-function ps() {
-	this.stop(), p(ss, this, !1), this.emit("timeout");
+function gs() {
+	this.stop(), p(us, this, !1), this.emit("timeout");
 }
-function ms() {
-	h(cs, this) && (window.clearTimeout(h(cs, this)), p(cs, this, null));
+function _s() {
+	h(ds, this) && (window.clearTimeout(h(ds, this)), p(ds, this, null));
 }
-function hs() {
-	m(us, this, ms).call(this), p(ss, this, !0);
+function vs() {
+	m(ps, this, _s).call(this), p(us, this, !0);
 }
 //#endregion
 //#region ../../libs/player-next/src/utils/browser.ts
-var gs = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Silk-Accelerated|(hpw|web)OS|Fennec|Minimo|Opera M(obi|ini)|Blazer|Dolfin|Dolphin|Skyfire|Zune\//i, _s = navigator.userAgent.toLowerCase(), vs = gs.test(_s), ys = (e) => ya.observedAttributes.includes(e), bs = `
+var ys = /\/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, bs = navigator.userAgent.toLowerCase(), xs = ys.test(bs), Ss = (e) => Sa.observedAttributes.includes(e), Cs = `
   <style>
     :host {
       container-type: inline-size;
@@ -3479,7 +3507,7 @@ var gs = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
       display: flex;
       justify-content: center;
 
-      --vindral-volume-range-display: ${vs ? "none" : "flex"};
+      --vindral-volume-range-display: ${xs ? "none" : "flex"};
       --vindral-airplay-button-display: none;
       --vindral-play-overlay-display: none;
       --vindral-grid-item-offline-display: none;
@@ -3515,7 +3543,7 @@ var gs = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
       // needs to be higher than bottom bar/UI
     }
 
-    :host([${q.OFFLINE}]) {
+    :host([${K.OFFLINE}]) {
       aspect-ratio: 16 / 9;
       vindral-controller {
         --vindral-ui-display: none;
@@ -3560,10 +3588,10 @@ var gs = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
       --vindral-subtitle-offset: -48px;
     }
   </style>
-`, xs = (e) => {
+`, ws = (e) => {
 	let t = e ? "vindral-advanced-rendition-menu" : "vindral-rendition-levels-menu";
 	return `
-    ${bs}
+    ${Cs}
 
     <vindral-controller>
       <vindral-control-bar slot="top-bar">
@@ -3601,8 +3629,8 @@ var gs = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
       </vindral-center-overlay>
     </vindral-controller>
   `;
-}, Ss = `
-  ${bs}
+}, Ts = `
+  ${Cs}
 
   <style>
     #control-bar {
@@ -3626,126 +3654,124 @@ var gs = /\/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>
-`, Cs = document.createElement("template"), ws = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), Ts = /* @__PURE__ */ new WeakMap(), Es = /* @__PURE__ */ new WeakMap(), Ds = /* @__PURE__ */ new WeakMap(), Os = /* @__PURE__ */ new WeakMap(), ks = /* @__PURE__ */ new WeakMap(), As = /* @__PURE__ */ new WeakMap(), js = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakSet(), Ms = /* @__PURE__ */ new WeakMap(), Ns = /* @__PURE__ */ new WeakMap(), Ps = /* @__PURE__ */ new WeakMap(), Fs = class extends HTMLElement {
+`, Es = document.createElement("template"), Ds = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), Os = /* @__PURE__ */ new WeakMap(), ks = /* @__PURE__ */ new WeakMap(), As = /* @__PURE__ */ new WeakMap(), js = /* @__PURE__ */ new WeakMap(), Ms = /* @__PURE__ */ new WeakMap(), Ns = /* @__PURE__ */ new WeakMap(), Ps = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakSet(), Fs = /* @__PURE__ */ new WeakMap(), Is = /* @__PURE__ */ new WeakMap(), Ls = /* @__PURE__ */ new WeakMap(), Rs = class extends HTMLElement {
 	constructor() {
-		super(), S(this, Y), f(this, ws, void 0), f(this, J, void 0), f(this, Ts, void 0), f(this, Es, void 0), f(this, Ds, void 0), f(this, Os, void 0), f(this, ks, /* @__PURE__ */ new Set()), f(this, As, () => {
+		super(), S(this, J), f(this, Ds, void 0), f(this, q, void 0), f(this, Os, void 0), f(this, ks, void 0), f(this, As, void 0), f(this, js, void 0), f(this, Ms, /* @__PURE__ */ new Set()), f(this, Ns, () => {
 			Array.from(this.attributes).forEach((e) => {
-				h(js, this).call(this, e.name, e.value);
+				h(Ps, this).call(this, e.name, e.value);
 			});
-		}), f(this, js, (e, t) => {
-			ys(e) && (_(t) ? h(J, this).setAttribute(e, t) : h(J, this).removeAttribute(e));
-		}), f(this, Ms, () => {
+		}), f(this, Ps, (e, t) => {
+			Ss(e) && (_(t) ? h(q, this).setAttribute(e, t) : h(q, this).removeAttribute(e));
+		}), f(this, Fs, () => {
 			Array.from(this.children).forEach((e) => {
-				h(ks, this).add(e);
+				h(Ms, this).add(e);
 			});
-		}), f(this, Ns, () => {
-			let e = h(J, this).instance;
+		}), f(this, Is, () => {
+			let e = h(q, this).instance;
 			e && (e.on("is live", (e) => {
-				e ? (this.removeAttribute(q.OFFLINE), m(Y, this, Vs).call(this)) : (this.setAttribute(q.OFFLINE, ""), m(Y, this, Bs).call(this, "Stream is offline", "Please stand by"));
+				e ? (this.removeAttribute(K.OFFLINE), m(J, this, Gs).call(this)) : (this.setAttribute(K.OFFLINE, ""), m(J, this, Ws).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, zs).call(this, n);
+				let t = h(q, this).getAttribute("channel-id"), n = e.find((e) => e.channelId === t);
+				n && m(J, this, Hs).call(this, n);
 			}), e.on("channel switch", ({ channelId: t }) => {
 				let n = e.channels.find((e) => e.channelId === t);
-				n && m(Y, this, zs).call(this, n);
+				n && m(J, this, Hs).call(this, n);
 			}), e.on("error", (e) => {
 				if (e.code() === "connection_failed") {
-					m(Y, this, Bs).call(this, "Stream is offline", "Please stand by");
+					m(J, this, Ws).call(this, "Stream is offline", "Please stand by");
 					return;
 				}
-				e.isFatal() && (e.code() === "access_forbidden" ? m(Y, this, Bs).call(this, "Forbidden", "You do not have permission to view this stream") : e.code() === "connection_failed_will_not_attempt_again" ? m(Y, this, Bs).call(this, "Stream is offline", "Please stand by") : m(Y, this, Bs).call(this, "An error occurred", e.message), h(Es, this).removeAttribute("hidden"), this.setAttribute(q.OFFLINE, ""), h(J, this).dispatchEvent(new CustomEvent(v.EXIT_FULLSCREEN)), h(J, this).dispatchEvent(new CustomEvent(v.EXIT_PIP)));
+				e.isFatal() && (e.code() === "access_forbidden" ? m(J, this, Ws).call(this, "Forbidden", "You do not have permission to view this stream") : e.code() === "connection_failed_will_not_attempt_again" ? m(J, this, Ws).call(this, "Stream is offline", "Please stand by") : m(J, this, Ws).call(this, "An error occurred", e.message), h(ks, this).removeAttribute("hidden"), this.setAttribute(K.OFFLINE, ""), h(q, this).dispatchEvent(new CustomEvent(v.EXIT_FULLSCREEN)), h(q, this).dispatchEvent(new CustomEvent(v.EXIT_PIP)));
 			}));
-		}), f(this, Ps, () => {
-			h(J, this).connect(), h(Es, this).setAttribute("hidden", ""), m(Y, this, Vs).call(this), h(J, this).focus();
-		}), p(ws, this, this.attachShadow({ mode: "open" })), m(Y, this, Ls).call(this), p(J, this, h(ws, this).querySelector("vindral-controller")), p(Ts, this, h(ws, this).querySelector("#vindral-message")), p(Es, this, h(ws, this).querySelector("#play-overlay")), p(Ds, this, h(ws, this).querySelector("#center-overlay"));
+		}), f(this, Ls, () => {
+			h(q, this).connect(), h(ks, this).setAttribute("hidden", ""), m(J, this, Gs).call(this), h(q, this).focus();
+		}), p(Ds, this, this.attachShadow({ mode: "open" })), m(J, this, Bs).call(this), p(q, this, h(Ds, this).querySelector("vindral-controller")), p(Os, this, h(Ds, this).querySelector("#vindral-message")), p(ks, this, h(Ds, this).querySelector("#play-overlay")), p(As, this, h(Ds, this).querySelector("#center-overlay"));
 	}
 	connectedCallback() {
-		this.setAttribute(q.OFFLINE, ""), h(J, this).addEventListener("vindral-instance-ready", h(Ns, this)), m(Y, this, Rs).call(this);
+		this.setAttribute(K.OFFLINE, ""), h(q, this).addEventListener("vindral-instance-ready", h(Is, this)), m(J, this, Vs).call(this);
 	}
 	disconnectedCallback() {
 		var e;
-		h(J, this).removeEventListener("vindral-instance-ready", h(Ns, this)), h(Es, this).removeEventListener("click", h(Ps, this)), (e = h(Os, this)) == null || e.stop();
+		h(q, this).removeEventListener("vindral-instance-ready", h(Is, this)), h(ks, this).removeEventListener("click", h(Ls, this)), (e = h(js, this)) == null || e.stop();
 	}
 	attributeChangedCallback(e, t, n) {
-		if (t !== n) if (e === g.MEDIA || e === q.ADVANCED_RENDITION_MENU_ENABLED) m(Y, this, Ls).call(this);
-		else if (e === q.REFRESH_POSTER_ENABLED) {
-			let e = h(ws, this).querySelector("vindral-poster-overlay");
-			e && (e.disabled = x(this.getAttribute(q.REFRESH_POSTER_ENABLED), !1) === !1);
-		} else h(js, this).call(this, e, n);
+		if (t !== n) if (e === g.MEDIA || e === K.ADVANCED_RENDITION_MENU_ENABLED) m(J, this, Bs).call(this);
+		else if (e === K.REFRESH_POSTER_ENABLED) {
+			let e = h(Ds, this).querySelector("vindral-poster-overlay");
+			e && (e.disabled = x(this.getAttribute(K.REFRESH_POSTER_ENABLED), !1) === !1);
+		} else h(Ps, this).call(this, e, n);
 	}
 	get instance() {
-		return h(J, this).instance;
+		return h(q, this).instance;
 	}
 	get airPlay() {
-		return h(J, this).airPlay;
+		return h(q, this).airPlay;
 	}
 	get timelineMarkers() {
-		return h(J, this).timelineMarkers;
+		return h(q, this).timelineMarkers;
 	}
 	set timelineMarkers(e) {
-		h(J, this).timelineMarkers = e;
+		h(q, this).timelineMarkers = e;
 	}
 };
-function Is() {
-	let e = _e(this.getAttribute(g.MEDIA)), t = x(this.getAttribute(q.ADVANCED_RENDITION_MENU_ENABLED), !1);
-	return e === "audio" ? Ss : xs(t);
-}
-function Ls() {
-	let e = h(ws, this).hasChildNodes(), t = e ? h(J, this) : void 0, n = e ? h(Es, this) : void 0;
-	this.isConnected && t && t.removeEventListener("vindral-instance-ready", h(Ns, this)), this.isConnected && n && h(Os, this) && n.removeEventListener("click", h(Ps, this)), Cs.innerHTML = m(Y, this, Is).call(this);
-	let r = Cs.content.cloneNode(!0);
-	p(J, this, r.querySelector("vindral-controller")), p(Ts, this, r.querySelector("#vindral-message")), p(Es, this, r.querySelector("#play-overlay")), p(Ds, this, r.querySelector("#center-overlay")), h(Ms, this).call(this), h(ks, this).forEach((e) => {
-		h(J, this).appendChild(e);
-	}), h(As, this).call(this), h(ws, this).innerHTML = "", h(ws, this).appendChild(r), this.isConnected && (h(J, this).addEventListener("vindral-instance-ready", h(Ns, this)), h(Os, this) && h(Es, this).addEventListener("click", h(Ps, this)));
-}
-function Rs() {
+function zs() {
+	let e = _e(this.getAttribute(g.MEDIA)), t = x(this.getAttribute(K.ADVANCED_RENDITION_MENU_ENABLED), !1);
+	return e === "audio" ? Ts : ws(t);
+}
+function Bs() {
+	let e = h(Ds, this).hasChildNodes(), t = e ? h(q, this) : void 0, n = e ? h(ks, this) : void 0;
+	this.isConnected && t && t.removeEventListener("vindral-instance-ready", h(Is, this)), this.isConnected && n && h(js, this) && n.removeEventListener("click", h(Ls, this)), Es.innerHTML = m(J, this, zs).call(this);
+	let r = Es.content.cloneNode(!0);
+	p(q, this, r.querySelector("vindral-controller")), p(Os, this, r.querySelector("#vindral-message")), p(ks, this, r.querySelector("#play-overlay")), p(As, this, r.querySelector("#center-overlay")), h(Fs, this).call(this), h(Ms, this).forEach((e) => {
+		h(q, this).appendChild(e);
+	}), h(Ns, this).call(this), h(Ds, this).innerHTML = "", h(Ds, this).appendChild(r), this.isConnected && (h(q, this).addEventListener("vindral-instance-ready", h(Is, this)), h(js, this) && h(ks, this).addEventListener("click", h(Ls, this)));
+}
+function Vs() {
 	var e;
-	if (x(this.getAttribute(q.STREAM_POLL_ENABLED), !0) === !1) return;
+	if (x(this.getAttribute(K.STREAM_POLL_ENABLED), !0) === !1) return;
 	let t = this.getAttribute("url") || "https://lb.cdn.vindral.com", n = this.getAttribute("channel-id"), r = (e = this.getAttribute("authentication-token")) == null ? void 0 : e, i = this.hasAttribute("infinite-reconnect");
 	if (!n) {
-		this.setAttribute(q.OFFLINE, ""), m(Y, this, Bs).call(this, "Invalid options", "Please enter a channel id to start the stream");
+		this.setAttribute(K.OFFLINE, ""), m(J, this, Ws).call(this, "Invalid options", "Please enter a channel id to start the stream");
 		return;
 	}
-	p(Os, this, new ds({
+	p(js, this, new ms({
 		url: t,
 		channelId: n,
 		authenticationToken: r,
 		infiniteReconnect: i
-	})), h(Os, this).on("live", (e) => {
-		h(J, this).connect(), this.removeAttribute("offline"), m(Y, this, Vs).call(this), m(Y, this, zs).call(this, e);
-	}), h(Os, this).on("timeout", () => {
-		m(Y, this, Vs).call(this), h(Es, this).removeAttribute("hidden");
-	}), h(Os, this).on("error", (e) => {
-		this.setAttribute(q.OFFLINE, ""), m(Y, this, Bs).call(this, e.title, e.message);
-	}), h(Es, this).addEventListener("click", h(Ps, this)), this.hasAttribute("paused") && h(Os, this).start();
-}
-function zs(e) {
-	let t = he(this.getAttribute("title"), !1);
-	if (!t) return;
-	let n = this.getAttribute("poster"), r = typeof t == "string" ? t : e.name, i;
-	if (typeof n == "string") i = n;
-	else {
-		var a, o;
-		i = (a = (o = this.instance) == null ? void 0 : o.getThumbnailUrl()) == null ? e.thumbnailUrls.length ? e.thumbnailUrls[0] : void 0 : a;
-	}
-	ke({
-		title: r,
-		poster: i
+	})), h(js, this).on("live", (e) => {
+		h(q, this).connect(), this.removeAttribute("offline"), m(J, this, Gs).call(this), m(J, this, Hs).call(this, e);
+	}), h(js, this).on("timeout", () => {
+		m(J, this, Gs).call(this), h(ks, this).removeAttribute("hidden");
+	}), h(js, this).on("error", (e) => {
+		this.setAttribute(K.OFFLINE, ""), m(J, this, Ws).call(this, e.title, e.message);
+	}), h(ks, this).addEventListener("click", h(Ls, this)), this.hasAttribute("paused") && h(js, this).start();
+}
+function Hs(e) {
+	var t, n, r;
+	let i = he(this.getAttribute("title"), !1);
+	i && ke({
+		title: typeof i == "string" ? i : e.name,
+		poster: (t = (n = m(J, this, Us).call(this)) == null ? (r = this.instance) == null ? void 0 : r.getThumbnailUrl() : n) == null ? e.thumbnailUrls[0] : t
 	});
 }
-function Bs(e, t) {
-	h(Ts, this).setAttribute("title", e), h(Ts, this).setAttribute("description", t), h(Ts, this).removeAttribute("hidden");
-	let n = this.getAttribute("poster");
-	n ? h(Ds, this).setAttribute("poster", n) : h(Ds, this).removeAttribute("poster"), h(Ds, this).setAttribute("backdrop", "");
+function Us() {
+	let e = he(this.getAttribute("poster"));
+	return _(e) ? e : void 0;
 }
-function Vs() {
-	h(Ts, this).setAttribute("hidden", ""), h(Ds, this).removeAttribute("backdrop");
+function Ws(e, t) {
+	h(Os, this).setAttribute("title", e), h(Os, this).setAttribute("description", t), h(Os, this).removeAttribute("hidden");
+	let n = m(J, this, Us).call(this);
+	n ? h(As, this).setAttribute("poster", n) : h(As, this).removeAttribute("poster"), h(As, this).setAttribute("backdrop", "");
 }
-e(Fs, "observedAttributes", [...ya.observedAttributes, ...ns]);
+function Gs() {
+	h(Os, this).setAttribute("hidden", ""), h(As, this).removeAttribute("backdrop");
+}
+e(Rs, "observedAttributes", [...Sa.observedAttributes, ...as]);
 //#endregion
 //#region ../../libs/player-next/src/components/PosterOverlay.ts
-var Hs = document.createElement("template");
-Hs.innerHTML = `
+var Ks = document.createElement("template");
+Ks.innerHTML = `
   <style>
     :host {
       display: var(--poster-overlay-display);
@@ -3780,26 +3806,26 @@ Hs.innerHTML = `
     }
   </style>
 `;
-var Us = 6e3, Ws = /* @__PURE__ */ new WeakMap(), Gs = /* @__PURE__ */ new WeakMap(), Ks = /* @__PURE__ */ new WeakMap(), qs = /* @__PURE__ */ new WeakMap(), Js = /* @__PURE__ */ new WeakSet(), Ys = /* @__PURE__ */ new WeakMap(), Xs = class extends HTMLElement {
+var qs = 6e3, Js = /* @__PURE__ */ new WeakMap(), Ys = /* @__PURE__ */ new WeakMap(), Xs = /* @__PURE__ */ new WeakMap(), Zs = /* @__PURE__ */ new WeakMap(), Qs = /* @__PURE__ */ new WeakSet(), $s = /* @__PURE__ */ new WeakMap(), ec = class extends HTMLElement {
 	constructor() {
-		super(), S(this, Js), f(this, Ws, null), f(this, Gs, null), f(this, Ks, null), f(this, qs, () => {
-			!document.hidden && this.hasAttribute("intersecting") && this.paused && !this.disabled ? m(Js, this, Zs).call(this) : m(Js, this, Qs).call(this);
-		}), f(this, Ys, (e) => {
+		super(), S(this, Qs), f(this, Js, null), f(this, Ys, null), f(this, Xs, null), f(this, Zs, () => {
+			!document.hidden && this.hasAttribute("intersecting") && this.paused && !this.disabled ? m(Qs, this, tc).call(this) : m(Qs, this, nc).call(this);
+		}), f(this, $s, (e) => {
 			e.forEach((e) => {
 				e.isIntersecting ? this.setAttribute("intersecting", "") : this.removeAttribute("intersecting");
 			});
-		}), this.attachShadow({ mode: "open" }).appendChild(Hs.content.cloneNode(!0));
+		}), this.attachShadow({ mode: "open" }).appendChild(Ks.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		var e;
-		p(Ws, this, this.closest("vindral-controller")), (e = h(Ws, this)) == null || e.connectListener(this), document.addEventListener("visibilitychange", h(qs, this)), p(Ks, this, new IntersectionObserver(h(Ys, this))), h(Ks, this).observe(this);
+		p(Js, this, this.closest("vindral-controller")), (e = h(Js, this)) == null || e.connectListener(this), document.addEventListener("visibilitychange", h(Zs, this)), p(Xs, this, new IntersectionObserver(h($s, this))), h(Xs, this).observe(this);
 	}
 	disconnectedCallback() {
 		var e, t;
-		(e = h(Ws, this)) == null || e.disconnectListener(this), document.removeEventListener("visibilitychange", h(qs, this)), (t = h(Ks, this)) == null || t.disconnect(), p(Ks, this, null), m(Js, this, Qs).call(this);
+		(e = h(Js, this)) == null || e.disconnectListener(this), document.removeEventListener("visibilitychange", h(Zs, this)), (t = h(Xs, this)) == null || t.disconnect(), p(Xs, this, null), m(Qs, this, nc).call(this);
 	}
 	attributeChangedCallback(e, t, n) {
-		t !== n && (e === g.POSTER_SRC && this.paused && !this.disabled && m(Js, this, $s).call(this), (e === g.PAUSED || e === "disabled" || e === "intersecting") && h(qs, this).call(this));
+		t !== n && (e === g.POSTER_SRC && this.paused && !this.disabled && m(Qs, this, rc).call(this), (e === g.PAUSED || e === "disabled" || e === "intersecting") && h(Zs, this).call(this));
 	}
 	get disabled() {
 		return this.hasAttribute("disabled");
@@ -3814,18 +3840,18 @@ var Us = 6e3, Ws = /* @__PURE__ */ new WeakMap(), Gs = /* @__PURE__ */ new WeakM
 		return this.hasAttribute(g.PAUSED);
 	}
 };
-function Zs() {
-	h(Gs, this) === null && (m(Js, this, Qs).call(this), p(Gs, this, window.setInterval(() => m(Js, this, $s).call(this), Us)));
+function tc() {
+	h(Ys, this) === null && (m(Qs, this, nc).call(this), p(Ys, this, window.setInterval(() => m(Qs, this, rc).call(this), qs)));
 }
-function Qs() {
-	h(Gs, this) !== null && (clearInterval(h(Gs, this)), p(Gs, this, null)), this.style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAQAAACRI2S5AAAAEElEQVR42mNkIAAYRxWAAQAG9gAKqv6+AwAAAABJRU5ErkJggg==')";
+function nc() {
+	h(Ys, this) !== null && (clearInterval(h(Ys, this)), p(Ys, this, null)), this.style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAQAAACRI2S5AAAAEElEQVR42mNkIAAYRxWAAQAG9gAKqv6+AwAAAABJRU5ErkJggg==')";
 }
-function $s() {
+function rc() {
 	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(Xs, "observedAttributes", [
+e(ec, "observedAttributes", [
 	g.POSTER_SRC,
 	g.PAUSED,
 	"disabled",
@@ -3833,70 +3859,70 @@ e(Xs, "observedAttributes", [
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/RenditionLevelsMenu.ts
-var ec, tc = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-tabler icon-tabler-settings-filled\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#2c3e50\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M14.647 4.081a.724 .724 0 0 0 1.08 .448c2.439 -1.485 5.23 1.305 3.745 3.744a.724 .724 0 0 0 .447 1.08c2.775 .673 2.775 4.62 0 5.294a.724 .724 0 0 0 -.448 1.08c1.485 2.439 -1.305 5.23 -3.744 3.745a.724 .724 0 0 0 -1.08 .447c-.673 2.775 -4.62 2.775 -5.294 0a.724 .724 0 0 0 -1.08 -.448c-2.439 1.485 -5.23 -1.305 -3.745 -3.744a.724 .724 0 0 0 -.447 -1.08c-2.775 -.673 -2.775 -4.62 0 -5.294a.724 .724 0 0 0 .448 -1.08c-1.485 -2.439 1.305 -5.23 3.744 -3.745a.722 .722 0 0 0 1.08 -.447c.673 -2.775 4.62 -2.775 5.294 0zm-2.647 4.919a3 3 0 1 0 0 6a3 3 0 0 0 0 -6z\" stroke-width=\"0\" fill=\"currentColor\" />\n</svg>\n", nc = document.createElement("template");
-nc.innerHTML = `
+var ic, ac = "\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", oc = document.createElement("template");
+oc.innerHTML = `
   <style>
     :host {
       display: var(--rendition-menu-display);
     }
   </style>
 
-  <slot name="button">${tc}</slot>
+  <slot name="button">${ac}</slot>
   <slot name="listbox" hidden>
     <vindral-rendition-levels-menu-list id="listbox" part="listbox"></vindral-rendition-levels-menu-list>
   </slot>
 `;
-var rc = /* @__PURE__ */ new WeakSet(), ic = class extends Be {
+var sc = /* @__PURE__ */ new WeakSet(), cc = class extends Be {
 	constructor() {
 		var e, t, n, r;
-		super(), S(this, rc), (e = this.shadowRoot) == null || e.appendChild(nc.content.cloneNode(!0)), this.button = (t = this.shadowRoot) == null ? void 0 : t.querySelector("slot[name=button]"), this.listbox = (n = this.shadowRoot) == null ? void 0 : n.querySelector("[part=listbox]"), this.listboxSlot = (r = this.shadowRoot) == null ? void 0 : r.querySelector("slot[name=listbox]");
+		super(), S(this, sc), (e = this.shadowRoot) == null || e.appendChild(oc.content.cloneNode(!0)), this.button = (t = this.shadowRoot) == null ? void 0 : t.querySelector("slot[name=button]"), this.listbox = (n = this.shadowRoot) == null ? void 0 : n.querySelector("[part=listbox]"), this.listboxSlot = (r = this.shadowRoot) == null ? void 0 : r.querySelector("slot[name=listbox]");
 	}
 	connectedCallback() {
-		super.connectedCallback(), m(rc, this, ac).call(this), this.setAttribute("aria-label", "Rendition levels");
+		super.connectedCallback(), m(sc, this, lc).call(this), this.setAttribute("aria-label", "Rendition levels");
 	}
 	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), e === g.RENDITION_LEVELS && m(rc, this, ac).call(this);
+		super.attributeChangedCallback(e, t, n), e === g.RENDITION_LEVELS && m(sc, this, lc).call(this);
 	}
 };
-ec = ic;
-function ac() {
+ic = cc;
+function lc() {
 	let e = this.getAttribute(g.RENDITION_LEVELS);
 	!e || e === "[]" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
 }
-e(ic, "observedAttributes", [...b(ec, "observedAttributes", ec), g.RENDITION_LEVELS]);
+e(cc, "observedAttributes", [...b(ic, "observedAttributes", ic), g.RENDITION_LEVELS]);
 //#endregion
 //#region ../../libs/player-next/src/components/RenditionLevelsMenuList.ts
-var oc = document.createElement("template");
-oc.innerHTML = "\n  <style>\n    :host {\n      font: inherit;\n      cursor: default;\n      padding: var(--padding-2) !important;\n      padding-top: var(--padding-3) !important;\n      border-radius: 0.25em;\n      position: absolute;\n      min-width: 140px !important;\n      background: var(--bg-subtle);\n      z-index: 1;\n      overflow: auto;\n    }\n\n    :host([list-position=\"top\"]) {\n      bottom: calc(100% + 0.5em);\n      transform: translate(-50%);\n    }\n\n    :host([list-position=\"bottom\"]) {\n      top: calc(100% + 0.5em);\n    }\n\n    :host::-webkit-scrollbar {\n      width: 5px;\n      padding-right: 5px;\n    }\n\n    :host::-webkit-scrollbar-thumb {\n      background-color: var(--fg-extra-subtle);\n      border-radius: 10px;\n      border: 0;\n    }\n\n    :host::-webkit-scrollbar-track {\n      border-radius: 10px;\n      background-color: transparent;\n    }\n\n    .menu {\n      display: grid;\n      gap: var(--padding-1);\n    }\n\n    [role=\"menuitem\"] {\n      flex: 1;\n      position: relative;\n      cursor: pointer;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      height: 44px;\n      padding: 0 var(--padding-5);\n      border-radius: 4px;\n      font-size: 14px;\n      font-style: normal;\n      font-weight: 500;\n      line-height: normal;\n      white-space: nowrap;\n      text-align: left;\n    }\n\n    [role=\"menuitem\"]:hover {\n      background: var(--bg-component-hover);\n    }\n\n    [role=\"menuitem\"][aria-selected=\"true\"] {\n      background: var(--bg-component-active);\n    }\n\n    [role=\"menuitem\"][aria-selected=\"true\"]::before {\n      content: url(\"data:image/svg+xml,%0A%20%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2078.369%2078.369%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M78.049%2019.015%2029.458%2067.606a1.094%201.094%200%200%201-1.548%200L.32%2040.015a1.094%201.094%200%200%201%200-1.547l6.704-6.704a1.095%201.095%200%200%201%201.548%200l20.113%2020.112%2041.113-41.113a1.095%201.095%200%200%201%201.548%200l6.703%206.704a1.094%201.094%200%200%201%200%201.548z%22%2F%3E%3C%2Fsvg%3E%0A\");\n      position: absolute;\n      left: calc(var(--padding-3) - var(--padding-1));\n      top: calc(50% - 8px);\n    }\n\n    [role=\"menuitem\"]:focus-visible {\n      box-shadow: inset 0 0 0 2px var(--fg-strong);\n      outline: 0;\n    }\n\n    .menu-item-subtitle {\n      font-size: 11px;\n      opacity: 0.6;\n    }\n\n    .heading {\n      text-transform: uppercase;\n      margin-bottom: var(--padding-2);\n      padding: 0 var(--padding-3);\n      font-size: 11px;\n      font-weight: bold;\n    }\n  </style>\n\n  <slot>\n    <div class=\"heading\">Max quality</div>\n    <div class=\"menu\"></div>\n  </slot>\n";
-var sc = /* @__PURE__ */ new WeakMap(), cc = /* @__PURE__ */ new WeakMap(), lc = /* @__PURE__ */ new WeakMap(), uc = /* @__PURE__ */ new WeakMap(), dc = /* @__PURE__ */ new WeakMap(), fc = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakSet(), pc = class extends HTMLElement {
+var uc = document.createElement("template");
+uc.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 dc = /* @__PURE__ */ new WeakMap(), fc = /* @__PURE__ */ new WeakMap(), pc = /* @__PURE__ */ new WeakMap(), mc = /* @__PURE__ */ new WeakMap(), hc = /* @__PURE__ */ new WeakMap(), gc = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakSet(), _c = class extends HTMLElement {
 	constructor() {
-		super(), S(this, X), f(this, sc, []), f(this, cc, 2 ** 53 - 1), f(this, lc, null), f(this, uc, []), f(this, dc, null), f(this, fc, null), e(this, "handleEvent", (e) => {
+		super(), S(this, Y), f(this, dc, []), f(this, fc, 2 ** 53 - 1), f(this, pc, null), f(this, mc, []), f(this, hc, null), f(this, gc, null), e(this, "handleEvent", (e) => {
 			switch (e.type) {
 				case "keydown":
-					m(X, this, yc).call(this, e);
+					m(Y, this, Cc).call(this, e);
 					break;
 			}
-		}), this.attachShadow({ mode: "open" }).appendChild(oc.content.cloneNode(!0));
+		}), this.attachShadow({ mode: "open" }).appendChild(uc.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		let e = this.getRootNode();
 		if (e instanceof ShadowRoot) {
 			var t;
-			p(dc, this, e.host.closest("vindral-controller")), (t = h(dc, this)) == null || t.connectListener(this), m(X, this, mc).call(this), m(X, this, hc).call(this), p(fc, this, e.host), this.addEventListener("keydown", this);
+			p(hc, this, e.host.closest("vindral-controller")), (t = h(hc, this)) == null || t.connectListener(this), m(Y, this, vc).call(this), m(Y, this, yc).call(this), p(gc, this, e.host), this.addEventListener("keydown", this);
 		}
 	}
 	disconnectedCallback() {
 		var e;
-		(e = h(dc, this)) == null || e.disconnectListener(this), this.removeEventListener("keydown", this);
+		(e = h(hc, 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(sc, this, e), m(X, this, hc).call(this);
+		p(dc, this, e), m(Y, this, yc).call(this);
 	}
 	set maxVideoBitrate(e) {
-		p(cc, this, e), m(X, this, _c).call(this);
+		p(fc, this, e), m(Y, this, xc).call(this);
 	}
 	get keysUsed() {
 		return [
@@ -3912,10 +3938,10 @@ var sc = /* @__PURE__ */ new WeakMap(), cc = /* @__PURE__ */ new WeakMap(), lc =
 	}
 	focus() {
 		var e;
-		(e = h(lc, this)) == null || e.focus();
+		(e = h(pc, this)) == null || e.focus();
 	}
 };
-function mc() {
+function vc() {
 	new IntersectionObserver((e) => {
 		e.forEach((e) => {
 			if (e.intersectionRatio !== 1) if (e.intersectionRatio > 0) {
@@ -3924,50 +3950,50 @@ function mc() {
 			} else this.style.height = "auto";
 		});
 	}, {
-		root: h(dc, this),
+		root: h(hc, this),
 		threshold: 0
 	}).observe(this);
 }
-function hc() {
+function yc() {
 	var e;
 	let t = (e = this.shadowRoot) == null ? void 0 : e.querySelector(".menu");
-	t && (p(uc, this, []), t.innerHTML = "", h(sc, this).sort((e, t) => {
+	t && (p(mc, this, []), t.innerHTML = "", h(dc, 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, gc).call(this, (r = e.video) == null ? void 0 : r.frameRate);
+		let ee = m(Y, this, bc).call(this, (r = e.video) == null ? void 0 : r.frameRate);
 		u.textContent = e.video ? me(e.video) : "";
 		let d = document.createElement("span");
-		d.classList.add("menu-item-subtitle"), d.textContent = `${De(((i = (a = e.video) == null ? void 0 : a.bitRate) == null ? 0 : i) + ((o = (s = e.audio) == null ? void 0 : s.bitRate) == null ? 0 : o))}, ${ee}p`, u.appendChild(d), u.addEventListener("click", () => m(X, this, vc).call(this, e)), h(uc, this).push({
+		d.classList.add("menu-item-subtitle"), d.textContent = `${De(((i = (a = e.video) == null ? void 0 : a.bitRate) == null ? 0 : i) + ((o = (s = e.audio) == null ? void 0 : s.bitRate) == null ? 0 : o))}, ${ee}p`, u.appendChild(d), u.addEventListener("click", () => m(Y, this, Sc).call(this, e)), h(mc, this).push({
 			el: u,
 			id: (c = (l = e.video) == null ? void 0 : l.id) == null ? -1 : c
 		}), t.appendChild(u);
-	}), m(X, this, _c).call(this));
+	}), m(Y, this, xc).call(this));
 }
-function gc(e) {
+function bc(e) {
 	return e ? e[0] % e[1] === 0 ? (e[0] / e[1]).toString() : (e[0] / e[1]).toFixed(2) : "";
 }
-function _c() {
-	h(lc, this) && (h(lc, this).removeAttribute("aria-selected"), h(lc, this).tabIndex = -1);
-	let e = h(sc, this).sort((e, t) => {
+function xc() {
+	h(pc, this) && (h(pc, this).removeAttribute("aria-selected"), h(pc, this).tabIndex = -1);
+	let e = h(dc, 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(sc, this).filter((e) => {
+	}), t = h(dc, this).filter((e) => {
 		var t;
-		return ((t = e.video) == null ? void 0 : t.bitRate) && e.video.bitRate <= h(cc, this);
+		return ((t = e.video) == null ? void 0 : t.bitRate) && e.video.bitRate <= h(fc, this);
 	})[0] || e[e.length - 1];
 	if (t) {
-		let e = h(uc, this).find((e) => {
+		let e = h(mc, 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(lc, this, e.el));
+		e && (e.el.tabIndex = 0, e.el.setAttribute("aria-selected", "true"), p(pc, this, e.el));
 	}
 }
-function vc(e) {
+function Sc(e) {
 	this.dispatchEvent(new Event("change", {
 		bubbles: !0,
 		composed: !0
@@ -3977,36 +4003,36 @@ function vc(e) {
 		detail: e
 	}));
 }
-function yc(e) {
+function Cc(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(fc, this)) == null || a.hide();
+		(a = h(gc, this)) == null || a.hide();
 	} else if (t === "Enter" || t === " ") {
 		var o;
-		(o = m(X, this, xc).call(this)) == null || (o = o.el) == null || o.click();
-	} else m(X, this, bc).call(this, e);
+		(o = m(Y, this, Tc).call(this)) == null || (o = o.el) == null || o.click();
+	} else m(Y, this, wc).call(this, e);
 }
-function bc(e) {
+function wc(e) {
 	var t;
-	let { key: n } = e, r = h(uc, this), i = (t = m(X, this, xc).call(this)) == null ? r[0] : t;
+	let { key: n } = e, r = h(mc, this), i = (t = m(Y, this, Tc).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, Sc).call(this, s.id), s.el.focus());
+	s && (m(Y, this, Ec).call(this, s.id), s.el.focus());
 }
-function xc() {
-	return h(uc, this).find((e) => e.el.tabIndex === 0);
+function Tc() {
+	return h(mc, this).find((e) => e.el.tabIndex === 0);
 }
-function Sc(e) {
-	for (let t of h(uc, this)) t.el.tabIndex = t.id === e ? 0 : -1;
+function Ec(e) {
+	for (let t of h(mc, this)) t.el.tabIndex = t.id === e ? 0 : -1;
 }
-e(pc, "observedAttributes", [g.RENDITION_LEVELS, g.MAX_VIDEO_BITRATE]);
+e(_c, "observedAttributes", [g.RENDITION_LEVELS, g.MAX_VIDEO_BITRATE]);
 //#endregion
 //#region ../../libs/player-next/src/components/ScrollOverlay.ts
-var Cc = document.createElement("template");
-Cc.innerHTML = `
+var Dc = document.createElement("template");
+Dc.innerHTML = `
   <style>
     :host {
       --scroll-overlay-offset: var(--vindral-scroll-overlay-offset, 0px);
@@ -4074,71 +4100,71 @@ Cc.innerHTML = `
   <div id="scroll-area"></div>
   <slot id="content"></slot>
 `;
-var wc = /* @__PURE__ */ new WeakMap(), Tc = /* @__PURE__ */ new WeakMap(), Ec = /* @__PURE__ */ new WeakMap(), Dc = /* @__PURE__ */ new WeakMap(), Oc = /* @__PURE__ */ new WeakMap(), kc = /* @__PURE__ */ new WeakMap(), Ac = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakSet(), jc = /* @__PURE__ */ new WeakMap(), Mc = class extends HTMLElement {
+var X = /* @__PURE__ */ new WeakMap(), Oc = /* @__PURE__ */ new WeakMap(), kc = /* @__PURE__ */ new WeakMap(), Ac = /* @__PURE__ */ new WeakMap(), jc = /* @__PURE__ */ new WeakMap(), Mc = /* @__PURE__ */ new WeakMap(), Nc = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakSet(), Pc = /* @__PURE__ */ new WeakMap(), Fc = class extends HTMLElement {
 	constructor() {
-		super(), S(this, Z), f(this, wc, null), f(this, Tc, null), f(this, Ec, !1), f(this, Dc, !1), f(this, Oc, !1), f(this, kc, () => {
+		super(), S(this, Z), f(this, X, null), f(this, Oc, null), f(this, kc, !1), f(this, Ac, !1), f(this, jc, !1), f(this, Mc, () => {
 			this.open && (this.open = !1);
-		}), f(this, Ac, null), e(this, "handleEvent", (e) => {
+		}), f(this, Nc, null), e(this, "handleEvent", (e) => {
 			switch (e.type) {
 				case "touchstart":
-					m(Z, this, Pc).call(this, e);
+					m(Z, this, Lc).call(this, e);
 					break;
 				case "touchmove":
-					m(Z, this, Fc).call(this, e);
+					m(Z, this, Rc).call(this, e);
 					break;
 				case "touchend":
-					m(Z, this, Ic).call(this, e);
+					m(Z, this, zc).call(this, e);
 					break;
 			}
-		}), f(this, jc, () => {
-			let e = h(Oc, this);
+		}), f(this, Pc, () => {
+			let e = h(jc, this);
 			if (this.scrollTop === 0) {
-				m(Z, this, Wc).call(this, e);
+				m(Z, this, qc).call(this, e);
 				return;
 			}
-			if (!e && !m(Z, this, Lc).call(this)) {
-				m(Z, this, Hc).call(this), m(Z, this, Wc).call(this);
+			if (!e && !m(Z, this, Bc).call(this)) {
+				m(Z, this, Gc).call(this), m(Z, this, qc).call(this);
 				return;
 			}
-			!this.visible && this.scrollTop > 0 && !h(Ec, this) ? m(Z, this, Gc).call(this) : !h(Ec, this) && m(Z, this, zc).call(this) && (this.open || (this.open = !0), e && !this.hasAttribute("snap-touch") && this.setAttribute("snap-touch", ""));
-		}), this.attachShadow({ mode: "open" }).appendChild(Cc.content.cloneNode(!0));
+			!this.visible && this.scrollTop > 0 && !h(kc, this) ? m(Z, this, Jc).call(this) : !h(kc, this) && m(Z, this, Hc).call(this) && (this.open || (this.open = !0), e && !this.hasAttribute("snap-touch") && this.setAttribute("snap-touch", ""));
+		}), this.attachShadow({ mode: "open" }).appendChild(Dc.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		let e = this.getRootNode();
 		if (e instanceof Document || e instanceof ShadowRoot) {
 			var t, n, r;
-			p(wc, this, e.querySelector("vindral-controller")), (t = h(wc, this)) == null || t.connectListener(this), p(Tc, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#scroll-area")), (r = h(Tc, this)) == null || r.addEventListener("click", h(kc, this));
+			p(X, this, e.querySelector("vindral-controller")), (t = h(X, this)) == null || t.connectListener(this), p(Oc, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#scroll-area")), (r = h(Oc, this)) == null || r.addEventListener("click", h(Mc, this));
 			let s = this.hasAttribute("touch-enabled");
-			if (p(Oc, this, se() && s), !h(Oc, this)) this.setAttribute("snap", "");
+			if (p(jc, this, se() && s), !h(jc, this)) this.setAttribute("snap", "");
 			else {
 				var i, a, o;
-				(i = h(wc, this)) == null || i.addEventListener("touchstart", this, { passive: !0 }), (a = h(wc, this)) == null || a.addEventListener("touchmove", this, { passive: !1 }), (o = h(wc, this)) == null || o.addEventListener("touchend", this, { passive: !0 });
+				(i = h(X, this)) == null || i.addEventListener("touchstart", this, { passive: !0 }), (a = h(X, this)) == null || a.addEventListener("touchmove", this, { passive: !1 }), (o = h(X, this)) == null || o.addEventListener("touchend", this, { passive: !0 });
 			}
-			this.addEventListener("scroll", h(jc, this));
+			this.addEventListener("scroll", h(Pc, this));
 		}
 	}
 	disconnectedCallback() {
 		var e, t, n, r, i;
-		(e = h(Tc, this)) == null || e.removeEventListener("click", h(kc, this)), this.removeEventListener("scroll", h(jc, this)), (t = h(wc, this)) == null || t.removeEventListener("touchstart", this), (n = h(wc, this)) == null || n.removeEventListener("touchmove", this), (r = h(wc, this)) == null || r.removeEventListener("touchend", this), (i = h(wc, this)) == null || i.disconnectListener(this);
+		(e = h(Oc, this)) == null || e.removeEventListener("click", h(Mc, this)), this.removeEventListener("scroll", h(Pc, this)), (t = h(X, this)) == null || t.removeEventListener("touchstart", this), (n = h(X, this)) == null || n.removeEventListener("touchmove", this), (r = h(X, this)) == null || r.removeEventListener("touchend", this), (i = h(X, this)) == null || i.disconnectListener(this);
 	}
 	attributeChangedCallback(e, t, n) {
-		if (t !== n && (e === g.USER_INTERACTING && n === null && m(Z, this, Rc).call(this) && setTimeout(() => {
+		if (t !== n && (e === g.USER_INTERACTING && n === null && m(Z, this, Vc).call(this) && setTimeout(() => {
 			this.open = !1;
 		}, 300), e === "open")) if (n !== null) {
 			var r;
-			p(Ec, this, !1), this.scrollTop > 0 && m(Z, this, Gc).call(this), this.scrollTo({
-				top: (r = h(Tc, this)) == null ? void 0 : r.clientHeight,
+			p(kc, this, !1), this.scrollTop > 0 && m(Z, this, Jc).call(this), this.scrollTo({
+				top: (r = h(Oc, this)) == null ? void 0 : r.clientHeight,
 				behavior: "smooth"
 			});
-		} else m(Z, this, Uc).call(this);
+		} else m(Z, this, Kc).call(this);
 	}
 	set open(e) {
 		if (e) {
 			this.setAttribute("open", "");
 			return;
 		}
-		let t = this.hasAttribute("open"), n = this.visible || m(Z, this, Rc).call(this);
-		t ? this.removeAttribute("open") : n ? m(Z, this, Uc).call(this) : (p(Ec, this, !1), this.removeAttribute("snap-touch"));
+		let t = this.hasAttribute("open"), n = this.visible || m(Z, this, Vc).call(this);
+		t ? this.removeAttribute("open") : n ? m(Z, this, Kc).call(this) : (p(kc, this, !1), this.removeAttribute("snap-touch"));
 	}
 	get open() {
 		return this.hasAttribute("open");
@@ -4150,125 +4176,125 @@ var wc = /* @__PURE__ */ new WeakMap(), Tc = /* @__PURE__ */ new WeakMap(), Ec =
 		return this.hasAttribute("visible");
 	}
 };
-function Nc() {
-	return m(Z, this, Lc).call(this) || m(Z, this, Vc).call(this) || m(Z, this, Rc).call(this);
+function Ic() {
+	return m(Z, this, Bc).call(this) || m(Z, this, Wc).call(this) || m(Z, this, Vc).call(this);
 }
-function Pc(e) {
+function Lc(e) {
 	let t = e.touches[0];
-	t && (p(Dc, this, m(Z, this, Nc).call(this)), h(Dc, this) && (p(Ec, this, !1), p(Ac, this, t.clientY)));
+	t && (p(Ac, this, m(Z, this, Ic).call(this)), h(Ac, this) && (p(kc, this, !1), p(Nc, this, t.clientY)));
 }
-function Fc(e) {
-	if (!(!h(Dc, this) || h(Ac, this) === null || this.hasAttribute("snap-touch") && this.open) && (e.preventDefault(), e.touches[0])) {
-		let t = e.touches[0].clientY, n = h(Ac, this) - t;
+function Rc(e) {
+	if (!(!h(Ac, this) || h(Nc, this) === null || this.hasAttribute("snap-touch") && this.open) && (e.preventDefault(), e.touches[0])) {
+		let t = e.touches[0].clientY, n = h(Nc, this) - t;
 		this.scrollTop = Math.max(0, n);
 	}
 }
-function Ic(e) {
-	h(Dc, this) && !h(Ec, this) && m(Z, this, Rc).call(this) && (!this.hasAttribute("snap-touch") || !this.open) && (this.open = !0), p(Ac, this, null), p(Dc, this, !1);
+function zc(e) {
+	h(Ac, this) && !h(kc, this) && m(Z, this, Vc).call(this) && (!this.hasAttribute("snap-touch") || !this.open) && (this.open = !0), p(Nc, this, null), p(Ac, this, !1);
 }
-function Lc() {
+function Bc() {
 	return this.hasAttribute(g.USER_INTERACTING);
 }
-function Rc() {
+function Vc() {
 	return this.scrollTop > 0;
 }
-function zc() {
+function Hc() {
 	var e;
-	return Math.round(this.scrollTop) === this.scrollHeight - this.clientHeight || Math.round(this.scrollTop) === ((e = h(Tc, this)) == null ? void 0 : e.clientHeight);
+	return Math.round(this.scrollTop) === this.scrollHeight - this.clientHeight || Math.round(this.scrollTop) === ((e = h(Oc, this)) == null ? void 0 : e.clientHeight);
 }
-function Bc() {
+function Uc() {
 	var e;
-	let t = (e = h(Tc, this)) == null ? void 0 : e.clientHeight;
+	let t = (e = h(Oc, this)) == null ? void 0 : e.clientHeight;
 	return !t || this.clientHeight <= 0 ? 0 : Math.max(this.clientHeight - t, 0);
 }
-function Vc() {
+function Wc() {
 	let e = getComputedStyle(this), t = Number.parseFloat(e.getPropertyValue("--vindral-scroll-overlay-offset"));
-	return Number.isNaN(t) ? m(Z, this, Bc).call(this) > 0 : t > 0;
+	return Number.isNaN(t) ? m(Z, this, Uc).call(this) > 0 : t > 0;
 }
-function Hc() {
+function Gc() {
 	let e = this.style.scrollBehavior;
 	this.style.scrollBehavior = "auto", this.scrollTo({
 		top: 0,
 		behavior: "auto"
 	}), this.style.scrollBehavior = e;
 }
-function Uc() {
-	p(Ec, this, !0), this.removeAttribute("snap-touch"), m(Z, this, Kc).call(this), this.scrollTo({
+function Kc() {
+	p(kc, this, !0), this.removeAttribute("snap-touch"), m(Z, this, Yc).call(this), this.scrollTo({
 		top: 0,
 		behavior: "smooth"
 	});
 }
-function Wc(e = !1) {
-	this.open = !1, e && this.removeAttribute("snap-touch"), p(Ec, this, !1), m(Z, this, Kc).call(this);
+function qc(e = !1) {
+	this.open = !1, e && this.removeAttribute("snap-touch"), p(kc, this, !1), m(Z, this, Yc).call(this);
 }
-function Gc() {
+function Jc() {
 	this.visible || (this.visible = !0, this.dispatchEvent(new CustomEvent(v.LOCK_UI, {
 		bubbles: !0,
 		composed: !0
 	})));
 }
-function Kc() {
+function Yc() {
 	this.visible && (this.visible = !1, this.dispatchEvent(new CustomEvent(v.UNLOCK_UI, {
 		bubbles: !0,
 		composed: !0
 	})));
 }
-e(Mc, "observedAttributes", [
+e(Fc, "observedAttributes", [
 	g.USER_INTERACTING,
 	"open",
 	"touch-enabled"
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/SeekBar.ts
-var qc = 1e3, Jc = 8, Yc = document.createElement("template");
-Yc.innerHTML = "\n  <style>\n    :host {\n      --buffered: 0;\n      --vindral-range-thickness: 3px;\n      --vindral-range-hover-thickness: 5px;\n      --vindral-range-thumb-size: 10px;\n      --vindral-range-thumb-hover-size: 15px;\n      --vindral-range-fill-color: linear-gradient(\n        90deg,\n        #03a9f4 0%,\n        #03a9f4 calc(100% - min(20%, 150px)),\n        #b3e5fc 100%\n      );\n      --vindral-range-thumb-color: #03a9f4;\n      display: var(--seek-bar-display);\n      position: relative;\n    }\n\n    :host([data-no-duration]) {\n      display: none;\n    }\n\n    #hover-preview {\n      position: absolute;\n      background-color: rgba(255, 255, 255, 0.6);\n      opacity: 0;\n      pointer-events: none;\n      z-index: 1;\n    }\n\n    #time-tooltip {\n      position: absolute;\n      bottom: 100%;\n      left: 50%;\n      transform: translateX(-50%) translateY(-8px);\n      background: rgba(0, 0, 0, 0.8);\n      color: white;\n      padding: 4px 8px;\n      border-radius: 4px;\n      font-size: 12px;\n      white-space: nowrap;\n      opacity: 0;\n      pointer-events: none;\n      transition: opacity 0.2s;\n      z-index: 10;\n    }\n\n    @media (hover: none) {\n      #time-tooltip {\n        display: none;\n      }\n    }\n\n    #markers {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      z-index: 2;\n    }\n\n    .marker {\n      position: absolute;\n      top: calc(50% - var(--vindral-seek-bar-marker-size, 6px) / 2);\n      width: var(--vindral-seek-bar-marker-size, 6px);\n      height: var(--vindral-seek-bar-marker-size, 6px);\n      border-radius: 50%;\n      transform: translateX(-50%);\n      background: var(--vindral-seek-bar-marker-color, #ffffff);\n    }\n  </style>\n\n  <div id=\"buffered-track\"></div>\n  <div id=\"hover-preview\"></div>\n  <div id=\"markers\"></div>\n  <div id=\"time-tooltip\"></div>\n";
-var Q = /* @__PURE__ */ new WeakMap(), Xc = /* @__PURE__ */ new WeakMap(), Zc = /* @__PURE__ */ new WeakMap(), Qc = /* @__PURE__ */ new WeakMap(), $c = /* @__PURE__ */ new WeakMap(), el = /* @__PURE__ */ new WeakMap(), tl = /* @__PURE__ */ new WeakMap(), nl = /* @__PURE__ */ new WeakMap(), rl = /* @__PURE__ */ new WeakMap(), il = /* @__PURE__ */ new WeakMap(), al = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakSet(), 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 = class extends gi {
+var Xc = 1e3, Zc = 8, Qc = document.createElement("template");
+Qc.innerHTML = "\n  <style>\n    :host {\n      --buffered: 0;\n      --vindral-range-thickness: 3px;\n      --vindral-range-hover-thickness: 5px;\n      --vindral-range-thumb-size: 10px;\n      --vindral-range-thumb-hover-size: 15px;\n      --vindral-range-fill-color: linear-gradient(\n        90deg,\n        #03a9f4 0%,\n        #03a9f4 calc(100% - min(20%, 150px)),\n        #b3e5fc 100%\n      );\n      --vindral-range-thumb-color: #03a9f4;\n      display: var(--seek-bar-display);\n      position: relative;\n    }\n\n    :host([data-no-duration]) {\n      display: none;\n    }\n\n    #hover-preview {\n      position: absolute;\n      background-color: rgba(255, 255, 255, 0.6);\n      opacity: 0;\n      pointer-events: none;\n      z-index: 1;\n    }\n\n    #time-tooltip {\n      position: absolute;\n      bottom: 100%;\n      left: 50%;\n      transform: translateX(-50%) translateY(-8px);\n      background: rgba(0, 0, 0, 0.8);\n      color: white;\n      padding: 4px 8px;\n      border-radius: 4px;\n      font-size: 12px;\n      white-space: nowrap;\n      opacity: 0;\n      pointer-events: none;\n      transition: opacity 0.2s;\n      z-index: 10;\n    }\n\n    @media (hover: none) {\n      #time-tooltip {\n        display: none;\n      }\n    }\n\n    #markers {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      z-index: 2;\n    }\n\n    .marker {\n      position: absolute;\n      top: calc(50% - var(--vindral-seek-bar-marker-size, 6px) / 2);\n      width: var(--vindral-seek-bar-marker-size, 6px);\n      height: var(--vindral-seek-bar-marker-size, 6px);\n      border-radius: 50%;\n      transform: translateX(-50%);\n      background: var(--vindral-seek-bar-marker-color, #ffffff);\n    }\n  </style>\n\n  <div id=\"buffered-track\"></div>\n  <div id=\"hover-preview\"></div>\n  <div id=\"markers\"></div>\n  <div id=\"time-tooltip\"></div>\n";
+var Q = /* @__PURE__ */ new WeakMap(), $c = /* @__PURE__ */ new WeakMap(), el = /* @__PURE__ */ new WeakMap(), tl = /* @__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(), $ = /* @__PURE__ */ new WeakSet(), ll = /* @__PURE__ */ new WeakMap(), ul = /* @__PURE__ */ new WeakMap(), dl = /* @__PURE__ */ new WeakMap(), fl = /* @__PURE__ */ new WeakMap(), pl = /* @__PURE__ */ new WeakMap(), ml = /* @__PURE__ */ new WeakMap(), hl = class extends _i {
 	constructor() {
 		var e, t, n, r;
-		super(), S(this, $), f(this, Q, void 0), f(this, Xc, void 0), f(this, Zc, void 0), f(this, Qc, void 0), f(this, $c, []), f(this, el, null), f(this, tl, !1), f(this, nl, null), f(this, rl, null), f(this, il, !1), f(this, al, !1), f(this, ol, (e) => {
-			if (!m($, this, hl).call(this) || m($, this, gl).call(this)) {
+		super(), S(this, $), f(this, Q, void 0), f(this, $c, void 0), f(this, el, void 0), f(this, tl, void 0), f(this, nl, []), f(this, rl, null), f(this, il, !1), f(this, al, null), f(this, ol, null), f(this, sl, !1), f(this, cl, !1), f(this, ll, (e) => {
+			if (!m($, this, vl).call(this) || m($, this, yl).call(this)) {
 				e.preventDefault();
 				return;
 			}
-			p(tl, this, !0), p(rl, this, e.pointerId);
+			p(il, this, !0), p(ol, this, e.pointerId);
 			try {
 				this.setPointerCapture(e.pointerId);
 			} catch (e) {}
-			m($, this, wl).call(this, e);
-		}), f(this, sl, (e) => {
-			if (!(!m($, this, hl).call(this) || m($, this, gl).call(this))) {
-				if (h(nl, this) && (cancelAnimationFrame(h(nl, this)), p(nl, this, null)), h(tl, this) && e.pointerId === h(rl, this)) {
-					e.preventDefault(), m($, this, wl).call(this, e);
+			m($, this, Dl).call(this, e);
+		}), f(this, ul, (e) => {
+			if (!(!m($, this, vl).call(this) || m($, this, yl).call(this))) {
+				if (h(al, this) && (cancelAnimationFrame(h(al, this)), p(al, this, null)), h(il, this) && e.pointerId === h(ol, this)) {
+					e.preventDefault(), m($, this, Dl).call(this, e);
 					return;
 				}
-				p(nl, this, requestAnimationFrame(() => {
+				p(al, this, requestAnimationFrame(() => {
 					var t;
-					if (e.pointerType !== "mouse" || h(tl, this) || !this.duration) {
-						h(Zc, this).style.opacity = "0", p(nl, this, null);
+					if (e.pointerType !== "mouse" || h(il, this) || !this.duration) {
+						h(el, this).style.opacity = "0", p(al, this, null);
 						return;
 					}
-					let n = m($, this, Cl).call(this, e.clientX), r = m($, this, xl).call(this, n), i = (t = r == null ? void 0 : r.position) == null ? n : t;
-					if (m($, this, El).call(this, i, r), i > this.range.valueAsNumber) {
+					let n = m($, this, El).call(this, e.clientX), r = m($, this, wl).call(this, n), i = (t = r == null ? void 0 : r.position) == null ? n : t;
+					if (m($, this, kl).call(this, i, r), i > this.range.valueAsNumber) {
 						let e = this.range.valueAsNumber * 100, t = (i - this.range.valueAsNumber) * 100;
-						h(Zc, this).style.transform = `translateX(${e}%) scaleX(${t / 100})`, h(Zc, this).style.opacity = "1";
-					} else h(Zc, this).style.opacity = "0";
-					p(nl, this, null);
+						h(el, this).style.transform = `translateX(${e}%) scaleX(${t / 100})`, h(el, this).style.opacity = "1";
+					} else h(el, this).style.opacity = "0";
+					p(al, this, null);
 				}));
 			}
-		}), f(this, cl, (e) => {
-			if (e.pointerId === h(rl, this)) {
+		}), f(this, dl, (e) => {
+			if (e.pointerId === h(ol, this)) {
 				try {
 					this.releasePointerCapture(e.pointerId);
 				} catch (e) {}
-				p(tl, this, !1), p(rl, this, null), e.pointerType !== "mouse" && (h(Xc, this).style.opacity = "0"), h(al, this) && m($, this, kl).call(this) && (p(il, this, !1), p(al, this, !1));
+				p(il, this, !1), p(ol, this, null), e.pointerType !== "mouse" && (h($c, this).style.opacity = "0"), h(cl, this) && m($, this, Ml).call(this) && (p(sl, this, !1), p(cl, this, !1));
 			}
-		}), f(this, ll, () => {
-			this.duration && !m($, this, gl).call(this) && (h(Xc, this).style.opacity = "1");
-		}), f(this, ul, () => {
-			h(Xc, this).style.opacity = "0", h(Zc, this).style.opacity = "0";
-		}), f(this, dl, (e) => {
-			if (m($, this, gl).call(this) || !h(Q, this) || h(Q, this) <= 0 || !Number.isFinite(h(Q, this))) return;
-			let t = m($, this, pl).call(this);
+		}), f(this, fl, () => {
+			this.duration && !m($, this, yl).call(this) && (h($c, this).style.opacity = "1");
+		}), f(this, pl, () => {
+			h($c, this).style.opacity = "0", h(el, this).style.opacity = "0";
+		}), f(this, ml, (e) => {
+			if (m($, this, yl).call(this) || !h(Q, this) || h(Q, this) <= 0 || !Number.isFinite(h(Q, this))) return;
+			let t = m($, this, gl).call(this);
 			if (t <= 0) return;
 			let n = this.range.valueAsNumber * t, r = n;
 			switch (e.preventDefault(), e.key) {
@@ -4276,46 +4302,46 @@ var Q = /* @__PURE__ */ new WeakMap(), Xc = /* @__PURE__ */ new WeakMap(), Zc =
 					r = Math.max(0, n - 5);
 					break;
 				case "ArrowRight":
-					if (m($, this, kl).call(this)) return;
+					if (m($, this, Ml).call(this)) return;
 					r = Math.min(t, n + 5);
 					break;
 				case "Home":
 					r = 0;
 					break;
 				case "End":
-					if (m($, this, kl).call(this)) return;
+					if (m($, this, Ml).call(this)) return;
 					r = t;
 					break;
 				default: return;
 			}
 			let i = Math.min(r / t, 1);
-			m($, this, Tl).call(this, i);
-		}), (e = this.shadowRoot) == null || e.appendChild(Yc.content.cloneNode(!0)), p(Xc, this, (t = this.shadowRoot) == null ? void 0 : t.getElementById("time-tooltip")), p(Zc, this, (n = this.shadowRoot) == null ? void 0 : n.getElementById("hover-preview")), p(Qc, this, (r = this.shadowRoot) == null ? void 0 : r.getElementById("markers")), this.addEventListener("pointerdown", h(ol, this)), this.addEventListener("pointermove", h(sl, this)), this.addEventListener("pointerup", h(cl, this)), this.addEventListener("pointercancel", h(cl, this)), this.addEventListener("mouseenter", h(ll, this)), this.addEventListener("mouseleave", h(ul, this));
+			m($, this, Ol).call(this, i);
+		}), (e = this.shadowRoot) == null || e.appendChild(Qc.content.cloneNode(!0)), p($c, this, (t = this.shadowRoot) == null ? void 0 : t.getElementById("time-tooltip")), p(el, this, (n = this.shadowRoot) == null ? void 0 : n.getElementById("hover-preview")), p(tl, this, (r = this.shadowRoot) == null ? void 0 : r.getElementById("markers")), this.addEventListener("pointerdown", h(ll, this)), this.addEventListener("pointermove", h(ul, this)), this.addEventListener("pointerup", h(dl, this)), this.addEventListener("pointercancel", h(dl, this)), this.addEventListener("mouseenter", h(fl, this)), this.addEventListener("mouseleave", h(pl, this));
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.setAttribute("aria-label", "Seek video position"), this.setAttribute("role", "slider"), m($, this, Sl).call(this), this.addEventListener("keydown", h(dl, this)), m($, this, kl).call(this) && (this.range.value = "1", m($, this, Sl).call(this)), m($, this, _l).call(this), m($, this, yl).call(this);
+		super.connectedCallback(), this.setAttribute("aria-label", "Seek video position"), this.setAttribute("role", "slider"), m($, this, Tl).call(this), this.addEventListener("keydown", h(ml, this)), m($, this, Ml).call(this) && (this.range.value = "1", m($, this, Tl).call(this)), m($, this, bl).call(this), m($, this, Sl).call(this);
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), m($, this, bl).call(this), this.removeEventListener("pointerdown", h(ol, this)), this.removeEventListener("pointermove", h(sl, this)), this.removeEventListener("pointerup", h(cl, this)), this.removeEventListener("pointercancel", h(cl, this)), this.removeEventListener("mouseenter", h(ll, this)), this.removeEventListener("mouseleave", h(ul, this)), this.removeEventListener("keydown", h(dl, this)), p(rl, this, null);
+		super.disconnectedCallback(), m($, this, Cl).call(this), this.removeEventListener("pointerdown", h(ll, this)), this.removeEventListener("pointermove", h(ul, this)), this.removeEventListener("pointerup", h(dl, this)), this.removeEventListener("pointercancel", h(dl, this)), this.removeEventListener("mouseenter", h(fl, this)), this.removeEventListener("mouseleave", h(pl, this)), this.removeEventListener("keydown", h(ml, this)), p(ol, this, null);
 	}
 	attributeChangedCallback(e, t, n) {
 		if (super.attributeChangedCallback(e, t, n), t !== n) switch (e) {
 			case g.TIMESHIFT_POSITION:
-				if (m($, this, kl).call(this)) {
-					h(tl, this) ? p(al, this, !0) : (p(il, this, !1), p(al, this, !1)), this.range.value = "1", m($, this, Sl).call(this);
+				if (m($, this, Ml).call(this)) {
+					h(il, this) ? p(cl, this, !0) : (p(sl, this, !1), p(cl, this, !1)), this.range.value = "1", m($, this, Tl).call(this);
 					return;
 				}
 				if (h(Q, this)) {
-					p(al, this, !1);
+					p(cl, this, !1);
 					let e = Math.max(parseFloat(n) / h(Q, this), 0);
-					this.range.value = e.toString(), m($, this, Sl).call(this);
+					this.range.value = e.toString(), m($, this, Tl).call(this);
 				}
 				break;
 			case g.DURATION:
-				p(Q, this, parseFloat(n) || 0), m($, this, Sl).call(this), m($, this, _l).call(this), m($, this, yl).call(this);
+				p(Q, this, parseFloat(n) || 0), m($, this, Tl).call(this), m($, this, bl).call(this), m($, this, Sl).call(this);
 				break;
 			case g.TIMELINE_MARKERS:
-				p($c, this, Nr(n)), m($, this, _l).call(this), m($, this, yl).call(this);
+				p(nl, this, Pr(n)), m($, this, bl).call(this), m($, this, Sl).call(this);
 				break;
 		}
 	}
@@ -4333,54 +4359,54 @@ var Q = /* @__PURE__ */ new WeakMap(), Xc = /* @__PURE__ */ new WeakMap(), Zc =
 		this.setAttribute(g.DURATION, e.toString());
 	}
 };
-function pl() {
+function gl() {
 	return h(Q, this) ? h(Q, this) : 1;
 }
-function ml() {
+function _l() {
 	let e = h(Q, this);
 	return e !== void 0 && e > 0 && Number.isFinite(e) ? e : void 0;
 }
-function hl() {
-	return m($, this, ml).call(this) !== void 0;
+function vl() {
+	return m($, this, _l).call(this) !== void 0;
 }
-function gl() {
-	return h(il, this);
+function yl() {
+	return h(sl, this);
 }
-function _l() {
+function bl() {
 	var e;
-	let t = Date.now(), n = (e = h(Q, this)) == null ? 0 : e, r = h(Qc, this).children, i = 0;
-	for (let e of h($c, this)) {
-		let a = Pr(e.time, t, n);
+	let t = Date.now(), n = (e = h(Q, this)) == null ? 0 : e, r = h(tl, this).children, i = 0;
+	for (let e of h(nl, this)) {
+		let a = Fr(e.time, t, n);
 		if (a === null) continue;
 		let o = r[i];
-		o || (o = document.createElement("div"), o.className = "marker", h(Qc, 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(tl, 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(Qc, this).children.length > i;) {
+	for (; h(tl, this).children.length > i;) {
 		var a;
-		(a = h(Qc, this).lastElementChild) == null || a.remove();
+		(a = h(tl, this).lastElementChild) == null || a.remove();
 	}
 }
-function vl() {
-	let e = m($, this, ml).call(this);
+function xl() {
+	let e = m($, this, _l).call(this);
 	if (e === void 0) return !1;
 	let t = Date.now() - e * 1e3;
-	return h($c, this).some((e) => e.time >= t);
+	return h(nl, this).some((e) => e.time >= t);
 }
-function yl() {
-	this.isConnected && m($, this, vl).call(this) ? h(el, this) === null && p(el, this, window.setInterval(() => {
-		m($, this, _l).call(this), m($, this, yl).call(this);
-	}, qc)) : m($, this, bl).call(this);
+function Sl() {
+	this.isConnected && m($, this, xl).call(this) ? h(rl, this) === null && p(rl, this, window.setInterval(() => {
+		m($, this, bl).call(this), m($, this, Sl).call(this);
+	}, Xc)) : m($, this, Cl).call(this);
 }
-function bl() {
-	h(el, this) !== null && (window.clearInterval(h(el, this)), p(el, this, null));
+function Cl() {
+	h(rl, this) !== null && (window.clearInterval(h(rl, this)), p(rl, this, null));
 }
-function xl(e) {
-	if (h($c, this).length === 0 || !h(Q, this)) return null;
+function wl(e) {
+	if (h(nl, this).length === 0 || !h(Q, this)) return null;
 	let t = this.getBoundingClientRect().width;
 	if (!t) return null;
-	let n = Jc / t, r = Date.now(), i = null;
-	for (let t of h($c, this)) {
-		let a = Pr(t.time, r, h(Q, this));
+	let n = Zc / t, r = Date.now(), i = null;
+	for (let t of h(nl, this)) {
+		let a = Fr(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 = {
@@ -4390,59 +4416,59 @@ function xl(e) {
 	}
 	return i;
 }
-function Sl() {
-	let e = m($, this, pl).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(tl, this) || (this.updateBar(), this.setAttribute("aria-valuetext", `${m($, this, Al).call(this, this.range.valueAsNumber * e)} of ${m($, this, Al).call(this, e)}`), !h(tl, this) && !m($, this, gl).call(this) && m($, this, Ol).call(this, this.range.valueAsNumber));
+function Tl() {
+	let e = m($, this, gl).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(il, this) || (this.updateBar(), this.setAttribute("aria-valuetext", `${m($, this, Nl).call(this, this.range.valueAsNumber * e)} of ${m($, this, Nl).call(this, e)}`), !h(il, this) && !m($, this, yl).call(this) && m($, this, jl).call(this, this.range.valueAsNumber));
 }
-function Cl(e) {
+function El(e) {
 	let t = this.getBoundingClientRect(), n = (e - t.left) / t.width;
 	return Math.max(0, Math.min(1, n));
 }
-function wl(e) {
+function Dl(e) {
 	var t;
-	let n = m($, this, Cl).call(this, e.clientX), r = m($, this, xl).call(this, n), i = (t = r == null ? void 0 : r.position) == null ? n : t;
-	m($, this, El).call(this, i, r), h(tl, this) || (h(Xc, this).style.opacity = "1"), m($, this, Tl).call(this, i);
+	let n = m($, this, El).call(this, e.clientX), r = m($, this, wl).call(this, n), i = (t = r == null ? void 0 : r.position) == null ? n : t;
+	m($, this, kl).call(this, i, r), h(il, this) || (h($c, this).style.opacity = "1"), m($, this, Ol).call(this, i);
 }
-function Tl(e) {
-	if (m($, this, gl).call(this) || m($, this, Ol).call(this, e)) return;
-	let t = e * m($, this, pl).call(this);
-	this.range.value = e.toString(), this.updateBar(), m($, this, Dl).call(this, t);
+function Ol(e) {
+	if (m($, this, yl).call(this) || m($, this, jl).call(this, e)) return;
+	let t = e * m($, this, gl).call(this);
+	this.range.value = e.toString(), this.updateBar(), m($, this, Al).call(this, t);
 }
-function El(e, t) {
+function kl(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, Al).call(this, r)}`;
-	h(Xc, this).textContent = t ? `${t.marker.label}: ${i}` : i, h(Xc, 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, Nl).call(this, r)}`;
+	h($c, this).textContent = t ? `${t.marker.label}: ${i}` : i, h($c, this).style.left = `${Math.min(Math.max(e * 100, 2), 98)}%`;
 }
-function Dl(e) {
+function Al(e) {
 	this.dispatchEvent(new CustomEvent("seek", {
 		bubbles: !0,
 		composed: !0,
 		detail: e
 	}));
 }
-function Ol(e) {
-	return h(il, this) || m($, this, kl).call(this) || e < .999 ? !1 : (p(il, this, !0), p(al, this, !1), this.dispatchEvent(new CustomEvent(v.GO_LIVE, {
+function jl(e) {
+	return h(sl, this) || m($, this, Ml).call(this) || e < .999 ? !1 : (p(sl, this, !0), p(cl, this, !1), this.dispatchEvent(new CustomEvent(v.GO_LIVE, {
 		bubbles: !0,
 		composed: !0
 	})), !0);
 }
-function kl() {
+function Ml() {
 	return !this.hasAttribute(g.TIMESHIFT_POSITION);
 }
-function Al(e) {
+function Nl(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(fl, "observedAttributes", [
-	...gi.observedAttributes,
+e(hl, "observedAttributes", [
+	..._i.observedAttributes,
 	g.TIMESHIFT_POSITION,
 	g.DURATION,
 	g.TIMELINE_MARKERS
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/UserInputPlayOverlay.ts
-var jl = document.createElement("template");
-jl.innerHTML = `
+var Pl = document.createElement("template");
+Pl.innerHTML = `
   <style>
     :host {
       display: var(--play-overlay-display);
@@ -4502,51 +4528,51 @@ jl.innerHTML = `
 </slot>
   </slot>
 `;
-var Ml = /* @__PURE__ */ new WeakMap(), Nl = /* @__PURE__ */ new WeakMap(), Pl = /* @__PURE__ */ new WeakMap(), Fl = /* @__PURE__ */ new WeakMap(), Il = class extends HTMLElement {
+var Fl = /* @__PURE__ */ new WeakMap(), Il = /* @__PURE__ */ new WeakMap(), Ll = /* @__PURE__ */ new WeakMap(), Rl = /* @__PURE__ */ new WeakMap(), zl = class extends HTMLElement {
 	constructor() {
-		super(), f(this, Ml, null), f(this, Nl, () => {
+		super(), f(this, Fl, null), f(this, Il, () => {
 			this.dispatchEvent(new CustomEvent(v.REQUEST_USER_INPUT, {
 				bubbles: !0,
 				composed: !0
 			}));
-		}), f(this, Pl, (e) => {
+		}), f(this, Ll, (e) => {
 			let { key: t } = e;
 			if (!this.keysUsed.includes(t)) {
-				this.removeEventListener("keyup", h(Pl, this));
+				this.removeEventListener("keyup", h(Ll, this));
 				return;
 			}
 			this.dispatchEvent(new CustomEvent(v.REQUEST_USER_INPUT, {
 				bubbles: !0,
 				composed: !0
 			}));
-		}), f(this, Fl, (e) => {
+		}), f(this, Rl, (e) => {
 			let { metaKey: t, altKey: n, key: r } = e;
 			if (t || n || !this.keysUsed.includes(r)) {
-				this.removeEventListener("keyup", h(Pl, this));
+				this.removeEventListener("keyup", h(Ll, this));
 				return;
 			}
-			this.addEventListener("keyup", h(Pl, this), { once: !0 });
-		}), this.attachShadow({ mode: "open" }).appendChild(jl.content.cloneNode(!0));
+			this.addEventListener("keyup", h(Ll, this), { once: !0 });
+		}), this.attachShadow({ mode: "open" }).appendChild(Pl.content.cloneNode(!0));
 	}
 	get keysUsed() {
 		return ["Enter", " "];
 	}
 	connectedCallback() {
 		var e;
-		p(Ml, this, this.closest("vindral-controller")), (e = h(Ml, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.enable();
+		p(Fl, this, this.closest("vindral-controller")), (e = h(Fl, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.enable();
 	}
 	enable() {
-		this.addEventListener("click", h(Nl, this)), this.addEventListener("keydown", h(Fl, this)), this.tabIndex = 0;
+		this.addEventListener("click", h(Il, this)), this.addEventListener("keydown", h(Rl, this)), this.tabIndex = 0;
 	}
 	disable() {
-		this.removeEventListener("click", h(Nl, this)), this.removeEventListener("keydown", h(Fl, this)), this.removeEventListener("keyup", h(Pl, this)), this.tabIndex = -1;
+		this.removeEventListener("click", h(Il, this)), this.removeEventListener("keydown", h(Rl, this)), this.removeEventListener("keyup", h(Ll, this)), this.tabIndex = -1;
 	}
 	disconnectedCallback() {
 		var e;
-		(e = h(Ml, this)) == null || e.disconnectListener(this), this.disable();
+		(e = h(Fl, this)) == null || e.disconnectListener(this), this.disable();
 	}
 };
-e(Il, "observedAttributes", [
+e(zl, "observedAttributes", [
 	"hidden",
 	g.NEEDS_USER_INPUT_VIDEO,
 	g.NEEDS_USER_INPUT_AUDIO,
@@ -4554,88 +4580,88 @@ e(Il, "observedAttributes", [
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/VindralCenterOverlay.ts
-var Ll = document.createElement("template");
-Ll.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 Rl = class extends HTMLElement {
+var Bl = document.createElement("template");
+Bl.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 Vl = class extends HTMLElement {
 	constructor() {
-		super(), this.attachShadow({ mode: "open" }).appendChild(Ll.content.cloneNode(!0));
+		super(), this.attachShadow({ mode: "open" }).appendChild(Bl.content.cloneNode(!0));
 	}
 	attributeChangedCallback(e, t, n) {
 		t !== n && e === "poster" && this.style.setProperty("--_backdrop-image", n ? `url("${n}")` : "none");
 	}
 };
-e(Rl, "observedAttributes", [
+e(Vl, "observedAttributes", [
 	"backdrop",
 	"poster",
 	"disable-backdrop"
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/VindralMessage.ts
-var zl = document.createElement("template");
-zl.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 Bl = /* @__PURE__ */ new WeakMap(), Vl = /* @__PURE__ */ new WeakMap(), Hl = class extends HTMLElement {
+var Hl = document.createElement("template");
+Hl.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 Ul = /* @__PURE__ */ new WeakMap(), Wl = /* @__PURE__ */ new WeakMap(), Gl = class extends HTMLElement {
 	constructor() {
-		super(), f(this, Bl, void 0), f(this, Vl, void 0);
+		super(), f(this, Ul, void 0), f(this, Wl, void 0);
 		let e = this.attachShadow({ mode: "open" });
-		e.appendChild(zl.content.cloneNode(!0)), p(Bl, this, e.querySelector("#title")), p(Vl, this, e.querySelector("#description"));
+		e.appendChild(Hl.content.cloneNode(!0)), p(Ul, this, e.querySelector("#title")), p(Wl, 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(Bl, this).textContent = n : e === "description" && (h(Vl, this).textContent = n));
+		t !== n && (e === "title" ? h(Ul, this).textContent = n : e === "description" && (h(Wl, this).textContent = n));
 	}
 };
-e(Hl, "observedAttributes", [
+e(Gl, "observedAttributes", [
 	"title",
 	"description",
 	"hidden"
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/VindralPlayOverlay.ts
-var Ul = document.createElement("template");
-Ul.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 Wl = /* @__PURE__ */ new WeakMap(), Gl = class extends HTMLElement {
+var Kl = document.createElement("template");
+Kl.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 ql = /* @__PURE__ */ new WeakMap(), Jl = class extends HTMLElement {
 	constructor() {
-		super(), f(this, Wl, null), this.attachShadow({ mode: "open" }).appendChild(Ul.content.cloneNode(!0));
+		super(), f(this, ql, null), this.attachShadow({ mode: "open" }).appendChild(Kl.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		var e;
-		p(Wl, this, this.closest("vindral-controller")), (e = h(Wl, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.tabIndex = 0;
+		p(ql, this, this.closest("vindral-controller")), (e = h(ql, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.tabIndex = 0;
 	}
 	disconnectedCallback() {
 		var e;
-		(e = h(Wl, this)) == null || e.disconnectListener(this);
+		(e = h(ql, this)) == null || e.disconnectListener(this);
 	}
 	attributeChangedCallback(e, t, n) {
 		t !== n && e === "hidden" && !_(n) && this.focus();
 	}
 };
-e(Gl, "observedAttributes", ["hidden"]);
+e(Jl, "observedAttributes", ["hidden"]);
 //#endregion
 //#region ../../libs/player-next/src/components/VolumeRange.ts
-var Kl, ql = document.createElement("template");
-ql.innerHTML = "\n  <style>\n    :host {\n      display: var(--volume-range-display);\n      width: 80px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n      :host(:hover) {\n        background: rgba(255, 255, 255, 0.15);\n      }\n    }\n\n    :host(:active) {\n      background: rgba(255, 255, 255, 0.25);\n    }\n  </style>\n";
-var Jl = (e) => `${Math.round(e * 100)}%`, Yl = /* @__PURE__ */ new WeakMap(), Xl = class extends gi {
+var Yl, Xl = document.createElement("template");
+Xl.innerHTML = "\n  <style>\n    :host {\n      display: var(--volume-range-display);\n      width: 80px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n      :host(:hover) {\n        background: rgba(255, 255, 255, 0.15);\n      }\n    }\n\n    :host(:active) {\n      background: rgba(255, 255, 255, 0.25);\n    }\n  </style>\n";
+var Zl = (e) => `${Math.round(e * 100)}%`, Ql = /* @__PURE__ */ new WeakMap(), $l = class extends _i {
 	constructor() {
 		var e;
-		super(), f(this, Yl, () => {
+		super(), f(this, Ql, () => {
 			let e = this.range.valueAsNumber;
 			this.dispatchEvent(new CustomEvent(v.SET_VOLUME, {
 				bubbles: !0,
 				composed: !0,
 				detail: e
 			}));
-		}), (e = this.shadowRoot) == null || e.appendChild(ql.content.cloneNode(!0));
+		}), (e = this.shadowRoot) == null || e.appendChild(Xl.content.cloneNode(!0));
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.range.addEventListener("input", h(Yl, this)), this.range.setAttribute("aria-label", "volume");
+		super.connectedCallback(), this.range.addEventListener("input", h(Ql, this)), this.range.setAttribute("aria-label", "volume");
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.range.removeEventListener("input", h(Yl, this));
+		super.disconnectedCallback(), this.range.removeEventListener("input", h(Ql, 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", Jl(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", Zl(this.range.valueAsNumber)), this.updateBar());
 	}
 	get volume() {
 		var e;
@@ -4645,15 +4671,15 @@ var Jl = (e) => `${Math.round(e * 100)}%`, Yl = /* @__PURE__ */ new WeakMap(), X
 		return this.hasAttribute(g.MUTED);
 	}
 };
-Kl = Xl, e(Xl, "observedAttributes", [
-	...b(Kl, "observedAttributes", Kl),
+Yl = $l, e($l, "observedAttributes", [
+	...b(Yl, "observedAttributes", Yl),
 	g.MUTED,
 	g.VOLUME
 ]);
 //#endregion
 //#region ../../libs/player-next/src/registerComponents.ts
-function Zl() {
-	customElements.define("vindral-controller", ya), customElements.define("vindral-control-bar", Ln), customElements.define("vindral-advanced-rendition-menu", qe), customElements.define("vindral-advanced-rendition-menu-list", ot), customElements.define("vindral-play-button", ts), customElements.define("vindral-mute-button", Yo), customElements.define("vindral-buffering-overlay", Nt), customElements.define("vindral-scroll-overlay", Mc), customElements.define("vindral-play-overlay", Gl), customElements.define("vindral-user-input-play-overlay", Il), customElements.define("vindral-fullscreen-button", lo), customElements.define("vindral-rendition-levels-menu", ic), customElements.define("vindral-rendition-levels-menu-list", pc), customElements.define("vindral-channel-grid-button", An), customElements.define("vindral-channel-grid", rn), customElements.define("vindral-channel-grid-item", qt), customElements.define("vindral-pip-button", Qo), customElements.define("vindral-airplay-button", Et), customElements.define("vindral-cast-button", Lt), customElements.define("vindral-cast-overlay", Ut), customElements.define("vindral-buffering-icon", At), customElements.define("vindral-language-menu", ho), customElements.define("vindral-language-menu-list", Ao), customElements.define("vindral-center-overlay", Rl), customElements.define("vindral-message", Hl), customElements.define("vindral-volume-range", Xl), customElements.define("vindral-poster-overlay", Xs), customElements.define("vindral-player", Fs), customElements.define("vindral-seek-bar", fl), customElements.define("vindral-live-button", Ko);
+function eu() {
+	customElements.define("vindral-controller", Sa), customElements.define("vindral-control-bar", Rn), customElements.define("vindral-advanced-rendition-menu", qe), customElements.define("vindral-advanced-rendition-menu-list", ot), customElements.define("vindral-play-button", is), customElements.define("vindral-mute-button", Qo), customElements.define("vindral-buffering-overlay", Nt), customElements.define("vindral-scroll-overlay", Fc), customElements.define("vindral-play-overlay", Jl), customElements.define("vindral-user-input-play-overlay", zl), customElements.define("vindral-fullscreen-button", po), customElements.define("vindral-rendition-levels-menu", cc), customElements.define("vindral-rendition-levels-menu-list", _c), customElements.define("vindral-channel-grid-button", jn), customElements.define("vindral-channel-grid", rn), customElements.define("vindral-channel-grid-item", qt), customElements.define("vindral-pip-button", ts), customElements.define("vindral-airplay-button", Et), customElements.define("vindral-cast-button", Lt), customElements.define("vindral-cast-overlay", Ut), customElements.define("vindral-buffering-icon", At), customElements.define("vindral-language-menu", vo), customElements.define("vindral-language-menu-list", No), customElements.define("vindral-center-overlay", Vl), customElements.define("vindral-message", Gl), customElements.define("vindral-volume-range", $l), customElements.define("vindral-poster-overlay", ec), customElements.define("vindral-player", Rs), customElements.define("vindral-seek-bar", hl), customElements.define("vindral-live-button", Yo);
 }
 //#endregion
-export { Zl as t };
+export { eu as t };