@vindral/web-sdk 4.2.0-5-g7d2f2421 → 4.2.0-7-g7d6ca07f

package/CnCQ_flD.js

@@ -0,0 +1,4492 @@
+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 };