@vindral/web-sdk 4.3.0 → 4.3.1-1-g4af4a8c4

package/{DXt_qL9M.js → DGra-cFh.js}

@@ -1,11 +1,11 @@
 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 ee, l, m as te, n as u, o as ne, p as re, r as ie, s as ae, t as oe, u as se, v as ce } from "./BzLobjSs.js";
+import { _ as n, a as r, c as i, d as a, f as o, g as s, h as c, i as ee, l, m as te, n as u, o as ne, p as re, r as ie, s as ae, t as oe, u as se, v as ce } from "./BK_5sZl6.js";
 import { M as le } from "./C01DcfYu.js";
 import { a as d, i as f, n as p, r as m, t as h } from "./B7hT-BKr.js";
 import { n as ue, t as de } from "./DeYmk5AL.js";
 import { t as fe } from "./FYiEDBC4.js";
 import { _ as pe, a as me, c as he, d as ge, f as _e, g, h as _, i as v, l as ve, m as ye, n as y, o as b, p as be, r as x, s as xe, t as Se, u as Ce, v as we, y as Te } from "./CjPLLJi5.js";
-import { t as Ee } from "./D5iA4gy8.js";
+import { t as Ee } from "./BdFcdkj1.js";
 //#region ../../libs/utils/src/mediaMetadata.ts
 var De = ({ title: e, subTitle: t = "Live stream", poster: n }) => {
 	document.title = e, "mediaSession" in navigator && (navigator.mediaSession.metadata = new MediaMetadata({
@@ -3386,8 +3386,10 @@ var Oo = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
       <vindral-user-input-play-overlay slot="overlay"></vindral-user-input-play-overlay>
       <vindral-poster-overlay slot="overlay" disabled></vindral-poster-overlay>
 
-      <vindral-play-overlay id="play-overlay" slot="overlay" hidden></vindral-play-overlay>
-      <vindral-message id="vindral-message" slot="overlay" hidden></vindral-message>
+      <vindral-center-overlay id="center-overlay" slot="overlay">
+        <vindral-message id="vindral-message" hidden></vindral-message>
+        <vindral-play-overlay id="play-overlay" hidden></vindral-play-overlay>
+      </vindral-center-overlay>
     </vindral-controller>
   `;
 }, Po = `
@@ -3410,55 +3412,57 @@ var Oo = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
       <vindral-buffering-icon></vindral-buffering-icon>
     </div>
 
-    <vindral-play-overlay id="play-overlay" slot="overlay" hidden></vindral-play-overlay>
-    <vindral-message id="vindral-message" slot="overlay" hidden></vindral-message>
+    <vindral-center-overlay id="center-overlay" slot="overlay" disable-backdrop>
+      <vindral-message id="vindral-message" hidden></vindral-message>
+      <vindral-play-overlay id="play-overlay" hidden></vindral-play-overlay>
+    </vindral-center-overlay>
   </vindral-controller>
-`, Fo = document.createElement("template"), Io = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), Lo = /* @__PURE__ */ new WeakMap(), Ro = /* @__PURE__ */ new WeakMap(), zo = /* @__PURE__ */ new WeakMap(), Bo = /* @__PURE__ */ new WeakMap(), Vo = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakSet(), Ho = /* @__PURE__ */ new WeakMap(), Uo = /* @__PURE__ */ new WeakMap(), Wo = /* @__PURE__ */ new WeakMap(), Go = class extends HTMLElement {
+`, Fo = document.createElement("template"), Io = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), Lo = /* @__PURE__ */ new WeakMap(), Ro = /* @__PURE__ */ new WeakMap(), zo = /* @__PURE__ */ new WeakMap(), Bo = /* @__PURE__ */ new WeakMap(), Vo = /* @__PURE__ */ new WeakMap(), Ho = /* @__PURE__ */ new WeakMap(), Uo = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakSet(), Wo = /* @__PURE__ */ new WeakMap(), Go = /* @__PURE__ */ new WeakMap(), Ko = /* @__PURE__ */ new WeakMap(), qo = class extends HTMLElement {
 	constructor() {
-		super(), h(this, Y), d(this, Io, void 0), d(this, q, void 0), d(this, J, void 0), d(this, Lo, void 0), d(this, Ro, void 0), d(this, zo, /* @__PURE__ */ new Set()), d(this, Bo, () => {
+		super(), h(this, J), d(this, Io, void 0), d(this, q, void 0), d(this, Lo, void 0), d(this, Ro, void 0), d(this, zo, void 0), d(this, Bo, void 0), d(this, Vo, /* @__PURE__ */ new Set()), d(this, Ho, () => {
 			Array.from(this.attributes).forEach((e) => {
-				p(Vo, this).call(this, e.name, e.value);
+				p(Uo, this).call(this, e.name, e.value);
 			});
-		}), d(this, Vo, (e, t) => {
+		}), d(this, Uo, (e, t) => {
 			jo(e) && (v(t) ? p(q, this).setAttribute(e, t) : p(q, this).removeAttribute(e));
-		}), d(this, Ho, () => {
+		}), d(this, Wo, () => {
 			Array.from(this.children).forEach((e) => {
-				p(zo, this).add(e);
+				p(Vo, this).add(e);
 			});
-		}), d(this, Uo, () => {
+		}), d(this, Go, () => {
 			let e = p(q, this).instance;
 			e && (e.on("is live", (e) => {
-				e ? (this.removeAttribute(K.OFFLINE), p(J, this).setAttribute("hidden", "")) : (this.setAttribute(K.OFFLINE, ""), p(J, this).removeAttribute("hidden"), f(Y, this, Xo).call(this, "Stream is offline", "Please stand by"));
+				e ? (this.removeAttribute(K.OFFLINE), f(J, this, $o).call(this)) : (this.setAttribute(K.OFFLINE, ""), f(J, this, Qo).call(this, "Stream is offline", "Please stand by"));
 			}), e.on("channels", (e) => {
 				let t = p(q, this).getAttribute("channel-id"), n = e.find((e) => e.channelId === t);
-				n && f(Y, this, Yo).call(this, n);
+				n && f(J, this, Zo).call(this, n);
 			}), e.on("channel switch", ({ channelId: t }) => {
 				let n = e.channels.find((e) => e.channelId === t);
-				n && f(Y, this, Yo).call(this, n);
+				n && f(J, this, Zo).call(this, n);
 			}), e.on("error", (e) => {
 				if (e.code() === "connection_failed") {
-					f(Y, this, Xo).call(this, "Stream is offline", "Please stand by");
+					f(J, this, Qo).call(this, "Stream is offline", "Please stand by");
 					return;
 				}
-				e.isFatal() && (e.code() === "access_forbidden" ? f(Y, this, Xo).call(this, "Forbidden", "You do not have permission to view this stream") : e.code() === "connection_failed_will_not_attempt_again" ? f(Y, this, Xo).call(this, "Stream is offline", "Please stand by") : f(Y, this, Xo).call(this, "An error occurred", e.message), p(Lo, this).removeAttribute("hidden"), this.setAttribute(K.OFFLINE, ""), p(q, this).dispatchEvent(new CustomEvent(_.EXIT_FULLSCREEN)), p(q, this).dispatchEvent(new CustomEvent(_.EXIT_PIP)));
+				e.isFatal() && (e.code() === "access_forbidden" ? f(J, this, Qo).call(this, "Forbidden", "You do not have permission to view this stream") : e.code() === "connection_failed_will_not_attempt_again" ? f(J, this, Qo).call(this, "Stream is offline", "Please stand by") : f(J, this, Qo).call(this, "An error occurred", e.message), p(Ro, this).removeAttribute("hidden"), this.setAttribute(K.OFFLINE, ""), p(q, this).dispatchEvent(new CustomEvent(_.EXIT_FULLSCREEN)), p(q, this).dispatchEvent(new CustomEvent(_.EXIT_PIP)));
 			}));
-		}), d(this, Wo, () => {
-			p(q, this).connect(), p(Lo, this).setAttribute("hidden", ""), p(J, this).setAttribute("hidden", ""), p(q, this).focus();
-		}), m(Io, this, this.attachShadow({ mode: "open" })), f(Y, this, qo).call(this), m(q, this, p(Io, this).querySelector("vindral-controller")), m(J, this, p(Io, this).querySelector("#vindral-message")), m(Lo, this, p(Io, this).querySelector("#play-overlay"));
+		}), d(this, Ko, () => {
+			p(q, this).connect(), p(Ro, this).setAttribute("hidden", ""), f(J, this, $o).call(this), p(q, this).focus();
+		}), m(Io, this, this.attachShadow({ mode: "open" })), f(J, this, Yo).call(this), m(q, this, p(Io, this).querySelector("vindral-controller")), m(Lo, this, p(Io, this).querySelector("#vindral-message")), m(Ro, this, p(Io, this).querySelector("#play-overlay")), m(zo, this, p(Io, this).querySelector("#center-overlay"));
 	}
 	connectedCallback() {
-		this.setAttribute(K.OFFLINE, ""), p(q, this).addEventListener("vindral-instance-ready", p(Uo, this)), f(Y, this, Jo).call(this);
+		this.setAttribute(K.OFFLINE, ""), p(q, this).addEventListener("vindral-instance-ready", p(Go, this)), f(J, this, Xo).call(this);
 	}
 	disconnectedCallback() {
 		var e;
-		p(q, this).removeEventListener("vindral-instance-ready", p(Uo, this)), p(Lo, this).removeEventListener("click", p(Wo, this)), (e = p(Ro, this)) == null || e.stop();
+		p(q, this).removeEventListener("vindral-instance-ready", p(Go, this)), p(Ro, this).removeEventListener("click", p(Ko, this)), (e = p(Bo, this)) == null || e.stop();
 	}
 	attributeChangedCallback(e, t, n) {
-		if (t !== n) if (e === g.MEDIA || e === K.ADVANCED_RENDITION_MENU_ENABLED) f(Y, this, qo).call(this);
+		if (t !== n) if (e === g.MEDIA || e === K.ADVANCED_RENDITION_MENU_ENABLED) f(J, this, Yo).call(this);
 		else if (e === K.REFRESH_POSTER_ENABLED) {
 			let e = p(Io, this).querySelector("vindral-poster-overlay");
 			e && (e.disabled = b(this.getAttribute(K.REFRESH_POSTER_ENABLED), !1) === !1);
-		} else p(Vo, this).call(this, e, n);
+		} else p(Uo, this).call(this, e, n);
 	}
 	get instance() {
 		return p(q, this).instance;
@@ -3467,40 +3471,40 @@ var Oo = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
 		return p(q, this).airPlay;
 	}
 };
-function Ko() {
+function Jo() {
 	let e = ge(this.getAttribute(g.MEDIA)), t = b(this.getAttribute(K.ADVANCED_RENDITION_MENU_ENABLED), !1);
 	return e === "audio" ? Po : No(t);
 }
-function qo() {
-	let e = p(Io, this).hasChildNodes(), t = e ? p(q, this) : void 0, n = e ? p(Lo, this) : void 0;
-	this.isConnected && t && t.removeEventListener("vindral-instance-ready", p(Uo, this)), this.isConnected && n && p(Ro, this) && n.removeEventListener("click", p(Wo, this)), Fo.innerHTML = f(Y, this, Ko).call(this);
+function Yo() {
+	let e = p(Io, this).hasChildNodes(), t = e ? p(q, this) : void 0, n = e ? p(Ro, this) : void 0;
+	this.isConnected && t && t.removeEventListener("vindral-instance-ready", p(Go, this)), this.isConnected && n && p(Bo, this) && n.removeEventListener("click", p(Ko, this)), Fo.innerHTML = f(J, this, Jo).call(this);
 	let r = Fo.content.cloneNode(!0);
-	m(q, this, r.querySelector("vindral-controller")), m(J, this, r.querySelector("#vindral-message")), m(Lo, this, r.querySelector("#play-overlay")), p(Ho, this).call(this), p(zo, this).forEach((e) => {
+	m(q, this, r.querySelector("vindral-controller")), m(Lo, this, r.querySelector("#vindral-message")), m(Ro, this, r.querySelector("#play-overlay")), m(zo, this, r.querySelector("#center-overlay")), p(Wo, this).call(this), p(Vo, this).forEach((e) => {
 		p(q, this).appendChild(e);
-	}), p(Bo, this).call(this), p(Io, this).innerHTML = "", p(Io, this).appendChild(r), this.isConnected && (p(q, this).addEventListener("vindral-instance-ready", p(Uo, this)), p(Ro, this) && p(Lo, this).addEventListener("click", p(Wo, this)));
+	}), p(Ho, this).call(this), p(Io, this).innerHTML = "", p(Io, this).appendChild(r), this.isConnected && (p(q, this).addEventListener("vindral-instance-ready", p(Go, this)), p(Bo, this) && p(Ro, this).addEventListener("click", p(Ko, this)));
 }
-function Jo() {
+function Xo() {
 	var e;
 	if (b(this.getAttribute(K.STREAM_POLL_ENABLED), !0) === !1) return;
 	let t = this.getAttribute("url"), n = this.getAttribute("channel-id"), r = (e = this.getAttribute("authentication-token")) == null ? void 0 : e, i = this.hasAttribute("infinite-reconnect");
 	if (!t || !n) {
-		this.setAttribute(K.OFFLINE, ""), f(Y, this, Xo).call(this, "Invalid options", "Please enter at least a channel id and url to start the stream");
+		this.setAttribute(K.OFFLINE, ""), f(J, this, Qo).call(this, "Invalid options", "Please enter at least a channel id and url to start the stream");
 		return;
 	}
-	m(Ro, this, new Co({
+	m(Bo, this, new Co({
 		url: t,
 		channelId: n,
 		authenticationToken: r,
 		infiniteReconnect: i
-	})), p(Ro, this).on("live", (e) => {
-		p(q, this).connect(), this.removeAttribute("offline"), p(J, this).setAttribute("hidden", ""), f(Y, this, Yo).call(this, e);
-	}), p(Ro, this).on("timeout", () => {
-		p(J, this).setAttribute("hidden", ""), p(Lo, this).removeAttribute("hidden");
-	}), p(Ro, this).on("error", (e) => {
-		this.setAttribute(K.OFFLINE, ""), f(Y, this, Xo).call(this, e.title, e.message);
-	}), p(Lo, this).addEventListener("click", p(Wo, this)), this.hasAttribute("paused") && p(Ro, this).start();
-}
-function Yo(e) {
+	})), p(Bo, this).on("live", (e) => {
+		p(q, this).connect(), this.removeAttribute("offline"), f(J, this, $o).call(this), f(J, this, Zo).call(this, e);
+	}), p(Bo, this).on("timeout", () => {
+		f(J, this, $o).call(this), p(Ro, this).removeAttribute("hidden");
+	}), p(Bo, this).on("error", (e) => {
+		this.setAttribute(K.OFFLINE, ""), f(J, this, Qo).call(this, e.title, e.message);
+	}), p(Ro, this).addEventListener("click", p(Ko, this)), this.hasAttribute("paused") && p(Bo, this).start();
+}
+function Zo(e) {
 	let t = xe(this.getAttribute("title"), !1);
 	if (!t) return;
 	let n = this.getAttribute("poster"), r = typeof t == "string" ? t : e.name, i;
@@ -3514,16 +3518,19 @@ function Yo(e) {
 		poster: i
 	});
 }
-function Xo(e, t) {
-	p(J, this).setAttribute("title", e), p(J, this).setAttribute("description", t);
+function Qo(e, t) {
+	p(Lo, this).setAttribute("title", e), p(Lo, this).setAttribute("description", t), p(Lo, this).removeAttribute("hidden");
 	let n = this.getAttribute("poster");
-	n && p(J, this).setAttribute("background-image", n), p(J, this).removeAttribute("hidden");
+	n ? p(zo, this).setAttribute("poster", n) : p(zo, this).removeAttribute("poster"), p(zo, this).setAttribute("backdrop", "");
 }
-e(Go, "observedAttributes", [...Mi.observedAttributes, ...mo]);
+function $o() {
+	p(Lo, this).setAttribute("hidden", ""), p(zo, this).removeAttribute("backdrop");
+}
+e(qo, "observedAttributes", [...Mi.observedAttributes, ...mo]);
 //#endregion
 //#region ../../libs/player-next/src/components/PosterOverlay.ts
-var Zo = document.createElement("template");
-Zo.innerHTML = `
+var es = document.createElement("template");
+es.innerHTML = `
   <style>
     :host {
       display: var(--poster-overlay-display);
@@ -3558,26 +3565,26 @@ Zo.innerHTML = `
     }
   </style>
 `;
-var Qo = 6e3, $o = /* @__PURE__ */ new WeakMap(), es = /* @__PURE__ */ new WeakMap(), ts = /* @__PURE__ */ new WeakMap(), ns = /* @__PURE__ */ new WeakMap(), rs = /* @__PURE__ */ new WeakSet(), is = /* @__PURE__ */ new WeakMap(), as = class extends HTMLElement {
+var ts = 6e3, ns = /* @__PURE__ */ new WeakMap(), rs = /* @__PURE__ */ new WeakMap(), is = /* @__PURE__ */ new WeakMap(), as = /* @__PURE__ */ new WeakMap(), os = /* @__PURE__ */ new WeakSet(), ss = /* @__PURE__ */ new WeakMap(), cs = class extends HTMLElement {
 	constructor() {
-		super(), h(this, rs), d(this, $o, null), d(this, es, null), d(this, ts, null), d(this, ns, () => {
-			!document.hidden && this.hasAttribute("intersecting") && this.paused && !this.disabled ? f(rs, this, os).call(this) : f(rs, this, ss).call(this);
-		}), d(this, is, (e) => {
+		super(), h(this, os), d(this, ns, null), d(this, rs, null), d(this, is, null), d(this, as, () => {
+			!document.hidden && this.hasAttribute("intersecting") && this.paused && !this.disabled ? f(os, this, ls).call(this) : f(os, this, us).call(this);
+		}), d(this, ss, (e) => {
 			e.forEach((e) => {
 				e.isIntersecting ? this.setAttribute("intersecting", "") : this.removeAttribute("intersecting");
 			});
-		}), this.attachShadow({ mode: "open" }).appendChild(Zo.content.cloneNode(!0));
+		}), this.attachShadow({ mode: "open" }).appendChild(es.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		var e;
-		m($o, this, this.closest("vindral-controller")), (e = p($o, this)) == null || e.connectListener(this), document.addEventListener("visibilitychange", p(ns, this)), m(ts, this, new IntersectionObserver(p(is, this))), p(ts, this).observe(this);
+		m(ns, this, this.closest("vindral-controller")), (e = p(ns, this)) == null || e.connectListener(this), document.addEventListener("visibilitychange", p(as, this)), m(is, this, new IntersectionObserver(p(ss, this))), p(is, this).observe(this);
 	}
 	disconnectedCallback() {
 		var e, t;
-		(e = p($o, this)) == null || e.disconnectListener(this), document.removeEventListener("visibilitychange", p(ns, this)), (t = p(ts, this)) == null || t.disconnect(), m(ts, this, null), f(rs, this, ss).call(this);
+		(e = p(ns, this)) == null || e.disconnectListener(this), document.removeEventListener("visibilitychange", p(as, this)), (t = p(is, this)) == null || t.disconnect(), m(is, this, null), f(os, this, us).call(this);
 	}
 	attributeChangedCallback(e, t, n) {
-		t !== n && (e === g.POSTER_SRC && this.paused && !this.disabled && f(rs, this, cs).call(this), (e === g.PAUSED || e === "disabled" || e === "intersecting") && p(ns, this).call(this));
+		t !== n && (e === g.POSTER_SRC && this.paused && !this.disabled && f(os, this, ds).call(this), (e === g.PAUSED || e === "disabled" || e === "intersecting") && p(as, this).call(this));
 	}
 	get disabled() {
 		return this.hasAttribute("disabled");
@@ -3592,18 +3599,18 @@ var Qo = 6e3, $o = /* @__PURE__ */ new WeakMap(), es = /* @__PURE__ */ new WeakM
 		return this.hasAttribute(g.PAUSED);
 	}
 };
-function os() {
-	p(es, this) === null && (f(rs, this, ss).call(this), m(es, this, window.setInterval(() => f(rs, this, cs).call(this), Qo)));
+function ls() {
+	p(rs, this) === null && (f(os, this, us).call(this), m(rs, this, window.setInterval(() => f(os, this, ds).call(this), ts)));
 }
-function ss() {
-	p(es, this) !== null && (clearInterval(p(es, this)), m(es, this, null)), this.style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAQAAACRI2S5AAAAEElEQVR42mNkIAAYRxWAAQAG9gAKqv6+AwAAAABJRU5ErkJggg==')";
+function us() {
+	p(rs, this) !== null && (clearInterval(p(rs, this)), m(rs, this, null)), this.style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAQAAACRI2S5AAAAEElEQVR42mNkIAAYRxWAAQAG9gAKqv6+AwAAAABJRU5ErkJggg==')";
 }
-function cs() {
+function ds() {
 	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(as, "observedAttributes", [
+e(cs, "observedAttributes", [
 	g.POSTER_SRC,
 	g.PAUSED,
 	"disabled",
@@ -3611,70 +3618,70 @@ e(as, "observedAttributes", [
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/RenditionLevelsMenu.ts
-var ls, us = "\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", ds = document.createElement("template");
-ds.innerHTML = `
+var fs, ps = "\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", ms = document.createElement("template");
+ms.innerHTML = `
   <style>
     :host {
       display: var(--rendition-menu-display);
     }
   </style>
 
-  <slot name="button">${us}</slot>
+  <slot name="button">${ps}</slot>
   <slot name="listbox" hidden>
     <vindral-rendition-levels-menu-list id="listbox" part="listbox"></vindral-rendition-levels-menu-list>
   </slot>
 `;
-var fs = /* @__PURE__ */ new WeakSet(), ps = class extends Re {
+var hs = /* @__PURE__ */ new WeakSet(), gs = class extends Re {
 	constructor() {
 		var e, t, n, r;
-		super(), h(this, fs), (e = this.shadowRoot) == null || e.appendChild(ds.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(), h(this, hs), (e = this.shadowRoot) == null || e.appendChild(ms.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(), f(fs, this, ms).call(this), this.setAttribute("aria-label", "Rendition levels");
+		super.connectedCallback(), f(hs, this, _s).call(this), this.setAttribute("aria-label", "Rendition levels");
 	}
 	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), e === g.RENDITION_LEVELS && f(fs, this, ms).call(this);
+		super.attributeChangedCallback(e, t, n), e === g.RENDITION_LEVELS && f(hs, this, _s).call(this);
 	}
 };
-ls = ps;
-function ms() {
+fs = gs;
+function _s() {
 	let e = this.getAttribute(g.RENDITION_LEVELS);
 	!e || e === "[]" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
 }
-e(ps, "observedAttributes", [...y(ls, "observedAttributes", ls), g.RENDITION_LEVELS]);
+e(gs, "observedAttributes", [...y(fs, "observedAttributes", fs), g.RENDITION_LEVELS]);
 //#endregion
 //#region ../../libs/player-next/src/components/RenditionLevelsMenuList.ts
-var hs = document.createElement("template");
-hs.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 gs = /* @__PURE__ */ new WeakMap(), _s = /* @__PURE__ */ new WeakMap(), vs = /* @__PURE__ */ new WeakMap(), ys = /* @__PURE__ */ new WeakMap(), bs = /* @__PURE__ */ new WeakMap(), xs = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakSet(), Ss = class extends HTMLElement {
+var vs = document.createElement("template");
+vs.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 ys = /* @__PURE__ */ new WeakMap(), bs = /* @__PURE__ */ new WeakMap(), xs = /* @__PURE__ */ new WeakMap(), Ss = /* @__PURE__ */ new WeakMap(), Cs = /* @__PURE__ */ new WeakMap(), ws = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakSet(), Ts = class extends HTMLElement {
 	constructor() {
-		super(), h(this, X), d(this, gs, []), d(this, _s, 2 ** 53 - 1), d(this, vs, null), d(this, ys, []), d(this, bs, null), d(this, xs, null), e(this, "handleEvent", (e) => {
+		super(), h(this, Y), d(this, ys, []), d(this, bs, 2 ** 53 - 1), d(this, xs, null), d(this, Ss, []), d(this, Cs, null), d(this, ws, null), e(this, "handleEvent", (e) => {
 			switch (e.type) {
 				case "keydown":
-					f(X, this, Os).call(this, e);
+					f(Y, this, js).call(this, e);
 					break;
 			}
-		}), this.attachShadow({ mode: "open" }).appendChild(hs.content.cloneNode(!0));
+		}), this.attachShadow({ mode: "open" }).appendChild(vs.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		let e = this.getRootNode();
 		if (e instanceof ShadowRoot) {
 			var t;
-			m(bs, this, e.host.closest("vindral-controller")), (t = p(bs, this)) == null || t.connectListener(this), f(X, this, Cs).call(this), f(X, this, ws).call(this), m(xs, this, e.host), this.addEventListener("keydown", this);
+			m(Cs, this, e.host.closest("vindral-controller")), (t = p(Cs, this)) == null || t.connectListener(this), f(Y, this, Es).call(this), f(Y, this, Ds).call(this), m(ws, this, e.host), this.addEventListener("keydown", this);
 		}
 	}
 	disconnectedCallback() {
 		var e;
-		(e = p(bs, this)) == null || e.disconnectListener(this), this.removeEventListener("keydown", this);
+		(e = p(Cs, 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) {
-		m(gs, this, e), f(X, this, ws).call(this);
+		m(ys, this, e), f(Y, this, Ds).call(this);
 	}
 	set maxVideoBitrate(e) {
-		m(_s, this, e), f(X, this, Es).call(this);
+		m(bs, this, e), f(Y, this, ks).call(this);
 	}
 	get keysUsed() {
 		return [
@@ -3690,10 +3697,10 @@ var gs = /* @__PURE__ */ new WeakMap(), _s = /* @__PURE__ */ new WeakMap(), vs =
 	}
 	focus() {
 		var e;
-		(e = p(vs, this)) == null || e.focus();
+		(e = p(xs, this)) == null || e.focus();
 	}
 };
-function Cs() {
+function Es() {
 	new IntersectionObserver((e) => {
 		e.forEach((e) => {
 			if (e.intersectionRatio !== 1) if (e.intersectionRatio > 0) {
@@ -3702,50 +3709,50 @@ function Cs() {
 			} else this.style.height = "auto";
 		});
 	}, {
-		root: p(bs, this),
+		root: p(Cs, this),
 		threshold: 0
 	}).observe(this);
 }
-function ws() {
+function Ds() {
 	var e;
 	let t = (e = this.shadowRoot) == null ? void 0 : e.querySelector(".menu");
-	t && (m(ys, this, []), t.innerHTML = "", p(gs, this).sort((e, t) => {
+	t && (m(Ss, this, []), t.innerHTML = "", p(ys, 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, ee;
 		let l = document.createElement("div");
 		l.setAttribute("role", "menuitem"), l.setAttribute("value", String((n = e.video) == null ? void 0 : n.height)), l.classList.add("menu-item"), l.tabIndex = -1;
-		let te = f(X, this, Ts).call(this, (r = e.video) == null ? void 0 : r.frameRate);
+		let te = f(Y, this, Os).call(this, (r = e.video) == null ? void 0 : r.frameRate);
 		l.textContent = e.video ? Te(e.video) : "";
 		let u = document.createElement("span");
-		u.classList.add("menu-item-subtitle"), u.textContent = `${we(((i = (a = e.video) == null ? void 0 : a.bitRate) == null ? 0 : i) + ((o = (s = e.audio) == null ? void 0 : s.bitRate) == null ? 0 : o))}, ${te}p`, l.appendChild(u), l.addEventListener("click", () => f(X, this, Ds).call(this, e)), p(ys, this).push({
+		u.classList.add("menu-item-subtitle"), u.textContent = `${we(((i = (a = e.video) == null ? void 0 : a.bitRate) == null ? 0 : i) + ((o = (s = e.audio) == null ? void 0 : s.bitRate) == null ? 0 : o))}, ${te}p`, l.appendChild(u), l.addEventListener("click", () => f(Y, this, As).call(this, e)), p(Ss, this).push({
 			el: l,
 			id: (c = (ee = e.video) == null ? void 0 : ee.id) == null ? -1 : c
 		}), t.appendChild(l);
-	}), f(X, this, Es).call(this));
+	}), f(Y, this, ks).call(this));
 }
-function Ts(e) {
+function Os(e) {
 	return e ? e[0] % e[1] === 0 ? (e[0] / e[1]).toString() : (e[0] / e[1]).toFixed(2) : "";
 }
-function Es() {
-	p(vs, this) && (p(vs, this).removeAttribute("aria-selected"), p(vs, this).tabIndex = -1);
-	let e = p(gs, this).sort((e, t) => {
+function ks() {
+	p(xs, this) && (p(xs, this).removeAttribute("aria-selected"), p(xs, this).tabIndex = -1);
+	let e = p(ys, 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 = p(gs, this).filter((e) => {
+	}), t = p(ys, this).filter((e) => {
 		var t;
-		return ((t = e.video) == null ? void 0 : t.bitRate) && e.video.bitRate <= p(_s, this);
+		return ((t = e.video) == null ? void 0 : t.bitRate) && e.video.bitRate <= p(bs, this);
 	})[0] || e[e.length - 1];
 	if (t) {
-		let e = p(ys, this).find((e) => {
+		let e = p(Ss, 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"), m(vs, this, e.el));
+		e && (e.el.tabIndex = 0, e.el.setAttribute("aria-selected", "true"), m(xs, this, e.el));
 	}
 }
-function Ds(e) {
+function As(e) {
 	this.dispatchEvent(new Event("change", {
 		bubbles: !0,
 		composed: !0
@@ -3755,36 +3762,36 @@ function Ds(e) {
 		detail: e
 	}));
 }
-function Os(e) {
+function js(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 = p(xs, this)) == null || a.hide();
+		(a = p(ws, this)) == null || a.hide();
 	} else if (t === "Enter" || t === " ") {
 		var o;
-		(o = f(X, this, As).call(this)) == null || (o = o.el) == null || o.click();
-	} else f(X, this, ks).call(this, e);
+		(o = f(Y, this, Ns).call(this)) == null || (o = o.el) == null || o.click();
+	} else f(Y, this, Ms).call(this, e);
 }
-function ks(e) {
+function Ms(e) {
 	var t;
-	let { key: n } = e, r = p(ys, this), i = (t = f(X, this, As).call(this)) == null ? r[0] : t;
+	let { key: n } = e, r = p(Ss, this), i = (t = f(Y, this, Ns).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 && (f(X, this, js).call(this, s.id), s.el.focus());
+	s && (f(Y, this, Ps).call(this, s.id), s.el.focus());
 }
-function As() {
-	return p(ys, this).find((e) => e.el.tabIndex === 0);
+function Ns() {
+	return p(Ss, this).find((e) => e.el.tabIndex === 0);
 }
-function js(e) {
-	for (let t of p(ys, this)) t.el.tabIndex = t.id === e ? 0 : -1;
+function Ps(e) {
+	for (let t of p(Ss, this)) t.el.tabIndex = t.id === e ? 0 : -1;
 }
-e(Ss, "observedAttributes", [g.RENDITION_LEVELS, g.MAX_VIDEO_BITRATE]);
+e(Ts, "observedAttributes", [g.RENDITION_LEVELS, g.MAX_VIDEO_BITRATE]);
 //#endregion
 //#region ../../libs/player-next/src/components/ScrollOverlay.ts
-var Ms = document.createElement("template");
-Ms.innerHTML = `
+var Fs = document.createElement("template");
+Fs.innerHTML = `
   <style>
     :host {
       --scroll-overlay-offset: var(--vindral-scroll-overlay-offset, 0px);
@@ -3852,71 +3859,71 @@ Ms.innerHTML = `
   <div id="scroll-area"></div>
   <slot id="content"></slot>
 `;
-var Ns = /* @__PURE__ */ new WeakMap(), Ps = /* @__PURE__ */ new WeakMap(), Fs = /* @__PURE__ */ new WeakMap(), Is = /* @__PURE__ */ new WeakMap(), Ls = /* @__PURE__ */ new WeakMap(), Rs = /* @__PURE__ */ new WeakMap(), zs = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakSet(), Bs = /* @__PURE__ */ new WeakMap(), Vs = class extends HTMLElement {
+var X = /* @__PURE__ */ new WeakMap(), Is = /* @__PURE__ */ new WeakMap(), Ls = /* @__PURE__ */ new WeakMap(), Rs = /* @__PURE__ */ new WeakMap(), zs = /* @__PURE__ */ new WeakMap(), Bs = /* @__PURE__ */ new WeakMap(), Vs = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakSet(), Hs = /* @__PURE__ */ new WeakMap(), Us = class extends HTMLElement {
 	constructor() {
-		super(), h(this, Z), d(this, Ns, null), d(this, Ps, null), d(this, Fs, !1), d(this, Is, !1), d(this, Ls, !1), d(this, Rs, () => {
+		super(), h(this, Z), d(this, X, null), d(this, Is, null), d(this, Ls, !1), d(this, Rs, !1), d(this, zs, !1), d(this, Bs, () => {
 			this.open && (this.open = !1);
-		}), d(this, zs, null), e(this, "handleEvent", (e) => {
+		}), d(this, Vs, null), e(this, "handleEvent", (e) => {
 			switch (e.type) {
 				case "touchstart":
-					f(Z, this, Us).call(this, e);
+					f(Z, this, Gs).call(this, e);
 					break;
 				case "touchmove":
-					f(Z, this, Ws).call(this, e);
+					f(Z, this, Ks).call(this, e);
 					break;
 				case "touchend":
-					f(Z, this, Gs).call(this, e);
+					f(Z, this, qs).call(this, e);
 					break;
 			}
-		}), d(this, Bs, () => {
-			let e = p(Ls, this);
+		}), d(this, Hs, () => {
+			let e = p(zs, this);
 			if (this.scrollTop === 0) {
-				f(Z, this, $s).call(this, e);
+				f(Z, this, tc).call(this, e);
 				return;
 			}
-			if (!e && !f(Z, this, Ks).call(this)) {
-				f(Z, this, Zs).call(this), f(Z, this, $s).call(this);
+			if (!e && !f(Z, this, Js).call(this)) {
+				f(Z, this, $s).call(this), f(Z, this, tc).call(this);
 				return;
 			}
-			!this.visible && this.scrollTop > 0 && !p(Fs, this) ? f(Z, this, ec).call(this) : !p(Fs, this) && f(Z, this, Js).call(this) && (this.open || (this.open = !0), e && !this.hasAttribute("snap-touch") && this.setAttribute("snap-touch", ""));
-		}), this.attachShadow({ mode: "open" }).appendChild(Ms.content.cloneNode(!0));
+			!this.visible && this.scrollTop > 0 && !p(Ls, this) ? f(Z, this, nc).call(this) : !p(Ls, this) && f(Z, this, Xs).call(this) && (this.open || (this.open = !0), e && !this.hasAttribute("snap-touch") && this.setAttribute("snap-touch", ""));
+		}), this.attachShadow({ mode: "open" }).appendChild(Fs.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		let e = this.getRootNode();
 		if (e instanceof Document || e instanceof ShadowRoot) {
 			var t, n, r;
-			m(Ns, this, e.querySelector("vindral-controller")), (t = p(Ns, this)) == null || t.connectListener(this), m(Ps, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#scroll-area")), (r = p(Ps, this)) == null || r.addEventListener("click", p(Rs, this));
+			m(X, this, e.querySelector("vindral-controller")), (t = p(X, this)) == null || t.connectListener(this), m(Is, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#scroll-area")), (r = p(Is, this)) == null || r.addEventListener("click", p(Bs, this));
 			let s = this.hasAttribute("touch-enabled");
-			if (m(Ls, this, ce() && s), !p(Ls, this)) this.setAttribute("snap", "");
+			if (m(zs, this, ce() && s), !p(zs, this)) this.setAttribute("snap", "");
 			else {
 				var i, a, o;
-				(i = p(Ns, this)) == null || i.addEventListener("touchstart", this, { passive: !0 }), (a = p(Ns, this)) == null || a.addEventListener("touchmove", this, { passive: !1 }), (o = p(Ns, this)) == null || o.addEventListener("touchend", this, { passive: !0 });
+				(i = p(X, this)) == null || i.addEventListener("touchstart", this, { passive: !0 }), (a = p(X, this)) == null || a.addEventListener("touchmove", this, { passive: !1 }), (o = p(X, this)) == null || o.addEventListener("touchend", this, { passive: !0 });
 			}
-			this.addEventListener("scroll", p(Bs, this));
+			this.addEventListener("scroll", p(Hs, this));
 		}
 	}
 	disconnectedCallback() {
 		var e, t, n, r, i;
-		(e = p(Ps, this)) == null || e.removeEventListener("click", p(Rs, this)), this.removeEventListener("scroll", p(Bs, this)), (t = p(Ns, this)) == null || t.removeEventListener("touchstart", this), (n = p(Ns, this)) == null || n.removeEventListener("touchmove", this), (r = p(Ns, this)) == null || r.removeEventListener("touchend", this), (i = p(Ns, this)) == null || i.disconnectListener(this);
+		(e = p(Is, this)) == null || e.removeEventListener("click", p(Bs, this)), this.removeEventListener("scroll", p(Hs, this)), (t = p(X, this)) == null || t.removeEventListener("touchstart", this), (n = p(X, this)) == null || n.removeEventListener("touchmove", this), (r = p(X, this)) == null || r.removeEventListener("touchend", this), (i = p(X, this)) == null || i.disconnectListener(this);
 	}
 	attributeChangedCallback(e, t, n) {
-		if (t !== n && (e === g.USER_INTERACTING && n === null && f(Z, this, qs).call(this) && setTimeout(() => {
+		if (t !== n && (e === g.USER_INTERACTING && n === null && f(Z, this, Ys).call(this) && setTimeout(() => {
 			this.open = !1;
 		}, 300), e === "open")) if (n !== null) {
 			var r;
-			m(Fs, this, !1), this.scrollTop > 0 && f(Z, this, ec).call(this), this.scrollTo({
-				top: (r = p(Ps, this)) == null ? void 0 : r.clientHeight,
+			m(Ls, this, !1), this.scrollTop > 0 && f(Z, this, nc).call(this), this.scrollTo({
+				top: (r = p(Is, this)) == null ? void 0 : r.clientHeight,
 				behavior: "smooth"
 			});
-		} else f(Z, this, Qs).call(this);
+		} else f(Z, this, ec).call(this);
 	}
 	set open(e) {
 		if (e) {
 			this.setAttribute("open", "");
 			return;
 		}
-		let t = this.hasAttribute("open"), n = this.visible || f(Z, this, qs).call(this);
-		t ? this.removeAttribute("open") : n ? f(Z, this, Qs).call(this) : (m(Fs, this, !1), this.removeAttribute("snap-touch"));
+		let t = this.hasAttribute("open"), n = this.visible || f(Z, this, Ys).call(this);
+		t ? this.removeAttribute("open") : n ? f(Z, this, ec).call(this) : (m(Ls, this, !1), this.removeAttribute("snap-touch"));
 	}
 	get open() {
 		return this.hasAttribute("open");
@@ -3928,124 +3935,124 @@ var Ns = /* @__PURE__ */ new WeakMap(), Ps = /* @__PURE__ */ new WeakMap(), Fs =
 		return this.hasAttribute("visible");
 	}
 };
-function Hs() {
-	return f(Z, this, Ks).call(this) || f(Z, this, Xs).call(this) || f(Z, this, qs).call(this);
+function Ws() {
+	return f(Z, this, Js).call(this) || f(Z, this, Qs).call(this) || f(Z, this, Ys).call(this);
 }
-function Us(e) {
+function Gs(e) {
 	let t = e.touches[0];
-	t && (m(Is, this, f(Z, this, Hs).call(this)), p(Is, this) && (m(Fs, this, !1), m(zs, this, t.clientY)));
+	t && (m(Rs, this, f(Z, this, Ws).call(this)), p(Rs, this) && (m(Ls, this, !1), m(Vs, this, t.clientY)));
 }
-function Ws(e) {
-	if (!(!p(Is, this) || p(zs, this) === null || this.hasAttribute("snap-touch") && this.open) && (e.preventDefault(), e.touches[0])) {
-		let t = e.touches[0].clientY, n = p(zs, this) - t;
+function Ks(e) {
+	if (!(!p(Rs, this) || p(Vs, this) === null || this.hasAttribute("snap-touch") && this.open) && (e.preventDefault(), e.touches[0])) {
+		let t = e.touches[0].clientY, n = p(Vs, this) - t;
 		this.scrollTop = Math.max(0, n);
 	}
 }
-function Gs(e) {
-	p(Is, this) && !p(Fs, this) && f(Z, this, qs).call(this) && (!this.hasAttribute("snap-touch") || !this.open) && (this.open = !0), m(zs, this, null), m(Is, this, !1);
+function qs(e) {
+	p(Rs, this) && !p(Ls, this) && f(Z, this, Ys).call(this) && (!this.hasAttribute("snap-touch") || !this.open) && (this.open = !0), m(Vs, this, null), m(Rs, this, !1);
 }
-function Ks() {
+function Js() {
 	return this.hasAttribute(g.USER_INTERACTING);
 }
-function qs() {
+function Ys() {
 	return this.scrollTop > 0;
 }
-function Js() {
+function Xs() {
 	var e;
-	return Math.round(this.scrollTop) === this.scrollHeight - this.clientHeight || Math.round(this.scrollTop) === ((e = p(Ps, this)) == null ? void 0 : e.clientHeight);
+	return Math.round(this.scrollTop) === this.scrollHeight - this.clientHeight || Math.round(this.scrollTop) === ((e = p(Is, this)) == null ? void 0 : e.clientHeight);
 }
-function Ys() {
+function Zs() {
 	var e;
-	let t = (e = p(Ps, this)) == null ? void 0 : e.clientHeight;
+	let t = (e = p(Is, this)) == null ? void 0 : e.clientHeight;
 	return !t || this.clientHeight <= 0 ? 0 : Math.max(this.clientHeight - t, 0);
 }
-function Xs() {
+function Qs() {
 	let e = getComputedStyle(this), t = Number.parseFloat(e.getPropertyValue("--vindral-scroll-overlay-offset"));
-	return Number.isNaN(t) ? f(Z, this, Ys).call(this) > 0 : t > 0;
+	return Number.isNaN(t) ? f(Z, this, Zs).call(this) > 0 : t > 0;
 }
-function Zs() {
+function $s() {
 	let e = this.style.scrollBehavior;
 	this.style.scrollBehavior = "auto", this.scrollTo({
 		top: 0,
 		behavior: "auto"
 	}), this.style.scrollBehavior = e;
 }
-function Qs() {
-	m(Fs, this, !0), this.removeAttribute("snap-touch"), f(Z, this, tc).call(this), this.scrollTo({
+function ec() {
+	m(Ls, this, !0), this.removeAttribute("snap-touch"), f(Z, this, rc).call(this), this.scrollTo({
 		top: 0,
 		behavior: "smooth"
 	});
 }
-function $s(e = !1) {
-	this.open = !1, e && this.removeAttribute("snap-touch"), m(Fs, this, !1), f(Z, this, tc).call(this);
+function tc(e = !1) {
+	this.open = !1, e && this.removeAttribute("snap-touch"), m(Ls, this, !1), f(Z, this, rc).call(this);
 }
-function ec() {
+function nc() {
 	this.visible || (this.visible = !0, this.dispatchEvent(new CustomEvent(_.LOCK_UI, {
 		bubbles: !0,
 		composed: !0
 	})));
 }
-function tc() {
+function rc() {
 	this.visible && (this.visible = !1, this.dispatchEvent(new CustomEvent(_.UNLOCK_UI, {
 		bubbles: !0,
 		composed: !0
 	})));
 }
-e(Vs, "observedAttributes", [
+e(Us, "observedAttributes", [
 	g.USER_INTERACTING,
 	"open",
 	"touch-enabled"
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/SeekBar.ts
-var nc = document.createElement("template");
-nc.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  </style>\n\n  <div id=\"buffered-track\"></div>\n  <div id=\"hover-preview\"></div>\n  <div id=\"time-tooltip\"></div>\n";
-var Q = /* @__PURE__ */ new WeakMap(), rc = /* @__PURE__ */ new WeakMap(), ic = /* @__PURE__ */ new WeakMap(), ac = /* @__PURE__ */ new WeakMap(), oc = /* @__PURE__ */ new WeakMap(), sc = /* @__PURE__ */ new WeakMap(), cc = /* @__PURE__ */ new WeakMap(), lc = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakSet(), uc = /* @__PURE__ */ new WeakMap(), dc = /* @__PURE__ */ new WeakMap(), fc = /* @__PURE__ */ new WeakMap(), pc = /* @__PURE__ */ new WeakMap(), mc = /* @__PURE__ */ new WeakMap(), hc = /* @__PURE__ */ new WeakMap(), gc = class extends jr {
+var ic = document.createElement("template");
+ic.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  </style>\n\n  <div id=\"buffered-track\"></div>\n  <div id=\"hover-preview\"></div>\n  <div id=\"time-tooltip\"></div>\n";
+var Q = /* @__PURE__ */ new WeakMap(), ac = /* @__PURE__ */ new WeakMap(), oc = /* @__PURE__ */ new WeakMap(), sc = /* @__PURE__ */ new WeakMap(), cc = /* @__PURE__ */ new WeakMap(), lc = /* @__PURE__ */ new WeakMap(), uc = /* @__PURE__ */ new WeakMap(), dc = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakSet(), fc = /* @__PURE__ */ new WeakMap(), pc = /* @__PURE__ */ new WeakMap(), mc = /* @__PURE__ */ new WeakMap(), hc = /* @__PURE__ */ new WeakMap(), gc = /* @__PURE__ */ new WeakMap(), _c = /* @__PURE__ */ new WeakMap(), vc = class extends jr {
 	constructor() {
 		var e, t, n;
-		super(), h(this, $), d(this, Q, void 0), d(this, rc, void 0), d(this, ic, void 0), d(this, ac, !1), d(this, oc, null), d(this, sc, null), d(this, cc, !1), d(this, lc, !1), d(this, uc, (e) => {
-			if (!f($, this, vc).call(this) || f($, this, yc).call(this)) {
+		super(), h(this, $), d(this, Q, void 0), d(this, ac, void 0), d(this, oc, void 0), d(this, sc, !1), d(this, cc, null), d(this, lc, null), d(this, uc, !1), d(this, dc, !1), d(this, fc, (e) => {
+			if (!f($, this, bc).call(this) || f($, this, xc).call(this)) {
 				e.preventDefault();
 				return;
 			}
-			m(ac, this, !0), m(sc, this, e.pointerId);
+			m(sc, this, !0), m(lc, this, e.pointerId);
 			try {
 				this.setPointerCapture(e.pointerId);
 			} catch (e) {}
-			f($, this, Sc).call(this, e);
-		}), d(this, dc, (e) => {
-			if (!(!f($, this, vc).call(this) || f($, this, yc).call(this))) {
-				if (p(oc, this) && (cancelAnimationFrame(p(oc, this)), m(oc, this, null)), p(ac, this) && e.pointerId === p(sc, this)) {
-					e.preventDefault(), f($, this, Sc).call(this, e);
+			f($, this, wc).call(this, e);
+		}), d(this, pc, (e) => {
+			if (!(!f($, this, bc).call(this) || f($, this, xc).call(this))) {
+				if (p(cc, this) && (cancelAnimationFrame(p(cc, this)), m(cc, this, null)), p(sc, this) && e.pointerId === p(lc, this)) {
+					e.preventDefault(), f($, this, wc).call(this, e);
 					return;
 				}
-				m(oc, this, requestAnimationFrame(() => {
-					if (e.pointerType !== "mouse" || p(ac, this) || !this.duration) {
-						p(ic, this).style.opacity = "0", m(oc, this, null);
+				m(cc, this, requestAnimationFrame(() => {
+					if (e.pointerType !== "mouse" || p(sc, this) || !this.duration) {
+						p(oc, this).style.opacity = "0", m(cc, this, null);
 						return;
 					}
-					let t = f($, this, xc).call(this, e.clientX);
-					if (f($, this, wc).call(this, t, e.clientX), t > this.range.valueAsNumber) {
+					let t = f($, this, Cc).call(this, e.clientX);
+					if (f($, this, Ec).call(this, t, e.clientX), t > this.range.valueAsNumber) {
 						let e = this.range.valueAsNumber * 100, n = (t - this.range.valueAsNumber) * 100;
-						p(ic, this).style.transform = `translateX(${e}%) scaleX(${n / 100})`, p(ic, this).style.opacity = "1";
-					} else p(ic, this).style.opacity = "0";
-					m(oc, this, null);
+						p(oc, this).style.transform = `translateX(${e}%) scaleX(${n / 100})`, p(oc, this).style.opacity = "1";
+					} else p(oc, this).style.opacity = "0";
+					m(cc, this, null);
 				}));
 			}
-		}), d(this, fc, (e) => {
-			if (e.pointerId === p(sc, this)) {
+		}), d(this, mc, (e) => {
+			if (e.pointerId === p(lc, this)) {
 				try {
 					this.releasePointerCapture(e.pointerId);
 				} catch (e) {}
-				m(ac, this, !1), m(sc, this, null), e.pointerType !== "mouse" && (p(rc, this).style.opacity = "0"), p(lc, this) && f($, this, Dc).call(this) && (m(cc, this, !1), m(lc, this, !1));
+				m(sc, this, !1), m(lc, this, null), e.pointerType !== "mouse" && (p(ac, this).style.opacity = "0"), p(dc, this) && f($, this, kc).call(this) && (m(uc, this, !1), m(dc, this, !1));
 			}
-		}), d(this, pc, () => {
-			this.duration && !f($, this, yc).call(this) && (p(rc, this).style.opacity = "1");
-		}), d(this, mc, () => {
-			p(rc, this).style.opacity = "0", p(ic, this).style.opacity = "0";
-		}), d(this, hc, (e) => {
-			if (f($, this, yc).call(this) || !p(Q, this) || p(Q, this) <= 0 || !Number.isFinite(p(Q, this))) return;
-			let t = f($, this, _c).call(this);
+		}), d(this, hc, () => {
+			this.duration && !f($, this, xc).call(this) && (p(ac, this).style.opacity = "1");
+		}), d(this, gc, () => {
+			p(ac, this).style.opacity = "0", p(oc, this).style.opacity = "0";
+		}), d(this, _c, (e) => {
+			if (f($, this, xc).call(this) || !p(Q, this) || p(Q, this) <= 0 || !Number.isFinite(p(Q, this))) return;
+			let t = f($, this, yc).call(this);
 			if (t <= 0) return;
 			let n = this.range.valueAsNumber * t, r = n;
 			switch (e.preventDefault(), e.key) {
@@ -4053,43 +4060,43 @@ var Q = /* @__PURE__ */ new WeakMap(), rc = /* @__PURE__ */ new WeakMap(), ic =
 					r = Math.max(0, n - 5);
 					break;
 				case "ArrowRight":
-					if (f($, this, Dc).call(this)) return;
+					if (f($, this, kc).call(this)) return;
 					r = Math.min(t, n + 5);
 					break;
 				case "Home":
 					r = 0;
 					break;
 				case "End":
-					if (f($, this, Dc).call(this)) return;
+					if (f($, this, kc).call(this)) return;
 					r = t;
 					break;
 				default: return;
 			}
 			let i = Math.min(r / t, 1);
-			f($, this, Cc).call(this, i);
-		}), (e = this.shadowRoot) == null || e.appendChild(nc.content.cloneNode(!0)), m(rc, this, (t = this.shadowRoot) == null ? void 0 : t.getElementById("time-tooltip")), m(ic, this, (n = this.shadowRoot) == null ? void 0 : n.getElementById("hover-preview")), this.addEventListener("pointerdown", p(uc, this)), this.addEventListener("pointermove", p(dc, this)), this.addEventListener("pointerup", p(fc, this)), this.addEventListener("pointercancel", p(fc, this)), this.addEventListener("mouseenter", p(pc, this)), this.addEventListener("mouseleave", p(mc, this));
+			f($, this, Tc).call(this, i);
+		}), (e = this.shadowRoot) == null || e.appendChild(ic.content.cloneNode(!0)), m(ac, this, (t = this.shadowRoot) == null ? void 0 : t.getElementById("time-tooltip")), m(oc, this, (n = this.shadowRoot) == null ? void 0 : n.getElementById("hover-preview")), this.addEventListener("pointerdown", p(fc, this)), this.addEventListener("pointermove", p(pc, this)), this.addEventListener("pointerup", p(mc, this)), this.addEventListener("pointercancel", p(mc, this)), this.addEventListener("mouseenter", p(hc, this)), this.addEventListener("mouseleave", p(gc, this));
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.setAttribute("aria-label", "Seek video position"), this.setAttribute("role", "slider"), f($, this, bc).call(this), this.addEventListener("keydown", p(hc, this)), f($, this, Dc).call(this) && (this.range.value = "1", f($, this, bc).call(this));
+		super.connectedCallback(), this.setAttribute("aria-label", "Seek video position"), this.setAttribute("role", "slider"), f($, this, Sc).call(this), this.addEventListener("keydown", p(_c, this)), f($, this, kc).call(this) && (this.range.value = "1", f($, this, Sc).call(this));
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.removeEventListener("pointerdown", p(uc, this)), this.removeEventListener("pointermove", p(dc, this)), this.removeEventListener("pointerup", p(fc, this)), this.removeEventListener("pointercancel", p(fc, this)), this.removeEventListener("mouseenter", p(pc, this)), this.removeEventListener("mouseleave", p(mc, this)), this.removeEventListener("keydown", p(hc, this)), m(sc, this, null);
+		super.disconnectedCallback(), this.removeEventListener("pointerdown", p(fc, this)), this.removeEventListener("pointermove", p(pc, this)), this.removeEventListener("pointerup", p(mc, this)), this.removeEventListener("pointercancel", p(mc, this)), this.removeEventListener("mouseenter", p(hc, this)), this.removeEventListener("mouseleave", p(gc, this)), this.removeEventListener("keydown", p(_c, this)), m(lc, this, null);
 	}
 	attributeChangedCallback(e, t, n) {
 		if (super.attributeChangedCallback(e, t, n), t !== n) switch (e) {
 			case g.TIMESHIFT_POSITION:
-				if (f($, this, Dc).call(this)) {
-					p(ac, this) ? m(lc, this, !0) : (m(cc, this, !1), m(lc, this, !1)), this.range.value = "1", f($, this, bc).call(this);
+				if (f($, this, kc).call(this)) {
+					p(sc, this) ? m(dc, this, !0) : (m(uc, this, !1), m(dc, this, !1)), this.range.value = "1", f($, this, Sc).call(this);
 					return;
 				}
 				if (p(Q, this)) {
-					m(lc, this, !1);
+					m(dc, this, !1);
 					let e = Math.max(parseFloat(n) / p(Q, this), 0);
-					this.range.value = e.toString(), f($, this, bc).call(this);
+					this.range.value = e.toString(), f($, this, Sc).call(this);
 				}
 				break;
 			case g.DURATION:
-				m(Q, this, parseFloat(n) || 0), f($, this, bc).call(this);
+				m(Q, this, parseFloat(n) || 0), f($, this, Sc).call(this);
 				break;
 		}
 	}
@@ -4107,68 +4114,68 @@ var Q = /* @__PURE__ */ new WeakMap(), rc = /* @__PURE__ */ new WeakMap(), ic =
 		this.setAttribute(g.DURATION, e.toString());
 	}
 };
-function _c() {
+function yc() {
 	return p(Q, this) ? p(Q, this) : 1;
 }
-function vc() {
+function bc() {
 	return !!p(Q, this) && p(Q, this) > 0 && Number.isFinite(p(Q, this));
 }
-function yc() {
-	return p(cc, this);
+function xc() {
+	return p(uc, this);
 }
-function bc() {
-	let e = f($, this, _c).call(this);
-	!p(Q, this) || p(Q, this) <= 0 || !Number.isFinite(p(Q, this)) ? this.setAttribute("data-no-duration", "") : this.removeAttribute("data-no-duration"), p(ac, this) || (this.updateBar(), this.setAttribute("aria-valuetext", `${f($, this, Oc).call(this, this.range.valueAsNumber * e)} of ${f($, this, Oc).call(this, e)}`), !p(ac, this) && !f($, this, yc).call(this) && f($, this, Ec).call(this, this.range.valueAsNumber));
+function Sc() {
+	let e = f($, this, yc).call(this);
+	!p(Q, this) || p(Q, this) <= 0 || !Number.isFinite(p(Q, this)) ? this.setAttribute("data-no-duration", "") : this.removeAttribute("data-no-duration"), p(sc, this) || (this.updateBar(), this.setAttribute("aria-valuetext", `${f($, this, Ac).call(this, this.range.valueAsNumber * e)} of ${f($, this, Ac).call(this, e)}`), !p(sc, this) && !f($, this, xc).call(this) && f($, this, Oc).call(this, this.range.valueAsNumber));
 }
-function xc(e) {
+function Cc(e) {
 	let t = this.getBoundingClientRect(), n = (e - t.left) / t.width;
 	return Math.max(0, Math.min(1, n));
 }
-function Sc(e) {
-	let t = f($, this, xc).call(this, e.clientX);
-	f($, this, wc).call(this, t, e.clientX), p(ac, this) || (p(rc, this).style.opacity = "1"), f($, this, Cc).call(this, t);
+function wc(e) {
+	let t = f($, this, Cc).call(this, e.clientX);
+	f($, this, Ec).call(this, t, e.clientX), p(sc, this) || (p(ac, this).style.opacity = "1"), f($, this, Tc).call(this, t);
 }
-function Cc(e) {
-	if (f($, this, yc).call(this) || f($, this, Ec).call(this, e)) return;
-	let t = e * f($, this, _c).call(this);
-	this.range.value = e.toString(), this.updateBar(), f($, this, Tc).call(this, t);
+function Tc(e) {
+	if (f($, this, xc).call(this) || f($, this, Oc).call(this, e)) return;
+	let t = e * f($, this, yc).call(this);
+	this.range.value = e.toString(), this.updateBar(), f($, this, Dc).call(this, t);
 }
-function wc(e, t) {
+function Ec(e, t) {
 	if (!p(Q, this) || !Number.isFinite(p(Q, this))) return;
 	let n = e * p(Q, this), r = p(Q, this) - n;
-	p(rc, this).textContent = `-${f($, this, Oc).call(this, r)}`;
+	p(ac, this).textContent = `-${f($, this, Ac).call(this, r)}`;
 	let i = this.getBoundingClientRect(), a = (t - i.left) / i.width * 100;
-	p(rc, this).style.left = `${Math.min(Math.max(a, 2), 98)}%`;
+	p(ac, this).style.left = `${Math.min(Math.max(a, 2), 98)}%`;
 }
-function Tc(e) {
+function Dc(e) {
 	this.dispatchEvent(new CustomEvent("seek", {
 		bubbles: !0,
 		composed: !0,
 		detail: e
 	}));
 }
-function Ec(e) {
-	return p(cc, this) || f($, this, Dc).call(this) || e < .999 ? !1 : (m(cc, this, !0), m(lc, this, !1), this.dispatchEvent(new CustomEvent(_.GO_LIVE, {
+function Oc(e) {
+	return p(uc, this) || f($, this, kc).call(this) || e < .999 ? !1 : (m(uc, this, !0), m(dc, this, !1), this.dispatchEvent(new CustomEvent(_.GO_LIVE, {
 		bubbles: !0,
 		composed: !0
 	})), !0);
 }
-function Dc() {
+function kc() {
 	return !this.hasAttribute(g.TIMESHIFT_POSITION);
 }
-function Oc(e) {
+function Ac(e) {
 	let t = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), r = Math.floor(e % 60);
 	return p(Q, this) && p(Q, this) >= 3600 ? `${t}:${n.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}` : `${n}:${r.toString().padStart(2, "0")}`;
 }
-e(gc, "observedAttributes", [
+e(vc, "observedAttributes", [
 	...jr.observedAttributes,
 	g.TIMESHIFT_POSITION,
 	g.DURATION
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/UserInputPlayOverlay.ts
-var kc = document.createElement("template");
-kc.innerHTML = `
+var jc = document.createElement("template");
+jc.innerHTML = `
   <style>
     :host {
       display: var(--play-overlay-display);
@@ -4228,123 +4235,140 @@ kc.innerHTML = `
 </slot>
   </slot>
 `;
-var Ac = /* @__PURE__ */ new WeakMap(), jc = /* @__PURE__ */ new WeakMap(), Mc = /* @__PURE__ */ new WeakMap(), Nc = /* @__PURE__ */ new WeakMap(), Pc = class extends HTMLElement {
+var Mc = /* @__PURE__ */ new WeakMap(), Nc = /* @__PURE__ */ new WeakMap(), Pc = /* @__PURE__ */ new WeakMap(), Fc = /* @__PURE__ */ new WeakMap(), Ic = class extends HTMLElement {
 	constructor() {
-		super(), d(this, Ac, null), d(this, jc, () => {
+		super(), d(this, Mc, null), d(this, Nc, () => {
 			this.dispatchEvent(new CustomEvent(_.REQUEST_USER_INPUT, {
 				bubbles: !0,
 				composed: !0
 			}));
-		}), d(this, Mc, (e) => {
+		}), d(this, Pc, (e) => {
 			let { key: t } = e;
 			if (!this.keysUsed.includes(t)) {
-				this.removeEventListener("keyup", p(Mc, this));
+				this.removeEventListener("keyup", p(Pc, this));
 				return;
 			}
 			this.dispatchEvent(new CustomEvent(_.REQUEST_USER_INPUT, {
 				bubbles: !0,
 				composed: !0
 			}));
-		}), d(this, Nc, (e) => {
+		}), d(this, Fc, (e) => {
 			let { metaKey: t, altKey: n, key: r } = e;
 			if (t || n || !this.keysUsed.includes(r)) {
-				this.removeEventListener("keyup", p(Mc, this));
+				this.removeEventListener("keyup", p(Pc, this));
 				return;
 			}
-			this.addEventListener("keyup", p(Mc, this), { once: !0 });
-		}), this.attachShadow({ mode: "open" }).appendChild(kc.content.cloneNode(!0));
+			this.addEventListener("keyup", p(Pc, this), { once: !0 });
+		}), this.attachShadow({ mode: "open" }).appendChild(jc.content.cloneNode(!0));
 	}
 	get keysUsed() {
 		return ["Enter", " "];
 	}
 	connectedCallback() {
 		var e;
-		m(Ac, this, this.closest("vindral-controller")), (e = p(Ac, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.enable();
+		m(Mc, this, this.closest("vindral-controller")), (e = p(Mc, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.enable();
 	}
 	enable() {
-		this.addEventListener("click", p(jc, this)), this.addEventListener("keydown", p(Nc, this)), this.tabIndex = 0;
+		this.addEventListener("click", p(Nc, this)), this.addEventListener("keydown", p(Fc, this)), this.tabIndex = 0;
 	}
 	disable() {
-		this.removeEventListener("click", p(jc, this)), this.removeEventListener("keydown", p(Nc, this)), this.removeEventListener("keyup", p(Mc, this)), this.tabIndex = -1;
+		this.removeEventListener("click", p(Nc, this)), this.removeEventListener("keydown", p(Fc, this)), this.removeEventListener("keyup", p(Pc, this)), this.tabIndex = -1;
 	}
 	disconnectedCallback() {
 		var e;
-		(e = p(Ac, this)) == null || e.disconnectListener(this), this.disable();
+		(e = p(Mc, this)) == null || e.disconnectListener(this), this.disable();
 	}
 };
-e(Pc, "observedAttributes", [
+e(Ic, "observedAttributes", [
 	"hidden",
 	g.NEEDS_USER_INPUT_VIDEO,
 	g.NEEDS_USER_INPUT_AUDIO,
 	g.PAUSED
 ]);
 //#endregion
+//#region ../../libs/player-next/src/components/VindralCenterOverlay.ts
+var Lc = document.createElement("template");
+Lc.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 Rc = class extends HTMLElement {
+	constructor() {
+		super(), this.attachShadow({ mode: "open" }).appendChild(Lc.content.cloneNode(!0));
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && e === "poster" && this.style.setProperty("--_backdrop-image", n ? `url("${n}")` : "none");
+	}
+};
+e(Rc, "observedAttributes", [
+	"backdrop",
+	"poster",
+	"disable-backdrop"
+]);
+//#endregion
 //#region ../../libs/player-next/src/components/VindralMessage.ts
-var Fc = document.createElement("template");
-Fc.innerHTML = "\n  <style>\n    :host,\n    #background {\n      position: absolute;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      width: 100%;\n      top: 0;\n      left: 0;\n      background-repeat: no-repeat;\n      background-position: 50% 50%;\n      background-size: contain;\n      font-size: 20px;\n      color: var(--fg-strong);\n      pointer-events: none;\n      transition: opacity 100ms;\n      background-color: rgba(0, 0, 0, 0.3);\n    }\n\n    :host([hidden]) {\n      opacity: 0;\n    }\n\n    #message-container {\n      position: absolute;\n      left: 50%;\n      bottom: calc(50% + var(--play-overlay-icon-size));\n      transform: translateX(-50%);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      width: max-content;\n      max-width: 90%;\n      pointer-events: none;\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      #message-container {\n        bottom: 0;\n        top: var(--padding-1);\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  <div id=\"background\"></div>\n  <div id=\"message-container\">\n    <h1 id=\"title\"></h1>\n    <p id=\"description\"></p>\n  </div>\n";
-var Ic = /* @__PURE__ */ new WeakMap(), Lc = /* @__PURE__ */ new WeakMap(), Rc = /* @__PURE__ */ new WeakMap(), zc = class extends HTMLElement {
+var zc = document.createElement("template");
+zc.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 Bc = /* @__PURE__ */ new WeakMap(), Vc = /* @__PURE__ */ new WeakMap(), Hc = class extends HTMLElement {
 	constructor() {
-		super(), d(this, Ic, void 0), d(this, Lc, void 0), d(this, Rc, void 0);
+		super(), d(this, Bc, void 0), d(this, Vc, void 0);
 		let e = this.attachShadow({ mode: "open" });
-		e.appendChild(Fc.content.cloneNode(!0)), m(Ic, this, e.querySelector("#title")), m(Lc, this, e.querySelector("#description")), m(Rc, this, e.querySelector("#background"));
+		e.appendChild(zc.content.cloneNode(!0)), m(Bc, this, e.querySelector("#title")), m(Vc, this, e.querySelector("#description"));
+	}
+	connectedCallback() {
+		this.hasAttribute("role") || (this.setAttribute("role", "alert"), this.setAttribute("aria-atomic", "true"));
 	}
-	connectedCallback() {}
-	disconnectedCallback() {}
 	attributeChangedCallback(e, t, n) {
-		t !== n && (e === "title" ? p(Ic, this).textContent = n : e === "description" ? p(Lc, this).textContent = n : e === "background-image" && (p(Rc, this).style.backgroundImage = `url(${n})`));
+		t !== n && (e === "title" ? p(Bc, this).textContent = n : e === "description" && (p(Vc, this).textContent = n));
 	}
 };
-e(zc, "observedAttributes", [
+e(Hc, "observedAttributes", [
 	"title",
 	"description",
-	"background-image",
 	"hidden"
 ]);
 //#endregion
 //#region ../../libs/player-next/src/components/VindralPlayOverlay.ts
-var Bc = document.createElement("template");
-Bc.innerHTML = "\n  <style>\n    :host {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      z-index: 1;\n      pointer-events: none;\n    }\n\n    :host([hidden]) {\n      display: none;\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 Vc = /* @__PURE__ */ new WeakMap(), Hc = class extends HTMLElement {
+var Uc = document.createElement("template");
+Uc.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 Wc = /* @__PURE__ */ new WeakMap(), Gc = class extends HTMLElement {
 	constructor() {
-		super(), d(this, Vc, null), this.attachShadow({ mode: "open" }).appendChild(Bc.content.cloneNode(!0));
+		super(), d(this, Wc, null), this.attachShadow({ mode: "open" }).appendChild(Uc.content.cloneNode(!0));
 	}
 	connectedCallback() {
 		var e;
-		m(Vc, this, this.closest("vindral-controller")), (e = p(Vc, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.tabIndex = 0;
+		m(Wc, this, this.closest("vindral-controller")), (e = p(Wc, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.tabIndex = 0;
 	}
 	disconnectedCallback() {
 		var e;
-		(e = p(Vc, this)) == null || e.disconnectListener(this);
+		(e = p(Wc, this)) == null || e.disconnectListener(this);
 	}
 	attributeChangedCallback(e, t, n) {
 		t !== n && e === "hidden" && !v(n) && this.focus();
 	}
 };
-e(Hc, "observedAttributes", ["hidden"]);
+e(Gc, "observedAttributes", ["hidden"]);
 //#endregion
 //#region ../../libs/player-next/src/components/VolumeRange.ts
-var Uc, Wc = document.createElement("template");
-Wc.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 Gc = (e) => `${Math.round(e * 100)}%`, Kc = /* @__PURE__ */ new WeakMap(), qc = class extends jr {
+var Kc, qc = document.createElement("template");
+qc.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 Jc = (e) => `${Math.round(e * 100)}%`, Yc = /* @__PURE__ */ new WeakMap(), Xc = class extends jr {
 	constructor() {
 		var e;
-		super(), d(this, Kc, () => {
+		super(), d(this, Yc, () => {
 			let e = this.range.valueAsNumber;
 			this.dispatchEvent(new CustomEvent(_.SET_VOLUME, {
 				bubbles: !0,
 				composed: !0,
 				detail: e
 			}));
-		}), (e = this.shadowRoot) == null || e.appendChild(Wc.content.cloneNode(!0));
+		}), (e = this.shadowRoot) == null || e.appendChild(qc.content.cloneNode(!0));
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.range.addEventListener("input", p(Kc, this)), this.range.setAttribute("aria-label", "volume");
+		super.connectedCallback(), this.range.addEventListener("input", p(Yc, this)), this.range.setAttribute("aria-label", "volume");
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.range.removeEventListener("input", p(Kc, this));
+		super.disconnectedCallback(), this.range.removeEventListener("input", p(Yc, 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", Gc(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", Jc(this.range.valueAsNumber)), this.updateBar());
 	}
 	get volume() {
 		var e;
@@ -4354,15 +4378,15 @@ var Gc = (e) => `${Math.round(e * 100)}%`, Kc = /* @__PURE__ */ new WeakMap(), q
 		return this.hasAttribute(g.MUTED);
 	}
 };
-Uc = qc, e(qc, "observedAttributes", [
-	...y(Uc, "observedAttributes", Uc),
+Kc = Xc, e(Xc, "observedAttributes", [
+	...y(Kc, "observedAttributes", Kc),
 	g.MUTED,
 	g.VOLUME
 ]);
 //#endregion
 //#region ../../libs/player-next/src/registerComponents.ts
-function Jc() {
-	customElements.define("vindral-controller", Mi), customElements.define("vindral-control-bar", Fn), customElements.define("vindral-advanced-rendition-menu", Ge), customElements.define("vindral-advanced-rendition-menu-list", rt), customElements.define("vindral-play-button", po), customElements.define("vindral-mute-button", oo), customElements.define("vindral-buffering-overlay", At), customElements.define("vindral-scroll-overlay", Vs), customElements.define("vindral-play-overlay", Hc), customElements.define("vindral-user-input-play-overlay", Pc), customElements.define("vindral-fullscreen-button", Sa), customElements.define("vindral-rendition-levels-menu", ps), customElements.define("vindral-rendition-levels-menu-list", Ss), customElements.define("vindral-channel-grid-button", On), customElements.define("vindral-channel-grid", en), customElements.define("vindral-channel-grid-item", Wt), customElements.define("vindral-pip-button", lo), customElements.define("vindral-airplay-button", Ct), customElements.define("vindral-cast-button", Pt), customElements.define("vindral-cast-overlay", Bt), customElements.define("vindral-buffering-icon", Dt), customElements.define("vindral-language-menu", Da), customElements.define("vindral-language-menu-list", Va), customElements.define("vindral-message", zc), customElements.define("vindral-volume-range", qc), customElements.define("vindral-poster-overlay", as), customElements.define("vindral-player", Go), customElements.define("vindral-seek-bar", gc), customElements.define("vindral-live-button", ro);
+function Zc() {
+	customElements.define("vindral-controller", Mi), customElements.define("vindral-control-bar", Fn), customElements.define("vindral-advanced-rendition-menu", Ge), customElements.define("vindral-advanced-rendition-menu-list", rt), customElements.define("vindral-play-button", po), customElements.define("vindral-mute-button", oo), customElements.define("vindral-buffering-overlay", At), customElements.define("vindral-scroll-overlay", Us), customElements.define("vindral-play-overlay", Gc), customElements.define("vindral-user-input-play-overlay", Ic), customElements.define("vindral-fullscreen-button", Sa), customElements.define("vindral-rendition-levels-menu", gs), customElements.define("vindral-rendition-levels-menu-list", Ts), customElements.define("vindral-channel-grid-button", On), customElements.define("vindral-channel-grid", en), customElements.define("vindral-channel-grid-item", Wt), customElements.define("vindral-pip-button", lo), customElements.define("vindral-airplay-button", Ct), customElements.define("vindral-cast-button", Pt), customElements.define("vindral-cast-overlay", Bt), customElements.define("vindral-buffering-icon", Dt), customElements.define("vindral-language-menu", Da), customElements.define("vindral-language-menu-list", Va), customElements.define("vindral-center-overlay", Rc), customElements.define("vindral-message", Hc), customElements.define("vindral-volume-range", Xc), customElements.define("vindral-poster-overlay", cs), customElements.define("vindral-player", qo), customElements.define("vindral-seek-bar", vc), customElements.define("vindral-live-button", ro);
 }
 //#endregion
-export { Jc as t };
+export { Zc as t };