@vindral/web-sdk 4.2.0-7-g7d6ca07f → 4.2.0-8-g95ade3ee

package/CnCQ_flD.js

@@ -1,4492 +0,0 @@
-import { n as e, t } from "./DTteQSVE.js";
-import { C as n, S as r, _ as i, a, b as o, c as s, d as c, f as l, g as u, h as ee, i as d, l as te, m as f, n as p, o as ne, p as re, r as ie, s as ae, t as oe, u as se, v as ce, x as m, y as le } from "./D4BVrOMF.js";
-import { M as ue } from "./zjSBNbgC.js";
-import { n as de, t as fe } from "./CgCFv2k5.js";
-import { t as pe } from "./R2vG6-bP.js";
-import { t as me } from "./1vibAwcB.js";
-//#region ../../libs/utils/src/formatting.ts
-var he = 1e3, ge = he * 1e3, _e = ge * 1e3, ve = (e, t, n) => e % t === 0 ? e / t : (e / t).toFixed(n), ye = (e, t = 1) => e >= _e ? `${ve(e, _e, t)} Gbit/s` : e >= ge ? `${ve(e, ge, t)} Mbit/s` : e >= he ? `${ve(e, he, t)} Kbit/s` : `${e} bit/s`, be = ({ width: e, height: t }) => `${e}x${t}`, xe = ({ 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 }] : []
-	}));
-}, Se = (e) => e === "mse" || e === "webcodecs" || e === "wasm";
-function Ce(e) {
-	if (e === null || e === "auto") return;
-	let t = e.split(",").filter(Se);
-	return t.length > 0 ? t : void 0;
-}
-function we(e) {
-	if (e === "no-preference" || e === "prefer-hardware" || e === "prefer-software") return e;
-}
-//#endregion
-//#region ../../libs/player-next/src/VindralAttributes.ts
-var h = {
-	PAUSED: "paused",
-	MUTED: "muted",
-	USER_INTERACTING: "user-interacting",
-	IS_CASTING: "is-casting",
-	CAST_AVAILABLE: "cast-available",
-	CAST_RECEIVER_NAME: "cast-receiver-name",
-	BUFFERING: "buffering",
-	UI_LOCKED: "ui-locked",
-	HIDE_UI_ON_PAUSE: "hide-ui-on-pause",
-	FULLSCREEN: "is-fullscreen",
-	FULLSCREEN_FALLBACK: "is-fullscreen-fallback",
-	RENDITION_LEVELS: "rendition-levels",
-	RENDITION_LEVEL: "rendition-level",
-	MAX_VIDEO_BITRATE: "max-video-bit-rate",
-	MAX_INITIAL_BITRATE: "max-initial-bit-rate",
-	ABR_ENABLED: "abr-enabled",
-	SIZE_BASED_RESOLUTION_CAP_ENABLED: "size-based-resolution-cap-enabled",
-	CHANNELS: "channels",
-	CHANNEL_ID: "channel-id",
-	CHANNEL_GROUP_ID: "channel-group-id",
-	PIP_AVAILABLE: "pip-available",
-	IS_PIP: "is-pip",
-	AIRPLAY_AVAILABLE: "airplay-available",
-	IS_AIRPLAYING: "is-airplaying",
-	MEDIA: "media",
-	LANGUAGES: "languages",
-	LANGUAGE: "language",
-	TEXT_TRACKS: "text-tracks",
-	TEXT_TRACK: "text-track",
-	NEEDS_USER_INPUT_VIDEO: "needs-user-input-video",
-	NEEDS_USER_INPUT_AUDIO: "needs-user-input-audio",
-	AUTHENTICATION_TOKEN: "authentication-token",
-	VOLUME: "volume",
-	VOLUME_LEVEL: "volume-level",
-	CAST_ENABLED: "cast",
-	AIRPLAY_ENABLED: "airplay",
-	PIP_ENABLED: "pip",
-	FULLSCREEN_ENABLED: "fullscreen",
-	VU_METER_ENABLED: "vu-meter",
-	TIMESHIFT_ENABLED: "timeshift",
-	TIMESHIFT_POSITION: "timeshift-position",
-	POSTER_SRC: "poster-src",
-	DURATION: "duration"
-}, Te = Object.values(h), g = {
-	PLAY: "play",
-	PAUSE: "pause",
-	MUTE: "mute",
-	UNMUTE: "unmute",
-	LOCK_UI: "lock-ui",
-	UNLOCK_UI: "unlock-ui",
-	ENTER_FULLSCREEN: "enter-fullscreen",
-	EXIT_FULLSCREEN: "exit-fullscreen",
-	SET_RENDITION: "set-rendition",
-	SET_ABR_MODE: "set-abr-mode",
-	SET_SIZE_BASED_RESOLUTION_CAP_MODE: "set-size-based-resolution-cap-mode",
-	CHANNEL_GRID_OPENED: "channel-grid-opened",
-	CHANNEL_GRID_CLOSED: "channel-grid-closed",
-	ENTER_PIP: "enter-pip",
-	EXIT_PIP: "exit-pip",
-	REQUEST_AIRPLAY: "request-airplay",
-	SET_LANGUAGE: "set-language",
-	SET_TEXT_TRACK: "set-text-track",
-	REQUEST_USER_INPUT: "request-user-input",
-	SET_VOLUME: "set-volume",
-	SEEK: "seek",
-	GO_LIVE: "go-live"
-};
-//#endregion
-//#region ../../libs/player-next/src/utils/vindralAttributesUtils.ts
-function Ee(e) {
-	return e === "audio" || e === "video" || e === "audio+video" ? e : "audio+video";
-}
-function De(e) {
-	return e === "trace" || e === "debug" || e === "info" || e === "warn" || e === "error" || e === "off" ? e : "off";
-}
-function Oe(e) {
-	if (e === null) return;
-	let t = e.split(",").map((e) => e.trim()).filter((e) => e === "h264" || e === "av1");
-	if (t.length !== 0) return t;
-}
-function ke(e) {
-	if (e !== null) try {
-		let t = JSON.parse(e);
-		if (typeof t == "object" && t) {
-			let e = t;
-			if (typeof e.width == "number" && typeof e.height == "number") return e;
-		}
-	} catch (e) {
-		return;
-	}
-}
-function Ae(e) {
-	if (e !== null) try {
-		let t = JSON.parse(e);
-		if (typeof t == "object" && t) return t;
-	} catch (e) {
-		return;
-	}
-}
-function je(e) {
-	if (e === null) return;
-	let t = parseFloat(e);
-	return isNaN(t) ? void 0 : t;
-}
-function _(e) {
-	return typeof e == "string";
-}
-function v(e, t) {
-	if (e === null) return t == null ? void 0 : t;
-	let n = e.toLowerCase();
-	return n === "false" ? !1 : n === "true" || n === "" || t == null ? !0 : t;
-}
-function Me(e, t) {
-	return e === null ? t == null ? void 0 : t : e === "" || e.toLowerCase() === "true" ? !0 : e.toLowerCase() === "false" ? !1 : e;
-}
-function Ne(e) {
-	if (e === null) return;
-	let t = {}, n = e.split(",");
-	for (let e of n) {
-		let [n, r] = e.split(":");
-		n && r && (t[n.trim()] = r.trim());
-	}
-	return Object.keys(t).length > 0 ? t : void 0;
-}
-function Pe(e) {
-	if (e === null) return;
-	let t = e.split(",").map((e) => e.trim()).filter((e) => e.length > 0);
-	return t.length > 0 ? t : void 0;
-}
-//#endregion
-//#region ../../libs/player-next/src/components/VindralButton.ts
-var Fe = document.createElement("template");
-Fe.innerHTML = "\n  <style>\n    :host {\n      cursor: pointer;\n      color: var(--fg-strong);\n      padding: var(--button-padding);\n      background: transparent;\n      transition: background 0.2s linear;\n      -webkit-tap-highlight-color: transparent;\n    }\n\n    :host(:focus-visible) {\n      box-shadow: inset 0 0 0 2px var(--fg-strong);\n      outline: 0;\n    }\n\n    :host(:where(:focus)) {\n      box-shadow: none;\n      outline: 0;\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\n    :host(:active) svg {\n      scale: 0.9;\n    }\n\n    :host([disabled]) {\n      opacity: 0.5;\n      background: transparent;\n    }\n\n    slot > svg {\n      display: block;\n      width: var(--button-icon-size);\n      height: var(--button-icon-size);\n    }\n  </style>\n";
-var Ie = /* @__PURE__ */ new WeakMap(), Le = /* @__PURE__ */ new WeakMap(), Re = /* @__PURE__ */ new WeakMap(), ze = /* @__PURE__ */ new WeakMap(), y = class extends HTMLElement {
-	constructor() {
-		super(), n(this, Ie, null), n(this, Le, (e) => {
-			this.handleClick(e);
-		}), n(this, Re, (e) => {
-			let { key: t } = e;
-			if (!this.keysUsed.includes(t)) {
-				this.removeEventListener("keyup", o(Re, this));
-				return;
-			}
-			this.handleClick(e);
-		}), n(this, ze, (e) => {
-			let { metaKey: t, altKey: n, key: r } = e;
-			if (t || n || !this.keysUsed.includes(r)) {
-				this.removeEventListener("keyup", o(Re, this));
-				return;
-			}
-			this.addEventListener("keyup", o(Re, this), { once: !0 });
-		}), this.attachShadow({ mode: "open" }).appendChild(Fe.content.cloneNode(!0));
-	}
-	get keysUsed() {
-		return ["Enter", " "];
-	}
-	connectedCallback() {
-		var e;
-		m(Ie, this, this.closest("vindral-controller")), (e = o(Ie, this)) == null || e.connectListener(this), this.hasAttribute("disabled") || this.enable(), this.setAttribute("role", "button");
-	}
-	enable() {
-		this.addEventListener("click", o(Le, this)), this.addEventListener("keydown", o(ze, this)), this.tabIndex = 0;
-	}
-	disable() {
-		this.removeEventListener("click", o(Le, this)), this.removeEventListener("keydown", o(ze, this)), this.removeEventListener("keyup", o(Re, this)), this.tabIndex = -1;
-	}
-	disconnectedCallback() {
-		var e;
-		(e = o(Ie, this)) == null || e.disconnectListener(this);
-	}
-	attributeChangedCallback(e, t, n) {
-		e === "disabled" && (_(n) ? this.disable() : this.enable());
-	}
-};
-e(y, "observedAttributes", ["disabled"]);
-//#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/getPrototypeOf.js
-function Be(e) {
-	return Be = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
-		return e.__proto__ || Object.getPrototypeOf(e);
-	}, Be(e);
-}
-//#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/superPropBase.js
-function Ve(e, t) {
-	for (; !{}.hasOwnProperty.call(e, t) && (e = Be(e)) !== null;);
-	return e;
-}
-//#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/get.js
-function He() {
-	return He = typeof Reflect < "u" && Reflect.get ? Reflect.get.bind() : function(e, t, n) {
-		var r = Ve(e, t);
-		if (r) {
-			var i = Object.getOwnPropertyDescriptor(r, t);
-			return i.get ? i.get.call(arguments.length < 3 ? e : n) : i.value;
-		}
-	}, He.apply(null, arguments);
-}
-//#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/superPropGet.js
-function b(e, t, n, r) {
-	var i = He(Be(1 & r ? e.prototype : e), t, n);
-	return 2 & r && typeof i == "function" ? function(e) {
-		return i.apply(n, e);
-	} : i;
-}
-//#endregion
-//#region ../../libs/player-next/src/components/AirPlayButton.ts
-var Ue, We = document.createElement("template"), Ge = "\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";
-We.innerHTML = `
-  <style>
-    :host {
-      display: var(--airplay-button-display);
-    }
-
-    :host(:not([${h.AIRPLAY_AVAILABLE}])) {
-      display: none !important;
-    }
-
-    :host([${h.IS_AIRPLAYING}]) slot[name="exit"] {
-      display: none !important;
-    }
-
-    :host(:not([${h.IS_AIRPLAYING}])) slot[name="enter"] {
-      display: none !important;
-    }
-  </style>
-
-  <slot name="icon">
-    <slot name="enter">${Ge}</slot>
-    <slot name="exit">${Ge}</slot>
-  </slot>
-`;
-var Ke = /* @__PURE__ */ new WeakSet(), qe = class extends y {
-	constructor() {
-		var e;
-		super(), p(this, Ke), (e = this.shadowRoot) == null || e.appendChild(We.content.cloneNode(!0));
-	}
-	connectedCallback() {
-		super.connectedCallback(), r(Ke, this, Je).call(this);
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-	}
-	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), e === h.IS_AIRPLAYING && r(Ke, this, Je).call(this);
-	}
-	set isAirPlaying(e) {
-		e ? this.setAttribute(h.IS_AIRPLAYING, "") : this.removeAttribute(h.IS_AIRPLAYING);
-	}
-	get isAirPlaying() {
-		return this.hasAttribute(h.IS_AIRPLAYING);
-	}
-	handleClick(e) {
-		this.dispatchEvent(new CustomEvent(g.REQUEST_AIRPLAY, {
-			bubbles: !0,
-			composed: !0
-		}));
-	}
-};
-Ue = qe;
-function Je() {
-	this.setAttribute("aria-label", this.isAirPlaying ? "Exit airplay" : "Enter airplay");
-}
-e(qe, "observedAttributes", [
-	...b(Ue, "observedAttributes", Ue),
-	h.AIRPLAY_AVAILABLE,
-	h.IS_AIRPLAYING
-]);
-//#endregion
-//#region ../../libs/player-next/src/components/VindralMenuButton.ts
-var Ye = document.createElement("template");
-Ye.innerHTML = "\n  <style>\n    :host {\n      position: relative;\n    }\n\n    :host([hidden]) {\n      display: none;\n    }\n  </style>\n";
-var Xe = /* @__PURE__ */ new WeakMap(), Ze = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap(), Qe = /* @__PURE__ */ new WeakMap(), $e = /* @__PURE__ */ new WeakMap(), et = /* @__PURE__ */ new WeakMap(), tt = /* @__PURE__ */ new WeakSet(), nt = class extends y {
-	constructor() {
-		var e;
-		super(), p(this, tt), n(this, Xe, void 0), n(this, Ze, void 0), n(this, x, void 0), n(this, Qe, null), n(this, $e, (e) => {
-			e.composedPath().includes(this) || this.hide();
-		}), n(this, et, () => {
-			this.hide();
-		}), (e = this.shadowRoot) == null || e.appendChild(Ye.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 = o(Ze, this)) == null || t.setAttribute("list-position", i);
-		let a = this.getRootNode(), s = [...(n = (r = this.shadowRoot) == null ? void 0 : r.querySelectorAll(":not(:defined)")) == null ? [] : n].map((e) => customElements.whenDefined(e.localName));
-		Promise.all(s).then(() => {
-			if (a instanceof Document || a instanceof ShadowRoot) {
-				var e;
-				m(Qe, this, a.querySelector("vindral-controller")), (e = o(Qe, this)) == null || e.connectListener(this);
-			}
-		});
-	}
-	set button(e) {
-		m(Xe, this, e);
-	}
-	set listbox(e) {
-		m(Ze, this, e);
-	}
-	set listboxSlot(e) {
-		m(x, this, e);
-	}
-	enable() {
-		super.enable(), this.addEventListener("change", o(et, this)), document.addEventListener("click", o($e, this));
-	}
-	hide() {
-		var e, t;
-		!o(x, this) || (e = o(x, this)) != null && e.hidden || (o(x, this).hidden = !0, (t = o(Xe, this)) == null || t.setAttribute("aria-expanded", "false"), this.dispatchEvent(new CustomEvent(g.UNLOCK_UI, {
-			bubbles: !0,
-			composed: !0
-		})), this.focus());
-	}
-	handleClick(e) {
-		o(x, this) && !e.composedPath().includes(o(x, this)) && r(tt, this, rt).call(this);
-	}
-};
-function rt() {
-	var e;
-	(e = o(x, this)) != null && e.hidden ? r(tt, this, it).call(this) : this.hide();
-}
-function it() {
-	var e, t, n;
-	(e = o(x, this)) != null && e.hidden && (o(x, this).hidden = !1, (t = o(Xe, this)) == null || t.setAttribute("aria-expanded", "true"), (n = o(Ze, this)) == null || n.focus(), this.dispatchEvent(new CustomEvent(g.LOCK_UI, {
-		bubbles: !0,
-		composed: !0
-	})));
-}
-//#endregion
-//#region ../../libs/player-next/src/components/AdvancedRenditionMenu.ts
-var at, ot = "\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", st = document.createElement("template");
-st.innerHTML = `
-  <style>
-    :host {
-      display: var(--rendition-menu-display);
-    }
-  </style>
-
-  <slot name="button">${ot}</slot>
-  <slot name="listbox" hidden>
-    <vindral-advanced-rendition-menu-list id="listbox" part="listbox"></vindral-advanced-rendition-menu-list>
-  </slot>
-`;
-var ct = /* @__PURE__ */ new WeakSet(), lt = class extends nt {
-	constructor() {
-		var e, t, n, r;
-		super(), p(this, ct), (e = this.shadowRoot) == null || e.appendChild(st.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(), r(ct, this, ut).call(this), this.setAttribute("aria-label", "Advanced rendition controls");
-	}
-	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), e === h.RENDITION_LEVELS && r(ct, this, ut).call(this);
-	}
-};
-at = lt;
-function ut() {
-	let e = this.getAttribute(h.RENDITION_LEVELS);
-	!e || e === "[]" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
-}
-e(lt, "observedAttributes", [...b(at, "observedAttributes", at), h.RENDITION_LEVELS]);
-//#endregion
-//#region ../../libs/player-next/src/components/AdvancedRenditionMenuList.ts
-var dt = document.createElement("template");
-dt.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 ft = /* @__PURE__ */ new WeakMap(), pt = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap(), mt = /* @__PURE__ */ new WeakMap(), ht = /* @__PURE__ */ new WeakMap(), gt = /* @__PURE__ */ new WeakMap(), _t = /* @__PURE__ */ new WeakMap(), vt = /* @__PURE__ */ new WeakMap(), yt = /* @__PURE__ */ new WeakMap(), bt = /* @__PURE__ */ new WeakMap(), C = /* @__PURE__ */ new WeakSet(), xt = class extends HTMLElement {
-	constructor() {
-		super(), p(this, C), n(this, ft, []), n(this, pt, 2 ** 53 - 1), n(this, S, !1), n(this, mt, !0), n(this, ht, null), n(this, gt, null), n(this, _t, []), n(this, vt, null), n(this, yt, null), n(this, bt, null), e(this, "handleEvent", (e) => {
-			switch (e.type) {
-				case "keydown":
-					r(C, this, Nt).call(this, e);
-					break;
-			}
-		}), this.attachShadow({ mode: "open" }).appendChild(dt.content.cloneNode(!0));
-	}
-	connectedCallback() {
-		let e = this.getRootNode();
-		if (e instanceof ShadowRoot) {
-			var t;
-			m(vt, this, e.host.closest("vindral-controller")), (t = o(vt, this)) == null || t.connectListener(this), r(C, this, Dt).call(this), r(C, this, St).call(this), r(C, this, Ct).call(this), r(C, this, Ot).call(this), m(yt, this, e.host), this.addEventListener("keydown", this);
-		}
-	}
-	disconnectedCallback() {
-		var e, t;
-		(e = o(vt, this)) == null || e.disconnectListener(this), (t = o(bt, this)) == null || t.disconnect(), m(bt, this, null), this.removeEventListener("keydown", this);
-	}
-	attributeChangedCallback(e, t, n) {
-		t !== n && (e === h.RENDITION_LEVELS && n && (this.list = JSON.parse(n)), e === h.MAX_VIDEO_BITRATE && (this.maxVideoBitrate = n ? parseInt(n, 10) : 2 ** 53 - 1), e === h.ABR_ENABLED && (m(S, this, v(n, !1)), r(C, this, Tt).call(this), r(C, this, At).call(this)), e === h.RENDITION_LEVEL && n && (m(ht, this, JSON.parse(n)), r(C, this, At).call(this)), e === h.SIZE_BASED_RESOLUTION_CAP_ENABLED && (m(mt, this, v(n, !0)), r(C, this, Et).call(this)));
-	}
-	set list(e) {
-		m(ft, this, e), r(C, this, Ot).call(this);
-	}
-	set maxVideoBitrate(e) {
-		m(pt, this, e), r(C, this, At).call(this);
-	}
-	get keysUsed() {
-		return [
-			"Enter",
-			"Escape",
-			"Tab",
-			" ",
-			"ArrowDown",
-			"ArrowUp",
-			"Home",
-			"End"
-		];
-	}
-	focus() {
-		var e;
-		(e = o(gt, this)) == null || e.focus();
-	}
-};
-function St() {
-	var e, t;
-	let n = (e = this.shadowRoot) == null ? void 0 : e.querySelector("[data-mode=\"auto\"]"), i = (t = this.shadowRoot) == null ? void 0 : t.querySelector("[data-mode=\"fixed\"]");
-	n == null || n.addEventListener("click", () => {
-		m(S, this, !0), r(C, this, Tt).call(this), r(C, this, At).call(this), this.dispatchEvent(new CustomEvent(g.SET_ABR_MODE, {
-			bubbles: !0,
-			composed: !0,
-			detail: !0
-		}));
-	}), i == null || i.addEventListener("click", () => {
-		let e = r(C, this, wt).call(this);
-		e && this.dispatchEvent(new CustomEvent(g.SET_RENDITION, {
-			bubbles: !0,
-			composed: !0,
-			detail: e
-		})), m(S, this, !1), r(C, this, Tt).call(this), r(C, this, At).call(this), this.dispatchEvent(new CustomEvent(g.SET_ABR_MODE, {
-			bubbles: !0,
-			composed: !0,
-			detail: !1
-		}));
-	}), r(C, this, Tt).call(this);
-}
-function Ct() {
-	var e;
-	let t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("#size-cap-toggle");
-	t == null || t.addEventListener("click", () => {
-		let e = !o(mt, this);
-		m(mt, this, e), r(C, this, Et).call(this), this.dispatchEvent(new CustomEvent(g.SET_SIZE_BASED_RESOLUTION_CAP_MODE, {
-			bubbles: !0,
-			composed: !0,
-			detail: e
-		}));
-	}), r(C, this, Et).call(this);
-}
-function wt() {
-	let e = [...o(ft, 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 <= o(pt, this);
-	}) || e[e.length - 1] || null;
-}
-function Tt() {
-	var e, t, n;
-	let i = (e = this.shadowRoot) == null ? void 0 : e.querySelector("[data-mode=\"auto\"]"), a = (t = this.shadowRoot) == null ? void 0 : t.querySelector("[data-mode=\"fixed\"]"), s = (n = this.shadowRoot) == null ? void 0 : n.querySelector("#quality-status-text");
-	i && a && (i.setAttribute("data-active", String(o(S, this))), a.setAttribute("data-active", String(!o(S, this)))), s && (s.textContent = o(S, this) ? "Select maximum allowed quality" : "Select specific quality (may cause buffering)"), r(C, this, Et).call(this);
-}
-function Et() {
-	var e;
-	let t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("#size-cap-toggle");
-	t && (t.textContent = o(mt, this) ? "On" : "Off", t.setAttribute("aria-pressed", String(o(mt, this))), t.setAttribute("data-active", String(o(mt, this))), t.disabled = !o(S, this), t.title = o(S, this) ? "Toggle size-based resolution cap" : "Only available in Auto (ABR) mode");
-}
-function Dt() {
-	var e;
-	(e = o(bt, this)) == null || e.disconnect(), m(bt, 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: o(vt, this),
-		threshold: 0
-	})), o(bt, this).observe(this);
-}
-function Ot() {
-	var e;
-	let t = (e = this.shadowRoot) == null ? void 0 : e.querySelector(".menu");
-	t && (m(_t, this, []), t.innerHTML = "", o(ft, 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, i, a, s, c, l, u, ee, d, te;
-		let f = document.createElement("div");
-		f.setAttribute("role", "menuitem"), f.setAttribute("value", String((n = e.video) == null ? void 0 : n.height)), f.classList.add("menu-item"), f.tabIndex = -1;
-		let p = document.createElement("div");
-		p.className = "menu-item-info";
-		let ne = document.createElement("span");
-		ne.className = "menu-item-title", ne.textContent = e.video ? be(e.video) : "";
-		let re = document.createElement("span");
-		re.classList.add("menu-item-subtitle");
-		let ie = r(C, this, kt).call(this, (i = e.video) == null ? void 0 : i.frameRate);
-		re.textContent = `${ye(((a = (s = e.video) == null ? void 0 : s.bitRate) == null ? 0 : a) + ((c = (l = e.audio) == null ? void 0 : l.bitRate) == null ? 0 : c))}, ${ie}fps`, p.appendChild(ne), p.appendChild(re), f.appendChild(p);
-		let ae = document.createElement("span");
-		ae.className = "current-label", ae.textContent = "Current", f.appendChild(ae), f.addEventListener("click", () => r(C, this, Mt).call(this, e)), o(_t, this).push({
-			el: f,
-			id: (u = (ee = e.video) == null ? void 0 : ee.id) == null ? -1 : u,
-			bitrate: (d = (te = e.video) == null ? void 0 : te.bitRate) == null ? 0 : d
-		}), t.appendChild(f);
-	}), r(C, this, At).call(this));
-}
-function kt(e) {
-	return e ? e[0] % e[1] === 0 ? (e[0] / e[1]).toString() : (e[0] / e[1]).toFixed(2) : "";
-}
-function At() {
-	var e;
-	let t = (e = o(ht, this)) == null || (e = e.video) == null ? void 0 : e.id, n = r(C, this, jt).call(this), i = n == null ? void 0 : n.id;
-	m(gt, this, null), o(_t, this).forEach((e) => {
-		let n = e.id, r = e.bitrate;
-		e.el.setAttribute("data-playing", String(n === t));
-		let a = n === i;
-		if (e.el.setAttribute("data-selected", String(a)), a ? (e.el.setAttribute("aria-selected", "true"), e.el.tabIndex = 0, m(gt, this, e.el)) : (e.el.removeAttribute("aria-selected"), e.el.tabIndex = -1), o(S, this)) {
-			let t = r > o(pt, this);
-			e.el.setAttribute("data-capped", String(t));
-		} else e.el.removeAttribute("data-capped");
-	});
-}
-function jt() {
-	let e = [...o(_t, this)].sort((e, t) => t.bitrate - e.bitrate);
-	return e.find((e) => e.bitrate <= o(pt, this)) || e[e.length - 1];
-}
-function Mt(e) {
-	this.dispatchEvent(new Event("change", {
-		bubbles: !0,
-		composed: !0
-	})), this.dispatchEvent(new CustomEvent(g.SET_RENDITION, {
-		bubbles: !0,
-		composed: !0,
-		detail: e
-	}));
-}
-function Nt(e) {
-	let { key: t, ctrlKey: n, altKey: i, metaKey: a } = e;
-	if (!(n || i || a) && this.keysUsed.includes(t)) if (e.preventDefault(), e.stopPropagation(), t === "Tab" || t === "Escape") {
-		var s;
-		(s = o(yt, this)) == null || s.hide();
-	} else if (t === "Enter" || t === " ") {
-		var c;
-		(c = r(C, this, Ft).call(this)) == null || (c = c.el) == null || c.click();
-	} else r(C, this, Pt).call(this, e);
-}
-function Pt(e) {
-	var t;
-	let { key: n } = e, i = o(_t, this), a = (t = r(C, this, Ft).call(this)) == null ? i[0] : t;
-	if (!a) return;
-	let s = i.indexOf(a), c = Math.max(0, s);
-	n === "ArrowDown" ? c++ : n === "ArrowUp" ? c-- : e.key === "Home" ? c = 0 : e.key === "End" && (c = i.length - 1), c < 0 && (c = i.length - 1), c > i.length - 1 && (c = 0);
-	let l = i[c];
-	l && (r(C, this, It).call(this, l.id), l.el.focus());
-}
-function Ft() {
-	return o(_t, this).find((e) => e.el.tabIndex === 0);
-}
-function It(e) {
-	for (let t of o(_t, this)) t.el.tabIndex = t.id === e ? 0 : -1;
-}
-e(xt, "observedAttributes", [
-	h.RENDITION_LEVELS,
-	h.MAX_VIDEO_BITRATE,
-	h.ABR_ENABLED,
-	h.RENDITION_LEVEL,
-	h.SIZE_BASED_RESOLUTION_CAP_ENABLED
-]);
-//#endregion
-//#region ../../libs/player-next/src/components/BufferingIcon.ts
-var Lt = document.createElement("template");
-Lt.innerHTML = `
-  <style>
-    :host {
-      color: var(--fg-strong);
-    }
-
-    slot > svg {
-      display: block;
-    }
-
-    :host(:not([${h.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 Rt = /* @__PURE__ */ new WeakMap(), zt = class extends HTMLElement {
-	constructor() {
-		super(), n(this, Rt, null), this.attachShadow({ mode: "open" }).appendChild(Lt.content.cloneNode(!0));
-	}
-	connectedCallback() {
-		var e;
-		m(Rt, this, this.closest("vindral-controller")), (e = o(Rt, this)) == null || e.connectListener(this);
-	}
-	disconnectedCallback() {
-		var e;
-		(e = o(Rt, this)) == null || e.disconnectListener(this);
-	}
-};
-e(zt, "observedAttributes", [h.BUFFERING]);
-//#endregion
-//#region ../../libs/player-next/src/components/BufferingOverlay.ts
-var Bt = document.createElement("template");
-Bt.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([${h.BUFFERING}])) {
-      transition-delay: 0s;
-      opacity: 0 !important;
-    }
-  </style>
-
-  <div id="buffering-indicator"></div>
-`;
-var Vt = /* @__PURE__ */ new WeakMap(), Ht = class extends HTMLElement {
-	constructor() {
-		super(), n(this, Vt, null), this.attachShadow({ mode: "open" }).appendChild(Bt.content.cloneNode(!0));
-	}
-	connectedCallback() {
-		var e;
-		m(Vt, this, this.closest("vindral-controller")), (e = o(Vt, this)) == null || e.connectListener(this);
-	}
-	disconnectedCallback() {
-		var e;
-		(e = o(Vt, this)) == null || e.disconnectListener(this);
-	}
-};
-e(Ht, "observedAttributes", [h.BUFFERING]);
-//#endregion
-//#region ../../libs/player-next/src/components/CastButton.ts
-var Ut, Wt = document.createElement("template");
-Wt.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([${h.CAST_AVAILABLE}])) {
-      display: none !important;
-    }
-  </style>
-`;
-var Gt = /* @__PURE__ */ new WeakSet(), Kt = class extends y {
-	constructor() {
-		var e;
-		super(), p(this, Gt), (e = this.shadowRoot) == null || e.appendChild(Wt.content.cloneNode(!0));
-	}
-	connectedCallback() {
-		super.connectedCallback(), r(Gt, this, qt).call(this);
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-	}
-	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), e === h.CAST_AVAILABLE && r(Gt, this, Jt).call(this), e === h.IS_CASTING && r(Gt, this, qt).call(this);
-	}
-	set isCasting(e) {
-		e ? this.setAttribute(h.IS_CASTING, "") : this.removeAttribute(h.IS_CASTING);
-	}
-	get isCasting() {
-		return this.hasAttribute(h.IS_CASTING);
-	}
-	handleClick(e) {}
-};
-Ut = Kt;
-function qt() {
-	this.setAttribute("aria-label", this.isCasting ? "Exit cast" : "Enter cast");
-}
-function Jt() {
-	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(Kt, "observedAttributes", [
-	...b(Ut, "observedAttributes", Ut),
-	h.CAST_AVAILABLE,
-	h.IS_CASTING
-]);
-//#endregion
-//#region ../../libs/player-next/src/components/CastOverlay.ts
-var Yt = document.createElement("template");
-Yt.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([${h.IS_CASTING}])) {
-      display: none;
-    }
-
-    #text {
-      margin: 0;
-      padding: 0;
-    }
-  </style>
-  <span id="text"></span>
-`;
-var Xt = /* @__PURE__ */ new WeakMap(), Zt = /* @__PURE__ */ new WeakMap(), Qt = class extends HTMLElement {
-	constructor() {
-		super(), n(this, Xt, null), n(this, Zt, null), this.attachShadow({ mode: "open" }).appendChild(Yt.content.cloneNode(!0));
-	}
-	connectedCallback() {
-		var e, t;
-		m(Xt, this, this.closest("vindral-controller")), (e = o(Xt, this)) == null || e.connectListener(this), m(Zt, this, (t = this.shadowRoot) == null ? void 0 : t.querySelector("#text"));
-	}
-	disconnectedCallback() {
-		var e;
-		(e = o(Xt, this)) == null || e.disconnectListener(this);
-	}
-	attributeChangedCallback(e, t, n) {
-		t === n || !o(Zt, this) || e === "cast-receiver-name" && typeof n == "string" && (o(Zt, this).innerText = `Casting to ${n || "device"}`);
-	}
-};
-e(Qt, "observedAttributes", [h.IS_CASTING, h.CAST_RECEIVER_NAME]);
-//#endregion
-//#region ../../libs/player-next/src/utils/elementUtils.ts
-function $t(e = document) {
-	let t = e == null ? void 0 : e.activeElement;
-	if (!t) return null;
-	if (t.shadowRoot) {
-		let e = $t(t.shadowRoot);
-		return e == null ? t : e;
-	}
-	return t;
-}
-//#endregion
-//#region ../../libs/player-next/src/components/ChannelGridItem.ts
-var en = document.createElement("template");
-en.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 tn = /* @__PURE__ */ new WeakMap(), nn = class extends HTMLElement {
-	constructor() {
-		super(), n(this, tn, void 0), e(this, "lastThumbnailUpdate", void 0);
-		let t = this.attachShadow({ mode: "open" });
-		m(tn, this, document.createElement("span")), o(tn, this).className = "channel-title", t.appendChild(o(tn, this)), t.appendChild(en.content.cloneNode(!0));
-	}
-	attributeChangedCallback(e, t, n) {
-		if (t !== n) switch (e) {
-			case "url":
-				this.updateThumbnail();
-				break;
-			case "title":
-				o(tn, 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(nn, "observedAttributes", [
-	"url",
-	"title",
-	"offline",
-	"authentication-token",
-	"visible"
-]);
-//#endregion
-//#region ../../libs/player-next/src/components/ChannelGrid.ts
-var rn = document.createElement("template");
-rn.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 an = /* @__PURE__ */ new WeakMap(), on = /* @__PURE__ */ new WeakMap(), sn = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), cn = /* @__PURE__ */ new WeakMap(), ln = /* @__PURE__ */ new WeakMap(), un = /* @__PURE__ */ new WeakMap(), dn = /* @__PURE__ */ new WeakMap(), fn = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakSet(), pn = class extends HTMLElement {
-	constructor() {
-		super(), p(this, E), n(this, an, null), n(this, on, null), n(this, sn, []), n(this, w, []), n(this, T, void 0), n(this, cn, void 0), n(this, ln, void 0), n(this, un, void 0), n(this, dn, void 0), n(this, fn, void 0), e(this, "handleEvent", (e) => {
-			switch (e.type) {
-				case "keydown":
-					r(E, this, En).call(this, e);
-					break;
-			}
-		}), this.attachShadow({ mode: "open" }).appendChild(rn.content.cloneNode(!0));
-	}
-	connectedCallback() {
-		var e, t, n;
-		m(on, this, this.closest("vindral-controller")), (e = o(on, this)) == null || e.connectListener(this), r(E, this, mn).call(this), (t = o(an, this)) == null || t.observe((n = this.shadowRoot) == null ? void 0 : n.querySelector(".wrapper")), r(E, this, bn).call(this), m(ln, this, window.setInterval(() => {
-			r(E, this, wn).call(this);
-		}, 1e4));
-	}
-	disconnectedCallback() {
-		var e, t;
-		clearInterval(o(ln, this)), r(E, this, Mn).call(this), this.removeEventListener("keydown", this), (e = o(an, this)) == null || e.disconnect(), (t = o(on, this)) == null || t.disconnectListener(this);
-	}
-	attributeChangedCallback(e, t, n) {
-		if (t !== n) switch (e) {
-			case h.CHANNEL_ID:
-				r(E, this, Cn).call(this, n);
-				break;
-			case h.CHANNELS:
-				m(sn, this, JSON.parse(n)), r(E, this, bn).call(this);
-				break;
-			case "authentication-token":
-				m(cn, this, n);
-				break;
-		}
-	}
-	get keysUsed() {
-		return [
-			"Enter",
-			"Escape",
-			"Tab",
-			" ",
-			"ArrowDown",
-			"ArrowUp",
-			"ArrowLeft",
-			"ArrowRight",
-			"Home",
-			"End"
-		];
-	}
-	focus() {
-		var e;
-		let t = $t();
-		t && t !== this && !this.contains(t) && m(un, this, t), (e = o(T, this)) == null || e.focus();
-	}
-};
-function mn() {
-	m(an, this, new IntersectionObserver((e) => {
-		e.forEach((e) => {
-			let { target: t, isIntersecting: n } = e;
-			t instanceof nn ? r(E, this, yn).call(this, t, n) : r(E, this, hn).call(this, n);
-		});
-	}, { root: o(on, this) }));
-}
-function hn(e) {
-	e ? r(E, this, gn).call(this) : r(E, this, _n).call(this);
-}
-function gn() {
-	this.dispatchEvent(new CustomEvent(g.CHANNEL_GRID_OPENED, {
-		bubbles: !0,
-		composed: !0
-	})), r(E, this, vn).call(this), this.addEventListener("keydown", this), o(T, this) && (o(T, this).tabIndex = 0);
-}
-function _n() {
-	r(E, this, Mn).call(this), o(T, this) && (o(T, this).tabIndex = -1), this.dispatchEvent(new CustomEvent(g.CHANNEL_GRID_CLOSED, {
-		bubbles: !0,
-		composed: !0
-	})), r(E, this, kn).call(this), this.removeEventListener("keydown", this);
-}
-function vn() {
-	var e;
-	r(E, this, Mn).call(this), m(fn, this, () => {
-		clearTimeout(o(dn, this)), m(dn, this, window.setTimeout(() => {
-			r(E, this, jn).call(this) && this.focus(), r(E, this, Mn).call(this);
-		}, 100));
-	}), (e = this.parentElement) == null || e.addEventListener("scroll", o(fn, this));
-}
-function yn(e, t) {
-	t ? (e.setAttribute("visible", ""), (!e.lastThumbnailUpdate || Date.now() - e.lastThumbnailUpdate >= 1e4) && (e.updateThumbnail(), e.lastThumbnailUpdate = Date.now())) : e.removeAttribute("visible");
-}
-function bn() {
-	var e;
-	let t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("slot[name=grid]"), n = new Map(o(w, this).map((e) => [e.id, e])), i = this.getAttribute("channel-id");
-	m(w, this, o(sn, this).map((e) => {
-		var a;
-		let s = n.get(e.channelId);
-		if (s) return r(E, this, xn).call(this, s.element, e), s;
-		let c = r(E, this, Sn).call(this, e, i);
-		return (a = o(an, this)) == null || a.observe(c.element), t.contains(c.element) || t.appendChild(c.element), c;
-	})), n.forEach((e, t) => {
-		if (!o(sn, this).some((e) => e.channelId === t)) {
-			var n;
-			(n = o(an, this)) == null || n.unobserve(e.element), e.element.remove();
-		}
-	}), o(w, 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 xn(e, t) {
-	t.isLive ? e.removeAttribute("offline") : e.setAttribute("offline", ""), e.setAttribute("url", t.thumbnailUrls[0] || ""), e.setAttribute("title", t.name);
-}
-function Sn(e, t) {
-	let n = document.createElement("vindral-channel-grid-item");
-	return n.setAttribute("url", e.thumbnailUrls[0] || ""), n.setAttribute("title", e.name), o(cn, this) && n.setAttribute("authentication-token", o(cn, this)), e.isLive || n.setAttribute("offline", ""), e.channelId === t && (n.setAttribute("aria-selected", "true"), m(T, this, n)), n.tabIndex = -1, n.onclick = () => r(E, this, Tn).call(this, e), {
-		element: n,
-		thumbnail: e.thumbnailUrls[0] || "",
-		id: e.channelId
-	};
-}
-function Cn(e) {
-	o(w, this).forEach((t) => {
-		t.id === e ? (t.element.setAttribute("aria-selected", "true"), t.element.tabIndex = 0, m(T, this, t.element)) : (t.element.tabIndex = -1, t.element.setAttribute("aria-selected", "false"));
-	});
-}
-function wn() {
-	this.hasAttribute("hidden") || o(w, this).forEach((e) => e.element.updateThumbnail());
-}
-function Tn(e) {
-	var t;
-	r(E, this, Nn).call(this), (t = o(on, this)) == null || t.setAttribute("channel-id", e.channelId);
-}
-function En(e) {
-	let { key: t, ctrlKey: n, altKey: i, metaKey: a } = e;
-	if (!(n || i || a) && this.keysUsed.includes(t)) if (e.preventDefault(), e.stopPropagation(), t === "Tab" || t === "Escape") r(E, this, Nn).call(this);
-	else if (t === "Enter" || t === " ") {
-		var s;
-		(s = o(T, this)) == null || s.click();
-	} else r(E, this, Dn).call(this, e);
-}
-function Dn(e) {
-	if (!o(T, this)) return;
-	let { key: t } = e, n = o(w, this).findIndex((e) => e.element === o(T, this)), i = o(T, this).getBoundingClientRect();
-	switch (t) {
-		case "ArrowUp":
-			if (n = r(E, this, On).call(this, i, -1, 0), n < 0) {
-				r(E, this, Nn).call(this);
-				return;
-			}
-			break;
-		case "ArrowDown":
-			n = r(E, this, On).call(this, i, 1, 0);
-			break;
-		case "ArrowLeft":
-			n = r(E, this, On).call(this, i, 0, -1);
-			break;
-		case "ArrowRight":
-			n = r(E, this, On).call(this, i, 0, 1);
-			break;
-		case "Home":
-			n = 0;
-			break;
-		case "End":
-			n = o(w, this).length - 1;
-			break;
-	}
-	if (n >= 0 && n < o(w, this).length) {
-		let e = o(w, this)[n];
-		if (!e) return;
-		o(T, this).setAttribute("aria-selected", "false"), o(T, this).tabIndex = -1, m(T, this, e.element), o(T, this).setAttribute("aria-selected", "true"), o(T, this).tabIndex = 0, o(T, this).focus();
-	}
-}
-function On(e, t, n) {
-	let r = -1, i = Infinity;
-	return o(w, 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, l = n === 0 || n < 0 && s.left < e.left || n > 0 && s.left > e.left;
-		if (c && l) {
-			let t = Math.sqrt((s.top - e.top) ** 2 + (s.left - e.left) ** 2);
-			t < i && (i = t, r = o);
-		}
-	}), r;
-}
-function kn() {
-	var e, t;
-	if ((e = o(un, this)) != null && e.isConnected) {
-		o(un, this).focus({ preventScroll: !0 });
-		return;
-	}
-	(t = o(on, this)) == null || t.focus({ preventScroll: !0 });
-}
-function An(e) {
-	return (e == null ? void 0 : e.localName) === "vindral-scroll-overlay";
-}
-function jn() {
-	let e = this.parentElement;
-	return e ? r(E, this, An).call(this, e) ? e.hasAttribute("open") : !this.hasAttribute("hidden") : !1;
-}
-function Mn() {
-	if (o(dn, this) && (clearTimeout(o(dn, this)), m(dn, this, void 0)), o(fn, this)) {
-		var e;
-		(e = this.parentElement) == null || e.removeEventListener("scroll", o(fn, this)), m(fn, this, void 0);
-	}
-}
-function Nn() {
-	let e = this.parentElement;
-	if (r(E, this, An).call(this, e)) {
-		e.open = !1;
-		return;
-	}
-	e == null || e.removeAttribute("open");
-}
-e(pn, "observedAttributes", [
-	h.CHANNELS,
-	h.CHANNEL_ID,
-	h.AUTHENTICATION_TOKEN,
-	"mode",
-	"hidden"
-]);
-//#endregion
-//#region ../../libs/player-next/src/components/ChannelGridButton.ts
-var Pn, Fn = "\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", In = document.createElement("template");
-In.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">${Fn}</slot>
-`;
-var Ln = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap(), Rn = /* @__PURE__ */ new WeakMap(), zn = /* @__PURE__ */ new WeakMap(), O = /* @__PURE__ */ new WeakSet(), Bn = class extends y {
-	constructor() {
-		var e, t;
-		super(), p(this, O), n(this, Ln, void 0), n(this, D, void 0), n(this, Rn, void 0), n(this, zn, (e) => {
-			e.composedPath().includes(this) || r(O, this, Un).call(this);
-		}), (e = this.shadowRoot) == null || e.appendChild(In.content.cloneNode(!0)), m(Ln, this, (t = this.shadowRoot) == null ? void 0 : t.querySelector("slot[name=button]"));
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.setAttribute("aria-haspopup", "listbox"), this.enable(), r(O, this, Wn).call(this);
-		let e = this.getRootNode();
-		if (e instanceof Document || e instanceof ShadowRoot) {
-			var t;
-			m(D, this, e.querySelector("vindral-channel-grid")), ((t = o(D, this).parentElement) == null ? void 0 : t.localName) === "vindral-scroll-overlay" && (o(D, this).hidden = !1, o(D, this).style.position = "relative", m(Rn, this, o(D, this).parentElement));
-		}
-		r(O, this, Gn).call(this);
-	}
-	disconnectedCallback() {}
-	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), (e === h.CHANNEL_GROUP_ID || e === h.CHANNELS) && r(O, this, Wn).call(this);
-	}
-	enable() {
-		super.enable(), document.addEventListener("click", o(zn, this));
-	}
-	handleClick(e) {
-		r(O, this, Vn).call(this);
-	}
-	get isOpen() {
-		var e;
-		return o(Rn, this) ? o(Rn, this).hasAttribute("open") : !((e = o(D, this)) != null && e.hidden);
-	}
-};
-Pn = Bn;
-function Vn() {
-	if (o(Rn, this)) o(Rn, this).hasAttribute("open") ? r(O, this, Un).call(this) : r(O, this, Hn).call(this);
-	else {
-		var e;
-		(e = o(D, this)) != null && e.hidden ? r(O, this, Hn).call(this) : r(O, this, Un).call(this);
-	}
-	r(O, this, Gn).call(this);
-}
-function Hn() {
-	if (o(Rn, this)) o(Rn, this).setAttribute("open", "");
-	else {
-		var e;
-		if (!((e = o(D, this)) != null && e.hidden)) return;
-		o(D, this).hidden = !1, o(D, this).focus();
-	}
-	o(Ln, this).setAttribute("aria-expanded", "true");
-}
-function Un() {
-	if (o(Rn, this)) o(Rn, this).open = !1;
-	else {
-		if (!o(D, this) || o(D, this).hidden) return;
-		o(D, this).hidden = !0;
-	}
-	o(Ln, this).setAttribute("aria-expanded", "false");
-}
-function Wn() {
-	this.getAttribute(h.CHANNEL_GROUP_ID) ? this.removeAttribute("hidden") : this.setAttribute("hidden", ""), this.hasAttribute(h.CHANNELS) ? this.removeAttribute("disabled") : this.setAttribute("disabled", "");
-}
-function Gn() {
-	this.setAttribute("aria-label", this.isOpen ? "Exit grid" : "Enter grid");
-}
-e(Bn, "observedAttributes", [
-	...b(Pn, "observedAttributes", Pn),
-	h.CHANNEL_GROUP_ID,
-	h.CHANNELS,
-	"hidden"
-]);
-//#endregion
-//#region ../../libs/player-next/src/components/ControlBar.ts
-var Kn = document.createElement("template");
-Kn.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 qn = class extends HTMLElement {
-	constructor() {
-		super(), this.attachShadow({ mode: "open" }).appendChild(Kn.content.cloneNode(!0));
-	}
-	connectedCallback() {}
-	disconnectedCallback() {}
-};
-e(qn, "observedAttributes", []);
-//#endregion
-//#region ../../libs/airplay-sender/src/AirPlaySender.ts
-var Jn = class extends pe {
-	constructor(t) {
-		super(), e(this, "config", void 0), e(this, "hlsUrl", void 0), e(this, "element", void 0), e(this, "connectingTimeout", void 0), e(this, "castingAvailable", !1), e(this, "updateAuthenticationToken", (e) => {
-			this.config.authenticationToken = e, this.hlsUrl = this.getHlsUrl(), this.castingAvailable && (this.element.src = this.hlsUrl);
-		}), 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(ue), 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;
-			}
-		})();
-	}
-}, Yn = class n extends pe {
-	constructor(r) {
-		var i;
-		super(), i = 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 i.requestFn();
-			} catch (e) {
-				throw i.onChange(), e;
-			}
-		})), e(this, "exit", t(function* () {
-			try {
-				yield i.exitFn();
-			} catch (e) {
-				throw i.onChange(), e;
-			}
-		})), e(this, "onChange", () => this.emit("on fullscreen change", this.isFullscreen())), e(this, "isFullscreen", () => te()), 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 = ne(this.container)) == null ? (() => Promise.resolve()) : e;
-	}
-	get exitFn() {
-		if (n.isFullscreenApiSupported(this.container) && this.isFullscreen()) {
-			var e;
-			return (e = d(this.container)) == null ? (() => Promise.resolve()) : e;
-		}
-		return () => Promise.resolve();
-	}
-};
-e(Yn, "isFullscreenApiSupported", (e) => se(e));
-//#endregion
-//#region ../../libs/player-next/src/PictureInPicture.ts
-var Xn = /* @__PURE__ */ new WeakMap(), Zn = /* @__PURE__ */ new WeakMap(), Qn = /* @__PURE__ */ new WeakMap(), $n = /* @__PURE__ */ new WeakMap(), er = /* @__PURE__ */ new WeakMap(), tr = /* @__PURE__ */ new WeakMap(), nr = /* @__PURE__ */ new WeakMap(), rr = /* @__PURE__ */ new WeakMap(), ir = /* @__PURE__ */ new WeakMap(), ar = class extends pe {
-	constructor(r) {
-		var i;
-		super(), i = this, e(this, "unload", () => {
-			this.element.removeEventListener("enterpictureinpicture", this.onChange), this.element.removeEventListener("leavepictureinpicture", this.onChange), re(this.element, !1);
-		}), e(this, "request", t(function* () {
-			try {
-				return yield o(Xn, i).call(i);
-			} catch (e) {
-				throw i.onChange(), e;
-			}
-		})), e(this, "exit", t(function* () {
-			try {
-				return yield o(Zn, i).call(i);
-			} catch (e) {
-				throw i.onChange(), e;
-			}
-		})), e(this, "onChange", () => {
-			this.emit("on picture in picture change", this.isPictureInPictureActive());
-		}), e(this, "isPictureInPictureActive", () => o(nr, this).call(this) || o(tr, this).call(this)), e(this, "isSupported", () => o(ir, this).call(this) || o(er, this).call(this)), n(this, Xn, () => o(er, this).call(this) ? o(Qn, this).call(this) : o(ir, this).call(this) ? o(rr, this).call(this, "picture-in-picture") : Promise.resolve()), n(this, Zn, () => this.isPictureInPictureActive() ? o(er, this).call(this) ? o($n, this).call(this) : o(ir, this).call(this) ? o(rr, this).call(this, "inline") : Promise.resolve() : Promise.resolve()), n(this, Qn, t(function* () {
-			let e = ae(i.element);
-			e && (yield e());
-		})), n(this, $n, t(function* () {
-			let e = a();
-			e && (yield e());
-		})), n(this, er, () => ee(this.element)), n(this, tr, () => c()), n(this, nr, () => s(this.element) === "picture-in-picture"), n(this, rr, (e) => (u(this.element) && f(this.element, e), Promise.resolve())), n(this, ir, () => u(this.element)), this.element = r, this.element.addEventListener("enterpictureinpicture", this.onChange), this.element.addEventListener("leavepictureinpicture", this.onChange), re(this.element, !0);
-	}
-	get videoElement() {
-		return this.element;
-	}
-}, or = (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) => Te.includes(e)) : [];
-};
-//#endregion
-//#region ../../libs/player-next/src/utils/humanReadableTimeToSeconds.ts
-function sr(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 cr = class extends pe {
-	constructor(t) {
-		if (super(), e(this, "audioContext", void 0), e(this, "audioNode", void 0), e(this, "bufferLength", void 0), e(this, "animationFrameId", null), e(this, "canUseFloatTimeDomainData", void 0), e(this, "byteSampleBuffer", null), e(this, "floatSampleBuffer", null), e(this, "leftAnalyser", void 0), e(this, "rightAnalyser", void 0), e(this, "mediaElementSource", null), e(this, "update", () => {
-			let e = this.getDecibel(this.leftAnalyser, this.floatSampleBuffer || this.byteSampleBuffer), t = this.getDecibel(this.rightAnalyser, this.floatSampleBuffer || this.byteSampleBuffer);
-			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;
-	}
-}, k = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakMap(), j = /* @__PURE__ */ new WeakMap(), lr = /* @__PURE__ */ new WeakMap(), ur = /* @__PURE__ */ new WeakMap(), dr = /* @__PURE__ */ new WeakMap(), fr = /* @__PURE__ */ new WeakMap(), pr = /* @__PURE__ */ new WeakMap(), mr = /* @__PURE__ */ new WeakMap(), hr = /* @__PURE__ */ new WeakMap(), gr = /* @__PURE__ */ new WeakMap(), _r = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakSet(), vr = /* @__PURE__ */ new WeakMap(), yr = /* @__PURE__ */ new WeakMap(), br = /* @__PURE__ */ new WeakMap(), xr = /* @__PURE__ */ new WeakMap(), Sr = class {
-	constructor(t, i) {
-		p(this, N), n(this, k, void 0), n(this, A, void 0), n(this, j, void 0), n(this, lr, void 0), n(this, ur, void 0), e(this, "userPaused", !0), n(this, dr, void 0), n(this, fr, void 0), n(this, pr, !1), n(this, mr, !1), n(this, hr, null), n(this, gr, 0), n(this, _r, !1), n(this, M, ie.get().createContext("HlsPlayer")), n(this, vr, () => r(N, this, Fr).call(this, !0)), n(this, yr, () => r(N, this, Fr).call(this, !1)), n(this, br, () => {
-			o(k, this).readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && !o(k, this).paused && r(N, this, Fr).call(this, !1);
-		}), n(this, xr, () => {
-			o(k, this).readyState >= HTMLMediaElement.HAVE_FUTURE_DATA && r(N, this, Fr).call(this, !1);
-		}), m(A, this, t), m(fr, this, i == null ? void 0 : i.maxVideoBitRate), o(A, this).style.position = "absolute", o(A, this).style.top = "0", o(A, this).style.left = "0", o(A, this).style.width = "100%", o(A, this).style.height = "100%", o(A, this).style.opacity = "0", o(A, this).style.pointerEvents = "none", o(A, this).style.transition = "opacity 0.12s linear";
-		let a = document.createElement("video");
-		m(k, this, a), t.appendChild(o(k, this)), o(k, this).style.width = "100%", o(k, this).style.height = "100%", o(k, this).setAttribute("playsinline", ""), o(k, this).setAttribute("webkit-playsinline", ""), o(k, this).setAttribute("preload", "metadata"), r(N, this, Nr).call(this), m(_r, this, o(k, this).muted), (i == null ? void 0 : i.volume) !== void 0 && (this.volume = i.volume), (i == null ? void 0 : i.muted) !== void 0 && (this.muted = i.muted);
-	}
-	hide() {
-		m(pr, this, !0), m(mr, this, !1), o(A, this).classList.remove("active"), o(A, this).style.opacity = "0", o(A, this).style.pointerEvents = "none", m(hr, this, null);
-	}
-	play() {
-		var e = this;
-		return t(function* () {
-			try {
-				return o(j, e) ? (e.userPaused = !1, yield o(k, e).play()) : Promise.reject("HLS not initialized");
-			} catch (t) {
-				o(M, e).error("Failed to play timeshift video:", t);
-			}
-		})();
-	}
-	seek(e) {
-		var n = this;
-		return t(function* () {
-			if (o(M, n).debug("HlsPlayer seek to", e.time), !Number.isFinite(e.time)) {
-				m(hr, n, null);
-				return;
-			}
-			if (m(hr, n, e.time > .1 ? e.time : null), n.isActive() && o(j, n)) r(N, n, Dr).call(n, e.time);
-			else return r(N, n, Or).call(n, e);
-		})();
-	}
-	shouldIgnoreTimeupdate() {
-		if (o(hr, this) == null) return !1;
-		let e = o(k, this).currentTime;
-		return !Number.isFinite(e) || e <= .1 ? !0 : (m(hr, this, null), !1);
-	}
-	isPipSupported() {
-		return "pictureInPictureEnabled" in document && !o(k, this).disablePictureInPicture;
-	}
-	requestPictureInPicture() {
-		return o(k, this).requestPictureInPicture();
-	}
-	exitPictureInPicture() {
-		return document.pictureInPictureElement === o(k, this) ? document.exitPictureInPicture() : Promise.resolve();
-	}
-	isActive() {
-		return o(A, this).style.opacity === "1" || o(A, this).classList.contains("active");
-	}
-	cleanup() {
-		r(N, this, Pr).call(this), r(N, this, Er).call(this), o(dr, this) && (cancelAnimationFrame(o(dr, this)), m(dr, this, void 0)), m(hr, this, null), o(k, this).remove();
-	}
-	addEventListener(e, t) {
-		o(k, this).addEventListener(e, t);
-	}
-	removeEventListener(e, t) {
-		o(k, this).removeEventListener(e, t);
-	}
-	dispatchEvent(e) {
-		return o(k, this).dispatchEvent(e);
-	}
-	setTimeshiftUrl(e) {
-		o(ur, this) !== e && (o(M, this).debug("HLSPlayer Setting timeshift URL to", e), m(ur, this, e));
-	}
-	get videoElement() {
-		return o(k, this);
-	}
-	pause() {
-		this.userPaused = !0, o(k, this).pause();
-	}
-	get paused() {
-		return o(k, this).paused;
-	}
-	set volume(e) {
-		o(k, this).volume = e;
-	}
-	get volume() {
-		return o(k, this).volume;
-	}
-	set muted(e) {
-		m(_r, this, e), o(k, this).muted = e;
-	}
-	get muted() {
-		return o(_r, this);
-	}
-	set currentTime(e) {
-		o(k, this).currentTime = e;
-	}
-	get currentTime() {
-		return o(k, this).currentTime;
-	}
-	get seeking() {
-		return o(k, this).seeking;
-	}
-	get duration() {
-		return o(k, this).duration;
-	}
-	get maxVideoBitRate() {
-		return o(fr, this);
-	}
-	set maxVideoBitRate(e) {
-		m(fr, this, e), e !== void 0 && o(j, this) && r(N, this, wr).call(this, e);
-	}
-};
-function Cr() {
-	var e = this;
-	return t(function* () {
-		let { default: t } = yield import("./Dps-VoAh.js");
-		if (m(lr, e, t), !t.isSupported()) {
-			o(M, e).warn("HLS not supported");
-			return;
-		}
-		m(j, 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
-		})), o(j, e).attachMedia(o(k, e)), o(j, e).on(t.Events.MEDIA_ATTACHED, () => o(M, e).debug("[HLS] media attached")), o(j, e).on(t.Events.MANIFEST_PARSED, () => o(M, e).debug("[HLS] manifest parsed")), o(j, e).on(t.Events.ERROR, (t, n) => {
-			o(M, e).error("[HLS] error:", n), n.fatal && r(N, e, Tr).call(e, n);
-		}), o(j, e).on(t.Events.MANIFEST_PARSED, () => {
-			var t;
-			!o(fr, e) || ((t = o(j, e)) == null ? void 0 : t.levels.length) === 0 || r(N, e, wr).call(e, o(fr, e));
-		}), o(j, e).on(t.Events.LEVEL_SWITCHED, () => {
-			var t, n;
-			o(M, e).debug("Level switched:", (t = o(j, e)) == null ? void 0 : t.currentLevel, "max:", e.maxVideoBitRate, "autoLevelCapping:", (n = o(j, e)) == null ? void 0 : n.autoLevelCapping);
-		});
-	})();
-}
-function wr(e) {
-	if (!o(j, this)) {
-		o(M, this).warn("HLS not initialized, cannot set bitrate cap");
-		return;
-	}
-	let t = o(j, 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, o(M, this).debug("No level fits under bitrate cap: " + e + ", defaulting to lowest level: " + ((n = o(j, this).levels[0]) == null ? void 0 : n.bitrate));
-	}
-	let r = o(j, this).currentLevel;
-	o(j, this).autoLevelCapping = t, r !== t && (o(M, this).debug(`Current level ${r} exceeds cap ${t}, forcing immediate switch`), o(j, this).currentLevel = t);
-}
-function Tr(e) {
-	if (!o(lr, this)) {
-		o(M, this).error("Hls class not available for error handling");
-		return;
-	}
-	let t = o(lr, this);
-	switch (e.type) {
-		case t.ErrorTypes.NETWORK_ERROR:
-			var n;
-			o(M, this).warn("[HLS] network error -> startLoad"), (n = o(j, this)) == null || n.startLoad();
-			break;
-		case t.ErrorTypes.MEDIA_ERROR:
-			var i;
-			o(M, this).warn("[HLS] media error -> recoverMediaError"), (i = o(j, this)) == null || i.recoverMediaError();
-			break;
-		default:
-			o(M, this).error("[HLS] fatal -> destroy"), r(N, this, Er).call(this);
-			break;
-	}
-}
-function Er() {
-	o(j, this) && (o(j, this).destroy(), m(j, this, void 0));
-}
-function Dr(e) {
-	if (!Number.isFinite(e)) {
-		m(hr, this, null);
-		return;
-	}
-	let t = r(N, this, Mr).call(this, o(k, this), e);
-	m(hr, this, t > .1 ? t : null), o(dr, this) && cancelAnimationFrame(o(dr, this)), m(dr, this, requestAnimationFrame(() => {
-		o(k, this).currentTime = t;
-	}));
-}
-function Or(e) {
-	var n = this;
-	return t(function* () {
-		var t;
-		let { time: i, playWhenReady: a = !0 } = e || {}, s = m(gr, n, (t = o(gr, n), ++t));
-		if (!o(ur, n)) {
-			o(M, n).warn("No timeshift URL");
-			return;
-		}
-		if (!o(j, n) && (yield r(N, n, Cr).call(n), !r(N, n, Ir).call(n, s))) return;
-		m(pr, n, !1), m(mr, n, !1), o(j, n) && (!o(j, n).url || o(j, n).url !== o(ur, n)) && (o(M, n).debug("Loading timeshift URL", o(ur, n)), o(j, n).loadSource(o(ur, n)));
-		let c = n.muted;
-		o(k, n).muted = !0, yield r(N, n, kr).call(n), r(N, n, Ir).call(n, s) && (r(N, n, Dr).call(n, i), !(a && (yield n.play(), !r(N, n, Ir).call(n, s))) && r(N, n, Ar).call(n, c, s));
-	})();
-}
-function kr() {
-	return o(k, this).duration && !isNaN(o(k, this).duration) ? Promise.resolve() : new Promise((e) => {
-		o(M, this).debug("Waiting for duration...");
-		let t = () => {
-			o(M, this).debug("Duration loaded:", o(k, this).duration), o(k, this).removeEventListener("loadedmetadata", t), clearTimeout(n), e();
-		}, n = setTimeout(() => {
-			o(M, this).debug("Duration timeout, proceeding anyway"), o(k, this).removeEventListener("loadedmetadata", t), e();
-		}, 2e4);
-		o(k, this).addEventListener("loadedmetadata", t);
-	});
-}
-function Ar(e, t) {
-	let n = HTMLMediaElement.HAVE_CURRENT_DATA, i = () => o(k, this).readyState >= n && o(k, this).videoWidth > 0 && o(k, this).videoHeight > 0, a = () => {
-		o(pr, this) || o(mr, this) || !r(N, this, Ir).call(this, t) || (m(mr, this, !0), o(M, this).debug("Revealing timeshift video"), o(A, this).classList.add("active"), o(A, this).style.opacity = "1", o(A, this).style.pointerEvents = "auto", o(k, this).dispatchEvent(new CustomEvent("timeshiftready", { detail: { activationId: t } })), e || r(N, this, jr).call(this, t));
-	}, s = () => {
-		o(pr, this) || o(mr, this) || !r(N, this, Ir).call(this, t) || i() && (l(), a());
-	}, c = !1, l = () => {
-		c || (c = !0, o(k, this).removeEventListener("canplay", s), o(k, this).removeEventListener("canplaythrough", s), o(k, this).removeEventListener("loadeddata", s), clearTimeout(u));
-	};
-	if (i()) {
-		a();
-		return;
-	}
-	o(k, this).addEventListener("canplay", s), o(k, this).addEventListener("canplaythrough", s), o(k, this).addEventListener("loadeddata", s);
-	let u = setTimeout(() => {
-		o(M, this).debug("Timeout reached, forcing reveal"), l(), a();
-	}, 2e3);
-}
-function jr(e) {
-	let t = () => {
-		r(N, this, Ir).call(this, e) && (o(k, this).muted = !1);
-	};
-	"requestVideoFrameCallback" in o(k, this) ? o(k, this).requestVideoFrameCallback(() => {
-		setTimeout(() => {
-			t();
-		}, 100);
-	}) : setTimeout(() => {
-		t();
-	}, 120);
-}
-function Mr(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 o(M, this).debug("Clamped seekable:", Math.max(r, Math.min(t, i))), Math.max(r, Math.min(t, i));
-}
-function Nr() {
-	for (let e of Lr._) o(k, this).addEventListener(e, o(vr, this));
-	for (let e of Rr._) o(k, this).addEventListener(e, o(yr, this));
-	o(k, this).addEventListener("timeupdate", o(br, this)), o(k, this).addEventListener("progress", o(xr, this));
-}
-function Pr() {
-	for (let e of Lr._) o(k, this).removeEventListener(e, o(vr, this));
-	for (let e of Rr._) o(k, this).removeEventListener(e, o(yr, this));
-	o(k, this).removeEventListener("timeupdate", o(br, this)), o(k, this).removeEventListener("progress", o(xr, this));
-}
-function Fr(e) {
-	let t = e && (o(k, this).readyState < HTMLMediaElement.HAVE_FUTURE_DATA || o(k, this).seeking || o(k, this).paused && !this.userPaused);
-	o(k, this).dispatchEvent(new CustomEvent(t ? "hlsbuffering" : "hlsnotbuffering", {
-		bubbles: !0,
-		composed: !0
-	}));
-}
-function Ir(e) {
-	return o(gr, this) === e;
-}
-var Lr = { _: [
-	"waiting",
-	"seeking",
-	"stalled",
-	"loadstart"
-] }, Rr = { _: [
-	"canplay",
-	"canplaythrough",
-	"seeked",
-	"loadeddata"
-] }, zr = 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();
-	}
-}, Br = document.createElement("template");
-Br.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      height: var(--range-thickness);\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      transition-property: height;\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 {\n        height: var(--range-hover-thickness);\n      }\n\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-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 Vr = /* @__PURE__ */ new WeakMap(), Hr = /* @__PURE__ */ new WeakMap(), Ur = class extends HTMLElement {
-	constructor() {
-		super(), n(this, Vr, null), n(this, Hr, void 0), e(this, "range", void 0), m(Hr, this, this.attachShadow({ mode: "open" })), o(Hr, this).appendChild(Br.content.cloneNode(!0)), this.range = o(Hr, this).getElementById("range");
-	}
-	connectedCallback() {
-		var e;
-		m(Vr, this, this.closest("vindral-controller")), (e = o(Vr, this)) == null || e.connectListener(this), this.hasAttribute("disabled") || this.enable();
-	}
-	disconnectedCallback() {
-		var e;
-		(e = o(Vr, 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(Ur, "observedAttributes", ["disabled"]);
-//#endregion
-//#region ../../libs/player-next/src/components/Controller.ts
-var Wr = document.createElement("template");
-Wr.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);
-
-      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([${h.USER_INTERACTING}]
-        ):not([${h.PAUSED}]:not([${h.HIDE_UI_ON_PAUSE}])
-        ):not([${h.IS_CASTING}]
-        ):not([${h.MEDIA}="audio"])
-      )
-      #ui {
-      opacity: 0;
-      cursor: none;
-      pointer-events: none;
-    }
-
-    :host(
-      :not([${h.USER_INTERACTING}]
-      ):not([${h.PAUSED}]:not([${h.HIDE_UI_ON_PAUSE}])
-      ):not([${h.IS_CASTING}]
-      ):not([${h.MEDIA}="audio"])
-    )
-    #ui > * {
-      pointer-events: none;
-    }
-
-    :host([${h.FULLSCREEN}][${h.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([${h.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 Gr = [
-	"ArrowDown",
-	"ArrowLeft",
-	"ArrowRight",
-	"Tab",
-	"Enter",
-	" ",
-	"f",
-	"m"
-], Kr = /* @__PURE__ */ new WeakMap(), qr = /* @__PURE__ */ new WeakMap(), Jr = /* @__PURE__ */ new WeakMap(), Yr = /* @__PURE__ */ new WeakMap(), Xr = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakMap(), Zr = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), Qr = /* @__PURE__ */ new WeakMap(), $r = /* @__PURE__ */ new WeakMap(), ei = /* @__PURE__ */ new WeakMap(), ti = /* @__PURE__ */ new WeakMap(), ni = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap(), ri = /* @__PURE__ */ new WeakMap(), ii = /* @__PURE__ */ new WeakMap(), ai = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), oi = /* @__PURE__ */ new WeakMap(), si = /* @__PURE__ */ new WeakMap(), ci = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), li = /* @__PURE__ */ new WeakMap(), ui = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakSet(), 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 = /* @__PURE__ */ new WeakMap(), Ni = /* @__PURE__ */ new WeakMap(), Pi = /* @__PURE__ */ new WeakMap(), Fi = /* @__PURE__ */ new WeakMap(), Ii = /* @__PURE__ */ new WeakMap(), Li = /* @__PURE__ */ new WeakMap(), Ri = /* @__PURE__ */ new WeakMap(), zi = /* @__PURE__ */ new WeakMap(), Bi = /* @__PURE__ */ new WeakMap(), Vi = /* @__PURE__ */ new WeakMap(), Hi = class extends HTMLElement {
-	constructor() {
-		var t;
-		super(), p(this, B), n(this, Kr, /* @__PURE__ */ new Map()), n(this, qr, 2e3), n(this, Jr, null), n(this, Yr, null), n(this, Xr, void 0), n(this, P, void 0), n(this, F, void 0), n(this, Zr, void 0), n(this, I, void 0), n(this, Qr, xa._), n(this, $r, void 0), n(this, ei, void 0), n(this, ti, void 0), n(this, ni, void 0), n(this, L, void 0), n(this, ri, void 0), n(this, ii, void 0), n(this, ai, void 0), n(this, R, void 0), n(this, oi, void 0), n(this, si, void 0), n(this, ci, void 0), n(this, z, void 0), n(this, li, null), n(this, ui, !1), n(this, di, (e) => {
-			let t = e.filter((e) => {
-				var t;
-				return (t = e.video) == null ? void 0 : t.width;
-			});
-			r(B, this, V).call(this, h.RENDITION_LEVELS, JSON.stringify(t));
-		}), n(this, fi, (e) => {
-			r(B, this, V).call(this, h.RENDITION_LEVEL, JSON.stringify(e));
-		}), n(this, pi, (e) => {
-			switch (e) {
-				case "playing":
-					r(B, this, H).call(this, h.PAUSED), r(B, this, H).call(this, h.BUFFERING);
-					break;
-				case "paused":
-					r(B, this, V).call(this, h.PAUSED, ""), r(B, this, H).call(this, h.BUFFERING);
-					break;
-				case "buffering":
-					r(B, this, H).call(this, h.PAUSED), r(B, this, V).call(this, h.BUFFERING, "");
-					break;
-				default: break;
-			}
-		}), n(this, mi, (e) => {
-			r(B, this, V).call(this, h.VOLUME, e.volume.toString()), e.isMuted ? r(B, this, V).call(this, h.MUTED, "") : r(B, this, H).call(this, h.MUTED);
-		}), n(this, hi, ({ channelId: e }) => {
-			var t;
-			this.setAttribute(h.CHANNEL_ID, e), ((t = o(P, this)) == null ? void 0 : t.playbackState) !== "buffering" && r(B, this, H).call(this, h.BUFFERING);
-		}), n(this, gi, ({ channelId: e }) => {
-			var t;
-			o($r, this) !== e && this.setAttribute(h.CHANNEL_ID, e), ((t = o(P, this)) == null ? void 0 : t.playbackState) !== "buffering" && r(B, this, H).call(this, h.BUFFERING);
-		}), n(this, _i, (e) => {
-			m(zi, this, Date.now()), r(B, this, V).call(this, h.CHANNELS, JSON.stringify(e));
-		}), n(this, vi, (e) => {
-			var t;
-			r(B, this, V).call(this, h.LANGUAGES, JSON.stringify(e)), (t = o(P, this)) != null && t.language && r(B, this, V).call(this, h.LANGUAGE, o(P, this).language);
-		}), n(this, yi, (e) => {
-			var t;
-			if (r(B, this, V).call(this, h.TEXT_TRACKS, JSON.stringify(e)), (t = o(P, this)) != null && t.textTrack) {
-				var n, i;
-				r(B, this, V).call(this, h.TEXT_TRACK, (n = (i = o(P, this)) == null ? void 0 : i.textTrack) == null ? "" : n);
-			}
-		}), n(this, bi, (e) => {
-			e != null && e.forVideo ? (r(B, this, V).call(this, h.NEEDS_USER_INPUT_VIDEO, ""), r(B, this, H).call(this, h.NEEDS_USER_INPUT_AUDIO)) : e != null && e.forAudio && (r(B, this, V).call(this, h.NEEDS_USER_INPUT_AUDIO, ""), r(B, this, H).call(this, h.NEEDS_USER_INPUT_VIDEO));
-		}), n(this, xi, (e) => {
-			e || r(B, this, H).call(this, h.BUFFERING);
-		}), n(this, Si, (e) => {
-			var t;
-			let { urls: n, duration: i } = e;
-			if (!n[0] || !o(I, this)) return;
-			let a = new URL(n[0]);
-			a.searchParams.set("channelId", (t = o($r, this)) == null ? "" : t);
-			let s = this.getAttribute("authentication-token");
-			s && a.searchParams.set("authToken", s);
-			let c = sr(i);
-			if (isNaN(c)) {
-				o(z, this).error(`Invalid duration format: ${i}`);
-				return;
-			}
-			let l = Math.floor(Date.now() / 1e3), u = (/* @__PURE__ */ new Date((l - c) * 1e3)).toISOString();
-			a.searchParams.set("from", u), o(I, this).setTimeshiftUrl(a.toString()), r(B, this, V).call(this, h.DURATION, c.toString());
-		}), n(this, Ci, () => {
-			r(B, this, H).call(this, h.PAUSED), r(B, this, H).call(this, h.BUFFERING);
-		}), n(this, wi, () => {
-			r(B, this, V).call(this, h.PAUSED, ""), r(B, this, H).call(this, h.BUFFERING);
-		}), n(this, Ti, () => {
-			o(Ii, this).call(this), r(B, this, H).call(this, h.BUFFERING);
-		}), n(this, Ei, () => {
-			if (!o(I, this)) return;
-			let e = o(I, this).duration;
-			r(B, this, V).call(this, h.DURATION, isNaN(e) ? "0" : e.toString());
-		}), n(this, Di, () => {
-			var e, t;
-			if (!o(I, this) || o(I, this).seeking || (e = (t = o(I, this)).shouldIgnoreTimeupdate) != null && e.call(t)) return;
-			let n = o(I, this).currentTime;
-			n != null && r(B, this, V).call(this, h.TIMESHIFT_POSITION, n.toString());
-		}), n(this, Oi, () => {
-			o(I, this) && (r(B, this, V).call(this, h.VOLUME, o(I, this).volume.toString()), o(I, this).muted ? r(B, this, V).call(this, h.MUTED, "") : r(B, this, H).call(this, h.MUTED));
-		}), n(this, ki, () => {
-			r(B, this, V).call(this, h.BUFFERING, "");
-		}), n(this, Ai, () => {
-			r(B, this, H).call(this, h.BUFFERING);
-		}), n(this, ji, () => {
-			if (o(ui, this)) {
-				if (o(F, this) !== o(I, this)) {
-					m(ui, this, !1);
-					return;
-				}
-				m(ui, this, !1), r(B, this, ga).call(this);
-			}
-		}), n(this, Mi, 0), e(this, "handleEvent", (e) => {
-			switch (e.type) {
-				case "pointerdown":
-					m(Mi, this, e.timeStamp);
-					break;
-				case "pointermove":
-					r(B, this, oa).call(this, e);
-					break;
-				case "pointerup":
-					r(B, this, sa).call(this, e);
-					break;
-				case "mouseleave":
-					r(B, this, ma).call(this);
-					break;
-				case "dblclick":
-					r(B, this, ca).call(this, e);
-					break;
-				case "mousemove":
-					r(B, this, la).call(this, e);
-					break;
-				case "keydown":
-					o(Fi, this).call(this, e);
-					break;
-				case "keyup":
-					r(B, this, ma).call(this), o(Pi, this).call(this, e);
-					break;
-			}
-		}), n(this, Ni, (e) => {
-			if (o(P, this) && (o(z, this).debug("Vindral event", { type: e.type }), e instanceof CustomEvent)) switch (e.type) {
-				case g.PLAY:
-					this.removeAttribute(h.PAUSED);
-					break;
-				case g.PAUSE:
-					this.setAttribute(h.PAUSED, "");
-					break;
-				case g.MUTE:
-					this.setAttribute(h.MUTED, "");
-					break;
-				case g.UNMUTE:
-					this.removeAttribute(h.MUTED);
-					break;
-				case g.LOCK_UI:
-					this.setAttribute(h.UI_LOCKED, "");
-					break;
-				case g.UNLOCK_UI:
-					this.removeAttribute(h.UI_LOCKED);
-					break;
-				case g.ENTER_FULLSCREEN:
-					this.setAttribute(h.FULLSCREEN, "");
-					break;
-				case g.EXIT_FULLSCREEN:
-					this.removeAttribute(h.FULLSCREEN);
-					break;
-				case g.SET_RENDITION:
-					{
-						let t = e.detail;
-						t.audio && (o(P, this).maxAudioBitRate = t.audio.bitRate), t.video && (o(P, this).maxVideoBitRate = t.video.bitRate, o(P, this).maxSize = t.video, this.setAttribute(h.MAX_VIDEO_BITRATE, String(t.video.bitRate)));
-					}
-					break;
-				case g.SET_ABR_MODE:
-					{
-						let t = e.detail;
-						this.setAttribute(h.ABR_ENABLED, t ? "true" : "false");
-					}
-					break;
-				case g.SET_SIZE_BASED_RESOLUTION_CAP_MODE:
-					{
-						let t = e.detail;
-						this.setAttribute(h.SIZE_BASED_RESOLUTION_CAP_ENABLED, t ? "true" : "false");
-					}
-					break;
-				case g.CHANNEL_GRID_OPENED:
-					o(li, this) === null && r(B, this, da).call(this);
-					break;
-				case g.CHANNEL_GRID_CLOSED:
-					o(li, this) !== null && (clearTimeout(o(li, this)), m(li, this, null));
-					break;
-				case g.ENTER_PIP:
-					this.setAttribute(h.IS_PIP, "");
-					break;
-				case g.EXIT_PIP:
-					this.removeAttribute(h.IS_PIP);
-					break;
-				case g.REQUEST_AIRPLAY:
-					var t;
-					(t = o(ai, this)) == null || t.showPlaybackTargetPicker();
-					break;
-				case g.SET_LANGUAGE:
-					_(e.detail) ? this.setAttribute(h.LANGUAGE, e.detail) : this.removeAttribute(h.LANGUAGE);
-					break;
-				case g.SET_TEXT_TRACK:
-					_(e.detail) ? this.setAttribute(h.TEXT_TRACK, e.detail) : this.removeAttribute(h.TEXT_TRACK);
-					break;
-				case g.REQUEST_USER_INPUT:
-					o(P, this).play(), o(P, this).muted = !1;
-					break;
-				case g.SET_VOLUME:
-					{
-						let t = e.detail;
-						o(P, this).muted && t > 0 ? (o(P, this).muted = !1, o(I, this) && (o(I, this).muted = !1)) : t === 0 && (o(P, this).muted = !0, o(I, this) && (o(I, this).muted = !0)), this.setAttribute(h.VOLUME, t.toString());
-					}
-					break;
-				case g.SEEK:
-					this.handleTimeShiftUpdate(String(e.detail));
-					break;
-				case g.GO_LIVE:
-					o(Ii, this).call(this);
-					break;
-			}
-		}), n(this, Pi, (e) => {
-			let { key: t } = e;
-			if (!Gr.includes(t)) {
-				this.removeEventListener("keyup", this);
-				return;
-			}
-			r(B, this, ua).call(this, e);
-		}), n(this, Fi, (e) => {
-			let { metaKey: t, altKey: n, key: r } = e;
-			t || n || !Gr.includes(r) || this.addEventListener("keyup", this, { once: !0 });
-		}), n(this, Ii, () => {
-			this.removeAttribute(h.TIMESHIFT_POSITION), this.handleTimeShiftUpdate(!1);
-		}), n(this, Li, (e) => {
-			var t;
-			o(I, this) || r(B, this, qi).call(this), o(F, this) !== o(I, this) && (e && r(B, this, _a).call(this), m(F, this, o(I, this)), r(B, this, Gi).call(this), r(B, this, Ki).call(this), r(B, this, Zi).call(this), (t = o(P, this)) == null || t.pause(), m(ui, this, e));
-		}), n(this, Ri, (e) => {
-			var t, n, i, a;
-			e && r(B, this, _a).call(this), (t = o(I, this)) == null || t.hide(), m(F, this, o(Zr, this)), r(B, this, Zi).call(this), this.hasAttribute(h.PAUSED) ? (n = o(F, this)) == null || n.pause() : (i = o(F, this)) == null || i.play(), r(B, this, Yi).call(this), r(B, this, Wi).call(this), (a = o(I, this)) == null || a.pause(), e && (m(ui, this, !1), setTimeout(() => {
-				r(B, this, ga).call(this);
-			}, 100));
-		}), e(this, "handleTimeShiftUpdate", (e) => {
-			let t = this.hasAttribute(h.IS_PIP);
-			if (e !== !1) {
-				var n;
-				o(Li, this).call(this, t), (n = o(I, this)) == null || n.seek({
-					time: parseFloat(e),
-					playWhenReady: !this.hasAttribute(h.PAUSED)
-				});
-				return;
-			}
-			o(F, this) !== o(Zr, this) && o(Ri, this).call(this, t);
-		}), n(this, zi, null), n(this, Bi, () => {
-			var e;
-			let t = (e = o(P, this)) == null ? void 0 : e.currentRenditionLevel;
-			if (!(t != null && t.video)) return;
-			let n = l(t.video.width > t.video.height ? "landscape-primary" : "portrait-primary");
-			n && n.catch(() => {});
-		}), n(this, Vi, () => {
-			i();
-		}), this.attachShadow({ mode: "open" }).appendChild(Wr.content.cloneNode(!0));
-		let a = De(this.getAttribute("log-level"));
-		m(z, this, ie.get().createContext("VindralController")), o(z, this).setLevel(a), m(Xr, this, (t = this.shadowRoot) == null ? void 0 : t.querySelector("#time-shift-video"));
-	}
-	connectedCallback() {
-		var e = this;
-		return t(function* () {
-			v(e.getAttribute("auto-instance-enabled"), !0) && (yield r(B, e, Ui).call(e));
-			for (let t of Object.values(g)) e.addEventListener(t, o(Ni, 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), e.tabIndex = 0, e.focus({ preventScroll: !0 });
-		})();
-	}
-	disconnectedCallback() {
-		var e, t, n, i, a;
-		(e = o(P, this)) == null || e.unload(), (t = o(L, this)) == null || t.unload(), (n = o(ri, this)) == null || n.unload(), (i = o(ii, this)) == null || i.unload(), (a = o(R, this)) == null || a.unload(), r(B, this, Ji).call(this);
-		for (let e of Object.values(g)) this.removeEventListener(e, o(Ni, this));
-		r(B, this, Gi).call(this), o(Jr, this) && (clearTimeout(o(Jr, this)), m(Jr, this, null)), this.disconnectListener(this);
-	}
-	attributeChangedCallback(e, t, n) {
-		if (t != n) {
-			switch (o(z, this).debug("Attribute changed", {
-				name: e,
-				oldValue: t,
-				newValue: n
-			}), e) {
-				case "channel-id":
-					m($r, this, n), o(P, this) && n && (o(P, this).channelId = n, o(P, this).play(), r(B, this, V).call(this, h.BUFFERING, ""), r(B, this, V).call(this, h.CHANNEL_ID, n), r(B, this, V).call(this, h.POSTER_SRC, o(P, this).getThumbnailUrl()));
-					break;
-				case "channel-group-id":
-					m(ei, this, n);
-					break;
-				case "url":
-					n && m(Qr, this, n);
-					break;
-				case "paused":
-					if (_(n)) {
-						var i;
-						(i = o(F, this)) == null || i.pause(), r(B, this, V).call(this, h.PAUSED, "");
-					} else {
-						var a;
-						r(B, this, H).call(this, h.NEEDS_USER_INPUT_VIDEO), r(B, this, H).call(this, h.PAUSED), (a = o(F, this)) == null || a.play();
-					}
-					break;
-				case "target-buffer-time":
-					if (o(P, this) && n) {
-						let e = parseInt(n, 10);
-						Number.isNaN(e) || (o(P, this).targetBufferTime = e);
-					}
-					break;
-				case "user-interacting":
-					_(n) ? r(B, this, V).call(this, h.USER_INTERACTING, "") : r(B, this, H).call(this, h.USER_INTERACTING);
-					break;
-				case "muted":
-					if (o(P, this)) if (_(n)) {
-						var s;
-						if (o(P, this).muted = !0, o(I, this) && (o(I, this).muted = !0), r(B, this, V).call(this, h.MUTED, ""), (s = o(R, this)) != null && s.isMediaElementSource) {
-							var c;
-							(c = o(R, this)) == null || c.stop(), r(B, this, V).call(this, h.VOLUME_LEVEL, JSON.stringify({
-								left: null,
-								right: null
-							}));
-						}
-					} else {
-						var l;
-						o(P, this).muted = !1, o(I, this) && (o(I, this).muted = !1), r(B, this, H).call(this, h.MUTED), r(B, this, H).call(this, h.NEEDS_USER_INPUT_AUDIO), o(P, this).volume === 0 && (o(P, this).volume = .3), (l = o(R, this)) == null || l.start();
-					}
-					break;
-				case "ui-locked":
-					_(n) ? r(B, this, pa).call(this) : r(B, this, ma).call(this);
-					break;
-				case "is-fullscreen":
-					_(n) ? r(B, this, va).call(this) : r(B, this, ya).call(this);
-					break;
-				case "abr-enabled":
-					{
-						let e = v(n == null ? null : n, !1);
-						o(P, this) && (o(P, this).abrEnabled = e, e && (o(P, this).sizeBasedResolutionCapEnabled = v(this.getAttribute(h.SIZE_BASED_RESOLUTION_CAP_ENABLED), !0))), e ? r(B, this, V).call(this, h.ABR_ENABLED, "") : r(B, this, H).call(this, h.ABR_ENABLED);
-					}
-					break;
-				case "size-based-resolution-cap-enabled":
-					{
-						let e = v(n == null ? null : n, !0);
-						o(P, this) && (o(P, this).sizeBasedResolutionCapEnabled = e), r(B, this, V).call(this, h.SIZE_BASED_RESOLUTION_CAP_ENABLED, e ? "true" : "false");
-					}
-					break;
-				case "max-video-bit-rate":
-					m(ti, this, n), _(n) ? r(B, this, V).call(this, h.MAX_VIDEO_BITRATE, n) : r(B, this, H).call(this, h.MAX_VIDEO_BITRATE), o(I, this) && (o(I, this).maxVideoBitRate = n ? je(n) : void 0);
-					break;
-				case "max-initial-bit-rate":
-					m(ni, this, n), _(n) ? r(B, this, V).call(this, h.MAX_INITIAL_BITRATE, n) : r(B, this, H).call(this, h.MAX_INITIAL_BITRATE);
-					break;
-				case "is-pip":
-					_(n) ? r(B, this, ga).call(this) : r(B, this, _a).call(this);
-					break;
-				case "is-airplaying":
-					if (_(n)) {
-						var u, ee;
-						(u = o(P, this)) != null && u.mediaElement && (o(P, this).mediaElement.style.display = "hidden"), (ee = o(P, this)) == null || ee.pause();
-					} else {
-						var d;
-						(d = o(P, this)) != null && d.mediaElement && (o(P, this).mediaElement.style.display = "block");
-					}
-					break;
-				case "is-casting":
-					if (_(n)) {
-						var te, f;
-						(te = o(ri, this)) != null && te.isFullscreen() && r(B, this, ya).call(this), (f = o(P, this)) == null || f.pause();
-					} else if (!document.hidden) {
-						var p;
-						(p = o(P, this)) == null || p.play();
-					}
-					break;
-				case "cast-receiver-id":
-					m(si, this, n);
-					break;
-				case "cast-background":
-					m(ci, this, n);
-					break;
-				case "language":
-					o(P, this) && (o(P, this).language = n, _(n) ? r(B, this, V).call(this, h.LANGUAGE, n) : r(B, this, H).call(this, h.LANGUAGE));
-					break;
-				case "text-track":
-					o(P, this) && (o(P, this).textTrack = n, _(n) ? r(B, this, V).call(this, h.TEXT_TRACK, n) : r(B, this, H).call(this, h.TEXT_TRACK));
-					break;
-				case "log-level":
-					_(n) && o(z, this).setLevel(De(n));
-					break;
-				case "authentication-token":
-					if (_(n)) {
-						var ne, re;
-						(ne = o(P, this)) == null || ne.updateAuthenticationToken(n), (re = o(ai, this)) == null || re.updateAuthenticationToken(n), r(B, this, V).call(this, h.AUTHENTICATION_TOKEN, n);
-					} else r(B, this, H).call(this, h.AUTHENTICATION_TOKEN);
-					break;
-				case "volume":
-					if (_(n)) {
-						let e = parseFloat(n);
-						o(I, this) && (o(I, this).volume = e), o(P, this) && (o(P, this).volume = e);
-					}
-					break;
-				case "timeshift-position":
-					_(n) ? r(B, this, V).call(this, h.TIMESHIFT_POSITION, n) : r(B, this, H).call(this, h.TIMESHIFT_POSITION);
-					break;
-				case "drm-headers":
-					if (_(n)) {
-						let e = Ne(n);
-						if (e) {
-							var ie;
-							(ie = o(P, this)) == null || ie.drm.setHeaders(e);
-						} else o(z, this).warn("Invalid DRM headers format:", n);
-					}
-					break;
-				case "drm-queryparams":
-					if (_(n)) {
-						let e = Ne(n);
-						if (e) {
-							var ae;
-							(ae = o(P, this)) == null || ae.drm.setQueryParams(e);
-						} else o(z, this).warn("Invalid DRM query parameters format:", n);
-					}
-					break;
-			}
-			[
-				h.USER_INTERACTING,
-				h.PAUSED,
-				h.HIDE_UI_ON_PAUSE
-			].includes(e) && r(B, this, ha).call(this);
-		}
-	}
-	connectListener(e) {
-		or(e).forEach((t) => {
-			let n = o(Kr, this).get(t);
-			switch (n ? n.push(e) : o(Kr, this).set(t, [e]), t) {
-				case h.PAUSED:
-					var r;
-					(((r = o(P, this)) == null ? void 0 : r.playbackState) === "paused" || this.hasAttribute(h.PAUSED)) && e.setAttribute(h.PAUSED, "");
-					break;
-				case h.MUTED:
-					var i;
-					((i = o(P, this)) != null && i.muted || this.hasAttribute(h.MUTED)) && e.setAttribute(h.MUTED, "");
-					break;
-				case h.MAX_VIDEO_BITRATE:
-					o(ti, this) && e.setAttribute(h.MAX_VIDEO_BITRATE, o(ti, this));
-					break;
-				case h.ABR_ENABLED:
-					var a, s;
-					((a = (s = o(P, this)) == null ? void 0 : s.abrEnabled) == null ? v(this.getAttribute(h.ABR_ENABLED), !0) : a) ? e.setAttribute(h.ABR_ENABLED, "") : e.removeAttribute(h.ABR_ENABLED);
-					break;
-				case h.SIZE_BASED_RESOLUTION_CAP_ENABLED:
-					{
-						var c, l;
-						let t = (c = (l = o(P, this)) == null ? void 0 : l.sizeBasedResolutionCapEnabled) == null ? v(this.getAttribute(h.SIZE_BASED_RESOLUTION_CAP_ENABLED), !0) : c;
-						e.setAttribute(h.SIZE_BASED_RESOLUTION_CAP_ENABLED, t ? "true" : "false");
-					}
-					break;
-				case h.CHANNEL_ID:
-					o($r, this) && e.setAttribute(h.CHANNEL_ID, o($r, this));
-					break;
-				case h.CHANNEL_GROUP_ID:
-					o(ei, this) && e.setAttribute(h.CHANNEL_GROUP_ID, o(ei, this));
-					break;
-				case h.AUTHENTICATION_TOKEN: {
-					let t = this.getAttribute("authentication-token");
-					t && e.setAttribute(h.AUTHENTICATION_TOKEN, t);
-					break;
-				}
-			}
-		});
-	}
-	disconnectListener(e) {
-		or(e).forEach((t) => {
-			let n = o(Kr, this).get(t);
-			n && o(Kr, this).set(t, n.filter((t) => t != e));
-		});
-	}
-	get instance() {
-		return o(P, this);
-	}
-	get fullscreen() {
-		return r(B, this, ea).call(this);
-	}
-	get airPlay() {
-		return o(ai, this);
-	}
-	connect() {
-		r(B, this, Ui).call(this);
-	}
-};
-function Ui() {
-	var e = this;
-	return t(function* () {
-		var t, n;
-		if (!o($r, e)) return;
-		let i = o(F, e) === o(Zr, e);
-		yield (t = o(P, e)) == null ? void 0 : t.unload(), i && m(F, e, void 0);
-		let a = e.hasAttribute(h.PAUSED), s = e.hasAttribute(h.MUTED), c = je(e.getAttribute(h.VOLUME)), l = typeof c == "number" ? Math.max(0, Math.min(1, c)) : c, u = Ee(e.getAttribute(h.MEDIA)), ee = e.getAttribute(h.TEXT_TRACK) || void 0, d = e.getAttribute("edge-url") || void 0, te = e.getAttribute("authentication-token") || void 0, f = je(e.getAttribute("max-video-bit-rate")), p = je(e.getAttribute("max-initial-bit-rate")), ne = ke(e.getAttribute("max-size")), re = je(e.getAttribute("min-buffer-time")), ie = je(e.getAttribute("max-buffer-time")), ae = v(e.getAttribute("burst-enabled")), se = v(e.getAttribute("mse-enabled")), ce = v(e.getAttribute("mse-opus-enabled")), le = v(e.getAttribute("ios-background-play-enabled")), ue = v(e.getAttribute("ios-wake-lock-enabled")), de = v(e.getAttribute("stream-to-media-element-enabled")), fe = v(e.getAttribute("ios-media-element-enabled")), pe = v(e.getAttribute("abr-enabled"), !0), me = v(e.getAttribute("size-based-resolution-cap-enabled")), he = v(e.getAttribute("telemetry-enabled")), ge = Oe(e.getAttribute("video-codecs")), _e = Me(e.getAttribute("poster")), ve = Ae(e.getAttribute("advanced")), ye = De(e.getAttribute("log-level")), be = {
-			headers: Ne(e.getAttribute("drm-headers")),
-			queryParams: Ne(e.getAttribute("drm-queryparams")),
-			widevine: {
-				videoRobustness: Pe(e.getAttribute("drm-widevine-video-robustness")),
-				audioRobustness: Pe(e.getAttribute("drm-widevine-audio-robustness"))
-			},
-			playready: {
-				videoRobustness: Pe(e.getAttribute("drm-playready-video-robustness")),
-				audioRobustness: Pe(e.getAttribute("drm-playready-audio-robustness"))
-			}
-		}, xe = we(e.getAttribute("webcodecs-hardware-acceleration")), Se = Ce(e.getAttribute("decoders")), Te = v(e.getAttribute("offscreen-canvas-enabled")), g = v(e.getAttribute("webtransport-enabled")), Fe = je(e.getAttribute("reconnect-retries")), Ie = Fe === void 0 ? void 0 : (e) => e.reconnectRetries < Fe, Le = e.getAttribute("language") || void 0;
-		m(P, e, new oe({
-			url: o(Qr, e),
-			channelId: o($r, e),
-			channelGroupId: o(ei, e),
-			edgeUrl: d,
-			authenticationToken: te,
-			muted: s,
-			volume: l,
-			media: u,
-			maxSize: ne,
-			maxVideoBitRate: f,
-			maxInitialBitRate: p,
-			minBufferTime: re,
-			maxBufferTime: ie,
-			burstEnabled: ae,
-			mseEnabled: se,
-			mseOpusEnabled: ce,
-			iosBackgroundPlayEnabled: le,
-			iosWakeLockEnabled: ue,
-			streamToMediaElementEnabled: de,
-			iosMediaElementEnabled: fe,
-			abrEnabled: pe,
-			sizeBasedResolutionCapEnabled: me,
-			telemetryEnabled: he,
-			videoCodecs: ge,
-			poster: _e,
-			textTrack: ee,
-			advanced: ve,
-			logLevel: ye,
-			language: Le,
-			drm: be,
-			webtransportEnabled: g,
-			webcodecsHardwareAcceleration: xe,
-			decoders: Se,
-			offscreenCanvasEnabled: Te,
-			reconnectHandler: Ie
-		})), m(Zr, e, new zr(o(P, e))), o(F, e) || m(F, e, o(Zr, e)), r(B, e, Wi).call(e), m(Yr, e, (n = e.shadowRoot) == null ? void 0 : n.querySelector("#video")), o(Yr, e) && o(P, e).attach(o(Yr, e)), e.setAttribute(h.MEDIA, o(P, e).media), o(P, e).muted && r(B, e, V).call(e, h.MUTED, ""), o(P, e).abrEnabled ? r(B, e, V).call(e, h.ABR_ENABLED, "") : r(B, e, H).call(e, h.ABR_ENABLED), r(B, e, V).call(e, h.SIZE_BASED_RESOLUTION_CAP_ENABLED, o(P, e).sizeBasedResolutionCapEnabled ? "true" : "false"), r(B, e, V).call(e, h.VOLUME, o(P, e).volume.toString()), _(_e) || r(B, e, V).call(e, h.POSTER_SRC, o(P, e).getThumbnailUrl());
-		let Re = v(e.getAttribute(h.AIRPLAY_ENABLED), !1), ze = v(e.getAttribute(h.CAST_ENABLED), !0), y = v(e.getAttribute(h.FULLSCREEN_ENABLED), !0), Be = v(e.getAttribute(h.PIP_ENABLED), !0), Ve = v(e.getAttribute(h.VU_METER_ENABLED), !1), He = v(e.getAttribute(h.TIMESHIFT_ENABLED), !1);
-		Re && r(B, e, ia).call(e, o(P, e)), ze && r(B, e, ta).call(e, o(P, e)), y && r(B, e, Qi).call(e, o(P, e)), Be && r(B, e, Xi).call(e, o(P, e)), a || o(P, e).play(), Ve && r(B, e, aa).call(e, o(P, e)), e.dispatchEvent(new CustomEvent("vindral-instance-ready", {
-			bubbles: !0,
-			composed: !0,
-			detail: o(P, e)
-		})), He && (r(B, e, qi).call(e), y && r(B, e, $i).call(e));
-	})();
-}
-function Wi() {
-	o(P, this) && (o(P, this).on("rendition levels", o(di, this)), o(P, this).on("rendition level", o(fi, this)), o(P, this).on("playback state", o(pi, this)), o(P, this).on("volume state", o(mi, this)), o(P, this).on("channel switch failed", o(hi, this)), o(P, this).on("channel switch", o(gi, this)), o(P, this).on("channels", o(_i, this)), o(P, this).on("languages", o(vi, this)), o(P, this).on("text tracks", o(yi, this)), o(P, this).on("needs user input", o(bi, this)), o(P, this).on("is live", o(xi, this)), o(P, this).on("timeshift info", o(Si, this)));
-}
-function Gi() {
-	o(P, this) && (o(P, this).off("playback state", o(pi, this)), o(P, this).off("volume state", o(mi, this)), o(P, this).off("channel switch failed", o(hi, this)), o(P, this).off("channel switch", o(gi, this)), o(P, this).off("channels", o(_i, this)), o(P, this).off("languages", o(vi, this)), o(P, this).off("text tracks", o(yi, this)), o(P, this).off("needs user input", o(bi, this)), o(P, this).off("is live", o(xi, this)), o(P, this).off("timeshift info", o(Si, this)));
-}
-function Ki() {
-	o(I, this) && (o(I, this).addEventListener("playing", o(Ci, this)), o(I, this).addEventListener("pause", o(wi, this)), o(I, this).addEventListener("ended", o(Ti, this)), o(I, this).addEventListener("timeupdate", o(Di, this)), o(I, this).addEventListener("volumechange", o(Oi, this)), o(I, this).addEventListener("hlsbuffering", o(ki, this)), o(I, this).addEventListener("hlsnotbuffering", o(Ai, this)), o(I, this).addEventListener("timeshiftready", o(ji, this)));
-}
-function qi() {
-	var e, t, n, i;
-	let a = je(this.getAttribute(h.VOLUME)), s = a === void 0 ? (e = (t = o(F, this)) == null ? void 0 : t.volume) == null ? 1 : e : Math.max(0, Math.min(1, a)), c = v(this.getAttribute(h.MUTED), (n = (i = o(F, this)) == null ? void 0 : i.muted) == null ? !1 : n);
-	r(B, this, Ji).call(this), m(I, this, new Sr(o(Xr, this), {
-		volume: s,
-		muted: c,
-		maxVideoBitRate: o(ti, this) ? parseInt(o(ti, this), 10) : void 0
-	})), o(I, this).addEventListener("durationchange", o(Ei, this));
-}
-function Ji() {
-	o(I, this) && (r(B, this, Yi).call(this), o(I, this).removeEventListener("durationchange", o(Ei, this)), o(I, this).cleanup(), o(F, this) === o(I, this) && m(F, this, void 0), m(I, this, void 0));
-}
-function Yi() {
-	o(I, this) && (o(I, this).removeEventListener("playing", o(Ci, this)), o(I, this).removeEventListener("pause", o(wi, this)), o(I, this).removeEventListener("ended", o(Ti, this)), o(I, this).removeEventListener("timeupdate", o(Di, this)), o(I, this).removeEventListener("volumechange", o(Oi, this)), o(I, this).removeEventListener("hlsbuffering", o(ki, this)), o(I, this).removeEventListener("hlsnotbuffering", o(Ai, this)), o(I, this).removeEventListener("timeshiftready", o(ji, this)));
-}
-function Xi(e) {
-	e.mediaElement instanceof HTMLVideoElement && (m(L, this, new ar(e.mediaElement)), o(L, this).isSupported() && (o(z, this).debug("PIP is supported"), r(B, this, V).call(this, h.PIP_AVAILABLE, "")), o(L, this).on("on picture in picture change", (e) => {
-		e ? r(B, this, V).call(this, h.IS_PIP, "") : r(B, this, H).call(this, h.IS_PIP);
-	}));
-}
-function Zi() {
-	var e;
-	if (!o(L, this)) return;
-	let t = null;
-	o(F, this) === o(I, this) && o(I, this) ? t = o(I, this).videoElement : ((e = o(P, this)) == null ? void 0 : e.mediaElement) instanceof HTMLVideoElement && (t = o(P, this).mediaElement), t && t !== o(L, this).videoElement && (o(z, this).debug("Updating PIP target to", o(F, this) === o(I, this) ? "HLS" : "Vindral"), o(L, this).unload(), m(L, this, new ar(t)), o(L, this).on("on picture in picture change", (e) => {
-		e ? r(B, this, V).call(this, h.IS_PIP, "") : r(B, this, H).call(this, h.IS_PIP);
-	}));
-}
-function Qi(e) {
-	let t = !Yn.isFullscreenApiSupported(this) && Yn.isFullscreenApiSupported(e.mediaElement) ? e.mediaElement : this;
-	m(ri, this, new Yn(t)), o(ri, this).on("on fullscreen change", (e) => {
-		e ? r(B, this, V).call(this, h.FULLSCREEN, "") : r(B, this, H).call(this, h.FULLSCREEN);
-	});
-}
-function $i() {
-	var e;
-	o(I, this) && (m(ii, this, !Yn.isFullscreenApiSupported(this) && Yn.isFullscreenApiSupported((e = o(I, this)) == null ? void 0 : e.videoElement) ? new Yn(o(I, this).videoElement) : new Yn(this)), o(ii, this).on("on fullscreen change", (e) => {
-		e ? r(B, this, V).call(this, h.FULLSCREEN, "") : r(B, this, H).call(this, h.FULLSCREEN);
-	}));
-}
-function ea() {
-	return this.hasAttribute(h.TIMESHIFT_POSITION) ? o(ii, this) : o(ri, this);
-}
-function ta(e) {
-	m(oi, this, new me({
-		background: o(ci, this),
-		receiverApplicationId: o(si, this),
-		options: e.getCastOptions()
-	})), o(oi, this).init().then(() => {
-		var e, t, n;
-		r(B, this, V).call(this, h.CAST_AVAILABLE, ""), (e = o(oi, this)) == null || e.on("connected", r(B, this, na).bind(this)), (t = o(oi, this)) == null || t.on("resumed", r(B, this, na).bind(this)), (n = o(oi, this)) == null || n.on("disconnected", r(B, this, ra).bind(this));
-	}).catch((e) => {
-		o(z, this).warn("Failed to initialize CastSender", e);
-	});
-}
-function na() {
-	var e, t;
-	r(B, this, V).call(this, h.IS_CASTING, "");
-	let n = (e = (t = o(oi, this)) == null ? void 0 : t.getReceiverName()) == null ? "device" : e;
-	r(B, this, V).call(this, h.CAST_RECEIVER_NAME, n);
-}
-function ra() {
-	r(B, this, H).call(this, h.IS_CASTING), r(B, this, H).call(this, h.CAST_RECEIVER_NAME);
-}
-function ia(e) {
-	var t;
-	(t = o(ai, this)) == null || t.unload();
-	let n = e.getCastOptions();
-	m(ai, this, new Jn({
-		url: n.url,
-		channelId: n.channelId,
-		authenticationToken: n.authenticationToken,
-		container: this
-	})), o(ai, this).once("available", () => {
-		r(B, this, V).call(this, h.AIRPLAY_AVAILABLE, "");
-	}), o(ai, this).on("connected", () => {
-		r(B, this, V).call(this, h.IS_AIRPLAYING, "");
-	}), o(ai, this).on("disconnected", () => {
-		r(B, this, H).call(this, h.IS_AIRPLAYING);
-	});
-}
-function aa(e) {
-	var t;
-	if ((t = o(R, this)) == null || t.unload(), !ce()) {
-		if (e.audioNode) m(R, this, new cr(e.audioNode));
-		else if (e.mediaElement instanceof HTMLMediaElement) m(R, this, new cr(e.mediaElement));
-		else return;
-		o(R, this).on("on decibel change", (e) => {
-			r(B, this, V).call(this, h.VOLUME_LEVEL, JSON.stringify(e));
-		}), r(B, this, V).call(this, h.VOLUME_LEVEL, JSON.stringify({
-			left: null,
-			right: null
-		})), (!o(R, this).isMediaElementSource || !this.hasAttribute(h.MUTED)) && o(R, this).start();
-	}
-}
-function oa(e) {
-	e.pointerType !== "mouse" && e.timeStamp - o(Mi, this) < 250 || (r(B, this, pa).call(this), o(Jr, this) && clearTimeout(o(Jr, this)), e.target instanceof HTMLElement && ([this, o(Yr, this)].includes(e.target) || e.target.localName === "vindral-scroll-overlay") && r(B, this, ma).call(this));
-}
-function sa(e) {
-	let t = this.hasAttribute(h.USER_INTERACTING);
-	e.pointerType === "touch" && e.target instanceof HTMLElement ? [this, o(Yr, this)].includes(e.target) && t ? r(B, this, fa).call(this) : r(B, this, ma).call(this) : e.composedPath().some((e) => e instanceof HTMLElement && ["vindral-play-button"].includes(e == null ? void 0 : e.localName)) && r(B, this, ma).call(this);
-}
-function ca(e) {
-	!o(ri, this) || e.target instanceof y || e.target instanceof nt || e.target instanceof Ur || (this.hasAttribute(h.FULLSCREEN) ? this.removeAttribute(h.FULLSCREEN) : this.setAttribute(h.FULLSCREEN, ""));
-}
-function la(e) {
-	this.hasAttribute(h.USER_INTERACTING) || r(B, this, ma).call(this);
-}
-function ua(e) {
-	var t;
-	let { metaKey: n, altKey: r, key: i } = e;
-	if (n || r || !Gr.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(h.FULLSCREEN) ? this.removeAttribute(h.FULLSCREEN) : this.setAttribute(h.FULLSCREEN, "");
-			break;
-		case "m":
-			this.hasAttribute(h.MUTED) ? this.removeAttribute(h.MUTED) : this.setAttribute(h.MUTED, "");
-			break;
-		case "ArrowDown":
-			var o;
-			(o = this.querySelector("vindral-scroll-overlay")) == null || o.setAttribute("open", "");
-			break;
-	}
-}
-function da() {
-	var e = this;
-	return t(function* () {
-		if (!o(P, e) || !o(ei, e)) return;
-		let t = Date.now();
-		if (o(zi, e) && t - o(zi, e) < 1e4) o(z, e).debug("Skipping channel update, last update was less than 10 seconds ago.");
-		else {
-			m(zi, e, t);
-			let n = yield o(P, e).getApiClient().getChannels(o(ei, e));
-			r(B, e, V).call(e, h.CHANNELS, JSON.stringify(n));
-		}
-		m(li, e, window.setTimeout(() => void r(B, e, da).call(e), 1e4));
-	})();
-}
-function fa() {
-	!this.hasAttribute(h.USER_INTERACTING) || this.hasAttribute(h.UI_LOCKED) || (this.dispatchEvent(new CustomEvent("user-interacting", {
-		bubbles: !0,
-		composed: !0,
-		detail: { active: !1 }
-	})), this.removeAttribute(h.USER_INTERACTING));
-}
-function pa() {
-	this.hasAttribute(h.USER_INTERACTING) || requestAnimationFrame(() => {
-		this.setAttribute(h.USER_INTERACTING, ""), this.dispatchEvent(new CustomEvent("user-interacting", {
-			bubbles: !0,
-			composed: !0,
-			detail: { active: !0 }
-		}));
-	});
-}
-function ma() {
-	r(B, this, pa).call(this), o(Jr, this) && clearTimeout(o(Jr, this)), o(qr, this) && m(Jr, this, self.setTimeout(() => {
-		r(B, this, fa).call(this);
-	}, o(qr, this)));
-}
-function ha() {
-	var e;
-	let t = getComputedStyle(this).getPropertyValue("--vindral-subtitle-offset") || "0px";
-	(e = o(P, this)) == null || (e = e.mediaElement) == null || e.style.setProperty("--vindral-subtitle-offset", t);
-}
-function ga() {
-	var e;
-	r(B, this, Zi).call(this), r(B, this, ba).call(this), (e = o(L, this)) == null || e.request().catch((e) => {
-		o(z, this).warn("Failed to enter picture in picture:", e);
-	});
-}
-function _a() {
-	var e;
-	(e = o(L, this)) == null || e.exit().catch((e) => {
-		o(z, this).warn("Failed to exit picture in picture:", e);
-	});
-}
-function va() {
-	let e = r(B, this, ea).call(this);
-	if (!e) {
-		console.warn("No fullscreen target available"), this.setAttribute(h.FULLSCREEN_FALLBACK, ""), r(B, this, V).call(this, h.FULLSCREEN, "");
-		return;
-	}
-	e != null && e.isFullscreenApiSupported() ? (r(B, this, ba).call(this), e == null || e.request().then(() => {
-		o(Bi, this).call(this);
-	}).catch((e) => {
-		o(z, this).warn("Failed to enter fullscreen:", e);
-	})) : (this.setAttribute(h.FULLSCREEN_FALLBACK, ""), r(B, this, V).call(this, h.FULLSCREEN, ""));
-}
-function ya() {
-	let e = r(B, this, ea).call(this);
-	e != null && e.isFullscreenApiSupported() ? e == null || e.exit().then(() => {
-		o(Vi, this).call(this);
-	}).catch((e) => {
-		o(z, this).warn("Failed to exit fullscreen:", e);
-	}) : (this.removeAttribute(h.FULLSCREEN_FALLBACK), r(B, this, H).call(this, h.FULLSCREEN));
-}
-function ba() {
-	o(P, this) && o(P, this).emitter.emit("ios-hack: reset size");
-}
-function V(e, t) {
-	var n;
-	(n = o(Kr, this).get(e)) == null || n.forEach((n) => n.setAttribute(e, t));
-}
-function H(e) {
-	var t;
-	(t = o(Kr, this).get(e)) == null || t.forEach((t) => t.removeAttribute(e));
-}
-e(Hi, "observedAttributes", [
-	...Te,
-	"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 xa = { _: "https://lb.cdn.vindral.com" }, Sa, Ca = document.createElement("template");
-Ca.innerHTML = `
-  <style>
-    :host {
-      display: var(--fullscreen-button-display);
-    }
-
-    :host([${h.FULLSCREEN}]) slot[name="enter"] {
-      display: none !important;
-    }
-
-    :host(:not([${h.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 wa = class extends y {
-	constructor() {
-		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(Ca.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 === h.FULLSCREEN && this.setAttribute("aria-label", this.isFullscreen ? "Exit fullscreen" : "Enter fullscreen");
-	}
-	set isFullscreen(e) {
-		e ? this.setAttribute(h.FULLSCREEN, "") : this.removeAttribute(h.FULLSCREEN);
-	}
-	get isFullscreen() {
-		return this.hasAttribute(h.FULLSCREEN);
-	}
-	handleClick(e) {
-		let t = this.isFullscreen ? g.EXIT_FULLSCREEN : g.ENTER_FULLSCREEN;
-		this.dispatchEvent(new CustomEvent(t, {
-			bubbles: !0,
-			composed: !0
-		}));
-	}
-};
-Sa = wa, e(wa, "observedAttributes", [...b(Sa, "observedAttributes", Sa), h.FULLSCREEN]);
-//#endregion
-//#region ../../libs/player-next/src/components/LanguageMenu.ts
-var Ta, Ea = "\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", Da = document.createElement("template");
-Da.innerHTML = `
-  <style>
-    :host(:not([hidden])) {
-      display: var(--language-menu-display);
-    }
-  </style>
-
-  <slot name="button">${Ea}</slot>
-  <slot name="listbox" hidden>
-    <vindral-language-menu-list id="listbox" part="listbox"></vindral-language-menu-list>
-  </slot>
-`;
-var Oa = /* @__PURE__ */ new WeakSet(), ka = class extends nt {
-	constructor() {
-		var e, t, n, r;
-		super(), p(this, Oa), (e = this.shadowRoot) == null || e.appendChild(Da.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(), r(Oa, this, Aa).call(this), this.setAttribute("aria-label", "Languages");
-	}
-	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), (e === h.LANGUAGES || e === h.TEXT_TRACKS) && r(Oa, this, Aa).call(this);
-	}
-};
-Ta = ka;
-function Aa() {
-	let e = (e) => (e ? JSON.parse(e) : []).length < 2, t = e(this.getAttribute(h.LANGUAGES)), n = e(this.getAttribute(h.TEXT_TRACKS));
-	t && n ? this.setAttribute("hidden", "") : this.removeAttribute("hidden");
-}
-e(ka, "observedAttributes", [
-	...b(Ta, "observedAttributes", Ta),
-	h.LANGUAGES,
-	h.TEXT_TRACKS
-]);
-//#endregion
-//#region ../../libs/player-next/src/components/LanguageMenuList.ts
-var ja = document.createElement("template");
-ja.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([${h.LANGUAGES}="[]"]) #languages,
-    :host(:not([${h.LANGUAGES}])) #languages {
-      display: none;
-    }
-
-    :host([${h.TEXT_TRACKS}="[]"]) #text-tracks,
-    :host(:not([${h.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 Ma = /* @__PURE__ */ new WeakMap(), Na = /* @__PURE__ */ new WeakMap(), Pa = /* @__PURE__ */ new WeakMap(), Fa = /* @__PURE__ */ new WeakMap(), Ia = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakMap(), La = /* @__PURE__ */ new WeakMap(), Ra = /* @__PURE__ */ new WeakMap(), za = /* @__PURE__ */ new WeakMap(), Ba = /* @__PURE__ */ new WeakMap(), Va = /* @__PURE__ */ new WeakMap(), Ha = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new WeakSet(), Ua = class extends HTMLElement {
-	constructor() {
-		super(), p(this, W), n(this, Ma, []), n(this, Na, []), n(this, Pa, void 0), n(this, Fa, void 0), n(this, Ia, []), n(this, U, []), n(this, La, null), n(this, Ra, null), n(this, za, null), n(this, Ba, null), n(this, Va, null), n(this, Ha, null), e(this, "handleEvent", (e) => {
-			switch (e.type) {
-				case "keydown":
-					r(W, this, Qa).call(this, e);
-					break;
-			}
-		}), this.attachShadow({ mode: "open" }).appendChild(ja.content.cloneNode(!0));
-	}
-	connectedCallback() {
-		let e = this.getRootNode();
-		if (e instanceof ShadowRoot) {
-			var t, n, i;
-			m(za, this, e.host.closest("vindral-controller")), (t = o(za, this)) == null || t.connectListener(this), m(La, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#languages .menu")), m(Ra, this, (i = this.shadowRoot) == null ? void 0 : i.querySelector("#text-tracks .menu")), r(W, this, Wa).call(this), r(W, this, Ga).call(this), m(Ba, this, e.host), this.addEventListener("keydown", this);
-		}
-	}
-	disconnectedCallback() {
-		this.removeEventListener("keydown", this);
-	}
-	attributeChangedCallback(e, t, n) {
-		t !== n && (e === h.LANGUAGES && n && (this.languages = JSON.parse(n)), e === h.TEXT_TRACKS && n && (this.textTracks = JSON.parse(n)), e === h.LANGUAGE && (this.language = n), e === h.TEXT_TRACK && (this.textTrack = n));
-	}
-	set languages(e) {
-		m(Ma, this, e), r(W, this, qa).call(this), r(W, this, Ya).call(this);
-	}
-	set textTracks(e) {
-		m(Na, this, e), r(W, this, Ka).call(this), r(W, this, Xa).call(this);
-	}
-	set language(e) {
-		m(Pa, this, e), r(W, this, Ya).call(this);
-	}
-	set textTrack(e) {
-		m(Fa, this, e), r(W, this, Xa).call(this);
-	}
-	get keysUsed() {
-		return [
-			"Enter",
-			"Escape",
-			"Tab",
-			" ",
-			"ArrowDown",
-			"ArrowUp",
-			"ArrowLeft",
-			"ArrowRight",
-			"Home",
-			"End"
-		];
-	}
-	focus() {
-		o(Va, this) ? o(Va, this).focus() : o(Ha, this) && o(Ha, this).focus();
-	}
-};
-function Wa() {
-	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: o(za, this),
-		threshold: 0
-	}).observe(this);
-}
-function Ga() {
-	o(La, this) && (r(W, this, qa).call(this), r(W, this, Ya).call(this)), o(Ra, this) && (r(W, this, Ka).call(this), r(W, this, Xa).call(this));
-}
-function Ka() {
-	o(Ra, this).innerHTML = "", m(U, this, []);
-	let e = r(W, this, Ja).call(this, "Off", "textTrack", void 0);
-	o(Ra, this).appendChild(e), o(U, this).push({
-		element: e,
-		value: void 0
-	}), o(Na, this).forEach((e) => {
-		let t = r(W, this, Ja).call(this, e, "textTrack", e);
-		o(Ra, this).appendChild(t), o(U, this).push({
-			element: t,
-			value: e
-		});
-	}), r(W, this, Xa).call(this);
-}
-function qa() {
-	o(La, this).innerHTML = "", m(Ia, this, []), o(Ma, this).forEach((e) => {
-		let t = r(W, this, Ja).call(this, e, "language", e);
-		o(La, this).appendChild(t), o(Ia, this).push({
-			element: t,
-			value: e
-		});
-	}), r(W, this, Ya).call(this);
-}
-function Ja(e, t, n) {
-	let i = document.createElement("div");
-	return i.setAttribute("role", "menuitem"), i.textContent = e, i.addEventListener("click", () => r(W, this, Za).call(this, n, t)), i;
-}
-function Ya() {
-	o(Va, this) && (o(Va, this).removeAttribute("aria-selected"), o(Va, this).tabIndex = -1);
-	let e = o(Ia, this).find((e) => e.value === o(Pa, this));
-	e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, m(Va, this, e.element));
-}
-function Xa() {
-	o(Ha, this) && (o(Ha, this).removeAttribute("aria-selected"), o(Ha, this).tabIndex = -1);
-	let e = o(U, this).find((e) => e.value === o(Fa, this));
-	if (e) e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, m(Ha, this, e.element);
-	else {
-		let e = o(U, this).find((e) => e.value === void 0);
-		e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, m(Ha, this, e.element));
-	}
-}
-function Za(e, t) {
-	this.dispatchEvent(new Event("change", {
-		bubbles: !0,
-		composed: !0
-	}));
-	let n = t === "language" ? g.SET_LANGUAGE : g.SET_TEXT_TRACK;
-	this.dispatchEvent(new CustomEvent(n, {
-		bubbles: !0,
-		composed: !0,
-		detail: e
-	}));
-}
-function Qa(e) {
-	let { key: t, ctrlKey: n, altKey: i, metaKey: a } = e;
-	if (!(n || i || a) && this.keysUsed.includes(t)) if (e.preventDefault(), e.stopPropagation(), t === "Tab" || t === "Escape") {
-		var s;
-		(s = o(Ba, this)) == null || s.hide();
-	} else if (t === "Enter" || t === " ") {
-		var c;
-		(c = r(W, this, to).call(this)) == null || (c = c.element) == null || c.click();
-	} else r(W, this, $a).call(this, e);
-}
-function $a(e) {
-	var t;
-	let { key: n } = e, i = [...o(Ia, this), ...o(U, this)], a = (t = r(W, this, to).call(this)) == null ? i[0] : t;
-	if (!a) return;
-	let s = i.indexOf(a), c = Math.max(0, s);
-	n === "ArrowDown" ? c++ : n === "ArrowUp" ? c-- : n === "ArrowLeft" ? c = r(W, this, eo).call(this, s, "left") : n === "ArrowRight" ? c = r(W, this, eo).call(this, s, "right") : e.key === "Home" ? c = 0 : e.key === "End" && (c = i.length - 1), c < 0 && (c = i.length - 1), c > i.length - 1 && (c = 0);
-	let l = i[c];
-	l && (r(W, this, no).call(this, l.value), l.element.focus());
-}
-function eo(e, t) {
-	let n = o(Ia, this).length, r = o(U, this).length;
-	return t === "left" ? e < n ? n + r - 1 : e - n - 1 : e >= n ? 0 : e + n;
-}
-function to() {
-	return [...o(Ia, this), ...o(U, this)].find((e) => e.element.tabIndex === 0);
-}
-function no(e) {
-	for (let t of [...o(Ia, this), ...o(U, this)]) t.element.tabIndex = t.value === e ? 0 : -1;
-}
-e(Ua, "observedAttributes", [
-	h.LANGUAGES,
-	h.TEXT_TRACKS,
-	h.LANGUAGE,
-	h.TEXT_TRACK
-]);
-//#endregion
-//#region ../../libs/player-next/src/components/LiveButton.ts
-var ro, io = document.createElement("template");
-io.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 ao = class extends y {
-	constructor() {
-		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(io.content.cloneNode(!0));
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.updateState();
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-	}
-	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), (e === h.TIMESHIFT_POSITION || e === h.DURATION) && this.updateState();
-	}
-	updateState() {
-		if (!this.hasAttribute(h.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(h.TIMESHIFT_POSITION);
-	}
-	set isLive(e) {
-		e ? this.removeAttribute(h.TIMESHIFT_POSITION) : this.setAttribute(h.TIMESHIFT_POSITION, "");
-	}
-	handleClick(e) {
-		this.isLive || this.dispatchEvent(new CustomEvent(g.GO_LIVE, {
-			bubbles: !0,
-			composed: !0
-		}));
-	}
-};
-ro = ao, e(ao, "observedAttributes", [
-	...b(ro, "observedAttributes", ro),
-	h.TIMESHIFT_POSITION,
-	h.DURATION
-]);
-//#endregion
-//#region ../../libs/player-next/src/components/MuteButton.ts
-var oo, so = document.createElement("template");
-so.innerHTML = `
-  <style>
-    :host {
-      display: var(--mute-button-display);
-    }
-
-    :host([${h.MUTED}]) slot[name="unmute"] {
-      display: none !important;
-    }
-
-    :host(:not([${h.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 co = class extends y {
-	constructor() {
-		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(so.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 === h.MUTED && this.setAttribute("aria-label", this.muted ? "UnMute" : "Mute");
-	}
-	set muted(e) {
-		e ? this.setAttribute(h.MUTED, "") : this.removeAttribute(h.MUTED);
-	}
-	get muted() {
-		return this.hasAttribute(h.MUTED);
-	}
-	handleClick(e) {
-		let t = this.muted ? g.UNMUTE : g.MUTE;
-		this.dispatchEvent(new CustomEvent(t, {
-			bubbles: !0,
-			composed: !0
-		}));
-	}
-};
-oo = co, e(co, "observedAttributes", [...b(oo, "observedAttributes", oo), h.MUTED]);
-//#endregion
-//#region ../../libs/player-next/src/components/PictureInPictureButton.ts
-var lo, uo = document.createElement("template");
-uo.innerHTML = `
-  <style>
-    :host {
-      display: var(--pip-button-display);
-    }
-
-    :host(:not([${h.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 fo = class extends y {
-	constructor() {
-		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(uo.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 === h.IS_PIP && this.setAttribute("aria-label", this.isPictureInPictureActive ? "Exit picture in picture" : "Enter picture in picture");
-	}
-	set isPictureInPictureActive(e) {
-		e ? this.setAttribute(h.IS_PIP, "") : this.removeAttribute(h.IS_PIP);
-	}
-	get isPictureInPictureActive() {
-		return this.hasAttribute(h.IS_PIP);
-	}
-	handleClick(e) {
-		let t = this.isPictureInPictureActive ? g.EXIT_PIP : g.ENTER_PIP;
-		this.dispatchEvent(new CustomEvent(t, {
-			bubbles: !0,
-			composed: !0
-		}));
-	}
-};
-lo = fo, e(fo, "observedAttributes", [
-	...b(lo, "observedAttributes", lo),
-	h.IS_PIP,
-	h.PIP_AVAILABLE
-]);
-//#endregion
-//#region ../../libs/player-next/src/components/PlayButton.ts
-var po, mo = document.createElement("template");
-mo.innerHTML = `
-  <style>
-    :host {
-      display: var(--play-button-display);
-    }
-
-    :host([${h.PAUSED}]) slot[name="pause"] {
-      display: none !important;
-    }
-
-    :host(:not([${h.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 ho = class extends y {
-	constructor() {
-		var e;
-		super(), (e = this.shadowRoot) == null || e.appendChild(mo.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 === h.PAUSED && this.setAttribute("aria-label", this.paused ? "Play" : "Pause");
-	}
-	set paused(e) {
-		e ? this.setAttribute(h.PAUSED, "") : this.removeAttribute(h.PAUSED);
-	}
-	get paused() {
-		return this.hasAttribute(h.PAUSED);
-	}
-	handleClick(e) {
-		let t = this.paused ? g.PLAY : g.PAUSE;
-		this.dispatchEvent(new CustomEvent(t, {
-			bubbles: !0,
-			composed: !0
-		}));
-	}
-};
-po = ho, e(ho, "observedAttributes", [...b(po, "observedAttributes", po), h.PAUSED]);
-//#endregion
-//#region ../../libs/player-next/src/PlayerAttributes.ts
-var G = {
-	TITLE: "title",
-	OFFLINE: "offline",
-	ADVANCED_RENDITION_MENU_ENABLED: "advanced-rendition-menu-enabled",
-	REFRESH_POSTER_ENABLED: "refresh-poster-enabled",
-	STREAM_POLL_ENABLED: "stream-poll-enabled"
-}, go = Object.values(G), _o = /* @__PURE__ */ new WeakMap(), vo = /* @__PURE__ */ new WeakMap(), yo = /* @__PURE__ */ new WeakMap(), bo = /* @__PURE__ */ new WeakMap(), xo = /* @__PURE__ */ new WeakMap(), So = /* @__PURE__ */ new WeakMap(), Co = /* @__PURE__ */ new WeakMap(), wo = /* @__PURE__ */ new WeakSet(), To = class extends pe {
-	constructor(e) {
-		super(), p(this, wo), n(this, _o, void 0), n(this, vo, void 0), n(this, yo, !1), n(this, bo, !1), n(this, xo, !0), n(this, So, null), n(this, Co, null), m(vo, this, e), m(_o, this, new fe({
-			publicEndpoint: e.url,
-			tokenFactory: () => e.authenticationToken
-		}));
-	}
-	start(e = 5e3) {
-		o(Co, this) && clearInterval(o(Co, this)), m(yo, this, !1), m(bo, this, !1), r(wo, this, ko).call(this), r(wo, this, Eo).call(this), m(Co, this, window.setInterval(() => {
-			!o(bo, this) && !o(vo, this).infiniteReconnect && !o(So, this) && o(xo, this) && m(So, this, window.setTimeout(() => r(wo, this, Do).call(this), 300 * 1e3)), !o(bo, this) && o(xo, this) && r(wo, this, Eo).call(this);
-		}, e));
-	}
-	stop() {
-		r(wo, this, Oo).call(this), o(Co, this) && (window.clearInterval(o(Co, this)), m(Co, this, null));
-	}
-};
-function Eo() {
-	var e = this;
-	return t(function* () {
-		if (o(yo, e)) return;
-		m(yo, e, !0);
-		let t = "Stream is offline", n = "Please stand by";
-		try {
-			let t = yield o(_o, e).getChannel(o(vo, e).channelId);
-			if (t.isLive) {
-				m(bo, e, !0), r(wo, e, ko).call(e), e.emit("live", t), m(yo, e, !1);
-				return;
-			}
-		} catch (e) {
-			de(e) && (e.status === 403 || e.status === 401) && (t = "Forbidden", n = "You do not have permission to view this stream");
-		}
-		o(xo, e) && e.emit("error", {
-			title: t,
-			message: n
-		}), m(yo, e, !1);
-	})();
-}
-function Do() {
-	this.stop(), m(xo, this, !1), this.emit("timeout");
-}
-function Oo() {
-	o(So, this) && (window.clearTimeout(o(So, this)), m(So, this, null));
-}
-function ko() {
-	r(wo, this, Oo).call(this), m(xo, this, !0);
-}
-//#endregion
-//#region ../../libs/player-next/src/utils/browser.ts
-var Ao = /\/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, jo = navigator.userAgent.toLowerCase(), Mo = Ao.test(jo), No = (e) => Hi.observedAttributes.includes(e), Po = `
-  <style>
-    :host {
-      container-type: inline-size;
-      position: relative;
-      overflow: hidden;
-      width: 100%;
-      display: flex;
-      justify-content: center;
-
-      --vindral-volume-range-display: ${Mo ? "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([${G.OFFLINE}]) {
-      aspect-ratio: 16 / 9;
-      vindral-controller {
-        --vindral-ui-display: none;
-        --vindral-play-overlay-display: none;
-      }
-    }
-
-    :host([${h.AIRPLAY_ENABLED}="false"]) {
-      --vindral-airplay-button-display: none;
-    }
-
-    :host([${h.CAST_ENABLED}="false"]) {
-      --vindral-cast-button-display: none;
-    }
-
-    :host([${h.FULLSCREEN_ENABLED}="false"]) {
-      --vindral-fullscreen-button-display: none;
-    }
-
-    :host([${h.PIP_ENABLED}="false"]) {
-      --vindral-pip-button-display: none;
-    }
-
-    :host([${h.TIMESHIFT_ENABLED}="false"]) {
-      --vindral-seek-bar-display: none;
-      --vindral-live-button-display: none;
-    }
-
-    :host(:not([${h.CHANNEL_GROUP_ID}])) vindral-scroll-overlay {
-      display: none;
-    }
-
-    :host([${h.MEDIA}="video"]) vindral-mute-button,
-    :host([${h.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>
-`, Fo = (e) => {
-	let t = e ? "vindral-advanced-rendition-menu" : "vindral-rendition-levels-menu";
-	return `
-    ${Po}
-
-    <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-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-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>
-  `;
-}, Io = `
-  ${Po}
-
-  <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>
-`, Lo = document.createElement("template"), Ro = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), zo = /* @__PURE__ */ new WeakMap(), Bo = /* @__PURE__ */ new WeakMap(), Vo = /* @__PURE__ */ new WeakMap(), Ho = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakSet(), Uo = /* @__PURE__ */ new WeakMap(), Wo = /* @__PURE__ */ new WeakMap(), Go = /* @__PURE__ */ new WeakMap(), Ko = class extends HTMLElement {
-	constructor() {
-		super(), p(this, Y), n(this, Ro, void 0), n(this, K, void 0), n(this, q, void 0), n(this, J, void 0), n(this, zo, void 0), n(this, Bo, /* @__PURE__ */ new Set()), n(this, Vo, () => {
-			Array.from(this.attributes).forEach((e) => {
-				o(Ho, this).call(this, e.name, e.value);
-			});
-		}), n(this, Ho, (e, t) => {
-			No(e) && (_(t) ? o(K, this).setAttribute(e, t) : o(K, this).removeAttribute(e));
-		}), n(this, Uo, () => {
-			Array.from(this.children).forEach((e) => {
-				o(Bo, this).add(e);
-			});
-		}), n(this, Wo, () => {
-			let e = o(K, this).instance;
-			e && (e.on("is live", (e) => {
-				e ? (this.removeAttribute(G.OFFLINE), o(q, this).setAttribute("hidden", "")) : (this.setAttribute(G.OFFLINE, ""), o(q, this).removeAttribute("hidden"), r(Y, this, Zo).call(this, "Stream is offline", "Please stand by"));
-			}), e.on("channels", (e) => {
-				let t = o(K, this).getAttribute("channel-id"), n = e.find((e) => e.channelId === t);
-				n && r(Y, this, Xo).call(this, n);
-			}), e.on("channel switch", ({ channelId: t }) => {
-				let n = e.channels.find((e) => e.channelId === t);
-				n && r(Y, this, Xo).call(this, n);
-			}), e.on("error", (e) => {
-				if (e.code() === "connection_failed") {
-					r(Y, this, Zo).call(this, "Stream is offline", "Please stand by");
-					return;
-				}
-				e.isFatal() && (e.code() === "access_forbidden" ? r(Y, this, Zo).call(this, "Forbidden", "You do not have permission to view this stream") : e.code() === "connection_failed_will_not_attempt_again" ? r(Y, this, Zo).call(this, "Stream is offline", "Please stand by") : r(Y, this, Zo).call(this, "An error occurred", e.message), o(J, this).removeAttribute("hidden"), this.setAttribute(G.OFFLINE, ""), o(K, this).dispatchEvent(new CustomEvent(g.EXIT_FULLSCREEN)), o(K, this).dispatchEvent(new CustomEvent(g.EXIT_PIP)));
-			}));
-		}), n(this, Go, () => {
-			o(K, this).connect(), o(J, this).setAttribute("hidden", ""), o(q, this).setAttribute("hidden", ""), o(K, this).focus();
-		}), m(Ro, this, this.attachShadow({ mode: "open" })), r(Y, this, Jo).call(this), m(K, this, o(Ro, this).querySelector("vindral-controller")), m(q, this, o(Ro, this).querySelector("#vindral-message")), m(J, this, o(Ro, this).querySelector("#play-overlay"));
-	}
-	connectedCallback() {
-		this.setAttribute(G.OFFLINE, ""), o(K, this).addEventListener("vindral-instance-ready", o(Wo, this)), r(Y, this, Yo).call(this);
-	}
-	disconnectedCallback() {
-		var e;
-		o(K, this).removeEventListener("vindral-instance-ready", o(Wo, this)), o(J, this).removeEventListener("click", o(Go, this)), (e = o(zo, this)) == null || e.stop();
-	}
-	attributeChangedCallback(e, t, n) {
-		if (t !== n) if (e === h.MEDIA || e === G.ADVANCED_RENDITION_MENU_ENABLED) r(Y, this, Jo).call(this);
-		else if (e === G.REFRESH_POSTER_ENABLED) {
-			let e = o(Ro, this).querySelector("vindral-poster-overlay");
-			e && (e.disabled = v(this.getAttribute(G.REFRESH_POSTER_ENABLED), !1) === !1);
-		} else o(Ho, this).call(this, e, n);
-	}
-	get instance() {
-		return o(K, this).instance;
-	}
-	get airPlay() {
-		return o(K, this).airPlay;
-	}
-};
-function qo() {
-	let e = Ee(this.getAttribute(h.MEDIA)), t = v(this.getAttribute(G.ADVANCED_RENDITION_MENU_ENABLED), !1);
-	return e === "audio" ? Io : Fo(t);
-}
-function Jo() {
-	let e = o(Ro, this).hasChildNodes(), t = e ? o(K, this) : void 0, n = e ? o(J, this) : void 0;
-	this.isConnected && t && t.removeEventListener("vindral-instance-ready", o(Wo, this)), this.isConnected && n && o(zo, this) && n.removeEventListener("click", o(Go, this)), Lo.innerHTML = r(Y, this, qo).call(this);
-	let i = Lo.content.cloneNode(!0);
-	m(K, this, i.querySelector("vindral-controller")), m(q, this, i.querySelector("#vindral-message")), m(J, this, i.querySelector("#play-overlay")), o(Uo, this).call(this), o(Bo, this).forEach((e) => {
-		o(K, this).appendChild(e);
-	}), o(Vo, this).call(this), o(Ro, this).innerHTML = "", o(Ro, this).appendChild(i), this.isConnected && (o(K, this).addEventListener("vindral-instance-ready", o(Wo, this)), o(zo, this) && o(J, this).addEventListener("click", o(Go, this)));
-}
-function Yo() {
-	var e;
-	if (v(this.getAttribute(G.STREAM_POLL_ENABLED), !0) === !1) return;
-	let t = this.getAttribute("url"), n = this.getAttribute("channel-id"), i = (e = this.getAttribute("authentication-token")) == null ? void 0 : e, a = this.hasAttribute("infinite-reconnect");
-	if (!t || !n) {
-		this.setAttribute(G.OFFLINE, ""), r(Y, this, Zo).call(this, "Invalid options", "Please enter at least a channel id and url to start the stream");
-		return;
-	}
-	m(zo, this, new To({
-		url: t,
-		channelId: n,
-		authenticationToken: i,
-		infiniteReconnect: a
-	})), o(zo, this).on("live", (e) => {
-		o(K, this).connect(), this.removeAttribute("offline"), o(q, this).setAttribute("hidden", ""), r(Y, this, Xo).call(this, e);
-	}), o(zo, this).on("timeout", () => {
-		o(q, this).setAttribute("hidden", ""), o(J, this).removeAttribute("hidden");
-	}), o(zo, this).on("error", (e) => {
-		this.setAttribute(G.OFFLINE, ""), r(Y, this, Zo).call(this, e.title, e.message);
-	}), o(J, this).addEventListener("click", o(Go, this)), this.hasAttribute("paused") && o(zo, this).start();
-}
-function Xo(e) {
-	let t = Me(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;
-	}
-	xe({
-		title: r,
-		poster: i
-	});
-}
-function Zo(e, t) {
-	o(q, this).setAttribute("title", e), o(q, this).setAttribute("description", t);
-	let n = this.getAttribute("poster");
-	n && o(q, this).setAttribute("background-image", n), o(q, this).removeAttribute("hidden");
-}
-e(Ko, "observedAttributes", [...Hi.observedAttributes, ...go]);
-//#endregion
-//#region ../../libs/player-next/src/components/PosterOverlay.ts
-var Qo = document.createElement("template");
-Qo.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([${h.PAUSED}])) {
-      display: none;
-    }
-  </style>
-`;
-var $o = 6e3, es = /* @__PURE__ */ new WeakMap(), ts = /* @__PURE__ */ new WeakMap(), ns = /* @__PURE__ */ new WeakMap(), rs = /* @__PURE__ */ new WeakMap(), is = /* @__PURE__ */ new WeakSet(), as = /* @__PURE__ */ new WeakMap(), os = class extends HTMLElement {
-	constructor() {
-		super(), p(this, is), n(this, es, null), n(this, ts, null), n(this, ns, null), n(this, rs, () => {
-			!document.hidden && this.hasAttribute("intersecting") && this.paused && !this.disabled ? r(is, this, ss).call(this) : r(is, this, cs).call(this);
-		}), n(this, as, (e) => {
-			e.forEach((e) => {
-				e.isIntersecting ? this.setAttribute("intersecting", "") : this.removeAttribute("intersecting");
-			});
-		}), this.attachShadow({ mode: "open" }).appendChild(Qo.content.cloneNode(!0));
-	}
-	connectedCallback() {
-		var e;
-		m(es, this, this.closest("vindral-controller")), (e = o(es, this)) == null || e.connectListener(this), document.addEventListener("visibilitychange", o(rs, this)), m(ns, this, new IntersectionObserver(o(as, this))), o(ns, this).observe(this);
-	}
-	disconnectedCallback() {
-		var e, t;
-		(e = o(es, this)) == null || e.disconnectListener(this), document.removeEventListener("visibilitychange", o(rs, this)), (t = o(ns, this)) == null || t.disconnect(), m(ns, this, null), r(is, this, cs).call(this);
-	}
-	attributeChangedCallback(e, t, n) {
-		t !== n && (e === h.POSTER_SRC && this.paused && !this.disabled && r(is, this, ls).call(this), (e === h.PAUSED || e === "disabled" || e === "intersecting") && o(rs, this).call(this));
-	}
-	get disabled() {
-		return this.hasAttribute("disabled");
-	}
-	set disabled(e) {
-		e ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
-	}
-	get posterSrc() {
-		return this.getAttribute(h.POSTER_SRC);
-	}
-	get paused() {
-		return this.hasAttribute(h.PAUSED);
-	}
-};
-function ss() {
-	o(ts, this) === null && (r(is, this, cs).call(this), m(ts, this, window.setInterval(() => r(is, this, ls).call(this), $o)));
-}
-function cs() {
-	o(ts, this) !== null && (clearInterval(o(ts, this)), m(ts, this, null)), this.style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAQAAACRI2S5AAAAEElEQVR42mNkIAAYRxWAAQAG9gAKqv6+AwAAAABJRU5ErkJggg==')";
-}
-function ls() {
-	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(os, "observedAttributes", [
-	h.POSTER_SRC,
-	h.PAUSED,
-	"disabled",
-	"intersecting"
-]);
-//#endregion
-//#region ../../libs/player-next/src/components/RenditionLevelsMenu.ts
-var us, ds = "\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", fs = document.createElement("template");
-fs.innerHTML = `
-  <style>
-    :host {
-      display: var(--rendition-menu-display);
-    }
-  </style>
-
-  <slot name="button">${ds}</slot>
-  <slot name="listbox" hidden>
-    <vindral-rendition-levels-menu-list id="listbox" part="listbox"></vindral-rendition-levels-menu-list>
-  </slot>
-`;
-var ps = /* @__PURE__ */ new WeakSet(), ms = class extends nt {
-	constructor() {
-		var e, t, n, r;
-		super(), p(this, ps), (e = this.shadowRoot) == null || e.appendChild(fs.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(), r(ps, this, hs).call(this), this.setAttribute("aria-label", "Rendition levels");
-	}
-	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), e === h.RENDITION_LEVELS && r(ps, this, hs).call(this);
-	}
-};
-us = ms;
-function hs() {
-	let e = this.getAttribute(h.RENDITION_LEVELS);
-	!e || e === "[]" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
-}
-e(ms, "observedAttributes", [...b(us, "observedAttributes", us), h.RENDITION_LEVELS]);
-//#endregion
-//#region ../../libs/player-next/src/components/RenditionLevelsMenuList.ts
-var gs = document.createElement("template");
-gs.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 _s = /* @__PURE__ */ new WeakMap(), vs = /* @__PURE__ */ new WeakMap(), ys = /* @__PURE__ */ new WeakMap(), bs = /* @__PURE__ */ new WeakMap(), xs = /* @__PURE__ */ new WeakMap(), Ss = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakSet(), Cs = class extends HTMLElement {
-	constructor() {
-		super(), p(this, X), n(this, _s, []), n(this, vs, 2 ** 53 - 1), n(this, ys, null), n(this, bs, []), n(this, xs, null), n(this, Ss, null), e(this, "handleEvent", (e) => {
-			switch (e.type) {
-				case "keydown":
-					r(X, this, ks).call(this, e);
-					break;
-			}
-		}), this.attachShadow({ mode: "open" }).appendChild(gs.content.cloneNode(!0));
-	}
-	connectedCallback() {
-		let e = this.getRootNode();
-		if (e instanceof ShadowRoot) {
-			var t;
-			m(xs, this, e.host.closest("vindral-controller")), (t = o(xs, this)) == null || t.connectListener(this), r(X, this, ws).call(this), r(X, this, Ts).call(this), m(Ss, this, e.host), this.addEventListener("keydown", this);
-		}
-	}
-	disconnectedCallback() {
-		var e;
-		(e = o(xs, this)) == null || e.disconnectListener(this), this.removeEventListener("keydown", this);
-	}
-	attributeChangedCallback(e, t, n) {
-		t !== n && (e === h.RENDITION_LEVELS && n && (this.list = JSON.parse(n)), e === h.MAX_VIDEO_BITRATE && n && (this.maxVideoBitrate = n ? parseInt(n) : 2 ** 53 - 1));
-	}
-	set list(e) {
-		m(_s, this, e), r(X, this, Ts).call(this);
-	}
-	set maxVideoBitrate(e) {
-		m(vs, this, e), r(X, this, Ds).call(this);
-	}
-	get keysUsed() {
-		return [
-			"Enter",
-			"Escape",
-			"Tab",
-			" ",
-			"ArrowDown",
-			"ArrowUp",
-			"Home",
-			"End"
-		];
-	}
-	focus() {
-		var e;
-		(e = o(ys, this)) == null || e.focus();
-	}
-};
-function ws() {
-	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: o(xs, this),
-		threshold: 0
-	}).observe(this);
-}
-function Ts() {
-	var e;
-	let t = (e = this.shadowRoot) == null ? void 0 : e.querySelector(".menu");
-	t && (m(bs, this, []), t.innerHTML = "", o(_s, 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, i, a, s, c, l, u, ee;
-		let d = document.createElement("div");
-		d.setAttribute("role", "menuitem"), d.setAttribute("value", String((n = e.video) == null ? void 0 : n.height)), d.classList.add("menu-item"), d.tabIndex = -1;
-		let te = r(X, this, Es).call(this, (i = e.video) == null ? void 0 : i.frameRate);
-		d.textContent = e.video ? be(e.video) : "";
-		let f = document.createElement("span");
-		f.classList.add("menu-item-subtitle"), f.textContent = `${ye(((a = (s = e.video) == null ? void 0 : s.bitRate) == null ? 0 : a) + ((c = (l = e.audio) == null ? void 0 : l.bitRate) == null ? 0 : c))}, ${te}p`, d.appendChild(f), d.addEventListener("click", () => r(X, this, Os).call(this, e)), o(bs, this).push({
-			el: d,
-			id: (u = (ee = e.video) == null ? void 0 : ee.id) == null ? -1 : u
-		}), t.appendChild(d);
-	}), r(X, this, Ds).call(this));
-}
-function Es(e) {
-	return e ? e[0] % e[1] === 0 ? (e[0] / e[1]).toString() : (e[0] / e[1]).toFixed(2) : "";
-}
-function Ds() {
-	o(ys, this) && (o(ys, this).removeAttribute("aria-selected"), o(ys, this).tabIndex = -1);
-	let e = o(_s, 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 = o(_s, this).filter((e) => {
-		var t;
-		return ((t = e.video) == null ? void 0 : t.bitRate) && e.video.bitRate <= o(vs, this);
-	})[0] || e[e.length - 1];
-	if (t) {
-		let e = o(bs, 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(ys, this, e.el));
-	}
-}
-function Os(e) {
-	this.dispatchEvent(new Event("change", {
-		bubbles: !0,
-		composed: !0
-	})), this.dispatchEvent(new CustomEvent(g.SET_RENDITION, {
-		bubbles: !0,
-		composed: !0,
-		detail: e
-	}));
-}
-function ks(e) {
-	let { key: t, ctrlKey: n, altKey: i, metaKey: a } = e;
-	if (!(n || i || a) && this.keysUsed.includes(t)) if (e.preventDefault(), e.stopPropagation(), t === "Tab" || t === "Escape") {
-		var s;
-		(s = o(Ss, this)) == null || s.hide();
-	} else if (t === "Enter" || t === " ") {
-		var c;
-		(c = r(X, this, js).call(this)) == null || (c = c.el) == null || c.click();
-	} else r(X, this, As).call(this, e);
-}
-function As(e) {
-	var t;
-	let { key: n } = e, i = o(bs, this), a = (t = r(X, this, js).call(this)) == null ? i[0] : t;
-	if (!a) return;
-	let s = i.indexOf(a), c = Math.max(0, s);
-	n === "ArrowDown" ? c++ : n === "ArrowUp" ? c-- : e.key === "Home" ? c = 0 : e.key === "End" && (c = i.length - 1), c < 0 && (c = i.length - 1), c > i.length - 1 && (c = 0);
-	let l = i[c];
-	l && (r(X, this, Ms).call(this, l.id), l.el.focus());
-}
-function js() {
-	return o(bs, this).find((e) => e.el.tabIndex === 0);
-}
-function Ms(e) {
-	for (let t of o(bs, this)) t.el.tabIndex = t.id === e ? 0 : -1;
-}
-e(Cs, "observedAttributes", [h.RENDITION_LEVELS, h.MAX_VIDEO_BITRATE]);
-//#endregion
-//#region ../../libs/player-next/src/components/ScrollOverlay.ts
-var Ns = document.createElement("template");
-Ns.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([${h.USER_INTERACTING}])) {
-      overflow: hidden !important;
-    }
-  </style>
-
-  <div id="scroll-area"></div>
-  <slot id="content"></slot>
-`;
-var Ps = /* @__PURE__ */ new WeakMap(), Fs = /* @__PURE__ */ new WeakMap(), Is = /* @__PURE__ */ new WeakMap(), Ls = /* @__PURE__ */ new WeakMap(), Rs = /* @__PURE__ */ new WeakMap(), zs = /* @__PURE__ */ new WeakMap(), Bs = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakSet(), Vs = /* @__PURE__ */ new WeakMap(), Hs = class extends HTMLElement {
-	constructor() {
-		super(), p(this, Z), n(this, Ps, null), n(this, Fs, null), n(this, Is, !1), n(this, Ls, !1), n(this, Rs, !1), n(this, zs, () => {
-			this.open && (this.open = !1);
-		}), n(this, Bs, null), e(this, "handleEvent", (e) => {
-			switch (e.type) {
-				case "touchstart":
-					r(Z, this, Ws).call(this, e);
-					break;
-				case "touchmove":
-					r(Z, this, Gs).call(this, e);
-					break;
-				case "touchend":
-					r(Z, this, Ks).call(this, e);
-					break;
-			}
-		}), n(this, Vs, () => {
-			let e = o(Rs, this);
-			if (this.scrollTop === 0) {
-				r(Z, this, ec).call(this, e);
-				return;
-			}
-			if (!e && !r(Z, this, qs).call(this)) {
-				r(Z, this, Qs).call(this), r(Z, this, ec).call(this);
-				return;
-			}
-			!this.visible && this.scrollTop > 0 && !o(Is, this) ? r(Z, this, tc).call(this) : !o(Is, this) && r(Z, this, Ys).call(this) && (this.open || (this.open = !0), e && !this.hasAttribute("snap-touch") && this.setAttribute("snap-touch", ""));
-		}), this.attachShadow({ mode: "open" }).appendChild(Ns.content.cloneNode(!0));
-	}
-	connectedCallback() {
-		let e = this.getRootNode();
-		if (e instanceof Document || e instanceof ShadowRoot) {
-			var t, n, r;
-			m(Ps, this, e.querySelector("vindral-controller")), (t = o(Ps, this)) == null || t.connectListener(this), m(Fs, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#scroll-area")), (r = o(Fs, this)) == null || r.addEventListener("click", o(zs, this));
-			let c = this.hasAttribute("touch-enabled");
-			if (m(Rs, this, le() && c), !o(Rs, this)) this.setAttribute("snap", "");
-			else {
-				var i, a, s;
-				(i = o(Ps, this)) == null || i.addEventListener("touchstart", this, { passive: !0 }), (a = o(Ps, this)) == null || a.addEventListener("touchmove", this, { passive: !1 }), (s = o(Ps, this)) == null || s.addEventListener("touchend", this, { passive: !0 });
-			}
-			this.addEventListener("scroll", o(Vs, this));
-		}
-	}
-	disconnectedCallback() {
-		var e, t, n, r, i;
-		(e = o(Fs, this)) == null || e.removeEventListener("click", o(zs, this)), this.removeEventListener("scroll", o(Vs, this)), (t = o(Ps, this)) == null || t.removeEventListener("touchstart", this), (n = o(Ps, this)) == null || n.removeEventListener("touchmove", this), (r = o(Ps, this)) == null || r.removeEventListener("touchend", this), (i = o(Ps, this)) == null || i.disconnectListener(this);
-	}
-	attributeChangedCallback(e, t, n) {
-		if (t !== n && (e === h.USER_INTERACTING && n === null && r(Z, this, Js).call(this) && setTimeout(() => {
-			this.open = !1;
-		}, 300), e === "open")) if (n !== null) {
-			var i;
-			m(Is, this, !1), this.scrollTop > 0 && r(Z, this, tc).call(this), this.scrollTo({
-				top: (i = o(Fs, this)) == null ? void 0 : i.clientHeight,
-				behavior: "smooth"
-			});
-		} else r(Z, this, $s).call(this);
-	}
-	set open(e) {
-		if (e) {
-			this.setAttribute("open", "");
-			return;
-		}
-		let t = this.hasAttribute("open"), n = this.visible || r(Z, this, Js).call(this);
-		t ? this.removeAttribute("open") : n ? r(Z, this, $s).call(this) : (m(Is, 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 Us() {
-	return r(Z, this, qs).call(this) || r(Z, this, Zs).call(this) || r(Z, this, Js).call(this);
-}
-function Ws(e) {
-	let t = e.touches[0];
-	t && (m(Ls, this, r(Z, this, Us).call(this)), o(Ls, this) && (m(Is, this, !1), m(Bs, this, t.clientY)));
-}
-function Gs(e) {
-	if (!(!o(Ls, this) || o(Bs, this) === null || this.hasAttribute("snap-touch") && this.open) && (e.preventDefault(), e.touches[0])) {
-		let t = e.touches[0].clientY, n = o(Bs, this) - t;
-		this.scrollTop = Math.max(0, n);
-	}
-}
-function Ks(e) {
-	o(Ls, this) && !o(Is, this) && r(Z, this, Js).call(this) && (!this.hasAttribute("snap-touch") || !this.open) && (this.open = !0), m(Bs, this, null), m(Ls, this, !1);
-}
-function qs() {
-	return this.hasAttribute(h.USER_INTERACTING);
-}
-function Js() {
-	return this.scrollTop > 0;
-}
-function Ys() {
-	var e;
-	return Math.round(this.scrollTop) === this.scrollHeight - this.clientHeight || Math.round(this.scrollTop) === ((e = o(Fs, this)) == null ? void 0 : e.clientHeight);
-}
-function Xs() {
-	var e;
-	let t = (e = o(Fs, this)) == null ? void 0 : e.clientHeight;
-	return !t || this.clientHeight <= 0 ? 0 : Math.max(this.clientHeight - t, 0);
-}
-function Zs() {
-	let e = getComputedStyle(this), t = Number.parseFloat(e.getPropertyValue("--vindral-scroll-overlay-offset"));
-	return Number.isNaN(t) ? r(Z, this, Xs).call(this) > 0 : t > 0;
-}
-function Qs() {
-	let e = this.style.scrollBehavior;
-	this.style.scrollBehavior = "auto", this.scrollTo({
-		top: 0,
-		behavior: "auto"
-	}), this.style.scrollBehavior = e;
-}
-function $s() {
-	m(Is, this, !0), this.removeAttribute("snap-touch"), r(Z, this, nc).call(this), this.scrollTo({
-		top: 0,
-		behavior: "smooth"
-	});
-}
-function ec(e = !1) {
-	this.open = !1, e && this.removeAttribute("snap-touch"), m(Is, this, !1), r(Z, this, nc).call(this);
-}
-function tc() {
-	this.visible || (this.visible = !0, this.dispatchEvent(new CustomEvent(g.LOCK_UI, {
-		bubbles: !0,
-		composed: !0
-	})));
-}
-function nc() {
-	this.visible && (this.visible = !1, this.dispatchEvent(new CustomEvent(g.UNLOCK_UI, {
-		bubbles: !0,
-		composed: !0
-	})));
-}
-e(Hs, "observedAttributes", [
-	h.USER_INTERACTING,
-	"open",
-	"touch-enabled"
-]);
-//#endregion
-//#region ../../libs/player-next/src/components/SeekBar.ts
-var rc = document.createElement("template");
-rc.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(), ic = /* @__PURE__ */ new WeakMap(), ac = /* @__PURE__ */ new WeakMap(), oc = /* @__PURE__ */ new WeakMap(), sc = /* @__PURE__ */ new WeakMap(), cc = /* @__PURE__ */ new WeakMap(), lc = /* @__PURE__ */ new WeakMap(), uc = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakSet(), dc = /* @__PURE__ */ new WeakMap(), fc = /* @__PURE__ */ new WeakMap(), pc = /* @__PURE__ */ new WeakMap(), mc = /* @__PURE__ */ new WeakMap(), hc = /* @__PURE__ */ new WeakMap(), gc = /* @__PURE__ */ new WeakMap(), _c = class extends Ur {
-	constructor() {
-		var e, t, i;
-		super(), p(this, $), n(this, Q, void 0), n(this, ic, void 0), n(this, ac, void 0), n(this, oc, !1), n(this, sc, null), n(this, cc, null), n(this, lc, !1), n(this, uc, !1), n(this, dc, (e) => {
-			if (!r($, this, yc).call(this) || r($, this, bc).call(this)) {
-				e.preventDefault();
-				return;
-			}
-			m(oc, this, !0), m(cc, this, e.pointerId);
-			try {
-				this.setPointerCapture(e.pointerId);
-			} catch (e) {}
-			r($, this, Cc).call(this, e);
-		}), n(this, fc, (e) => {
-			if (!(!r($, this, yc).call(this) || r($, this, bc).call(this))) {
-				if (o(sc, this) && (cancelAnimationFrame(o(sc, this)), m(sc, this, null)), o(oc, this) && e.pointerId === o(cc, this)) {
-					e.preventDefault(), r($, this, Cc).call(this, e);
-					return;
-				}
-				m(sc, this, requestAnimationFrame(() => {
-					if (e.pointerType !== "mouse" || o(oc, this) || !this.duration) {
-						o(ac, this).style.opacity = "0", m(sc, this, null);
-						return;
-					}
-					let t = r($, this, Sc).call(this, e.clientX);
-					if (r($, this, Tc).call(this, t, e.clientX), t > this.range.valueAsNumber) {
-						let e = this.range.valueAsNumber * 100, n = (t - this.range.valueAsNumber) * 100;
-						o(ac, this).style.transform = `translateX(${e}%) scaleX(${n / 100})`, o(ac, this).style.opacity = "1";
-					} else o(ac, this).style.opacity = "0";
-					m(sc, this, null);
-				}));
-			}
-		}), n(this, pc, (e) => {
-			if (e.pointerId === o(cc, this)) {
-				try {
-					this.releasePointerCapture(e.pointerId);
-				} catch (e) {}
-				m(oc, this, !1), m(cc, this, null), e.pointerType !== "mouse" && (o(ic, this).style.opacity = "0"), o(uc, this) && r($, this, Oc).call(this) && (m(lc, this, !1), m(uc, this, !1));
-			}
-		}), n(this, mc, () => {
-			this.duration && !r($, this, bc).call(this) && (o(ic, this).style.opacity = "1");
-		}), n(this, hc, () => {
-			o(ic, this).style.opacity = "0", o(ac, this).style.opacity = "0";
-		}), n(this, gc, (e) => {
-			if (r($, this, bc).call(this) || !o(Q, this) || o(Q, this) <= 0 || !isFinite(o(Q, this))) return;
-			let t = r($, this, vc).call(this);
-			if (t <= 0) return;
-			let n = this.range.valueAsNumber * t, i = n;
-			switch (e.preventDefault(), e.key) {
-				case "ArrowLeft":
-					i = Math.max(0, n - 5);
-					break;
-				case "ArrowRight":
-					if (r($, this, Oc).call(this)) return;
-					i = Math.min(t, n + 5);
-					break;
-				case "Home":
-					i = 0;
-					break;
-				case "End":
-					if (r($, this, Oc).call(this)) return;
-					i = t;
-					break;
-				default: return;
-			}
-			let a = Math.min(i / t, 1);
-			r($, this, wc).call(this, a);
-		}), (e = this.shadowRoot) == null || e.appendChild(rc.content.cloneNode(!0)), m(ic, this, (t = this.shadowRoot) == null ? void 0 : t.getElementById("time-tooltip")), m(ac, this, (i = this.shadowRoot) == null ? void 0 : i.getElementById("hover-preview")), this.addEventListener("pointerdown", o(dc, this)), this.addEventListener("pointermove", o(fc, this)), this.addEventListener("pointerup", o(pc, this)), this.addEventListener("pointercancel", o(pc, this)), this.addEventListener("mouseenter", o(mc, this)), this.addEventListener("mouseleave", o(hc, this));
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.setAttribute("aria-label", "Seek video position"), this.setAttribute("role", "slider"), r($, this, xc).call(this), this.addEventListener("keydown", o(gc, this)), r($, this, Oc).call(this) && (this.range.value = "1", r($, this, xc).call(this));
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback(), this.removeEventListener("pointerdown", o(dc, this)), this.removeEventListener("pointermove", o(fc, this)), this.removeEventListener("pointerup", o(pc, this)), this.removeEventListener("pointercancel", o(pc, this)), this.removeEventListener("mouseenter", o(mc, this)), this.removeEventListener("mouseleave", o(hc, this)), this.removeEventListener("keydown", o(gc, this)), m(cc, this, null);
-	}
-	attributeChangedCallback(e, t, n) {
-		if (super.attributeChangedCallback(e, t, n), t !== n) switch (e) {
-			case h.TIMESHIFT_POSITION:
-				if (r($, this, Oc).call(this)) {
-					o(oc, this) ? m(uc, this, !0) : (m(lc, this, !1), m(uc, this, !1)), this.range.value = "1", r($, this, xc).call(this);
-					return;
-				}
-				if (o(Q, this)) {
-					m(uc, this, !1);
-					let e = Math.max(parseFloat(n) / o(Q, this), 0);
-					this.range.value = e.toString(), r($, this, xc).call(this);
-				}
-				break;
-			case h.DURATION:
-				m(Q, this, parseFloat(n) || 0), r($, this, xc).call(this);
-				break;
-		}
-	}
-	get keysUsed() {
-		return [
-			...super.keysUsed,
-			"Home",
-			"End"
-		];
-	}
-	get duration() {
-		return o(Q, this);
-	}
-	set duration(e) {
-		this.setAttribute(h.DURATION, e.toString());
-	}
-};
-function vc() {
-	return o(Q, this) ? o(Q, this) : 1;
-}
-function yc() {
-	return !!o(Q, this) && o(Q, this) > 0 && isFinite(o(Q, this));
-}
-function bc() {
-	return o(lc, this);
-}
-function xc() {
-	let e = r($, this, vc).call(this);
-	!o(Q, this) || o(Q, this) <= 0 || !isFinite(o(Q, this)) ? this.setAttribute("data-no-duration", "") : this.removeAttribute("data-no-duration"), o(oc, this) || (this.updateBar(), this.setAttribute("aria-valuetext", `${r($, this, kc).call(this, this.range.valueAsNumber * e)} of ${r($, this, kc).call(this, e)}`), !o(oc, this) && !r($, this, bc).call(this) && r($, this, Dc).call(this, this.range.valueAsNumber));
-}
-function Sc(e) {
-	let t = this.getBoundingClientRect(), n = (e - t.left) / t.width;
-	return Math.max(0, Math.min(1, n));
-}
-function Cc(e) {
-	let t = r($, this, Sc).call(this, e.clientX);
-	r($, this, Tc).call(this, t, e.clientX), o(oc, this) || (o(ic, this).style.opacity = "1"), r($, this, wc).call(this, t);
-}
-function wc(e) {
-	if (r($, this, bc).call(this) || r($, this, Dc).call(this, e)) return;
-	let t = e * r($, this, vc).call(this);
-	this.range.value = e.toString(), this.updateBar(), r($, this, Ec).call(this, t);
-}
-function Tc(e, t) {
-	if (!o(Q, this) || !isFinite(o(Q, this))) return;
-	let n = e * o(Q, this), i = o(Q, this) - n;
-	o(ic, this).textContent = `-${r($, this, kc).call(this, i)}`;
-	let a = this.getBoundingClientRect(), s = (t - a.left) / a.width * 100;
-	o(ic, this).style.left = `${Math.min(Math.max(s, 2), 98)}%`;
-}
-function Ec(e) {
-	this.dispatchEvent(new CustomEvent("seek", {
-		bubbles: !0,
-		composed: !0,
-		detail: e
-	}));
-}
-function Dc(e) {
-	return o(lc, this) || r($, this, Oc).call(this) || e < .999 ? !1 : (m(lc, this, !0), m(uc, this, !1), this.dispatchEvent(new CustomEvent(g.GO_LIVE, {
-		bubbles: !0,
-		composed: !0
-	})), !0);
-}
-function Oc() {
-	return !this.hasAttribute(h.TIMESHIFT_POSITION);
-}
-function kc(e) {
-	let t = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), r = Math.floor(e % 60);
-	return o(Q, this) && o(Q, this) >= 3600 ? `${t}:${n.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}` : `${n}:${r.toString().padStart(2, "0")}`;
-}
-e(_c, "observedAttributes", [
-	...Ur.observedAttributes,
-	h.TIMESHIFT_POSITION,
-	h.DURATION
-]);
-//#endregion
-//#region ../../libs/player-next/src/components/UserInputPlayOverlay.ts
-var Ac = document.createElement("template");
-Ac.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([${h.NEEDS_USER_INPUT_VIDEO}]):not([${h.PAUSED}])) slot[name="play"] {
-      display: none !important;
-    }
-
-    :host([${h.PAUSED}]) slot[name="unmute"],
-    :host(:not([${h.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 jc = /* @__PURE__ */ new WeakMap(), Mc = /* @__PURE__ */ new WeakMap(), Nc = /* @__PURE__ */ new WeakMap(), Pc = /* @__PURE__ */ new WeakMap(), Fc = class extends HTMLElement {
-	constructor() {
-		super(), n(this, jc, null), n(this, Mc, () => {
-			this.dispatchEvent(new CustomEvent(g.REQUEST_USER_INPUT, {
-				bubbles: !0,
-				composed: !0
-			}));
-		}), n(this, Nc, (e) => {
-			let { key: t } = e;
-			if (!this.keysUsed.includes(t)) {
-				this.removeEventListener("keyup", o(Nc, this));
-				return;
-			}
-			this.dispatchEvent(new CustomEvent(g.REQUEST_USER_INPUT, {
-				bubbles: !0,
-				composed: !0
-			}));
-		}), n(this, Pc, (e) => {
-			let { metaKey: t, altKey: n, key: r } = e;
-			if (t || n || !this.keysUsed.includes(r)) {
-				this.removeEventListener("keyup", o(Nc, this));
-				return;
-			}
-			this.addEventListener("keyup", o(Nc, this), { once: !0 });
-		}), this.attachShadow({ mode: "open" }).appendChild(Ac.content.cloneNode(!0));
-	}
-	get keysUsed() {
-		return ["Enter", " "];
-	}
-	connectedCallback() {
-		var e;
-		m(jc, this, this.closest("vindral-controller")), (e = o(jc, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.enable();
-	}
-	enable() {
-		this.addEventListener("click", o(Mc, this)), this.addEventListener("keydown", o(Pc, this)), this.tabIndex = 0;
-	}
-	disable() {
-		this.removeEventListener("click", o(Mc, this)), this.removeEventListener("keydown", o(Pc, this)), this.removeEventListener("keyup", o(Nc, this)), this.tabIndex = -1;
-	}
-	disconnectedCallback() {
-		var e;
-		(e = o(jc, this)) == null || e.disconnectListener(this), this.disable();
-	}
-};
-e(Fc, "observedAttributes", [
-	"hidden",
-	h.NEEDS_USER_INPUT_VIDEO,
-	h.NEEDS_USER_INPUT_AUDIO,
-	h.PAUSED
-]);
-//#endregion
-//#region ../../libs/player-next/src/components/VindralMessage.ts
-var Ic = document.createElement("template");
-Ic.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 Lc = /* @__PURE__ */ new WeakMap(), Rc = /* @__PURE__ */ new WeakMap(), zc = /* @__PURE__ */ new WeakMap(), Bc = class extends HTMLElement {
-	constructor() {
-		super(), n(this, Lc, void 0), n(this, Rc, void 0), n(this, zc, void 0);
-		let e = this.attachShadow({ mode: "open" });
-		e.appendChild(Ic.content.cloneNode(!0)), m(Lc, this, e.querySelector("#title")), m(Rc, this, e.querySelector("#description")), m(zc, this, e.querySelector("#background"));
-	}
-	connectedCallback() {}
-	disconnectedCallback() {}
-	attributeChangedCallback(e, t, n) {
-		t !== n && (e === "title" ? o(Lc, this).textContent = n : e === "description" ? o(Rc, this).textContent = n : e === "background-image" && (o(zc, this).style.backgroundImage = `url(${n})`));
-	}
-};
-e(Bc, "observedAttributes", [
-	"title",
-	"description",
-	"background-image",
-	"hidden"
-]);
-//#endregion
-//#region ../../libs/player-next/src/components/VindralPlayOverlay.ts
-var Vc = document.createElement("template");
-Vc.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 Hc = /* @__PURE__ */ new WeakMap(), Uc = class extends HTMLElement {
-	constructor() {
-		super(), n(this, Hc, null), this.attachShadow({ mode: "open" }).appendChild(Vc.content.cloneNode(!0));
-	}
-	connectedCallback() {
-		var e;
-		m(Hc, this, this.closest("vindral-controller")), (e = o(Hc, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.tabIndex = 0;
-	}
-	disconnectedCallback() {
-		var e;
-		(e = o(Hc, this)) == null || e.disconnectListener(this);
-	}
-	attributeChangedCallback(e, t, n) {
-		t !== n && e === "hidden" && !_(n) && this.focus();
-	}
-};
-e(Uc, "observedAttributes", ["hidden"]);
-//#endregion
-//#region ../../libs/player-next/src/components/VolumeRange.ts
-var Wc, Gc = document.createElement("template");
-Gc.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 Kc = (e) => `${Math.round(e * 100)}%`, qc = /* @__PURE__ */ new WeakMap(), Jc = class extends Ur {
-	constructor() {
-		var e;
-		super(), n(this, qc, () => {
-			let e = this.range.valueAsNumber;
-			this.dispatchEvent(new CustomEvent(g.SET_VOLUME, {
-				bubbles: !0,
-				composed: !0,
-				detail: e
-			}));
-		}), (e = this.shadowRoot) == null || e.appendChild(Gc.content.cloneNode(!0));
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.range.addEventListener("input", o(qc, this)), this.range.setAttribute("aria-label", "volume");
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback(), this.range.removeEventListener("input", o(qc, this));
-	}
-	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), (e === h.MUTED || e === h.VOLUME) && (this.range.valueAsNumber = this.muted ? 0 : parseFloat(this.volume), this.range.setAttribute("aria-valuetext", Kc(this.range.valueAsNumber)), this.updateBar());
-	}
-	get volume() {
-		var e;
-		return (e = this.getAttribute(h.VOLUME)) == null ? "1" : e;
-	}
-	get muted() {
-		return this.hasAttribute(h.MUTED);
-	}
-};
-Wc = Jc, e(Jc, "observedAttributes", [
-	...b(Wc, "observedAttributes", Wc),
-	h.MUTED,
-	h.VOLUME
-]);
-//#endregion
-//#region ../../libs/player-next/src/registerComponents.ts
-function Yc() {
-	customElements.define("vindral-controller", Hi), customElements.define("vindral-control-bar", qn), customElements.define("vindral-advanced-rendition-menu", lt), customElements.define("vindral-advanced-rendition-menu-list", xt), customElements.define("vindral-play-button", ho), customElements.define("vindral-mute-button", co), customElements.define("vindral-buffering-overlay", Ht), customElements.define("vindral-scroll-overlay", Hs), customElements.define("vindral-play-overlay", Uc), customElements.define("vindral-user-input-play-overlay", Fc), customElements.define("vindral-fullscreen-button", wa), customElements.define("vindral-rendition-levels-menu", ms), customElements.define("vindral-rendition-levels-menu-list", Cs), customElements.define("vindral-channel-grid-button", Bn), customElements.define("vindral-channel-grid", pn), customElements.define("vindral-channel-grid-item", nn), customElements.define("vindral-pip-button", fo), customElements.define("vindral-airplay-button", qe), customElements.define("vindral-cast-button", Kt), customElements.define("vindral-cast-overlay", Qt), customElements.define("vindral-buffering-icon", zt), customElements.define("vindral-language-menu", ka), customElements.define("vindral-language-menu-list", Ua), customElements.define("vindral-message", Bc), customElements.define("vindral-volume-range", Jc), customElements.define("vindral-poster-overlay", os), customElements.define("vindral-player", Ko), customElements.define("vindral-seek-bar", _c), customElements.define("vindral-live-button", ao);
-}
-//#endregion
-export { Yc as t };