@vindral/web-sdk 4.2.0 → 4.2.1

package/ST3epwLf.js

@@ -0,0 +1,4361 @@
+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 "./TRlsfsv0.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 "./CF-41rJe.js";
+import { t as Ee } from "./D5iA4gy8.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({
+		title: e,
+		artist: t,
+		artwork: n ? [{ src: n }] : []
+	}));
+}, Oe = (e) => e === "mse" || e === "webcodecs" || e === "wasm";
+function ke(e) {
+	if (e === null || e === "auto") return;
+	let t = e.split(",").filter(Oe);
+	return t.length > 0 ? t : void 0;
+}
+function Ae(e) {
+	if (e === "no-preference" || e === "prefer-hardware" || e === "prefer-software") return e;
+}
+//#endregion
+//#region ../../libs/player-next/src/components/VindralMenuButton.ts
+var je = document.createElement("template");
+je.innerHTML = "\n  <style>\n    :host {\n      position: relative;\n    }\n\n    :host([hidden]) {\n      display: none;\n    }\n  </style>\n";
+var Me = /* @__PURE__ */ new WeakMap(), Ne = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap(), Pe = /* @__PURE__ */ new WeakMap(), Fe = /* @__PURE__ */ new WeakMap(), Ie = /* @__PURE__ */ new WeakMap(), Le = /* @__PURE__ */ new WeakSet(), Re = class extends x {
+	constructor() {
+		var e;
+		super(), h(this, Le), d(this, Me, void 0), d(this, Ne, void 0), d(this, S, void 0), d(this, Pe, null), d(this, Fe, (e) => {
+			e.composedPath().includes(this) || this.hide();
+		}), d(this, Ie, () => {
+			this.hide();
+		}), (e = this.shadowRoot) == null || e.appendChild(je.content.cloneNode(!0));
+	}
+	connectedCallback() {
+		var e, t, n, r;
+		super.connectedCallback(), this.setAttribute("role", "button"), this.setAttribute("aria-haspopup", "listbox");
+		let i = (e = this.getAttribute("list-position")) == null ? "top" : e;
+		(t = p(Ne, this)) == null || t.setAttribute("list-position", i);
+		let a = this.getRootNode(), o = [...(n = (r = this.shadowRoot) == null ? void 0 : r.querySelectorAll(":not(:defined)")) == null ? [] : n].map((e) => customElements.whenDefined(e.localName));
+		Promise.all(o).then(() => {
+			if (a instanceof Document || a instanceof ShadowRoot) {
+				var e;
+				m(Pe, this, a.querySelector("vindral-controller")), (e = p(Pe, this)) == null || e.connectListener(this);
+			}
+		});
+	}
+	set button(e) {
+		m(Me, this, e);
+	}
+	set listbox(e) {
+		m(Ne, this, e);
+	}
+	set listboxSlot(e) {
+		m(S, this, e);
+	}
+	enable() {
+		super.enable(), this.addEventListener("change", p(Ie, this)), document.addEventListener("click", p(Fe, this));
+	}
+	hide() {
+		var e, t;
+		!p(S, this) || (e = p(S, this)) != null && e.hidden || (p(S, this).hidden = !0, (t = p(Me, this)) == null || t.setAttribute("aria-expanded", "false"), this.dispatchEvent(new CustomEvent(_.UNLOCK_UI, {
+			bubbles: !0,
+			composed: !0
+		})), this.focus());
+	}
+	handleClick(e) {
+		p(S, this) && !e.composedPath().includes(p(S, this)) && f(Le, this, ze).call(this);
+	}
+};
+function ze() {
+	var e;
+	(e = p(S, this)) != null && e.hidden ? f(Le, this, Be).call(this) : this.hide();
+}
+function Be() {
+	var e, t, n;
+	(e = p(S, this)) != null && e.hidden && (p(S, this).hidden = !1, (t = p(Me, this)) == null || t.setAttribute("aria-expanded", "true"), (n = p(Ne, this)) == null || n.focus(), this.dispatchEvent(new CustomEvent(_.LOCK_UI, {
+		bubbles: !0,
+		composed: !0
+	})));
+}
+//#endregion
+//#region ../../libs/player-next/src/components/AdvancedRenditionMenu.ts
+var Ve, He = "\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", Ue = document.createElement("template");
+Ue.innerHTML = `
+  <style>
+    :host {
+      display: var(--rendition-menu-display);
+    }
+  </style>
+
+  <slot name="button">${He}</slot>
+  <slot name="listbox" hidden>
+    <vindral-advanced-rendition-menu-list id="listbox" part="listbox"></vindral-advanced-rendition-menu-list>
+  </slot>
+`;
+var We = /* @__PURE__ */ new WeakSet(), Ge = class extends Re {
+	constructor() {
+		var e, t, n, r;
+		super(), h(this, We), (e = this.shadowRoot) == null || e.appendChild(Ue.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(We, this, Ke).call(this), this.setAttribute("aria-label", "Advanced rendition controls");
+	}
+	attributeChangedCallback(e, t, n) {
+		super.attributeChangedCallback(e, t, n), e === g.RENDITION_LEVELS && f(We, this, Ke).call(this);
+	}
+};
+Ve = Ge;
+function Ke() {
+	let e = this.getAttribute(g.RENDITION_LEVELS);
+	!e || e === "[]" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
+}
+e(Ge, "observedAttributes", [...y(Ve, "observedAttributes", Ve), g.RENDITION_LEVELS]);
+//#endregion
+//#region ../../libs/player-next/src/components/AdvancedRenditionMenuList.ts
+var qe = document.createElement("template");
+qe.innerHTML = "\n  <style>\n    :host {\n      font: inherit;\n      cursor: default;\n      padding: var(--padding-2);\n      padding-top: var(--padding-3);\n      border-radius: 0.25em;\n      position: absolute;\n      min-width: 220px;\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    .mode-toggle {\n      display: flex;\n      gap: var(--padding-1);\n      margin-bottom: var(--padding-2);\n    }\n\n    .mode-btn {\n      flex: 1;\n      padding: var(--padding-1) var(--padding-2);\n      border: none;\n      border-radius: 4px;\n      font-size: 11px;\n      font-weight: 500;\n      cursor: pointer;\n      background: var(--bg-component);\n      color: var(--fg-default);\n      transition: background 0.15s;\n    }\n\n    .mode-btn:hover {\n      background: var(--bg-component-hover);\n    }\n\n    .mode-btn[data-active=\"true\"] {\n      background: #549ce0;\n      color: #ffffff;\n    }\n\n    .setting-row {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: var(--padding-2);\n      margin-bottom: var(--padding-2);\n      padding: 0 var(--padding-1);\n    }\n\n    .setting-label {\n      font-size: 10px;\n      color: var(--fg-subtle);\n      text-transform: uppercase;\n      letter-spacing: 0.04em;\n    }\n\n    .setting-toggle-btn {\n      border: none;\n      border-radius: 999px;\n      background: var(--bg-component);\n      color: var(--fg-default);\n      font-size: 10px;\n      font-weight: 600;\n      min-width: 44px;\n      padding: 4px 10px;\n      cursor: pointer;\n      transition: background 0.15s;\n    }\n\n    .setting-toggle-btn[data-active=\"true\"] {\n      background: #549ce0;\n      color: #ffffff;\n    }\n\n    .setting-toggle-btn:disabled {\n      cursor: not-allowed;\n      opacity: 0.5;\n    }\n\n    .quality-status-text {\n      font-size: 10px;\n      color: var(--fg-subtle);\n      margin-bottom: var(--padding-2);\n      padding: 0 var(--padding-1);\n      font-style: italic;\n    }\n\n    .menu {\n      display: grid;\n      gap: var(--padding-1);\n    }\n\n    .menu-item {\n      display: flex;\n      align-items: center;\n      gap: var(--padding-2);\n      padding: var(--padding-2);\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 13px;\n      position: relative;\n    }\n\n    .menu-item:hover {\n      background: var(--bg-component-hover);\n    }\n\n    .menu-item[data-selected=\"true\"] {\n      background: var(--bg-component-active);\n      border: 1px solid var(--fg-extra-subtle);\n    }\n\n    .menu-item[data-capped=\"true\"] {\n      opacity: 0.5;\n    }\n\n    .menu-item:focus-visible {\n      box-shadow: inset 0 0 0 2px var(--fg-strong);\n      outline: 0;\n    }\n\n    .menu-item-info {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .menu-item-title {\n      font-weight: 500;\n    }\n\n    .menu-item-subtitle {\n      font-size: 10px;\n      opacity: 0.6;\n    }\n\n    .current-label {\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      color: #549ce0;\n      margin-left: auto;\n      display: none;\n    }\n\n    .menu-item[data-playing=\"true\"] .current-label {\n      display: block;\n    }\n  </style>\n\n  <slot>\n    <div class=\"mode-toggle\">\n      <button class=\"mode-btn\" data-mode=\"auto\">Auto (ABR)</button>\n      <button class=\"mode-btn\" data-mode=\"fixed\">Fixed</button>\n    </div>\n    <div class=\"setting-row\">\n      <span class=\"setting-label\">Size cap</span>\n      <button id=\"size-cap-toggle\" class=\"setting-toggle-btn\" type=\"button\"></button>\n    </div>\n    <div class=\"quality-status-text\" id=\"quality-status-text\"></div>\n    <div class=\"menu\" role=\"menu\" aria-label=\"Quality options\"></div>\n  </slot>\n";
+var Je = /* @__PURE__ */ new WeakMap(), Ye = /* @__PURE__ */ new WeakMap(), C = /* @__PURE__ */ new WeakMap(), Xe = /* @__PURE__ */ new WeakMap(), Ze = /* @__PURE__ */ new WeakMap(), Qe = /* @__PURE__ */ new WeakMap(), $e = /* @__PURE__ */ new WeakMap(), et = /* @__PURE__ */ new WeakMap(), tt = /* @__PURE__ */ new WeakMap(), nt = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakSet(), rt = class extends HTMLElement {
+	constructor() {
+		super(), h(this, w), d(this, Je, []), d(this, Ye, 2 ** 53 - 1), d(this, C, !1), d(this, Xe, !0), d(this, Ze, null), d(this, Qe, null), d(this, $e, []), d(this, et, null), d(this, tt, null), d(this, nt, null), e(this, "handleEvent", (e) => {
+			switch (e.type) {
+				case "keydown":
+					f(w, this, ht).call(this, e);
+					break;
+			}
+		}), this.attachShadow({ mode: "open" }).appendChild(qe.content.cloneNode(!0));
+	}
+	connectedCallback() {
+		let e = this.getRootNode();
+		if (e instanceof ShadowRoot) {
+			var t;
+			m(et, this, e.host.closest("vindral-controller")), (t = p(et, this)) == null || t.connectListener(this), f(w, this, lt).call(this), f(w, this, it).call(this), f(w, this, at).call(this), f(w, this, ut).call(this), m(tt, this, e.host), this.addEventListener("keydown", this);
+		}
+	}
+	disconnectedCallback() {
+		var e, t;
+		(e = p(et, this)) == null || e.disconnectListener(this), (t = p(nt, this)) == null || t.disconnect(), m(nt, this, null), 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 && (this.maxVideoBitrate = n ? parseInt(n, 10) : 2 ** 53 - 1), e === g.ABR_ENABLED && (m(C, this, b(n, !1)), f(w, this, st).call(this), f(w, this, ft).call(this)), e === g.RENDITION_LEVEL && n && (m(Ze, this, JSON.parse(n)), f(w, this, ft).call(this)), e === g.SIZE_BASED_RESOLUTION_CAP_ENABLED && (m(Xe, this, b(n, !0)), f(w, this, ct).call(this)));
+	}
+	set list(e) {
+		m(Je, this, e), f(w, this, ut).call(this);
+	}
+	set maxVideoBitrate(e) {
+		m(Ye, this, e), f(w, this, ft).call(this);
+	}
+	get keysUsed() {
+		return [
+			"Enter",
+			"Escape",
+			"Tab",
+			" ",
+			"ArrowDown",
+			"ArrowUp",
+			"Home",
+			"End"
+		];
+	}
+	focus() {
+		var e;
+		(e = p(Qe, this)) == null || e.focus();
+	}
+};
+function it() {
+	var e, t;
+	let n = (e = this.shadowRoot) == null ? void 0 : e.querySelector("[data-mode=\"auto\"]"), r = (t = this.shadowRoot) == null ? void 0 : t.querySelector("[data-mode=\"fixed\"]");
+	n == null || n.addEventListener("click", () => {
+		m(C, this, !0), f(w, this, st).call(this), f(w, this, ft).call(this), this.dispatchEvent(new CustomEvent(_.SET_ABR_MODE, {
+			bubbles: !0,
+			composed: !0,
+			detail: !0
+		}));
+	}), r == null || r.addEventListener("click", () => {
+		let e = f(w, this, ot).call(this);
+		e && this.dispatchEvent(new CustomEvent(_.SET_RENDITION, {
+			bubbles: !0,
+			composed: !0,
+			detail: e
+		})), m(C, this, !1), f(w, this, st).call(this), f(w, this, ft).call(this), this.dispatchEvent(new CustomEvent(_.SET_ABR_MODE, {
+			bubbles: !0,
+			composed: !0,
+			detail: !1
+		}));
+	}), f(w, this, st).call(this);
+}
+function at() {
+	var e;
+	let t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("#size-cap-toggle");
+	t == null || t.addEventListener("click", () => {
+		let e = !p(Xe, this);
+		m(Xe, this, e), f(w, this, ct).call(this), this.dispatchEvent(new CustomEvent(_.SET_SIZE_BASED_RESOLUTION_CAP_MODE, {
+			bubbles: !0,
+			composed: !0,
+			detail: e
+		}));
+	}), f(w, this, ct).call(this);
+}
+function ot() {
+	let e = [...p(Je, 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;
+	});
+	return e.find((e) => {
+		var t;
+		return ((t = e.video) == null ? void 0 : t.bitRate) && e.video.bitRate <= p(Ye, this);
+	}) || e[e.length - 1] || null;
+}
+function st() {
+	var e, t, n;
+	let r = (e = this.shadowRoot) == null ? void 0 : e.querySelector("[data-mode=\"auto\"]"), i = (t = this.shadowRoot) == null ? void 0 : t.querySelector("[data-mode=\"fixed\"]"), a = (n = this.shadowRoot) == null ? void 0 : n.querySelector("#quality-status-text");
+	r && i && (r.setAttribute("data-active", String(p(C, this))), i.setAttribute("data-active", String(!p(C, this)))), a && (a.textContent = p(C, this) ? "Select maximum allowed quality" : "Select specific quality (may cause buffering)"), f(w, this, ct).call(this);
+}
+function ct() {
+	var e;
+	let t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("#size-cap-toggle");
+	t && (t.textContent = p(Xe, this) ? "On" : "Off", t.setAttribute("aria-pressed", String(p(Xe, this))), t.setAttribute("data-active", String(p(Xe, this))), t.disabled = !p(C, this), t.title = p(C, this) ? "Toggle size-based resolution cap" : "Only available in Auto (ABR) mode");
+}
+function lt() {
+	var e;
+	(e = p(nt, this)) == null || e.disconnect(), m(nt, this, new IntersectionObserver((e) => {
+		e.forEach((e) => {
+			if (e.intersectionRatio === 1) {
+				this.style.height = "auto";
+				return;
+			} else if (e.intersectionRatio > 0) {
+				let t = e.intersectionRect.height, n = Math.max(0, t - 24);
+				this.style.height = `${n}px`;
+			} else this.style.height = "auto";
+		});
+	}, {
+		root: p(et, this),
+		threshold: 0
+	})), p(nt, this).observe(this);
+}
+function ut() {
+	var e;
+	let t = (e = this.shadowRoot) == null ? void 0 : e.querySelector(".menu");
+	t && (m($e, this, []), t.innerHTML = "", p(Je, 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, l, te;
+		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 ne = document.createElement("div");
+		ne.className = "menu-item-info";
+		let re = document.createElement("span");
+		re.className = "menu-item-title", re.textContent = e.video ? Te(e.video) : "";
+		let ie = document.createElement("span");
+		ie.classList.add("menu-item-subtitle");
+		let ae = f(w, this, dt).call(this, (r = e.video) == null ? void 0 : r.frameRate);
+		ie.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))}, ${ae}fps`, ne.appendChild(re), ne.appendChild(ie), u.appendChild(ne);
+		let oe = document.createElement("span");
+		oe.className = "current-label", oe.textContent = "Current", u.appendChild(oe), u.addEventListener("click", () => f(w, this, mt).call(this, e)), p($e, this).push({
+			el: u,
+			id: (c = (ee = e.video) == null ? void 0 : ee.id) == null ? -1 : c,
+			bitrate: (l = (te = e.video) == null ? void 0 : te.bitRate) == null ? 0 : l
+		}), t.appendChild(u);
+	}), f(w, this, ft).call(this));
+}
+function dt(e) {
+	return e ? e[0] % e[1] === 0 ? (e[0] / e[1]).toString() : (e[0] / e[1]).toFixed(2) : "";
+}
+function ft() {
+	var e;
+	let t = (e = p(Ze, this)) == null || (e = e.video) == null ? void 0 : e.id, n = f(w, this, pt).call(this), r = n == null ? void 0 : n.id;
+	m(Qe, this, null), p($e, this).forEach((e) => {
+		let n = e.id, i = e.bitrate;
+		e.el.setAttribute("data-playing", String(n === t));
+		let a = n === r;
+		if (e.el.setAttribute("data-selected", String(a)), a ? (e.el.setAttribute("aria-selected", "true"), e.el.tabIndex = 0, m(Qe, this, e.el)) : (e.el.removeAttribute("aria-selected"), e.el.tabIndex = -1), p(C, this)) {
+			let t = i > p(Ye, this);
+			e.el.setAttribute("data-capped", String(t));
+		} else e.el.removeAttribute("data-capped");
+	});
+}
+function pt() {
+	let e = [...p($e, this)].sort((e, t) => t.bitrate - e.bitrate);
+	return e.find((e) => e.bitrate <= p(Ye, this)) || e[e.length - 1];
+}
+function mt(e) {
+	this.dispatchEvent(new Event("change", {
+		bubbles: !0,
+		composed: !0
+	})), this.dispatchEvent(new CustomEvent(_.SET_RENDITION, {
+		bubbles: !0,
+		composed: !0,
+		detail: e
+	}));
+}
+function ht(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(tt, this)) == null || a.hide();
+	} else if (t === "Enter" || t === " ") {
+		var o;
+		(o = f(w, this, _t).call(this)) == null || (o = o.el) == null || o.click();
+	} else f(w, this, gt).call(this, e);
+}
+function gt(e) {
+	var t;
+	let { key: n } = e, r = p($e, this), i = (t = f(w, this, _t).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(w, this, vt).call(this, s.id), s.el.focus());
+}
+function _t() {
+	return p($e, this).find((e) => e.el.tabIndex === 0);
+}
+function vt(e) {
+	for (let t of p($e, this)) t.el.tabIndex = t.id === e ? 0 : -1;
+}
+e(rt, "observedAttributes", [
+	g.RENDITION_LEVELS,
+	g.MAX_VIDEO_BITRATE,
+	g.ABR_ENABLED,
+	g.RENDITION_LEVEL,
+	g.SIZE_BASED_RESOLUTION_CAP_ENABLED
+]);
+//#endregion
+//#region ../../libs/player-next/src/components/AirPlayButton.ts
+var yt, bt = document.createElement("template"), xt = "\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=\"M18 18a3 3 0 0 0 3 -3v-8a3 3 0 0 0 -3 -3h-12a3 3 0 0 0 -3 3v8a3 3 0 0 0 3 3\" /><path d=\"M9 20h6l-3 -5z\" /></svg>\n";
+bt.innerHTML = `
+  <style>
+    :host {
+      display: var(--airplay-button-display);
+    }
+
+    :host(:not([${g.AIRPLAY_AVAILABLE}])) {
+      display: none !important;
+    }
+
+    :host([${g.IS_AIRPLAYING}]) slot[name="exit"] {
+      display: none !important;
+    }
+
+    :host(:not([${g.IS_AIRPLAYING}])) slot[name="enter"] {
+      display: none !important;
+    }
+  </style>
+
+  <slot name="icon">
+    <slot name="enter">${xt}</slot>
+    <slot name="exit">${xt}</slot>
+  </slot>
+`;
+var St = /* @__PURE__ */ new WeakSet(), Ct = class extends x {
+	constructor() {
+		var e;
+		super(), h(this, St), (e = this.shadowRoot) == null || e.appendChild(bt.content.cloneNode(!0));
+	}
+	connectedCallback() {
+		super.connectedCallback(), f(St, this, wt).call(this);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+	}
+	attributeChangedCallback(e, t, n) {
+		super.attributeChangedCallback(e, t, n), e === g.IS_AIRPLAYING && f(St, this, wt).call(this);
+	}
+	set isAirPlaying(e) {
+		e ? this.setAttribute(g.IS_AIRPLAYING, "") : this.removeAttribute(g.IS_AIRPLAYING);
+	}
+	get isAirPlaying() {
+		return this.hasAttribute(g.IS_AIRPLAYING);
+	}
+	handleClick(e) {
+		this.dispatchEvent(new CustomEvent(_.REQUEST_AIRPLAY, {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+};
+yt = Ct;
+function wt() {
+	this.setAttribute("aria-label", this.isAirPlaying ? "Exit airplay" : "Enter airplay");
+}
+e(Ct, "observedAttributes", [
+	...y(yt, "observedAttributes", yt),
+	g.AIRPLAY_AVAILABLE,
+	g.IS_AIRPLAYING
+]);
+//#endregion
+//#region ../../libs/player-next/src/components/BufferingIcon.ts
+var Tt = document.createElement("template");
+Tt.innerHTML = `
+  <style>
+    :host {
+      color: var(--fg-strong);
+    }
+
+    slot > svg {
+      display: block;
+    }
+
+    :host(:not([${g.BUFFERING}])) {
+      visibility: hidden !important;
+    }
+  </style>
+
+  <slot name="icon">
+<svg width="24" height="24" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    .spinner-container {
+      transform-origin: center;
+      animation: rotate 2s linear infinite;
+    }
+    .spinner-circle {
+      stroke-linecap: round;
+      animation: dash 1.5s ease-in-out infinite;
+    }
+    @keyframes rotate {
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+    @keyframes dash {
+      0% {
+        stroke-dasharray: 0 150;
+        stroke-dashoffset: 0;
+      }
+      47.5% {
+        stroke-dasharray: 42 150;
+        stroke-dashoffset: -16;
+      }
+      95%, 100% {
+        stroke-dasharray: 42 150;
+        stroke-dashoffset: -59;
+      }
+    }
+  </style>
+  <g class="spinner-container">
+    <circle class="spinner-circle" cx="12" cy="12" r="9.5" fill="none" stroke-width="3"></circle>
+  </g>
+</svg>
+</slot>
+`;
+var Et = /* @__PURE__ */ new WeakMap(), Dt = class extends HTMLElement {
+	constructor() {
+		super(), d(this, Et, null), this.attachShadow({ mode: "open" }).appendChild(Tt.content.cloneNode(!0));
+	}
+	connectedCallback() {
+		var e;
+		m(Et, this, this.closest("vindral-controller")), (e = p(Et, this)) == null || e.connectListener(this);
+	}
+	disconnectedCallback() {
+		var e;
+		(e = p(Et, this)) == null || e.disconnectListener(this);
+	}
+};
+e(Dt, "observedAttributes", [g.BUFFERING]);
+//#endregion
+//#region ../../libs/player-next/src/components/BufferingOverlay.ts
+var Ot = document.createElement("template");
+Ot.innerHTML = `
+  <style>
+    :host {
+      display: var(--buffering-overlay-display);
+      align-items: center;
+      justify-content: center;
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      background-color: rgba(0, 0, 0, 0.3);
+      transition: opacity 250ms;
+      transition-delay: 1s;
+      opacity: 1;
+      pointer-events: none;
+      z-index: 1;
+    }
+
+    #buffering-indicator {
+      width: 40px;
+      height: 40px;
+      border-radius: 40px;
+      background-color: var(--fg-strong);
+      animation: scaleout 1s infinite ease-in-out;
+    }
+
+    @-webkit-keyframes scaleout {
+      0% {
+        -webkit-transform: scale(0);
+      }
+      100% {
+        -webkit-transform: scale(1);
+        opacity: 0;
+      }
+    }
+
+    @keyframes scaleout {
+      0% {
+        -webkit-transform: scale(0);
+        transform: scale(0);
+      }
+      100% {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+        opacity: 0;
+      }
+    }
+
+    :host(:not([${g.BUFFERING}])) {
+      transition-delay: 0s;
+      opacity: 0 !important;
+    }
+  </style>
+
+  <div id="buffering-indicator"></div>
+`;
+var kt = /* @__PURE__ */ new WeakMap(), At = class extends HTMLElement {
+	constructor() {
+		super(), d(this, kt, null), this.attachShadow({ mode: "open" }).appendChild(Ot.content.cloneNode(!0));
+	}
+	connectedCallback() {
+		var e;
+		m(kt, this, this.closest("vindral-controller")), (e = p(kt, this)) == null || e.connectListener(this);
+	}
+	disconnectedCallback() {
+		var e;
+		(e = p(kt, this)) == null || e.disconnectListener(this);
+	}
+};
+e(At, "observedAttributes", [g.BUFFERING]);
+//#endregion
+//#region ../../libs/player-next/src/components/CastButton.ts
+var jt, Mt = document.createElement("template");
+Mt.innerHTML = `
+  <style>
+    :host {
+      display: var(--cast-button-display);
+    }
+
+    google-cast-launcher {
+      display: block;
+      width: var(--button-icon-size);
+      height: var(--button-icon-size);
+      cursor: pointer;
+      --connected-color: var(--fg-strong);
+      --disconnected-color: var(--fg-strong);
+    }
+
+    :host(:active) google-cast-launcher {
+      transform: scale(0.9);
+    }
+
+    :host(:not([${g.CAST_AVAILABLE}])) {
+      display: none !important;
+    }
+  </style>
+`;
+var Nt = /* @__PURE__ */ new WeakSet(), Pt = class extends x {
+	constructor() {
+		var e;
+		super(), h(this, Nt), (e = this.shadowRoot) == null || e.appendChild(Mt.content.cloneNode(!0));
+	}
+	connectedCallback() {
+		super.connectedCallback(), f(Nt, this, Ft).call(this);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+	}
+	attributeChangedCallback(e, t, n) {
+		super.attributeChangedCallback(e, t, n), e === g.CAST_AVAILABLE && f(Nt, this, It).call(this), e === g.IS_CASTING && f(Nt, this, Ft).call(this);
+	}
+	set isCasting(e) {
+		e ? this.setAttribute(g.IS_CASTING, "") : this.removeAttribute(g.IS_CASTING);
+	}
+	get isCasting() {
+		return this.hasAttribute(g.IS_CASTING);
+	}
+	handleClick(e) {}
+};
+jt = Pt;
+function Ft() {
+	this.setAttribute("aria-label", this.isCasting ? "Exit cast" : "Enter cast");
+}
+function It() {
+	var e;
+	if (!((e = this.shadowRoot) != null && e.querySelector("google-cast-launcher"))) {
+		var t;
+		let e = document.createElement("google-cast-launcher");
+		(t = this.shadowRoot) == null || t.appendChild(e);
+	}
+}
+e(Pt, "observedAttributes", [
+	...y(jt, "observedAttributes", jt),
+	g.CAST_AVAILABLE,
+	g.IS_CASTING
+]);
+//#endregion
+//#region ../../libs/player-next/src/components/CastOverlay.ts
+var Lt = document.createElement("template");
+Lt.innerHTML = `
+  <style>
+    :host {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      font-size: 20px;
+      text-align: center;
+      padding: 5% 0;
+      box-shadow: 0px 0px 20px black;
+      background: rgba(0, 0, 0, 0.5);
+      color: white;
+      pointer-events: none;
+      z-index: 1;
+      transition: opacity 0.3s ease-in-out;
+    }
+
+    @media only screen and (max-width: 600px) {
+      :host {
+        font-size: 14px;
+      }
+    }
+
+    :host(:not([${g.IS_CASTING}])) {
+      display: none;
+    }
+
+    #text {
+      margin: 0;
+      padding: 0;
+    }
+  </style>
+  <span id="text"></span>
+`;
+var Rt = /* @__PURE__ */ new WeakMap(), zt = /* @__PURE__ */ new WeakMap(), Bt = class extends HTMLElement {
+	constructor() {
+		super(), d(this, Rt, null), d(this, zt, null), this.attachShadow({ mode: "open" }).appendChild(Lt.content.cloneNode(!0));
+	}
+	connectedCallback() {
+		var e, t;
+		m(Rt, this, this.closest("vindral-controller")), (e = p(Rt, this)) == null || e.connectListener(this), m(zt, this, (t = this.shadowRoot) == null ? void 0 : t.querySelector("#text"));
+	}
+	disconnectedCallback() {
+		var e;
+		(e = p(Rt, this)) == null || e.disconnectListener(this);
+	}
+	attributeChangedCallback(e, t, n) {
+		t === n || !p(zt, this) || e === "cast-receiver-name" && typeof n == "string" && (p(zt, this).innerText = `Casting to ${n || "device"}`);
+	}
+};
+e(Bt, "observedAttributes", [g.IS_CASTING, g.CAST_RECEIVER_NAME]);
+//#endregion
+//#region ../../libs/player-next/src/utils/elementUtils.ts
+function Vt(e = document) {
+	let t = e == null ? void 0 : e.activeElement;
+	if (!t) return null;
+	if (t.shadowRoot) {
+		let e = Vt(t.shadowRoot);
+		return e == null ? t : e;
+	}
+	return t;
+}
+//#endregion
+//#region ../../libs/player-next/src/components/ChannelGridItem.ts
+var Ht = document.createElement("template");
+Ht.innerHTML = "\n  <style>\n    :host {\n      position: relative;\n      aspect-ratio: 16 / 9;\n      object-fit: cover;\n      cursor: pointer;\n      border-radius: 6px;\n      box-sizing: border-box;\n\n      background-size: cover;\n      background-position: center;\n\n      transition-property: background-image;\n      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n      transition-duration: 200ms;\n\n      background-color: rgba(0, 0, 0, 0.5);\n      background-blend-mode: multiply;\n      -webkit-tap-highlight-color: transparent;\n    }\n\n    :host([aria-selected=\"true\"]) {\n      box-shadow: inset 0 0 0 2px var(--fg-strong);\n      background-color: rgba(0, 0, 0, 0);\n    }\n\n    :host(:focus),\n    :host(:focus-visible) {\n      outline: none;\n    }\n\n    :host([offline]) {\n      display: var(--grid-item-offline-display);\n      background-image: repeating-linear-gradient(-45deg, #3d3d3d 0, #3d3d3d 4px, #1c2024 4px, #1c2024 8px) !important;\n      pointer-events: none;\n    }\n\n    :host::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: rgba(255, 255, 255, 0);\n      transition: background 0.2s ease;\n    }\n\n    :host(:hover)::before {\n      background: rgba(255, 255, 255, 0.1);\n    }\n\n    .channel-title {\n      position: absolute;\n      bottom: var(--padding-2);\n      left: var(--padding-2);\n      padding: var(--padding-1) var(--padding-2);\n      color: white;\n      font-size: 15px;\n      font-weight: 500;\n      text-overflow: ellipsis;\n      border-radius: 4px;\n\n      @container (max-width: 480px) {\n        font-size: 13px;\n      }\n    }\n  </style>\n  <slot></slot>\n";
+var Ut = /* @__PURE__ */ new WeakMap(), Wt = class extends HTMLElement {
+	constructor() {
+		super(), d(this, Ut, void 0), e(this, "lastThumbnailUpdate", void 0);
+		let t = this.attachShadow({ mode: "open" });
+		m(Ut, this, document.createElement("span")), p(Ut, this).className = "channel-title", t.appendChild(p(Ut, this)), t.appendChild(Ht.content.cloneNode(!0));
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) switch (e) {
+			case "url":
+				this.updateThumbnail();
+				break;
+			case "title":
+				p(Ut, this).textContent = n;
+				break;
+		}
+	}
+	updateThumbnail() {
+		let e = this.getAttribute("url"), t = this.hasAttribute("offline"), n = this.hasAttribute("visible");
+		if (t || !e || !n || this.lastThumbnailUpdate && Date.now() - this.lastThumbnailUpdate < 1e4) return;
+		let r = new URL(e), i = new Image(), a = this.getAttribute("authentication-token");
+		a && r.searchParams.set("auth.token", a), r.searchParams.set("t", Date.now().toString()), i.src = r.toString(), i.onload = () => this.style.backgroundImage = `url(${r.toString()})`;
+	}
+};
+e(Wt, "observedAttributes", [
+	"url",
+	"title",
+	"offline",
+	"authentication-token",
+	"visible"
+]);
+//#endregion
+//#region ../../libs/player-next/src/components/ChannelGrid.ts
+var Gt = document.createElement("template");
+Gt.innerHTML = "\n  <style>\n    :host {\n      cursor: default;\n      display: flex;\n      flex-direction: column;\n      box-sizing: border-box;\n      border-radius: 4px;\n      background-color: var(--bg-subtle);\n      padding: var(--padding-2);\n\n      position: absolute;\n      bottom: 0;\n      right: 0;\n\n      z-index: 5;\n      width: 100%;\n      max-height: 75%;\n\n      @container (width < 768px) {\n        padding: var(--padding-1);\n      }\n    }\n\n    :host([hidden]) {\n      display: none;\n    }\n\n    .wrapper {\n      overflow: auto;\n      -ms-overflow-style: none;\n      scrollbar-width: none;\n      height: 100%;\n    }\n\n    .wrapper::-webkit-scrollbar {\n      display: none;\n    }\n\n    slot#grid {\n      display: grid;\n      gap: var(--padding-2);\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n\n      @container (width < 768px) {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: var(--padding-1);\n      }\n      @container (width < 1024px) and (width >= 768px) {\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n      }\n      @container (width >= 1024px) {\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n      }\n    }\n\n    /* Smart TV */\n    @media (width < 1024px) and (width >= 768px) and (-webkit-min-device-pixel-ratio: 2) {\n      slot#grid {\n        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n      }\n    }\n\n    :host([mode=\"list\"]) slot#grid {\n      grid-template-columns: repeat(1, minmax(0, 1fr));\n    }\n  </style>\n\n  <div class=\"wrapper\">\n    <slot name=\"grid\" id=\"grid\"></slot>\n  </div>\n";
+var Kt = /* @__PURE__ */ new WeakMap(), qt = /* @__PURE__ */ new WeakMap(), Jt = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap(), Yt = /* @__PURE__ */ new WeakMap(), Xt = /* @__PURE__ */ new WeakMap(), Zt = /* @__PURE__ */ new WeakMap(), Qt = /* @__PURE__ */ new WeakMap(), $t = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakSet(), en = class extends HTMLElement {
+	constructor() {
+		super(), h(this, D), d(this, Kt, null), d(this, qt, null), d(this, Jt, []), d(this, T, []), d(this, E, void 0), d(this, Yt, void 0), d(this, Xt, void 0), d(this, Zt, void 0), d(this, Qt, void 0), d(this, $t, void 0), e(this, "handleEvent", (e) => {
+			switch (e.type) {
+				case "keydown":
+					f(D, this, mn).call(this, e);
+					break;
+			}
+		}), this.attachShadow({ mode: "open" }).appendChild(Gt.content.cloneNode(!0));
+	}
+	connectedCallback() {
+		var e, t, n;
+		m(qt, this, this.closest("vindral-controller")), (e = p(qt, this)) == null || e.connectListener(this), f(D, this, tn).call(this), (t = p(Kt, this)) == null || t.observe((n = this.shadowRoot) == null ? void 0 : n.querySelector(".wrapper")), f(D, this, cn).call(this), m(Xt, this, window.setInterval(() => {
+			f(D, this, fn).call(this);
+		}, 1e4));
+	}
+	disconnectedCallback() {
+		var e, t;
+		clearInterval(p(Xt, this)), f(D, this, bn).call(this), this.removeEventListener("keydown", this), (e = p(Kt, this)) == null || e.disconnect(), (t = p(qt, this)) == null || t.disconnectListener(this);
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) switch (e) {
+			case g.CHANNEL_ID:
+				f(D, this, dn).call(this, n);
+				break;
+			case g.CHANNELS:
+				m(Jt, this, JSON.parse(n)), f(D, this, cn).call(this);
+				break;
+			case "authentication-token":
+				m(Yt, this, n);
+				break;
+		}
+	}
+	get keysUsed() {
+		return [
+			"Enter",
+			"Escape",
+			"Tab",
+			" ",
+			"ArrowDown",
+			"ArrowUp",
+			"ArrowLeft",
+			"ArrowRight",
+			"Home",
+			"End"
+		];
+	}
+	focus() {
+		var e;
+		let t = Vt();
+		t && t !== this && !this.contains(t) && m(Zt, this, t), (e = p(E, this)) == null || e.focus();
+	}
+};
+function tn() {
+	m(Kt, this, new IntersectionObserver((e) => {
+		e.forEach((e) => {
+			let { target: t, isIntersecting: n } = e;
+			t instanceof Wt ? f(D, this, sn).call(this, t, n) : f(D, this, nn).call(this, n);
+		});
+	}, { root: p(qt, this) }));
+}
+function nn(e) {
+	e ? f(D, this, rn).call(this) : f(D, this, an).call(this);
+}
+function rn() {
+	this.dispatchEvent(new CustomEvent(_.CHANNEL_GRID_OPENED, {
+		bubbles: !0,
+		composed: !0
+	})), f(D, this, on).call(this), this.addEventListener("keydown", this), p(E, this) && (p(E, this).tabIndex = 0);
+}
+function an() {
+	f(D, this, bn).call(this), p(E, this) && (p(E, this).tabIndex = -1), this.dispatchEvent(new CustomEvent(_.CHANNEL_GRID_CLOSED, {
+		bubbles: !0,
+		composed: !0
+	})), f(D, this, _n).call(this), this.removeEventListener("keydown", this);
+}
+function on() {
+	var e;
+	f(D, this, bn).call(this), m($t, this, () => {
+		clearTimeout(p(Qt, this)), m(Qt, this, window.setTimeout(() => {
+			f(D, this, yn).call(this) && this.focus(), f(D, this, bn).call(this);
+		}, 100));
+	}), (e = this.parentElement) == null || e.addEventListener("scroll", p($t, this));
+}
+function sn(e, t) {
+	t ? (e.setAttribute("visible", ""), (!e.lastThumbnailUpdate || Date.now() - e.lastThumbnailUpdate >= 1e4) && (e.updateThumbnail(), e.lastThumbnailUpdate = Date.now())) : e.removeAttribute("visible");
+}
+function cn() {
+	var e;
+	let t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("slot[name=grid]"), n = new Map(p(T, this).map((e) => [e.id, e])), r = this.getAttribute("channel-id");
+	m(T, this, p(Jt, this).map((e) => {
+		var i;
+		let a = n.get(e.channelId);
+		if (a) return f(D, this, ln).call(this, a.element, e), a;
+		let o = f(D, this, un).call(this, e, r);
+		return (i = p(Kt, this)) == null || i.observe(o.element), t.contains(o.element) || t.appendChild(o.element), o;
+	})), n.forEach((e, t) => {
+		if (!p(Jt, this).some((e) => e.channelId === t)) {
+			var n;
+			(n = p(Kt, this)) == null || n.unobserve(e.element), e.element.remove();
+		}
+	}), p(T, this).sort((e, t) => e.element.hasAttribute("offline") && !t.element.hasAttribute("offline") ? 1 : -1).forEach((e) => {
+		t.contains(e.element) || t.appendChild(e.element);
+	});
+}
+function ln(e, t) {
+	t.isLive ? e.removeAttribute("offline") : e.setAttribute("offline", ""), e.setAttribute("url", t.thumbnailUrls[0] || ""), e.setAttribute("title", t.name);
+}
+function un(e, t) {
+	let n = document.createElement("vindral-channel-grid-item");
+	return n.setAttribute("url", e.thumbnailUrls[0] || ""), n.setAttribute("title", e.name), p(Yt, this) && n.setAttribute("authentication-token", p(Yt, this)), e.isLive || n.setAttribute("offline", ""), e.channelId === t && (n.setAttribute("aria-selected", "true"), m(E, this, n)), n.tabIndex = -1, n.onclick = () => f(D, this, pn).call(this, e), {
+		element: n,
+		thumbnail: e.thumbnailUrls[0] || "",
+		id: e.channelId
+	};
+}
+function dn(e) {
+	p(T, this).forEach((t) => {
+		t.id === e ? (t.element.setAttribute("aria-selected", "true"), t.element.tabIndex = 0, m(E, this, t.element)) : (t.element.tabIndex = -1, t.element.setAttribute("aria-selected", "false"));
+	});
+}
+function fn() {
+	this.hasAttribute("hidden") || p(T, this).forEach((e) => e.element.updateThumbnail());
+}
+function pn(e) {
+	var t;
+	f(D, this, xn).call(this), (t = p(qt, this)) == null || t.setAttribute("channel-id", e.channelId);
+}
+function mn(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") f(D, this, xn).call(this);
+	else if (t === "Enter" || t === " ") {
+		var a;
+		(a = p(E, this)) == null || a.click();
+	} else f(D, this, hn).call(this, e);
+}
+function hn(e) {
+	if (!p(E, this)) return;
+	let { key: t } = e, n = p(T, this).findIndex((e) => e.element === p(E, this)), r = p(E, this).getBoundingClientRect();
+	switch (t) {
+		case "ArrowUp":
+			if (n = f(D, this, gn).call(this, r, -1, 0), n < 0) {
+				f(D, this, xn).call(this);
+				return;
+			}
+			break;
+		case "ArrowDown":
+			n = f(D, this, gn).call(this, r, 1, 0);
+			break;
+		case "ArrowLeft":
+			n = f(D, this, gn).call(this, r, 0, -1);
+			break;
+		case "ArrowRight":
+			n = f(D, this, gn).call(this, r, 0, 1);
+			break;
+		case "Home":
+			n = 0;
+			break;
+		case "End":
+			n = p(T, this).length - 1;
+			break;
+	}
+	if (n >= 0 && n < p(T, this).length) {
+		let e = p(T, this)[n];
+		if (!e) return;
+		p(E, this).setAttribute("aria-selected", "false"), p(E, this).tabIndex = -1, m(E, this, e.element), p(E, this).setAttribute("aria-selected", "true"), p(E, this).tabIndex = 0, p(E, this).focus();
+	}
+}
+function gn(e, t, n) {
+	let r = -1, i = Infinity;
+	return p(T, this).filter((e) => e.element.getBoundingClientRect().width > 0).forEach((a, o) => {
+		let s = a.element.getBoundingClientRect(), c = t === 0 || t < 0 && s.top < e.top || t > 0 && s.top > e.top, ee = n === 0 || n < 0 && s.left < e.left || n > 0 && s.left > e.left;
+		if (c && ee) {
+			let t = Math.sqrt((s.top - e.top) ** 2 + (s.left - e.left) ** 2);
+			t < i && (i = t, r = o);
+		}
+	}), r;
+}
+function _n() {
+	var e, t;
+	if ((e = p(Zt, this)) != null && e.isConnected) {
+		p(Zt, this).focus({ preventScroll: !0 });
+		return;
+	}
+	(t = p(qt, this)) == null || t.focus({ preventScroll: !0 });
+}
+function vn(e) {
+	return (e == null ? void 0 : e.localName) === "vindral-scroll-overlay";
+}
+function yn() {
+	let e = this.parentElement;
+	return e ? f(D, this, vn).call(this, e) ? e.hasAttribute("open") : !this.hasAttribute("hidden") : !1;
+}
+function bn() {
+	if (p(Qt, this) && (clearTimeout(p(Qt, this)), m(Qt, this, void 0)), p($t, this)) {
+		var e;
+		(e = this.parentElement) == null || e.removeEventListener("scroll", p($t, this)), m($t, this, void 0);
+	}
+}
+function xn() {
+	let e = this.parentElement;
+	if (f(D, this, vn).call(this, e)) {
+		e.open = !1;
+		return;
+	}
+	e == null || e.removeAttribute("open");
+}
+e(en, "observedAttributes", [
+	g.CHANNELS,
+	g.CHANNEL_ID,
+	g.AUTHENTICATION_TOKEN,
+	"mode",
+	"hidden"
+]);
+//#endregion
+//#region ../../libs/player-next/src/components/ChannelGridButton.ts
+var Sn, Cn = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-tabler icon-tabler-layout-grid\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M4 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z\" />\n  <path d=\"M14 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z\" />\n  <path d=\"M4 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z\" />\n  <path d=\"M14 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z\" />\n</svg>\n", wn = document.createElement("template");
+wn.innerHTML = `
+  <style>
+    :host {
+      display: var(--grid-button-display);
+      cursor: pointer;
+      flex-shrink: 0.5;
+      color: var(--fg-strong);
+    }
+
+    :host([hidden]) {
+      display: none;
+    }
+  </style>
+  <slot name="button">${Cn}</slot>
+`;
+var Tn = /* @__PURE__ */ new WeakMap(), O = /* @__PURE__ */ new WeakMap(), En = /* @__PURE__ */ new WeakMap(), Dn = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakSet(), On = class extends x {
+	constructor() {
+		var e, t;
+		super(), h(this, k), d(this, Tn, void 0), d(this, O, void 0), d(this, En, void 0), d(this, Dn, (e) => {
+			e.composedPath().includes(this) || f(k, this, jn).call(this);
+		}), (e = this.shadowRoot) == null || e.appendChild(wn.content.cloneNode(!0)), m(Tn, this, (t = this.shadowRoot) == null ? void 0 : t.querySelector("slot[name=button]"));
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.setAttribute("aria-haspopup", "listbox"), this.enable(), f(k, this, Mn).call(this);
+		let e = this.getRootNode();
+		if (e instanceof Document || e instanceof ShadowRoot) {
+			var t;
+			m(O, this, e.querySelector("vindral-channel-grid")), ((t = p(O, this).parentElement) == null ? void 0 : t.localName) === "vindral-scroll-overlay" && (p(O, this).hidden = !1, p(O, this).style.position = "relative", m(En, this, p(O, this).parentElement));
+		}
+		f(k, this, Nn).call(this);
+	}
+	disconnectedCallback() {}
+	attributeChangedCallback(e, t, n) {
+		super.attributeChangedCallback(e, t, n), (e === g.CHANNEL_GROUP_ID || e === g.CHANNELS) && f(k, this, Mn).call(this);
+	}
+	enable() {
+		super.enable(), document.addEventListener("click", p(Dn, this));
+	}
+	handleClick(e) {
+		f(k, this, kn).call(this);
+	}
+	get isOpen() {
+		var e;
+		return p(En, this) ? p(En, this).hasAttribute("open") : !((e = p(O, this)) != null && e.hidden);
+	}
+};
+Sn = On;
+function kn() {
+	if (p(En, this)) p(En, this).hasAttribute("open") ? f(k, this, jn).call(this) : f(k, this, An).call(this);
+	else {
+		var e;
+		(e = p(O, this)) != null && e.hidden ? f(k, this, An).call(this) : f(k, this, jn).call(this);
+	}
+	f(k, this, Nn).call(this);
+}
+function An() {
+	if (p(En, this)) p(En, this).setAttribute("open", "");
+	else {
+		var e;
+		if (!((e = p(O, this)) != null && e.hidden)) return;
+		p(O, this).hidden = !1, p(O, this).focus();
+	}
+	p(Tn, this).setAttribute("aria-expanded", "true");
+}
+function jn() {
+	if (p(En, this)) p(En, this).open = !1;
+	else {
+		if (!p(O, this) || p(O, this).hidden) return;
+		p(O, this).hidden = !0;
+	}
+	p(Tn, this).setAttribute("aria-expanded", "false");
+}
+function Mn() {
+	this.getAttribute(g.CHANNEL_GROUP_ID) ? this.removeAttribute("hidden") : this.setAttribute("hidden", ""), this.hasAttribute(g.CHANNELS) ? this.removeAttribute("disabled") : this.setAttribute("disabled", "");
+}
+function Nn() {
+	this.setAttribute("aria-label", this.isOpen ? "Exit grid" : "Enter grid");
+}
+e(On, "observedAttributes", [
+	...y(Sn, "observedAttributes", Sn),
+	g.CHANNEL_GROUP_ID,
+	g.CHANNELS,
+	"hidden"
+]);
+//#endregion
+//#region ../../libs/player-next/src/components/ControlBar.ts
+var Pn = document.createElement("template");
+Pn.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 Fn = class extends HTMLElement {
+	constructor() {
+		super(), this.attachShadow({ mode: "open" }).appendChild(Pn.content.cloneNode(!0));
+	}
+	connectedCallback() {}
+	disconnectedCallback() {}
+};
+e(Fn, "observedAttributes", []);
+//#endregion
+//#region ../../libs/airplay-sender/src/AirPlaySender.ts
+var In = class extends fe {
+	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);
+		}), e(this, "unload", () => {
+			this.element && (this.element.removeEventListener("webkitplaybacktargetavailabilitychanged", this.onAirPlayAvailable), this.element.removeEventListener("webkitcurrentplaybacktargetiswirelesschanged", this.onAirPlayPlaybackChanged), this.element.remove());
+		}), e(this, "onAirPlayAvailable", (e) => {
+			switch (e.availability) {
+				case "available":
+					this.castingAvailable = !0, this.element.src !== this.hlsUrl && this.checkHlsUrl(this.hlsUrl).then((e) => {
+						e && (this.element.src = this.hlsUrl, this.emit("available"));
+					});
+					break;
+				case "not-available":
+					this.castingAvailable = !1;
+					break;
+				default: break;
+			}
+		}), e(this, "onAirPlayPlaybackChanged", () => {
+			window.clearTimeout(this.connectingTimeout), this.element.webkitCurrentPlaybackTargetIsWireless ? (this.emit("connected"), this.element.style.display = "block", this.element.paused && this.element.play()) : (this.emit("disconnected"), this.element.pause(), this.element.src = "", this.element.src = this.hlsUrl, this.element.style.display = "none");
+		}), this.config = t, this.hlsUrl = this.getHlsUrl(), this.element = document.createElement("video"), this.element.style.position = "absolute", this.element.style.top = "0", this.element.style.bottom = "0", this.element.style.left = "0", this.element.style.right = "0", this.element.style.width = "100%", this.element.style.height = "100%", this.element.style.zIndex = "1001", this.element.style.display = "none", this.element.id = "vindral-airplay-element", this.element.slot = "overlay", this.element.playsInline = !0, this.element.controls = !0, this.element.preload = "metadata", this.element.addEventListener("webkitplaybacktargetavailabilitychanged", this.onAirPlayAvailable), this.element.addEventListener("webkitcurrentplaybacktargetiswirelesschanged", this.onAirPlayPlaybackChanged), this.config.container.appendChild(this.element);
+	}
+	get casting() {
+		return this.element.webkitCurrentPlaybackTargetIsWireless;
+	}
+	set channelId(e) {}
+	showPlaybackTargetPicker() {
+		"webkitShowPlaybackTargetPicker" in this.element && this.castingAvailable && (this.element.paused && (this.element.play().catch(le), this.connectingTimeout = window.setTimeout(() => {
+			this.casting || (this.element.pause(), this.element.src = "", this.element.src = this.hlsUrl);
+		}, 3e4)), this.element.webkitShowPlaybackTargetPicker());
+	}
+	static isAirPlaySupported() {
+		return !!window.WebKitPlaybackTargetAvailabilityEvent;
+	}
+	getHlsUrl() {
+		let e = new URL(`/api/hls?channelId=${this.config.channelId}`, this.config.url);
+		return this.config.authenticationToken && e.searchParams.set("authenticationToken", this.config.authenticationToken), e.toString();
+	}
+	checkHlsUrl(e) {
+		return t(function* () {
+			try {
+				return (yield fetch(e, { method: "HEAD" })).ok;
+			} catch (e) {
+				return !1;
+			}
+		})();
+	}
+}, Ln = class n extends fe {
+	constructor(r) {
+		var a;
+		super(), a = this, e(this, "container", void 0), e(this, "unload", () => {
+			document.removeEventListener("webkitfullscreenchange", this.onChange), document.removeEventListener("mozfullscreenchange", this.onChange), document.removeEventListener("fullscreenchange", this.onChange), this.container.removeEventListener("webkitendfullscreen", this.onChange);
+		}), e(this, "request", t(function* () {
+			try {
+				yield a.requestFn();
+			} catch (e) {
+				throw a.onChange(), e;
+			}
+		})), e(this, "exit", t(function* () {
+			try {
+				yield a.exitFn();
+			} catch (e) {
+				throw a.onChange(), e;
+			}
+		})), e(this, "onChange", () => this.emit("on fullscreen change", this.isFullscreen())), e(this, "isFullscreen", () => i()), e(this, "isSupported", () => n.isFullscreenApiSupported(this.container) || !this.isInIframe()), e(this, "isFullscreenApiSupported", () => n.isFullscreenApiSupported(this.container)), e(this, "isInIframe", () => window.location !== window.parent.location), this.container = r, document.addEventListener("webkitfullscreenchange", this.onChange), document.addEventListener("mozfullscreenchange", this.onChange), document.addEventListener("fullscreenchange", this.onChange), this.container.addEventListener("webkitendfullscreen", this.onChange);
+	}
+	get requestFn() {
+		var e;
+		return (e = r(this.container)) == null ? (() => Promise.resolve()) : e;
+	}
+	get exitFn() {
+		if (n.isFullscreenApiSupported(this.container) && this.isFullscreen()) {
+			var e;
+			return (e = ie(this.container)) == null ? (() => Promise.resolve()) : e;
+		}
+		return () => Promise.resolve();
+	}
+};
+e(Ln, "isFullscreenApiSupported", (e) => l(e));
+//#endregion
+//#region ../../libs/player-next/src/PictureInPicture.ts
+var Rn = /* @__PURE__ */ new WeakMap(), zn = /* @__PURE__ */ new WeakMap(), Bn = /* @__PURE__ */ new WeakMap(), Vn = /* @__PURE__ */ new WeakMap(), Hn = /* @__PURE__ */ new WeakMap(), Un = /* @__PURE__ */ new WeakMap(), Wn = /* @__PURE__ */ new WeakMap(), Gn = /* @__PURE__ */ new WeakMap(), Kn = /* @__PURE__ */ new WeakMap(), qn = class extends fe {
+	constructor(n) {
+		var r;
+		super(), r = this, e(this, "unload", () => {
+			this.element.removeEventListener("enterpictureinpicture", this.onChange), this.element.removeEventListener("leavepictureinpicture", this.onChange), o(this.element, !1);
+		}), e(this, "request", t(function* () {
+			try {
+				return yield p(Rn, r).call(r);
+			} catch (e) {
+				throw r.onChange(), e;
+			}
+		})), e(this, "exit", t(function* () {
+			try {
+				return yield p(zn, r).call(r);
+			} catch (e) {
+				throw r.onChange(), e;
+			}
+		})), e(this, "onChange", () => {
+			this.emit("on picture in picture change", this.isPictureInPictureActive());
+		}), e(this, "isPictureInPictureActive", () => p(Wn, this).call(this) || p(Un, this).call(this)), e(this, "isSupported", () => p(Kn, this).call(this) || p(Hn, this).call(this)), d(this, Rn, () => p(Hn, this).call(this) ? p(Bn, this).call(this) : p(Kn, this).call(this) ? p(Gn, this).call(this, "picture-in-picture") : Promise.resolve()), d(this, zn, () => this.isPictureInPictureActive() ? p(Hn, this).call(this) ? p(Vn, this).call(this) : p(Kn, this).call(this) ? p(Gn, this).call(this, "inline") : Promise.resolve() : Promise.resolve()), d(this, Bn, t(function* () {
+			let e = ne(r.element);
+			e && (yield e());
+		})), d(this, Vn, t(function* () {
+			let e = ee();
+			e && (yield e());
+		})), d(this, Hn, () => te(this.element)), d(this, Un, () => se()), d(this, Wn, () => ae(this.element) === "picture-in-picture"), d(this, Gn, (e) => (c(this.element) && re(this.element, e), Promise.resolve())), d(this, Kn, () => c(this.element)), this.element = n, this.element.addEventListener("enterpictureinpicture", this.onChange), this.element.addEventListener("leavepictureinpicture", this.onChange), o(this.element, !0);
+	}
+	get videoElement() {
+		return this.element;
+	}
+}, Jn = (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) => pe.includes(e)) : [];
+};
+//#endregion
+//#region ../../libs/player-next/src/utils/humanReadableTimeToSeconds.ts
+function Yn(e) {
+	if (typeof e != "string") return NaN;
+	let t = [...e.matchAll(/(\d+(?:\.\d+)?)([hms])/gi)];
+	return t.length === 0 ? NaN : t.reduce((e, t) => {
+		var n, r;
+		let i = parseFloat((n = t[1]) == null ? "0" : n);
+		switch (((r = t[2]) == null ? "" : r).toLowerCase()) {
+			case "h": return e + i * 3600;
+			case "m": return e + i * 60;
+			case "s": return e + i;
+			default: return e;
+		}
+	}, 0);
+}
+//#endregion
+//#region ../../libs/player-next/src/VolumeLevel.ts
+var Xn = class extends fe {
+	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);
+			this.emit("on decibel change", {
+				left: e,
+				right: t
+			}), this.animationFrameId = requestAnimationFrame(this.update);
+		}), this.source = t, t instanceof HTMLMediaElement) {
+			let e = new AudioContext();
+			this.mediaElementSource = e.createMediaElementSource(t), this.audioNode = e.createChannelSplitter(2), this.mediaElementSource.connect(this.audioNode), this.audioContext = e, this.mediaElementSource.connect(this.audioContext.destination);
+		} else this.audioNode = t, this.audioContext = this.audioNode.context;
+		this.leftAnalyser = this.audioNode.context.createAnalyser(), this.rightAnalyser = this.audioNode.context.createAnalyser(), this.audioNode.connect(this.leftAnalyser, 0), this.audioNode.connect(this.rightAnalyser, 1), this.canUseFloatTimeDomainData = typeof this.leftAnalyser.getFloatTimeDomainData == "function", this.leftAnalyser.fftSize = 1024, this.rightAnalyser.fftSize = 1024, this.bufferLength = this.leftAnalyser.fftSize, this.canUseFloatTimeDomainData ? this.floatSampleBuffer = new Float32Array(this.bufferLength) : this.byteSampleBuffer = new Uint8Array(this.bufferLength);
+	}
+	getDecibel(e, t) {
+		let n = 0;
+		if (t instanceof Float32Array) {
+			e.getFloatTimeDomainData(t);
+			for (let e = 0; e < t.length; e++) {
+				let r = t[e];
+				if (r) {
+					let e = r ** 2;
+					n = Math.max(e, n);
+				}
+			}
+		} else {
+			e.getByteTimeDomainData(t);
+			for (let e = 0; e < t.length; e++) {
+				let r = t[e];
+				if (r) {
+					let e = (r / 128 - 1) ** 2;
+					n = Math.max(e, n);
+				}
+			}
+		}
+		return 10 * Math.log10(n);
+	}
+	start() {
+		this.animationFrameId === null && (this.audioContext instanceof AudioContext && this.audioContext.state === "suspended" ? this.audioContext.resume().then(() => {
+			this.update();
+		}) : this.update());
+	}
+	stop() {
+		this.animationFrameId !== null && (cancelAnimationFrame(this.animationFrameId), this.animationFrameId = null);
+	}
+	unload() {
+		var e;
+		this.stop(), (e = this.mediaElementSource) == null || e.disconnect(), this.leftAnalyser.disconnect(), this.rightAnalyser.disconnect(), this.audioNode.disconnect();
+	}
+	get isMediaElementSource() {
+		return this.source instanceof HTMLMediaElement;
+	}
+}, A = /* @__PURE__ */ new WeakMap(), j = /* @__PURE__ */ new WeakMap(), M = /* @__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 = /* @__PURE__ */ new WeakMap(), ar = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakSet(), or = /* @__PURE__ */ new WeakMap(), sr = /* @__PURE__ */ new WeakMap(), cr = /* @__PURE__ */ new WeakMap(), lr = /* @__PURE__ */ new WeakMap(), ur = class {
+	constructor(t, n) {
+		h(this, P), d(this, A, void 0), d(this, j, void 0), d(this, M, void 0), d(this, Zn, void 0), d(this, Qn, void 0), e(this, "userPaused", !0), d(this, $n, void 0), d(this, er, void 0), d(this, tr, !1), d(this, nr, !1), d(this, rr, null), d(this, ir, 0), d(this, ar, !1), d(this, N, u.get().createContext("HlsPlayer")), d(this, or, () => f(P, this, Cr).call(this, !0)), d(this, sr, () => f(P, this, Cr).call(this, !1)), d(this, cr, () => {
+			p(A, this).readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && !p(A, this).paused && f(P, this, Cr).call(this, !1);
+		}), d(this, lr, () => {
+			p(A, this).readyState >= HTMLMediaElement.HAVE_FUTURE_DATA && f(P, this, Cr).call(this, !1);
+		}), m(j, this, t), m(er, this, n == null ? void 0 : n.maxVideoBitRate), p(j, this).style.position = "absolute", p(j, this).style.top = "0", p(j, this).style.left = "0", p(j, this).style.width = "100%", p(j, this).style.height = "100%", p(j, this).style.opacity = "0", p(j, this).style.pointerEvents = "none", p(j, this).style.transition = "opacity 0.12s linear";
+		let r = document.createElement("video");
+		m(A, this, r), t.appendChild(p(A, this)), p(A, this).style.width = "100%", p(A, this).style.height = "100%", p(A, this).setAttribute("playsinline", ""), p(A, this).setAttribute("webkit-playsinline", ""), p(A, this).setAttribute("preload", "metadata"), f(P, this, xr).call(this), m(ar, this, p(A, 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() {
+		m(tr, this, !0), m(nr, this, !1), p(j, this).classList.remove("active"), p(j, this).style.opacity = "0", p(j, this).style.pointerEvents = "none", m(rr, this, null);
+	}
+	play() {
+		var e = this;
+		return t(function* () {
+			try {
+				return p(M, e) ? (e.userPaused = !1, yield p(A, e).play()) : Promise.reject("HLS not initialized");
+			} catch (t) {
+				p(N, e).error("Failed to play timeshift video:", t);
+			}
+		})();
+	}
+	seek(e) {
+		var n = this;
+		return t(function* () {
+			if (p(N, n).debug("HlsPlayer seek to", e.time), !Number.isFinite(e.time)) {
+				m(rr, n, null);
+				return;
+			}
+			if (m(rr, n, e.time > .1 ? e.time : null), n.isActive() && p(M, n)) f(P, n, hr).call(n, e.time);
+			else return f(P, n, gr).call(n, e);
+		})();
+	}
+	shouldIgnoreTimeupdate() {
+		if (p(rr, this) == null) return !1;
+		let e = p(A, this).currentTime;
+		return !Number.isFinite(e) || e <= .1 ? !0 : (m(rr, this, null), !1);
+	}
+	isPipSupported() {
+		return "pictureInPictureEnabled" in document && !p(A, this).disablePictureInPicture;
+	}
+	requestPictureInPicture() {
+		return p(A, this).requestPictureInPicture();
+	}
+	exitPictureInPicture() {
+		return document.pictureInPictureElement === p(A, this) ? document.exitPictureInPicture() : Promise.resolve();
+	}
+	isActive() {
+		return p(j, this).style.opacity === "1" || p(j, this).classList.contains("active");
+	}
+	cleanup() {
+		f(P, this, Sr).call(this), f(P, this, mr).call(this), p($n, this) && (cancelAnimationFrame(p($n, this)), m($n, this, void 0)), m(rr, this, null), p(A, this).remove();
+	}
+	addEventListener(e, t) {
+		p(A, this).addEventListener(e, t);
+	}
+	removeEventListener(e, t) {
+		p(A, this).removeEventListener(e, t);
+	}
+	dispatchEvent(e) {
+		return p(A, this).dispatchEvent(e);
+	}
+	setTimeshiftUrl(e) {
+		p(Qn, this) !== e && (p(N, this).debug("HLSPlayer Setting timeshift URL to", e), m(Qn, this, e));
+	}
+	get videoElement() {
+		return p(A, this);
+	}
+	pause() {
+		this.userPaused = !0, p(A, this).pause();
+	}
+	get paused() {
+		return p(A, this).paused;
+	}
+	set volume(e) {
+		p(A, this).volume = e;
+	}
+	get volume() {
+		return p(A, this).volume;
+	}
+	set muted(e) {
+		m(ar, this, e), p(A, this).muted = e;
+	}
+	get muted() {
+		return p(ar, this);
+	}
+	set currentTime(e) {
+		p(A, this).currentTime = e;
+	}
+	get currentTime() {
+		return p(A, this).currentTime;
+	}
+	get seeking() {
+		return p(A, this).seeking;
+	}
+	get duration() {
+		return p(A, this).duration;
+	}
+	get maxVideoBitRate() {
+		return p(er, this);
+	}
+	set maxVideoBitRate(e) {
+		m(er, this, e), e !== void 0 && p(M, this) && f(P, this, fr).call(this, e);
+	}
+};
+function dr() {
+	var e = this;
+	return t(function* () {
+		let { default: t } = yield import("./Ddby8xU_.js");
+		if (m(Zn, e, t), !t.isSupported()) {
+			p(N, e).warn("HLS not supported");
+			return;
+		}
+		m(M, e, new t({
+			capLevelToPlayerSize: !0,
+			enableWorker: !0,
+			backBufferLength: 30,
+			maxBufferLength: 10,
+			maxMaxBufferLength: 30,
+			maxBufferSize: 3e7,
+			fragLoadingTimeOut: 2e4,
+			manifestLoadingTimeOut: 1e4,
+			fragLoadingRetryDelay: 1e3,
+			manifestLoadingRetryDelay: 1e3,
+			fragLoadingMaxRetry: 3,
+			manifestLoadingMaxRetry: 3,
+			abrEwmaDefaultEstimate: 2e6,
+			abrBandWidthFactor: .95,
+			abrBandWidthUpFactor: .85,
+			startFragPrefetch: !0,
+			testBandwidth: !1,
+			debug: !1
+		})), p(M, e).attachMedia(p(A, e)), p(M, e).on(t.Events.MEDIA_ATTACHED, () => p(N, e).debug("[HLS] media attached")), p(M, e).on(t.Events.MANIFEST_PARSED, () => p(N, e).debug("[HLS] manifest parsed")), p(M, e).on(t.Events.ERROR, (t, n) => {
+			p(N, e).error("[HLS] error:", n), n.fatal && f(P, e, pr).call(e, n);
+		}), p(M, e).on(t.Events.MANIFEST_PARSED, () => {
+			var t;
+			!p(er, e) || ((t = p(M, e)) == null ? void 0 : t.levels.length) === 0 || f(P, e, fr).call(e, p(er, e));
+		}), p(M, e).on(t.Events.LEVEL_SWITCHED, () => {
+			var t, n;
+			p(N, e).debug("Level switched:", (t = p(M, e)) == null ? void 0 : t.currentLevel, "max:", e.maxVideoBitRate, "autoLevelCapping:", (n = p(M, e)) == null ? void 0 : n.autoLevelCapping);
+		});
+	})();
+}
+function fr(e) {
+	if (!p(M, this)) {
+		p(N, this).warn("HLS not initialized, cannot set bitrate cap");
+		return;
+	}
+	let t = p(M, 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, p(N, this).debug("No level fits under bitrate cap: " + e + ", defaulting to lowest level: " + ((n = p(M, this).levels[0]) == null ? void 0 : n.bitrate));
+	}
+	let r = p(M, this).currentLevel;
+	p(M, this).autoLevelCapping = t, r !== t && (p(N, this).debug(`Current level ${r} exceeds cap ${t}, forcing immediate switch`), p(M, this).currentLevel = t);
+}
+function pr(e) {
+	if (!p(Zn, this)) {
+		p(N, this).error("Hls class not available for error handling");
+		return;
+	}
+	let t = p(Zn, this);
+	switch (e.type) {
+		case t.ErrorTypes.NETWORK_ERROR:
+			var n;
+			p(N, this).warn("[HLS] network error -> startLoad"), (n = p(M, this)) == null || n.startLoad();
+			break;
+		case t.ErrorTypes.MEDIA_ERROR:
+			var r;
+			p(N, this).warn("[HLS] media error -> recoverMediaError"), (r = p(M, this)) == null || r.recoverMediaError();
+			break;
+		default:
+			p(N, this).error("[HLS] fatal -> destroy"), f(P, this, mr).call(this);
+			break;
+	}
+}
+function mr() {
+	p(M, this) && (p(M, this).destroy(), m(M, this, void 0));
+}
+function hr(e) {
+	if (!Number.isFinite(e)) {
+		m(rr, this, null);
+		return;
+	}
+	let t = f(P, this, br).call(this, p(A, this), e);
+	m(rr, this, t > .1 ? t : null), p($n, this) && cancelAnimationFrame(p($n, this)), m($n, this, requestAnimationFrame(() => {
+		p(A, this).currentTime = t;
+	}));
+}
+function gr(e) {
+	var n = this;
+	return t(function* () {
+		var t;
+		let { time: r, playWhenReady: i = !0 } = e || {}, a = m(ir, n, (t = p(ir, n), ++t));
+		if (!p(Qn, n)) {
+			p(N, n).warn("No timeshift URL");
+			return;
+		}
+		if (!p(M, n) && (yield f(P, n, dr).call(n), !f(P, n, wr).call(n, a))) return;
+		m(tr, n, !1), m(nr, n, !1), p(M, n) && (!p(M, n).url || p(M, n).url !== p(Qn, n)) && (p(N, n).debug("Loading timeshift URL", p(Qn, n)), p(M, n).loadSource(p(Qn, n)));
+		let o = n.muted;
+		p(A, n).muted = !0, yield f(P, n, _r).call(n), f(P, n, wr).call(n, a) && (f(P, n, hr).call(n, r), !(i && (yield n.play(), !f(P, n, wr).call(n, a))) && f(P, n, vr).call(n, o, a));
+	})();
+}
+function _r() {
+	return p(A, this).duration && !Number.isNaN(p(A, this).duration) ? Promise.resolve() : new Promise((e) => {
+		p(N, this).debug("Waiting for duration...");
+		let t = () => {
+			p(N, this).debug("Duration loaded:", p(A, this).duration), p(A, this).removeEventListener("loadedmetadata", t), clearTimeout(n), e();
+		}, n = setTimeout(() => {
+			p(N, this).debug("Duration timeout, proceeding anyway"), p(A, this).removeEventListener("loadedmetadata", t), e();
+		}, 2e4);
+		p(A, this).addEventListener("loadedmetadata", t);
+	});
+}
+function vr(e, t) {
+	let n = HTMLMediaElement.HAVE_CURRENT_DATA, r = () => p(A, this).readyState >= n && p(A, this).videoWidth > 0 && p(A, this).videoHeight > 0, i = () => {
+		p(tr, this) || p(nr, this) || !f(P, this, wr).call(this, t) || (m(nr, this, !0), p(N, this).debug("Revealing timeshift video"), p(j, this).classList.add("active"), p(j, this).style.opacity = "1", p(j, this).style.pointerEvents = "auto", p(A, this).dispatchEvent(new CustomEvent("timeshiftready", { detail: { activationId: t } })), e || f(P, this, yr).call(this, t));
+	}, a = () => {
+		p(tr, this) || p(nr, this) || !f(P, this, wr).call(this, t) || r() && (s(), i());
+	}, o = !1, s = () => {
+		o || (o = !0, p(A, this).removeEventListener("canplay", a), p(A, this).removeEventListener("canplaythrough", a), p(A, this).removeEventListener("loadeddata", a), clearTimeout(c));
+	};
+	if (r()) {
+		i();
+		return;
+	}
+	p(A, this).addEventListener("canplay", a), p(A, this).addEventListener("canplaythrough", a), p(A, this).addEventListener("loadeddata", a);
+	let c = setTimeout(() => {
+		p(N, this).debug("Timeout reached, forcing reveal"), s(), i();
+	}, 2e3);
+}
+function yr(e) {
+	let t = () => {
+		f(P, this, wr).call(this, e) && (p(A, this).muted = !1);
+	};
+	"requestVideoFrameCallback" in p(A, this) ? p(A, this).requestVideoFrameCallback(() => {
+		setTimeout(() => {
+			t();
+		}, 100);
+	}) : setTimeout(() => {
+		t();
+	}, 120);
+}
+function br(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 p(N, this).debug("Clamped seekable:", Math.max(r, Math.min(t, i))), Math.max(r, Math.min(t, i));
+}
+function xr() {
+	for (let e of Tr._) p(A, this).addEventListener(e, p(or, this));
+	for (let e of Er._) p(A, this).addEventListener(e, p(sr, this));
+	p(A, this).addEventListener("timeupdate", p(cr, this)), p(A, this).addEventListener("progress", p(lr, this));
+}
+function Sr() {
+	for (let e of Tr._) p(A, this).removeEventListener(e, p(or, this));
+	for (let e of Er._) p(A, this).removeEventListener(e, p(sr, this));
+	p(A, this).removeEventListener("timeupdate", p(cr, this)), p(A, this).removeEventListener("progress", p(lr, this));
+}
+function Cr(e) {
+	let t = e && (p(A, this).readyState < HTMLMediaElement.HAVE_FUTURE_DATA || p(A, this).seeking || p(A, this).paused && !this.userPaused);
+	p(A, this).dispatchEvent(new CustomEvent(t ? "hlsbuffering" : "hlsnotbuffering", {
+		bubbles: !0,
+		composed: !0
+	}));
+}
+function wr(e) {
+	return p(ir, this) === e;
+}
+var Tr = { _: [
+	"waiting",
+	"seeking",
+	"stalled",
+	"loadstart"
+] }, Er = { _: [
+	"canplay",
+	"canplaythrough",
+	"seeked",
+	"loadeddata"
+] }, Dr = class {
+	constructor(e) {
+		this.vindral = e;
+	}
+	get volume() {
+		return this.vindral.volume;
+	}
+	get muted() {
+		return this.vindral.muted;
+	}
+	play() {
+		var e = this;
+		return t(function* () {
+			var t;
+			return (t = e.vindral) == null || t.play(), Promise.resolve();
+		})();
+	}
+	pause() {
+		this.vindral.pause();
+	}
+}, Or = document.createElement("template");
+Or.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 kr = /* @__PURE__ */ new WeakMap(), Ar = /* @__PURE__ */ new WeakMap(), jr = class extends HTMLElement {
+	constructor() {
+		super(), d(this, kr, null), d(this, Ar, void 0), e(this, "range", void 0), m(Ar, this, this.attachShadow({ mode: "open" })), p(Ar, this).appendChild(Or.content.cloneNode(!0)), this.range = p(Ar, this).getElementById("range");
+	}
+	connectedCallback() {
+		var e;
+		m(kr, this, this.closest("vindral-controller")), (e = p(kr, this)) == null || e.connectListener(this), this.hasAttribute("disabled") || this.enable();
+	}
+	disconnectedCallback() {
+		var e;
+		(e = p(kr, this)) == null || e.disconnectListener(this);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (e === "disabled" && n ? this.disable() : this.enable(), this.updateBar());
+	}
+	enable() {
+		this.addEventListener("input", this);
+	}
+	disable() {
+		this.range.removeEventListener("input", this);
+	}
+	handleEvent(e) {
+		e.type === "input" && this.updateBar();
+	}
+	updateBar() {
+		this.style.setProperty("--value", this.range.value);
+	}
+	get keysUsed() {
+		return [
+			"ArrowUp",
+			"ArrowRight",
+			"ArrowDown",
+			"ArrowLeft"
+		];
+	}
+};
+e(jr, "observedAttributes", ["disabled"]);
+//#endregion
+//#region ../../libs/player-next/src/components/Controller.ts
+var Mr = document.createElement("template");
+Mr.innerHTML = `
+  <style>
+    :host {
+      --fg-strong: var(--vindral-fg-strong, #eeeeee);
+      --fg-subtle: var(--vindral-fg-subtle, #b4b4b4);
+      --fg-extra-subtle: var(--vindral-fg-extra-subtle, #7b7b7b);
+      --bg-strong: var(--vindral-bg-strong, #111111);
+      --bg-subtle: var(--vindral-bg-subtle, #191919);
+      --bg-extra-subtle: var(--vindral-bg-extra-subtle, #222222);
+      --bg-component: var(--vindral-bg-component, #222222);
+      --bg-component-hover: var(--vindral-bg-component-hover, #2a2a2a);
+      --bg-component-active: var(--vindral-bg-component-active, #313131);
+
+      --padding-1: var(--vindral-padding-1, 4px);
+      --padding-2: var(--vindral-padding-2, 8px);
+      --padding-3: var(--vindral-padding-3, 16px);
+      --padding-4: var(--vindral-padding-4, 24px);
+      --padding-5: var(--vindral-padding-5, 32px);
+      --padding-6: var(--vindral-padding-6, 40px);
+      --control-padding: var(--vindral-control-padding, var(--padding-1));
+
+      --ui-font: var(
+        --vindral-ui-font,
+        -apple-system,
+        BlinkMacSystemFont,
+        "Segoe UI",
+        Roboto,
+        "Helvetica Neue",
+        Arial,
+        sans-serif
+      );
+
+      --button-padding: var(--vindral-button-padding, var(--padding-2));
+      --button-icon-size: var(--vindral-button-icon-size, 24px);
+      --play-overlay-icon-size: var(--vindral-play-overlay-icon-size, 72px);
+
+      --ui-display: var(--vindral-ui-display, flex);
+      --play-button-display: var(--vindral-play-button-display, flex);
+      --mute-button-display: var(--vindral-mute-button-display, flex);
+      --airplay-button-display: var(--vindral-airplay-button-display, flex);
+      --pip-button-display: var(--vindral-pip-button-display, flex);
+      --fullscreen-button-display: var(--vindral-fullscreen-button-display, flex);
+      --cast-button-display: var(--vindral-cast-button-display, flex);
+      --grid-button-display: var(--vindral-grid-button-display, flex);
+      --grid-item-offline-display: var(--vindral-grid-item-offline-display, flex);
+      --volume-range-display: var(--vindral-volume-range-display, flex);
+      --volume-meter-display: var(--vindral-volume-meter-display, flex);
+      --rendition-menu-display: var(--vindral-rendition-menu-display, flex);
+      --language-menu-display: var(--vindral-language-menu-display, flex);
+      --play-overlay-display: var(--vindral-play-overlay-display, flex);
+      --buffering-overlay-display: var(--vindral-buffering-overlay-display, flex);
+      --poster-overlay-display: var(--vindral-poster-overlay-display, flex);
+      --live-button-display: var(--vindral-live-button-display, flex);
+      --seek-bar-display: var(--vindral-seek-bar-display, flex);
+      --debug-button-display: var(--vindral-debug-button-display, none);
+
+      position: relative;
+      display: flex;
+      background-color: var(--bg-strong);
+      width: 100%;
+      container-type: inline-size;
+      overflow: hidden;
+      font-family: var(--ui-font);
+    }
+
+    #ui {
+      position: absolute;
+      display: flex;
+      justify-content: space-between;
+      flex-direction: column;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      transition: opacity 0.5s;
+      user-select: none;
+      pointer-events: none;
+    }
+
+    #ui > * {
+      display: var(--ui-display);
+    }
+
+    #ui > slot::slotted(*) {
+      pointer-events: auto;
+      z-index: 10;
+      box-sizing: border-box;
+      padding: var(--control-padding);
+      // Ensure the #ui element is above the video element on Safari
+      // and that we can layer things under, between, and above ui and video
+    }
+
+    #video {
+      cursor: none;
+      display: flex;
+      width: 100%;
+      z-index: 0;
+    }
+
+    #video video::-webkit-media-text-track-display {
+      transform: translateY(var(--vindral-subtitle-offset, 0px)) !important;
+    }
+
+    #video video::cue {
+      font-size: 28px;
+      background-color: rgba(0, 0, 0, 0.6);
+    }
+
+    :host([user-interacting]) #video {
+      cursor: auto;
+    }
+
+    #video > canvas {
+      object-fit: contain;
+    }
+
+    slot#middle {
+      align-items: center;
+      justify-content: center;
+      flex-grow: 1;
+    }
+
+    #top-bar::slotted(vindral-control-bar) {
+      background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
+    }
+
+    #bottom-bar::slotted(vindral-control-bar) {
+      background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+    }
+
+    slot#bottom-bar {
+      flex-direction: column;
+    }
+
+    :host(:focus-visible) {
+      outline: none;
+    }
+
+    :host(
+        :not([${g.USER_INTERACTING}]
+        ):not([${g.PAUSED}]:not([${g.HIDE_UI_ON_PAUSE}])
+        ):not([${g.IS_CASTING}]
+        ):not([${g.MEDIA}="audio"])
+      )
+      #ui {
+      opacity: 0;
+      cursor: none;
+      pointer-events: none;
+    }
+
+    :host(
+      :not([${g.USER_INTERACTING}]
+      ):not([${g.PAUSED}]:not([${g.HIDE_UI_ON_PAUSE}])
+      ):not([${g.IS_CASTING}]
+      ):not([${g.MEDIA}="audio"])
+    )
+    #ui > * {
+      pointer-events: none;
+    }
+
+    :host([${g.FULLSCREEN}][${g.FULLSCREEN_FALLBACK}]) {
+      position: fixed !important;
+      inset: 0 !important;
+      margin: 0 !important;
+      box-sizing: border-box !important;
+      min-width: 0 !important;
+      max-width: none !important;
+      min-height: 0 !important;
+      max-height: none !important;
+      width: 100% !important;
+      height: 100% !important;
+      transform: none !important;
+      z-index: 1000 !important;
+      background: black;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+
+      /* intentionally not !important */
+      object-fit: contain;
+    }
+
+    :host([${g.MEDIA}="audio"]) {
+      min-height: 100px;
+      overflow: visible;
+    }
+  </style>
+
+  <div id="video"></div>
+  <div id="time-shift-video"></div>
+
+  <slot id="overlay" name="overlay"></slot>
+
+  <div id="ui">
+    <slot id="top-bar" name="top-bar"></slot>
+    <slot id="middle" name="middle"></slot>
+    <slot id="bottom-bar"></slot>
+    <slot id="overlay-interactive" name="overlay-interactive"></slot>
+  </div>
+`;
+var Nr = [
+	"ArrowDown",
+	"ArrowLeft",
+	"ArrowRight",
+	"Tab",
+	"Enter",
+	" ",
+	"f",
+	"m"
+], Pr = /* @__PURE__ */ new WeakMap(), Fr = /* @__PURE__ */ new WeakMap(), Ir = /* @__PURE__ */ new WeakMap(), Lr = /* @__PURE__ */ new WeakMap(), Rr = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), zr = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap(), Br = /* @__PURE__ */ new WeakMap(), Vr = /* @__PURE__ */ new WeakMap(), Hr = /* @__PURE__ */ new WeakMap(), Ur = /* @__PURE__ */ new WeakMap(), Wr = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), Gr = /* @__PURE__ */ new WeakMap(), Kr = /* @__PURE__ */ new WeakMap(), qr = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), Jr = /* @__PURE__ */ new WeakMap(), Yr = /* @__PURE__ */ new WeakMap(), Xr = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), Zr = /* @__PURE__ */ new WeakMap(), Qr = /* @__PURE__ */ new WeakMap(), $r = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakSet(), ei = /* @__PURE__ */ new WeakMap(), ti = /* @__PURE__ */ new WeakMap(), ni = /* @__PURE__ */ new WeakMap(), ri = /* @__PURE__ */ new WeakMap(), ii = /* @__PURE__ */ new WeakMap(), ai = /* @__PURE__ */ new WeakMap(), oi = /* @__PURE__ */ new WeakMap(), si = /* @__PURE__ */ new WeakMap(), ci = /* @__PURE__ */ new WeakMap(), li = /* @__PURE__ */ new WeakMap(), ui = /* @__PURE__ */ new WeakMap(), di = /* @__PURE__ */ new WeakMap(), fi = /* @__PURE__ */ new WeakMap(), pi = /* @__PURE__ */ new WeakMap(), mi = /* @__PURE__ */ new WeakMap(), hi = /* @__PURE__ */ new WeakMap(), gi = /* @__PURE__ */ new WeakMap(), _i = /* @__PURE__ */ new WeakMap(), vi = /* @__PURE__ */ new WeakMap(), yi = /* @__PURE__ */ new WeakMap(), bi = /* @__PURE__ */ new WeakMap(), xi = /* @__PURE__ */ new WeakMap(), Si = /* @__PURE__ */ new WeakMap(), Ci = /* @__PURE__ */ new WeakMap(), wi = /* @__PURE__ */ new WeakMap(), Ti = /* @__PURE__ */ new WeakMap(), Ei = /* @__PURE__ */ new WeakMap(), Di = /* @__PURE__ */ new WeakMap(), Oi = /* @__PURE__ */ new WeakMap(), ki = /* @__PURE__ */ new WeakMap(), Ai = /* @__PURE__ */ new WeakMap(), ji = /* @__PURE__ */ new WeakMap(), Mi = class extends HTMLElement {
+	constructor() {
+		var t;
+		super(), h(this, V), d(this, Pr, /* @__PURE__ */ new Map()), d(this, Fr, 2e3), d(this, Ir, null), d(this, Lr, null), d(this, Rr, void 0), d(this, F, void 0), d(this, I, void 0), d(this, zr, void 0), d(this, L, void 0), d(this, Br, va._), d(this, Vr, void 0), d(this, Hr, void 0), d(this, Ur, void 0), d(this, Wr, void 0), d(this, R, void 0), d(this, Gr, void 0), d(this, Kr, void 0), d(this, qr, void 0), d(this, z, void 0), d(this, Jr, void 0), d(this, Yr, void 0), d(this, Xr, void 0), d(this, B, void 0), d(this, Zr, null), d(this, Qr, !1), d(this, $r, null), d(this, ei, (e) => {
+			let t = e.filter((e) => {
+				var t;
+				return (t = e.video) == null ? void 0 : t.width;
+			});
+			f(V, this, H).call(this, g.RENDITION_LEVELS, JSON.stringify(t));
+		}), d(this, ti, (e) => {
+			f(V, this, H).call(this, g.RENDITION_LEVEL, JSON.stringify(e));
+		}), d(this, ni, (e) => {
+			switch (e) {
+				case "playing":
+					f(V, this, U).call(this, g.PAUSED), f(V, this, U).call(this, g.BUFFERING);
+					break;
+				case "paused":
+					f(V, this, H).call(this, g.PAUSED, ""), f(V, this, U).call(this, g.BUFFERING);
+					break;
+				case "buffering":
+					f(V, this, U).call(this, g.PAUSED), f(V, this, H).call(this, g.BUFFERING, "");
+					break;
+				default: break;
+			}
+		}), d(this, ri, (e) => {
+			f(V, this, H).call(this, g.VOLUME, e.volume.toString()), e.isMuted ? f(V, this, H).call(this, g.MUTED, "") : f(V, this, U).call(this, g.MUTED);
+		}), d(this, ii, ({ channelId: e }) => {
+			var t;
+			this.setAttribute(g.CHANNEL_ID, e), ((t = p(F, this)) == null ? void 0 : t.playbackState) !== "buffering" && f(V, this, U).call(this, g.BUFFERING);
+		}), d(this, ai, ({ channelId: e }) => {
+			var t;
+			p(Vr, this) !== e && this.setAttribute(g.CHANNEL_ID, e), ((t = p(F, this)) == null ? void 0 : t.playbackState) !== "buffering" && f(V, this, U).call(this, g.BUFFERING);
+		}), d(this, oi, (e) => {
+			m(Oi, this, Date.now()), f(V, this, H).call(this, g.CHANNELS, JSON.stringify(e));
+		}), d(this, si, (e) => {
+			var t;
+			f(V, this, H).call(this, g.LANGUAGES, JSON.stringify(e)), (t = p(F, this)) != null && t.language && f(V, this, H).call(this, g.LANGUAGE, p(F, this).language);
+		}), d(this, ci, (e) => {
+			var t;
+			if (f(V, this, H).call(this, g.TEXT_TRACKS, JSON.stringify(e)), (t = p(F, this)) != null && t.textTrack) {
+				var n, r;
+				f(V, this, H).call(this, g.TEXT_TRACK, (n = (r = p(F, this)) == null ? void 0 : r.textTrack) == null ? "" : n);
+			}
+		}), d(this, li, (e) => {
+			e != null && e.forVideo ? (f(V, this, H).call(this, g.NEEDS_USER_INPUT_VIDEO, ""), f(V, this, U).call(this, g.NEEDS_USER_INPUT_AUDIO)) : e != null && e.forAudio && (f(V, this, H).call(this, g.NEEDS_USER_INPUT_AUDIO, ""), f(V, this, U).call(this, g.NEEDS_USER_INPUT_VIDEO));
+		}), d(this, ui, (e) => {
+			e || f(V, this, U).call(this, g.BUFFERING);
+		}), d(this, di, (e) => {
+			var t;
+			let { urls: n, duration: r } = e;
+			if (!n[0] || !p(L, this)) return;
+			let i = new URL(n[0]);
+			i.searchParams.set("channelId", (t = p(Vr, this)) == null ? "" : t);
+			let a = this.getAttribute("authentication-token");
+			a && i.searchParams.set("authToken", a);
+			let o = Yn(r);
+			if (Number.isNaN(o)) {
+				p(B, this).error(`Invalid duration format: ${r}`);
+				return;
+			}
+			let s = Math.floor(Date.now() / 1e3), c = (/* @__PURE__ */ new Date((s - o) * 1e3)).toISOString();
+			i.searchParams.set("from", c), p(L, this).setTimeshiftUrl(i.toString()), f(V, this, H).call(this, g.DURATION, o.toString());
+		}), d(this, fi, () => {
+			f(V, this, U).call(this, g.PAUSED), f(V, this, U).call(this, g.BUFFERING);
+		}), d(this, pi, () => {
+			f(V, this, H).call(this, g.PAUSED, ""), f(V, this, U).call(this, g.BUFFERING);
+		}), d(this, mi, () => {
+			p(Ti, this).call(this), f(V, this, U).call(this, g.BUFFERING);
+		}), d(this, hi, () => {
+			if (!p(L, this)) return;
+			let e = p(L, this).duration;
+			f(V, this, H).call(this, g.DURATION, Number.isNaN(e) ? "0" : e.toString());
+		}), d(this, gi, () => {
+			var e, t;
+			if (!p(L, this) || p(L, this).seeking || (e = (t = p(L, this)).shouldIgnoreTimeupdate) != null && e.call(t)) return;
+			let n = p(L, this).currentTime;
+			n !== void 0 && f(V, this, H).call(this, g.TIMESHIFT_POSITION, n.toString());
+		}), d(this, _i, () => {
+			p(L, this) && (f(V, this, H).call(this, g.VOLUME, p(L, this).volume.toString()), p(L, this).muted ? f(V, this, H).call(this, g.MUTED, "") : f(V, this, U).call(this, g.MUTED));
+		}), d(this, vi, () => {
+			f(V, this, H).call(this, g.BUFFERING, "");
+		}), d(this, yi, () => {
+			f(V, this, U).call(this, g.BUFFERING);
+		}), d(this, bi, () => {
+			if (p(Qr, this)) {
+				if (p(I, this) !== p(L, this)) {
+					m(Qr, this, !1);
+					return;
+				}
+				m(Qr, this, !1), f(V, this, ca).call(this);
+			}
+		}), d(this, xi, 0), e(this, "handleEvent", (e) => {
+			switch (e.type) {
+				case "pointerdown":
+					m(xi, this, e.timeStamp);
+					break;
+				case "pointermove":
+					f(V, this, Qi).call(this, e);
+					break;
+				case "pointerup":
+					f(V, this, $i).call(this, e);
+					break;
+				case "mouseleave":
+					f(V, this, oa).call(this);
+					break;
+				case "dblclick":
+					f(V, this, ea).call(this, e);
+					break;
+				case "mousemove":
+					f(V, this, ta).call(this, e);
+					break;
+				case "keydown":
+					p(wi, this).call(this, e);
+					break;
+				case "keyup":
+					f(V, this, oa).call(this), p(Ci, this).call(this, e);
+					break;
+			}
+		}), d(this, Si, (e) => {
+			if (p(F, this) && (p(B, this).debug("Vindral event", { type: e.type }), e instanceof CustomEvent)) switch (e.type) {
+				case _.PLAY:
+					this.removeAttribute(g.PAUSED);
+					break;
+				case _.PAUSE:
+					this.setAttribute(g.PAUSED, "");
+					break;
+				case _.MUTE:
+					this.setAttribute(g.MUTED, "");
+					break;
+				case _.UNMUTE:
+					this.removeAttribute(g.MUTED);
+					break;
+				case _.LOCK_UI:
+					this.setAttribute(g.UI_LOCKED, "");
+					break;
+				case _.UNLOCK_UI:
+					this.removeAttribute(g.UI_LOCKED);
+					break;
+				case _.ENTER_FULLSCREEN:
+					this.setAttribute(g.FULLSCREEN, "");
+					break;
+				case _.EXIT_FULLSCREEN:
+					this.removeAttribute(g.FULLSCREEN);
+					break;
+				case _.SET_RENDITION:
+					{
+						let t = e.detail;
+						t.audio && (p(F, this).maxAudioBitRate = t.audio.bitRate), t.video && (p(F, this).maxVideoBitRate = t.video.bitRate, p(F, this).maxSize = t.video, this.setAttribute(g.MAX_VIDEO_BITRATE, String(t.video.bitRate)));
+					}
+					break;
+				case _.SET_ABR_MODE:
+					{
+						let t = e.detail;
+						t ? (p(F, this).abrEnabled = !0, this.setAttribute(g.ABR_ENABLED, "")) : (p(F, this).abrEnabled = !1, this.removeAttribute(g.ABR_ENABLED)), f(V, this, H).call(this, g.ABR_ENABLED, String(t));
+					}
+					break;
+				case _.SET_SIZE_BASED_RESOLUTION_CAP_MODE:
+					{
+						let t = e.detail;
+						this.setAttribute(g.SIZE_BASED_RESOLUTION_CAP_ENABLED, t ? "true" : "false");
+					}
+					break;
+				case _.CHANNEL_GRID_OPENED:
+					p(Zr, this) === null && f(V, this, ra).call(this);
+					break;
+				case _.CHANNEL_GRID_CLOSED:
+					p(Zr, this) !== null && (clearTimeout(p(Zr, this)), m(Zr, this, null));
+					break;
+				case _.ENTER_PIP:
+					this.setAttribute(g.IS_PIP, "");
+					break;
+				case _.EXIT_PIP:
+					this.removeAttribute(g.IS_PIP);
+					break;
+				case _.REQUEST_AIRPLAY:
+					var t;
+					(t = p(qr, this)) == null || t.showPlaybackTargetPicker();
+					break;
+				case _.SET_LANGUAGE:
+					v(e.detail) ? this.setAttribute(g.LANGUAGE, e.detail) : this.removeAttribute(g.LANGUAGE);
+					break;
+				case _.SET_TEXT_TRACK:
+					v(e.detail) ? this.setAttribute(g.TEXT_TRACK, e.detail) : this.removeAttribute(g.TEXT_TRACK);
+					break;
+				case _.REQUEST_USER_INPUT:
+					p(F, this).play(), p(F, this).muted = !1;
+					break;
+				case _.SET_VOLUME:
+					{
+						let t = e.detail;
+						p(F, this).muted && t > 0 ? (p(F, this).muted = !1, p(L, this) && (p(L, this).muted = !1)) : t === 0 && (p(F, this).muted = !0, p(L, this) && (p(L, this).muted = !0)), this.setAttribute(g.VOLUME, t.toString());
+					}
+					break;
+				case _.SEEK:
+					this.handleTimeShiftUpdate(String(e.detail));
+					break;
+				case _.GO_LIVE:
+					p(Ti, this).call(this);
+					break;
+				case _.TOGGLE_DEBUG_PANEL:
+					this.hasAttribute(g.DEBUG_PANEL_OPEN) ? this.removeAttribute(g.DEBUG_PANEL_OPEN) : this.setAttribute(g.DEBUG_PANEL_OPEN, "");
+					break;
+				case _.SET_TARGET_BUFFER_TIME:
+					{
+						let t = Math.max(50, Math.min(Se, e.detail));
+						this.setAttribute("target-buffer-time", String(t));
+					}
+					break;
+			}
+		}), d(this, Ci, (e) => {
+			let { key: t } = e;
+			if (!Nr.includes(t)) {
+				this.removeEventListener("keyup", this);
+				return;
+			}
+			f(V, this, na).call(this, e);
+		}), d(this, wi, (e) => {
+			let { metaKey: t, altKey: n, key: r } = e;
+			t || n || !Nr.includes(r) || this.addEventListener("keyup", this, { once: !0 });
+		}), d(this, Ti, () => {
+			this.removeAttribute(g.TIMESHIFT_POSITION), this.handleTimeShiftUpdate(!1);
+		}), d(this, Ei, (e) => {
+			var t;
+			p(L, this) || f(V, this, Li).call(this), p(I, this) !== p(L, this) && (e && f(V, this, la).call(this), m(I, this, p(L, this)), f(V, this, Fi).call(this), f(V, this, Ii).call(this), f(V, this, Vi).call(this), (t = p(F, this)) == null || t.pause(), m(Qr, this, e));
+		}), d(this, Di, (e) => {
+			var t, n, r, i;
+			e && f(V, this, la).call(this), (t = p(L, this)) == null || t.hide(), m(I, this, p(zr, this)), f(V, this, Vi).call(this), this.hasAttribute(g.PAUSED) ? (n = p(I, this)) == null || n.pause() : (r = p(I, this)) == null || r.play(), f(V, this, zi).call(this), f(V, this, Pi).call(this), (i = p(L, this)) == null || i.pause(), e && (m(Qr, this, !1), setTimeout(() => {
+				f(V, this, ca).call(this);
+			}, 100));
+		}), e(this, "handleTimeShiftUpdate", (e) => {
+			let t = this.hasAttribute(g.IS_PIP);
+			if (e !== !1) {
+				var n;
+				p(Ei, this).call(this, t), (n = p(L, this)) == null || n.seek({
+					time: parseFloat(e),
+					playWhenReady: !this.hasAttribute(g.PAUSED)
+				});
+				return;
+			}
+			p(I, this) !== p(zr, this) && p(Di, this).call(this, t);
+		}), d(this, Oi, null), d(this, ki, () => {
+			var e;
+			let t = (e = p(F, 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(() => {});
+		}), d(this, Ai, () => {
+			s();
+		}), d(this, ji, null), this.attachShadow({ mode: "open" }).appendChild(Mr.content.cloneNode(!0));
+		let n = he(this.getAttribute("log-level"));
+		m(B, this, u.get().createContext("VindralController")), p(B, this).setLevel(n), m(Rr, this, (t = this.shadowRoot) == null ? void 0 : t.querySelector("#time-shift-video"));
+	}
+	connectedCallback() {
+		var e = this;
+		return t(function* () {
+			b(e.getAttribute("auto-instance-enabled"), !0) && (yield f(V, e, Ni).call(e));
+			for (let t of Object.values(_)) e.addEventListener(t, p(Si, 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), f(V, e, Xi).call(e), e.tabIndex = 0, e.focus({ preventScroll: !0 });
+		})();
+	}
+	disconnectedCallback() {
+		var e, t, n, r, i;
+		f(V, this, Zi).call(this), f(V, this, ga).call(this), (e = p(F, this)) == null || e.unload(), (t = p(R, this)) == null || t.unload(), (n = p(Gr, this)) == null || n.unload(), (r = p(Kr, this)) == null || r.unload(), (i = p(z, this)) == null || i.unload(), f(V, this, Ri).call(this);
+		for (let e of Object.values(_)) this.removeEventListener(e, p(Si, this));
+		f(V, this, Fi).call(this), p(Ir, this) && (clearTimeout(p(Ir, this)), m(Ir, this, null)), this.disconnectListener(this);
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			switch (p(B, this).debug("Attribute changed", {
+				name: e,
+				oldValue: t,
+				newValue: n
+			}), e) {
+				case "channel-id":
+					m(Vr, this, n), p(F, this) && n && (p(F, this).channelId = n, p(F, this).play(), f(V, this, H).call(this, g.BUFFERING, ""), f(V, this, H).call(this, g.CHANNEL_ID, n), f(V, this, H).call(this, g.POSTER_SRC, p(F, this).getThumbnailUrl()));
+					break;
+				case "channel-group-id":
+					m(Hr, this, n);
+					break;
+				case "url":
+					n && m(Br, this, n);
+					break;
+				case "paused":
+					if (v(n)) {
+						var r;
+						(r = p(I, this)) == null || r.pause(), f(V, this, H).call(this, g.PAUSED, "");
+					} else {
+						var i;
+						f(V, this, U).call(this, g.NEEDS_USER_INPUT_VIDEO), f(V, this, U).call(this, g.PAUSED), (i = p(I, this)) == null || i.play();
+					}
+					break;
+				case "target-buffer-time":
+					if (n) {
+						let e = parseInt(n, 10);
+						Number.isNaN(e) || (p(F, this) && (p(F, this).targetBufferTime = e), f(V, this, H).call(this, g.TARGET_BUFFER_TIME, String(e)));
+					}
+					break;
+				case "min-buffer-time":
+					if (p(F, this) && v(n)) {
+						let e = _e(n);
+						e !== void 0 && p(F, this).updateBufferTimeConfig({ minBufferTime: e });
+					}
+					break;
+				case "max-buffer-time":
+					if (p(F, this) && v(n)) {
+						let e = _e(n);
+						e !== void 0 && p(F, this).updateBufferTimeConfig({ maxBufferTime: e });
+					}
+					break;
+				case g.DEBUG_PANEL_OPEN:
+					v(n) ? f(V, this, H).call(this, g.DEBUG_PANEL_OPEN, "") : f(V, this, U).call(this, g.DEBUG_PANEL_OPEN), f(V, this, ma).call(this);
+					break;
+				case "user-interacting":
+					v(n) ? f(V, this, H).call(this, g.USER_INTERACTING, "") : f(V, this, U).call(this, g.USER_INTERACTING);
+					break;
+				case "muted":
+					if (p(F, this)) if (v(n)) {
+						var a;
+						if (p(F, this).muted = !0, p(L, this) && (p(L, this).muted = !0), f(V, this, H).call(this, g.MUTED, ""), (a = p(z, this)) != null && a.isMediaElementSource) {
+							var o;
+							(o = p(z, this)) == null || o.stop(), f(V, this, H).call(this, g.VOLUME_LEVEL, JSON.stringify({
+								left: null,
+								right: null
+							}));
+						}
+					} else {
+						var s;
+						p(F, this).muted = !1, p(L, this) && (p(L, this).muted = !1), f(V, this, U).call(this, g.MUTED), f(V, this, U).call(this, g.NEEDS_USER_INPUT_AUDIO), p(F, this).volume === 0 && (p(F, this).volume = .3), (s = p(z, this)) == null || s.start();
+					}
+					break;
+				case "ui-locked":
+					v(n) ? f(V, this, aa).call(this) : f(V, this, oa).call(this);
+					break;
+				case "is-fullscreen":
+					v(n) ? f(V, this, ua).call(this) : f(V, this, da).call(this);
+					break;
+				case "abr-enabled":
+					{
+						let e = b(n == null ? null : n, !1);
+						p(F, this) && (p(F, this).abrEnabled = e, e && (p(F, this).sizeBasedResolutionCapEnabled = b(this.getAttribute(g.SIZE_BASED_RESOLUTION_CAP_ENABLED), !0))), e ? f(V, this, H).call(this, g.ABR_ENABLED, "") : f(V, this, U).call(this, g.ABR_ENABLED);
+					}
+					break;
+				case "size-based-resolution-cap-enabled":
+					{
+						let e = b(n == null ? null : n, !0);
+						p(F, this) && (p(F, this).sizeBasedResolutionCapEnabled = e), f(V, this, H).call(this, g.SIZE_BASED_RESOLUTION_CAP_ENABLED, e ? "true" : "false");
+					}
+					break;
+				case "max-video-bit-rate":
+					m(Ur, this, n), v(n) ? f(V, this, H).call(this, g.MAX_VIDEO_BITRATE, n) : f(V, this, U).call(this, g.MAX_VIDEO_BITRATE), p(L, this) && (p(L, this).maxVideoBitRate = n ? _e(n) : void 0);
+					break;
+				case "max-initial-bit-rate":
+					m(Wr, this, n), v(n) ? f(V, this, H).call(this, g.MAX_INITIAL_BITRATE, n) : f(V, this, U).call(this, g.MAX_INITIAL_BITRATE);
+					break;
+				case "is-pip":
+					v(n) ? f(V, this, ca).call(this) : f(V, this, la).call(this);
+					break;
+				case "is-airplaying":
+					if (v(n)) {
+						var c, ee;
+						(c = p(F, this)) != null && c.mediaElement && (p(F, this).mediaElement.style.display = "hidden"), (ee = p(F, this)) == null || ee.pause();
+					} else {
+						var l;
+						(l = p(F, this)) != null && l.mediaElement && (p(F, this).mediaElement.style.display = "block");
+					}
+					break;
+				case "is-casting":
+					if (v(n)) {
+						var te, u;
+						(te = p(Gr, this)) != null && te.isFullscreen() && f(V, this, da).call(this), (u = p(F, this)) == null || u.pause();
+					} else if (!document.hidden) {
+						var ne;
+						(ne = p(F, this)) == null || ne.play();
+					}
+					break;
+				case "cast-receiver-id":
+					m(Yr, this, n);
+					break;
+				case "cast-background":
+					m(Xr, this, n);
+					break;
+				case "language":
+					p(F, this) && (p(F, this).language = n, v(n) ? f(V, this, H).call(this, g.LANGUAGE, n) : f(V, this, U).call(this, g.LANGUAGE));
+					break;
+				case "text-track":
+					p(F, this) && (p(F, this).textTrack = n, v(n) ? f(V, this, H).call(this, g.TEXT_TRACK, n) : f(V, this, U).call(this, g.TEXT_TRACK));
+					break;
+				case "log-level":
+					v(n) && p(B, this).setLevel(he(n));
+					break;
+				case "authentication-token":
+					if (v(n)) {
+						var re, ie;
+						(re = p(F, this)) == null || re.updateAuthenticationToken(n), (ie = p(qr, this)) == null || ie.updateAuthenticationToken(n), f(V, this, H).call(this, g.AUTHENTICATION_TOKEN, n);
+					} else f(V, this, U).call(this, g.AUTHENTICATION_TOKEN);
+					break;
+				case "volume":
+					if (v(n)) {
+						let e = parseFloat(n);
+						p(L, this) && (p(L, this).volume = e), p(F, this) && (p(F, this).volume = e);
+					}
+					break;
+				case "timeshift-position":
+					v(n) ? f(V, this, H).call(this, g.TIMESHIFT_POSITION, n) : f(V, this, U).call(this, g.TIMESHIFT_POSITION);
+					break;
+				case "drm-headers":
+					if (v(n)) {
+						let e = ve(n);
+						if (e) {
+							var ae;
+							(ae = p(F, this)) == null || ae.drm.setHeaders(e);
+						} else p(B, this).warn("Invalid DRM headers format:", n);
+					}
+					break;
+				case "drm-queryparams":
+					if (v(n)) {
+						let e = ve(n);
+						if (e) {
+							var oe;
+							(oe = p(F, this)) == null || oe.drm.setQueryParams(e);
+						} else p(B, this).warn("Invalid DRM query parameters format:", n);
+					}
+					break;
+			}
+			[
+				g.USER_INTERACTING,
+				g.PAUSED,
+				g.HIDE_UI_ON_PAUSE
+			].includes(e) && f(V, this, sa).call(this);
+		}
+	}
+	connectListener(e) {
+		Jn(e).forEach((t) => {
+			let n = p(Pr, this).get(t);
+			switch (n ? n.push(e) : p(Pr, this).set(t, [e]), t) {
+				case g.PAUSED:
+					var r;
+					(((r = p(F, this)) == null ? void 0 : r.playbackState) === "paused" || this.hasAttribute(g.PAUSED)) && e.setAttribute(g.PAUSED, "");
+					break;
+				case g.MUTED:
+					var i;
+					((i = p(F, this)) != null && i.muted || this.hasAttribute(g.MUTED)) && e.setAttribute(g.MUTED, "");
+					break;
+				case g.MAX_VIDEO_BITRATE:
+					p(Ur, this) && e.setAttribute(g.MAX_VIDEO_BITRATE, p(Ur, this));
+					break;
+				case g.SIZE_BASED_RESOLUTION_CAP_ENABLED:
+					{
+						var a, o;
+						let t = (a = (o = p(F, this)) == null ? void 0 : o.sizeBasedResolutionCapEnabled) == null ? b(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:
+					p(Vr, this) && e.setAttribute(g.CHANNEL_ID, p(Vr, this));
+					break;
+				case g.CHANNEL_GROUP_ID:
+					p(Hr, this) && e.setAttribute(g.CHANNEL_GROUP_ID, p(Hr, this));
+					break;
+				case g.AUTHENTICATION_TOKEN: {
+					let t = this.getAttribute("authentication-token");
+					t && e.setAttribute(g.AUTHENTICATION_TOKEN, t);
+					break;
+				}
+				case g.DEBUG_PANEL_OPEN:
+					this.hasAttribute(g.DEBUG_PANEL_OPEN) && e.setAttribute(g.DEBUG_PANEL_OPEN, "");
+					break;
+				case g.TARGET_BUFFER_TIME: {
+					let t = this.getAttribute("target-buffer-time");
+					t && e.setAttribute(g.TARGET_BUFFER_TIME, t);
+					break;
+				}
+				case g.PLAYBACK_LATENCY: {
+					var s;
+					let t = (s = p(F, this)) == null ? void 0 : s.playbackLatency;
+					typeof t == "number" && e.setAttribute(g.PLAYBACK_LATENCY, String(t));
+					break;
+				}
+				case g.CONNECTION_STATE:
+					p(F, this) && e.setAttribute(g.CONNECTION_STATE, p(F, this).connectionState);
+					break;
+				case g.ABR_ENABLED:
+					p(F, this) ? e.setAttribute(g.ABR_ENABLED, String(p(F, this).abrEnabled)) : v(this.getAttribute(g.ABR_ENABLED)) ? e.setAttribute(g.ABR_ENABLED, this.getAttribute(g.ABR_ENABLED) || "") : e.removeAttribute(g.ABR_ENABLED);
+					break;
+			}
+		});
+	}
+	disconnectListener(e) {
+		Jn(e).forEach((t) => {
+			let n = p(Pr, this).get(t);
+			n && p(Pr, this).set(t, n.filter((t) => t !== e));
+		});
+	}
+	get instance() {
+		return p(F, this);
+	}
+	get fullscreen() {
+		return f(V, this, Wi).call(this);
+	}
+	get airPlay() {
+		return p(qr, this);
+	}
+	connect() {
+		f(V, this, Ni).call(this);
+	}
+};
+function Ni() {
+	var e = this;
+	return t(function* () {
+		var t, n;
+		if (!p(Vr, e)) return;
+		let r = p(I, e) === p(zr, e);
+		yield (t = p(F, e)) == null ? void 0 : t.unload(), r && m(I, e, void 0);
+		let i = e.hasAttribute(g.PAUSED), a = e.hasAttribute(g.MUTED), o = _e(e.getAttribute(g.VOLUME)), s = typeof o == "number" ? Math.max(0, Math.min(1, o)) : o, c = ge(e.getAttribute(g.MEDIA)), ee = e.getAttribute(g.TEXT_TRACK) || void 0, l = e.getAttribute("edge-url") || void 0, te = e.getAttribute("authentication-token") || void 0, u = _e(e.getAttribute("max-video-bit-rate")), ne = _e(e.getAttribute("max-initial-bit-rate")), re = Ce(e.getAttribute("max-size")), ie = _e(e.getAttribute("min-buffer-time")), ae = _e(e.getAttribute("max-buffer-time")), se = b(e.getAttribute("burst-enabled")), ce = b(e.getAttribute("mse-enabled")), le = b(e.getAttribute("mse-opus-enabled")), d = b(e.getAttribute("ios-background-play-enabled")), h = b(e.getAttribute("ios-wake-lock-enabled")), ue = b(e.getAttribute("stream-to-media-element-enabled")), de = b(e.getAttribute("ios-media-element-enabled")), fe = b(e.getAttribute("abr-enabled"), !0), pe = b(e.getAttribute("size-based-resolution-cap-enabled")), _ = b(e.getAttribute("telemetry-enabled")), y = ye(e.getAttribute("video-codecs")), x = xe(e.getAttribute("poster")), Se = me(e.getAttribute("advanced")), we = he(e.getAttribute("log-level")), Te = {
+			headers: ve(e.getAttribute("drm-headers")),
+			queryParams: ve(e.getAttribute("drm-queryparams")),
+			widevine: {
+				videoRobustness: be(e.getAttribute("drm-widevine-video-robustness")),
+				audioRobustness: be(e.getAttribute("drm-widevine-audio-robustness"))
+			},
+			playready: {
+				videoRobustness: be(e.getAttribute("drm-playready-video-robustness")),
+				audioRobustness: be(e.getAttribute("drm-playready-audio-robustness"))
+			}
+		}, Ee = Ae(e.getAttribute("webcodecs-hardware-acceleration")), De = ke(e.getAttribute("decoders")), Oe = b(e.getAttribute("offscreen-canvas-enabled")), je = b(e.getAttribute("webtransport-enabled")), Me = _e(e.getAttribute("reconnect-retries")), Ne = Me === void 0 ? void 0 : (e) => e.reconnectRetries < Me, S = e.getAttribute("language") || void 0;
+		m(F, e, new oe({
+			url: p(Br, e),
+			channelId: p(Vr, e),
+			channelGroupId: p(Hr, e),
+			edgeUrl: l,
+			authenticationToken: te,
+			muted: a,
+			volume: s,
+			media: c,
+			maxSize: re,
+			maxVideoBitRate: u,
+			maxInitialBitRate: ne,
+			minBufferTime: ie,
+			maxBufferTime: ae,
+			burstEnabled: se,
+			mseEnabled: ce,
+			mseOpusEnabled: le,
+			iosBackgroundPlayEnabled: d,
+			iosWakeLockEnabled: h,
+			streamToMediaElementEnabled: ue,
+			iosMediaElementEnabled: de,
+			abrEnabled: fe,
+			sizeBasedResolutionCapEnabled: pe,
+			telemetryEnabled: _,
+			videoCodecs: y,
+			poster: x,
+			textTrack: ee,
+			advanced: Se,
+			logLevel: we,
+			language: S,
+			drm: Te,
+			webtransportEnabled: je,
+			webcodecsHardwareAcceleration: Ee,
+			decoders: De,
+			offscreenCanvasEnabled: Oe,
+			reconnectHandler: Ne
+		})), m(zr, e, new Dr(p(F, e))), p(I, e) || m(I, e, p(zr, e)), f(V, e, Pi).call(e), m(Lr, e, (n = e.shadowRoot) == null ? void 0 : n.querySelector("#video")), p(Lr, e) && p(F, e).attach(p(Lr, e)), e.setAttribute(g.MEDIA, p(F, e).media), p(F, e).muted && f(V, e, H).call(e, g.MUTED, ""), p(F, e).abrEnabled ? f(V, e, H).call(e, g.ABR_ENABLED, "") : f(V, e, U).call(e, g.ABR_ENABLED), f(V, e, H).call(e, g.SIZE_BASED_RESOLUTION_CAP_ENABLED, p(F, e).sizeBasedResolutionCapEnabled ? "true" : "false"), f(V, e, H).call(e, g.VOLUME, p(F, e).volume.toString()), v(x) || f(V, e, H).call(e, g.POSTER_SRC, p(F, e).getThumbnailUrl());
+		let Pe = b(e.getAttribute(g.AIRPLAY_ENABLED), !1), Fe = b(e.getAttribute(g.CAST_ENABLED), !0), Ie = b(e.getAttribute(g.FULLSCREEN_ENABLED), !0), Le = b(e.getAttribute(g.PIP_ENABLED), !0), Re = b(e.getAttribute(g.VU_METER_ENABLED), !1), ze = b(e.getAttribute(g.TIMESHIFT_ENABLED), !1);
+		Pe && f(V, e, Ji).call(e, p(F, e)), Fe && f(V, e, Gi).call(e, p(F, e)), Ie && f(V, e, Hi).call(e, p(F, e)), Le && f(V, e, Bi).call(e, p(F, e)), i || p(F, e).play(), Re && f(V, e, Yi).call(e, p(F, e)), e.dispatchEvent(new CustomEvent("vindral-instance-ready", {
+			bubbles: !0,
+			composed: !0,
+			detail: p(F, e)
+		})), ze && (f(V, e, Li).call(e), Ie && f(V, e, Ui).call(e));
+	})();
+}
+function Pi() {
+	p(F, this) && (p(F, this).on("rendition levels", p(ei, this)), p(F, this).on("rendition level", p(ti, this)), p(F, this).on("playback state", p(ni, this)), p(F, this).on("volume state", p(ri, this)), p(F, this).on("channel switch failed", p(ii, this)), p(F, this).on("channel switch", p(ai, this)), p(F, this).on("channels", p(oi, this)), p(F, this).on("languages", p(si, this)), p(F, this).on("text tracks", p(ci, this)), p(F, this).on("needs user input", p(li, this)), p(F, this).on("is live", p(ui, this)), p(F, this).on("timeshift info", p(di, this)));
+}
+function Fi() {
+	p(F, this) && (p(F, this).off("playback state", p(ni, this)), p(F, this).off("volume state", p(ri, this)), p(F, this).off("channel switch failed", p(ii, this)), p(F, this).off("channel switch", p(ai, this)), p(F, this).off("channels", p(oi, this)), p(F, this).off("languages", p(si, this)), p(F, this).off("text tracks", p(ci, this)), p(F, this).off("needs user input", p(li, this)), p(F, this).off("is live", p(ui, this)), p(F, this).off("timeshift info", p(di, this)));
+}
+function Ii() {
+	p(L, this) && (p(L, this).addEventListener("playing", p(fi, this)), p(L, this).addEventListener("pause", p(pi, this)), p(L, this).addEventListener("ended", p(mi, this)), p(L, this).addEventListener("timeupdate", p(gi, this)), p(L, this).addEventListener("volumechange", p(_i, this)), p(L, this).addEventListener("hlsbuffering", p(vi, this)), p(L, this).addEventListener("hlsnotbuffering", p(yi, this)), p(L, this).addEventListener("timeshiftready", p(bi, this)));
+}
+function Li() {
+	var e, t, n, r;
+	let i = _e(this.getAttribute(g.VOLUME)), a = i === void 0 ? (e = (t = p(I, this)) == null ? void 0 : t.volume) == null ? 1 : e : Math.max(0, Math.min(1, i)), o = b(this.getAttribute(g.MUTED), (n = (r = p(I, this)) == null ? void 0 : r.muted) == null ? !1 : n);
+	f(V, this, Ri).call(this), m(L, this, new ur(p(Rr, this), {
+		volume: a,
+		muted: o,
+		maxVideoBitRate: p(Ur, this) ? parseInt(p(Ur, this), 10) : void 0
+	})), p(L, this).addEventListener("durationchange", p(hi, this));
+}
+function Ri() {
+	p(L, this) && (f(V, this, zi).call(this), p(L, this).removeEventListener("durationchange", p(hi, this)), p(L, this).cleanup(), p(I, this) === p(L, this) && m(I, this, void 0), m(L, this, void 0));
+}
+function zi() {
+	p(L, this) && (p(L, this).removeEventListener("playing", p(fi, this)), p(L, this).removeEventListener("pause", p(pi, this)), p(L, this).removeEventListener("ended", p(mi, this)), p(L, this).removeEventListener("timeupdate", p(gi, this)), p(L, this).removeEventListener("volumechange", p(_i, this)), p(L, this).removeEventListener("hlsbuffering", p(vi, this)), p(L, this).removeEventListener("hlsnotbuffering", p(yi, this)), p(L, this).removeEventListener("timeshiftready", p(bi, this)));
+}
+function Bi(e) {
+	e.mediaElement instanceof HTMLVideoElement && (m(R, this, new qn(e.mediaElement)), p(R, this).isSupported() && (p(B, this).debug("PIP is supported"), f(V, this, H).call(this, g.PIP_AVAILABLE, "")), p(R, this).on("on picture in picture change", (e) => {
+		e ? f(V, this, H).call(this, g.IS_PIP, "") : f(V, this, U).call(this, g.IS_PIP);
+	}));
+}
+function Vi() {
+	var e;
+	if (!p(R, this)) return;
+	let t = null;
+	p(I, this) === p(L, this) && p(L, this) ? t = p(L, this).videoElement : ((e = p(F, this)) == null ? void 0 : e.mediaElement) instanceof HTMLVideoElement && (t = p(F, this).mediaElement), t && t !== p(R, this).videoElement && (p(B, this).debug("Updating PIP target to", p(I, this) === p(L, this) ? "HLS" : "Vindral"), p(R, this).unload(), m(R, this, new qn(t)), p(R, this).on("on picture in picture change", (e) => {
+		e ? f(V, this, H).call(this, g.IS_PIP, "") : f(V, this, U).call(this, g.IS_PIP);
+	}));
+}
+function Hi(e) {
+	let t = !Ln.isFullscreenApiSupported(this) && Ln.isFullscreenApiSupported(e.mediaElement) ? e.mediaElement : this;
+	m(Gr, this, new Ln(t)), p(Gr, this).on("on fullscreen change", (e) => {
+		e ? f(V, this, H).call(this, g.FULLSCREEN, "") : f(V, this, U).call(this, g.FULLSCREEN);
+	});
+}
+function Ui() {
+	var e;
+	p(L, this) && (m(Kr, this, !Ln.isFullscreenApiSupported(this) && Ln.isFullscreenApiSupported((e = p(L, this)) == null ? void 0 : e.videoElement) ? new Ln(p(L, this).videoElement) : new Ln(this)), p(Kr, this).on("on fullscreen change", (e) => {
+		e ? f(V, this, H).call(this, g.FULLSCREEN, "") : f(V, this, U).call(this, g.FULLSCREEN);
+	}));
+}
+function Wi() {
+	return this.hasAttribute(g.TIMESHIFT_POSITION) ? p(Kr, this) : p(Gr, this);
+}
+function Gi(e) {
+	m(Jr, this, new Ee({
+		background: p(Xr, this),
+		receiverApplicationId: p(Yr, this),
+		options: e.getCastOptions()
+	})), p(Jr, this).init().then(() => {
+		var e, t, n;
+		f(V, this, H).call(this, g.CAST_AVAILABLE, ""), (e = p(Jr, this)) == null || e.on("connected", f(V, this, Ki).bind(this)), (t = p(Jr, this)) == null || t.on("resumed", f(V, this, Ki).bind(this)), (n = p(Jr, this)) == null || n.on("disconnected", f(V, this, qi).bind(this));
+	}).catch((e) => {
+		p(B, this).warn("Failed to initialize CastSender", e);
+	});
+}
+function Ki() {
+	var e, t;
+	f(V, this, H).call(this, g.IS_CASTING, "");
+	let n = (e = (t = p(Jr, this)) == null ? void 0 : t.getReceiverName()) == null ? "device" : e;
+	f(V, this, H).call(this, g.CAST_RECEIVER_NAME, n);
+}
+function qi() {
+	f(V, this, U).call(this, g.IS_CASTING), f(V, this, U).call(this, g.CAST_RECEIVER_NAME);
+}
+function Ji(e) {
+	var t;
+	(t = p(qr, this)) == null || t.unload();
+	let n = e.getCastOptions();
+	m(qr, this, new In({
+		url: n.url,
+		channelId: n.channelId,
+		authenticationToken: n.authenticationToken,
+		container: this
+	})), p(qr, this).once("available", () => {
+		f(V, this, H).call(this, g.AIRPLAY_AVAILABLE, "");
+	}), p(qr, this).on("connected", () => {
+		f(V, this, H).call(this, g.IS_AIRPLAYING, "");
+	}), p(qr, this).on("disconnected", () => {
+		f(V, this, U).call(this, g.IS_AIRPLAYING);
+	});
+}
+function Yi(e) {
+	var t;
+	if ((t = p(z, this)) == null || t.unload(), !n()) {
+		if (e.audioNode) m(z, this, new Xn(e.audioNode));
+		else if (e.mediaElement instanceof HTMLMediaElement) m(z, this, new Xn(e.mediaElement));
+		else return;
+		p(z, this).on("on decibel change", (e) => {
+			f(V, this, H).call(this, g.VOLUME_LEVEL, JSON.stringify(e));
+		}), f(V, this, H).call(this, g.VOLUME_LEVEL, JSON.stringify({
+			left: null,
+			right: null
+		})), (!p(z, this).isMediaElementSource || !this.hasAttribute(g.MUTED)) && p(z, this).start();
+	}
+}
+function Xi() {
+	let e = () => (customElements.get("vindral-debug-panel") || import("./ABGzdpO4.js").then((e) => e.n).then(({ registerDebugComponents: e }) => e()), this.setAttribute(g.DEBUG_PANEL_OPEN, ""), p(F, this));
+	window._vindralDebug = e, m($r, this, e);
+}
+function Zi() {
+	let e = window;
+	p($r, this) && e._vindralDebug === p($r, this) && delete e._vindralDebug, m($r, this, null);
+}
+function Qi(e) {
+	e.pointerType !== "mouse" && e.timeStamp - p(xi, this) < 250 || (f(V, this, aa).call(this), p(Ir, this) && clearTimeout(p(Ir, this)), e.target instanceof HTMLElement && ([this, p(Lr, this)].includes(e.target) || e.target.localName === "vindral-scroll-overlay") && f(V, this, oa).call(this));
+}
+function $i(e) {
+	let t = this.hasAttribute(g.USER_INTERACTING);
+	e.pointerType === "touch" && e.target instanceof HTMLElement ? [this, p(Lr, this)].includes(e.target) && t ? f(V, this, ia).call(this) : f(V, this, oa).call(this) : e.composedPath().some((e) => e instanceof HTMLElement && ["vindral-play-button"].includes(e == null ? void 0 : e.localName)) && f(V, this, oa).call(this);
+}
+function ea(e) {
+	!p(Gr, this) || e.target instanceof x || e.target instanceof Re || e.target instanceof jr || (this.hasAttribute(g.FULLSCREEN) ? this.removeAttribute(g.FULLSCREEN) : this.setAttribute(g.FULLSCREEN, ""));
+}
+function ta(e) {
+	this.hasAttribute(g.USER_INTERACTING) || f(V, this, oa).call(this);
+}
+function na(e) {
+	var t;
+	let { metaKey: n, altKey: r, key: i } = e;
+	if (n || r || !Nr.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;
+		return Array.isArray(t) && t.includes(i);
+	})) switch (i) {
+		case "f":
+			this.hasAttribute(g.FULLSCREEN) ? this.removeAttribute(g.FULLSCREEN) : this.setAttribute(g.FULLSCREEN, "");
+			break;
+		case "m":
+			this.hasAttribute(g.MUTED) ? this.removeAttribute(g.MUTED) : this.setAttribute(g.MUTED, "");
+			break;
+		case "ArrowDown":
+			var o;
+			(o = this.querySelector("vindral-scroll-overlay")) == null || o.setAttribute("open", "");
+			break;
+	}
+}
+function ra() {
+	var e = this;
+	return t(function* () {
+		if (!p(F, e) || !p(Hr, e)) return;
+		let t = Date.now();
+		if (p(Oi, e) && t - p(Oi, e) < 1e4) p(B, e).debug("Skipping channel update, last update was less than 10 seconds ago.");
+		else {
+			m(Oi, e, t);
+			let n = yield p(F, e).getApiClient().getChannels(p(Hr, e));
+			f(V, e, H).call(e, g.CHANNELS, JSON.stringify(n));
+		}
+		m(Zr, e, window.setTimeout(() => void f(V, e, ra).call(e), 1e4));
+	})();
+}
+function ia() {
+	!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 aa() {
+	this.hasAttribute(g.USER_INTERACTING) || requestAnimationFrame(() => {
+		this.setAttribute(g.USER_INTERACTING, ""), this.dispatchEvent(new CustomEvent("user-interacting", {
+			bubbles: !0,
+			composed: !0,
+			detail: { active: !0 }
+		}));
+	});
+}
+function oa() {
+	f(V, this, aa).call(this), p(Ir, this) && clearTimeout(p(Ir, this)), p(Fr, this) && m(Ir, this, self.setTimeout(() => {
+		f(V, this, ia).call(this);
+	}, p(Fr, this)));
+}
+function sa() {
+	var e;
+	let t = getComputedStyle(this).getPropertyValue("--vindral-subtitle-offset") || "0px";
+	(e = p(F, this)) == null || (e = e.mediaElement) == null || e.style.setProperty("--vindral-subtitle-offset", t);
+}
+function ca() {
+	var e;
+	f(V, this, Vi).call(this), f(V, this, fa).call(this), (e = p(R, this)) == null || e.request().catch((e) => {
+		p(B, this).warn("Failed to enter picture in picture:", e);
+	});
+}
+function la() {
+	var e;
+	(e = p(R, this)) == null || e.exit().catch((e) => {
+		p(B, this).warn("Failed to exit picture in picture:", e);
+	});
+}
+function ua() {
+	let e = f(V, this, Wi).call(this);
+	if (!e) {
+		console.warn("No fullscreen target available"), this.setAttribute(g.FULLSCREEN_FALLBACK, ""), f(V, this, H).call(this, g.FULLSCREEN, "");
+		return;
+	}
+	e != null && e.isFullscreenApiSupported() ? (f(V, this, fa).call(this), e == null || e.request().then(() => {
+		p(ki, this).call(this);
+	}).catch((e) => {
+		p(B, this).warn("Failed to enter fullscreen:", e);
+	})) : (this.setAttribute(g.FULLSCREEN_FALLBACK, ""), f(V, this, H).call(this, g.FULLSCREEN, ""));
+}
+function da() {
+	let e = f(V, this, Wi).call(this);
+	e != null && e.isFullscreenApiSupported() ? e == null || e.exit().then(() => {
+		p(Ai, this).call(this);
+	}).catch((e) => {
+		p(B, this).warn("Failed to exit fullscreen:", e);
+	}) : (this.removeAttribute(g.FULLSCREEN_FALLBACK), f(V, this, U).call(this, g.FULLSCREEN));
+}
+function fa() {
+	p(F, this) && p(F, this).emitter.emit("ios-hack: reset size");
+}
+function pa() {
+	return this.hasAttribute(g.DEBUG_PANEL_OPEN);
+}
+function ma() {
+	f(V, this, pa).call(this) ? f(V, this, ha).call(this) : f(V, this, ga).call(this);
+}
+function ha() {
+	p(ji, this) === null && (f(V, this, _a).call(this), m(ji, this, window.setInterval(() => f(V, this, _a).call(this), 1e3)));
+}
+function ga() {
+	p(ji, this) && (clearInterval(p(ji, this)), m(ji, this, null)), this.removeAttribute(g.DRIFT), f(V, this, U).call(this, g.DRIFT), f(V, this, U).call(this, g.PLAYBACK_LATENCY), f(V, this, U).call(this, g.CONNECTION_STATE);
+}
+function _a() {
+	if (!p(F, this)) return;
+	try {
+		let e = p(F, this).getStatistics().drift;
+		if (typeof e == "number") {
+			let t = Math.round(e * 10) / 10;
+			f(V, this, H).call(this, g.DRIFT, String(t));
+		}
+	} catch (e) {}
+	let e = p(F, this).targetBufferTime;
+	typeof e == "number" && f(V, this, H).call(this, g.TARGET_BUFFER_TIME, String(e));
+	let t = p(F, this).playbackLatency;
+	typeof t == "number" ? f(V, this, H).call(this, g.PLAYBACK_LATENCY, String(t)) : f(V, this, U).call(this, g.PLAYBACK_LATENCY), f(V, this, H).call(this, g.CONNECTION_STATE, p(F, this).connectionState);
+}
+function H(e, t) {
+	var n;
+	(n = p(Pr, this).get(e)) == null || n.forEach((n) => n.setAttribute(e, t));
+}
+function U(e) {
+	var t;
+	(t = p(Pr, this).get(e)) == null || t.forEach((t) => t.removeAttribute(e));
+}
+e(Mi, "observedAttributes", [
+	...pe,
+	"url",
+	"edge-url",
+	"target-buffer-time",
+	"cast-receiver-id",
+	"cast-background",
+	"log-level",
+	"max-size",
+	"min-buffer-time",
+	"max-buffer-time",
+	"max-audio-bit-rate",
+	"max-initial-bit-rate",
+	"burst-enabled",
+	"mse-enabled",
+	"mse-opus-enabled",
+	"ios-background-play-enabled",
+	"ios-wake-lock-enabled",
+	"stream-to-media-element-enabled",
+	"ios-media-element-enabled",
+	"abr-enabled",
+	"size-based-resolution-cap-enabled",
+	"telemetry-enabled",
+	"video-codecs",
+	"poster",
+	"advanced",
+	"drm-headers",
+	"drm-queryparams",
+	"drm-widevine-video-robustness",
+	"drm-widevine-audio-robustness",
+	"drm-playready-video-robustness",
+	"drm-playready-audio-robustness",
+	"webtransport-enabled",
+	"webcodecs-hardware-acceleration",
+	"decoders",
+	"offscreen-canvas-enabled",
+	"reconnect-retries",
+	"auto-instance-enabled",
+	"language"
+]);
+var va = { _: "https://lb.cdn.vindral.com" }, ya, ba = document.createElement("template");
+ba.innerHTML = `
+  <style>
+    :host {
+      display: var(--fullscreen-button-display);
+    }
+
+    :host([${g.FULLSCREEN}]) slot[name="enter"] {
+      display: none !important;
+    }
+
+    :host(:not([${g.FULLSCREEN}])) slot[name="exit"] {
+      display: none !important;
+    }
+  </style>
+
+  <slot name="icon">
+    <slot name="enter">
+  <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"  class="icon icon-tabler icons-tabler-outline icon-tabler-maximize"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8v-2a2 2 0 0 1 2 -2h2" /><path d="M4 16v2a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v2" /><path d="M16 20h2a2 2 0 0 0 2 -2v-2" /></svg>
+</slot>
+    <slot name="exit">
+  <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"  class="icon icon-tabler icons-tabler-outline icon-tabler-minimize"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 19v-2a2 2 0 0 1 2 -2h2" /><path d="M15 5v2a2 2 0 0 0 2 2h2" /><path d="M5 15h2a2 2 0 0 1 2 2v2" /><path d="M5 9h2a2 2 0 0 0 2 -2v-2" /></svg>
+</slot>
+  </slot>
+`;
+var xa = class extends x {
+	constructor() {
+		var e;
+		super(), (e = this.shadowRoot) == null || e.appendChild(ba.content.cloneNode(!0));
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.setAttribute("aria-label", this.isFullscreen ? "Exit fullscreen" : "Enter fullscreen");
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+	}
+	attributeChangedCallback(e, t, n) {
+		super.attributeChangedCallback(e, t, n), e === g.FULLSCREEN && this.setAttribute("aria-label", this.isFullscreen ? "Exit fullscreen" : "Enter fullscreen");
+	}
+	set isFullscreen(e) {
+		e ? this.setAttribute(g.FULLSCREEN, "") : this.removeAttribute(g.FULLSCREEN);
+	}
+	get isFullscreen() {
+		return this.hasAttribute(g.FULLSCREEN);
+	}
+	handleClick(e) {
+		let t = this.isFullscreen ? _.EXIT_FULLSCREEN : _.ENTER_FULLSCREEN;
+		this.dispatchEvent(new CustomEvent(t, {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+};
+ya = xa, e(xa, "observedAttributes", [...y(ya, "observedAttributes", ya), g.FULLSCREEN]);
+//#endregion
+//#region ../../libs/player-next/src/components/LanguageMenu.ts
+var Sa, Ca = "\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", wa = document.createElement("template");
+wa.innerHTML = `
+  <style>
+    :host(:not([hidden])) {
+      display: var(--language-menu-display);
+    }
+  </style>
+
+  <slot name="button">${Ca}</slot>
+  <slot name="listbox" hidden>
+    <vindral-language-menu-list id="listbox" part="listbox"></vindral-language-menu-list>
+  </slot>
+`;
+var Ta = /* @__PURE__ */ new WeakSet(), Ea = class extends Re {
+	constructor() {
+		var e, t, n, r;
+		super(), h(this, Ta), (e = this.shadowRoot) == null || e.appendChild(wa.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(Ta, this, Da).call(this), this.setAttribute("aria-label", "Languages");
+	}
+	attributeChangedCallback(e, t, n) {
+		super.attributeChangedCallback(e, t, n), (e === g.LANGUAGES || e === g.TEXT_TRACKS) && f(Ta, this, Da).call(this);
+	}
+};
+Sa = Ea;
+function Da() {
+	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(Ea, "observedAttributes", [
+	...y(Sa, "observedAttributes", Sa),
+	g.LANGUAGES,
+	g.TEXT_TRACKS
+]);
+//#endregion
+//#region ../../libs/player-next/src/components/LanguageMenuList.ts
+var Oa = document.createElement("template");
+Oa.innerHTML = `
+  <style>
+    :host {
+      font: inherit;
+      cursor: default;
+      padding: var(--padding-2);
+      padding-top: var(--padding-3);
+      border-radius: 0.25em;
+      position: absolute;
+      min-width: 140px;
+      background: var(--bg-subtle);
+      z-index: 1;
+      overflow: auto;
+      display: flex;
+      flex-direction: row;
+      gap: var(--padding-3);
+    }
+
+    :host([list-position="top"]) {
+      bottom: calc(100% + 0.5em);
+      transform: translate(-50%);
+    }
+
+    :host([list-position="bottom"]) {
+      top: calc(100% + 0.5em);
+    }
+
+    :host::-webkit-scrollbar {
+      width: 5px;
+      padding-right: 5px;
+    }
+
+    :host::-webkit-scrollbar-thumb {
+      background-color: var(--fg-extra-subtle);
+      border-radius: 10px;
+      border: 0;
+    }
+
+    :host::-webkit-scrollbar-track {
+      border-radius: 10px;
+      background-color: transparent;
+    }
+
+    .menu {
+      display: grid;
+      gap: var(--padding-1);
+    }
+
+    .menu-container {
+      display: flex;
+      flex-direction: column;
+      flex: 1;
+    }
+
+    [role="menuitem"] {
+      position: relative;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      height: 44px;
+      padding: 0 var(--padding-3);
+      padding-left: var(--padding-6);
+      border-radius: 4px;
+      font-size: 14px;
+    }
+
+    [role="menuitem"]:hover {
+      background: var(--bg-component-hover);
+    }
+
+    [role="menuitem"][aria-selected="true"] {
+      background: var(--bg-component-active);
+    }
+
+    [role="menuitem"][aria-selected="true"]::before {
+      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");
+      position: absolute;
+      left: var(--padding-3);
+      top: calc(50% - 8px);
+    }
+
+    [role="menuitem"]:focus-visible {
+      box-shadow: inset 0 0 0 2px var(--fg-strong);
+      outline: 0;
+    }
+
+    .heading {
+      text-transform: uppercase;
+      margin-bottom: var(--padding-2);
+      padding: 0 var(--padding-3);
+      font-size: 11px;
+      font-weight: bold;
+    }
+
+    :host([${g.LANGUAGES}="[]"]) #languages,
+    :host(:not([${g.LANGUAGES}])) #languages {
+      display: none;
+    }
+
+    :host([${g.TEXT_TRACKS}="[]"]) #text-tracks,
+    :host(:not([${g.TEXT_TRACKS}])) #text-tracks {
+      display: none;
+    }
+  </style>
+
+  <div id="languages" class="menu-container">
+    <div class="heading">Language</div>
+    <div class="menu"></div>
+  </div>
+  <div id="text-tracks" class="menu-container">
+    <div class="heading">Subtitles</div>
+    <div class="menu"></div>
+  </div>
+`;
+var ka = /* @__PURE__ */ new WeakMap(), Aa = /* @__PURE__ */ new WeakMap(), ja = /* @__PURE__ */ new WeakMap(), Ma = /* @__PURE__ */ new WeakMap(), Na = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new WeakMap(), Pa = /* @__PURE__ */ new WeakMap(), Fa = /* @__PURE__ */ new WeakMap(), Ia = /* @__PURE__ */ new WeakMap(), La = /* @__PURE__ */ new WeakMap(), Ra = /* @__PURE__ */ new WeakMap(), za = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakSet(), Ba = class extends HTMLElement {
+	constructor() {
+		super(), h(this, G), d(this, ka, []), d(this, Aa, []), d(this, ja, void 0), d(this, Ma, void 0), d(this, Na, []), d(this, W, []), d(this, Pa, null), d(this, Fa, null), d(this, Ia, null), d(this, La, null), d(this, Ra, null), d(this, za, null), e(this, "handleEvent", (e) => {
+			switch (e.type) {
+				case "keydown":
+					f(G, this, Ya).call(this, e);
+					break;
+			}
+		}), this.attachShadow({ mode: "open" }).appendChild(Oa.content.cloneNode(!0));
+	}
+	connectedCallback() {
+		let e = this.getRootNode();
+		if (e instanceof ShadowRoot) {
+			var t, n, r;
+			m(Ia, this, e.host.closest("vindral-controller")), (t = p(Ia, this)) == null || t.connectListener(this), m(Pa, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#languages .menu")), m(Fa, this, (r = this.shadowRoot) == null ? void 0 : r.querySelector("#text-tracks .menu")), f(G, this, Va).call(this), f(G, this, Ha).call(this), m(La, this, e.host), this.addEventListener("keydown", this);
+		}
+	}
+	disconnectedCallback() {
+		this.removeEventListener("keydown", this);
+	}
+	attributeChangedCallback(e, t, n) {
+		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) {
+		m(ka, this, e), f(G, this, Wa).call(this), f(G, this, Ka).call(this);
+	}
+	set textTracks(e) {
+		m(Aa, this, e), f(G, this, Ua).call(this), f(G, this, qa).call(this);
+	}
+	set language(e) {
+		m(ja, this, e), f(G, this, Ka).call(this);
+	}
+	set textTrack(e) {
+		m(Ma, this, e), f(G, this, qa).call(this);
+	}
+	get keysUsed() {
+		return [
+			"Enter",
+			"Escape",
+			"Tab",
+			" ",
+			"ArrowDown",
+			"ArrowUp",
+			"ArrowLeft",
+			"ArrowRight",
+			"Home",
+			"End"
+		];
+	}
+	focus() {
+		p(Ra, this) ? p(Ra, this).focus() : p(za, this) && p(za, this).focus();
+	}
+};
+function Va() {
+	new IntersectionObserver((e) => {
+		e.forEach((e) => {
+			if (e.intersectionRatio !== 1) if (e.intersectionRatio > 0) {
+				let t = this.offsetHeight * e.intersectionRatio - 24;
+				this.style.height = `${t}px`;
+			} else this.style.height = "auto";
+		});
+	}, {
+		root: p(Ia, this),
+		threshold: 0
+	}).observe(this);
+}
+function Ha() {
+	p(Pa, this) && (f(G, this, Wa).call(this), f(G, this, Ka).call(this)), p(Fa, this) && (f(G, this, Ua).call(this), f(G, this, qa).call(this));
+}
+function Ua() {
+	p(Fa, this).innerHTML = "", m(W, this, []);
+	let e = f(G, this, Ga).call(this, "Off", "textTrack", void 0);
+	p(Fa, this).appendChild(e), p(W, this).push({
+		element: e,
+		value: void 0
+	}), p(Aa, this).forEach((e) => {
+		let t = f(G, this, Ga).call(this, e, "textTrack", e);
+		p(Fa, this).appendChild(t), p(W, this).push({
+			element: t,
+			value: e
+		});
+	}), f(G, this, qa).call(this);
+}
+function Wa() {
+	p(Pa, this).innerHTML = "", m(Na, this, []), p(ka, this).forEach((e) => {
+		let t = f(G, this, Ga).call(this, e, "language", e);
+		p(Pa, this).appendChild(t), p(Na, this).push({
+			element: t,
+			value: e
+		});
+	}), f(G, this, Ka).call(this);
+}
+function Ga(e, t, n) {
+	let r = document.createElement("div");
+	return r.setAttribute("role", "menuitem"), r.textContent = e, r.addEventListener("click", () => f(G, this, Ja).call(this, n, t)), r;
+}
+function Ka() {
+	p(Ra, this) && (p(Ra, this).removeAttribute("aria-selected"), p(Ra, this).tabIndex = -1);
+	let e = p(Na, this).find((e) => e.value === p(ja, this));
+	e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, m(Ra, this, e.element));
+}
+function qa() {
+	p(za, this) && (p(za, this).removeAttribute("aria-selected"), p(za, this).tabIndex = -1);
+	let e = p(W, this).find((e) => e.value === p(Ma, this));
+	if (e) e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, m(za, this, e.element);
+	else {
+		let e = p(W, this).find((e) => e.value === void 0);
+		e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, m(za, this, e.element));
+	}
+}
+function Ja(e, t) {
+	this.dispatchEvent(new Event("change", {
+		bubbles: !0,
+		composed: !0
+	}));
+	let n = t === "language" ? _.SET_LANGUAGE : _.SET_TEXT_TRACK;
+	this.dispatchEvent(new CustomEvent(n, {
+		bubbles: !0,
+		composed: !0,
+		detail: e
+	}));
+}
+function Ya(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(La, this)) == null || a.hide();
+	} else if (t === "Enter" || t === " ") {
+		var o;
+		(o = f(G, this, Qa).call(this)) == null || (o = o.element) == null || o.click();
+	} else f(G, this, Xa).call(this, e);
+}
+function Xa(e) {
+	var t;
+	let { key: n } = e, r = [...p(Na, this), ...p(W, this)], i = (t = f(G, this, Qa).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 = f(G, this, Za).call(this, a, "left") : n === "ArrowRight" ? o = f(G, this, Za).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 && (f(G, this, $a).call(this, s.value), s.element.focus());
+}
+function Za(e, t) {
+	let n = p(Na, this).length, r = p(W, this).length;
+	return t === "left" ? e < n ? n + r - 1 : e - n - 1 : e >= n ? 0 : e + n;
+}
+function Qa() {
+	return [...p(Na, this), ...p(W, this)].find((e) => e.element.tabIndex === 0);
+}
+function $a(e) {
+	for (let t of [...p(Na, this), ...p(W, this)]) t.element.tabIndex = t.value === e ? 0 : -1;
+}
+e(Ba, "observedAttributes", [
+	g.LANGUAGES,
+	g.TEXT_TRACKS,
+	g.LANGUAGE,
+	g.TEXT_TRACK
+]);
+//#endregion
+//#region ../../libs/player-next/src/components/LiveButton.ts
+var eo, to = document.createElement("template");
+to.innerHTML = "\n  <style>\n    :host {\n      display: var(--live-button-display, flex);\n      color: var(--vindral-fg-strong, #eee);\n      border: 1px solid transparent;\n      font-size: 12px;\n      font-weight: bold;\n      cursor: pointer;\n      transition: all 0.2s;\n      min-width: 50px;\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 no = class extends x {
+	constructor() {
+		var e;
+		super(), (e = this.shadowRoot) == null || e.appendChild(to.content.cloneNode(!0));
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.updateState();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+	}
+	attributeChangedCallback(e, t, n) {
+		super.attributeChangedCallback(e, t, n), (e === g.TIMESHIFT_POSITION || e === g.DURATION) && this.updateState();
+	}
+	updateState() {
+		if (!this.hasAttribute(g.DURATION)) {
+			this.setAttribute("hidden", ""), this.removeAttribute("aria-label"), this.removeAttribute("disabled");
+			return;
+		}
+		this.removeAttribute("hidden"), this.isLive ? (this.setAttribute("aria-label", "Currently live"), this.setAttribute("disabled", "")) : (this.setAttribute("aria-label", "Go live"), this.removeAttribute("disabled"));
+	}
+	get isLive() {
+		return !this.hasAttribute(g.TIMESHIFT_POSITION);
+	}
+	set isLive(e) {
+		e ? this.removeAttribute(g.TIMESHIFT_POSITION) : this.setAttribute(g.TIMESHIFT_POSITION, "");
+	}
+	handleClick(e) {
+		this.isLive || this.dispatchEvent(new CustomEvent(_.GO_LIVE, {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+};
+eo = no, e(no, "observedAttributes", [
+	...y(eo, "observedAttributes", eo),
+	g.TIMESHIFT_POSITION,
+	g.DURATION
+]);
+//#endregion
+//#region ../../libs/player-next/src/components/MuteButton.ts
+var ro, io = document.createElement("template");
+io.innerHTML = `
+  <style>
+    :host {
+      display: var(--mute-button-display);
+    }
+
+    :host([${g.MUTED}]) slot[name="unmute"] {
+      display: none !important;
+    }
+
+    :host(:not([${g.MUTED}])) slot[name="mute"] {
+      display: none !important;
+    }
+  </style>
+
+  <slot name="icon">
+    <slot name="mute">
+<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  <g fill="none" stroke="currentColor">
+<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z" clip-rule="evenodd" />
+<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2" />
+</g></svg>
+</slot>
+    <slot name="unmute">
+  <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  <g fill="none" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z" /></svg>
+</slot>
+  </slot>
+`;
+var ao = class extends x {
+	constructor() {
+		var e;
+		super(), (e = this.shadowRoot) == null || e.appendChild(io.content.cloneNode(!0));
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.setAttribute("aria-label", this.muted ? "UnMute" : "Mute");
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+	}
+	attributeChangedCallback(e, t, n) {
+		super.attributeChangedCallback(e, t, n), e === g.MUTED && this.setAttribute("aria-label", this.muted ? "UnMute" : "Mute");
+	}
+	set muted(e) {
+		e ? this.setAttribute(g.MUTED, "") : this.removeAttribute(g.MUTED);
+	}
+	get muted() {
+		return this.hasAttribute(g.MUTED);
+	}
+	handleClick(e) {
+		let t = this.muted ? _.UNMUTE : _.MUTE;
+		this.dispatchEvent(new CustomEvent(t, {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+};
+ro = ao, e(ao, "observedAttributes", [...y(ro, "observedAttributes", ro), g.MUTED]);
+//#endregion
+//#region ../../libs/player-next/src/components/PictureInPictureButton.ts
+var oo, so = document.createElement("template");
+so.innerHTML = `
+  <style>
+    :host {
+      display: var(--pip-button-display);
+    }
+
+    :host(:not([${g.PIP_AVAILABLE}])) {
+      display: none !important;
+    }
+  </style>
+  <slot name="icon">
+    <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 co = class extends x {
+	constructor() {
+		var e;
+		super(), (e = this.shadowRoot) == null || e.appendChild(so.content.cloneNode(!0));
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.setAttribute("aria-label", this.isPictureInPictureActive ? "Exit picture in picture" : "Enter picture in picture");
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+	}
+	attributeChangedCallback(e, t, n) {
+		super.attributeChangedCallback(e, t, n), e === g.IS_PIP && this.setAttribute("aria-label", this.isPictureInPictureActive ? "Exit picture in picture" : "Enter picture in picture");
+	}
+	set isPictureInPictureActive(e) {
+		e ? this.setAttribute(g.IS_PIP, "") : this.removeAttribute(g.IS_PIP);
+	}
+	get isPictureInPictureActive() {
+		return this.hasAttribute(g.IS_PIP);
+	}
+	handleClick(e) {
+		let t = this.isPictureInPictureActive ? _.EXIT_PIP : _.ENTER_PIP;
+		this.dispatchEvent(new CustomEvent(t, {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+};
+oo = co, e(co, "observedAttributes", [
+	...y(oo, "observedAttributes", oo),
+	g.IS_PIP,
+	g.PIP_AVAILABLE
+]);
+//#endregion
+//#region ../../libs/player-next/src/components/PlayButton.ts
+var lo, uo = document.createElement("template");
+uo.innerHTML = `
+  <style>
+    :host {
+      display: var(--play-button-display);
+    }
+
+    :host([${g.PAUSED}]) slot[name="pause"] {
+      display: none !important;
+    }
+
+    :host(:not([${g.PAUSED}])) slot[name="play"] {
+      display: none !important;
+    }
+  </style>
+
+  <slot name="icon">
+    <slot name="play">
+  <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>
+</slot>
+    <slot name="pause">
+  <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="M9 4h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2z" /><path d="M17 4h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2z" /></svg>
+</slot>
+  </slot>
+`;
+var fo = class extends x {
+	constructor() {
+		var e;
+		super(), (e = this.shadowRoot) == null || e.appendChild(uo.content.cloneNode(!0));
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.setAttribute("aria-label", this.paused ? "Play" : "Pause");
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+	}
+	attributeChangedCallback(e, t, n) {
+		super.attributeChangedCallback(e, t, n), e === g.PAUSED && this.setAttribute("aria-label", this.paused ? "Play" : "Pause");
+	}
+	set paused(e) {
+		e ? this.setAttribute(g.PAUSED, "") : this.removeAttribute(g.PAUSED);
+	}
+	get paused() {
+		return this.hasAttribute(g.PAUSED);
+	}
+	handleClick(e) {
+		let t = this.paused ? _.PLAY : _.PAUSE;
+		this.dispatchEvent(new CustomEvent(t, {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+};
+lo = fo, e(fo, "observedAttributes", [...y(lo, "observedAttributes", lo), g.PAUSED]);
+//#endregion
+//#region ../../libs/player-next/src/PlayerAttributes.ts
+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"
+}, po = Object.values(K), mo = /* @__PURE__ */ new WeakMap(), ho = /* @__PURE__ */ new WeakMap(), go = /* @__PURE__ */ new WeakMap(), _o = /* @__PURE__ */ new WeakMap(), vo = /* @__PURE__ */ new WeakMap(), yo = /* @__PURE__ */ new WeakMap(), bo = /* @__PURE__ */ new WeakMap(), xo = /* @__PURE__ */ new WeakSet(), So = class extends fe {
+	constructor(e) {
+		super(), h(this, xo), d(this, mo, void 0), d(this, ho, void 0), d(this, go, !1), d(this, _o, !1), d(this, vo, !0), d(this, yo, null), d(this, bo, null), m(ho, this, e), m(mo, this, new de({
+			publicEndpoint: e.url,
+			tokenFactory: () => e.authenticationToken
+		}));
+	}
+	start(e = 5e3) {
+		p(bo, this) && clearInterval(p(bo, this)), m(go, this, !1), m(_o, this, !1), f(xo, this, Eo).call(this), f(xo, this, Co).call(this), m(bo, this, window.setInterval(() => {
+			!p(_o, this) && !p(ho, this).infiniteReconnect && !p(yo, this) && p(vo, this) && m(yo, this, window.setTimeout(() => f(xo, this, wo).call(this), 300 * 1e3)), !p(_o, this) && p(vo, this) && f(xo, this, Co).call(this);
+		}, e));
+	}
+	stop() {
+		f(xo, this, To).call(this), p(bo, this) && (window.clearInterval(p(bo, this)), m(bo, this, null));
+	}
+};
+function Co() {
+	var e = this;
+	return t(function* () {
+		if (p(go, e)) return;
+		m(go, e, !0);
+		let t = "Stream is offline", n = "Please stand by";
+		try {
+			let t = yield p(mo, e).getChannel(p(ho, e).channelId);
+			if (t.isLive) {
+				m(_o, e, !0), f(xo, e, Eo).call(e), e.emit("live", t), m(go, 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");
+		}
+		p(vo, e) && e.emit("error", {
+			title: t,
+			message: n
+		}), m(go, e, !1);
+	})();
+}
+function wo() {
+	this.stop(), m(vo, this, !1), this.emit("timeout");
+}
+function To() {
+	p(yo, this) && (window.clearTimeout(p(yo, this)), m(yo, this, null));
+}
+function Eo() {
+	f(xo, this, To).call(this), m(vo, this, !0);
+}
+//#endregion
+//#region ../../libs/player-next/src/utils/browser.ts
+var Do = /\/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, Oo = navigator.userAgent.toLowerCase(), ko = Do.test(Oo), Ao = (e) => Mi.observedAttributes.includes(e), jo = `
+  <style>
+    :host {
+      container-type: inline-size;
+      position: relative;
+      overflow: hidden;
+      width: 100%;
+      display: flex;
+      justify-content: center;
+
+      --vindral-volume-range-display: ${ko ? "none" : "flex"};
+      --vindral-airplay-button-display: none;
+      --vindral-play-overlay-display: none;
+      --vindral-grid-item-offline-display: none;
+      --vindral-seek-bar-display: none;
+    }
+
+    vindral-control-bar[slot="top-bar"] {
+      display: none;
+    }
+
+    @container (max-width: 320px) {
+      vindral-controller {
+        --vindral-volume-range-display: none;
+        --vindral-control-padding: 0px;
+        --vindral-button-padding: 4px;
+        --vindral-play-overlay-icon-size: 40px;
+      }
+
+      vindral-control-bar[slot="top-bar"] {
+        display: block;
+      }
+
+      vindral-control-bar:not([slot="top-bar"]) vindral-rendition-levels-menu,
+      vindral-control-bar:not([slot="top-bar"]) vindral-advanced-rendition-menu,
+      vindral-control-bar:not([slot="top-bar"]) vindral-cast-button,
+      vindral-control-bar:not([slot="top-bar"]) vindral-airplay-button {
+        display: none;
+      }
+    }
+
+    vindral-scroll-overlay {
+      z-index: 20;
+      // needs to be higher than bottom bar/UI
+    }
+
+    :host([${K.OFFLINE}]) {
+      aspect-ratio: 16 / 9;
+      vindral-controller {
+        --vindral-ui-display: none;
+        --vindral-play-overlay-display: none;
+      }
+    }
+
+    :host([${g.AIRPLAY_ENABLED}="false"]) {
+      --vindral-airplay-button-display: none;
+    }
+
+    :host([${g.CAST_ENABLED}="false"]) {
+      --vindral-cast-button-display: none;
+    }
+
+    :host([${g.FULLSCREEN_ENABLED}="false"]) {
+      --vindral-fullscreen-button-display: none;
+    }
+
+    :host([${g.PIP_ENABLED}="false"]) {
+      --vindral-pip-button-display: none;
+    }
+
+    :host([${g.TIMESHIFT_ENABLED}="false"]) {
+      --vindral-seek-bar-display: none;
+      --vindral-live-button-display: none;
+    }
+
+    :host(:not([${g.CHANNEL_GROUP_ID}])) vindral-scroll-overlay {
+      display: none;
+    }
+
+    :host([${g.MEDIA}="video"]) vindral-mute-button,
+    :host([${g.MEDIA}="video"]) vindral-volume-range {
+      display: none;
+    }
+
+    /* Apply subtitle offset when the UI is visible (e.g. during user interaction
+       or when paused with the UI showing) so subtitles sit above the control bar. */
+    vindral-controller[user-interacting],
+    vindral-controller[paused]:not([hide-ui-on-pause]) {
+      --vindral-subtitle-offset: -48px;
+    }
+  </style>
+`, Mo = (e) => {
+	let t = e ? "vindral-advanced-rendition-menu" : "vindral-rendition-levels-menu";
+	return `
+    ${jo}
+
+    <vindral-controller>
+      <vindral-control-bar slot="top-bar">
+        <${t} list-position="bottom"></${t}>
+        <vindral-cast-button></vindral-cast-button>
+        <vindral-airplay-button></vindral-airplay-button>
+      </vindral-control-bar>
+      <vindral-seek-bar></vindral-seek-bar>
+      <vindral-control-bar>
+        <vindral-play-button></vindral-play-button>
+        <vindral-mute-button></vindral-mute-button>
+        <vindral-volume-range></vindral-volume-range>
+        <vindral-channel-grid-button slot="right"></vindral-channel-grid-button>
+        <vindral-language-menu slot="right"></vindral-language-menu>
+        <vindral-live-button id="live-button" slot="right"></vindral-live-button>
+        <${t} slot="right"></${t}>
+        <vindral-debug-button slot="right"></vindral-debug-button>
+        <vindral-pip-button slot="right"></vindral-pip-button>
+        <vindral-cast-button slot="right"></vindral-cast-button>
+        <vindral-airplay-button slot="right"></vindral-airplay-button>
+        <vindral-fullscreen-button slot="right"></vindral-fullscreen-button>
+      </vindral-control-bar>
+      <vindral-debug-panel slot="overlay"></vindral-debug-panel>
+      <vindral-scroll-overlay slot="overlay">
+        <vindral-channel-grid id="listbox" part="listbox"></vindral-channel-grid>
+      </vindral-scroll-overlay>
+      <vindral-cast-overlay slot="overlay"></vindral-cast-overlay>
+      <vindral-buffering-overlay slot="overlay"></vindral-buffering-overlay>
+      <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-controller>
+  `;
+}, No = `
+  ${jo}
+
+  <style>
+    #control-bar {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      gap: var(--padding-3);
+    }
+  </style>
+
+  <vindral-controller>
+    <div id="control-bar" slot="middle">
+      <vindral-play-button></vindral-play-button>
+      <vindral-mute-button></vindral-mute-button>
+      <vindral-volume-range></vindral-volume-range>
+      <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-controller>
+`, Po = document.createElement("template"), Fo = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), Io = /* @__PURE__ */ new WeakMap(), Lo = /* @__PURE__ */ new WeakMap(), Ro = /* @__PURE__ */ new WeakMap(), zo = /* @__PURE__ */ new WeakMap(), Bo = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakSet(), Vo = /* @__PURE__ */ new WeakMap(), Ho = /* @__PURE__ */ new WeakMap(), Uo = /* @__PURE__ */ new WeakMap(), Wo = class extends HTMLElement {
+	constructor() {
+		super(), h(this, Y), d(this, Fo, void 0), d(this, q, void 0), d(this, J, void 0), d(this, Io, void 0), d(this, Lo, void 0), d(this, Ro, /* @__PURE__ */ new Set()), d(this, zo, () => {
+			Array.from(this.attributes).forEach((e) => {
+				p(Bo, this).call(this, e.name, e.value);
+			});
+		}), d(this, Bo, (e, t) => {
+			Ao(e) && (v(t) ? p(q, this).setAttribute(e, t) : p(q, this).removeAttribute(e));
+		}), d(this, Vo, () => {
+			Array.from(this.children).forEach((e) => {
+				p(Ro, this).add(e);
+			});
+		}), d(this, Ho, () => {
+			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, Yo).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, Jo).call(this, n);
+			}), e.on("channel switch", ({ channelId: t }) => {
+				let n = e.channels.find((e) => e.channelId === t);
+				n && f(Y, this, Jo).call(this, n);
+			}), e.on("error", (e) => {
+				if (e.code() === "connection_failed") {
+					f(Y, this, Yo).call(this, "Stream is offline", "Please stand by");
+					return;
+				}
+				e.isFatal() && (e.code() === "access_forbidden" ? f(Y, this, Yo).call(this, "Forbidden", "You do not have permission to view this stream") : e.code() === "connection_failed_will_not_attempt_again" ? f(Y, this, Yo).call(this, "Stream is offline", "Please stand by") : f(Y, this, Yo).call(this, "An error occurred", e.message), p(Io, 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, Uo, () => {
+			p(q, this).connect(), p(Io, this).setAttribute("hidden", ""), p(J, this).setAttribute("hidden", ""), p(q, this).focus();
+		}), m(Fo, this, this.attachShadow({ mode: "open" })), f(Y, this, Ko).call(this), m(q, this, p(Fo, this).querySelector("vindral-controller")), m(J, this, p(Fo, this).querySelector("#vindral-message")), m(Io, this, p(Fo, this).querySelector("#play-overlay"));
+	}
+	connectedCallback() {
+		this.setAttribute(K.OFFLINE, ""), p(q, this).addEventListener("vindral-instance-ready", p(Ho, this)), f(Y, this, qo).call(this);
+	}
+	disconnectedCallback() {
+		var e;
+		p(q, this).removeEventListener("vindral-instance-ready", p(Ho, this)), p(Io, this).removeEventListener("click", p(Uo, this)), (e = p(Lo, this)) == null || e.stop();
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) if (e === g.MEDIA || e === K.ADVANCED_RENDITION_MENU_ENABLED) f(Y, this, Ko).call(this);
+		else if (e === K.REFRESH_POSTER_ENABLED) {
+			let e = p(Fo, this).querySelector("vindral-poster-overlay");
+			e && (e.disabled = b(this.getAttribute(K.REFRESH_POSTER_ENABLED), !1) === !1);
+		} else p(Bo, this).call(this, e, n);
+	}
+	get instance() {
+		return p(q, this).instance;
+	}
+	get airPlay() {
+		return p(q, this).airPlay;
+	}
+};
+function Go() {
+	let e = ge(this.getAttribute(g.MEDIA)), t = b(this.getAttribute(K.ADVANCED_RENDITION_MENU_ENABLED), !1);
+	return e === "audio" ? No : Mo(t);
+}
+function Ko() {
+	let e = p(Fo, this).hasChildNodes(), t = e ? p(q, this) : void 0, n = e ? p(Io, this) : void 0;
+	this.isConnected && t && t.removeEventListener("vindral-instance-ready", p(Ho, this)), this.isConnected && n && p(Lo, this) && n.removeEventListener("click", p(Uo, this)), Po.innerHTML = f(Y, this, Go).call(this);
+	let r = Po.content.cloneNode(!0);
+	m(q, this, r.querySelector("vindral-controller")), m(J, this, r.querySelector("#vindral-message")), m(Io, this, r.querySelector("#play-overlay")), p(Vo, this).call(this), p(Ro, this).forEach((e) => {
+		p(q, this).appendChild(e);
+	}), p(zo, this).call(this), p(Fo, this).innerHTML = "", p(Fo, this).appendChild(r), this.isConnected && (p(q, this).addEventListener("vindral-instance-ready", p(Ho, this)), p(Lo, this) && p(Io, this).addEventListener("click", p(Uo, this)));
+}
+function qo() {
+	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, Yo).call(this, "Invalid options", "Please enter at least a channel id and url to start the stream");
+		return;
+	}
+	m(Lo, this, new So({
+		url: t,
+		channelId: n,
+		authenticationToken: r,
+		infiniteReconnect: i
+	})), p(Lo, this).on("live", (e) => {
+		p(q, this).connect(), this.removeAttribute("offline"), p(J, this).setAttribute("hidden", ""), f(Y, this, Jo).call(this, e);
+	}), p(Lo, this).on("timeout", () => {
+		p(J, this).setAttribute("hidden", ""), p(Io, this).removeAttribute("hidden");
+	}), p(Lo, this).on("error", (e) => {
+		this.setAttribute(K.OFFLINE, ""), f(Y, this, Yo).call(this, e.title, e.message);
+	}), p(Io, this).addEventListener("click", p(Uo, this)), this.hasAttribute("paused") && p(Lo, this).start();
+}
+function Jo(e) {
+	let t = xe(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;
+	}
+	De({
+		title: r,
+		poster: i
+	});
+}
+function Yo(e, t) {
+	p(J, this).setAttribute("title", e), p(J, this).setAttribute("description", t);
+	let n = this.getAttribute("poster");
+	n && p(J, this).setAttribute("background-image", n), p(J, this).removeAttribute("hidden");
+}
+e(Wo, "observedAttributes", [...Mi.observedAttributes, ...po]);
+//#endregion
+//#region ../../libs/player-next/src/components/PosterOverlay.ts
+var Xo = document.createElement("template");
+Xo.innerHTML = `
+  <style>
+    :host {
+      display: var(--poster-overlay-display);
+      position: absolute;
+      top: 0;
+      left: 0;
+      max-width: 100%;
+      max-height: 100%;
+      min-width: 100%;
+      min-height: 100%;
+      background-repeat: no-repeat;
+      background-position: 50% 50%;
+      background-size: contain;
+      transition-property: background-image;
+      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+      transition-duration: 200ms;
+    }
+
+    :host::before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(255, 255, 255, 0);
+      transition: background 0.2s ease;
+    }
+
+    :host(:not([${g.PAUSED}])) {
+      display: none;
+    }
+  </style>
+`;
+var Zo = 6e3, Qo = /* @__PURE__ */ new WeakMap(), $o = /* @__PURE__ */ new WeakMap(), es = /* @__PURE__ */ new WeakMap(), ts = /* @__PURE__ */ new WeakMap(), ns = /* @__PURE__ */ new WeakSet(), rs = /* @__PURE__ */ new WeakMap(), is = class extends HTMLElement {
+	constructor() {
+		super(), h(this, ns), d(this, Qo, null), d(this, $o, null), d(this, es, null), d(this, ts, () => {
+			!document.hidden && this.hasAttribute("intersecting") && this.paused && !this.disabled ? f(ns, this, as).call(this) : f(ns, this, os).call(this);
+		}), d(this, rs, (e) => {
+			e.forEach((e) => {
+				e.isIntersecting ? this.setAttribute("intersecting", "") : this.removeAttribute("intersecting");
+			});
+		}), this.attachShadow({ mode: "open" }).appendChild(Xo.content.cloneNode(!0));
+	}
+	connectedCallback() {
+		var e;
+		m(Qo, this, this.closest("vindral-controller")), (e = p(Qo, this)) == null || e.connectListener(this), document.addEventListener("visibilitychange", p(ts, this)), m(es, this, new IntersectionObserver(p(rs, this))), p(es, this).observe(this);
+	}
+	disconnectedCallback() {
+		var e, t;
+		(e = p(Qo, this)) == null || e.disconnectListener(this), document.removeEventListener("visibilitychange", p(ts, this)), (t = p(es, this)) == null || t.disconnect(), m(es, this, null), f(ns, this, os).call(this);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (e === g.POSTER_SRC && this.paused && !this.disabled && f(ns, this, ss).call(this), (e === g.PAUSED || e === "disabled" || e === "intersecting") && p(ts, this).call(this));
+	}
+	get disabled() {
+		return this.hasAttribute("disabled");
+	}
+	set disabled(e) {
+		e ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
+	}
+	get posterSrc() {
+		return this.getAttribute(g.POSTER_SRC);
+	}
+	get paused() {
+		return this.hasAttribute(g.PAUSED);
+	}
+};
+function as() {
+	p($o, this) === null && (f(ns, this, os).call(this), m($o, this, window.setInterval(() => f(ns, this, ss).call(this), Zo)));
+}
+function os() {
+	p($o, this) !== null && (clearInterval(p($o, this)), m($o, this, null)), this.style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAQAAACRI2S5AAAAEElEQVR42mNkIAAYRxWAAQAG9gAKqv6+AwAAAABJRU5ErkJggg==')";
+}
+function ss() {
+	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(is, "observedAttributes", [
+	g.POSTER_SRC,
+	g.PAUSED,
+	"disabled",
+	"intersecting"
+]);
+//#endregion
+//#region ../../libs/player-next/src/components/RenditionLevelsMenu.ts
+var cs, ls = "\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", us = document.createElement("template");
+us.innerHTML = `
+  <style>
+    :host {
+      display: var(--rendition-menu-display);
+    }
+  </style>
+
+  <slot name="button">${ls}</slot>
+  <slot name="listbox" hidden>
+    <vindral-rendition-levels-menu-list id="listbox" part="listbox"></vindral-rendition-levels-menu-list>
+  </slot>
+`;
+var ds = /* @__PURE__ */ new WeakSet(), fs = class extends Re {
+	constructor() {
+		var e, t, n, r;
+		super(), h(this, ds), (e = this.shadowRoot) == null || e.appendChild(us.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(ds, this, ps).call(this), this.setAttribute("aria-label", "Rendition levels");
+	}
+	attributeChangedCallback(e, t, n) {
+		super.attributeChangedCallback(e, t, n), e === g.RENDITION_LEVELS && f(ds, this, ps).call(this);
+	}
+};
+cs = fs;
+function ps() {
+	let e = this.getAttribute(g.RENDITION_LEVELS);
+	!e || e === "[]" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
+}
+e(fs, "observedAttributes", [...y(cs, "observedAttributes", cs), g.RENDITION_LEVELS]);
+//#endregion
+//#region ../../libs/player-next/src/components/RenditionLevelsMenuList.ts
+var ms = document.createElement("template");
+ms.innerHTML = "\n  <style>\n    :host {\n      font: inherit;\n      cursor: default;\n      padding: var(--padding-2);\n      padding-top: var(--padding-3);\n      border-radius: 0.25em;\n      position: absolute;\n      min-width: 140px;\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 hs = /* @__PURE__ */ new WeakMap(), gs = /* @__PURE__ */ new WeakMap(), _s = /* @__PURE__ */ new WeakMap(), vs = /* @__PURE__ */ new WeakMap(), ys = /* @__PURE__ */ new WeakMap(), bs = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakSet(), xs = class extends HTMLElement {
+	constructor() {
+		super(), h(this, X), d(this, hs, []), d(this, gs, 2 ** 53 - 1), d(this, _s, null), d(this, vs, []), d(this, ys, null), d(this, bs, null), e(this, "handleEvent", (e) => {
+			switch (e.type) {
+				case "keydown":
+					f(X, this, Ds).call(this, e);
+					break;
+			}
+		}), this.attachShadow({ mode: "open" }).appendChild(ms.content.cloneNode(!0));
+	}
+	connectedCallback() {
+		let e = this.getRootNode();
+		if (e instanceof ShadowRoot) {
+			var t;
+			m(ys, this, e.host.closest("vindral-controller")), (t = p(ys, this)) == null || t.connectListener(this), f(X, this, Ss).call(this), f(X, this, Cs).call(this), m(bs, this, e.host), this.addEventListener("keydown", this);
+		}
+	}
+	disconnectedCallback() {
+		var e;
+		(e = p(ys, 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(hs, this, e), f(X, this, Cs).call(this);
+	}
+	set maxVideoBitrate(e) {
+		m(gs, this, e), f(X, this, Ts).call(this);
+	}
+	get keysUsed() {
+		return [
+			"Enter",
+			"Escape",
+			"Tab",
+			" ",
+			"ArrowDown",
+			"ArrowUp",
+			"Home",
+			"End"
+		];
+	}
+	focus() {
+		var e;
+		(e = p(_s, this)) == null || e.focus();
+	}
+};
+function Ss() {
+	new IntersectionObserver((e) => {
+		e.forEach((e) => {
+			if (e.intersectionRatio !== 1) if (e.intersectionRatio > 0) {
+				let t = this.offsetHeight * e.intersectionRatio - 24;
+				this.style.height = `${t}px`;
+			} else this.style.height = "auto";
+		});
+	}, {
+		root: p(ys, this),
+		threshold: 0
+	}).observe(this);
+}
+function Cs() {
+	var e;
+	let t = (e = this.shadowRoot) == null ? void 0 : e.querySelector(".menu");
+	t && (m(vs, this, []), t.innerHTML = "", p(hs, 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, ws).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, Es).call(this, e)), p(vs, this).push({
+			el: l,
+			id: (c = (ee = e.video) == null ? void 0 : ee.id) == null ? -1 : c
+		}), t.appendChild(l);
+	}), f(X, this, Ts).call(this));
+}
+function ws(e) {
+	return e ? e[0] % e[1] === 0 ? (e[0] / e[1]).toString() : (e[0] / e[1]).toFixed(2) : "";
+}
+function Ts() {
+	p(_s, this) && (p(_s, this).removeAttribute("aria-selected"), p(_s, this).tabIndex = -1);
+	let e = p(hs, 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(hs, this).filter((e) => {
+		var t;
+		return ((t = e.video) == null ? void 0 : t.bitRate) && e.video.bitRate <= p(gs, this);
+	})[0] || e[e.length - 1];
+	if (t) {
+		let e = p(vs, 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(_s, this, e.el));
+	}
+}
+function Es(e) {
+	this.dispatchEvent(new Event("change", {
+		bubbles: !0,
+		composed: !0
+	})), this.dispatchEvent(new CustomEvent(_.SET_RENDITION, {
+		bubbles: !0,
+		composed: !0,
+		detail: e
+	}));
+}
+function Ds(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(bs, this)) == null || a.hide();
+	} else if (t === "Enter" || t === " ") {
+		var o;
+		(o = f(X, this, ks).call(this)) == null || (o = o.el) == null || o.click();
+	} else f(X, this, Os).call(this, e);
+}
+function Os(e) {
+	var t;
+	let { key: n } = e, r = p(vs, this), i = (t = f(X, this, ks).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, As).call(this, s.id), s.el.focus());
+}
+function ks() {
+	return p(vs, this).find((e) => e.el.tabIndex === 0);
+}
+function As(e) {
+	for (let t of p(vs, this)) t.el.tabIndex = t.id === e ? 0 : -1;
+}
+e(xs, "observedAttributes", [g.RENDITION_LEVELS, g.MAX_VIDEO_BITRATE]);
+//#endregion
+//#region ../../libs/player-next/src/components/ScrollOverlay.ts
+var js = document.createElement("template");
+js.innerHTML = `
+  <style>
+    :host {
+      --scroll-overlay-offset: var(--vindral-scroll-overlay-offset, 0px);
+
+      position: absolute;
+      top: 0;
+      width: 100%;
+      height: 100%;
+      overflow-y: scroll !important;
+      pointer-events: none !important;
+      display: block;
+      transition: background-color 0.5s ease-in-out;
+      -ms-overflow-style: none;
+      scrollbar-width: none;
+    }
+
+    :host([snap]) {
+      scroll-snap-type: y mandatory;
+      scroll-behavior: smooth;
+    }
+
+    :host([snap-touch]) {
+      scroll-snap-type: y mandatory;
+      scroll-behavior: smooth;
+      pointer-events: auto !important;
+    }
+
+    :host([open]) #scroll-area {
+      width: 100%;
+      cursor: pointer;
+    }
+
+    :host([open]) {
+      background-color: rgba(0, 0, 0, 0.5);
+    }
+
+    :host::-webkit-scrollbar {
+      display: none;
+    }
+
+    #scroll-area {
+      margin: 0 auto;
+      width: 1px;
+      height: calc(100% - var(--scroll-overlay-offset));
+      pointer-events: auto;
+      scroll-snap-align: start;
+      min-height: 1px;
+      -webkit-tap-highlight-color: transparent;
+    }
+
+    slot#content {
+      display: flex;
+      margin: 0 auto;
+      width: 100%;
+      pointer-events: auto;
+      scroll-snap-align: start;
+      flex-direction: column;
+    }
+
+    :host(:not([${g.USER_INTERACTING}])) {
+      overflow: hidden !important;
+    }
+  </style>
+
+  <div id="scroll-area"></div>
+  <slot id="content"></slot>
+`;
+var Ms = /* @__PURE__ */ new WeakMap(), Ns = /* @__PURE__ */ new WeakMap(), Ps = /* @__PURE__ */ new WeakMap(), Fs = /* @__PURE__ */ new WeakMap(), Is = /* @__PURE__ */ new WeakMap(), Ls = /* @__PURE__ */ new WeakMap(), Rs = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakSet(), zs = /* @__PURE__ */ new WeakMap(), Bs = class extends HTMLElement {
+	constructor() {
+		super(), h(this, Z), d(this, Ms, null), d(this, Ns, null), d(this, Ps, !1), d(this, Fs, !1), d(this, Is, !1), d(this, Ls, () => {
+			this.open && (this.open = !1);
+		}), d(this, Rs, null), e(this, "handleEvent", (e) => {
+			switch (e.type) {
+				case "touchstart":
+					f(Z, this, Hs).call(this, e);
+					break;
+				case "touchmove":
+					f(Z, this, Us).call(this, e);
+					break;
+				case "touchend":
+					f(Z, this, Ws).call(this, e);
+					break;
+			}
+		}), d(this, zs, () => {
+			let e = p(Is, this);
+			if (this.scrollTop === 0) {
+				f(Z, this, Qs).call(this, e);
+				return;
+			}
+			if (!e && !f(Z, this, Gs).call(this)) {
+				f(Z, this, Xs).call(this), f(Z, this, Qs).call(this);
+				return;
+			}
+			!this.visible && this.scrollTop > 0 && !p(Ps, this) ? f(Z, this, $s).call(this) : !p(Ps, this) && f(Z, this, qs).call(this) && (this.open || (this.open = !0), e && !this.hasAttribute("snap-touch") && this.setAttribute("snap-touch", ""));
+		}), this.attachShadow({ mode: "open" }).appendChild(js.content.cloneNode(!0));
+	}
+	connectedCallback() {
+		let e = this.getRootNode();
+		if (e instanceof Document || e instanceof ShadowRoot) {
+			var t, n, r;
+			m(Ms, this, e.querySelector("vindral-controller")), (t = p(Ms, this)) == null || t.connectListener(this), m(Ns, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#scroll-area")), (r = p(Ns, this)) == null || r.addEventListener("click", p(Ls, this));
+			let s = this.hasAttribute("touch-enabled");
+			if (m(Is, this, ce() && s), !p(Is, this)) this.setAttribute("snap", "");
+			else {
+				var i, a, o;
+				(i = p(Ms, this)) == null || i.addEventListener("touchstart", this, { passive: !0 }), (a = p(Ms, this)) == null || a.addEventListener("touchmove", this, { passive: !1 }), (o = p(Ms, this)) == null || o.addEventListener("touchend", this, { passive: !0 });
+			}
+			this.addEventListener("scroll", p(zs, this));
+		}
+	}
+	disconnectedCallback() {
+		var e, t, n, r, i;
+		(e = p(Ns, this)) == null || e.removeEventListener("click", p(Ls, this)), this.removeEventListener("scroll", p(zs, this)), (t = p(Ms, this)) == null || t.removeEventListener("touchstart", this), (n = p(Ms, this)) == null || n.removeEventListener("touchmove", this), (r = p(Ms, this)) == null || r.removeEventListener("touchend", this), (i = p(Ms, this)) == null || i.disconnectListener(this);
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n && (e === g.USER_INTERACTING && n === null && f(Z, this, Ks).call(this) && setTimeout(() => {
+			this.open = !1;
+		}, 300), e === "open")) if (n !== null) {
+			var r;
+			m(Ps, this, !1), this.scrollTop > 0 && f(Z, this, $s).call(this), this.scrollTo({
+				top: (r = p(Ns, this)) == null ? void 0 : r.clientHeight,
+				behavior: "smooth"
+			});
+		} else f(Z, this, Zs).call(this);
+	}
+	set open(e) {
+		if (e) {
+			this.setAttribute("open", "");
+			return;
+		}
+		let t = this.hasAttribute("open"), n = this.visible || f(Z, this, Ks).call(this);
+		t ? this.removeAttribute("open") : n ? f(Z, this, Zs).call(this) : (m(Ps, this, !1), this.removeAttribute("snap-touch"));
+	}
+	get open() {
+		return this.hasAttribute("open");
+	}
+	set visible(e) {
+		e ? this.setAttribute("visible", "") : this.removeAttribute("visible");
+	}
+	get visible() {
+		return this.hasAttribute("visible");
+	}
+};
+function Vs() {
+	return f(Z, this, Gs).call(this) || f(Z, this, Ys).call(this) || f(Z, this, Ks).call(this);
+}
+function Hs(e) {
+	let t = e.touches[0];
+	t && (m(Fs, this, f(Z, this, Vs).call(this)), p(Fs, this) && (m(Ps, this, !1), m(Rs, this, t.clientY)));
+}
+function Us(e) {
+	if (!(!p(Fs, this) || p(Rs, this) === null || this.hasAttribute("snap-touch") && this.open) && (e.preventDefault(), e.touches[0])) {
+		let t = e.touches[0].clientY, n = p(Rs, this) - t;
+		this.scrollTop = Math.max(0, n);
+	}
+}
+function Ws(e) {
+	p(Fs, this) && !p(Ps, this) && f(Z, this, Ks).call(this) && (!this.hasAttribute("snap-touch") || !this.open) && (this.open = !0), m(Rs, this, null), m(Fs, this, !1);
+}
+function Gs() {
+	return this.hasAttribute(g.USER_INTERACTING);
+}
+function Ks() {
+	return this.scrollTop > 0;
+}
+function qs() {
+	var e;
+	return Math.round(this.scrollTop) === this.scrollHeight - this.clientHeight || Math.round(this.scrollTop) === ((e = p(Ns, this)) == null ? void 0 : e.clientHeight);
+}
+function Js() {
+	var e;
+	let t = (e = p(Ns, this)) == null ? void 0 : e.clientHeight;
+	return !t || this.clientHeight <= 0 ? 0 : Math.max(this.clientHeight - t, 0);
+}
+function Ys() {
+	let e = getComputedStyle(this), t = Number.parseFloat(e.getPropertyValue("--vindral-scroll-overlay-offset"));
+	return Number.isNaN(t) ? f(Z, this, Js).call(this) > 0 : t > 0;
+}
+function Xs() {
+	let e = this.style.scrollBehavior;
+	this.style.scrollBehavior = "auto", this.scrollTo({
+		top: 0,
+		behavior: "auto"
+	}), this.style.scrollBehavior = e;
+}
+function Zs() {
+	m(Ps, this, !0), this.removeAttribute("snap-touch"), f(Z, this, ec).call(this), this.scrollTo({
+		top: 0,
+		behavior: "smooth"
+	});
+}
+function Qs(e = !1) {
+	this.open = !1, e && this.removeAttribute("snap-touch"), m(Ps, this, !1), f(Z, this, ec).call(this);
+}
+function $s() {
+	this.visible || (this.visible = !0, this.dispatchEvent(new CustomEvent(_.LOCK_UI, {
+		bubbles: !0,
+		composed: !0
+	})));
+}
+function ec() {
+	this.visible && (this.visible = !1, this.dispatchEvent(new CustomEvent(_.UNLOCK_UI, {
+		bubbles: !0,
+		composed: !0
+	})));
+}
+e(Bs, "observedAttributes", [
+	g.USER_INTERACTING,
+	"open",
+	"touch-enabled"
+]);
+//#endregion
+//#region ../../libs/player-next/src/components/SeekBar.ts
+var tc = document.createElement("template");
+tc.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(), nc = /* @__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(), $ = /* @__PURE__ */ new WeakSet(), lc = /* @__PURE__ */ new WeakMap(), uc = /* @__PURE__ */ new WeakMap(), dc = /* @__PURE__ */ new WeakMap(), fc = /* @__PURE__ */ new WeakMap(), pc = /* @__PURE__ */ new WeakMap(), mc = /* @__PURE__ */ new WeakMap(), hc = class extends jr {
+	constructor() {
+		var e, t, n;
+		super(), h(this, $), d(this, Q, void 0), d(this, nc, void 0), d(this, rc, void 0), d(this, ic, !1), d(this, ac, null), d(this, oc, null), d(this, sc, !1), d(this, cc, !1), d(this, lc, (e) => {
+			if (!f($, this, _c).call(this) || f($, this, vc).call(this)) {
+				e.preventDefault();
+				return;
+			}
+			m(ic, this, !0), m(oc, this, e.pointerId);
+			try {
+				this.setPointerCapture(e.pointerId);
+			} catch (e) {}
+			f($, this, xc).call(this, e);
+		}), d(this, uc, (e) => {
+			if (!(!f($, this, _c).call(this) || f($, this, vc).call(this))) {
+				if (p(ac, this) && (cancelAnimationFrame(p(ac, this)), m(ac, this, null)), p(ic, this) && e.pointerId === p(oc, this)) {
+					e.preventDefault(), f($, this, xc).call(this, e);
+					return;
+				}
+				m(ac, this, requestAnimationFrame(() => {
+					if (e.pointerType !== "mouse" || p(ic, this) || !this.duration) {
+						p(rc, this).style.opacity = "0", m(ac, this, null);
+						return;
+					}
+					let t = f($, this, bc).call(this, e.clientX);
+					if (f($, this, Cc).call(this, t, e.clientX), t > this.range.valueAsNumber) {
+						let e = this.range.valueAsNumber * 100, n = (t - this.range.valueAsNumber) * 100;
+						p(rc, this).style.transform = `translateX(${e}%) scaleX(${n / 100})`, p(rc, this).style.opacity = "1";
+					} else p(rc, this).style.opacity = "0";
+					m(ac, this, null);
+				}));
+			}
+		}), d(this, dc, (e) => {
+			if (e.pointerId === p(oc, this)) {
+				try {
+					this.releasePointerCapture(e.pointerId);
+				} catch (e) {}
+				m(ic, this, !1), m(oc, this, null), e.pointerType !== "mouse" && (p(nc, this).style.opacity = "0"), p(cc, this) && f($, this, Ec).call(this) && (m(sc, this, !1), m(cc, this, !1));
+			}
+		}), d(this, fc, () => {
+			this.duration && !f($, this, vc).call(this) && (p(nc, this).style.opacity = "1");
+		}), d(this, pc, () => {
+			p(nc, this).style.opacity = "0", p(rc, this).style.opacity = "0";
+		}), d(this, mc, (e) => {
+			if (f($, this, vc).call(this) || !p(Q, this) || p(Q, this) <= 0 || !Number.isFinite(p(Q, this))) return;
+			let t = f($, this, gc).call(this);
+			if (t <= 0) return;
+			let n = this.range.valueAsNumber * t, r = n;
+			switch (e.preventDefault(), e.key) {
+				case "ArrowLeft":
+					r = Math.max(0, n - 5);
+					break;
+				case "ArrowRight":
+					if (f($, this, Ec).call(this)) return;
+					r = Math.min(t, n + 5);
+					break;
+				case "Home":
+					r = 0;
+					break;
+				case "End":
+					if (f($, this, Ec).call(this)) return;
+					r = t;
+					break;
+				default: return;
+			}
+			let i = Math.min(r / t, 1);
+			f($, this, Sc).call(this, i);
+		}), (e = this.shadowRoot) == null || e.appendChild(tc.content.cloneNode(!0)), m(nc, this, (t = this.shadowRoot) == null ? void 0 : t.getElementById("time-tooltip")), m(rc, this, (n = this.shadowRoot) == null ? void 0 : n.getElementById("hover-preview")), this.addEventListener("pointerdown", p(lc, this)), this.addEventListener("pointermove", p(uc, this)), this.addEventListener("pointerup", p(dc, this)), this.addEventListener("pointercancel", p(dc, this)), this.addEventListener("mouseenter", p(fc, this)), this.addEventListener("mouseleave", p(pc, this));
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.setAttribute("aria-label", "Seek video position"), this.setAttribute("role", "slider"), f($, this, yc).call(this), this.addEventListener("keydown", p(mc, this)), f($, this, Ec).call(this) && (this.range.value = "1", f($, this, yc).call(this));
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.removeEventListener("pointerdown", p(lc, this)), this.removeEventListener("pointermove", p(uc, this)), this.removeEventListener("pointerup", p(dc, this)), this.removeEventListener("pointercancel", p(dc, this)), this.removeEventListener("mouseenter", p(fc, this)), this.removeEventListener("mouseleave", p(pc, this)), this.removeEventListener("keydown", p(mc, this)), m(oc, this, null);
+	}
+	attributeChangedCallback(e, t, n) {
+		if (super.attributeChangedCallback(e, t, n), t !== n) switch (e) {
+			case g.TIMESHIFT_POSITION:
+				if (f($, this, Ec).call(this)) {
+					p(ic, this) ? m(cc, this, !0) : (m(sc, this, !1), m(cc, this, !1)), this.range.value = "1", f($, this, yc).call(this);
+					return;
+				}
+				if (p(Q, this)) {
+					m(cc, this, !1);
+					let e = Math.max(parseFloat(n) / p(Q, this), 0);
+					this.range.value = e.toString(), f($, this, yc).call(this);
+				}
+				break;
+			case g.DURATION:
+				m(Q, this, parseFloat(n) || 0), f($, this, yc).call(this);
+				break;
+		}
+	}
+	get keysUsed() {
+		return [
+			...super.keysUsed,
+			"Home",
+			"End"
+		];
+	}
+	get duration() {
+		return p(Q, this);
+	}
+	set duration(e) {
+		this.setAttribute(g.DURATION, e.toString());
+	}
+};
+function gc() {
+	return p(Q, this) ? p(Q, this) : 1;
+}
+function _c() {
+	return !!p(Q, this) && p(Q, this) > 0 && Number.isFinite(p(Q, this));
+}
+function vc() {
+	return p(sc, this);
+}
+function yc() {
+	let e = f($, this, gc).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(ic, this) || (this.updateBar(), this.setAttribute("aria-valuetext", `${f($, this, Dc).call(this, this.range.valueAsNumber * e)} of ${f($, this, Dc).call(this, e)}`), !p(ic, this) && !f($, this, vc).call(this) && f($, this, Tc).call(this, this.range.valueAsNumber));
+}
+function bc(e) {
+	let t = this.getBoundingClientRect(), n = (e - t.left) / t.width;
+	return Math.max(0, Math.min(1, n));
+}
+function xc(e) {
+	let t = f($, this, bc).call(this, e.clientX);
+	f($, this, Cc).call(this, t, e.clientX), p(ic, this) || (p(nc, this).style.opacity = "1"), f($, this, Sc).call(this, t);
+}
+function Sc(e) {
+	if (f($, this, vc).call(this) || f($, this, Tc).call(this, e)) return;
+	let t = e * f($, this, gc).call(this);
+	this.range.value = e.toString(), this.updateBar(), f($, this, wc).call(this, t);
+}
+function Cc(e, t) {
+	if (!p(Q, this) || !Number.isFinite(p(Q, this))) return;
+	let n = e * p(Q, this), r = p(Q, this) - n;
+	p(nc, this).textContent = `-${f($, this, Dc).call(this, r)}`;
+	let i = this.getBoundingClientRect(), a = (t - i.left) / i.width * 100;
+	p(nc, this).style.left = `${Math.min(Math.max(a, 2), 98)}%`;
+}
+function wc(e) {
+	this.dispatchEvent(new CustomEvent("seek", {
+		bubbles: !0,
+		composed: !0,
+		detail: e
+	}));
+}
+function Tc(e) {
+	return p(sc, this) || f($, this, Ec).call(this) || e < .999 ? !1 : (m(sc, this, !0), m(cc, this, !1), this.dispatchEvent(new CustomEvent(_.GO_LIVE, {
+		bubbles: !0,
+		composed: !0
+	})), !0);
+}
+function Ec() {
+	return !this.hasAttribute(g.TIMESHIFT_POSITION);
+}
+function Dc(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(hc, "observedAttributes", [
+	...jr.observedAttributes,
+	g.TIMESHIFT_POSITION,
+	g.DURATION
+]);
+//#endregion
+//#region ../../libs/player-next/src/components/UserInputPlayOverlay.ts
+var Oc = document.createElement("template");
+Oc.innerHTML = `
+  <style>
+    :host {
+      display: var(--play-overlay-display);
+      align-items: center;
+      justify-content: center;
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      z-index: 1;
+      pointer-events: none;
+    }
+
+    :host([hidden]) {
+      display: none;
+    }
+
+    /* Make icon slots clickable */
+    slot[name="play"],
+    slot[name="unmute"] {
+      color: var(--fg-strong);
+      pointer-events: auto;
+      cursor: pointer;
+    }
+
+    :host(:focus-visible) svg {
+      box-shadow: inset 0 0 0 2px var(--fg-strong);
+      outline: 0;
+    }
+
+    :host(:active) svg {
+      scale: 0.9;
+    }
+
+    slot > svg {
+      width: var(--play-overlay-icon-size);
+      height: var(--play-overlay-icon-size);
+    }
+
+    :host(:not([${g.NEEDS_USER_INPUT_VIDEO}]):not([${g.PAUSED}])) slot[name="play"] {
+      display: none !important;
+    }
+
+    :host([${g.PAUSED}]) slot[name="unmute"],
+    :host(:not([${g.NEEDS_USER_INPUT_AUDIO}])) slot[name="unmute"] {
+      display: none !important;
+    }
+  </style>
+
+  <slot name="icon">
+    <slot name="play">
+  <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>
+</slot>
+    <slot name="unmute">
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z" clip-rule="evenodd" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2" /></g></svg>
+</slot>
+  </slot>
+`;
+var kc = /* @__PURE__ */ new WeakMap(), Ac = /* @__PURE__ */ new WeakMap(), jc = /* @__PURE__ */ new WeakMap(), Mc = /* @__PURE__ */ new WeakMap(), Nc = class extends HTMLElement {
+	constructor() {
+		super(), d(this, kc, null), d(this, Ac, () => {
+			this.dispatchEvent(new CustomEvent(_.REQUEST_USER_INPUT, {
+				bubbles: !0,
+				composed: !0
+			}));
+		}), d(this, jc, (e) => {
+			let { key: t } = e;
+			if (!this.keysUsed.includes(t)) {
+				this.removeEventListener("keyup", p(jc, this));
+				return;
+			}
+			this.dispatchEvent(new CustomEvent(_.REQUEST_USER_INPUT, {
+				bubbles: !0,
+				composed: !0
+			}));
+		}), d(this, Mc, (e) => {
+			let { metaKey: t, altKey: n, key: r } = e;
+			if (t || n || !this.keysUsed.includes(r)) {
+				this.removeEventListener("keyup", p(jc, this));
+				return;
+			}
+			this.addEventListener("keyup", p(jc, this), { once: !0 });
+		}), this.attachShadow({ mode: "open" }).appendChild(Oc.content.cloneNode(!0));
+	}
+	get keysUsed() {
+		return ["Enter", " "];
+	}
+	connectedCallback() {
+		var e;
+		m(kc, this, this.closest("vindral-controller")), (e = p(kc, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.enable();
+	}
+	enable() {
+		this.addEventListener("click", p(Ac, this)), this.addEventListener("keydown", p(Mc, this)), this.tabIndex = 0;
+	}
+	disable() {
+		this.removeEventListener("click", p(Ac, this)), this.removeEventListener("keydown", p(Mc, this)), this.removeEventListener("keyup", p(jc, this)), this.tabIndex = -1;
+	}
+	disconnectedCallback() {
+		var e;
+		(e = p(kc, this)) == null || e.disconnectListener(this), this.disable();
+	}
+};
+e(Nc, "observedAttributes", [
+	"hidden",
+	g.NEEDS_USER_INPUT_VIDEO,
+	g.NEEDS_USER_INPUT_AUDIO,
+	g.PAUSED
+]);
+//#endregion
+//#region ../../libs/player-next/src/components/VindralMessage.ts
+var Pc = document.createElement("template");
+Pc.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 Fc = /* @__PURE__ */ new WeakMap(), Ic = /* @__PURE__ */ new WeakMap(), Lc = /* @__PURE__ */ new WeakMap(), Rc = class extends HTMLElement {
+	constructor() {
+		super(), d(this, Fc, void 0), d(this, Ic, void 0), d(this, Lc, void 0);
+		let e = this.attachShadow({ mode: "open" });
+		e.appendChild(Pc.content.cloneNode(!0)), m(Fc, this, e.querySelector("#title")), m(Ic, this, e.querySelector("#description")), m(Lc, this, e.querySelector("#background"));
+	}
+	connectedCallback() {}
+	disconnectedCallback() {}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (e === "title" ? p(Fc, this).textContent = n : e === "description" ? p(Ic, this).textContent = n : e === "background-image" && (p(Lc, this).style.backgroundImage = `url(${n})`));
+	}
+};
+e(Rc, "observedAttributes", [
+	"title",
+	"description",
+	"background-image",
+	"hidden"
+]);
+//#endregion
+//#region ../../libs/player-next/src/components/VindralPlayOverlay.ts
+var zc = document.createElement("template");
+zc.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 Bc = /* @__PURE__ */ new WeakMap(), Vc = class extends HTMLElement {
+	constructor() {
+		super(), d(this, Bc, null), this.attachShadow({ mode: "open" }).appendChild(zc.content.cloneNode(!0));
+	}
+	connectedCallback() {
+		var e;
+		m(Bc, this, this.closest("vindral-controller")), (e = p(Bc, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.tabIndex = 0;
+	}
+	disconnectedCallback() {
+		var e;
+		(e = p(Bc, this)) == null || e.disconnectListener(this);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && e === "hidden" && !v(n) && this.focus();
+	}
+};
+e(Vc, "observedAttributes", ["hidden"]);
+//#endregion
+//#region ../../libs/player-next/src/components/VolumeRange.ts
+var Hc, Uc = document.createElement("template");
+Uc.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 Wc = (e) => `${Math.round(e * 100)}%`, Gc = /* @__PURE__ */ new WeakMap(), Kc = class extends jr {
+	constructor() {
+		var e;
+		super(), d(this, Gc, () => {
+			let e = this.range.valueAsNumber;
+			this.dispatchEvent(new CustomEvent(_.SET_VOLUME, {
+				bubbles: !0,
+				composed: !0,
+				detail: e
+			}));
+		}), (e = this.shadowRoot) == null || e.appendChild(Uc.content.cloneNode(!0));
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.range.addEventListener("input", p(Gc, this)), this.range.setAttribute("aria-label", "volume");
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.range.removeEventListener("input", p(Gc, 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", Wc(this.range.valueAsNumber)), this.updateBar());
+	}
+	get volume() {
+		var e;
+		return (e = this.getAttribute(g.VOLUME)) == null ? "1" : e;
+	}
+	get muted() {
+		return this.hasAttribute(g.MUTED);
+	}
+};
+Hc = Kc, e(Kc, "observedAttributes", [
+	...y(Hc, "observedAttributes", Hc),
+	g.MUTED,
+	g.VOLUME
+]);
+//#endregion
+//#region ../../libs/player-next/src/registerComponents.ts
+function qc() {
+	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", fo), customElements.define("vindral-mute-button", ao), customElements.define("vindral-buffering-overlay", At), customElements.define("vindral-scroll-overlay", Bs), customElements.define("vindral-play-overlay", Vc), customElements.define("vindral-user-input-play-overlay", Nc), customElements.define("vindral-fullscreen-button", xa), customElements.define("vindral-rendition-levels-menu", fs), customElements.define("vindral-rendition-levels-menu-list", xs), 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", co), 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", Ea), customElements.define("vindral-language-menu-list", Ba), customElements.define("vindral-message", Rc), customElements.define("vindral-volume-range", Kc), customElements.define("vindral-poster-overlay", is), customElements.define("vindral-player", Wo), customElements.define("vindral-seek-bar", hc), customElements.define("vindral-live-button", no);
+}
+//#endregion
+export { qc as t };