@vindral/web-sdk 4.1.10 → 4.2.0

package/player.js

@@ -1,51 +1,62 @@
-var Jl = Object.defineProperty;
-var Wl = Object.getPrototypeOf;
-var Zl = Reflect.get;
-var Qr = (p) => {
+var eh = Object.defineProperty;
+var ih = Object.getPrototypeOf;
+var sh = Reflect.get;
+var ta = (p) => {
   throw TypeError(p);
 };
-var Ql = (p, o, t) => o in p ? Jl(p, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[o] = t;
-var v = (p, o, t) => Ql(p, typeof o != "symbol" ? o + "" : o, t), Pn = (p, o, t) => o.has(p) || Qr("Cannot " + t);
-var e = (p, o, t) => (Pn(p, o, "read from private field"), t ? t.call(p) : o.get(p)), l = (p, o, t) => o.has(p) ? Qr("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(p) : o.set(p, t), h = (p, o, t, i) => (Pn(p, o, "write to private field"), i ? i.call(p, t) : o.set(p, t), t), n = (p, o, t) => (Pn(p, o, "access private method"), t);
-var ta = (p, o, t, i) => ({
+var nh = (p, a, t) => a in p ? eh(p, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[a] = t;
+var v = (p, a, t) => nh(p, typeof a != "symbol" ? a + "" : a, t), Pn = (p, a, t) => a.has(p) || ta("Cannot " + t);
+var e = (p, a, t) => (Pn(p, a, "read from private field"), t ? t.call(p) : a.get(p)), l = (p, a, t) => a.has(p) ? ta("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(p) : a.set(p, t), h = (p, a, t, i) => (Pn(p, a, "write to private field"), i ? i.call(p, t) : a.set(p, t), t), n = (p, a, t) => (Pn(p, a, "access private method"), t);
+var ea = (p, a, t, i) => ({
   set _(s) {
-    h(p, o, s, t);
+    h(p, a, s, t);
   },
   get _() {
-    return e(p, o, i);
+    return e(p, a, i);
   }
-}), J = (p, o, t) => Zl(Wl(p), t, o);
-var K = (p, o, t) => new Promise((i, s) => {
-  var a = (m) => {
+}), W = (p, a, t) => sh(ih(p), t, a);
+var q = (p, a, t) => new Promise((i, s) => {
+  var o = (m) => {
     try {
       c(t.next(m));
-    } catch (g) {
-      s(g);
+    } catch (E) {
+      s(E);
     }
   }, u = (m) => {
     try {
       c(t.throw(m));
-    } catch (g) {
-      s(g);
+    } catch (E) {
+      s(E);
     }
-  }, c = (m) => m.done ? i(m.value) : Promise.resolve(m.value).then(a, u);
-  c((t = t.apply(p, o)).next());
+  }, c = (m) => m.done ? i(m.value) : Promise.resolve(m.value).then(o, u);
+  c((t = t.apply(p, a)).next());
 });
-import { L as oa, V as th, i as eh, C as ih, A as sh, a as nh, b as rh } from "./BWE6d-4K.js";
-import { E as js } from "./uEFjK_x4.js";
-import { CastSender as ah } from "./cast-sender.js";
-import { A as oh, d as lh } from "./CPEMXA01.js";
-const Fn = 1e3, Hn = Fn * 1e3, ea = Hn * 1e3, Dn = (p, o, t) => p % o === 0 ? p / o : (p / o).toFixed(t), la = (p, o = 1) => p >= ea ? `${Dn(p, ea, o)} Gbit/s` : p >= Hn ? `${Dn(p, Hn, o)} Mbit/s` : p >= Fn ? `${Dn(p, Fn, o)} Kbit/s` : `${p} bit/s`, ha = ({ width: p, height: o }) => `${p}x${o}`, hh = ({
+import { i as rh, e as ah, g as oh, f as lh, s as ia, h as hh, j as dh, k as ch, l as uh, m as ph, o as sa, p as bh, L as da, V as mh, q as vh, r as fh, u as gh, C as Eh, A as Ah, t as yh, v as kh } from "./DBHv5ggB.js";
+import { E as Ys } from "./DGo74EDo.js";
+import { CastSender as Ih } from "./cast-sender.js";
+import { A as Lh, d as Th } from "./CuhQLT-7.js";
+const Fn = 1e3, Hn = Fn * 1e3, na = Hn * 1e3, Dn = (p, a, t) => p % a === 0 ? p / a : (p / a).toFixed(t), ca = (p, a = 1) => p >= na ? `${Dn(p, na, a)} Gbit/s` : p >= Hn ? `${Dn(p, Hn, a)} Mbit/s` : p >= Fn ? `${Dn(p, Fn, a)} Kbit/s` : `${p} bit/s`, ua = ({ width: p, height: a }) => `${p}x${a}`, Sh = ({
   title: p,
-  subTitle: o = "Live stream",
+  subTitle: a = "Live stream",
   poster: t
 }) => {
   document.title = p, "mediaSession" in navigator && (navigator.mediaSession.metadata = new MediaMetadata({
     title: p,
-    artist: o,
+    artist: a,
     artwork: t ? [{ src: t }] : []
   }));
-}, r = {
+}, wh = (p) => p === "mse" || p === "webcodecs" || p === "wasm";
+function Ch(p) {
+  if (p === null || p === "auto")
+    return;
+  const a = p.split(",").filter(wh);
+  return a.length > 0 ? a : void 0;
+}
+function xh(p) {
+  if (p === "no-preference" || p === "prefer-hardware" || p === "prefer-software")
+    return p;
+}
+const r = {
   PAUSED: "paused",
   MUTED: "muted",
   USER_INTERACTING: "user-interacting",
@@ -89,7 +100,7 @@ const Fn = 1e3, Hn = Fn * 1e3, ea = Hn * 1e3, Dn = (p, o, t) => p % o === 0 ? p
   TIMESHIFT_POSITION: "timeshift-position",
   POSTER_SRC: "poster-src",
   DURATION: "duration"
-}, da = Object.values(r), y = {
+}, pa = Object.values(r), y = {
   PLAY: "play",
   PAUSE: "pause",
   MUTE: "mute",
@@ -113,89 +124,78 @@ const Fn = 1e3, Hn = Fn * 1e3, ea = Hn * 1e3, Dn = (p, o, t) => p % o === 0 ? p
   SEEK: "seek",
   GO_LIVE: "go-live"
 };
-function ca(p) {
+function ba(p) {
   return p === "audio" || p === "video" || p === "audio+video" ? p : "audio+video";
 }
 function Mn(p) {
   return p === "trace" || p === "debug" || p === "info" || p === "warn" || p === "error" || p === "off" ? p : "off";
 }
-function dh(p) {
+function Nh(p) {
   if (p === null)
     return;
-  const o = p.split(",").map((t) => t.trim()).filter((t) => t === "h264" || t === "av1");
-  if (o.length !== 0)
-    return o;
+  const a = p.split(",").map((t) => t.trim()).filter((t) => t === "h264" || t === "av1");
+  if (a.length !== 0)
+    return a;
 }
-function ch(p) {
-  if (p === "no-preference" || p === "prefer-hardware" || p === "prefer-software")
-    return p;
-}
-function uh(p) {
+function Rh(p) {
   if (p !== null)
     try {
-      const o = JSON.parse(p);
-      if (typeof o == "object" && o !== null) {
-        const t = o;
+      const a = JSON.parse(p);
+      if (typeof a == "object" && a !== null) {
+        const t = a;
         if (typeof t.width == "number" && typeof t.height == "number")
           return t;
       }
-    } catch (o) {
+    } catch (a) {
       return;
     }
 }
-function ph(p) {
+function _h(p) {
   if (p !== null)
     try {
-      const o = JSON.parse(p);
-      if (typeof o == "object" && o !== null) {
-        const t = o;
-        if (t.wasmDecodingConstraint) {
-          const i = t.wasmDecodingConstraint;
-          if (typeof i.width != "number" || typeof i.height != "number" || typeof i.bitRate != "number")
-            return;
-        }
-        return t;
-      }
-    } catch (o) {
+      const a = JSON.parse(p);
+      if (typeof a == "object" && a !== null)
+        return a;
+    } catch (a) {
       return;
     }
 }
-function pe(p) {
+function Bt(p) {
   if (p === null)
     return;
-  const o = parseFloat(p);
-  return isNaN(o) ? void 0 : o;
+  const a = parseFloat(p);
+  return isNaN(a) ? void 0 : a;
 }
 function U(p) {
   return typeof p == "string";
 }
-function R(p, o) {
+function R(p, a) {
   if (p === null)
-    return o != null ? o : void 0;
+    return a != null ? a : void 0;
   const t = p.toLowerCase();
-  return t === "false" ? !1 : t === "true" || t === "" ? !0 : o != null ? o : !0;
+  return t === "false" ? !1 : t === "true" || t === "" ? !0 : a != null ? a : !0;
 }
-function ua(p, o) {
-  return p === null ? o != null ? o : void 0 : p === "" || p.toLowerCase() === "true" ? !0 : p.toLowerCase() === "false" ? !1 : p;
+function ma(p, a) {
+  return p === null ? a != null ? a : void 0 : p === "" || p.toLowerCase() === "true" ? !0 : p.toLowerCase() === "false" ? !1 : p;
 }
-function Ys(p) {
+function Ws(p) {
   if (p === null)
     return;
-  const o = {}, t = p.split(",");
+  const a = {}, t = p.split(",");
   for (const i of t) {
-    const [s, a] = i.split(":");
-    s && a && (o[s.trim()] = a.trim());
+    const [s, o] = i.split(":");
+    s && o && (a[s.trim()] = o.trim());
   }
-  return Object.keys(o).length > 0 ? o : void 0;
+  return Object.keys(a).length > 0 ? a : void 0;
 }
 function Js(p) {
   if (p === null)
     return;
-  const o = p.split(",").map((t) => t.trim()).filter((t) => t.length > 0);
-  return o.length > 0 ? o : void 0;
+  const a = p.split(",").map((t) => t.trim()).filter((t) => t.length > 0);
+  return a.length > 0 ? a : void 0;
 }
-const pa = document.createElement("template");
-pa.innerHTML = /* HTML */
+const va = document.createElement("template");
+va.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -260,14 +260,14 @@ class mt extends HTMLElement {
       this.handleClick(t);
     });
     l(this, Mi, (t) => {
-      const { metaKey: i, altKey: s, key: a } = t;
-      if (i || s || !this.keysUsed.includes(a)) {
+      const { metaKey: i, altKey: s, key: o } = t;
+      if (i || s || !this.keysUsed.includes(o)) {
         this.removeEventListener("keyup", e(this, Ee));
         return;
       }
       this.addEventListener("keyup", e(this, Ee), { once: !0 });
     });
-    this.attachShadow({ mode: "open" }).appendChild(pa.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(va.content.cloneNode(!0));
   }
   get keysUsed() {
     return ["Enter", " "];
@@ -291,13 +291,13 @@ class mt extends HTMLElement {
   }
 }
 He = new WeakMap(), Di = new WeakMap(), Ee = new WeakMap(), Mi = new WeakMap(), v(mt, "observedAttributes", ["disabled"]);
-const ba = document.createElement("template"), ia = (
+const fa = document.createElement("template"), ra = (
   /* SVG */
   `
     <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>
 `
 );
-ba.innerHTML = /* HTML */
+fa.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -318,8 +318,8 @@ ba.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="enter">${ia}</slot>
-    <slot name="exit">${ia}</slot>
+    <slot name="enter">${ra}</slot>
+    <slot name="exit">${ra}</slot>
   </slot>
 `;
 var Oi, zn;
@@ -328,7 +328,7 @@ const Ai = class Ai extends mt {
     var t;
     super();
     l(this, Oi);
-    (t = this.shadowRoot) == null || t.appendChild(ba.content.cloneNode(!0));
+    (t = this.shadowRoot) == null || t.appendChild(fa.content.cloneNode(!0));
   }
   connectedCallback() {
     super.connectedCallback(), n(this, Oi, zn).call(this);
@@ -352,13 +352,13 @@ const Ai = class Ai extends mt {
 Oi = new WeakSet(), zn = function() {
   this.setAttribute("aria-label", this.isAirPlaying ? "Exit airplay" : "Enter airplay");
 }, v(Ai, "observedAttributes", [
-  ...J(Ai, Ai, "observedAttributes"),
+  ...W(Ai, Ai, "observedAttributes"),
   r.AIRPLAY_AVAILABLE,
   r.IS_AIRPLAYING
 ]);
 let Bn = Ai;
-const ma = document.createElement("template");
-ma.innerHTML = /* HTML */
+const ga = document.createElement("template");
+ga.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -370,7 +370,7 @@ ma.innerHTML = /* HTML */
     }
   </style>
 `;
-var Be, ze, et, Fi, dn, cn, ci, va, fa;
+var Be, ze, et, Fi, cn, un, ci, Ea, Aa;
 class Un extends mt {
   constructor() {
     var t;
@@ -380,21 +380,21 @@ class Un extends mt {
     l(this, ze);
     l(this, et);
     l(this, Fi, null);
-    l(this, dn, (t) => {
+    l(this, cn, (t) => {
       t.composedPath().includes(this) || this.hide();
     });
-    l(this, cn, () => {
+    l(this, un, () => {
       this.hide();
     });
-    (t = this.shadowRoot) == null || t.appendChild(ma.content.cloneNode(!0));
+    (t = this.shadowRoot) == null || t.appendChild(ga.content.cloneNode(!0));
   }
   connectedCallback() {
-    var u, c, m, g;
+    var u, c, m, E;
     super.connectedCallback(), this.setAttribute("role", "button"), this.setAttribute("aria-haspopup", "listbox");
     const t = (u = this.getAttribute("list-position")) != null ? u : "top";
     (c = e(this, ze)) == null || c.setAttribute("list-position", t);
-    const i = this.getRootNode(), a = [...(g = (m = this.shadowRoot) == null ? void 0 : m.querySelectorAll(":not(:defined)")) != null ? g : []].map((N) => customElements.whenDefined(N.localName));
-    Promise.all(a).then(() => {
+    const i = this.getRootNode(), o = [...(E = (m = this.shadowRoot) == null ? void 0 : m.querySelectorAll(":not(:defined)")) != null ? E : []].map((N) => customElements.whenDefined(N.localName));
+    Promise.all(o).then(() => {
       var N;
       (i instanceof Document || i instanceof ShadowRoot) && (h(this, Fi, i.querySelector("vindral-controller")), (N = e(this, Fi)) == null || N.connectListener(this));
     });
@@ -409,24 +409,24 @@ class Un extends mt {
     h(this, et, t);
   }
   enable() {
-    super.enable(), this.addEventListener("change", e(this, cn)), document.addEventListener("click", e(this, dn));
+    super.enable(), this.addEventListener("change", e(this, un)), document.addEventListener("click", e(this, cn));
   }
   hide() {
     var t, i;
     !e(this, et) || (t = e(this, et)) != null && t.hidden || (e(this, et).hidden = !0, (i = e(this, Be)) == null || i.setAttribute("aria-expanded", "false"), this.dispatchEvent(new CustomEvent(y.UNLOCK_UI, { bubbles: !0, composed: !0 })), this.focus());
   }
   handleClick(t) {
-    e(this, et) && !t.composedPath().includes(e(this, et)) && n(this, ci, va).call(this);
+    e(this, et) && !t.composedPath().includes(e(this, et)) && n(this, ci, Ea).call(this);
   }
 }
-Be = new WeakMap(), ze = new WeakMap(), et = new WeakMap(), Fi = new WeakMap(), dn = new WeakMap(), cn = new WeakMap(), ci = new WeakSet(), va = function() {
+Be = new WeakMap(), ze = new WeakMap(), et = new WeakMap(), Fi = new WeakMap(), cn = new WeakMap(), un = new WeakMap(), ci = new WeakSet(), Ea = function() {
   var t;
-  (t = e(this, et)) != null && t.hidden ? n(this, ci, fa).call(this) : this.hide();
-}, fa = function() {
+  (t = e(this, et)) != null && t.hidden ? n(this, ci, Aa).call(this) : this.hide();
+}, Aa = function() {
   var t, i, s;
   (t = e(this, et)) != null && t.hidden && (e(this, et).hidden = !1, (i = e(this, Be)) == null || i.setAttribute("aria-expanded", "true"), (s = e(this, ze)) == null || s.focus(), this.dispatchEvent(new CustomEvent(y.LOCK_UI, { bubbles: !0, composed: !0 })));
 };
-const bh = (
+const Uh = (
   /* SVG */
   `
 <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">
@@ -434,8 +434,8 @@ const bh = (
   <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" />
 </svg>
 `
-), ga = document.createElement("template");
-ga.innerHTML = /* HTML */
+), ya = document.createElement("template");
+ya.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -443,7 +443,7 @@ ga.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="button">${bh}</slot>
+  <slot name="button">${Uh}</slot>
   <slot name="listbox" hidden>
     <vindral-advanced-rendition-menu-list id="listbox" part="listbox"></vindral-advanced-rendition-menu-list>
   </slot>
@@ -451,10 +451,10 @@ ga.innerHTML = /* HTML */
 var Hi, Gn;
 const yi = class yi extends Un {
   constructor() {
-    var t, i, s, a;
+    var t, i, s, o;
     super();
     l(this, Hi);
-    (t = this.shadowRoot) == null || t.appendChild(ga.content.cloneNode(!0)), this.button = (i = this.shadowRoot) == null ? void 0 : i.querySelector("slot[name=button]"), this.listbox = (s = this.shadowRoot) == null ? void 0 : s.querySelector("[part=listbox]"), this.listboxSlot = (a = this.shadowRoot) == null ? void 0 : a.querySelector("slot[name=listbox]");
+    (t = this.shadowRoot) == null || t.appendChild(ya.content.cloneNode(!0)), this.button = (i = this.shadowRoot) == null ? void 0 : i.querySelector("slot[name=button]"), this.listbox = (s = this.shadowRoot) == null ? void 0 : s.querySelector("[part=listbox]"), this.listboxSlot = (o = this.shadowRoot) == null ? void 0 : o.querySelector("slot[name=listbox]");
   }
   connectedCallback() {
     super.connectedCallback(), n(this, Hi, Gn).call(this), this.setAttribute("aria-label", "Advanced rendition controls");
@@ -466,10 +466,10 @@ const yi = class yi extends Un {
 Hi = new WeakSet(), Gn = function() {
   const t = this.getAttribute(r.RENDITION_LEVELS);
   !t || t === "[]" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
-}, v(yi, "observedAttributes", [...J(yi, yi, "observedAttributes"), r.RENDITION_LEVELS]);
+}, v(yi, "observedAttributes", [...W(yi, yi, "observedAttributes"), r.RENDITION_LEVELS]);
 let $n = yi;
-const Ea = document.createElement("template");
-Ea.innerHTML = /* HTML */
+const ka = document.createElement("template");
+ka.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -661,43 +661,43 @@ Ea.innerHTML = /* HTML */
     <div class="menu" role="menu" aria-label="Quality options"></div>
   </slot>
 `;
-var $e, Ae, it, wt, Bi, Ge, Et, ye, zi, Gt, L, ya, ka, Ia, ui, pi, La, qn, wa, be, Sa, Ta, Ca, xa, Kn, Na;
-class Aa extends HTMLElement {
+var $e, Ae, it, Tt, Bi, Ge, Et, ye, zi, Kt, L, La, Ta, Sa, ui, pi, wa, Kn, Ca, me, xa, Na, Ra, _a, qn, Ua;
+class Ia extends HTMLElement {
   constructor() {
     super();
     l(this, L);
     l(this, $e, []);
     l(this, Ae, Number.MAX_SAFE_INTEGER);
     l(this, it, !1);
-    l(this, wt, !0);
+    l(this, Tt, !0);
     l(this, Bi, null);
     l(this, Ge, null);
     l(this, Et, []);
     l(this, ye, null);
     l(this, zi, null);
-    l(this, Gt, null);
+    l(this, Kt, null);
     v(this, "handleEvent", (t) => {
-      t.type === "keydown" && n(this, L, Ca).call(this, t);
+      t.type === "keydown" && n(this, L, Ra).call(this, t);
     });
-    this.attachShadow({ mode: "open" }).appendChild(Ea.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(ka.content.cloneNode(!0));
   }
   connectedCallback() {
     var i;
     const t = this.getRootNode();
-    t instanceof ShadowRoot && (h(this, ye, t.host.closest("vindral-controller")), (i = e(this, ye)) == null || i.connectListener(this), n(this, L, La).call(this), n(this, L, ya).call(this), n(this, L, ka).call(this), n(this, L, qn).call(this), h(this, zi, t.host), this.addEventListener("keydown", this));
+    t instanceof ShadowRoot && (h(this, ye, t.host.closest("vindral-controller")), (i = e(this, ye)) == null || i.connectListener(this), n(this, L, wa).call(this), n(this, L, La).call(this), n(this, L, Ta).call(this), n(this, L, Kn).call(this), h(this, zi, t.host), this.addEventListener("keydown", this));
   }
   disconnectedCallback() {
     var t, i;
-    (t = e(this, ye)) == null || t.disconnectListener(this), (i = e(this, Gt)) == null || i.disconnect(), h(this, Gt, null), this.removeEventListener("keydown", this);
+    (t = e(this, ye)) == null || t.disconnectListener(this), (i = e(this, Kt)) == null || i.disconnect(), h(this, Kt, null), this.removeEventListener("keydown", this);
   }
   attributeChangedCallback(t, i, s) {
-    i !== s && (t === r.RENDITION_LEVELS && s && (this.list = JSON.parse(s)), t === r.MAX_VIDEO_BITRATE && (this.maxVideoBitrate = s ? parseInt(s, 10) : Number.MAX_SAFE_INTEGER), t === r.ABR_ENABLED && (h(this, it, R(s, !1)), n(this, L, ui).call(this), n(this, L, be).call(this)), t === r.RENDITION_LEVEL && s && (h(this, Bi, JSON.parse(s)), n(this, L, be).call(this)), t === r.SIZE_BASED_RESOLUTION_CAP_ENABLED && (h(this, wt, R(s, !0)), n(this, L, pi).call(this)));
+    i !== s && (t === r.RENDITION_LEVELS && s && (this.list = JSON.parse(s)), t === r.MAX_VIDEO_BITRATE && (this.maxVideoBitrate = s ? parseInt(s, 10) : Number.MAX_SAFE_INTEGER), t === r.ABR_ENABLED && (h(this, it, R(s, !1)), n(this, L, ui).call(this), n(this, L, me).call(this)), t === r.RENDITION_LEVEL && s && (h(this, Bi, JSON.parse(s)), n(this, L, me).call(this)), t === r.SIZE_BASED_RESOLUTION_CAP_ENABLED && (h(this, Tt, R(s, !0)), n(this, L, pi).call(this)));
   }
   set list(t) {
-    h(this, $e, t), n(this, L, qn).call(this);
+    h(this, $e, t), n(this, L, Kn).call(this);
   }
   set maxVideoBitrate(t) {
-    h(this, Ae, t), n(this, L, be).call(this);
+    h(this, Ae, t), n(this, L, me).call(this);
   }
   get keysUsed() {
     return ["Enter", "Escape", "Tab", " ", "ArrowDown", "ArrowUp", "Home", "End"];
@@ -707,23 +707,23 @@ class Aa extends HTMLElement {
     (t = e(this, Ge)) == null || t.focus();
   }
 }
-$e = new WeakMap(), Ae = new WeakMap(), it = new WeakMap(), wt = new WeakMap(), Bi = new WeakMap(), Ge = new WeakMap(), Et = new WeakMap(), ye = new WeakMap(), zi = new WeakMap(), Gt = new WeakMap(), L = new WeakSet(), ya = function() {
-  var s, a;
-  const t = (s = this.shadowRoot) == null ? void 0 : s.querySelector('[data-mode="auto"]'), i = (a = this.shadowRoot) == null ? void 0 : a.querySelector('[data-mode="fixed"]');
+$e = new WeakMap(), Ae = new WeakMap(), it = new WeakMap(), Tt = new WeakMap(), Bi = new WeakMap(), Ge = new WeakMap(), Et = new WeakMap(), ye = new WeakMap(), zi = new WeakMap(), Kt = new WeakMap(), L = new WeakSet(), La = function() {
+  var s, o;
+  const t = (s = this.shadowRoot) == null ? void 0 : s.querySelector('[data-mode="auto"]'), i = (o = this.shadowRoot) == null ? void 0 : o.querySelector('[data-mode="fixed"]');
   t == null || t.addEventListener("click", () => {
-    h(this, it, !0), n(this, L, ui).call(this), n(this, L, be).call(this), this.dispatchEvent(new CustomEvent(y.SET_ABR_MODE, { bubbles: !0, composed: !0, detail: !0 }));
+    h(this, it, !0), n(this, L, ui).call(this), n(this, L, me).call(this), this.dispatchEvent(new CustomEvent(y.SET_ABR_MODE, { bubbles: !0, composed: !0, detail: !0 }));
   }), i == null || i.addEventListener("click", () => {
-    const u = n(this, L, Ia).call(this);
+    const u = n(this, L, Sa).call(this);
     u && this.dispatchEvent(
       new CustomEvent(y.SET_RENDITION, { bubbles: !0, composed: !0, detail: u })
-    ), h(this, it, !1), n(this, L, ui).call(this), n(this, L, be).call(this), this.dispatchEvent(new CustomEvent(y.SET_ABR_MODE, { bubbles: !0, composed: !0, detail: !1 }));
+    ), h(this, it, !1), n(this, L, ui).call(this), n(this, L, me).call(this), this.dispatchEvent(new CustomEvent(y.SET_ABR_MODE, { bubbles: !0, composed: !0, detail: !1 }));
   }), n(this, L, ui).call(this);
-}, ka = function() {
+}, Ta = function() {
   var i;
   const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector("#size-cap-toggle");
   t == null || t.addEventListener("click", () => {
-    const s = !e(this, wt);
-    h(this, wt, s), n(this, L, pi).call(this), this.dispatchEvent(
+    const s = !e(this, Tt);
+    h(this, Tt, s), n(this, L, pi).call(this), this.dispatchEvent(
       new CustomEvent(y.SET_SIZE_BASED_RESOLUTION_CAP_MODE, {
         bubbles: !0,
         composed: !0,
@@ -731,118 +731,118 @@ $e = new WeakMap(), Ae = new WeakMap(), it = new WeakMap(), wt = new WeakMap(),
       })
     );
   }), n(this, L, pi).call(this);
-}, Ia = function() {
+}, Sa = function() {
   const t = [...e(this, $e)].sort(
-    (s, a) => {
+    (s, o) => {
       var u, c;
-      return (u = s.video) != null && u.bitRate && ((c = a.video) != null && c.bitRate) ? a.video.bitRate - s.video.bitRate : 0;
+      return (u = s.video) != null && u.bitRate && ((c = o.video) != null && c.bitRate) ? o.video.bitRate - s.video.bitRate : 0;
     }
   );
   return t.find((s) => {
-    var a;
-    return ((a = s.video) == null ? void 0 : a.bitRate) && s.video.bitRate <= e(this, Ae);
+    var o;
+    return ((o = s.video) == null ? void 0 : o.bitRate) && s.video.bitRate <= e(this, Ae);
   }) || t[t.length - 1] || null;
 }, ui = function() {
-  var a, u, c;
-  const t = (a = this.shadowRoot) == null ? void 0 : a.querySelector('[data-mode="auto"]'), i = (u = this.shadowRoot) == null ? void 0 : u.querySelector('[data-mode="fixed"]'), s = (c = this.shadowRoot) == null ? void 0 : c.querySelector("#quality-status-text");
+  var o, u, c;
+  const t = (o = this.shadowRoot) == null ? void 0 : o.querySelector('[data-mode="auto"]'), i = (u = this.shadowRoot) == null ? void 0 : u.querySelector('[data-mode="fixed"]'), s = (c = this.shadowRoot) == null ? void 0 : c.querySelector("#quality-status-text");
   t && i && (t.setAttribute("data-active", String(e(this, it))), i.setAttribute("data-active", String(!e(this, it)))), s && (s.textContent = e(this, it) ? "Select maximum allowed quality" : "Select specific quality (may cause buffering)"), n(this, L, pi).call(this);
 }, pi = function() {
   var i;
   const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector("#size-cap-toggle");
-  t && (t.textContent = e(this, wt) ? "On" : "Off", t.setAttribute("aria-pressed", String(e(this, wt))), t.setAttribute("data-active", String(e(this, wt))), t.disabled = !e(this, it), t.title = e(this, it) ? "Toggle size-based resolution cap" : "Only available in Auto (ABR) mode");
-}, La = function() {
+  t && (t.textContent = e(this, Tt) ? "On" : "Off", t.setAttribute("aria-pressed", String(e(this, Tt))), t.setAttribute("data-active", String(e(this, Tt))), t.disabled = !e(this, it), t.title = e(this, it) ? "Toggle size-based resolution cap" : "Only available in Auto (ABR) mode");
+}, wa = function() {
   var i;
   const t = (s) => {
-    s.forEach((a) => {
-      if (a.intersectionRatio === 1) {
+    s.forEach((o) => {
+      if (o.intersectionRatio === 1) {
         this.style.height = "auto";
         return;
-      } else if (a.intersectionRatio > 0) {
-        const c = a.intersectionRect.height, m = Math.max(0, c - 24);
+      } else if (o.intersectionRatio > 0) {
+        const c = o.intersectionRect.height, m = Math.max(0, c - 24);
         this.style.height = `${m}px`;
       } else
         this.style.height = "auto";
     });
   };
-  (i = e(this, Gt)) == null || i.disconnect(), h(this, Gt, new IntersectionObserver(t, {
+  (i = e(this, Kt)) == null || i.disconnect(), h(this, Kt, new IntersectionObserver(t, {
     root: e(this, ye),
     // The parent element to use as the viewport
     threshold: 0
     // 0 means any intersection is enough to be considered "inside"
-  })), e(this, Gt).observe(this);
-}, qn = function() {
+  })), e(this, Kt).observe(this);
+}, Kn = function() {
   var i;
   const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector(".menu");
-  t && (h(this, Et, []), t.innerHTML = "", e(this, $e).sort((s, a) => {
+  t && (h(this, Et, []), t.innerHTML = "", e(this, $e).sort((s, o) => {
     var u, c;
-    return (u = s.video) != null && u.bitRate && ((c = a.video) != null && c.bitRate) ? a.video.bitRate - s.video.bitRate : 0;
+    return (u = s.video) != null && u.bitRate && ((c = o.video) != null && c.bitRate) ? o.video.bitRate - s.video.bitRate : 0;
   }).forEach((s) => {
-    var F, $, vt, ft, gt, le, he, de, ce, ue;
-    const a = document.createElement("div");
-    a.setAttribute("role", "menuitem"), a.setAttribute("value", String((F = s.video) == null ? void 0 : F.height)), a.classList.add("menu-item"), a.tabIndex = -1;
+    var H, G, vt, ft, gt, de, ce, ue, pe, be;
+    const o = document.createElement("div");
+    o.setAttribute("role", "menuitem"), o.setAttribute("value", String((H = s.video) == null ? void 0 : H.height)), o.classList.add("menu-item"), o.tabIndex = -1;
     const u = document.createElement("div");
     u.className = "menu-item-info";
     const c = document.createElement("span");
-    c.className = "menu-item-title", c.textContent = s.video ? ha(s.video) : "";
+    c.className = "menu-item-title", c.textContent = s.video ? ua(s.video) : "";
     const m = document.createElement("span");
     m.classList.add("menu-item-subtitle");
-    const g = n(this, L, wa).call(this, ($ = s.video) == null ? void 0 : $.frameRate);
-    m.textContent = `${la(((ft = (vt = s.video) == null ? void 0 : vt.bitRate) != null ? ft : 0) + ((le = (gt = s.audio) == null ? void 0 : gt.bitRate) != null ? le : 0))}, ${g}fps`, u.appendChild(c), u.appendChild(m), a.appendChild(u);
+    const E = n(this, L, Ca).call(this, (G = s.video) == null ? void 0 : G.frameRate);
+    m.textContent = `${ca(((ft = (vt = s.video) == null ? void 0 : vt.bitRate) != null ? ft : 0) + ((de = (gt = s.audio) == null ? void 0 : gt.bitRate) != null ? de : 0))}, ${E}fps`, u.appendChild(c), u.appendChild(m), o.appendChild(u);
     const N = document.createElement("span");
-    N.className = "current-label", N.textContent = "Current", a.appendChild(N), a.addEventListener("click", () => n(this, L, Ta).call(this, s)), e(this, Et).push({
-      el: a,
-      id: (de = (he = s.video) == null ? void 0 : he.id) != null ? de : -1,
-      bitrate: (ue = (ce = s.video) == null ? void 0 : ce.bitRate) != null ? ue : 0
-    }), t.appendChild(a);
-  }), n(this, L, be).call(this));
-}, wa = function(t) {
+    N.className = "current-label", N.textContent = "Current", o.appendChild(N), o.addEventListener("click", () => n(this, L, Na).call(this, s)), e(this, Et).push({
+      el: o,
+      id: (ue = (ce = s.video) == null ? void 0 : ce.id) != null ? ue : -1,
+      bitrate: (be = (pe = s.video) == null ? void 0 : pe.bitRate) != null ? be : 0
+    }), t.appendChild(o);
+  }), n(this, L, me).call(this));
+}, Ca = function(t) {
   return t ? t[0] % t[1] === 0 ? (t[0] / t[1]).toString() : (t[0] / t[1]).toFixed(2) : "";
-}, be = function() {
-  var a, u;
-  const t = (u = (a = e(this, Bi)) == null ? void 0 : a.video) == null ? void 0 : u.id, i = n(this, L, Sa).call(this), s = i == null ? void 0 : i.id;
+}, me = function() {
+  var o, u;
+  const t = (u = (o = e(this, Bi)) == null ? void 0 : o.video) == null ? void 0 : u.id, i = n(this, L, xa).call(this), s = i == null ? void 0 : i.id;
   h(this, Ge, null), e(this, Et).forEach((c) => {
-    const m = c.id, g = c.bitrate;
+    const m = c.id, E = c.bitrate;
     c.el.setAttribute("data-playing", String(m === t));
     const N = m === s;
     if (c.el.setAttribute("data-selected", String(N)), N ? (c.el.setAttribute("aria-selected", "true"), c.el.tabIndex = 0, h(this, Ge, c.el)) : (c.el.removeAttribute("aria-selected"), c.el.tabIndex = -1), e(this, it)) {
-      const F = g > e(this, Ae);
-      c.el.setAttribute("data-capped", String(F));
+      const H = E > e(this, Ae);
+      c.el.setAttribute("data-capped", String(H));
     } else
       c.el.removeAttribute("data-capped");
   });
-}, Sa = function() {
+}, xa = function() {
   const t = [...e(this, Et)].sort((i, s) => s.bitrate - i.bitrate);
   return t.find((i) => i.bitrate <= e(this, Ae)) || t[t.length - 1];
-}, Ta = function(t) {
+}, Na = function(t) {
   this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })), this.dispatchEvent(
     new CustomEvent(y.SET_RENDITION, { bubbles: !0, composed: !0, detail: t })
   );
-}, Ca = function(t) {
-  var c, m, g;
-  const { key: i, ctrlKey: s, altKey: a, metaKey: u } = t;
-  s || a || u || this.keysUsed.includes(i) && (t.preventDefault(), t.stopPropagation(), i === "Tab" || i === "Escape" ? (c = e(this, zi)) == null || c.hide() : i === "Enter" || i === " " ? (g = (m = n(this, L, Kn).call(this)) == null ? void 0 : m.el) == null || g.click() : n(this, L, xa).call(this, t));
-}, xa = function(t) {
-  var g;
-  const { key: i } = t, s = e(this, Et), a = (g = n(this, L, Kn).call(this)) != null ? g : s[0];
-  if (!a) return;
-  const u = s.indexOf(a);
+}, Ra = function(t) {
+  var c, m, E;
+  const { key: i, ctrlKey: s, altKey: o, metaKey: u } = t;
+  s || o || u || this.keysUsed.includes(i) && (t.preventDefault(), t.stopPropagation(), i === "Tab" || i === "Escape" ? (c = e(this, zi)) == null || c.hide() : i === "Enter" || i === " " ? (E = (m = n(this, L, qn).call(this)) == null ? void 0 : m.el) == null || E.click() : n(this, L, _a).call(this, t));
+}, _a = function(t) {
+  var E;
+  const { key: i } = t, s = e(this, Et), o = (E = n(this, L, qn).call(this)) != null ? E : s[0];
+  if (!o) return;
+  const u = s.indexOf(o);
   let c = Math.max(0, u);
   i === "ArrowDown" ? c++ : i === "ArrowUp" ? c-- : t.key === "Home" ? c = 0 : t.key === "End" && (c = s.length - 1), c < 0 && (c = s.length - 1), c > s.length - 1 && (c = 0);
   const m = s[c];
-  m && (n(this, L, Na).call(this, m.id), m.el.focus());
-}, Kn = function() {
+  m && (n(this, L, Ua).call(this, m.id), m.el.focus());
+}, qn = function() {
   return e(this, Et).find((t) => t.el.tabIndex === 0);
-}, Na = function(t) {
+}, Ua = function(t) {
   for (const i of e(this, Et))
     i.el.tabIndex = i.id === t ? 0 : -1;
-}, v(Aa, "observedAttributes", [
+}, v(Ia, "observedAttributes", [
   r.RENDITION_LEVELS,
   r.MAX_VIDEO_BITRATE,
   r.ABR_ENABLED,
   r.RENDITION_LEVEL,
   r.SIZE_BASED_RESOLUTION_CAP_ENABLED
 ]);
-const Ra = document.createElement("template"), mh = (
+const Pa = document.createElement("template"), Ph = (
   /* SVG */
   `
 <svg width="24" height="24" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
@@ -881,7 +881,7 @@ const Ra = document.createElement("template"), mh = (
 </svg>
 `
 );
-Ra.innerHTML = /* HTML */
+Pa.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -897,27 +897,27 @@ Ra.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="icon">${mh}</slot>
+  <slot name="icon">${Ph}</slot>
 `;
-var qe;
-class _a extends HTMLElement {
+var Ke;
+class Da extends HTMLElement {
   constructor() {
     super();
-    l(this, qe, null);
-    this.attachShadow({ mode: "open" }).appendChild(Ra.content.cloneNode(!0));
+    l(this, Ke, null);
+    this.attachShadow({ mode: "open" }).appendChild(Pa.content.cloneNode(!0));
   }
   connectedCallback() {
     var t;
-    h(this, qe, this.closest("vindral-controller")), (t = e(this, qe)) == null || t.connectListener(this);
+    h(this, Ke, this.closest("vindral-controller")), (t = e(this, Ke)) == null || t.connectListener(this);
   }
   disconnectedCallback() {
     var t;
-    (t = e(this, qe)) == null || t.disconnectListener(this);
+    (t = e(this, Ke)) == null || t.disconnectListener(this);
   }
 }
-qe = new WeakMap(), v(_a, "observedAttributes", [r.BUFFERING]);
-const Ua = document.createElement("template");
-Ua.innerHTML = /* HTML */
+Ke = new WeakMap(), v(Da, "observedAttributes", [r.BUFFERING]);
+const Ma = document.createElement("template");
+Ma.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -975,25 +975,25 @@ Ua.innerHTML = /* HTML */
 
   <div id="buffering-indicator"></div>
 `;
-var Ke;
-class Pa extends HTMLElement {
+var qe;
+class Oa extends HTMLElement {
   constructor() {
     super();
-    l(this, Ke, null);
-    this.attachShadow({ mode: "open" }).appendChild(Ua.content.cloneNode(!0));
+    l(this, qe, null);
+    this.attachShadow({ mode: "open" }).appendChild(Ma.content.cloneNode(!0));
   }
   connectedCallback() {
     var t;
-    h(this, Ke, this.closest("vindral-controller")), (t = e(this, Ke)) == null || t.connectListener(this);
+    h(this, qe, this.closest("vindral-controller")), (t = e(this, qe)) == null || t.connectListener(this);
   }
   disconnectedCallback() {
     var t;
-    (t = e(this, Ke)) == null || t.disconnectListener(this);
+    (t = e(this, qe)) == null || t.disconnectListener(this);
   }
 }
-Ke = new WeakMap(), v(Pa, "observedAttributes", [r.BUFFERING]);
-const Da = document.createElement("template");
-Da.innerHTML = /* HTML */
+qe = new WeakMap(), v(Oa, "observedAttributes", [r.BUFFERING]);
+const Fa = document.createElement("template");
+Fa.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -1018,22 +1018,22 @@ Da.innerHTML = /* HTML */
     }
   </style>
 `;
-var Oe, Xn, Ma;
+var Me, Xn, Ha;
 const ki = class ki extends mt {
   constructor() {
     var t;
     super();
-    l(this, Oe);
-    (t = this.shadowRoot) == null || t.appendChild(Da.content.cloneNode(!0));
+    l(this, Me);
+    (t = this.shadowRoot) == null || t.appendChild(Fa.content.cloneNode(!0));
   }
   connectedCallback() {
-    super.connectedCallback(), n(this, Oe, Xn).call(this);
+    super.connectedCallback(), n(this, Me, Xn).call(this);
   }
   disconnectedCallback() {
     super.disconnectedCallback();
   }
   attributeChangedCallback(t, i, s) {
-    super.attributeChangedCallback(t, i, s), t === r.CAST_AVAILABLE && n(this, Oe, Ma).call(this), t === r.IS_CASTING && n(this, Oe, Xn).call(this);
+    super.attributeChangedCallback(t, i, s), t === r.CAST_AVAILABLE && n(this, Me, Ha).call(this), t === r.IS_CASTING && n(this, Me, Xn).call(this);
   }
   set isCasting(t) {
     t ? this.setAttribute(r.IS_CASTING, "") : this.removeAttribute(r.IS_CASTING);
@@ -1044,22 +1044,22 @@ const ki = class ki extends mt {
   handleClick(t) {
   }
 };
-Oe = new WeakSet(), Xn = function() {
+Me = new WeakSet(), Xn = function() {
   this.setAttribute("aria-label", this.isCasting ? "Exit cast" : "Enter cast");
-}, Ma = function() {
+}, Ha = function() {
   var t, i;
   if (!((t = this.shadowRoot) != null && t.querySelector("google-cast-launcher"))) {
     const s = document.createElement("google-cast-launcher");
     (i = this.shadowRoot) == null || i.appendChild(s);
   }
 }, v(ki, "observedAttributes", [
-  ...J(ki, ki, "observedAttributes"),
+  ...W(ki, ki, "observedAttributes"),
   r.CAST_AVAILABLE,
   r.IS_CASTING
 ]);
 let Vn = ki;
-const Oa = document.createElement("template");
-Oa.innerHTML = /* HTML */
+const Ba = document.createElement("template");
+Ba.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -1096,12 +1096,12 @@ Oa.innerHTML = /* HTML */
   <span id="text"></span>
 `;
 var Ve, Xe;
-class Fa extends HTMLElement {
+class za extends HTMLElement {
   constructor() {
     super();
     l(this, Ve, null);
     l(this, Xe, null);
-    this.attachShadow({ mode: "open" }).appendChild(Oa.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(Ba.content.cloneNode(!0));
   }
   connectedCallback() {
     var t, i;
@@ -1115,18 +1115,18 @@ class Fa extends HTMLElement {
     i === s || !e(this, Xe) || t === "cast-receiver-name" && typeof s == "string" && (e(this, Xe).innerText = `Casting to ${s || "device"}`);
   }
 }
-Ve = new WeakMap(), Xe = new WeakMap(), v(Fa, "observedAttributes", [r.IS_CASTING, r.CAST_RECEIVER_NAME]);
-function Ha(p = document) {
-  const o = p == null ? void 0 : p.activeElement;
-  if (!o) return null;
-  if (o.shadowRoot) {
-    const t = Ha(o.shadowRoot);
-    return t != null ? t : o;
-  }
-  return o;
+Ve = new WeakMap(), Xe = new WeakMap(), v(za, "observedAttributes", [r.IS_CASTING, r.CAST_RECEIVER_NAME]);
+function $a(p = document) {
+  const a = p == null ? void 0 : p.activeElement;
+  if (!a) return null;
+  if (a.shadowRoot) {
+    const t = $a(a.shadowRoot);
+    return t != null ? t : a;
+  }
+  return a;
 }
-const Ba = document.createElement("template");
-Ba.innerHTML = /* HTML */
+const Ga = document.createElement("template");
+Ga.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -1199,13 +1199,13 @@ Ba.innerHTML = /* HTML */
   <slot></slot>
 `;
 var ke;
-class Xr extends HTMLElement {
+class jr extends HTMLElement {
   constructor() {
     super();
     l(this, ke);
     v(this, "lastThumbnailUpdate");
     const t = this.attachShadow({ mode: "open" });
-    h(this, ke, document.createElement("span")), e(this, ke).className = "channel-title", t.appendChild(e(this, ke)), t.appendChild(Ba.content.cloneNode(!0));
+    h(this, ke, document.createElement("span")), e(this, ke).className = "channel-title", t.appendChild(e(this, ke)), t.appendChild(Ga.content.cloneNode(!0));
   }
   attributeChangedCallback(t, i, s) {
     if (i !== s)
@@ -1221,13 +1221,13 @@ class Xr extends HTMLElement {
   updateThumbnail() {
     const t = this.getAttribute("url"), i = this.hasAttribute("offline"), s = this.hasAttribute("visible");
     if (i || !t || !s || this.lastThumbnailUpdate && Date.now() - this.lastThumbnailUpdate < 1e4) return;
-    const a = new URL(t), u = new Image(), c = this.getAttribute("authentication-token");
-    c && a.searchParams.set("auth.token", c), a.searchParams.set("t", Date.now().toString()), u.src = a.toString(), u.onload = () => this.style.backgroundImage = `url(${a.toString()})`;
+    const o = new URL(t), u = new Image(), c = this.getAttribute("authentication-token");
+    c && o.searchParams.set("auth.token", c), o.searchParams.set("t", Date.now().toString()), u.src = o.toString(), u.onload = () => this.style.backgroundImage = `url(${o.toString()})`;
   }
 }
-ke = new WeakMap(), v(Xr, "observedAttributes", ["url", "title", "offline", "authentication-token", "visible"]);
-const za = document.createElement("template");
-za.innerHTML = /* HTML */
+ke = new WeakMap(), v(jr, "observedAttributes", ["url", "title", "offline", "authentication-token", "visible"]);
+const Ka = document.createElement("template");
+Ka.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -1300,8 +1300,8 @@ za.innerHTML = /* HTML */
     <slot name="grid" id="grid"></slot>
   </div>
 `;
-var qt, St, je, Z, B, Ye, $i, Je, Kt, Vt, k, Ga, qa, Ka, Va, Xa, ja, jn, Ya, Ja, Wa, Za, Qa, to, eo, bi, io, Yn, so, mi, Ws;
-class $a extends HTMLElement {
+var qt, St, je, Z, z, Ye, $i, We, Vt, Xt, k, Va, Xa, ja, Ya, Wa, Ja, jn, Za, Qa, to, eo, io, so, no, bi, ro, Yn, ao, mi, Zs;
+class qa extends HTMLElement {
   constructor() {
     super();
     l(this, k);
@@ -1309,21 +1309,21 @@ class $a extends HTMLElement {
     l(this, St, null);
     l(this, je, []);
     l(this, Z, []);
-    l(this, B);
+    l(this, z);
     l(this, Ye);
     l(this, $i);
-    l(this, Je);
-    l(this, Kt);
+    l(this, We);
     l(this, Vt);
+    l(this, Xt);
     v(this, "handleEvent", (t) => {
-      t.type === "keydown" && n(this, k, to).call(this, t);
+      t.type === "keydown" && n(this, k, so).call(this, t);
     });
-    this.attachShadow({ mode: "open" }).appendChild(za.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(Ka.content.cloneNode(!0));
   }
   connectedCallback() {
     var t, i, s;
-    h(this, St, this.closest("vindral-controller")), (t = e(this, St)) == null || t.connectListener(this), n(this, k, Ga).call(this), (s = e(this, qt)) == null || s.observe((i = this.shadowRoot) == null ? void 0 : i.querySelector(".wrapper")), n(this, k, jn).call(this), h(this, $i, window.setInterval(() => {
-      n(this, k, Za).call(this);
+    h(this, St, this.closest("vindral-controller")), (t = e(this, St)) == null || t.connectListener(this), n(this, k, Va).call(this), (s = e(this, qt)) == null || s.observe((i = this.shadowRoot) == null ? void 0 : i.querySelector(".wrapper")), n(this, k, jn).call(this), h(this, $i, window.setInterval(() => {
+      n(this, k, eo).call(this);
     }, 1e4));
   }
   disconnectedCallback() {
@@ -1334,7 +1334,7 @@ class $a extends HTMLElement {
     if (i !== s)
       switch (t) {
         case r.CHANNEL_ID: {
-          n(this, k, Wa).call(this, s);
+          n(this, k, to).call(this, s);
           break;
         }
         case r.CHANNELS:
@@ -1350,143 +1350,143 @@ class $a extends HTMLElement {
   }
   focus() {
     var i;
-    const t = Ha();
-    t && t !== this && !this.contains(t) && h(this, Je, t), (i = e(this, B)) == null || i.focus();
+    const t = $a();
+    t && t !== this && !this.contains(t) && h(this, We, t), (i = e(this, z)) == null || i.focus();
   }
 }
-qt = new WeakMap(), St = new WeakMap(), je = new WeakMap(), Z = new WeakMap(), B = new WeakMap(), Ye = new WeakMap(), $i = new WeakMap(), Je = new WeakMap(), Kt = new WeakMap(), Vt = new WeakMap(), k = new WeakSet(), Ga = function() {
+qt = new WeakMap(), St = new WeakMap(), je = new WeakMap(), Z = new WeakMap(), z = new WeakMap(), Ye = new WeakMap(), $i = new WeakMap(), We = new WeakMap(), Vt = new WeakMap(), Xt = new WeakMap(), k = new WeakSet(), Va = function() {
   h(this, qt, new IntersectionObserver(
     (t) => {
       t.forEach((i) => {
-        const { target: s, isIntersecting: a } = i;
-        s instanceof Xr ? n(this, k, ja).call(this, s, a) : n(this, k, qa).call(this, a);
+        const { target: s, isIntersecting: o } = i;
+        s instanceof jr ? n(this, k, Ja).call(this, s, o) : n(this, k, Xa).call(this, o);
       });
     },
     {
       root: e(this, St)
     }
   ));
-}, qa = function(t) {
-  t ? n(this, k, Ka).call(this) : n(this, k, Va).call(this);
-}, Ka = function() {
-  this.dispatchEvent(new CustomEvent(y.CHANNEL_GRID_OPENED, { bubbles: !0, composed: !0 })), n(this, k, Xa).call(this), this.addEventListener("keydown", this), e(this, B) && (e(this, B).tabIndex = 0);
-}, Va = function() {
-  n(this, k, mi).call(this), e(this, B) && (e(this, B).tabIndex = -1), this.dispatchEvent(new CustomEvent(y.CHANNEL_GRID_CLOSED, { bubbles: !0, composed: !0 })), n(this, k, io).call(this), this.removeEventListener("keydown", this);
-}, Xa = function() {
+}, Xa = function(t) {
+  t ? n(this, k, ja).call(this) : n(this, k, Ya).call(this);
+}, ja = function() {
+  this.dispatchEvent(new CustomEvent(y.CHANNEL_GRID_OPENED, { bubbles: !0, composed: !0 })), n(this, k, Wa).call(this), this.addEventListener("keydown", this), e(this, z) && (e(this, z).tabIndex = 0);
+}, Ya = function() {
+  n(this, k, mi).call(this), e(this, z) && (e(this, z).tabIndex = -1), this.dispatchEvent(new CustomEvent(y.CHANNEL_GRID_CLOSED, { bubbles: !0, composed: !0 })), n(this, k, ro).call(this), this.removeEventListener("keydown", this);
+}, Wa = function() {
   var t;
-  n(this, k, mi).call(this), h(this, Vt, () => {
-    clearTimeout(e(this, Kt)), h(this, Kt, window.setTimeout(() => {
-      n(this, k, so).call(this) && this.focus(), n(this, k, mi).call(this);
+  n(this, k, mi).call(this), h(this, Xt, () => {
+    clearTimeout(e(this, Vt)), h(this, Vt, window.setTimeout(() => {
+      n(this, k, ao).call(this) && this.focus(), n(this, k, mi).call(this);
     }, 100));
-  }), (t = this.parentElement) == null || t.addEventListener("scroll", e(this, Vt));
-}, ja = function(t, i) {
+  }), (t = this.parentElement) == null || t.addEventListener("scroll", e(this, Xt));
+}, Ja = function(t, i) {
   i ? (t.setAttribute("visible", ""), (!t.lastThumbnailUpdate || Date.now() - t.lastThumbnailUpdate >= 1e4) && (t.updateThumbnail(), t.lastThumbnailUpdate = Date.now())) : t.removeAttribute("visible");
 }, jn = function() {
-  var a;
-  const t = (a = this.shadowRoot) == null ? void 0 : a.querySelector("slot[name=grid]"), i = new Map(e(this, Z).map((u) => [u.id, u])), s = this.getAttribute("channel-id");
+  var o;
+  const t = (o = this.shadowRoot) == null ? void 0 : o.querySelector("slot[name=grid]"), i = new Map(e(this, Z).map((u) => [u.id, u])), s = this.getAttribute("channel-id");
   h(this, Z, e(this, je).map((u) => {
-    var g;
+    var E;
     const c = i.get(u.channelId);
     if (c)
-      return n(this, k, Ya).call(this, c.element, u), c;
-    const m = n(this, k, Ja).call(this, u, s);
-    return (g = e(this, qt)) == null || g.observe(m.element), t.contains(m.element) || t.appendChild(m.element), m;
+      return n(this, k, Za).call(this, c.element, u), c;
+    const m = n(this, k, Qa).call(this, u, s);
+    return (E = e(this, qt)) == null || E.observe(m.element), t.contains(m.element) || t.appendChild(m.element), m;
   })), i.forEach((u, c) => {
     var m;
-    e(this, je).some((g) => g.channelId === c) || ((m = e(this, qt)) == null || m.unobserve(u.element), u.element.remove());
+    e(this, je).some((E) => E.channelId === c) || ((m = e(this, qt)) == null || m.unobserve(u.element), u.element.remove());
   }), e(this, Z).sort((u, c) => u.element.hasAttribute("offline") && !c.element.hasAttribute("offline") ? 1 : -1).forEach((u) => {
     t.contains(u.element) || t.appendChild(u.element);
   });
-}, Ya = function(t, i) {
+}, Za = function(t, i) {
   i.isLive ? t.removeAttribute("offline") : t.setAttribute("offline", ""), t.setAttribute("url", i.thumbnailUrls[0] || ""), t.setAttribute("title", i.name);
-}, Ja = function(t, i) {
+}, Qa = function(t, i) {
   const s = document.createElement("vindral-channel-grid-item");
-  return s.setAttribute("url", t.thumbnailUrls[0] || ""), s.setAttribute("title", t.name), e(this, Ye) && s.setAttribute("authentication-token", e(this, Ye)), t.isLive || s.setAttribute("offline", ""), t.channelId === i && (s.setAttribute("aria-selected", "true"), h(this, B, s)), s.tabIndex = -1, s.onclick = () => n(this, k, Qa).call(this, t), { element: s, thumbnail: t.thumbnailUrls[0] || "", id: t.channelId };
-}, Wa = function(t) {
+  return s.setAttribute("url", t.thumbnailUrls[0] || ""), s.setAttribute("title", t.name), e(this, Ye) && s.setAttribute("authentication-token", e(this, Ye)), t.isLive || s.setAttribute("offline", ""), t.channelId === i && (s.setAttribute("aria-selected", "true"), h(this, z, s)), s.tabIndex = -1, s.onclick = () => n(this, k, io).call(this, t), { element: s, thumbnail: t.thumbnailUrls[0] || "", id: t.channelId };
+}, to = function(t) {
   e(this, Z).forEach((i) => {
-    i.id === t ? (i.element.setAttribute("aria-selected", "true"), i.element.tabIndex = 0, h(this, B, i.element)) : (i.element.tabIndex = -1, i.element.setAttribute("aria-selected", "false"));
+    i.id === t ? (i.element.setAttribute("aria-selected", "true"), i.element.tabIndex = 0, h(this, z, i.element)) : (i.element.tabIndex = -1, i.element.setAttribute("aria-selected", "false"));
   });
-}, Za = function() {
+}, eo = function() {
   this.hasAttribute("hidden") || e(this, Z).forEach((t) => t.element.updateThumbnail());
-}, Qa = function(t) {
+}, io = function(t) {
   var i;
-  n(this, k, Ws).call(this), (i = e(this, St)) == null || i.setAttribute("channel-id", t.channelId);
-}, to = function(t) {
+  n(this, k, Zs).call(this), (i = e(this, St)) == null || i.setAttribute("channel-id", t.channelId);
+}, so = function(t) {
   var c;
-  const { key: i, ctrlKey: s, altKey: a, metaKey: u } = t;
-  s || a || u || this.keysUsed.includes(i) && (t.preventDefault(), t.stopPropagation(), i === "Tab" || i === "Escape" ? n(this, k, Ws).call(this) : i === "Enter" || i === " " ? (c = e(this, B)) == null || c.click() : n(this, k, eo).call(this, t));
-}, eo = function(t) {
-  if (!e(this, B)) return;
+  const { key: i, ctrlKey: s, altKey: o, metaKey: u } = t;
+  s || o || u || this.keysUsed.includes(i) && (t.preventDefault(), t.stopPropagation(), i === "Tab" || i === "Escape" ? n(this, k, Zs).call(this) : i === "Enter" || i === " " ? (c = e(this, z)) == null || c.click() : n(this, k, no).call(this, t));
+}, no = function(t) {
+  if (!e(this, z)) return;
   const { key: i } = t;
-  let a = e(this, Z).findIndex((c) => c.element === e(this, B));
-  const u = e(this, B).getBoundingClientRect();
+  let o = e(this, Z).findIndex((c) => c.element === e(this, z));
+  const u = e(this, z).getBoundingClientRect();
   switch (i) {
     case "ArrowUp":
-      if (a = n(this, k, bi).call(this, u, -1, 0), a < 0) {
-        n(this, k, Ws).call(this);
+      if (o = n(this, k, bi).call(this, u, -1, 0), o < 0) {
+        n(this, k, Zs).call(this);
         return;
       }
       break;
     case "ArrowDown":
-      a = n(this, k, bi).call(this, u, 1, 0);
+      o = n(this, k, bi).call(this, u, 1, 0);
       break;
     case "ArrowLeft":
-      a = n(this, k, bi).call(this, u, 0, -1);
+      o = n(this, k, bi).call(this, u, 0, -1);
       break;
     case "ArrowRight":
-      a = n(this, k, bi).call(this, u, 0, 1);
+      o = n(this, k, bi).call(this, u, 0, 1);
       break;
     case "Home":
-      a = 0;
+      o = 0;
       break;
     case "End":
-      a = e(this, Z).length - 1;
+      o = e(this, Z).length - 1;
       break;
   }
-  if (a >= 0 && a < e(this, Z).length) {
-    const c = e(this, Z)[a];
+  if (o >= 0 && o < e(this, Z).length) {
+    const c = e(this, Z)[o];
     if (!c) return;
-    e(this, B).setAttribute("aria-selected", "false"), e(this, B).tabIndex = -1, h(this, B, c.element), e(this, B).setAttribute("aria-selected", "true"), e(this, B).tabIndex = 0, e(this, B).focus();
+    e(this, z).setAttribute("aria-selected", "false"), e(this, z).tabIndex = -1, h(this, z, c.element), e(this, z).setAttribute("aria-selected", "true"), e(this, z).tabIndex = 0, e(this, z).focus();
   }
 }, bi = function(t, i, s) {
-  let a = -1, u = 1 / 0;
+  let o = -1, u = 1 / 0;
   return e(this, Z).filter((c) => c.element.getBoundingClientRect().width > 0).forEach((c, m) => {
-    const g = c.element.getBoundingClientRect(), N = i === 0 || i < 0 && g.top < t.top || i > 0 && g.top > t.top, F = s === 0 || s < 0 && g.left < t.left || s > 0 && g.left > t.left;
-    if (N && F) {
-      const $ = Math.sqrt((g.top - t.top) ** 2 + (g.left - t.left) ** 2);
-      $ < u && (u = $, a = m);
+    const E = c.element.getBoundingClientRect(), N = i === 0 || i < 0 && E.top < t.top || i > 0 && E.top > t.top, H = s === 0 || s < 0 && E.left < t.left || s > 0 && E.left > t.left;
+    if (N && H) {
+      const G = Math.sqrt((E.top - t.top) ** 2 + (E.left - t.left) ** 2);
+      G < u && (u = G, o = m);
     }
-  }), a;
-}, io = function() {
+  }), o;
+}, ro = function() {
   var t, i;
-  if ((t = e(this, Je)) != null && t.isConnected) {
-    e(this, Je).focus({ preventScroll: !0 });
+  if ((t = e(this, We)) != null && t.isConnected) {
+    e(this, We).focus({ preventScroll: !0 });
     return;
   }
   (i = e(this, St)) == null || i.focus({ preventScroll: !0 });
 }, Yn = function(t) {
   return (t == null ? void 0 : t.localName) === "vindral-scroll-overlay";
-}, so = function() {
+}, ao = function() {
   const t = this.parentElement;
   return t ? n(this, k, Yn).call(this, t) ? t.hasAttribute("open") : !this.hasAttribute("hidden") : !1;
 }, mi = function() {
   var t;
-  e(this, Kt) && (clearTimeout(e(this, Kt)), h(this, Kt, void 0)), e(this, Vt) && ((t = this.parentElement) == null || t.removeEventListener("scroll", e(this, Vt)), h(this, Vt, void 0));
-}, Ws = function() {
+  e(this, Vt) && (clearTimeout(e(this, Vt)), h(this, Vt, void 0)), e(this, Xt) && ((t = this.parentElement) == null || t.removeEventListener("scroll", e(this, Xt)), h(this, Xt, void 0));
+}, Zs = function() {
   const t = this.parentElement;
   if (n(this, k, Yn).call(this, t)) {
     t.open = !1;
     return;
   }
   t == null || t.removeAttribute("open");
-}, v($a, "observedAttributes", [
+}, v(qa, "observedAttributes", [
   r.CHANNELS,
   r.CHANNEL_ID,
   r.AUTHENTICATION_TOKEN,
   "mode",
   "hidden"
 ]);
-const vh = (
+const Dh = (
   /* SVG */
   `
 <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">
@@ -1497,8 +1497,8 @@ const vh = (
   <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" />
 </svg>
 `
-), no = document.createElement("template");
-no.innerHTML = /* HTML */
+), oo = document.createElement("template");
+oo.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -1512,21 +1512,21 @@ no.innerHTML = /* HTML */
       display: none;
     }
   </style>
-  <slot name="button">${vh}</slot>
+  <slot name="button">${Dh}</slot>
 `;
-var We, X, st, un, V, ro, Wn, Zs, Zn, Qn;
+var Je, X, st, pn, V, lo, Jn, Qs, Zn, Qn;
 const Ii = class Ii extends mt {
   constructor() {
     var t, i;
     super();
     l(this, V);
-    l(this, We);
+    l(this, Je);
     l(this, X);
     l(this, st);
-    l(this, un, (t) => {
-      t.composedPath().includes(this) || n(this, V, Zs).call(this);
+    l(this, pn, (t) => {
+      t.composedPath().includes(this) || n(this, V, Qs).call(this);
     });
-    (t = this.shadowRoot) == null || t.appendChild(no.content.cloneNode(!0)), h(this, We, (i = this.shadowRoot) == null ? void 0 : i.querySelector("slot[name=button]"));
+    (t = this.shadowRoot) == null || t.appendChild(oo.content.cloneNode(!0)), h(this, Je, (i = this.shadowRoot) == null ? void 0 : i.querySelector("slot[name=button]"));
   }
   connectedCallback() {
     var i;
@@ -1540,20 +1540,20 @@ const Ii = class Ii extends mt {
     super.attributeChangedCallback(t, i, s), (t === r.CHANNEL_GROUP_ID || t === r.CHANNELS) && n(this, V, Zn).call(this);
   }
   enable() {
-    super.enable(), document.addEventListener("click", e(this, un));
+    super.enable(), document.addEventListener("click", e(this, pn));
   }
   handleClick(t) {
-    n(this, V, ro).call(this);
+    n(this, V, lo).call(this);
   }
   get isOpen() {
     var t;
     return e(this, st) ? e(this, st).hasAttribute("open") : !((t = e(this, X)) != null && t.hidden);
   }
 };
-We = new WeakMap(), X = new WeakMap(), st = new WeakMap(), un = new WeakMap(), V = new WeakSet(), ro = function() {
+Je = new WeakMap(), X = new WeakMap(), st = new WeakMap(), pn = new WeakMap(), V = new WeakSet(), lo = function() {
   var t;
-  e(this, st) ? e(this, st).hasAttribute("open") ? n(this, V, Zs).call(this) : n(this, V, Wn).call(this) : (t = e(this, X)) != null && t.hidden ? n(this, V, Wn).call(this) : n(this, V, Zs).call(this), n(this, V, Qn).call(this);
-}, Wn = function() {
+  e(this, st) ? e(this, st).hasAttribute("open") ? n(this, V, Qs).call(this) : n(this, V, Jn).call(this) : (t = e(this, X)) != null && t.hidden ? n(this, V, Jn).call(this) : n(this, V, Qs).call(this), n(this, V, Qn).call(this);
+}, Jn = function() {
   var t;
   if (e(this, st))
     e(this, st).setAttribute("open", "");
@@ -1561,28 +1561,28 @@ We = new WeakMap(), X = new WeakMap(), st = new WeakMap(), un = new WeakMap(), V
     if (!((t = e(this, X)) != null && t.hidden)) return;
     e(this, X).hidden = !1, e(this, X).focus();
   }
-  e(this, We).setAttribute("aria-expanded", "true");
-}, Zs = function() {
+  e(this, Je).setAttribute("aria-expanded", "true");
+}, Qs = function() {
   if (e(this, st))
     e(this, st).open = !1;
   else {
     if (!e(this, X) || e(this, X).hidden) return;
     e(this, X).hidden = !0;
   }
-  e(this, We).setAttribute("aria-expanded", "false");
+  e(this, Je).setAttribute("aria-expanded", "false");
 }, Zn = function() {
   this.getAttribute(r.CHANNEL_GROUP_ID) ? this.removeAttribute("hidden") : this.setAttribute("hidden", ""), this.hasAttribute(r.CHANNELS) ? this.removeAttribute("disabled") : this.setAttribute("disabled", "");
 }, Qn = function() {
   this.setAttribute("aria-label", this.isOpen ? "Exit grid" : "Enter grid");
 }, v(Ii, "observedAttributes", [
-  ...J(Ii, Ii, "observedAttributes"),
+  ...W(Ii, Ii, "observedAttributes"),
   r.CHANNEL_GROUP_ID,
   r.CHANNELS,
   "hidden"
 ]);
-let Jn = Ii;
-const ao = document.createElement("template");
-ao.innerHTML = /* HTML */
+let Wn = Ii;
+const ho = document.createElement("template");
+ho.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -1611,17 +1611,17 @@ ao.innerHTML = /* HTML */
     <slot name="right"></slot>
   </slot>
 `;
-class oo extends HTMLElement {
+class co extends HTMLElement {
   constructor() {
-    super(), this.attachShadow({ mode: "open" }).appendChild(ao.content.cloneNode(!0));
+    super(), this.attachShadow({ mode: "open" }).appendChild(ho.content.cloneNode(!0));
   }
   connectedCallback() {
   }
   disconnectedCallback() {
   }
 }
-v(oo, "observedAttributes", []);
-class fh extends js {
+v(co, "observedAttributes", []);
+class Mh extends Ys {
   constructor(t) {
     super();
     v(this, "config");
@@ -1690,7 +1690,7 @@ class fh extends js {
     return this.config.authenticationToken && t.searchParams.set("authenticationToken", this.config.authenticationToken), t.toString();
   }
   checkHlsUrl(t) {
-    return K(this, null, function* () {
+    return q(this, null, function* () {
       try {
         return (yield fetch(t, { method: "HEAD" })).ok;
       } catch (i) {
@@ -1699,21 +1699,21 @@ class fh extends js {
     });
   }
 }
-const ge = class ge extends js {
+const Fe = class Fe extends Ys {
   constructor(t) {
     super();
     v(this, "container");
     v(this, "unload", () => {
       document.removeEventListener("webkitfullscreenchange", this.onChange), document.removeEventListener("mozfullscreenchange", this.onChange), document.removeEventListener("fullscreenchange", this.onChange), this.container.removeEventListener("webkitendfullscreen", this.onChange);
     });
-    v(this, "request", () => K(this, null, function* () {
+    v(this, "request", () => q(this, null, function* () {
       try {
         yield this.requestFn();
       } catch (t) {
         throw this.onChange(), t;
       }
     }));
-    v(this, "exit", () => K(this, null, function* () {
+    v(this, "exit", () => q(this, null, function* () {
       try {
         yield this.exitFn();
       } catch (t) {
@@ -1722,46 +1722,40 @@ const ge = class ge extends js {
     }));
     v(this, "onChange", () => this.emit("on fullscreen change", this.isFullscreen()));
     // into the yolo zone
-    v(this, "isFullscreen", () => !!(document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen));
-    v(this, "isSupported", () => ge.isFullscreenApiSupported(this.container) || !this.isInIframe());
-    v(this, "isFullscreenApiSupported", () => ge.isFullscreenApiSupported(this.container));
+    v(this, "isFullscreen", () => rh());
+    v(this, "isSupported", () => Fe.isFullscreenApiSupported(this.container) || !this.isInIframe());
+    v(this, "isFullscreenApiSupported", () => Fe.isFullscreenApiSupported(this.container));
     v(this, "isInIframe", () => window.location !== window.parent.location);
     this.container = t, document.addEventListener("webkitfullscreenchange", this.onChange), document.addEventListener("mozfullscreenchange", this.onChange), document.addEventListener("fullscreenchange", this.onChange), this.container.addEventListener("webkitendfullscreen", this.onChange);
   }
   get requestFn() {
-    return ge.isFullscreenApiSupported(this.container) ? (this.container.requestFullscreen || this.container.webkitRequestFullscreen || this.container.webkitEnterFullscreen || this.container.mozRequestFullScreen).bind(this.container) : () => new Promise((t) => {
-      t();
-    });
+    var t;
+    return (t = oh(this.container)) != null ? t : (() => Promise.resolve());
   }
   get exitFn() {
-    if (ge.isFullscreenApiSupported(this.container) && this.isFullscreen()) {
-      const t = document.exitFullscreen, i = document.webkitFullscreenElement && document.webkitExitFullscreen, s = document.mozFullscreenElement && document.mozCancelFullScreen, a = t || i || s;
-      return a ? a.bind(document) : this.container.webkitExitFullscreen.bind(this.container);
-    }
-    return () => new Promise((t) => {
-      t();
-    });
+    var t;
+    return Fe.isFullscreenApiSupported(this.container) && this.isFullscreen() ? (t = lh(this.container)) != null ? t : (() => Promise.resolve()) : () => Promise.resolve();
   }
 };
-v(ge, "isFullscreenApiSupported", (t) => (t.requestFullscreen || t.webkitRequestFullscreen || t.webkitEnterFullscreen || t.mozRequestFullScreen) !== void 0);
-let Lt = ge;
-var pn, bn, mn, vn, Ze, fn, gn, Gi, Qe;
-class sa extends js {
+v(Fe, "isFullscreenApiSupported", (t) => ah(t));
+let Lt = Fe;
+var bn, mn, vn, fn, Ze, gn, En, Gi, Qe;
+class aa extends Ys {
   constructor(t) {
     super();
     v(this, "unload", () => {
-      this.element.removeEventListener("enterpictureinpicture", this.onChange), this.element.removeEventListener("leavepictureinpicture", this.onChange);
+      this.element.removeEventListener("enterpictureinpicture", this.onChange), this.element.removeEventListener("leavepictureinpicture", this.onChange), ia(this.element, !1);
     });
-    v(this, "request", () => K(this, null, function* () {
+    v(this, "request", () => q(this, null, function* () {
       try {
-        return yield e(this, pn).call(this);
+        return yield e(this, bn).call(this);
       } catch (t) {
         throw this.onChange(), t;
       }
     }));
-    v(this, "exit", () => K(this, null, function* () {
+    v(this, "exit", () => q(this, null, function* () {
       try {
-        return yield e(this, bn).call(this);
+        return yield e(this, mn).call(this);
       } catch (t) {
         throw this.onChange(), t;
       }
@@ -1769,52 +1763,54 @@ class sa extends js {
     v(this, "onChange", () => {
       this.emit("on picture in picture change", this.isPictureInPictureActive());
     });
-    v(this, "isPictureInPictureActive", () => e(this, gn).call(this) || e(this, fn).call(this));
+    v(this, "isPictureInPictureActive", () => e(this, En).call(this) || e(this, gn).call(this));
     v(this, "isSupported", () => e(this, Qe).call(this) || e(this, Ze).call(this));
-    l(this, pn, () => e(this, Ze).call(this) ? e(this, mn).call(this) : e(this, Qe).call(this) ? e(this, Gi).call(this, "picture-in-picture") : Promise.resolve());
-    l(this, bn, () => this.isPictureInPictureActive() ? e(this, Ze).call(this) ? e(this, vn).call(this) : e(this, Qe).call(this) ? e(this, Gi).call(this, "inline") : Promise.resolve() : Promise.resolve());
-    l(this, mn, () => K(this, null, function* () {
-      yield this.element.requestPictureInPicture();
+    l(this, bn, () => e(this, Ze).call(this) ? e(this, vn).call(this) : e(this, Qe).call(this) ? e(this, Gi).call(this, "picture-in-picture") : Promise.resolve());
+    l(this, mn, () => this.isPictureInPictureActive() ? e(this, Ze).call(this) ? e(this, fn).call(this) : e(this, Qe).call(this) ? e(this, Gi).call(this, "inline") : Promise.resolve() : Promise.resolve());
+    l(this, vn, () => q(this, null, function* () {
+      const t = hh(this.element);
+      t && (yield t());
     }));
-    l(this, vn, () => K(null, null, function* () {
-      yield document.exitPictureInPicture();
+    l(this, fn, () => q(null, null, function* () {
+      const t = dh();
+      t && (yield t());
     }));
-    l(this, Ze, () => !!this.element.requestPictureInPicture && !!document.pictureInPictureEnabled);
-    l(this, fn, () => !!document.pictureInPictureElement);
-    l(this, gn, () => this.element.webkitPresentationMode === "picture-in-picture");
-    l(this, Gi, (t) => (this.element.webkitSetPresentationMode && this.element.webkitSetPresentationMode(t), Promise.resolve()));
-    l(this, Qe, () => !!this.element.webkitSetPresentationMode);
-    this.element = t, this.element.addEventListener("enterpictureinpicture", this.onChange), this.element.addEventListener("leavepictureinpicture", this.onChange), this.element.setAttribute("autopictureinpicture", "");
+    l(this, Ze, () => ch(this.element));
+    l(this, gn, () => uh());
+    l(this, En, () => ph(this.element) === "picture-in-picture");
+    l(this, Gi, (t) => (sa(this.element) && bh(this.element, t), Promise.resolve()));
+    l(this, Qe, () => sa(this.element));
+    this.element = t, this.element.addEventListener("enterpictureinpicture", this.onChange), this.element.addEventListener("leavepictureinpicture", this.onChange), ia(this.element, !0);
   }
   get videoElement() {
     return this.element;
   }
 }
-pn = new WeakMap(), bn = new WeakMap(), mn = new WeakMap(), vn = new WeakMap(), Ze = new WeakMap(), fn = new WeakMap(), gn = new WeakMap(), Gi = new WeakMap(), Qe = new WeakMap();
-const na = (p) => {
+bn = new WeakMap(), mn = new WeakMap(), vn = new WeakMap(), fn = new WeakMap(), Ze = new WeakMap(), gn = new WeakMap(), En = new WeakMap(), Gi = new WeakMap(), Qe = new WeakMap();
+const oa = (p) => {
   var t;
-  let o = "observedAttributes" in p.constructor ? p.constructor.observedAttributes : void 0;
-  return !o && ((t = p.nodeName) != null && t.includes("-")) && (globalThis.customElements.upgrade(p), o = "observedAttributes" in p.constructor ? p.constructor.observedAttributes : void 0), Array.isArray(o) ? o.filter((i) => da.includes(i)) : [];
+  let a = "observedAttributes" in p.constructor ? p.constructor.observedAttributes : void 0;
+  return !a && ((t = p.nodeName) != null && t.includes("-")) && (globalThis.customElements.upgrade(p), a = "observedAttributes" in p.constructor ? p.constructor.observedAttributes : void 0), Array.isArray(a) ? a.filter((i) => pa.includes(i)) : [];
 };
-function gh(p) {
+function Oh(p) {
   if (typeof p != "string") return NaN;
-  const o = /(\d+(?:\.\d+)?)([hms])/gi, t = [...p.matchAll(o)];
+  const a = /(\d+(?:\.\d+)?)([hms])/gi, t = [...p.matchAll(a)];
   return t.length === 0 ? NaN : t.reduce((i, s) => {
     var c, m;
-    const a = parseFloat((c = s[1]) != null ? c : "0");
+    const o = parseFloat((c = s[1]) != null ? c : "0");
     switch (((m = s[2]) != null ? m : "").toLowerCase()) {
       case "h":
-        return i + a * 3600;
+        return i + o * 3600;
       case "m":
-        return i + a * 60;
+        return i + o * 60;
       case "s":
-        return i + a;
+        return i + o;
       default:
         return i;
     }
   }, 0);
 }
-class ra extends js {
+class la extends Ys {
   constructor(t) {
     super();
     v(this, "audioContext");
@@ -1842,8 +1838,8 @@ class ra extends js {
     let s = 0;
     if (this.canUseFloatTimeDomainData) {
       t.getFloatTimeDomainData(i);
-      for (let a = 0; a < i.length; a++) {
-        const u = i[a];
+      for (let o = 0; o < i.length; o++) {
+        const u = i[o];
         if (u) {
           const c = u ** 2;
           s = Math.max(c, s);
@@ -1851,8 +1847,8 @@ class ra extends js {
       }
     } else {
       t.getByteTimeDomainData(i);
-      for (let a = 0; a < i.length; a++) {
-        const u = i[a];
+      for (let o = 0; o < i.length; o++) {
+        const u = i[o];
         if (u) {
           const c = (u / 128 - 1) ** 2;
           s = Math.max(c, s);
@@ -1877,58 +1873,58 @@ class ra extends js {
     return this.source instanceof HTMLMediaElement;
   }
 }
-var f, z, x, ti, Tt, Ct, Xt, Ie, jt, ot, qi, ei, _, w, lo, er, ho, ir, sr, co, uo, po, bo, mo, Ki, Vi, Xi, ji, vo, fo, Yi, Ji, vi, me;
-const $t = class $t {
-  constructor(o, t) {
-    l(this, w);
+var f, $, x, ti, wt, Ct, jt, Ie, Yt, ot, Ki, ei, _, T, uo, er, po, ir, sr, bo, mo, vo, fo, go, qi, Vi, Xi, ji, Eo, Ao, Yi, Wi, vi, ve;
+const Gt = class Gt {
+  constructor(a, t) {
+    l(this, T);
     l(this, f);
-    l(this, z);
+    l(this, $);
     l(this, x);
     l(this, ti);
-    l(this, Tt);
+    l(this, wt);
     v(this, "userPaused", !0);
     l(this, Ct);
-    l(this, Xt);
+    l(this, jt);
     l(this, Ie, !1);
-    l(this, jt, !1);
+    l(this, Yt, !1);
     l(this, ot, null);
-    l(this, qi, 0);
+    l(this, Ki, 0);
     l(this, ei, !1);
-    l(this, _, oa.get().createContext("HlsPlayer"));
-    l(this, Ki, () => n(this, w, vi).call(this, !0));
-    l(this, Vi, () => n(this, w, vi).call(this, !1));
+    l(this, _, da.get().createContext("HlsPlayer"));
+    l(this, qi, () => n(this, T, vi).call(this, !0));
+    l(this, Vi, () => n(this, T, vi).call(this, !1));
     l(this, Yi, () => {
-      e(this, f).readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && !e(this, f).paused && n(this, w, vi).call(this, !1);
+      e(this, f).readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && !e(this, f).paused && n(this, T, vi).call(this, !1);
     });
-    l(this, Ji, () => {
-      e(this, f).readyState >= HTMLMediaElement.HAVE_FUTURE_DATA && n(this, w, vi).call(this, !1);
+    l(this, Wi, () => {
+      e(this, f).readyState >= HTMLMediaElement.HAVE_FUTURE_DATA && n(this, T, vi).call(this, !1);
     });
-    h(this, z, o), h(this, Xt, t == null ? void 0 : t.maxVideoBitRate), e(this, z).style.position = "absolute", e(this, z).style.top = "0", e(this, z).style.left = "0", e(this, z).style.width = "100%", e(this, z).style.height = "100%", e(this, z).style.opacity = "0", e(this, z).style.pointerEvents = "none", e(this, z).style.transition = "opacity 0.12s linear";
+    h(this, $, a), h(this, jt, t == null ? void 0 : t.maxVideoBitRate), e(this, $).style.position = "absolute", e(this, $).style.top = "0", e(this, $).style.left = "0", e(this, $).style.width = "100%", e(this, $).style.height = "100%", e(this, $).style.opacity = "0", e(this, $).style.pointerEvents = "none", e(this, $).style.transition = "opacity 0.12s linear";
     const i = document.createElement("video");
-    h(this, f, i), o.appendChild(e(this, f)), e(this, f).style.width = "100%", e(this, f).style.height = "100%", e(this, f).setAttribute("playsinline", ""), e(this, f).setAttribute("webkit-playsinline", ""), e(this, f).setAttribute("preload", "metadata"), n(this, w, vo).call(this), h(this, ei, e(this, f).muted), (t == null ? void 0 : t.volume) !== void 0 && (this.volume = t.volume), (t == null ? void 0 : t.muted) !== void 0 && (this.muted = t.muted);
+    h(this, f, i), a.appendChild(e(this, f)), e(this, f).style.width = "100%", e(this, f).style.height = "100%", e(this, f).setAttribute("playsinline", ""), e(this, f).setAttribute("webkit-playsinline", ""), e(this, f).setAttribute("preload", "metadata"), n(this, T, Eo).call(this), h(this, ei, e(this, f).muted), (t == null ? void 0 : t.volume) !== void 0 && (this.volume = t.volume), (t == null ? void 0 : t.muted) !== void 0 && (this.muted = t.muted);
   }
   hide() {
-    h(this, Ie, !0), h(this, jt, !1), e(this, z).classList.remove("active"), e(this, z).style.opacity = "0", e(this, z).style.pointerEvents = "none", h(this, ot, null);
+    h(this, Ie, !0), h(this, Yt, !1), e(this, $).classList.remove("active"), e(this, $).style.opacity = "0", e(this, $).style.pointerEvents = "none", h(this, ot, null);
   }
   play() {
-    return K(this, null, function* () {
+    return q(this, null, function* () {
       try {
         return e(this, x) ? (this.userPaused = !1, yield e(this, f).play()) : Promise.reject("HLS not initialized");
-      } catch (o) {
-        e(this, _).error("Failed to play timeshift video:", o);
+      } catch (a) {
+        e(this, _).error("Failed to play timeshift video:", a);
       }
     });
   }
-  seek(o) {
-    return K(this, null, function* () {
-      if (e(this, _).debug("HlsPlayer seek to", o.time), !Number.isFinite(o.time)) {
+  seek(a) {
+    return q(this, null, function* () {
+      if (e(this, _).debug("HlsPlayer seek to", a.time), !Number.isFinite(a.time)) {
         h(this, ot, null);
         return;
       }
-      if (h(this, ot, o.time > 0.1 ? o.time : null), this.isActive() && e(this, x))
-        n(this, w, sr).call(this, o.time);
+      if (h(this, ot, a.time > 0.1 ? a.time : null), this.isActive() && e(this, x))
+        n(this, T, sr).call(this, a.time);
       else
-        return n(this, w, co).call(this, o);
+        return n(this, T, bo).call(this, a);
     });
   }
   shouldIgnoreTimeupdate() {
@@ -1946,22 +1942,22 @@ const $t = class $t {
     return document.pictureInPictureElement === e(this, f) ? document.exitPictureInPicture() : Promise.resolve();
   }
   isActive() {
-    return e(this, z).style.opacity === "1" || e(this, z).classList.contains("active");
+    return e(this, $).style.opacity === "1" || e(this, $).classList.contains("active");
   }
   cleanup() {
-    n(this, w, fo).call(this), n(this, w, ir).call(this), e(this, Ct) && (cancelAnimationFrame(e(this, Ct)), h(this, Ct, void 0)), h(this, ot, null);
+    n(this, T, Ao).call(this), n(this, T, ir).call(this), e(this, Ct) && (cancelAnimationFrame(e(this, Ct)), h(this, Ct, void 0)), h(this, ot, null), e(this, f).remove();
   }
-  addEventListener(o, t) {
-    e(this, f).addEventListener(o, t);
+  addEventListener(a, t) {
+    e(this, f).addEventListener(a, t);
   }
-  removeEventListener(o, t) {
-    e(this, f).removeEventListener(o, t);
+  removeEventListener(a, t) {
+    e(this, f).removeEventListener(a, t);
   }
-  dispatchEvent(o) {
-    return e(this, f).dispatchEvent(o);
+  dispatchEvent(a) {
+    return e(this, f).dispatchEvent(a);
   }
-  setTimeshiftUrl(o) {
-    e(this, Tt) !== o && (e(this, _).debug("HLSPlayer Setting timeshift URL to", o), h(this, Tt, o));
+  setTimeshiftUrl(a) {
+    e(this, wt) !== a && (e(this, _).debug("HLSPlayer Setting timeshift URL to", a), h(this, wt, a));
   }
   get videoElement() {
     return e(this, f);
@@ -1972,20 +1968,20 @@ const $t = class $t {
   get paused() {
     return e(this, f).paused;
   }
-  set volume(o) {
-    e(this, f).volume = o;
+  set volume(a) {
+    e(this, f).volume = a;
   }
   get volume() {
     return e(this, f).volume;
   }
-  set muted(o) {
-    h(this, ei, o), e(this, f).muted = o;
+  set muted(a) {
+    h(this, ei, a), e(this, f).muted = a;
   }
   get muted() {
     return e(this, ei);
   }
-  set currentTime(o) {
-    e(this, f).currentTime = o;
+  set currentTime(a) {
+    e(this, f).currentTime = a;
   }
   get currentTime() {
     return e(this, f).currentTime;
@@ -1997,20 +1993,20 @@ const $t = class $t {
     return e(this, f).duration;
   }
   get maxVideoBitRate() {
-    return e(this, Xt);
+    return e(this, jt);
   }
-  set maxVideoBitRate(o) {
-    h(this, Xt, o), o !== void 0 && e(this, x) && n(this, w, er).call(this, o);
+  set maxVideoBitRate(a) {
+    h(this, jt, a), a !== void 0 && e(this, x) && n(this, T, er).call(this, a);
   }
 };
-f = new WeakMap(), z = new WeakMap(), x = new WeakMap(), ti = new WeakMap(), Tt = new WeakMap(), Ct = new WeakMap(), Xt = new WeakMap(), Ie = new WeakMap(), jt = new WeakMap(), ot = new WeakMap(), qi = new WeakMap(), ei = new WeakMap(), _ = new WeakMap(), w = new WeakSet(), lo = function() {
-  return K(this, null, function* () {
-    const { default: o } = yield import("./h5LA1Y1W.js");
-    if (h(this, ti, o), !o.isSupported()) {
+f = new WeakMap(), $ = new WeakMap(), x = new WeakMap(), ti = new WeakMap(), wt = new WeakMap(), Ct = new WeakMap(), jt = new WeakMap(), Ie = new WeakMap(), Yt = new WeakMap(), ot = new WeakMap(), Ki = new WeakMap(), ei = new WeakMap(), _ = new WeakMap(), T = new WeakSet(), uo = function() {
+  return q(this, null, function* () {
+    const { default: a } = yield import("./h5LA1Y1W.js");
+    if (h(this, ti, a), !a.isSupported()) {
       e(this, _).warn("HLS not supported");
       return;
     }
-    h(this, x, new o({
+    h(this, x, new a({
       capLevelToPlayerSize: !0,
       enableWorker: !0,
       backBufferLength: 30,
@@ -2030,12 +2026,12 @@ f = new WeakMap(), z = new WeakMap(), x = new WeakMap(), ti = new WeakMap(), Tt
       startFragPrefetch: !0,
       testBandwidth: !1,
       debug: !1
-    })), e(this, x).attachMedia(e(this, f)), e(this, x).on(o.Events.MEDIA_ATTACHED, () => e(this, _).debug("[HLS] media attached")), e(this, x).on(o.Events.MANIFEST_PARSED, () => e(this, _).debug("[HLS] manifest parsed")), e(this, x).on(o.Events.ERROR, (t, i) => {
-      e(this, _).error("[HLS] error:", i), i.fatal && n(this, w, ho).call(this, i);
-    }), e(this, x).on(o.Events.MANIFEST_PARSED, () => {
+    })), e(this, x).attachMedia(e(this, f)), e(this, x).on(a.Events.MEDIA_ATTACHED, () => e(this, _).debug("[HLS] media attached")), e(this, x).on(a.Events.MANIFEST_PARSED, () => e(this, _).debug("[HLS] manifest parsed")), e(this, x).on(a.Events.ERROR, (t, i) => {
+      e(this, _).error("[HLS] error:", i), i.fatal && n(this, T, po).call(this, i);
+    }), e(this, x).on(a.Events.MANIFEST_PARSED, () => {
       var t;
-      !e(this, Xt) || ((t = e(this, x)) == null ? void 0 : t.levels.length) === 0 || n(this, w, er).call(this, e(this, Xt));
-    }), e(this, x).on(o.Events.LEVEL_SWITCHED, () => {
+      !e(this, jt) || ((t = e(this, x)) == null ? void 0 : t.levels.length) === 0 || n(this, T, er).call(this, e(this, jt));
+    }), e(this, x).on(a.Events.LEVEL_SWITCHED, () => {
       var t, i;
       e(this, _).debug(
         "Level switched:",
@@ -2047,26 +2043,26 @@ f = new WeakMap(), z = new WeakMap(), x = new WeakMap(), ti = new WeakMap(), Tt
       );
     });
   });
-}, er = function(o) {
+}, er = function(a) {
   var s;
   if (!e(this, x)) {
     e(this, _).warn("HLS not initialized, cannot set bitrate cap");
     return;
   }
-  let t = e(this, x).levels.map((a, u) => ({ i: u, bitrate: a.bitrate })).filter((a) => o >= a.bitrate * 0.8).map((a) => a.i).pop();
+  let t = e(this, x).levels.map((o, u) => ({ i: u, bitrate: o.bitrate })).filter((o) => a >= o.bitrate * 0.8).map((o) => o.i).pop();
   t === void 0 && (t = 0, e(this, _).debug(
-    "No level fits under bitrate cap: " + o + ", defaulting to lowest level: " + ((s = e(this, x).levels[0]) == null ? void 0 : s.bitrate)
+    "No level fits under bitrate cap: " + a + ", defaulting to lowest level: " + ((s = e(this, x).levels[0]) == null ? void 0 : s.bitrate)
   ));
   const i = e(this, x).currentLevel;
   e(this, x).autoLevelCapping = t, i !== t && (e(this, _).debug(`Current level ${i} exceeds cap ${t}, forcing immediate switch`), e(this, x).currentLevel = t);
-}, ho = function(o) {
+}, po = function(a) {
   var i, s;
   if (!e(this, ti)) {
     e(this, _).error("Hls class not available for error handling");
     return;
   }
   const t = e(this, ti);
-  switch (o.type) {
+  switch (a.type) {
     case t.ErrorTypes.NETWORK_ERROR:
       e(this, _).warn("[HLS] network error -> startLoad"), (i = e(this, x)) == null || i.startLoad();
       break;
@@ -2074,68 +2070,68 @@ f = new WeakMap(), z = new WeakMap(), x = new WeakMap(), ti = new WeakMap(), Tt
       e(this, _).warn("[HLS] media error -> recoverMediaError"), (s = e(this, x)) == null || s.recoverMediaError();
       break;
     default:
-      e(this, _).error("[HLS] fatal -> destroy"), n(this, w, ir).call(this);
+      e(this, _).error("[HLS] fatal -> destroy"), n(this, T, ir).call(this);
       break;
   }
 }, ir = function() {
   e(this, x) && (e(this, x).destroy(), h(this, x, void 0));
-}, sr = function(o) {
-  if (!Number.isFinite(o)) {
+}, sr = function(a) {
+  if (!Number.isFinite(a)) {
     h(this, ot, null);
     return;
   }
-  const t = n(this, w, mo).call(this, e(this, f), o);
+  const t = n(this, T, go).call(this, e(this, f), a);
   h(this, ot, t > 0.1 ? t : null), e(this, Ct) && cancelAnimationFrame(e(this, Ct)), h(this, Ct, requestAnimationFrame(() => {
     e(this, f).currentTime = t;
   }));
-}, co = function(o) {
-  return K(this, null, function* () {
-    const { time: t, playWhenReady: i = !0 } = o || {}, s = ++ta(this, qi)._;
-    if (!e(this, Tt)) {
+}, bo = function(a) {
+  return q(this, null, function* () {
+    const { time: t, playWhenReady: i = !0 } = a || {}, s = ++ea(this, Ki)._;
+    if (!e(this, wt)) {
       e(this, _).warn("No timeshift URL");
       return;
     }
-    if (!e(this, x) && (yield n(this, w, lo).call(this), !n(this, w, me).call(this, s)))
+    if (!e(this, x) && (yield n(this, T, uo).call(this), !n(this, T, ve).call(this, s)))
       return;
-    h(this, Ie, !1), h(this, jt, !1), e(this, x) && (!e(this, x).url || e(this, x).url !== e(this, Tt)) && (e(this, _).debug("Loading timeshift URL", e(this, Tt)), e(this, x).loadSource(e(this, Tt)));
-    const a = this.muted;
-    e(this, f).muted = !0, yield n(this, w, uo).call(this), n(this, w, me).call(this, s) && (n(this, w, sr).call(this, t), !(i && (yield this.play(), !n(this, w, me).call(this, s))) && n(this, w, po).call(this, a, s));
+    h(this, Ie, !1), h(this, Yt, !1), e(this, x) && (!e(this, x).url || e(this, x).url !== e(this, wt)) && (e(this, _).debug("Loading timeshift URL", e(this, wt)), e(this, x).loadSource(e(this, wt)));
+    const o = this.muted;
+    e(this, f).muted = !0, yield n(this, T, mo).call(this), n(this, T, ve).call(this, s) && (n(this, T, sr).call(this, t), !(i && (yield this.play(), !n(this, T, ve).call(this, s))) && n(this, T, vo).call(this, o, s));
   });
-}, uo = function() {
-  return e(this, f).duration && !isNaN(e(this, f).duration) ? Promise.resolve() : new Promise((o) => {
+}, mo = function() {
+  return e(this, f).duration && !isNaN(e(this, f).duration) ? Promise.resolve() : new Promise((a) => {
     e(this, _).debug("Waiting for duration...");
     const t = () => {
-      e(this, _).debug("Duration loaded:", e(this, f).duration), e(this, f).removeEventListener("loadedmetadata", t), clearTimeout(i), o();
+      e(this, _).debug("Duration loaded:", e(this, f).duration), e(this, f).removeEventListener("loadedmetadata", t), clearTimeout(i), a();
     }, i = setTimeout(() => {
-      e(this, _).debug("Duration timeout, proceeding anyway"), e(this, f).removeEventListener("loadedmetadata", t), o();
+      e(this, _).debug("Duration timeout, proceeding anyway"), e(this, f).removeEventListener("loadedmetadata", t), a();
     }, 2e4);
     e(this, f).addEventListener("loadedmetadata", t);
   });
-}, po = function(o, t) {
-  const i = HTMLMediaElement.HAVE_CURRENT_DATA, s = () => e(this, f).readyState >= i && e(this, f).videoWidth > 0 && e(this, f).videoHeight > 0, a = () => {
-    e(this, Ie) || e(this, jt) || !n(this, w, me).call(this, t) || (h(this, jt, !0), e(this, _).debug("Revealing timeshift video"), e(this, z).classList.add("active"), e(this, z).style.opacity = "1", e(this, z).style.pointerEvents = "auto", e(this, f).dispatchEvent(
+}, vo = function(a, t) {
+  const i = HTMLMediaElement.HAVE_CURRENT_DATA, s = () => e(this, f).readyState >= i && e(this, f).videoWidth > 0 && e(this, f).videoHeight > 0, o = () => {
+    e(this, Ie) || e(this, Yt) || !n(this, T, ve).call(this, t) || (h(this, Yt, !0), e(this, _).debug("Revealing timeshift video"), e(this, $).classList.add("active"), e(this, $).style.opacity = "1", e(this, $).style.pointerEvents = "auto", e(this, f).dispatchEvent(
       new CustomEvent("timeshiftready", {
         detail: { activationId: t }
       })
-    ), o || n(this, w, bo).call(this, t));
+    ), a || n(this, T, fo).call(this, t));
   }, u = () => {
-    e(this, Ie) || e(this, jt) || !n(this, w, me).call(this, t) || s() && (m(), a());
+    e(this, Ie) || e(this, Yt) || !n(this, T, ve).call(this, t) || s() && (m(), o());
   };
   let c = !1;
   const m = () => {
-    c || (c = !0, e(this, f).removeEventListener("canplay", u), e(this, f).removeEventListener("canplaythrough", u), e(this, f).removeEventListener("loadeddata", u), clearTimeout(g));
+    c || (c = !0, e(this, f).removeEventListener("canplay", u), e(this, f).removeEventListener("canplaythrough", u), e(this, f).removeEventListener("loadeddata", u), clearTimeout(E));
   };
   if (s()) {
-    a();
+    o();
     return;
   }
   e(this, f).addEventListener("canplay", u), e(this, f).addEventListener("canplaythrough", u), e(this, f).addEventListener("loadeddata", u);
-  const g = setTimeout(() => {
-    e(this, _).debug("Timeout reached, forcing reveal"), m(), a();
+  const E = setTimeout(() => {
+    e(this, _).debug("Timeout reached, forcing reveal"), m(), o();
   }, 2e3);
-}, bo = function(o) {
+}, fo = function(a) {
   const t = () => {
-    n(this, w, me).call(this, o) && (e(this, f).muted = !1);
+    n(this, T, ve).call(this, a) && (e(this, f).muted = !1);
   };
   "requestVideoFrameCallback" in e(this, f) ? e(this, f).requestVideoFrameCallback(() => {
     setTimeout(() => {
@@ -2144,34 +2140,34 @@ f = new WeakMap(), z = new WeakMap(), x = new WeakMap(), ti = new WeakMap(), Tt
   }) : setTimeout(() => {
     t();
   }, 120);
-}, mo = function(o, t) {
-  const i = o.seekable;
+}, go = function(a, t) {
+  const i = a.seekable;
   if (!i || i.length === 0) return t;
-  const s = i.start(0), a = i.end(i.length - 1);
-  return e(this, _).debug("Clamped seekable:", Math.max(s, Math.min(t, a))), Math.max(s, Math.min(t, a));
-}, Ki = new WeakMap(), Vi = new WeakMap(), Xi = new WeakMap(), ji = new WeakMap(), vo = function() {
-  for (const o of e($t, Xi)) e(this, f).addEventListener(o, e(this, Ki));
-  for (const o of e($t, ji)) e(this, f).addEventListener(o, e(this, Vi));
-  e(this, f).addEventListener("timeupdate", e(this, Yi)), e(this, f).addEventListener("progress", e(this, Ji));
-}, fo = function() {
-  for (const o of e($t, Xi)) e(this, f).removeEventListener(o, e(this, Ki));
-  for (const o of e($t, ji)) e(this, f).removeEventListener(o, e(this, Vi));
-  e(this, f).removeEventListener("timeupdate", e(this, Yi)), e(this, f).removeEventListener("progress", e(this, Ji));
-}, Yi = new WeakMap(), Ji = new WeakMap(), vi = function(o) {
-  const t = o && (e(this, f).readyState < HTMLMediaElement.HAVE_FUTURE_DATA || e(this, f).seeking || e(this, f).paused && !this.userPaused);
+  const s = i.start(0), o = i.end(i.length - 1);
+  return e(this, _).debug("Clamped seekable:", Math.max(s, Math.min(t, o))), Math.max(s, Math.min(t, o));
+}, qi = new WeakMap(), Vi = new WeakMap(), Xi = new WeakMap(), ji = new WeakMap(), Eo = function() {
+  for (const a of e(Gt, Xi)) e(this, f).addEventListener(a, e(this, qi));
+  for (const a of e(Gt, ji)) e(this, f).addEventListener(a, e(this, Vi));
+  e(this, f).addEventListener("timeupdate", e(this, Yi)), e(this, f).addEventListener("progress", e(this, Wi));
+}, Ao = function() {
+  for (const a of e(Gt, Xi)) e(this, f).removeEventListener(a, e(this, qi));
+  for (const a of e(Gt, ji)) e(this, f).removeEventListener(a, e(this, Vi));
+  e(this, f).removeEventListener("timeupdate", e(this, Yi)), e(this, f).removeEventListener("progress", e(this, Wi));
+}, Yi = new WeakMap(), Wi = new WeakMap(), vi = function(a) {
+  const t = a && (e(this, f).readyState < HTMLMediaElement.HAVE_FUTURE_DATA || e(this, f).seeking || e(this, f).paused && !this.userPaused);
   e(this, f).dispatchEvent(
     new CustomEvent(t ? "hlsbuffering" : "hlsnotbuffering", {
       bubbles: !0,
       composed: !0
     })
   );
-}, me = function(o) {
-  return e(this, qi) === o;
-}, l($t, Xi, ["waiting", "seeking", "stalled", "loadstart"]), l($t, ji, ["canplay", "canplaythrough", "seeked", "loadeddata"]);
-let tr = $t;
-class Eh {
-  constructor(o) {
-    this.vindral = o;
+}, ve = function(a) {
+  return e(this, Ki) === a;
+}, l(Gt, Xi, ["waiting", "seeking", "stalled", "loadstart"]), l(Gt, ji, ["canplay", "canplaythrough", "seeked", "loadeddata"]);
+let tr = Gt;
+class Fh {
+  constructor(a) {
+    this.vindral = a;
   }
   get volume() {
     return this.vindral.volume;
@@ -2180,17 +2176,17 @@ class Eh {
     return this.vindral.muted;
   }
   play() {
-    return K(this, null, function* () {
-      var o;
-      return (o = this.vindral) == null || o.play(), Promise.resolve();
+    return q(this, null, function* () {
+      var a;
+      return (a = this.vindral) == null || a.play(), Promise.resolve();
     });
   }
   pause() {
     this.vindral.pause();
   }
 }
-const go = document.createElement("template");
-go.innerHTML = /* HTML */
+const yo = document.createElement("template");
+yo.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -2330,7 +2326,7 @@ class Ui extends HTMLElement {
     l(this, ii, null);
     l(this, si);
     v(this, "range");
-    h(this, si, this.attachShadow({ mode: "open" })), e(this, si).appendChild(go.content.cloneNode(!0)), this.range = e(this, si).getElementById("range");
+    h(this, si, this.attachShadow({ mode: "open" })), e(this, si).appendChild(yo.content.cloneNode(!0)), this.range = e(this, si).getElementById("range");
   }
   connectedCallback() {
     var t;
@@ -2360,8 +2356,8 @@ class Ui extends HTMLElement {
   }
 }
 ii = new WeakMap(), si = new WeakMap(), v(Ui, "observedAttributes", ["disabled"]);
-const Eo = document.createElement("template");
-Eo.innerHTML = /* HTML */
+const ko = document.createElement("template");
+ko.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -2464,6 +2460,11 @@ Eo.innerHTML = /* HTML */
       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;
     }
@@ -2558,176 +2559,176 @@ Eo.innerHTML = /* HTML */
   </div>
 `;
 const On = ["ArrowDown", "ArrowLeft", "ArrowRight", "Tab", "Enter", " ", "f", "m"];
-var En, xt, Wi, lt, Yt, Zi, b, q, Le, E, Qi, At, Nt, Jt, An, j, Rt, we, ht, Q, _t, ts, es, G, Wt, Zt, d, nr, yn, kn, is, ss, ns, rs, as, os, ls, hs, ds, cs, rr, ar, us, ps, bs, In, ms, vs, fs, gs, Ao, or, Es, lr, yo, Qs, ko, Io, tn, Lo, hr, wo, So, To, As, Co, xo, No, Ro, ys, Ln, wn, _o, ks, Sn, Tn, Se, dr, cr, en, Bt, Uo, sn, nn, Po, ur, Cn, xn, pr, A, T;
+var An, xt, Ji, lt, Wt, Zi, b, M, Jt, g, Qi, At, Nt, Zt, yn, j, Rt, Le, ht, Q, _t, ts, es, K, Qt, te, d, nr, kn, In, is, ss, ns, rs, as, os, ls, hs, ds, cs, rr, ar, us, ps, bs, ms, vs, fs, gs, Es, Io, or, lr, As, hr, Lo, tn, To, So, en, wo, dr, Co, xo, No, ys, Ro, _o, Uo, Po, ks, Ln, Tn, Do, Is, Sn, wn, Te, cr, ur, sn, zt, Mo, nn, rn, Oo, pr, Cn, xn, br, A, w;
 const Li = class Li extends HTMLElement {
   constructor() {
     var s;
     super();
     l(this, d);
     l(this, xt, /* @__PURE__ */ new Map());
-    l(this, Wi, 2e3);
+    l(this, Ji, 2e3);
     l(this, lt, null);
-    l(this, Yt, null);
+    l(this, Wt, null);
     l(this, Zi);
     l(this, b);
-    l(this, q);
-    l(this, Le);
-    l(this, E);
-    l(this, Qi, e(Li, En));
+    l(this, M);
+    l(this, Jt);
+    l(this, g);
+    l(this, Qi, e(Li, An));
     l(this, At);
     l(this, Nt);
-    l(this, Jt);
-    l(this, An);
+    l(this, Zt);
+    l(this, yn);
     l(this, j);
     l(this, Rt);
-    l(this, we);
+    l(this, Le);
     l(this, ht);
     l(this, Q);
     l(this, _t);
     l(this, ts);
     l(this, es);
-    l(this, G);
-    l(this, Wt, null);
-    l(this, Zt, !1);
+    l(this, K);
+    l(this, Qt, null);
+    l(this, te, !1);
     // Store references to listener functions for removal
-    l(this, yn, (t) => {
+    l(this, kn, (t) => {
       const i = t.filter((s) => {
-        var a;
-        return (a = s.video) == null ? void 0 : a.width;
+        var o;
+        return (o = s.video) == null ? void 0 : o.width;
       });
       n(this, d, A).call(this, r.RENDITION_LEVELS, JSON.stringify(i));
     });
-    l(this, kn, (t) => {
+    l(this, In, (t) => {
       n(this, d, A).call(this, r.RENDITION_LEVEL, JSON.stringify(t));
     });
     l(this, is, (t) => {
       switch (t) {
         case "playing":
-          n(this, d, T).call(this, r.PAUSED), n(this, d, T).call(this, r.BUFFERING);
+          n(this, d, w).call(this, r.PAUSED), n(this, d, w).call(this, r.BUFFERING);
           break;
         case "paused":
-          n(this, d, A).call(this, r.PAUSED, ""), n(this, d, T).call(this, r.BUFFERING);
+          n(this, d, A).call(this, r.PAUSED, ""), n(this, d, w).call(this, r.BUFFERING);
           break;
         case "buffering":
-          n(this, d, T).call(this, r.PAUSED), n(this, d, A).call(this, r.BUFFERING, "");
+          n(this, d, w).call(this, r.PAUSED), n(this, d, A).call(this, r.BUFFERING, "");
           break;
       }
     });
     l(this, ss, (t) => {
-      n(this, d, A).call(this, r.VOLUME, t.volume.toString()), t.isMuted ? n(this, d, A).call(this, r.MUTED, "") : n(this, d, T).call(this, r.MUTED);
+      n(this, d, A).call(this, r.VOLUME, t.volume.toString()), t.isMuted ? n(this, d, A).call(this, r.MUTED, "") : n(this, d, w).call(this, r.MUTED);
     });
     l(this, ns, ({ channelId: t }) => {
       var i;
-      this.setAttribute(r.CHANNEL_ID, t), ((i = e(this, b)) == null ? void 0 : i.playbackState) !== "buffering" && n(this, d, T).call(this, r.BUFFERING);
+      this.setAttribute(r.CHANNEL_ID, t), ((i = e(this, b)) == null ? void 0 : i.playbackState) !== "buffering" && n(this, d, w).call(this, r.BUFFERING);
     });
     l(this, rs, ({ channelId: t }) => {
       var i;
-      e(this, At) !== t && this.setAttribute(r.CHANNEL_ID, t), ((i = e(this, b)) == null ? void 0 : i.playbackState) !== "buffering" && n(this, d, T).call(this, r.BUFFERING);
+      e(this, At) !== t && this.setAttribute(r.CHANNEL_ID, t), ((i = e(this, b)) == null ? void 0 : i.playbackState) !== "buffering" && n(this, d, w).call(this, r.BUFFERING);
     });
     l(this, as, (t) => {
-      h(this, Se, Date.now()), n(this, d, A).call(this, r.CHANNELS, JSON.stringify(t));
+      h(this, Te, Date.now()), n(this, d, A).call(this, r.CHANNELS, JSON.stringify(t));
     });
     l(this, os, (t) => {
       var i;
       n(this, d, A).call(this, r.LANGUAGES, JSON.stringify(t)), (i = e(this, b)) != null && i.language && n(this, d, A).call(this, r.LANGUAGE, e(this, b).language);
     });
     l(this, ls, (t) => {
-      var i, s, a;
-      n(this, d, A).call(this, r.TEXT_TRACKS, JSON.stringify(t)), (i = e(this, b)) != null && i.textTrack && n(this, d, A).call(this, r.TEXT_TRACK, (a = (s = e(this, b)) == null ? void 0 : s.textTrack) != null ? a : "");
+      var i, s, o;
+      n(this, d, A).call(this, r.TEXT_TRACKS, JSON.stringify(t)), (i = e(this, b)) != null && i.textTrack && n(this, d, A).call(this, r.TEXT_TRACK, (o = (s = e(this, b)) == null ? void 0 : s.textTrack) != null ? o : "");
     });
     l(this, hs, (t) => {
-      t != null && t.forVideo ? (n(this, d, A).call(this, r.NEEDS_USER_INPUT_VIDEO, ""), n(this, d, T).call(this, r.NEEDS_USER_INPUT_AUDIO)) : t != null && t.forAudio && (n(this, d, A).call(this, r.NEEDS_USER_INPUT_AUDIO, ""), n(this, d, T).call(this, r.NEEDS_USER_INPUT_VIDEO));
+      t != null && t.forVideo ? (n(this, d, A).call(this, r.NEEDS_USER_INPUT_VIDEO, ""), n(this, d, w).call(this, r.NEEDS_USER_INPUT_AUDIO)) : t != null && t.forAudio && (n(this, d, A).call(this, r.NEEDS_USER_INPUT_AUDIO, ""), n(this, d, w).call(this, r.NEEDS_USER_INPUT_VIDEO));
     });
     l(this, ds, (t) => {
-      t || n(this, d, T).call(this, r.BUFFERING);
+      t || n(this, d, w).call(this, r.BUFFERING);
     });
     l(this, cs, (t) => {
       var N;
       const { urls: i, duration: s } = t;
-      if (!i[0] || !e(this, E)) return;
-      const a = new URL(i[0]);
-      a.searchParams.set("channelId", (N = e(this, At)) != null ? N : "");
+      if (!i[0] || !e(this, g)) return;
+      const o = new URL(i[0]);
+      o.searchParams.set("channelId", (N = e(this, At)) != null ? N : "");
       const u = this.getAttribute("authentication-token");
-      u && a.searchParams.set("authToken", u);
-      const c = gh(s);
+      u && o.searchParams.set("authToken", u);
+      const c = Oh(s);
       if (isNaN(c)) {
-        e(this, G).error(`Invalid duration format: ${s}`);
+        e(this, K).error(`Invalid duration format: ${s}`);
         return;
       }
-      const m = Math.floor(Date.now() / 1e3), g = new Date((m - c) * 1e3).toISOString();
-      a.searchParams.set("from", g), e(this, E).setTimeshiftUrl(a.toString()), n(this, d, A).call(this, r.DURATION, c.toString());
+      const m = Math.floor(Date.now() / 1e3), E = new Date((m - c) * 1e3).toISOString();
+      o.searchParams.set("from", E), e(this, g).setTimeshiftUrl(o.toString()), n(this, d, A).call(this, r.DURATION, c.toString());
     });
     l(this, us, () => {
-      n(this, d, T).call(this, r.PAUSED), n(this, d, T).call(this, r.BUFFERING);
+      n(this, d, w).call(this, r.PAUSED), n(this, d, w).call(this, r.BUFFERING);
     });
     l(this, ps, () => {
-      n(this, d, A).call(this, r.PAUSED, ""), n(this, d, T).call(this, r.BUFFERING);
+      n(this, d, A).call(this, r.PAUSED, ""), n(this, d, w).call(this, r.BUFFERING);
     });
     l(this, bs, () => {
-      e(this, ks).call(this), n(this, d, T).call(this, r.BUFFERING);
+      e(this, Is).call(this), n(this, d, w).call(this, r.BUFFERING);
     });
-    l(this, In, () => {
-      if (!e(this, E)) return;
-      const t = e(this, E).duration;
+    l(this, ms, () => {
+      if (!e(this, g)) return;
+      const t = e(this, g).duration;
       n(this, d, A).call(this, r.DURATION, isNaN(t) ? "0" : t.toString());
     });
-    l(this, ms, () => {
+    l(this, vs, () => {
       var i, s;
-      if (!e(this, E) || e(this, E).seeking || (s = (i = e(this, E)).shouldIgnoreTimeupdate) != null && s.call(i))
+      if (!e(this, g) || e(this, g).seeking || (s = (i = e(this, g)).shouldIgnoreTimeupdate) != null && s.call(i))
         return;
-      const t = e(this, E).currentTime;
+      const t = e(this, g).currentTime;
       t != null && n(this, d, A).call(this, r.TIMESHIFT_POSITION, t.toString());
     });
-    l(this, vs, () => {
-      e(this, E) && (n(this, d, A).call(this, r.VOLUME, e(this, E).volume.toString()), e(this, E).muted ? n(this, d, A).call(this, r.MUTED, "") : n(this, d, T).call(this, r.MUTED));
-    });
     l(this, fs, () => {
-      n(this, d, A).call(this, r.BUFFERING, "");
+      e(this, g) && (n(this, d, A).call(this, r.VOLUME, e(this, g).volume.toString()), e(this, g).muted ? n(this, d, A).call(this, r.MUTED, "") : n(this, d, w).call(this, r.MUTED));
     });
     l(this, gs, () => {
-      n(this, d, T).call(this, r.BUFFERING);
+      n(this, d, A).call(this, r.BUFFERING, "");
     });
     l(this, Es, () => {
-      if (e(this, Zt)) {
-        if (e(this, q) !== e(this, E)) {
-          h(this, Zt, !1);
+      n(this, d, w).call(this, r.BUFFERING);
+    });
+    l(this, As, () => {
+      if (e(this, te)) {
+        if (e(this, M) !== e(this, g)) {
+          h(this, te, !1);
           return;
         }
-        h(this, Zt, !1), n(this, d, sn).call(this);
+        h(this, te, !1), n(this, d, nn).call(this);
       }
     });
-    l(this, As, 0);
+    l(this, ys, 0);
     v(this, "handleEvent", (t) => {
       switch (t.type) {
         case "pointerdown":
-          h(this, As, t.timeStamp);
+          h(this, ys, t.timeStamp);
           break;
         case "pointermove":
-          n(this, d, Co).call(this, t);
+          n(this, d, Ro).call(this, t);
           break;
         case "pointerup":
-          n(this, d, xo).call(this, t);
+          n(this, d, _o).call(this, t);
           break;
         case "mouseleave":
-          n(this, d, Bt).call(this);
+          n(this, d, zt).call(this);
           break;
         case "dblclick":
-          n(this, d, No).call(this, t);
+          n(this, d, Uo).call(this, t);
           break;
         case "mousemove":
-          n(this, d, Ro).call(this, t);
+          n(this, d, Po).call(this, t);
           break;
         case "keydown":
-          e(this, wn).call(this, t);
+          e(this, Tn).call(this, t);
           break;
         case "keyup":
-          n(this, d, Bt).call(this), e(this, Ln).call(this, t);
+          n(this, d, zt).call(this), e(this, Ln).call(this, t);
           break;
       }
     });
-    l(this, ys, (t) => {
+    l(this, ks, (t) => {
       var i;
-      if (e(this, b) && (e(this, G).debug("Vindral event", { type: t.type }), t instanceof CustomEvent))
+      if (e(this, b) && (e(this, K).debug("Vindral event", { type: t.type }), t instanceof CustomEvent))
         switch (t.type) {
           case y.PLAY:
             this.removeAttribute(r.PAUSED);
@@ -2772,11 +2773,11 @@ const Li = class Li extends HTMLElement {
             }
             break;
           case y.CHANNEL_GRID_OPENED: {
-            e(this, Wt) === null && n(this, d, dr).call(this);
+            e(this, Qt) === null && n(this, d, cr).call(this);
             break;
           }
           case y.CHANNEL_GRID_CLOSED: {
-            e(this, Wt) !== null && (clearTimeout(e(this, Wt)), h(this, Wt, null));
+            e(this, Qt) !== null && (clearTimeout(e(this, Qt)), h(this, Qt, null));
             break;
           }
           case y.ENTER_PIP:
@@ -2800,14 +2801,14 @@ const Li = class Li extends HTMLElement {
           case y.SET_VOLUME:
             {
               const s = t.detail;
-              e(this, b).muted && s > 0 ? (e(this, b).muted = !1, e(this, E) && (e(this, E).muted = !1)) : s === 0 && (e(this, b).muted = !0, e(this, E) && (e(this, E).muted = !0)), this.setAttribute(r.VOLUME, s.toString());
+              e(this, b).muted && s > 0 ? (e(this, b).muted = !1, e(this, g) && (e(this, g).muted = !1)) : s === 0 && (e(this, b).muted = !0, e(this, g) && (e(this, g).muted = !0)), this.setAttribute(r.VOLUME, s.toString());
             }
             break;
           case y.SEEK:
             this.handleTimeShiftUpdate(String(t.detail));
             break;
           case y.GO_LIVE:
-            e(this, ks).call(this);
+            e(this, Is).call(this);
             break;
         }
     });
@@ -2817,73 +2818,76 @@ const Li = class Li extends HTMLElement {
         this.removeEventListener("keyup", this);
         return;
       }
-      n(this, d, _o).call(this, t);
+      n(this, d, Do).call(this, t);
     });
-    l(this, wn, (t) => {
-      const { metaKey: i, altKey: s, key: a } = t;
-      i || s || !On.includes(a) || this.addEventListener("keyup", this, { once: !0 });
+    l(this, Tn, (t) => {
+      const { metaKey: i, altKey: s, key: o } = t;
+      i || s || !On.includes(o) || this.addEventListener("keyup", this, { once: !0 });
     });
-    l(this, ks, () => {
+    l(this, Is, () => {
       this.removeAttribute(r.TIMESHIFT_POSITION), this.handleTimeShiftUpdate(!1);
     });
     l(this, Sn, (t) => {
       var i;
-      e(this, E) || n(this, d, or).call(this), e(this, q) !== e(this, E) && (t && n(this, d, nn).call(this), h(this, q, e(this, E)), n(this, d, ar).call(this), n(this, d, Ao).call(this), n(this, d, Qs).call(this), (i = e(this, b)) == null || i.pause(), h(this, Zt, t));
+      e(this, g) || n(this, d, or).call(this), e(this, M) !== e(this, g) && (t && n(this, d, rn).call(this), h(this, M, e(this, g)), n(this, d, ar).call(this), n(this, d, Io).call(this), n(this, d, tn).call(this), (i = e(this, b)) == null || i.pause(), h(this, te, t));
     });
-    l(this, Tn, (t) => {
-      var i, s, a, u;
-      t && n(this, d, nn).call(this), (i = e(this, E)) == null || i.hide(), h(this, q, e(this, Le)), n(this, d, Qs).call(this), this.hasAttribute(r.PAUSED) ? (s = e(this, q)) == null || s.pause() : (a = e(this, q)) == null || a.play(), n(this, d, lr).call(this), n(this, d, rr).call(this), (u = e(this, E)) == null || u.pause(), t && (h(this, Zt, !1), setTimeout(() => {
-        n(this, d, sn).call(this);
+    l(this, wn, (t) => {
+      var i, s, o, u;
+      t && n(this, d, rn).call(this), (i = e(this, g)) == null || i.hide(), h(this, M, e(this, Jt)), n(this, d, tn).call(this), this.hasAttribute(r.PAUSED) ? (s = e(this, M)) == null || s.pause() : (o = e(this, M)) == null || o.play(), n(this, d, hr).call(this), n(this, d, rr).call(this), (u = e(this, g)) == null || u.pause(), t && (h(this, te, !1), setTimeout(() => {
+        n(this, d, nn).call(this);
       }, 100));
     });
     v(this, "handleTimeShiftUpdate", (t) => {
       var s;
       const i = this.hasAttribute(r.IS_PIP);
       if (t !== !1) {
-        e(this, Sn).call(this, i), (s = e(this, E)) == null || s.seek({
+        e(this, Sn).call(this, i), (s = e(this, g)) == null || s.seek({
           time: parseFloat(t),
           playWhenReady: !this.hasAttribute(r.PAUSED)
         });
         return;
       }
-      e(this, q) !== e(this, Le) && e(this, Tn).call(this, i);
+      e(this, M) !== e(this, Jt) && e(this, wn).call(this, i);
     });
-    l(this, Se, null);
+    l(this, Te, null);
     l(this, Cn, () => {
-      var i, s, a;
-      if (!("orientation" in screen) || !screen.orientation.lock)
+      var s;
+      const t = (s = e(this, b)) == null ? void 0 : s.currentRenditionLevel;
+      if (!(t != null && t.video))
         return;
-      const t = (i = e(this, b)) == null ? void 0 : i.currentRenditionLevel;
-      t != null && t.video && screen.orientation.lock(((s = t == null ? void 0 : t.video) == null ? void 0 : s.width) > ((a = t == null ? void 0 : t.video) == null ? void 0 : a.height) ? "landscape-primary" : "portrait-primary").catch(() => {
+      const i = fh(
+        t.video.width > t.video.height ? "landscape-primary" : "portrait-primary"
+      );
+      i && i.catch(() => {
       });
     });
     l(this, xn, () => {
-      !("orientation" in screen) || !screen.orientation.unlock || screen.orientation.unlock();
+      gh();
     });
-    this.attachShadow({ mode: "open" }).appendChild(Eo.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(ko.content.cloneNode(!0));
     const i = Mn(this.getAttribute("log-level"));
-    h(this, G, oa.get().createContext("VindralController")), e(this, G).setLevel(i), h(this, Zi, (s = this.shadowRoot) == null ? void 0 : s.querySelector("#time-shift-video"));
+    h(this, K, da.get().createContext("VindralController")), e(this, K).setLevel(i), h(this, Zi, (s = this.shadowRoot) == null ? void 0 : s.querySelector("#time-shift-video"));
   }
   connectedCallback() {
-    return K(this, null, function* () {
+    return q(this, null, function* () {
       R(this.getAttribute("auto-instance-enabled"), !0) && (yield n(this, d, nr).call(this));
       for (const i of Object.values(y))
-        this.addEventListener(i, e(this, ys));
+        this.addEventListener(i, e(this, ks));
       window.PointerEvent ? (this.addEventListener("pointerdown", this), this.addEventListener("pointermove", this), this.addEventListener("pointerup", this)) : this.addEventListener("mousemove", this), this.addEventListener("mouseleave", this), this.addEventListener("keydown", this), this.addEventListener("resize", this), this.addEventListener("dblclick", this), this.connectListener(this), this.tabIndex = 0, this.focus({ preventScroll: !0 });
     });
   }
   disconnectedCallback() {
-    var t, i, s, a, u, c;
-    (t = e(this, b)) == null || t.unload(), (i = e(this, j)) == null || i.unload(), (s = e(this, Rt)) == null || s.unload(), (a = e(this, we)) == null || a.unload(), (u = e(this, Q)) == null || u.unload(), (c = e(this, E)) == null || c.cleanup();
-    for (const m of Object.values(y))
-      this.removeEventListener(m, e(this, ys));
-    n(this, d, lr).call(this), n(this, d, ar).call(this), e(this, lt) && (clearTimeout(e(this, lt)), h(this, lt, null)), this.disconnectListener(this);
+    var t, i, s, o, u;
+    (t = e(this, b)) == null || t.unload(), (i = e(this, j)) == null || i.unload(), (s = e(this, Rt)) == null || s.unload(), (o = e(this, Le)) == null || o.unload(), (u = e(this, Q)) == null || u.unload(), n(this, d, lr).call(this);
+    for (const c of Object.values(y))
+      this.removeEventListener(c, e(this, ks));
+    n(this, d, ar).call(this), e(this, lt) && (clearTimeout(e(this, lt)), h(this, lt, null)), this.disconnectListener(this);
   }
   attributeChangedCallback(t, i, s) {
-    var u, c, m, g, N, F, $, vt, ft, gt, le, he, de, ce, ue;
+    var u, c, m, E, N, H, G, vt, ft, gt, de, ce, ue, pe, be;
     if (i == s)
       return;
-    switch (e(this, G).debug("Attribute changed", { name: t, oldValue: i, newValue: s }), t) {
+    switch (e(this, K).debug("Attribute changed", { name: t, oldValue: i, newValue: s }), t) {
       case "channel-id":
         h(this, At, s), e(this, b) && s && (e(this, b).channelId = s, e(this, b).play(), n(this, d, A).call(this, r.BUFFERING, ""), n(this, d, A).call(this, r.CHANNEL_ID, s), n(this, d, A).call(this, r.POSTER_SRC, e(this, b).getThumbnailUrl()));
         break;
@@ -2894,55 +2898,55 @@ const Li = class Li extends HTMLElement {
         s && h(this, Qi, s);
         break;
       case "paused":
-        U(s) ? ((u = e(this, q)) == null || u.pause(), n(this, d, A).call(this, r.PAUSED, "")) : (n(this, d, T).call(this, r.NEEDS_USER_INPUT_VIDEO), n(this, d, T).call(this, r.PAUSED), (c = e(this, q)) == null || c.play());
+        U(s) ? ((u = e(this, M)) == null || u.pause(), n(this, d, A).call(this, r.PAUSED, "")) : (n(this, d, w).call(this, r.NEEDS_USER_INPUT_VIDEO), n(this, d, w).call(this, r.PAUSED), (c = e(this, M)) == null || c.play());
         break;
       case "target-buffer-time":
         if (e(this, b) && s) {
-          const H = parseInt(s, 10);
-          Number.isNaN(H) || (e(this, b).targetBufferTime = H);
+          const B = parseInt(s, 10);
+          Number.isNaN(B) || (e(this, b).targetBufferTime = B);
         }
         break;
       case "user-interacting":
-        U(s) ? n(this, d, A).call(this, r.USER_INTERACTING, "") : n(this, d, T).call(this, r.USER_INTERACTING);
+        U(s) ? n(this, d, A).call(this, r.USER_INTERACTING, "") : n(this, d, w).call(this, r.USER_INTERACTING);
         break;
       case "muted":
-        e(this, b) && (U(s) ? (e(this, b).muted = !0, e(this, E) && (e(this, E).muted = !0), n(this, d, A).call(this, r.MUTED, ""), (m = e(this, Q)) != null && m.isMediaElementSource && ((g = e(this, Q)) == null || g.stop(), n(this, d, A).call(this, r.VOLUME_LEVEL, JSON.stringify({ left: null, right: null })))) : (e(this, b).muted = !1, e(this, E) && (e(this, E).muted = !1), n(this, d, T).call(this, r.MUTED), n(this, d, T).call(this, r.NEEDS_USER_INPUT_AUDIO), e(this, b).volume === 0 && (e(this, b).volume = 0.3), (N = e(this, Q)) == null || N.start()));
+        e(this, b) && (U(s) ? (e(this, b).muted = !0, e(this, g) && (e(this, g).muted = !0), n(this, d, A).call(this, r.MUTED, ""), (m = e(this, Q)) != null && m.isMediaElementSource && ((E = e(this, Q)) == null || E.stop(), n(this, d, A).call(this, r.VOLUME_LEVEL, JSON.stringify({ left: null, right: null })))) : (e(this, b).muted = !1, e(this, g) && (e(this, g).muted = !1), n(this, d, w).call(this, r.MUTED), n(this, d, w).call(this, r.NEEDS_USER_INPUT_AUDIO), e(this, b).volume === 0 && (e(this, b).volume = 0.3), (N = e(this, Q)) == null || N.start()));
         break;
       case "ui-locked":
-        U(s) ? n(this, d, en).call(this) : n(this, d, Bt).call(this);
+        U(s) ? n(this, d, sn).call(this) : n(this, d, zt).call(this);
         break;
       case "is-fullscreen":
-        U(s) ? n(this, d, Po).call(this) : n(this, d, ur).call(this);
+        U(s) ? n(this, d, Oo).call(this) : n(this, d, pr).call(this);
         break;
       case "abr-enabled":
         {
-          const H = R(s != null ? s : null, !1);
-          e(this, b) && (e(this, b).abrEnabled = H, H && (e(this, b).sizeBasedResolutionCapEnabled = R(
+          const B = R(s != null ? s : null, !1);
+          e(this, b) && (e(this, b).abrEnabled = B, B && (e(this, b).sizeBasedResolutionCapEnabled = R(
             this.getAttribute(r.SIZE_BASED_RESOLUTION_CAP_ENABLED),
             !0
-          ))), H ? n(this, d, A).call(this, r.ABR_ENABLED, "") : n(this, d, T).call(this, r.ABR_ENABLED);
+          ))), B ? n(this, d, A).call(this, r.ABR_ENABLED, "") : n(this, d, w).call(this, r.ABR_ENABLED);
         }
         break;
       case "size-based-resolution-cap-enabled":
         {
-          const H = R(s != null ? s : null, !0);
-          e(this, b) && (e(this, b).sizeBasedResolutionCapEnabled = H), n(this, d, A).call(this, r.SIZE_BASED_RESOLUTION_CAP_ENABLED, H ? "true" : "false");
+          const B = R(s != null ? s : null, !0);
+          e(this, b) && (e(this, b).sizeBasedResolutionCapEnabled = B), n(this, d, A).call(this, r.SIZE_BASED_RESOLUTION_CAP_ENABLED, B ? "true" : "false");
         }
         break;
       case "max-video-bit-rate":
-        h(this, Jt, s), U(s) ? n(this, d, A).call(this, r.MAX_VIDEO_BITRATE, s) : n(this, d, T).call(this, r.MAX_VIDEO_BITRATE), e(this, E) && (e(this, E).maxVideoBitRate = s ? pe(s) : void 0);
+        h(this, Zt, s), U(s) ? n(this, d, A).call(this, r.MAX_VIDEO_BITRATE, s) : n(this, d, w).call(this, r.MAX_VIDEO_BITRATE), e(this, g) && (e(this, g).maxVideoBitRate = s ? Bt(s) : void 0);
         break;
       case "max-initial-bit-rate":
-        h(this, An, s), U(s) ? n(this, d, A).call(this, r.MAX_INITIAL_BITRATE, s) : n(this, d, T).call(this, r.MAX_INITIAL_BITRATE);
+        h(this, yn, s), U(s) ? n(this, d, A).call(this, r.MAX_INITIAL_BITRATE, s) : n(this, d, w).call(this, r.MAX_INITIAL_BITRATE);
         break;
       case "is-pip":
-        U(s) ? n(this, d, sn).call(this) : n(this, d, nn).call(this);
+        U(s) ? n(this, d, nn).call(this) : n(this, d, rn).call(this);
         break;
       case "is-airplaying":
-        U(s) ? ((F = e(this, b)) != null && F.mediaElement && (e(this, b).mediaElement.style.display = "hidden"), ($ = e(this, b)) == null || $.pause()) : (vt = e(this, b)) != null && vt.mediaElement && (e(this, b).mediaElement.style.display = "block");
+        U(s) ? ((H = e(this, b)) != null && H.mediaElement && (e(this, b).mediaElement.style.display = "hidden"), (G = e(this, b)) == null || G.pause()) : (vt = e(this, b)) != null && vt.mediaElement && (e(this, b).mediaElement.style.display = "block");
         break;
       case "is-casting":
-        U(s) ? ((ft = e(this, Rt)) != null && ft.isFullscreen() && n(this, d, ur).call(this), (gt = e(this, b)) == null || gt.pause()) : document.hidden || (le = e(this, b)) == null || le.play();
+        U(s) ? ((ft = e(this, Rt)) != null && ft.isFullscreen() && n(this, d, pr).call(this), (gt = e(this, b)) == null || gt.pause()) : document.hidden || (de = e(this, b)) == null || de.play();
         break;
       case "cast-receiver-id":
         h(this, ts, s);
@@ -2951,36 +2955,36 @@ const Li = class Li extends HTMLElement {
         h(this, es, s);
         break;
       case "language":
-        e(this, b) && (e(this, b).language = s, U(s) ? n(this, d, A).call(this, r.LANGUAGE, s) : n(this, d, T).call(this, r.LANGUAGE));
+        e(this, b) && (e(this, b).language = s, U(s) ? n(this, d, A).call(this, r.LANGUAGE, s) : n(this, d, w).call(this, r.LANGUAGE));
         break;
       case "text-track":
-        e(this, b) && (e(this, b).textTrack = s, U(s) ? n(this, d, A).call(this, r.TEXT_TRACK, s) : n(this, d, T).call(this, r.TEXT_TRACK));
+        e(this, b) && (e(this, b).textTrack = s, U(s) ? n(this, d, A).call(this, r.TEXT_TRACK, s) : n(this, d, w).call(this, r.TEXT_TRACK));
         break;
       case "log-level":
-        U(s) && e(this, G).setLevel(Mn(s));
+        U(s) && e(this, K).setLevel(Mn(s));
         break;
       case "authentication-token":
-        U(s) ? ((he = e(this, b)) == null || he.updateAuthenticationToken(s), (de = e(this, ht)) == null || de.updateAuthenticationToken(s), n(this, d, A).call(this, r.AUTHENTICATION_TOKEN, s)) : n(this, d, T).call(this, r.AUTHENTICATION_TOKEN);
+        U(s) ? ((ce = e(this, b)) == null || ce.updateAuthenticationToken(s), (ue = e(this, ht)) == null || ue.updateAuthenticationToken(s), n(this, d, A).call(this, r.AUTHENTICATION_TOKEN, s)) : n(this, d, w).call(this, r.AUTHENTICATION_TOKEN);
         break;
       case "volume":
         if (U(s)) {
-          const H = parseFloat(s);
-          e(this, E) && (e(this, E).volume = H), e(this, b) && (e(this, b).volume = H);
+          const B = parseFloat(s);
+          e(this, g) && (e(this, g).volume = B), e(this, b) && (e(this, b).volume = B);
         }
         break;
       case "timeshift-position":
-        U(s) ? n(this, d, A).call(this, r.TIMESHIFT_POSITION, s) : n(this, d, T).call(this, r.TIMESHIFT_POSITION);
+        U(s) ? n(this, d, A).call(this, r.TIMESHIFT_POSITION, s) : n(this, d, w).call(this, r.TIMESHIFT_POSITION);
         break;
       case "drm-headers":
         if (U(s)) {
-          const H = Ys(s);
-          H ? (ce = e(this, b)) == null || ce.drm.setHeaders(H) : e(this, G).warn("Invalid DRM headers format:", s);
+          const B = Ws(s);
+          B ? (pe = e(this, b)) == null || pe.drm.setHeaders(B) : e(this, K).warn("Invalid DRM headers format:", s);
         }
         break;
       case "drm-queryparams":
         if (U(s)) {
-          const H = Ys(s);
-          H ? (ue = e(this, b)) == null || ue.drm.setQueryParams(H) : e(this, G).warn("Invalid DRM query parameters format:", s);
+          const B = Ws(s);
+          B ? (be = e(this, b)) == null || be.drm.setQueryParams(B) : e(this, K).warn("Invalid DRM query parameters format:", s);
         }
         break;
     }
@@ -2988,13 +2992,13 @@ const Li = class Li extends HTMLElement {
       r.USER_INTERACTING,
       r.PAUSED,
       r.HIDE_UI_ON_PAUSE
-    ].includes(t) && n(this, d, Uo).call(this);
+    ].includes(t) && n(this, d, Mo).call(this);
   }
   connectListener(t) {
-    na(t).forEach((s) => {
-      var u, c, m, g, N, F;
-      const a = e(this, xt).get(s);
-      switch (a ? a.push(t) : e(this, xt).set(s, [t]), s) {
+    oa(t).forEach((s) => {
+      var u, c, m, E, N, H;
+      const o = e(this, xt).get(s);
+      switch (o ? o.push(t) : e(this, xt).set(s, [t]), s) {
         case r.PAUSED:
           (((u = e(this, b)) == null ? void 0 : u.playbackState) === "paused" || this.hasAttribute(r.PAUSED)) && t.setAttribute(r.PAUSED, "");
           break;
@@ -3002,17 +3006,17 @@ const Li = class Li extends HTMLElement {
           ((c = e(this, b)) != null && c.muted || this.hasAttribute(r.MUTED)) && t.setAttribute(r.MUTED, "");
           break;
         case r.MAX_VIDEO_BITRATE:
-          e(this, Jt) && t.setAttribute(r.MAX_VIDEO_BITRATE, e(this, Jt));
+          e(this, Zt) && t.setAttribute(r.MAX_VIDEO_BITRATE, e(this, Zt));
           break;
         case r.ABR_ENABLED:
-          ((g = (m = e(this, b)) == null ? void 0 : m.abrEnabled) != null ? g : R(this.getAttribute(r.ABR_ENABLED), !0)) ? t.setAttribute(r.ABR_ENABLED, "") : t.removeAttribute(r.ABR_ENABLED);
+          ((E = (m = e(this, b)) == null ? void 0 : m.abrEnabled) != null ? E : R(this.getAttribute(r.ABR_ENABLED), !0)) ? t.setAttribute(r.ABR_ENABLED, "") : t.removeAttribute(r.ABR_ENABLED);
           break;
         case r.SIZE_BASED_RESOLUTION_CAP_ENABLED:
           {
-            const $ = (F = (N = e(this, b)) == null ? void 0 : N.sizeBasedResolutionCapEnabled) != null ? F : R(this.getAttribute(r.SIZE_BASED_RESOLUTION_CAP_ENABLED), !0);
+            const G = (H = (N = e(this, b)) == null ? void 0 : N.sizeBasedResolutionCapEnabled) != null ? H : R(this.getAttribute(r.SIZE_BASED_RESOLUTION_CAP_ENABLED), !0);
             t.setAttribute(
               r.SIZE_BASED_RESOLUTION_CAP_ENABLED,
-              $ ? "true" : "false"
+              G ? "true" : "false"
             );
           }
           break;
@@ -3023,19 +3027,19 @@ const Li = class Li extends HTMLElement {
           e(this, Nt) && t.setAttribute(r.CHANNEL_GROUP_ID, e(this, Nt));
           break;
         case r.AUTHENTICATION_TOKEN: {
-          const $ = this.getAttribute("authentication-token");
-          $ && t.setAttribute(r.AUTHENTICATION_TOKEN, $);
+          const G = this.getAttribute("authentication-token");
+          G && t.setAttribute(r.AUTHENTICATION_TOKEN, G);
           break;
         }
       }
     });
   }
   disconnectListener(t) {
-    na(t).forEach((s) => {
-      const a = e(this, xt).get(s);
-      a && e(this, xt).set(
+    oa(t).forEach((s) => {
+      const o = e(this, xt).get(s);
+      o && e(this, xt).set(
         s,
-        a.filter((u) => u != t)
+        o.filter((u) => u != t)
       );
     });
   }
@@ -3043,7 +3047,7 @@ const Li = class Li extends HTMLElement {
     return e(this, b);
   }
   get fullscreen() {
-    return n(this, d, tn).call(this);
+    return n(this, d, en).call(this);
   }
   get airPlay() {
     return e(this, ht);
@@ -3052,14 +3056,15 @@ const Li = class Li extends HTMLElement {
     n(this, d, nr).call(this);
   }
 };
-En = new WeakMap(), xt = new WeakMap(), Wi = new WeakMap(), lt = new WeakMap(), Yt = new WeakMap(), Zi = new WeakMap(), b = new WeakMap(), q = new WeakMap(), Le = new WeakMap(), E = new WeakMap(), Qi = new WeakMap(), At = new WeakMap(), Nt = new WeakMap(), Jt = new WeakMap(), An = new WeakMap(), j = new WeakMap(), Rt = new WeakMap(), we = new WeakMap(), ht = new WeakMap(), Q = new WeakMap(), _t = new WeakMap(), ts = new WeakMap(), es = new WeakMap(), G = new WeakMap(), Wt = new WeakMap(), Zt = new WeakMap(), d = new WeakSet(), nr = function() {
-  return K(this, null, function* () {
-    var Wr, Zr;
+An = new WeakMap(), xt = new WeakMap(), Ji = new WeakMap(), lt = new WeakMap(), Wt = new WeakMap(), Zi = new WeakMap(), b = new WeakMap(), M = new WeakMap(), Jt = new WeakMap(), g = new WeakMap(), Qi = new WeakMap(), At = new WeakMap(), Nt = new WeakMap(), Zt = new WeakMap(), yn = new WeakMap(), j = new WeakMap(), Rt = new WeakMap(), Le = new WeakMap(), ht = new WeakMap(), Q = new WeakMap(), _t = new WeakMap(), ts = new WeakMap(), es = new WeakMap(), K = new WeakMap(), Qt = new WeakMap(), te = new WeakMap(), d = new WeakSet(), nr = function() {
+  return q(this, null, function* () {
+    var Zr, Qr;
     if (!e(this, At)) return;
-    yield (Wr = e(this, b)) == null ? void 0 : Wr.unload();
-    const t = this.hasAttribute(r.PAUSED), i = this.hasAttribute(r.MUTED), s = pe(this.getAttribute(r.VOLUME)), a = typeof s == "number" ? Math.max(0, Math.min(1, s)) : s, u = ca(this.getAttribute(r.MEDIA)), c = this.getAttribute(r.TEXT_TRACK) || void 0, m = this.getAttribute("edge-url") || void 0, g = this.getAttribute("authentication-token") || void 0, N = pe(this.getAttribute("max-video-bit-rate")), F = pe(this.getAttribute("max-initial-bit-rate")), $ = uh(this.getAttribute("max-size")), vt = pe(this.getAttribute("min-buffer-time")), ft = pe(this.getAttribute("max-buffer-time")), gt = R(this.getAttribute("burst-enabled")), le = R(this.getAttribute("mse-enabled")), he = R(this.getAttribute("mse-opus-enabled")), de = R(this.getAttribute("ios-background-play-enabled")), ce = R(this.getAttribute("ios-wake-lock-enabled")), ue = R(this.getAttribute("ios-media-element-enabled")), H = R(this.getAttribute("abr-enabled"), !0), _l = R(this.getAttribute("size-based-resolution-cap-enabled")), Ul = R(this.getAttribute("telemetry-enabled")), Pl = dh(this.getAttribute("video-codecs")), jr = ua(this.getAttribute("poster")), Dl = ph(this.getAttribute("advanced")), Ml = Mn(this.getAttribute("log-level")), Ol = {
-      headers: Ys(this.getAttribute("drm-headers")),
-      queryParams: Ys(this.getAttribute("drm-queryparams")),
+    const t = e(this, M) === e(this, Jt);
+    yield (Zr = e(this, b)) == null ? void 0 : Zr.unload(), t && h(this, M, void 0);
+    const i = this.hasAttribute(r.PAUSED), s = this.hasAttribute(r.MUTED), o = Bt(this.getAttribute(r.VOLUME)), u = typeof o == "number" ? Math.max(0, Math.min(1, o)) : o, c = ba(this.getAttribute(r.MEDIA)), m = this.getAttribute(r.TEXT_TRACK) || void 0, E = this.getAttribute("edge-url") || void 0, N = this.getAttribute("authentication-token") || void 0, H = Bt(this.getAttribute("max-video-bit-rate")), G = Bt(this.getAttribute("max-initial-bit-rate")), vt = Rh(this.getAttribute("max-size")), ft = Bt(this.getAttribute("min-buffer-time")), gt = Bt(this.getAttribute("max-buffer-time")), de = R(this.getAttribute("burst-enabled")), ce = R(this.getAttribute("mse-enabled")), ue = R(this.getAttribute("mse-opus-enabled")), pe = R(this.getAttribute("ios-background-play-enabled")), be = R(this.getAttribute("ios-wake-lock-enabled")), B = R(this.getAttribute("stream-to-media-element-enabled")), Dl = R(this.getAttribute("ios-media-element-enabled")), Ml = R(this.getAttribute("abr-enabled"), !0), Ol = R(this.getAttribute("size-based-resolution-cap-enabled")), Fl = R(this.getAttribute("telemetry-enabled")), Hl = Nh(this.getAttribute("video-codecs")), Yr = ma(this.getAttribute("poster")), Bl = _h(this.getAttribute("advanced")), zl = Mn(this.getAttribute("log-level")), $l = {
+      headers: Ws(this.getAttribute("drm-headers")),
+      queryParams: Ws(this.getAttribute("drm-queryparams")),
       widevine: {
         videoRobustness: Js(this.getAttribute("drm-widevine-video-robustness")),
         audioRobustness: Js(this.getAttribute("drm-widevine-audio-robustness"))
@@ -3068,111 +3073,115 @@ En = new WeakMap(), xt = new WeakMap(), Wi = new WeakMap(), lt = new WeakMap(),
         videoRobustness: Js(this.getAttribute("drm-playready-video-robustness")),
         audioRobustness: Js(this.getAttribute("drm-playready-audio-robustness"))
       }
-    }, Fl = R(this.getAttribute("webcodecs-enabled")), Hl = ch(
+    }, Gl = xh(
       this.getAttribute("webcodecs-hardware-acceleration")
-    ), Bl = R(this.getAttribute("offscreen-canvas-enabled")), zl = R(this.getAttribute("webtransport-enabled")), Yr = pe(this.getAttribute("reconnect-retries")), $l = Yr !== void 0 ? (Yl) => Yl.reconnectRetries < Yr : void 0, Gl = this.getAttribute("language") || void 0;
-    h(this, b, new th({
+    ), Kl = Ch(this.getAttribute("decoders")), ql = R(this.getAttribute("offscreen-canvas-enabled")), Vl = R(this.getAttribute("webtransport-enabled")), Wr = Bt(this.getAttribute("reconnect-retries")), Xl = Wr !== void 0 ? (th) => th.reconnectRetries < Wr : void 0, jl = this.getAttribute("language") || void 0;
+    h(this, b, new mh({
       url: e(this, Qi),
       channelId: e(this, At),
       channelGroupId: e(this, Nt),
-      edgeUrl: m,
-      authenticationToken: g,
-      muted: i,
-      volume: a,
-      media: u,
-      maxSize: $,
-      maxVideoBitRate: N,
-      maxInitialBitRate: F,
-      minBufferTime: vt,
-      maxBufferTime: ft,
-      burstEnabled: gt,
-      mseEnabled: le,
-      mseOpusEnabled: he,
-      iosBackgroundPlayEnabled: de,
-      iosWakeLockEnabled: ce,
-      iosMediaElementEnabled: ue,
-      abrEnabled: H,
-      sizeBasedResolutionCapEnabled: _l,
-      telemetryEnabled: Ul,
-      videoCodecs: Pl,
-      poster: jr,
-      textTrack: c,
-      advanced: Dl,
-      logLevel: Ml,
-      language: Gl,
-      drm: Ol,
-      webtransportEnabled: zl,
-      webcodecsEnabled: Fl,
-      webcodecsHardwareAcceleration: Hl,
-      offscreenCanvasEnabled: Bl,
-      reconnectHandler: $l
-    })), h(this, Le, new Eh(e(this, b))), e(this, q) || h(this, q, e(this, Le)), n(this, d, rr).call(this), h(this, Yt, (Zr = this.shadowRoot) == null ? void 0 : Zr.querySelector("#video")), e(this, Yt) && e(this, b).attach(e(this, Yt)), this.setAttribute(r.MEDIA, e(this, b).media), e(this, b).muted && n(this, d, A).call(this, r.MUTED, ""), e(this, b).abrEnabled ? n(this, d, A).call(this, r.ABR_ENABLED, "") : n(this, d, T).call(this, r.ABR_ENABLED), n(this, d, A).call(this, r.SIZE_BASED_RESOLUTION_CAP_ENABLED, e(this, b).sizeBasedResolutionCapEnabled ? "true" : "false"), n(this, d, A).call(this, r.VOLUME, e(this, b).volume.toString()), U(jr) || n(this, d, A).call(this, r.POSTER_SRC, e(this, b).getThumbnailUrl());
-    const ql = R(this.getAttribute(r.AIRPLAY_ENABLED), !1), Kl = R(this.getAttribute(r.CAST_ENABLED), !0), Jr = R(this.getAttribute(r.FULLSCREEN_ENABLED), !0), Vl = R(this.getAttribute(r.PIP_ENABLED), !0), Xl = R(this.getAttribute(r.VU_METER_ENABLED), !1), jl = R(this.getAttribute(r.TIMESHIFT_ENABLED), !1);
-    ql && n(this, d, So).call(this, e(this, b)), Kl && n(this, d, Lo).call(this, e(this, b)), Jr && n(this, d, ko).call(this, e(this, b)), Vl && n(this, d, yo).call(this, e(this, b)), t || e(this, b).play(), Xl && n(this, d, To).call(this, e(this, b)), this.dispatchEvent(
+      edgeUrl: E,
+      authenticationToken: N,
+      muted: s,
+      volume: u,
+      media: c,
+      maxSize: vt,
+      maxVideoBitRate: H,
+      maxInitialBitRate: G,
+      minBufferTime: ft,
+      maxBufferTime: gt,
+      burstEnabled: de,
+      mseEnabled: ce,
+      mseOpusEnabled: ue,
+      iosBackgroundPlayEnabled: pe,
+      iosWakeLockEnabled: be,
+      streamToMediaElementEnabled: B,
+      iosMediaElementEnabled: Dl,
+      abrEnabled: Ml,
+      sizeBasedResolutionCapEnabled: Ol,
+      telemetryEnabled: Fl,
+      videoCodecs: Hl,
+      poster: Yr,
+      textTrack: m,
+      advanced: Bl,
+      logLevel: zl,
+      language: jl,
+      drm: $l,
+      webtransportEnabled: Vl,
+      webcodecsHardwareAcceleration: Gl,
+      decoders: Kl,
+      offscreenCanvasEnabled: ql,
+      reconnectHandler: Xl
+    })), h(this, Jt, new Fh(e(this, b))), e(this, M) || h(this, M, e(this, Jt)), n(this, d, rr).call(this), h(this, Wt, (Qr = this.shadowRoot) == null ? void 0 : Qr.querySelector("#video")), e(this, Wt) && e(this, b).attach(e(this, Wt)), this.setAttribute(r.MEDIA, e(this, b).media), e(this, b).muted && n(this, d, A).call(this, r.MUTED, ""), e(this, b).abrEnabled ? n(this, d, A).call(this, r.ABR_ENABLED, "") : n(this, d, w).call(this, r.ABR_ENABLED), n(this, d, A).call(this, r.SIZE_BASED_RESOLUTION_CAP_ENABLED, e(this, b).sizeBasedResolutionCapEnabled ? "true" : "false"), n(this, d, A).call(this, r.VOLUME, e(this, b).volume.toString()), U(Yr) || n(this, d, A).call(this, r.POSTER_SRC, e(this, b).getThumbnailUrl());
+    const Yl = R(this.getAttribute(r.AIRPLAY_ENABLED), !1), Wl = R(this.getAttribute(r.CAST_ENABLED), !0), Jr = R(this.getAttribute(r.FULLSCREEN_ENABLED), !0), Jl = R(this.getAttribute(r.PIP_ENABLED), !0), Zl = R(this.getAttribute(r.VU_METER_ENABLED), !1), Ql = R(this.getAttribute(r.TIMESHIFT_ENABLED), !1);
+    Yl && n(this, d, xo).call(this, e(this, b)), Wl && n(this, d, wo).call(this, e(this, b)), Jr && n(this, d, To).call(this, e(this, b)), Jl && n(this, d, Lo).call(this, e(this, b)), i || e(this, b).play(), Zl && n(this, d, No).call(this, e(this, b)), this.dispatchEvent(
       new CustomEvent("vindral-instance-ready", { bubbles: !0, composed: !0, detail: e(this, b) })
-    ), jl && (n(this, d, or).call(this), Jr && n(this, d, Io).call(this));
+    ), Ql && (n(this, d, or).call(this), Jr && n(this, d, So).call(this));
   });
-}, yn = new WeakMap(), kn = new WeakMap(), is = new WeakMap(), ss = new WeakMap(), ns = new WeakMap(), rs = new WeakMap(), as = new WeakMap(), os = new WeakMap(), ls = new WeakMap(), hs = new WeakMap(), ds = new WeakMap(), cs = new WeakMap(), rr = function() {
-  e(this, b) && (e(this, b).on("rendition levels", e(this, yn)), e(this, b).on("rendition level", e(this, kn)), e(this, b).on("playback state", e(this, is)), e(this, b).on("volume state", e(this, ss)), e(this, b).on("channel switch failed", e(this, ns)), e(this, b).on("channel switch", e(this, rs)), e(this, b).on("channels", e(this, as)), e(this, b).on("languages", e(this, os)), e(this, b).on("text tracks", e(this, ls)), e(this, b).on("needs user input", e(this, hs)), e(this, b).on("is live", e(this, ds)), e(this, b).on("timeshift info", e(this, cs)));
+}, kn = new WeakMap(), In = new WeakMap(), is = new WeakMap(), ss = new WeakMap(), ns = new WeakMap(), rs = new WeakMap(), as = new WeakMap(), os = new WeakMap(), ls = new WeakMap(), hs = new WeakMap(), ds = new WeakMap(), cs = new WeakMap(), rr = function() {
+  e(this, b) && (e(this, b).on("rendition levels", e(this, kn)), e(this, b).on("rendition level", e(this, In)), e(this, b).on("playback state", e(this, is)), e(this, b).on("volume state", e(this, ss)), e(this, b).on("channel switch failed", e(this, ns)), e(this, b).on("channel switch", e(this, rs)), e(this, b).on("channels", e(this, as)), e(this, b).on("languages", e(this, os)), e(this, b).on("text tracks", e(this, ls)), e(this, b).on("needs user input", e(this, hs)), e(this, b).on("is live", e(this, ds)), e(this, b).on("timeshift info", e(this, cs)));
 }, ar = function() {
   e(this, b) && (e(this, b).off("playback state", e(this, is)), e(this, b).off("volume state", e(this, ss)), e(this, b).off("channel switch failed", e(this, ns)), e(this, b).off("channel switch", e(this, rs)), e(this, b).off("channels", e(this, as)), e(this, b).off("languages", e(this, os)), e(this, b).off("text tracks", e(this, ls)), e(this, b).off("needs user input", e(this, hs)), e(this, b).off("is live", e(this, ds)), e(this, b).off("timeshift info", e(this, cs)));
-}, us = new WeakMap(), ps = new WeakMap(), bs = new WeakMap(), In = new WeakMap(), ms = new WeakMap(), vs = new WeakMap(), fs = new WeakMap(), gs = new WeakMap(), Ao = function() {
-  e(this, E) && (e(this, E).addEventListener("playing", e(this, us)), e(this, E).addEventListener("pause", e(this, ps)), e(this, E).addEventListener("ended", e(this, bs)), e(this, E).addEventListener("timeupdate", e(this, ms)), e(this, E).addEventListener("volumechange", e(this, vs)), e(this, E).addEventListener("hlsbuffering", e(this, fs)), e(this, E).addEventListener("hlsnotbuffering", e(this, gs)), e(this, E).addEventListener("timeshiftready", e(this, Es)));
+}, us = new WeakMap(), ps = new WeakMap(), bs = new WeakMap(), ms = new WeakMap(), vs = new WeakMap(), fs = new WeakMap(), gs = new WeakMap(), Es = new WeakMap(), Io = function() {
+  e(this, g) && (e(this, g).addEventListener("playing", e(this, us)), e(this, g).addEventListener("pause", e(this, ps)), e(this, g).addEventListener("ended", e(this, bs)), e(this, g).addEventListener("timeupdate", e(this, vs)), e(this, g).addEventListener("volumechange", e(this, fs)), e(this, g).addEventListener("hlsbuffering", e(this, gs)), e(this, g).addEventListener("hlsnotbuffering", e(this, Es)), e(this, g).addEventListener("timeshiftready", e(this, As)));
 }, or = function() {
-  var t, i, s, a;
-  h(this, E, new tr(e(this, Zi), {
-    volume: (i = (t = e(this, q)) == null ? void 0 : t.volume) != null ? i : 1,
-    muted: (a = (s = e(this, q)) == null ? void 0 : s.muted) != null ? a : !1,
-    maxVideoBitRate: e(this, Jt) ? parseInt(e(this, Jt), 10) : void 0
-  })), e(this, E).addEventListener("durationchange", e(this, In));
-}, Es = new WeakMap(), lr = function() {
-  e(this, E) && (e(this, E).removeEventListener("playing", e(this, us)), e(this, E).removeEventListener("pause", e(this, ps)), e(this, E).removeEventListener("ended", e(this, bs)), e(this, E).removeEventListener("timeupdate", e(this, ms)), e(this, E).removeEventListener("volumechange", e(this, vs)), e(this, E).removeEventListener("hlsbuffering", e(this, fs)), e(this, E).removeEventListener("hlsnotbuffering", e(this, gs)), e(this, E).removeEventListener("timeshiftready", e(this, Es)));
-}, yo = function(t) {
-  t.mediaElement instanceof HTMLVideoElement && (h(this, j, new sa(t.mediaElement)), e(this, j).isSupported() && (e(this, G).debug("PIP is supported"), n(this, d, A).call(this, r.PIP_AVAILABLE, "")), e(this, j).on("on picture in picture change", (i) => {
-    i ? n(this, d, A).call(this, r.IS_PIP, "") : n(this, d, T).call(this, r.IS_PIP);
+  var o, u, c, m;
+  const t = Bt(this.getAttribute(r.VOLUME)), i = t === void 0 ? (u = (o = e(this, M)) == null ? void 0 : o.volume) != null ? u : 1 : Math.max(0, Math.min(1, t)), s = R(this.getAttribute(r.MUTED), (m = (c = e(this, M)) == null ? void 0 : c.muted) != null ? m : !1);
+  n(this, d, lr).call(this), h(this, g, new tr(e(this, Zi), {
+    volume: i,
+    muted: s,
+    maxVideoBitRate: e(this, Zt) ? parseInt(e(this, Zt), 10) : void 0
+  })), e(this, g).addEventListener("durationchange", e(this, ms));
+}, lr = function() {
+  e(this, g) && (n(this, d, hr).call(this), e(this, g).removeEventListener("durationchange", e(this, ms)), e(this, g).cleanup(), e(this, M) === e(this, g) && h(this, M, void 0), h(this, g, void 0));
+}, As = new WeakMap(), hr = function() {
+  e(this, g) && (e(this, g).removeEventListener("playing", e(this, us)), e(this, g).removeEventListener("pause", e(this, ps)), e(this, g).removeEventListener("ended", e(this, bs)), e(this, g).removeEventListener("timeupdate", e(this, vs)), e(this, g).removeEventListener("volumechange", e(this, fs)), e(this, g).removeEventListener("hlsbuffering", e(this, gs)), e(this, g).removeEventListener("hlsnotbuffering", e(this, Es)), e(this, g).removeEventListener("timeshiftready", e(this, As)));
+}, Lo = function(t) {
+  t.mediaElement instanceof HTMLVideoElement && (h(this, j, new aa(t.mediaElement)), e(this, j).isSupported() && (e(this, K).debug("PIP is supported"), n(this, d, A).call(this, r.PIP_AVAILABLE, "")), e(this, j).on("on picture in picture change", (i) => {
+    i ? n(this, d, A).call(this, r.IS_PIP, "") : n(this, d, w).call(this, r.IS_PIP);
   }));
-}, Qs = function() {
+}, tn = function() {
   var i;
   if (!e(this, j)) return;
   let t = null;
-  e(this, q) === e(this, E) && e(this, E) ? t = e(this, E).videoElement : ((i = e(this, b)) == null ? void 0 : i.mediaElement) instanceof HTMLVideoElement && (t = e(this, b).mediaElement), t && t !== e(this, j).videoElement && (e(this, G).debug("Updating PIP target to", e(this, q) === e(this, E) ? "HLS" : "Vindral"), e(this, j).unload(), h(this, j, new sa(t)), e(this, j).on("on picture in picture change", (s) => {
-    s ? n(this, d, A).call(this, r.IS_PIP, "") : n(this, d, T).call(this, r.IS_PIP);
+  e(this, M) === e(this, g) && e(this, g) ? t = e(this, g).videoElement : ((i = e(this, b)) == null ? void 0 : i.mediaElement) instanceof HTMLVideoElement && (t = e(this, b).mediaElement), t && t !== e(this, j).videoElement && (e(this, K).debug("Updating PIP target to", e(this, M) === e(this, g) ? "HLS" : "Vindral"), e(this, j).unload(), h(this, j, new aa(t)), e(this, j).on("on picture in picture change", (s) => {
+    s ? n(this, d, A).call(this, r.IS_PIP, "") : n(this, d, w).call(this, r.IS_PIP);
   }));
-}, ko = function(t) {
+}, To = function(t) {
   const i = !Lt.isFullscreenApiSupported(this) && Lt.isFullscreenApiSupported(t.mediaElement) ? t.mediaElement : this;
   h(this, Rt, new Lt(i)), e(this, Rt).on("on fullscreen change", (s) => {
-    s ? n(this, d, A).call(this, r.FULLSCREEN, "") : n(this, d, T).call(this, r.FULLSCREEN);
+    s ? n(this, d, A).call(this, r.FULLSCREEN, "") : n(this, d, w).call(this, r.FULLSCREEN);
   });
-}, Io = function() {
+}, So = function() {
   var t;
-  e(this, E) && (h(this, we, !Lt.isFullscreenApiSupported(this) && Lt.isFullscreenApiSupported((t = e(this, E)) == null ? void 0 : t.videoElement) ? new Lt(e(this, E).videoElement) : new Lt(this)), e(this, we).on("on fullscreen change", (i) => {
-    i ? n(this, d, A).call(this, r.FULLSCREEN, "") : n(this, d, T).call(this, r.FULLSCREEN);
+  e(this, g) && (h(this, Le, !Lt.isFullscreenApiSupported(this) && Lt.isFullscreenApiSupported((t = e(this, g)) == null ? void 0 : t.videoElement) ? new Lt(e(this, g).videoElement) : new Lt(this)), e(this, Le).on("on fullscreen change", (i) => {
+    i ? n(this, d, A).call(this, r.FULLSCREEN, "") : n(this, d, w).call(this, r.FULLSCREEN);
   }));
-}, tn = function() {
-  return this.hasAttribute(r.TIMESHIFT_POSITION) ? e(this, we) : e(this, Rt);
-}, Lo = function(t) {
-  h(this, _t, new ah({
+}, en = function() {
+  return this.hasAttribute(r.TIMESHIFT_POSITION) ? e(this, Le) : e(this, Rt);
+}, wo = function(t) {
+  h(this, _t, new Ih({
     background: e(this, es),
     receiverApplicationId: e(this, ts),
     options: t.getCastOptions()
   })), e(this, _t).init().then(() => {
-    var i, s, a;
-    n(this, d, A).call(this, r.CAST_AVAILABLE, ""), (i = e(this, _t)) == null || i.on("connected", n(this, d, hr).bind(this)), (s = e(this, _t)) == null || s.on("resumed", n(this, d, hr).bind(this)), (a = e(this, _t)) == null || a.on("disconnected", n(this, d, wo).bind(this));
+    var i, s, o;
+    n(this, d, A).call(this, r.CAST_AVAILABLE, ""), (i = e(this, _t)) == null || i.on("connected", n(this, d, dr).bind(this)), (s = e(this, _t)) == null || s.on("resumed", n(this, d, dr).bind(this)), (o = e(this, _t)) == null || o.on("disconnected", n(this, d, Co).bind(this));
   }).catch((i) => {
-    e(this, G).warn("Failed to initialize CastSender", i);
+    e(this, K).warn("Failed to initialize CastSender", i);
   });
-}, hr = function() {
+}, dr = function() {
   var i, s;
   n(this, d, A).call(this, r.IS_CASTING, "");
   const t = (s = (i = e(this, _t)) == null ? void 0 : i.getReceiverName()) != null ? s : "device";
   n(this, d, A).call(this, r.CAST_RECEIVER_NAME, t);
-}, wo = function() {
-  n(this, d, T).call(this, r.IS_CASTING), n(this, d, T).call(this, r.CAST_RECEIVER_NAME);
-}, So = function(t) {
+}, Co = function() {
+  n(this, d, w).call(this, r.IS_CASTING), n(this, d, w).call(this, r.CAST_RECEIVER_NAME);
+}, xo = function(t) {
   var s;
   (s = e(this, ht)) == null || s.unload();
   const i = t.getCastOptions();
-  h(this, ht, new fh({
+  h(this, ht, new Mh({
     url: i.url,
     channelId: i.channelId,
     authenticationToken: i.authenticationToken,
@@ -3182,41 +3191,41 @@ En = new WeakMap(), xt = new WeakMap(), Wi = new WeakMap(), lt = new WeakMap(),
   }), e(this, ht).on("connected", () => {
     n(this, d, A).call(this, r.IS_AIRPLAYING, "");
   }), e(this, ht).on("disconnected", () => {
-    n(this, d, T).call(this, r.IS_AIRPLAYING);
+    n(this, d, w).call(this, r.IS_AIRPLAYING);
   });
-}, To = function(t) {
+}, No = function(t) {
   var i;
-  if ((i = e(this, Q)) == null || i.unload(), !eh()) {
+  if ((i = e(this, Q)) == null || i.unload(), !vh()) {
     if (t.audioNode)
-      h(this, Q, new ra(t.audioNode));
+      h(this, Q, new la(t.audioNode));
     else if (t.mediaElement instanceof HTMLMediaElement)
-      h(this, Q, new ra(t.mediaElement));
+      h(this, Q, new la(t.mediaElement));
     else
       return;
     e(this, Q).on("on decibel change", (s) => {
       n(this, d, A).call(this, r.VOLUME_LEVEL, JSON.stringify(s));
     }), n(this, d, A).call(this, r.VOLUME_LEVEL, JSON.stringify({ left: null, right: null })), (!e(this, Q).isMediaElementSource || !this.hasAttribute(r.MUTED)) && e(this, Q).start();
   }
-}, As = new WeakMap(), Co = function(t) {
-  t.pointerType !== "mouse" && t.timeStamp - e(this, As) < 250 || (n(this, d, en).call(this), e(this, lt) && clearTimeout(e(this, lt)), t.target instanceof HTMLElement && ([this, e(this, Yt)].includes(t.target) || t.target.localName === "vindral-scroll-overlay") && n(this, d, Bt).call(this));
-}, xo = function(t) {
+}, ys = new WeakMap(), Ro = function(t) {
+  t.pointerType !== "mouse" && t.timeStamp - e(this, ys) < 250 || (n(this, d, sn).call(this), e(this, lt) && clearTimeout(e(this, lt)), t.target instanceof HTMLElement && ([this, e(this, Wt)].includes(t.target) || t.target.localName === "vindral-scroll-overlay") && n(this, d, zt).call(this));
+}, _o = function(t) {
   const i = this.hasAttribute(r.USER_INTERACTING);
-  t.pointerType === "touch" && t.target instanceof HTMLElement ? [this, e(this, Yt)].includes(t.target) && i ? n(this, d, cr).call(this) : n(this, d, Bt).call(this) : t.composedPath().some((s) => s instanceof HTMLElement && ["vindral-play-button"].includes(s == null ? void 0 : s.localName)) && n(this, d, Bt).call(this);
-}, No = function(t) {
+  t.pointerType === "touch" && t.target instanceof HTMLElement ? [this, e(this, Wt)].includes(t.target) && i ? n(this, d, ur).call(this) : n(this, d, zt).call(this) : t.composedPath().some((s) => s instanceof HTMLElement && ["vindral-play-button"].includes(s == null ? void 0 : s.localName)) && n(this, d, zt).call(this);
+}, Uo = function(t) {
   !e(this, Rt) || t.target instanceof mt || t.target instanceof Un || t.target instanceof Ui || (this.hasAttribute(r.FULLSCREEN) ? this.removeAttribute(r.FULLSCREEN) : this.setAttribute(r.FULLSCREEN, ""));
-}, Ro = function(t) {
-  this.hasAttribute(r.USER_INTERACTING) || n(this, d, Bt).call(this);
-}, ys = new WeakMap(), Ln = new WeakMap(), wn = new WeakMap(), _o = function(t) {
-  var m, g;
-  const { metaKey: i, altKey: s, key: a } = t;
-  if (i || s || !On.includes(a))
+}, Po = function(t) {
+  this.hasAttribute(r.USER_INTERACTING) || n(this, d, zt).call(this);
+}, ks = new WeakMap(), Ln = new WeakMap(), Tn = new WeakMap(), Do = function(t) {
+  var m, E;
+  const { metaKey: i, altKey: s, key: o } = t;
+  if (i || s || !On.includes(o))
     return;
   const u = (m = t.target) == null ? void 0 : m.keysUsed;
-  if (!(Array.isArray(u) && u.includes(a) || t.composedPath().some((N) => {
-    const F = N == null ? void 0 : N.keysUsed;
-    return Array.isArray(F) && F.includes(a);
+  if (!(Array.isArray(u) && u.includes(o) || t.composedPath().some((N) => {
+    const H = N == null ? void 0 : N.keysUsed;
+    return Array.isArray(H) && H.includes(o);
   })))
-    switch (a) {
+    switch (o) {
       case "f":
         this.hasAttribute(r.FULLSCREEN) ? this.removeAttribute(r.FULLSCREEN) : this.setAttribute(r.FULLSCREEN, "");
         break;
@@ -3224,83 +3233,83 @@ En = new WeakMap(), xt = new WeakMap(), Wi = new WeakMap(), lt = new WeakMap(),
         this.hasAttribute(r.MUTED) ? this.removeAttribute(r.MUTED) : this.setAttribute(r.MUTED, "");
         break;
       case "ArrowDown":
-        (g = this.querySelector("vindral-scroll-overlay")) == null || g.setAttribute("open", "");
+        (E = this.querySelector("vindral-scroll-overlay")) == null || E.setAttribute("open", "");
         break;
     }
-}, ks = new WeakMap(), Sn = new WeakMap(), Tn = new WeakMap(), Se = new WeakMap(), dr = function() {
-  return K(this, null, function* () {
+}, Is = new WeakMap(), Sn = new WeakMap(), wn = new WeakMap(), Te = new WeakMap(), cr = function() {
+  return q(this, null, function* () {
     if (!e(this, b) || !e(this, Nt))
       return;
     const t = Date.now();
-    if (e(this, Se) && t - e(this, Se) < 1e4)
-      e(this, G).debug("Skipping channel update, last update was less than 10 seconds ago.");
+    if (e(this, Te) && t - e(this, Te) < 1e4)
+      e(this, K).debug("Skipping channel update, last update was less than 10 seconds ago.");
     else {
-      h(this, Se, t);
+      h(this, Te, t);
       const i = yield e(this, b).getApiClient().getChannels(e(this, Nt));
       n(this, d, A).call(this, r.CHANNELS, JSON.stringify(i));
     }
-    h(this, Wt, window.setTimeout(() => {
-      n(this, d, dr).call(this);
+    h(this, Qt, window.setTimeout(() => {
+      n(this, d, cr).call(this);
     }, 1e4));
   });
-}, cr = function() {
+}, ur = function() {
   !this.hasAttribute(r.USER_INTERACTING) || this.hasAttribute(r.UI_LOCKED) || (this.dispatchEvent(
     new CustomEvent("user-interacting", { bubbles: !0, composed: !0, detail: { active: !1 } })
   ), this.removeAttribute(r.USER_INTERACTING));
-}, en = function() {
+}, sn = function() {
   this.hasAttribute(r.USER_INTERACTING) || requestAnimationFrame(() => {
     this.setAttribute(r.USER_INTERACTING, ""), this.dispatchEvent(
       new CustomEvent("user-interacting", { bubbles: !0, composed: !0, detail: { active: !0 } })
     );
   });
-}, Bt = function() {
-  n(this, d, en).call(this), e(this, lt) && clearTimeout(e(this, lt)), e(this, Wi) && h(this, lt, self.setTimeout(() => {
-    n(this, d, cr).call(this);
-  }, e(this, Wi)));
+}, zt = function() {
+  n(this, d, sn).call(this), e(this, lt) && clearTimeout(e(this, lt)), e(this, Ji) && h(this, lt, self.setTimeout(() => {
+    n(this, d, ur).call(this);
+  }, e(this, Ji)));
 }, /** Syncs subtitle offset from CSS to media element for canvas rendering */
-Uo = function() {
+Mo = function() {
   var i, s;
   const t = getComputedStyle(this).getPropertyValue("--vindral-subtitle-offset") || "0px";
   (s = (i = e(this, b)) == null ? void 0 : i.mediaElement) == null || s.style.setProperty("--vindral-subtitle-offset", t);
-}, sn = function() {
+}, nn = function() {
   var t;
-  n(this, d, Qs).call(this), n(this, d, pr).call(this), (t = e(this, j)) == null || t.request().catch((i) => {
-    e(this, G).warn("Failed to enter picture in picture:", i);
+  n(this, d, tn).call(this), n(this, d, br).call(this), (t = e(this, j)) == null || t.request().catch((i) => {
+    e(this, K).warn("Failed to enter picture in picture:", i);
   });
-}, nn = function() {
+}, rn = function() {
   var t;
   (t = e(this, j)) == null || t.exit().catch((i) => {
-    e(this, G).warn("Failed to exit picture in picture:", i);
+    e(this, K).warn("Failed to exit picture in picture:", i);
   });
-}, Po = function() {
-  const t = n(this, d, tn).call(this);
+}, Oo = function() {
+  const t = n(this, d, en).call(this);
   if (!t) {
     console.warn("No fullscreen target available"), this.setAttribute(r.FULLSCREEN_FALLBACK, ""), n(this, d, A).call(this, r.FULLSCREEN, "");
     return;
   }
-  t != null && t.isFullscreenApiSupported() ? (n(this, d, pr).call(this), t == null || t.request().then(() => {
+  t != null && t.isFullscreenApiSupported() ? (n(this, d, br).call(this), t == null || t.request().then(() => {
     e(this, Cn).call(this);
   }).catch((i) => {
-    e(this, G).warn("Failed to enter fullscreen:", i);
+    e(this, K).warn("Failed to enter fullscreen:", i);
   })) : (this.setAttribute(r.FULLSCREEN_FALLBACK, ""), n(this, d, A).call(this, r.FULLSCREEN, ""));
-}, ur = function() {
-  const t = n(this, d, tn).call(this);
+}, pr = function() {
+  const t = n(this, d, en).call(this);
   t != null && t.isFullscreenApiSupported() ? t == null || t.exit().then(() => {
     e(this, xn).call(this);
   }).catch((i) => {
-    e(this, G).warn("Failed to exit fullscreen:", i);
-  }) : (this.removeAttribute(r.FULLSCREEN_FALLBACK), n(this, d, T).call(this, r.FULLSCREEN));
-}, Cn = new WeakMap(), xn = new WeakMap(), pr = function() {
+    e(this, K).warn("Failed to exit fullscreen:", i);
+  }) : (this.removeAttribute(r.FULLSCREEN_FALLBACK), n(this, d, w).call(this, r.FULLSCREEN));
+}, Cn = new WeakMap(), xn = new WeakMap(), br = function() {
   if (!e(this, b)) return;
   e(this, b).emitter.emit("ios-hack: reset size");
 }, A = function(t, i) {
   var s;
-  (s = e(this, xt).get(t)) == null || s.forEach((a) => a.setAttribute(t, i));
-}, T = function(t) {
+  (s = e(this, xt).get(t)) == null || s.forEach((o) => o.setAttribute(t, i));
+}, w = function(t) {
   var i;
   (i = e(this, xt).get(t)) == null || i.forEach((s) => s.removeAttribute(t));
 }, v(Li, "observedAttributes", [
-  ...da,
+  ...pa,
   "url",
   "edge-url",
   "target-buffer-time",
@@ -3317,6 +3326,7 @@ Uo = function() {
   "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",
@@ -3331,26 +3341,26 @@ Uo = function() {
   "drm-playready-video-robustness",
   "drm-playready-audio-robustness",
   "webtransport-enabled",
-  "webcodecs-enabled",
   "webcodecs-hardware-acceleration",
+  "decoders",
   "offscreen-canvas-enabled",
   "reconnect-retries",
   "auto-instance-enabled",
   "language"
-]), l(Li, En, "https://lb.cdn.vindral.com");
+]), l(Li, An, "https://lb.cdn.vindral.com");
 let Pi = Li;
-const Do = document.createElement("template"), Ah = (
+const Fo = document.createElement("template"), Hh = (
   /* SVG */
   `
   <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>
 `
-), yh = (
+), Bh = (
   /* SVG */
   `
   <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>
 `
 );
-Do.innerHTML = /* HTML */
+Fo.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3367,14 +3377,14 @@ Do.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="enter">${Ah}</slot>
-    <slot name="exit">${yh}</slot>
+    <slot name="enter">${Hh}</slot>
+    <slot name="exit">${Bh}</slot>
   </slot>
 `;
-const wi = class wi extends mt {
+const Ti = class Ti extends mt {
   constructor() {
-    var o;
-    super(), (o = this.shadowRoot) == null || o.appendChild(Do.content.cloneNode(!0));
+    var a;
+    super(), (a = this.shadowRoot) == null || a.appendChild(Fo.content.cloneNode(!0));
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("aria-label", this.isFullscreen ? "Exit fullscreen" : "Enter fullscreen");
@@ -3382,29 +3392,29 @@ const wi = class wi extends mt {
   disconnectedCallback() {
     super.disconnectedCallback();
   }
-  attributeChangedCallback(o, t, i) {
-    super.attributeChangedCallback(o, t, i), o === r.FULLSCREEN && this.setAttribute("aria-label", this.isFullscreen ? "Exit fullscreen" : "Enter fullscreen");
+  attributeChangedCallback(a, t, i) {
+    super.attributeChangedCallback(a, t, i), a === r.FULLSCREEN && this.setAttribute("aria-label", this.isFullscreen ? "Exit fullscreen" : "Enter fullscreen");
   }
-  set isFullscreen(o) {
-    o ? this.setAttribute(r.FULLSCREEN, "") : this.removeAttribute(r.FULLSCREEN);
+  set isFullscreen(a) {
+    a ? this.setAttribute(r.FULLSCREEN, "") : this.removeAttribute(r.FULLSCREEN);
   }
   get isFullscreen() {
     return this.hasAttribute(r.FULLSCREEN);
   }
-  handleClick(o) {
+  handleClick(a) {
     const t = this.isFullscreen ? y.EXIT_FULLSCREEN : y.ENTER_FULLSCREEN;
     this.dispatchEvent(new CustomEvent(t, { bubbles: !0, composed: !0 }));
   }
 };
-v(wi, "observedAttributes", [...J(wi, wi, "observedAttributes"), r.FULLSCREEN]);
-let br = wi;
-const kh = (
+v(Ti, "observedAttributes", [...W(Ti, Ti, "observedAttributes"), r.FULLSCREEN]);
+let mr = Ti;
+const zh = (
   /* SVG */
   `
     <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>
 `
-), Mo = document.createElement("template");
-Mo.innerHTML = /* HTML */
+), Ho = document.createElement("template");
+Ho.innerHTML = /* HTML */
 `
   <style>
     :host(:not([hidden])) {
@@ -3412,38 +3422,38 @@ Mo.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="button">${kh}</slot>
+  <slot name="button">${zh}</slot>
   <slot name="listbox" hidden>
     <vindral-language-menu-list id="listbox" part="listbox"></vindral-language-menu-list>
   </slot>
 `;
-var Is, vr;
+var Ls, fr;
 const Si = class Si extends Un {
   constructor() {
-    var t, i, s, a;
+    var t, i, s, o;
     super();
-    l(this, Is);
-    (t = this.shadowRoot) == null || t.appendChild(Mo.content.cloneNode(!0)), this.button = (i = this.shadowRoot) == null ? void 0 : i.querySelector("slot[name=button]"), this.listbox = (s = this.shadowRoot) == null ? void 0 : s.querySelector("[part=listbox]"), this.listboxSlot = (a = this.shadowRoot) == null ? void 0 : a.querySelector("slot[name=listbox]");
+    l(this, Ls);
+    (t = this.shadowRoot) == null || t.appendChild(Ho.content.cloneNode(!0)), this.button = (i = this.shadowRoot) == null ? void 0 : i.querySelector("slot[name=button]"), this.listbox = (s = this.shadowRoot) == null ? void 0 : s.querySelector("[part=listbox]"), this.listboxSlot = (o = this.shadowRoot) == null ? void 0 : o.querySelector("slot[name=listbox]");
   }
   connectedCallback() {
-    super.connectedCallback(), n(this, Is, vr).call(this), this.setAttribute("aria-label", "Languages");
+    super.connectedCallback(), n(this, Ls, fr).call(this), this.setAttribute("aria-label", "Languages");
   }
   attributeChangedCallback(t, i, s) {
-    super.attributeChangedCallback(t, i, s), (t === r.LANGUAGES || t === r.TEXT_TRACKS) && n(this, Is, vr).call(this);
+    super.attributeChangedCallback(t, i, s), (t === r.LANGUAGES || t === r.TEXT_TRACKS) && n(this, Ls, fr).call(this);
   }
 };
-Is = new WeakSet(), vr = function() {
-  const t = (a) => (a ? JSON.parse(a) : []).length < 2, i = t(this.getAttribute(r.LANGUAGES)), s = t(this.getAttribute(r.TEXT_TRACKS));
+Ls = new WeakSet(), fr = function() {
+  const t = (o) => (o ? JSON.parse(o) : []).length < 2, i = t(this.getAttribute(r.LANGUAGES)), s = t(this.getAttribute(r.TEXT_TRACKS));
   i && s ? this.setAttribute("hidden", "") : this.removeAttribute("hidden");
-}, v(Si, "observedAttributes", [...J(Si, Si, "observedAttributes"), r.LANGUAGES, r.TEXT_TRACKS]);
-let mr = Si;
-const Oo = document.createElement("template"), Ih = (
+}, v(Si, "observedAttributes", [...W(Si, Si, "observedAttributes"), r.LANGUAGES, r.TEXT_TRACKS]);
+let vr = Si;
+const Bo = document.createElement("template"), $h = (
   /* SVG */
   `
   <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="#fff" viewBox="0 0 78.369 78.369" xml:space="preserve"><path d="M78.049 19.015 29.458 67.606a1.094 1.094 0 0 1-1.548 0L.32 40.015a1.094 1.094 0 0 1 0-1.547l6.704-6.704a1.095 1.095 0 0 1 1.548 0l20.113 20.112 41.113-41.113a1.095 1.095 0 0 1 1.548 0l6.703 6.704a1.094 1.094 0 0 1 0 1.548z"/></svg>
 `
 );
-Oo.innerHTML = /* HTML */
+Bo.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3519,7 +3529,7 @@ Oo.innerHTML = /* HTML */
     }
 
     [role="menuitem"][aria-selected="true"]::before {
-      content: url("data:image/svg+xml,${encodeURIComponent(Ih)}");
+      content: url("data:image/svg+xml,${encodeURIComponent($h)}");
       position: absolute;
       left: var(--padding-3);
       top: calc(50% - 8px);
@@ -3558,32 +3568,32 @@ Oo.innerHTML = /* HTML */
     <div class="menu"></div>
   </div>
 `;
-var Ls, ws, Ss, Ts, yt, nt, Te, Qt, ni, Cs, Ut, kt, S, Ho, Bo, fr, gr, rn, fi, gi, zo, $o, Go, Er, Ar, qo;
-class Fo extends HTMLElement {
+var Ts, Ss, ws, Cs, yt, nt, Se, ee, ni, xs, Ut, kt, S, $o, Go, gr, Er, an, fi, gi, Ko, qo, Vo, Ar, yr, Xo;
+class zo extends HTMLElement {
   constructor() {
     super();
     l(this, S);
-    l(this, Ls, []);
-    l(this, ws, []);
-    l(this, Ss);
-    l(this, Ts);
+    l(this, Ts, []);
+    l(this, Ss, []);
+    l(this, ws);
+    l(this, Cs);
     l(this, yt, []);
     l(this, nt, []);
-    l(this, Te, null);
-    l(this, Qt, null);
+    l(this, Se, null);
+    l(this, ee, null);
     l(this, ni, null);
-    l(this, Cs, null);
+    l(this, xs, null);
     l(this, Ut, null);
     l(this, kt, null);
     v(this, "handleEvent", (t) => {
-      t.type === "keydown" && n(this, S, $o).call(this, t);
+      t.type === "keydown" && n(this, S, qo).call(this, t);
     });
-    this.attachShadow({ mode: "open" }).appendChild(Oo.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(Bo.content.cloneNode(!0));
   }
   connectedCallback() {
-    var i, s, a;
+    var i, s, o;
     const t = this.getRootNode();
-    t instanceof ShadowRoot && (h(this, ni, t.host.closest("vindral-controller")), (i = e(this, ni)) == null || i.connectListener(this), h(this, Te, (s = this.shadowRoot) == null ? void 0 : s.querySelector("#languages .menu")), h(this, Qt, (a = this.shadowRoot) == null ? void 0 : a.querySelector("#text-tracks .menu")), n(this, S, Ho).call(this), n(this, S, Bo).call(this), h(this, Cs, t.host), this.addEventListener("keydown", this));
+    t instanceof ShadowRoot && (h(this, ni, t.host.closest("vindral-controller")), (i = e(this, ni)) == null || i.connectListener(this), h(this, Se, (s = this.shadowRoot) == null ? void 0 : s.querySelector("#languages .menu")), h(this, ee, (o = this.shadowRoot) == null ? void 0 : o.querySelector("#text-tracks .menu")), n(this, S, $o).call(this), n(this, S, Go).call(this), h(this, xs, t.host), this.addEventListener("keydown", this));
   }
   disconnectedCallback() {
     this.removeEventListener("keydown", this);
@@ -3592,16 +3602,16 @@ class Fo extends HTMLElement {
     i !== s && (t === r.LANGUAGES && s && (this.languages = JSON.parse(s)), t === r.TEXT_TRACKS && s && (this.textTracks = JSON.parse(s)), t === r.LANGUAGE && (this.language = s), t === r.TEXT_TRACK && (this.textTrack = s));
   }
   set languages(t) {
-    h(this, Ls, t), n(this, S, gr).call(this), n(this, S, fi).call(this);
+    h(this, Ts, t), n(this, S, Er).call(this), n(this, S, fi).call(this);
   }
   set textTracks(t) {
-    h(this, ws, t), n(this, S, fr).call(this), n(this, S, gi).call(this);
+    h(this, Ss, t), n(this, S, gr).call(this), n(this, S, gi).call(this);
   }
   set language(t) {
-    h(this, Ss, t), n(this, S, fi).call(this);
+    h(this, ws, t), n(this, S, fi).call(this);
   }
   set textTrack(t) {
-    h(this, Ts, t), n(this, S, gi).call(this);
+    h(this, Cs, t), n(this, S, gi).call(this);
   }
   get keysUsed() {
     return ["Enter", "Escape", "Tab", " ", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight", "Home", "End"];
@@ -3610,13 +3620,13 @@ class Fo extends HTMLElement {
     e(this, Ut) ? e(this, Ut).focus() : e(this, kt) && e(this, kt).focus();
   }
 }
-Ls = new WeakMap(), ws = new WeakMap(), Ss = new WeakMap(), Ts = new WeakMap(), yt = new WeakMap(), nt = new WeakMap(), Te = new WeakMap(), Qt = new WeakMap(), ni = new WeakMap(), Cs = new WeakMap(), Ut = new WeakMap(), kt = new WeakMap(), S = new WeakSet(), Ho = function() {
+Ts = new WeakMap(), Ss = new WeakMap(), ws = new WeakMap(), Cs = new WeakMap(), yt = new WeakMap(), nt = new WeakMap(), Se = new WeakMap(), ee = new WeakMap(), ni = new WeakMap(), xs = new WeakMap(), Ut = new WeakMap(), kt = new WeakMap(), S = new WeakSet(), $o = function() {
   const t = (s) => {
-    s.forEach((a) => {
-      if (a.intersectionRatio !== 1)
-        if (a.intersectionRatio > 0) {
-          const u = this.offsetHeight, c = a.intersectionRatio, g = u * c - 24;
-          this.style.height = `${g}px`;
+    s.forEach((o) => {
+      if (o.intersectionRatio !== 1)
+        if (o.intersectionRatio > 0) {
+          const u = this.offsetHeight, c = o.intersectionRatio, E = u * c - 24;
+          this.style.height = `${E}px`;
         } else
           this.style.height = "auto";
     });
@@ -3627,68 +3637,68 @@ Ls = new WeakMap(), ws = new WeakMap(), Ss = new WeakMap(), Ts = new WeakMap(),
     threshold: 0
     // 0 means any intersection is enough to be considered "inside"
   }).observe(this);
-}, Bo = function() {
-  e(this, Te) && (n(this, S, gr).call(this), n(this, S, fi).call(this)), e(this, Qt) && (n(this, S, fr).call(this), n(this, S, gi).call(this));
-}, fr = function() {
-  e(this, Qt).innerHTML = "", h(this, nt, []);
-  const t = n(this, S, rn).call(this, "Off", "textTrack", void 0);
-  e(this, Qt).appendChild(t), e(this, nt).push({ element: t, value: void 0 }), e(this, ws).forEach((i) => {
-    const s = n(this, S, rn).call(this, i, "textTrack", i);
-    e(this, Qt).appendChild(s), e(this, nt).push({ element: s, value: i });
-  }), n(this, S, gi).call(this);
+}, Go = function() {
+  e(this, Se) && (n(this, S, Er).call(this), n(this, S, fi).call(this)), e(this, ee) && (n(this, S, gr).call(this), n(this, S, gi).call(this));
 }, gr = function() {
-  e(this, Te).innerHTML = "", h(this, yt, []), e(this, Ls).forEach((t) => {
-    const i = n(this, S, rn).call(this, t, "language", t);
-    e(this, Te).appendChild(i), e(this, yt).push({ element: i, value: t });
+  e(this, ee).innerHTML = "", h(this, nt, []);
+  const t = n(this, S, an).call(this, "Off", "textTrack", void 0);
+  e(this, ee).appendChild(t), e(this, nt).push({ element: t, value: void 0 }), e(this, Ss).forEach((i) => {
+    const s = n(this, S, an).call(this, i, "textTrack", i);
+    e(this, ee).appendChild(s), e(this, nt).push({ element: s, value: i });
+  }), n(this, S, gi).call(this);
+}, Er = function() {
+  e(this, Se).innerHTML = "", h(this, yt, []), e(this, Ts).forEach((t) => {
+    const i = n(this, S, an).call(this, t, "language", t);
+    e(this, Se).appendChild(i), e(this, yt).push({ element: i, value: t });
   }), n(this, S, fi).call(this);
-}, rn = function(t, i, s) {
-  const a = document.createElement("div");
-  return a.setAttribute("role", "menuitem"), a.textContent = t, a.addEventListener("click", () => n(this, S, zo).call(this, s, i)), a;
+}, an = function(t, i, s) {
+  const o = document.createElement("div");
+  return o.setAttribute("role", "menuitem"), o.textContent = t, o.addEventListener("click", () => n(this, S, Ko).call(this, s, i)), o;
 }, fi = function() {
   e(this, Ut) && (e(this, Ut).removeAttribute("aria-selected"), e(this, Ut).tabIndex = -1);
-  const t = e(this, yt).find((i) => i.value === e(this, Ss));
+  const t = e(this, yt).find((i) => i.value === e(this, ws));
   t && (t.element.setAttribute("aria-selected", "true"), t.element.tabIndex = 0, h(this, Ut, t.element));
 }, gi = function() {
   e(this, kt) && (e(this, kt).removeAttribute("aria-selected"), e(this, kt).tabIndex = -1);
-  const t = e(this, nt).find((i) => i.value === e(this, Ts));
+  const t = e(this, nt).find((i) => i.value === e(this, Cs));
   if (t)
     t.element.setAttribute("aria-selected", "true"), t.element.tabIndex = 0, h(this, kt, t.element);
   else {
     const i = e(this, nt).find((s) => s.value === void 0);
     i && (i.element.setAttribute("aria-selected", "true"), i.element.tabIndex = 0, h(this, kt, i.element));
   }
-}, zo = function(t, i) {
+}, Ko = function(t, i) {
   this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 }));
   const s = i === "language" ? y.SET_LANGUAGE : y.SET_TEXT_TRACK;
   this.dispatchEvent(new CustomEvent(s, { bubbles: !0, composed: !0, detail: t }));
-}, $o = function(t) {
-  var c, m, g;
-  const { key: i, ctrlKey: s, altKey: a, metaKey: u } = t;
-  s || a || u || this.keysUsed.includes(i) && (t.preventDefault(), t.stopPropagation(), i === "Tab" || i === "Escape" ? (c = e(this, Cs)) == null || c.hide() : i === "Enter" || i === " " ? (g = (m = n(this, S, Ar).call(this)) == null ? void 0 : m.element) == null || g.click() : n(this, S, Go).call(this, t));
-}, Go = function(t) {
-  var g;
-  const { key: i } = t, s = [...e(this, yt), ...e(this, nt)], a = (g = n(this, S, Ar).call(this)) != null ? g : s[0];
-  if (!a) return;
-  const u = s.indexOf(a);
+}, qo = function(t) {
+  var c, m, E;
+  const { key: i, ctrlKey: s, altKey: o, metaKey: u } = t;
+  s || o || u || this.keysUsed.includes(i) && (t.preventDefault(), t.stopPropagation(), i === "Tab" || i === "Escape" ? (c = e(this, xs)) == null || c.hide() : i === "Enter" || i === " " ? (E = (m = n(this, S, yr).call(this)) == null ? void 0 : m.element) == null || E.click() : n(this, S, Vo).call(this, t));
+}, Vo = function(t) {
+  var E;
+  const { key: i } = t, s = [...e(this, yt), ...e(this, nt)], o = (E = n(this, S, yr).call(this)) != null ? E : s[0];
+  if (!o) return;
+  const u = s.indexOf(o);
   let c = Math.max(0, u);
-  i === "ArrowDown" ? c++ : i === "ArrowUp" ? c-- : i === "ArrowLeft" ? c = n(this, S, Er).call(this, u, "left") : i === "ArrowRight" ? c = n(this, S, Er).call(this, u, "right") : t.key === "Home" ? c = 0 : t.key === "End" && (c = s.length - 1), c < 0 && (c = s.length - 1), c > s.length - 1 && (c = 0);
+  i === "ArrowDown" ? c++ : i === "ArrowUp" ? c-- : i === "ArrowLeft" ? c = n(this, S, Ar).call(this, u, "left") : i === "ArrowRight" ? c = n(this, S, Ar).call(this, u, "right") : t.key === "Home" ? c = 0 : t.key === "End" && (c = s.length - 1), c < 0 && (c = s.length - 1), c > s.length - 1 && (c = 0);
   const m = s[c];
-  m && (n(this, S, qo).call(this, m.value), m.element.focus());
-}, Er = function(t, i) {
-  const s = e(this, yt).length, a = e(this, nt).length;
-  return i === "left" ? t < s ? s + a - 1 : t - s - 1 : t >= s ? 0 : t + s;
-}, Ar = function() {
+  m && (n(this, S, Xo).call(this, m.value), m.element.focus());
+}, Ar = function(t, i) {
+  const s = e(this, yt).length, o = e(this, nt).length;
+  return i === "left" ? t < s ? s + o - 1 : t - s - 1 : t >= s ? 0 : t + s;
+}, yr = function() {
   return [...e(this, yt), ...e(this, nt)].find((t) => t.element.tabIndex === 0);
-}, qo = function(t) {
+}, Xo = function(t) {
   for (const i of [...e(this, yt), ...e(this, nt)])
     i.element.tabIndex = i.value === t ? 0 : -1;
-}, v(Fo, "observedAttributes", [
+}, v(zo, "observedAttributes", [
   r.LANGUAGES,
   r.TEXT_TRACKS,
   r.LANGUAGE,
   r.TEXT_TRACK
 ]);
-const Ko = document.createElement("template"), Lh = (
+const jo = document.createElement("template"), Gh = (
   /* SVG */
   `
   <svg xmlns="http://www.w3.org/2000/svg" width="5" height="5" viewBox="0 0 5 5" fill="currentColor">
@@ -3696,7 +3706,7 @@ const Ko = document.createElement("template"), Lh = (
   </svg>
 `
 );
-Ko.innerHTML = /* HTML */
+jo.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3758,13 +3768,13 @@ Ko.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="icon">${Lh}</slot>
+  <slot name="icon">${Gh}</slot>
   <span class="live-text">LIVE</span>
 `;
-const Ti = class Ti extends mt {
+const wi = class wi extends mt {
   constructor() {
-    var o;
-    super(), (o = this.shadowRoot) == null || o.appendChild(Ko.content.cloneNode(!0));
+    var a;
+    super(), (a = this.shadowRoot) == null || a.appendChild(jo.content.cloneNode(!0));
   }
   connectedCallback() {
     super.connectedCallback(), this.updateState();
@@ -3772,8 +3782,8 @@ const Ti = class Ti extends mt {
   disconnectedCallback() {
     super.disconnectedCallback();
   }
-  attributeChangedCallback(o, t, i) {
-    super.attributeChangedCallback(o, t, i), (o === r.TIMESHIFT_POSITION || o === r.DURATION) && this.updateState();
+  attributeChangedCallback(a, t, i) {
+    super.attributeChangedCallback(a, t, i), (a === r.TIMESHIFT_POSITION || a === r.DURATION) && this.updateState();
   }
   updateState() {
     if (!this.hasAttribute(r.DURATION)) {
@@ -3785,20 +3795,20 @@ const Ti = class Ti extends mt {
   get isLive() {
     return !this.hasAttribute(r.TIMESHIFT_POSITION);
   }
-  set isLive(o) {
-    o ? this.removeAttribute(r.TIMESHIFT_POSITION) : this.setAttribute(r.TIMESHIFT_POSITION, "");
+  set isLive(a) {
+    a ? this.removeAttribute(r.TIMESHIFT_POSITION) : this.setAttribute(r.TIMESHIFT_POSITION, "");
   }
-  handleClick(o) {
+  handleClick(a) {
     this.isLive || this.dispatchEvent(new CustomEvent(y.GO_LIVE, { bubbles: !0, composed: !0 }));
   }
 };
-v(Ti, "observedAttributes", [
-  ...J(Ti, Ti, "observedAttributes"),
+v(wi, "observedAttributes", [
+  ...W(wi, wi, "observedAttributes"),
   r.TIMESHIFT_POSITION,
   r.DURATION
 ]);
-let yr = Ti;
-const Vo = document.createElement("template"), wh = (
+let kr = wi;
+const Yo = document.createElement("template"), Kh = (
   /* SVG */
   `
 <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  <g fill="none" stroke="currentColor">
@@ -3806,14 +3816,14 @@ const Vo = document.createElement("template"), wh = (
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2" />
 </g></svg>
 `
-), Sh = (
+), qh = (
   /* SVG */
   `
   <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>
 `
 );
-Vo.innerHTML = /* HTML */
+Yo.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3830,14 +3840,14 @@ Vo.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="mute">${wh}</slot>
-    <slot name="unmute">${Sh}</slot>
+    <slot name="mute">${Kh}</slot>
+    <slot name="unmute">${qh}</slot>
   </slot>
 `;
 const Ci = class Ci extends mt {
   constructor() {
-    var o;
-    super(), (o = this.shadowRoot) == null || o.appendChild(Vo.content.cloneNode(!0));
+    var a;
+    super(), (a = this.shadowRoot) == null || a.appendChild(Yo.content.cloneNode(!0));
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("aria-label", this.muted ? "UnMute" : "Mute");
@@ -3845,29 +3855,29 @@ const Ci = class Ci extends mt {
   disconnectedCallback() {
     super.disconnectedCallback();
   }
-  attributeChangedCallback(o, t, i) {
-    super.attributeChangedCallback(o, t, i), o === r.MUTED && this.setAttribute("aria-label", this.muted ? "UnMute" : "Mute");
+  attributeChangedCallback(a, t, i) {
+    super.attributeChangedCallback(a, t, i), a === r.MUTED && this.setAttribute("aria-label", this.muted ? "UnMute" : "Mute");
   }
-  set muted(o) {
-    o ? this.setAttribute(r.MUTED, "") : this.removeAttribute(r.MUTED);
+  set muted(a) {
+    a ? this.setAttribute(r.MUTED, "") : this.removeAttribute(r.MUTED);
   }
   get muted() {
     return this.hasAttribute(r.MUTED);
   }
-  handleClick(o) {
+  handleClick(a) {
     const t = this.muted ? y.UNMUTE : y.MUTE;
     this.dispatchEvent(new CustomEvent(t, { bubbles: !0, composed: !0 }));
   }
 };
-v(Ci, "observedAttributes", [...J(Ci, Ci, "observedAttributes"), r.MUTED]);
-let kr = Ci;
-const Xo = document.createElement("template"), Th = (
+v(Ci, "observedAttributes", [...W(Ci, Ci, "observedAttributes"), r.MUTED]);
+let Ir = Ci;
+const Wo = document.createElement("template"), Vh = (
   /* SVG */
   `
     <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>
 `
 );
-Xo.innerHTML = /* HTML */
+Wo.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3878,12 +3888,12 @@ Xo.innerHTML = /* HTML */
       display: none !important;
     }
   </style>
-  <slot name="icon">${Th}</slot>
+  <slot name="icon">${Vh}</slot>
 `;
 const xi = class xi extends mt {
   constructor() {
-    var o;
-    super(), (o = this.shadowRoot) == null || o.appendChild(Xo.content.cloneNode(!0));
+    var a;
+    super(), (a = this.shadowRoot) == null || a.appendChild(Wo.content.cloneNode(!0));
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute(
@@ -3894,37 +3904,37 @@ const xi = class xi extends mt {
   disconnectedCallback() {
     super.disconnectedCallback();
   }
-  attributeChangedCallback(o, t, i) {
-    super.attributeChangedCallback(o, t, i), o === r.IS_PIP && this.setAttribute(
+  attributeChangedCallback(a, t, i) {
+    super.attributeChangedCallback(a, t, i), a === r.IS_PIP && this.setAttribute(
       "aria-label",
       this.isPictureInPictureActive ? "Exit picture in picture" : "Enter picture in picture"
     );
   }
-  set isPictureInPictureActive(o) {
-    o ? this.setAttribute(r.IS_PIP, "") : this.removeAttribute(r.IS_PIP);
+  set isPictureInPictureActive(a) {
+    a ? this.setAttribute(r.IS_PIP, "") : this.removeAttribute(r.IS_PIP);
   }
   get isPictureInPictureActive() {
     return this.hasAttribute(r.IS_PIP);
   }
-  handleClick(o) {
+  handleClick(a) {
     const t = this.isPictureInPictureActive ? y.EXIT_PIP : y.ENTER_PIP;
     this.dispatchEvent(new CustomEvent(t, { bubbles: !0, composed: !0 }));
   }
 };
-v(xi, "observedAttributes", [...J(xi, xi, "observedAttributes"), r.IS_PIP, r.PIP_AVAILABLE]);
-let Ir = xi;
-const jo = document.createElement("template"), Ch = (
+v(xi, "observedAttributes", [...W(xi, xi, "observedAttributes"), r.IS_PIP, r.PIP_AVAILABLE]);
+let Lr = xi;
+const Jo = document.createElement("template"), Xh = (
   /* SVG */
   `
   <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>
 `
-), xh = (
+), jh = (
   /* SVG */
   `
   <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>
 `
 );
-jo.innerHTML = /* HTML */
+Jo.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3941,14 +3951,14 @@ jo.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="play">${Ch}</slot>
-    <slot name="pause">${xh}</slot>
+    <slot name="play">${Xh}</slot>
+    <slot name="pause">${jh}</slot>
   </slot>
 `;
 const Ni = class Ni extends mt {
   constructor() {
-    var o;
-    super(), (o = this.shadowRoot) == null || o.appendChild(jo.content.cloneNode(!0));
+    var a;
+    super(), (a = this.shadowRoot) == null || a.appendChild(Jo.content.cloneNode(!0));
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("aria-label", this.paused ? "Play" : "Pause");
@@ -3956,80 +3966,80 @@ const Ni = class Ni extends mt {
   disconnectedCallback() {
     super.disconnectedCallback();
   }
-  attributeChangedCallback(o, t, i) {
-    super.attributeChangedCallback(o, t, i), o === r.PAUSED && this.setAttribute("aria-label", this.paused ? "Play" : "Pause");
+  attributeChangedCallback(a, t, i) {
+    super.attributeChangedCallback(a, t, i), a === r.PAUSED && this.setAttribute("aria-label", this.paused ? "Play" : "Pause");
   }
-  set paused(o) {
-    o ? this.setAttribute(r.PAUSED, "") : this.removeAttribute(r.PAUSED);
+  set paused(a) {
+    a ? this.setAttribute(r.PAUSED, "") : this.removeAttribute(r.PAUSED);
   }
   get paused() {
     return this.hasAttribute(r.PAUSED);
   }
-  handleClick(o) {
+  handleClick(a) {
     const t = this.paused ? y.PLAY : y.PAUSE;
     this.dispatchEvent(new CustomEvent(t, { bubbles: !0, composed: !0 }));
   }
 };
-v(Ni, "observedAttributes", [...J(Ni, Ni, "observedAttributes"), r.PAUSED]);
-let Lr = Ni;
-const W = {
+v(Ni, "observedAttributes", [...W(Ni, Ni, "observedAttributes"), r.PAUSED]);
+let Tr = Ni;
+const J = {
   TITLE: "title",
   OFFLINE: "offline",
   ADVANCED_RENDITION_MENU_ENABLED: "advanced-rendition-menu-enabled",
   REFRESH_POSTER_ENABLED: "refresh-poster-enabled",
   STREAM_POLL_ENABLED: "stream-poll-enabled"
-}, Nh = Object.values(W);
-var xs, ri, te, Ce, ee, ie, Pt, tt, wr, Yo, Sr, Tr;
-class Rh extends js {
+}, Yh = Object.values(J);
+var Ns, ri, ie, we, se, ne, Pt, tt, Sr, Zo, wr, Cr;
+class Wh extends Ys {
   constructor(t) {
     super();
     l(this, tt);
-    l(this, xs);
+    l(this, Ns);
     l(this, ri);
-    l(this, te, !1);
-    l(this, Ce, !1);
-    l(this, ee, !0);
-    l(this, ie, null);
+    l(this, ie, !1);
+    l(this, we, !1);
+    l(this, se, !0);
+    l(this, ne, null);
     l(this, Pt, null);
-    h(this, ri, t), h(this, xs, new oh({
+    h(this, ri, t), h(this, Ns, new Lh({
       publicEndpoint: t.url,
       tokenFactory: () => t.authenticationToken
     }));
   }
   start(t = 5e3) {
-    e(this, Pt) && clearInterval(e(this, Pt)), h(this, te, !1), h(this, Ce, !1), n(this, tt, Tr).call(this), n(this, tt, wr).call(this), h(this, Pt, window.setInterval(() => {
-      !e(this, Ce) && !e(this, ri).infiniteReconnect && !e(this, ie) && e(this, ee) && h(this, ie, window.setTimeout(() => n(this, tt, Yo).call(this), 300 * 1e3)), !e(this, Ce) && e(this, ee) && n(this, tt, wr).call(this);
+    e(this, Pt) && clearInterval(e(this, Pt)), h(this, ie, !1), h(this, we, !1), n(this, tt, Cr).call(this), n(this, tt, Sr).call(this), h(this, Pt, window.setInterval(() => {
+      !e(this, we) && !e(this, ri).infiniteReconnect && !e(this, ne) && e(this, se) && h(this, ne, window.setTimeout(() => n(this, tt, Zo).call(this), 300 * 1e3)), !e(this, we) && e(this, se) && n(this, tt, Sr).call(this);
     }, t));
   }
   stop() {
-    n(this, tt, Sr).call(this), e(this, Pt) && (window.clearInterval(e(this, Pt)), h(this, Pt, null));
+    n(this, tt, wr).call(this), e(this, Pt) && (window.clearInterval(e(this, Pt)), h(this, Pt, null));
   }
 }
-xs = new WeakMap(), ri = new WeakMap(), te = new WeakMap(), Ce = new WeakMap(), ee = new WeakMap(), ie = new WeakMap(), Pt = new WeakMap(), tt = new WeakSet(), wr = function() {
-  return K(this, null, function* () {
-    if (e(this, te))
+Ns = new WeakMap(), ri = new WeakMap(), ie = new WeakMap(), we = new WeakMap(), se = new WeakMap(), ne = new WeakMap(), Pt = new WeakMap(), tt = new WeakSet(), Sr = function() {
+  return q(this, null, function* () {
+    if (e(this, ie))
       return;
-    h(this, te, !0);
+    h(this, ie, !0);
     let t = "Stream is offline", i = "Please stand by";
     try {
-      const s = yield e(this, xs).getChannel(e(this, ri).channelId);
+      const s = yield e(this, Ns).getChannel(e(this, ri).channelId);
       if (s.isLive) {
-        h(this, Ce, !0), n(this, tt, Tr).call(this), this.emit("live", s), h(this, te, !1);
+        h(this, we, !0), n(this, tt, Cr).call(this), this.emit("live", s), h(this, ie, !1);
         return;
       }
     } catch (s) {
-      lh(s) && (s.status === 403 || s.status === 401) && (t = "Forbidden", i = "You do not have permission to view this stream");
+      Th(s) && (s.status === 403 || s.status === 401) && (t = "Forbidden", i = "You do not have permission to view this stream");
     }
-    e(this, ee) && this.emit("error", { title: t, message: i }), h(this, te, !1);
+    e(this, se) && this.emit("error", { title: t, message: i }), h(this, ie, !1);
   });
-}, Yo = function() {
-  this.stop(), h(this, ee, !1), this.emit("timeout");
-}, Sr = function() {
-  e(this, ie) && (window.clearTimeout(e(this, ie)), h(this, ie, null));
-}, Tr = function() {
-  n(this, tt, Sr).call(this), h(this, ee, !0);
+}, Zo = function() {
+  this.stop(), h(this, se, !1), this.emit("timeout");
+}, wr = function() {
+  e(this, ne) && (window.clearTimeout(e(this, ne)), h(this, ne, null));
+}, Cr = function() {
+  n(this, tt, wr).call(this), h(this, se, !0);
 };
-const _h = /\/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, Uh = navigator.userAgent.toLowerCase(), Ph = _h.test(Uh), Dh = (p) => Pi.observedAttributes.includes(p), Jo = (
+const Jh = /\/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, Zh = navigator.userAgent.toLowerCase(), Qh = Jh.test(Zh), td = (p) => Pi.observedAttributes.includes(p), Qo = (
   /* HTML */
   `
   <style>
@@ -4041,7 +4051,7 @@ const _h = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|
       display: flex;
       justify-content: center;
 
-      --vindral-volume-range-display: ${Ph ? "none" : "flex"};
+      --vindral-volume-range-display: ${Qh ? "none" : "flex"};
       --vindral-airplay-button-display: none;
       --vindral-play-overlay-display: none;
       --vindral-grid-item-offline-display: none;
@@ -4077,7 +4087,7 @@ const _h = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|
       // needs to be higher than bottom bar/UI
     }
 
-    :host([${W.OFFLINE}]) {
+    :host([${J.OFFLINE}]) {
       aspect-ratio: 16 / 9;
       vindral-controller {
         --vindral-ui-display: none;
@@ -4123,16 +4133,16 @@ const _h = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|
     }
   </style>
 `
-), Mh = (p) => {
-  const o = p ? "vindral-advanced-rendition-menu" : "vindral-rendition-levels-menu";
+), ed = (p) => {
+  const a = p ? "vindral-advanced-rendition-menu" : "vindral-rendition-levels-menu";
   return (
     /* HTML */
     `
-    ${Jo}
+    ${Qo}
 
     <vindral-controller>
       <vindral-control-bar slot="top-bar">
-        <${o} list-position="bottom"></${o}>
+        <${a} list-position="bottom"></${a}>
         <vindral-cast-button></vindral-cast-button>
         <vindral-airplay-button></vindral-airplay-button>
       </vindral-control-bar>
@@ -4144,7 +4154,7 @@ const _h = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|
         <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>
-        <${o} slot="right"></${o}>
+        <${a} slot="right"></${a}>
         <vindral-pip-button slot="right"></vindral-pip-button>
         <vindral-cast-button slot="right"></vindral-cast-button>
         <vindral-airplay-button slot="right"></vindral-airplay-button>
@@ -4163,10 +4173,10 @@ const _h = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|
     </vindral-controller>
   `
   );
-}, Oh = (
+}, id = (
   /* HTML */
   `
-  ${Jo}
+  ${Qo}
 
   <style>
     #control-bar {
@@ -4189,129 +4199,129 @@ const _h = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|
     <vindral-message id="vindral-message" slot="overlay" hidden></vindral-message>
   </vindral-controller>
 `
-), aa = document.createElement("template");
-var dt, M, Y, rt, ct, Ns, Nn, Rs, O, Zo, Rn, Cr, Qo, xe, Ne, an, zt;
-class Wo extends HTMLElement {
+), ha = document.createElement("template");
+var dt, O, Y, rt, ct, Rs, Nn, _s, F, el, Rn, xr, il, Ce, xe, on, $t;
+class tl extends HTMLElement {
   constructor() {
     super();
-    l(this, O);
+    l(this, F);
     l(this, dt);
-    l(this, M);
+    l(this, O);
     l(this, Y);
     l(this, rt);
     l(this, ct);
-    l(this, Ns, /* @__PURE__ */ new Set());
+    l(this, Rs, /* @__PURE__ */ new Set());
     l(this, Nn, () => {
       Array.from(this.attributes).forEach((t) => {
-        e(this, Rs).call(this, t.name, t.value);
+        e(this, _s).call(this, t.name, t.value);
       });
     });
-    l(this, Rs, (t, i) => {
-      Dh(t) && (U(i) ? e(this, M).setAttribute(t, i) : e(this, M).removeAttribute(t));
+    l(this, _s, (t, i) => {
+      td(t) && (U(i) ? e(this, O).setAttribute(t, i) : e(this, O).removeAttribute(t));
     });
     l(this, Rn, () => {
       Array.from(this.children).forEach((t) => {
-        e(this, Ns).add(t);
+        e(this, Rs).add(t);
       });
     });
-    l(this, xe, () => {
-      const t = e(this, M).instance;
+    l(this, Ce, () => {
+      const t = e(this, O).instance;
       t && (t.on("is live", (i) => {
-        i ? (this.removeAttribute(W.OFFLINE), e(this, Y).setAttribute("hidden", "")) : (this.setAttribute(W.OFFLINE, ""), e(this, Y).removeAttribute("hidden"), n(this, O, zt).call(this, "Stream is offline", "Please stand by"));
+        i ? (this.removeAttribute(J.OFFLINE), e(this, Y).setAttribute("hidden", "")) : (this.setAttribute(J.OFFLINE, ""), e(this, Y).removeAttribute("hidden"), n(this, F, $t).call(this, "Stream is offline", "Please stand by"));
       }), t.on("channels", (i) => {
-        const s = e(this, M).getAttribute("channel-id"), a = i.find((u) => u.channelId === s);
-        a && n(this, O, an).call(this, a);
+        const s = e(this, O).getAttribute("channel-id"), o = i.find((u) => u.channelId === s);
+        o && n(this, F, on).call(this, o);
       }), t.on("channel switch", ({ channelId: i }) => {
-        const s = t.channels.find((a) => a.channelId === i);
-        s && n(this, O, an).call(this, s);
+        const s = t.channels.find((o) => o.channelId === i);
+        s && n(this, F, on).call(this, s);
       }), t.on("error", (i) => {
-        if (i.code() === ih) {
-          n(this, O, zt).call(this, "Stream is offline", "Please stand by");
+        if (i.code() === Eh) {
+          n(this, F, $t).call(this, "Stream is offline", "Please stand by");
           return;
         }
-        i.isFatal() && (i.code() === sh ? n(this, O, zt).call(this, "Forbidden", "You do not have permission to view this stream") : i.code() === nh ? n(this, O, zt).call(this, "Stream is offline", "Please stand by") : n(this, O, zt).call(this, "An error occurred", i.message), e(this, rt).removeAttribute("hidden"), this.setAttribute(W.OFFLINE, ""), e(this, M).dispatchEvent(new CustomEvent(y.EXIT_FULLSCREEN)), e(this, M).dispatchEvent(new CustomEvent(y.EXIT_PIP)));
+        i.isFatal() && (i.code() === Ah ? n(this, F, $t).call(this, "Forbidden", "You do not have permission to view this stream") : i.code() === yh ? n(this, F, $t).call(this, "Stream is offline", "Please stand by") : n(this, F, $t).call(this, "An error occurred", i.message), e(this, rt).removeAttribute("hidden"), this.setAttribute(J.OFFLINE, ""), e(this, O).dispatchEvent(new CustomEvent(y.EXIT_FULLSCREEN)), e(this, O).dispatchEvent(new CustomEvent(y.EXIT_PIP)));
       }));
     });
-    l(this, Ne, () => {
-      e(this, M).connect(), e(this, rt).setAttribute("hidden", ""), e(this, Y).setAttribute("hidden", ""), e(this, M).focus();
+    l(this, xe, () => {
+      e(this, O).connect(), e(this, rt).setAttribute("hidden", ""), e(this, Y).setAttribute("hidden", ""), e(this, O).focus();
     });
-    h(this, dt, this.attachShadow({ mode: "open" })), n(this, O, Cr).call(this), h(this, M, e(this, dt).querySelector("vindral-controller")), h(this, Y, e(this, dt).querySelector("#vindral-message")), h(this, rt, e(this, dt).querySelector("#play-overlay"));
+    h(this, dt, this.attachShadow({ mode: "open" })), n(this, F, xr).call(this), h(this, O, e(this, dt).querySelector("vindral-controller")), h(this, Y, e(this, dt).querySelector("#vindral-message")), h(this, rt, e(this, dt).querySelector("#play-overlay"));
   }
   connectedCallback() {
-    this.setAttribute(W.OFFLINE, ""), e(this, M).addEventListener("vindral-instance-ready", e(this, xe)), n(this, O, Qo).call(this);
+    this.setAttribute(J.OFFLINE, ""), e(this, O).addEventListener("vindral-instance-ready", e(this, Ce)), n(this, F, il).call(this);
   }
   disconnectedCallback() {
     var t;
-    e(this, M).removeEventListener("vindral-instance-ready", e(this, xe)), e(this, rt).removeEventListener("click", e(this, Ne)), (t = e(this, ct)) == null || t.stop();
+    e(this, O).removeEventListener("vindral-instance-ready", e(this, Ce)), e(this, rt).removeEventListener("click", e(this, xe)), (t = e(this, ct)) == null || t.stop();
   }
   attributeChangedCallback(t, i, s) {
     if (i !== s)
-      if (t === r.MEDIA || t === W.ADVANCED_RENDITION_MENU_ENABLED)
-        n(this, O, Cr).call(this);
-      else if (t === W.REFRESH_POSTER_ENABLED) {
-        const a = e(this, dt).querySelector("vindral-poster-overlay");
-        a && (a.disabled = R(this.getAttribute(W.REFRESH_POSTER_ENABLED), !1) === !1);
+      if (t === r.MEDIA || t === J.ADVANCED_RENDITION_MENU_ENABLED)
+        n(this, F, xr).call(this);
+      else if (t === J.REFRESH_POSTER_ENABLED) {
+        const o = e(this, dt).querySelector("vindral-poster-overlay");
+        o && (o.disabled = R(this.getAttribute(J.REFRESH_POSTER_ENABLED), !1) === !1);
       } else
-        e(this, Rs).call(this, t, s);
+        e(this, _s).call(this, t, s);
   }
   get instance() {
-    return e(this, M).instance;
+    return e(this, O).instance;
   }
   get airPlay() {
-    return e(this, M).airPlay;
+    return e(this, O).airPlay;
   }
 }
-dt = new WeakMap(), M = new WeakMap(), Y = new WeakMap(), rt = new WeakMap(), ct = new WeakMap(), Ns = new WeakMap(), Nn = new WeakMap(), Rs = new WeakMap(), O = new WeakSet(), Zo = function() {
-  const t = ca(this.getAttribute(r.MEDIA)), i = R(
-    this.getAttribute(W.ADVANCED_RENDITION_MENU_ENABLED),
+dt = new WeakMap(), O = new WeakMap(), Y = new WeakMap(), rt = new WeakMap(), ct = new WeakMap(), Rs = new WeakMap(), Nn = new WeakMap(), _s = new WeakMap(), F = new WeakSet(), el = function() {
+  const t = ba(this.getAttribute(r.MEDIA)), i = R(
+    this.getAttribute(J.ADVANCED_RENDITION_MENU_ENABLED),
     !1
   );
-  return t === "audio" ? Oh : Mh(i);
-}, Rn = new WeakMap(), Cr = function() {
-  const t = e(this, dt).hasChildNodes(), i = t ? e(this, M) : void 0, s = t ? e(this, rt) : void 0;
-  this.isConnected && i && i.removeEventListener("vindral-instance-ready", e(this, xe)), this.isConnected && s && e(this, ct) && s.removeEventListener("click", e(this, Ne)), aa.innerHTML = n(this, O, Zo).call(this);
-  const a = aa.content.cloneNode(!0);
-  h(this, M, a.querySelector("vindral-controller")), h(this, Y, a.querySelector("#vindral-message")), h(this, rt, a.querySelector("#play-overlay")), e(this, Rn).call(this), e(this, Ns).forEach((u) => {
-    e(this, M).appendChild(u);
-  }), e(this, Nn).call(this), e(this, dt).innerHTML = "", e(this, dt).appendChild(a), this.isConnected && (e(this, M).addEventListener("vindral-instance-ready", e(this, xe)), e(this, ct) && e(this, rt).addEventListener("click", e(this, Ne)));
-}, Qo = function() {
+  return t === "audio" ? id : ed(i);
+}, Rn = new WeakMap(), xr = function() {
+  const t = e(this, dt).hasChildNodes(), i = t ? e(this, O) : void 0, s = t ? e(this, rt) : void 0;
+  this.isConnected && i && i.removeEventListener("vindral-instance-ready", e(this, Ce)), this.isConnected && s && e(this, ct) && s.removeEventListener("click", e(this, xe)), ha.innerHTML = n(this, F, el).call(this);
+  const o = ha.content.cloneNode(!0);
+  h(this, O, o.querySelector("vindral-controller")), h(this, Y, o.querySelector("#vindral-message")), h(this, rt, o.querySelector("#play-overlay")), e(this, Rn).call(this), e(this, Rs).forEach((u) => {
+    e(this, O).appendChild(u);
+  }), e(this, Nn).call(this), e(this, dt).innerHTML = "", e(this, dt).appendChild(o), this.isConnected && (e(this, O).addEventListener("vindral-instance-ready", e(this, Ce)), e(this, ct) && e(this, rt).addEventListener("click", e(this, xe)));
+}, il = function() {
   var u;
-  if (R(this.getAttribute(W.STREAM_POLL_ENABLED), !0) === !1)
+  if (R(this.getAttribute(J.STREAM_POLL_ENABLED), !0) === !1)
     return;
-  const t = this.getAttribute("url"), i = this.getAttribute("channel-id"), s = (u = this.getAttribute("authentication-token")) != null ? u : void 0, a = this.hasAttribute("infinite-reconnect");
+  const t = this.getAttribute("url"), i = this.getAttribute("channel-id"), s = (u = this.getAttribute("authentication-token")) != null ? u : void 0, o = this.hasAttribute("infinite-reconnect");
   if (!t || !i) {
-    this.setAttribute(W.OFFLINE, ""), n(this, O, zt).call(this, "Invalid options", "Please enter at least a channel id and url to start the stream");
+    this.setAttribute(J.OFFLINE, ""), n(this, F, $t).call(this, "Invalid options", "Please enter at least a channel id and url to start the stream");
     return;
   }
-  h(this, ct, new Rh({
+  h(this, ct, new Wh({
     url: t,
     channelId: i,
     authenticationToken: s,
-    infiniteReconnect: a
+    infiniteReconnect: o
   })), e(this, ct).on("live", (c) => {
-    e(this, M).connect(), this.removeAttribute("offline"), e(this, Y).setAttribute("hidden", ""), n(this, O, an).call(this, c);
+    e(this, O).connect(), this.removeAttribute("offline"), e(this, Y).setAttribute("hidden", ""), n(this, F, on).call(this, c);
   }), e(this, ct).on("timeout", () => {
     e(this, Y).setAttribute("hidden", ""), e(this, rt).removeAttribute("hidden");
   }), e(this, ct).on("error", (c) => {
-    this.setAttribute(W.OFFLINE, ""), n(this, O, zt).call(this, c.title, c.message);
-  }), e(this, rt).addEventListener("click", e(this, Ne)), this.hasAttribute("paused") && e(this, ct).start();
-}, xe = new WeakMap(), Ne = new WeakMap(), an = function(t) {
+    this.setAttribute(J.OFFLINE, ""), n(this, F, $t).call(this, c.title, c.message);
+  }), e(this, rt).addEventListener("click", e(this, xe)), this.hasAttribute("paused") && e(this, ct).start();
+}, Ce = new WeakMap(), xe = new WeakMap(), on = function(t) {
   var c, m;
-  const i = ua(this.getAttribute("title"), !1);
+  const i = ma(this.getAttribute("title"), !1);
   if (!i) return;
-  const s = this.getAttribute("poster"), a = typeof i == "string" ? i : t.name;
+  const s = this.getAttribute("poster"), o = typeof i == "string" ? i : t.name;
   let u;
-  typeof s == "string" ? u = s : u = (m = (c = this.instance) == null ? void 0 : c.getThumbnailUrl()) != null ? m : t.thumbnailUrls.length ? t.thumbnailUrls[0] : void 0, hh({
-    title: a,
+  typeof s == "string" ? u = s : u = (m = (c = this.instance) == null ? void 0 : c.getThumbnailUrl()) != null ? m : t.thumbnailUrls.length ? t.thumbnailUrls[0] : void 0, Sh({
+    title: o,
     poster: u
   });
-}, zt = function(t, i) {
+}, $t = function(t, i) {
   e(this, Y).setAttribute("title", t), e(this, Y).setAttribute("description", i);
   const s = this.getAttribute("poster");
   s && e(this, Y).setAttribute("background-image", s), e(this, Y).removeAttribute("hidden");
-}, v(Wo, "observedAttributes", [...Pi.observedAttributes, ...Nh]);
-const tl = document.createElement("template");
-tl.innerHTML = /* HTML */
+}, v(tl, "observedAttributes", [...Pi.observedAttributes, ...Yh]);
+const sl = document.createElement("template");
+sl.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -4347,35 +4357,35 @@ tl.innerHTML = /* HTML */
     }
   </style>
 `;
-const Fh = 6e3;
-var ai, se, Re, oi, bt, il, on, xr, _n;
-class el extends HTMLElement {
+const sd = 6e3;
+var ai, re, Ne, oi, bt, rl, ln, Nr, _n;
+class nl extends HTMLElement {
   constructor() {
     super();
     l(this, bt);
     l(this, ai, null);
-    l(this, se, null);
-    l(this, Re, null);
+    l(this, re, null);
+    l(this, Ne, null);
     l(this, oi, () => {
-      !document.hidden && this.hasAttribute("intersecting") && this.paused && !this.disabled ? n(this, bt, il).call(this) : n(this, bt, on).call(this);
+      !document.hidden && this.hasAttribute("intersecting") && this.paused && !this.disabled ? n(this, bt, rl).call(this) : n(this, bt, ln).call(this);
     });
     l(this, _n, (t) => {
       t.forEach((i) => {
         i.isIntersecting ? this.setAttribute("intersecting", "") : this.removeAttribute("intersecting");
       });
     });
-    this.attachShadow({ mode: "open" }).appendChild(tl.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(sl.content.cloneNode(!0));
   }
   connectedCallback() {
     var t;
-    h(this, ai, this.closest("vindral-controller")), (t = e(this, ai)) == null || t.connectListener(this), document.addEventListener("visibilitychange", e(this, oi)), h(this, Re, new IntersectionObserver(e(this, _n))), e(this, Re).observe(this);
+    h(this, ai, this.closest("vindral-controller")), (t = e(this, ai)) == null || t.connectListener(this), document.addEventListener("visibilitychange", e(this, oi)), h(this, Ne, new IntersectionObserver(e(this, _n))), e(this, Ne).observe(this);
   }
   disconnectedCallback() {
     var t, i;
-    (t = e(this, ai)) == null || t.disconnectListener(this), document.removeEventListener("visibilitychange", e(this, oi)), (i = e(this, Re)) == null || i.disconnect(), h(this, Re, null), n(this, bt, on).call(this);
+    (t = e(this, ai)) == null || t.disconnectListener(this), document.removeEventListener("visibilitychange", e(this, oi)), (i = e(this, Ne)) == null || i.disconnect(), h(this, Ne, null), n(this, bt, ln).call(this);
   }
   attributeChangedCallback(t, i, s) {
-    i !== s && (t === r.POSTER_SRC && this.paused && !this.disabled && n(this, bt, xr).call(this), (t === r.PAUSED || t === "disabled" || t === "intersecting") && e(this, oi).call(this));
+    i !== s && (t === r.POSTER_SRC && this.paused && !this.disabled && n(this, bt, Nr).call(this), (t === r.PAUSED || t === "disabled" || t === "intersecting") && e(this, oi).call(this));
   }
   get disabled() {
     return this.hasAttribute("disabled");
@@ -4390,21 +4400,21 @@ class el extends HTMLElement {
     return this.hasAttribute(r.PAUSED);
   }
 }
-ai = new WeakMap(), se = new WeakMap(), Re = new WeakMap(), oi = new WeakMap(), bt = new WeakSet(), il = function() {
-  e(this, se) === null && (n(this, bt, on).call(this), h(this, se, window.setInterval(() => n(this, bt, xr).call(this), Fh)));
-}, on = function() {
-  e(this, se) !== null && (clearInterval(e(this, se)), h(this, se, null)), this.style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAQAAACRI2S5AAAAEElEQVR42mNkIAAYRxWAAQAG9gAKqv6+AwAAAABJRU5ErkJggg==')";
-}, xr = function() {
+ai = new WeakMap(), re = new WeakMap(), Ne = new WeakMap(), oi = new WeakMap(), bt = new WeakSet(), rl = function() {
+  e(this, re) === null && (n(this, bt, ln).call(this), h(this, re, window.setInterval(() => n(this, bt, Nr).call(this), sd)));
+}, ln = function() {
+  e(this, re) !== null && (clearInterval(e(this, re)), h(this, re, null)), this.style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAQAAACRI2S5AAAAEElEQVR42mNkIAAYRxWAAQAG9gAKqv6+AwAAAABJRU5ErkJggg==')";
+}, Nr = function() {
   if (!this.posterSrc) return;
   const t = new URL(this.posterSrc), i = new Image();
   t.searchParams.set("t", Date.now().toString()), i.src = t.toString(), i.onload = () => this.style.backgroundImage = `url(${t.toString()})`;
-}, _n = new WeakMap(), v(el, "observedAttributes", [
+}, _n = new WeakMap(), v(nl, "observedAttributes", [
   r.POSTER_SRC,
   r.PAUSED,
   "disabled",
   "intersecting"
 ]);
-const Hh = (
+const nd = (
   /* SVG */
   `
 <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">
@@ -4412,8 +4422,8 @@ const Hh = (
   <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" />
 </svg>
 `
-), sl = document.createElement("template");
-sl.innerHTML = /* HTML */
+), al = document.createElement("template");
+al.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -4421,38 +4431,38 @@ sl.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="button">${Hh}</slot>
+  <slot name="button">${nd}</slot>
   <slot name="listbox" hidden>
     <vindral-rendition-levels-menu-list id="listbox" part="listbox"></vindral-rendition-levels-menu-list>
   </slot>
 `;
-var _s, Rr;
+var Us, _r;
 const Ri = class Ri extends Un {
   constructor() {
-    var t, i, s, a;
+    var t, i, s, o;
     super();
-    l(this, _s);
-    (t = this.shadowRoot) == null || t.appendChild(sl.content.cloneNode(!0)), this.button = (i = this.shadowRoot) == null ? void 0 : i.querySelector("slot[name=button]"), this.listbox = (s = this.shadowRoot) == null ? void 0 : s.querySelector("[part=listbox]"), this.listboxSlot = (a = this.shadowRoot) == null ? void 0 : a.querySelector("slot[name=listbox]");
+    l(this, Us);
+    (t = this.shadowRoot) == null || t.appendChild(al.content.cloneNode(!0)), this.button = (i = this.shadowRoot) == null ? void 0 : i.querySelector("slot[name=button]"), this.listbox = (s = this.shadowRoot) == null ? void 0 : s.querySelector("[part=listbox]"), this.listboxSlot = (o = this.shadowRoot) == null ? void 0 : o.querySelector("slot[name=listbox]");
   }
   connectedCallback() {
-    super.connectedCallback(), n(this, _s, Rr).call(this), this.setAttribute("aria-label", "Rendition levels");
+    super.connectedCallback(), n(this, Us, _r).call(this), this.setAttribute("aria-label", "Rendition levels");
   }
   attributeChangedCallback(t, i, s) {
-    super.attributeChangedCallback(t, i, s), t === r.RENDITION_LEVELS && n(this, _s, Rr).call(this);
+    super.attributeChangedCallback(t, i, s), t === r.RENDITION_LEVELS && n(this, Us, _r).call(this);
   }
 };
-_s = new WeakSet(), Rr = function() {
+Us = new WeakSet(), _r = function() {
   const t = this.getAttribute(r.RENDITION_LEVELS);
   !t || t === "[]" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
-}, v(Ri, "observedAttributes", [...J(Ri, Ri, "observedAttributes"), r.RENDITION_LEVELS]);
-let Nr = Ri;
-const nl = document.createElement("template"), Bh = (
+}, v(Ri, "observedAttributes", [...W(Ri, Ri, "observedAttributes"), r.RENDITION_LEVELS]);
+let Rr = Ri;
+const ol = document.createElement("template"), rd = (
   /* SVG */
   `
   <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="#fff" viewBox="0 0 78.369 78.369" xml:space="preserve"><path d="M78.049 19.015 29.458 67.606a1.094 1.094 0 0 1-1.548 0L.32 40.015a1.094 1.094 0 0 1 0-1.547l6.704-6.704a1.095 1.095 0 0 1 1.548 0l20.113 20.112 41.113-41.113a1.095 1.095 0 0 1 1.548 0l6.703 6.704a1.094 1.094 0 0 1 0 1.548z"/></svg>
 `
 );
-nl.innerHTML = /* HTML */
+ol.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -4525,7 +4535,7 @@ nl.innerHTML = /* HTML */
     }
 
     [role="menuitem"][aria-selected="true"]::before {
-      content: url("data:image/svg+xml,${encodeURIComponent(Bh)}");
+      content: url("data:image/svg+xml,${encodeURIComponent(rd)}");
       position: absolute;
       left: calc(var(--padding-3) - var(--padding-1));
       top: calc(50% - 8px);
@@ -4555,127 +4565,127 @@ nl.innerHTML = /* HTML */
     <div class="menu"></div>
   </slot>
 `;
-var _e, Us, ne, Dt, Ue, Ps, D, al, _r, ol, Ur, ll, hl, dl, Pr, cl;
-class rl extends HTMLElement {
+var Re, Ps, ae, Dt, _e, Ds, D, hl, Ur, dl, Pr, cl, ul, pl, Dr, bl;
+class ll extends HTMLElement {
   constructor() {
     super();
     l(this, D);
-    l(this, _e, []);
-    l(this, Us, Number.MAX_SAFE_INTEGER);
-    l(this, ne, null);
+    l(this, Re, []);
+    l(this, Ps, Number.MAX_SAFE_INTEGER);
+    l(this, ae, null);
     l(this, Dt, []);
-    l(this, Ue, null);
-    l(this, Ps, null);
+    l(this, _e, null);
+    l(this, Ds, null);
     v(this, "handleEvent", (t) => {
-      t.type === "keydown" && n(this, D, hl).call(this, t);
+      t.type === "keydown" && n(this, D, ul).call(this, t);
     });
-    this.attachShadow({ mode: "open" }).appendChild(nl.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(ol.content.cloneNode(!0));
   }
   connectedCallback() {
     var i;
     const t = this.getRootNode();
-    t instanceof ShadowRoot && (h(this, Ue, t.host.closest("vindral-controller")), (i = e(this, Ue)) == null || i.connectListener(this), n(this, D, al).call(this), n(this, D, _r).call(this), h(this, Ps, t.host), this.addEventListener("keydown", this));
+    t instanceof ShadowRoot && (h(this, _e, t.host.closest("vindral-controller")), (i = e(this, _e)) == null || i.connectListener(this), n(this, D, hl).call(this), n(this, D, Ur).call(this), h(this, Ds, t.host), this.addEventListener("keydown", this));
   }
   disconnectedCallback() {
     var t;
-    (t = e(this, Ue)) == null || t.disconnectListener(this), this.removeEventListener("keydown", this);
+    (t = e(this, _e)) == null || t.disconnectListener(this), this.removeEventListener("keydown", this);
   }
   attributeChangedCallback(t, i, s) {
     i !== s && (t === r.RENDITION_LEVELS && s && (this.list = JSON.parse(s)), t === r.MAX_VIDEO_BITRATE && s && (this.maxVideoBitrate = s ? parseInt(s) : Number.MAX_SAFE_INTEGER));
   }
   set list(t) {
-    h(this, _e, t), n(this, D, _r).call(this);
+    h(this, Re, t), n(this, D, Ur).call(this);
   }
   set maxVideoBitrate(t) {
-    h(this, Us, t), n(this, D, Ur).call(this);
+    h(this, Ps, t), n(this, D, Pr).call(this);
   }
   get keysUsed() {
     return ["Enter", "Escape", "Tab", " ", "ArrowDown", "ArrowUp", "Home", "End"];
   }
   focus() {
     var t;
-    (t = e(this, ne)) == null || t.focus();
+    (t = e(this, ae)) == null || t.focus();
   }
 }
-_e = new WeakMap(), Us = new WeakMap(), ne = new WeakMap(), Dt = new WeakMap(), Ue = new WeakMap(), Ps = new WeakMap(), D = new WeakSet(), al = function() {
+Re = new WeakMap(), Ps = new WeakMap(), ae = new WeakMap(), Dt = new WeakMap(), _e = new WeakMap(), Ds = new WeakMap(), D = new WeakSet(), hl = function() {
   const t = (s) => {
-    s.forEach((a) => {
-      if (a.intersectionRatio !== 1)
-        if (a.intersectionRatio > 0) {
-          const u = this.offsetHeight, c = a.intersectionRatio, g = u * c - 24;
-          this.style.height = `${g}px`;
+    s.forEach((o) => {
+      if (o.intersectionRatio !== 1)
+        if (o.intersectionRatio > 0) {
+          const u = this.offsetHeight, c = o.intersectionRatio, E = u * c - 24;
+          this.style.height = `${E}px`;
         } else
           this.style.height = "auto";
     });
   };
   new IntersectionObserver(t, {
-    root: e(this, Ue),
+    root: e(this, _e),
     // The parent element to use as the viewport
     threshold: 0
     // 0 means any intersection is enough to be considered "inside"
   }).observe(this);
-}, _r = function() {
+}, Ur = function() {
   var i;
   const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector(".menu");
-  t && (h(this, Dt, []), t.innerHTML = "", e(this, _e).sort((s, a) => {
+  t && (h(this, Dt, []), t.innerHTML = "", e(this, Re).sort((s, o) => {
     var u, c;
-    return (u = s.video) != null && u.bitRate && ((c = a.video) != null && c.bitRate) ? a.video.bitRate - s.video.bitRate : 0;
+    return (u = s.video) != null && u.bitRate && ((c = o.video) != null && c.bitRate) ? o.video.bitRate - s.video.bitRate : 0;
   }).forEach((s) => {
-    var m, g, N, F, $, vt, ft, gt;
-    const a = document.createElement("div");
-    a.setAttribute("role", "menuitem"), a.setAttribute("value", String((m = s.video) == null ? void 0 : m.height)), a.classList.add("menu-item"), a.tabIndex = -1;
-    const u = n(this, D, ol).call(this, (g = s.video) == null ? void 0 : g.frameRate);
-    a.textContent = s.video ? ha(s.video) : "";
+    var m, E, N, H, G, vt, ft, gt;
+    const o = document.createElement("div");
+    o.setAttribute("role", "menuitem"), o.setAttribute("value", String((m = s.video) == null ? void 0 : m.height)), o.classList.add("menu-item"), o.tabIndex = -1;
+    const u = n(this, D, dl).call(this, (E = s.video) == null ? void 0 : E.frameRate);
+    o.textContent = s.video ? ua(s.video) : "";
     const c = document.createElement("span");
-    c.classList.add("menu-item-subtitle"), c.textContent = `${la(((F = (N = s.video) == null ? void 0 : N.bitRate) != null ? F : 0) + ((vt = ($ = s.audio) == null ? void 0 : $.bitRate) != null ? vt : 0))}, ${u}p`, a.appendChild(c), a.addEventListener("click", () => n(this, D, ll).call(this, s)), e(this, Dt).push({ el: a, id: (gt = (ft = s.video) == null ? void 0 : ft.id) != null ? gt : -1 }), t.appendChild(a);
-  }), n(this, D, Ur).call(this));
-}, ol = function(t) {
+    c.classList.add("menu-item-subtitle"), c.textContent = `${ca(((H = (N = s.video) == null ? void 0 : N.bitRate) != null ? H : 0) + ((vt = (G = s.audio) == null ? void 0 : G.bitRate) != null ? vt : 0))}, ${u}p`, o.appendChild(c), o.addEventListener("click", () => n(this, D, cl).call(this, s)), e(this, Dt).push({ el: o, id: (gt = (ft = s.video) == null ? void 0 : ft.id) != null ? gt : -1 }), t.appendChild(o);
+  }), n(this, D, Pr).call(this));
+}, dl = function(t) {
   return t ? t[0] % t[1] === 0 ? (t[0] / t[1]).toString() : (t[0] / t[1]).toFixed(2) : "";
-}, Ur = function() {
-  e(this, ne) && (e(this, ne).removeAttribute("aria-selected"), e(this, ne).tabIndex = -1);
-  const t = e(this, _e).sort(
-    (s, a) => {
+}, Pr = function() {
+  e(this, ae) && (e(this, ae).removeAttribute("aria-selected"), e(this, ae).tabIndex = -1);
+  const t = e(this, Re).sort(
+    (s, o) => {
       var u, c;
-      return (u = s.video) != null && u.bitRate && ((c = a.video) != null && c.bitRate) ? a.video.bitRate - s.video.bitRate : 0;
+      return (u = s.video) != null && u.bitRate && ((c = o.video) != null && c.bitRate) ? o.video.bitRate - s.video.bitRate : 0;
     }
-  ), i = e(this, _e).filter(
+  ), i = e(this, Re).filter(
     (s) => {
-      var a;
-      return ((a = s.video) == null ? void 0 : a.bitRate) && s.video.bitRate <= e(this, Us);
+      var o;
+      return ((o = s.video) == null ? void 0 : o.bitRate) && s.video.bitRate <= e(this, Ps);
     }
   )[0] || t[t.length - 1];
   if (i) {
-    const s = e(this, Dt).find((a) => {
+    const s = e(this, Dt).find((o) => {
       var u;
-      return a.id === ((u = i.video) == null ? void 0 : u.id);
+      return o.id === ((u = i.video) == null ? void 0 : u.id);
     });
-    s && (s.el.tabIndex = 0, s.el.setAttribute("aria-selected", "true"), h(this, ne, s.el));
+    s && (s.el.tabIndex = 0, s.el.setAttribute("aria-selected", "true"), h(this, ae, s.el));
   }
-}, ll = function(t) {
+}, cl = function(t) {
   this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })), this.dispatchEvent(
     new CustomEvent(y.SET_RENDITION, { bubbles: !0, composed: !0, detail: t })
   );
-}, hl = function(t) {
-  var c, m, g;
-  const { key: i, ctrlKey: s, altKey: a, metaKey: u } = t;
-  s || a || u || this.keysUsed.includes(i) && (t.preventDefault(), t.stopPropagation(), i === "Tab" || i === "Escape" ? (c = e(this, Ps)) == null || c.hide() : i === "Enter" || i === " " ? (g = (m = n(this, D, Pr).call(this)) == null ? void 0 : m.el) == null || g.click() : n(this, D, dl).call(this, t));
-}, dl = function(t) {
-  var g;
-  const { key: i } = t, s = e(this, Dt), a = (g = n(this, D, Pr).call(this)) != null ? g : s[0];
-  if (!a) return;
-  const u = s.indexOf(a);
+}, ul = function(t) {
+  var c, m, E;
+  const { key: i, ctrlKey: s, altKey: o, metaKey: u } = t;
+  s || o || u || this.keysUsed.includes(i) && (t.preventDefault(), t.stopPropagation(), i === "Tab" || i === "Escape" ? (c = e(this, Ds)) == null || c.hide() : i === "Enter" || i === " " ? (E = (m = n(this, D, Dr).call(this)) == null ? void 0 : m.el) == null || E.click() : n(this, D, pl).call(this, t));
+}, pl = function(t) {
+  var E;
+  const { key: i } = t, s = e(this, Dt), o = (E = n(this, D, Dr).call(this)) != null ? E : s[0];
+  if (!o) return;
+  const u = s.indexOf(o);
   let c = Math.max(0, u);
   i === "ArrowDown" ? c++ : i === "ArrowUp" ? c-- : t.key === "Home" ? c = 0 : t.key === "End" && (c = s.length - 1), c < 0 && (c = s.length - 1), c > s.length - 1 && (c = 0);
   const m = s[c];
-  m && (n(this, D, cl).call(this, m.id), m.el.focus());
-}, Pr = function() {
+  m && (n(this, D, bl).call(this, m.id), m.el.focus());
+}, Dr = function() {
   return e(this, Dt).find((t) => t.el.tabIndex === 0);
-}, cl = function(t) {
+}, bl = function(t) {
   for (const i of e(this, Dt))
     i.el.tabIndex = i.id === t ? 0 : -1;
-}, v(rl, "observedAttributes", [r.RENDITION_LEVELS, r.MAX_VIDEO_BITRATE]);
-const ul = document.createElement("template");
-ul.innerHTML = /* HTML */
+}, v(ll, "observedAttributes", [r.RENDITION_LEVELS, r.MAX_VIDEO_BITRATE]);
+const ml = document.createElement("template");
+ml.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -4744,65 +4754,65 @@ ul.innerHTML = /* HTML */
   <div id="scroll-area"></div>
   <slot id="content"></slot>
 `;
-var at, Mt, ut, re, li, Ds, Pe, C, bl, ml, vl, fl, Ms, Dr, Ei, gl, El, Al, yl, Mr, Or, Fr, Hr;
-class pl extends HTMLElement {
+var at, Mt, ut, oe, li, Ms, Ue, C, fl, gl, El, Al, Os, Mr, Ei, yl, kl, Il, Ll, Or, Fr, Hr, Br;
+class vl extends HTMLElement {
   constructor() {
     super();
     l(this, C);
     l(this, at, null);
     l(this, Mt, null);
     l(this, ut, !1);
-    l(this, re, !1);
+    l(this, oe, !1);
     l(this, li, !1);
-    l(this, Ds, () => {
+    l(this, Ms, () => {
       this.open && (this.open = !1);
     });
-    l(this, Pe, null);
+    l(this, Ue, null);
     v(this, "handleEvent", (t) => {
       switch (t.type) {
         case "touchstart":
-          n(this, C, ml).call(this, t);
+          n(this, C, gl).call(this, t);
           break;
         case "touchmove":
-          n(this, C, vl).call(this, t);
+          n(this, C, El).call(this, t);
           break;
         case "touchend":
-          n(this, C, fl).call(this, t);
+          n(this, C, Al).call(this, t);
           break;
       }
     });
-    l(this, Ms, () => {
+    l(this, Os, () => {
       const t = e(this, li);
       if (this.scrollTop === 0) {
-        n(this, C, Or).call(this, t);
+        n(this, C, Fr).call(this, t);
         return;
       }
-      if (!t && !n(this, C, Dr).call(this)) {
-        n(this, C, yl).call(this), n(this, C, Or).call(this);
+      if (!t && !n(this, C, Mr).call(this)) {
+        n(this, C, Ll).call(this), n(this, C, Fr).call(this);
         return;
       }
-      !this.visible && this.scrollTop > 0 && !e(this, ut) ? n(this, C, Fr).call(this) : !e(this, ut) && n(this, C, gl).call(this) && (this.open || (this.open = !0), t && !this.hasAttribute("snap-touch") && this.setAttribute("snap-touch", ""));
+      !this.visible && this.scrollTop > 0 && !e(this, ut) ? n(this, C, Hr).call(this) : !e(this, ut) && n(this, C, yl).call(this) && (this.open || (this.open = !0), t && !this.hasAttribute("snap-touch") && this.setAttribute("snap-touch", ""));
     });
-    this.attachShadow({ mode: "open" }).appendChild(ul.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(ml.content.cloneNode(!0));
   }
   connectedCallback() {
-    var i, s, a, u, c, m;
+    var i, s, o, u, c, m;
     const t = this.getRootNode();
     if (t instanceof Document || t instanceof ShadowRoot) {
-      h(this, at, t.querySelector("vindral-controller")), (i = e(this, at)) == null || i.connectListener(this), h(this, Mt, (s = this.shadowRoot) == null ? void 0 : s.querySelector("#scroll-area")), (a = e(this, Mt)) == null || a.addEventListener("click", e(this, Ds));
-      const g = this.hasAttribute("touch-enabled");
-      h(this, li, rh() && g), e(this, li) ? ((u = e(this, at)) == null || u.addEventListener("touchstart", this, { passive: !0 }), (c = e(this, at)) == null || c.addEventListener("touchmove", this, { passive: !1 }), (m = e(this, at)) == null || m.addEventListener("touchend", this, { passive: !0 })) : this.setAttribute("snap", ""), this.addEventListener("scroll", e(this, Ms));
+      h(this, at, t.querySelector("vindral-controller")), (i = e(this, at)) == null || i.connectListener(this), h(this, Mt, (s = this.shadowRoot) == null ? void 0 : s.querySelector("#scroll-area")), (o = e(this, Mt)) == null || o.addEventListener("click", e(this, Ms));
+      const E = this.hasAttribute("touch-enabled");
+      h(this, li, kh() && E), e(this, li) ? ((u = e(this, at)) == null || u.addEventListener("touchstart", this, { passive: !0 }), (c = e(this, at)) == null || c.addEventListener("touchmove", this, { passive: !1 }), (m = e(this, at)) == null || m.addEventListener("touchend", this, { passive: !0 })) : this.setAttribute("snap", ""), this.addEventListener("scroll", e(this, Os));
     }
   }
   disconnectedCallback() {
-    var t, i, s, a, u;
-    (t = e(this, Mt)) == null || t.removeEventListener("click", e(this, Ds)), this.removeEventListener("scroll", e(this, Ms)), (i = e(this, at)) == null || i.removeEventListener("touchstart", this), (s = e(this, at)) == null || s.removeEventListener("touchmove", this), (a = e(this, at)) == null || a.removeEventListener("touchend", this), (u = e(this, at)) == null || u.disconnectListener(this);
+    var t, i, s, o, u;
+    (t = e(this, Mt)) == null || t.removeEventListener("click", e(this, Ms)), this.removeEventListener("scroll", e(this, Os)), (i = e(this, at)) == null || i.removeEventListener("touchstart", this), (s = e(this, at)) == null || s.removeEventListener("touchmove", this), (o = e(this, at)) == null || o.removeEventListener("touchend", this), (u = e(this, at)) == null || u.disconnectListener(this);
   }
   attributeChangedCallback(t, i, s) {
-    var a;
+    var o;
     i !== s && (t === r.USER_INTERACTING && s === null && n(this, C, Ei).call(this) && setTimeout(() => {
       this.open = !1;
-    }, 300), t === "open" && (s !== null ? (h(this, ut, !1), this.scrollTop > 0 && n(this, C, Fr).call(this), this.scrollTo({ top: (a = e(this, Mt)) == null ? void 0 : a.clientHeight, behavior: "smooth" })) : n(this, C, Mr).call(this)));
+    }, 300), t === "open" && (s !== null ? (h(this, ut, !1), this.scrollTop > 0 && n(this, C, Hr).call(this), this.scrollTo({ top: (o = e(this, Mt)) == null ? void 0 : o.clientHeight, behavior: "smooth" })) : n(this, C, Or).call(this)));
   }
   set open(t) {
     if (t) {
@@ -4810,7 +4820,7 @@ class pl extends HTMLElement {
       return;
     }
     const i = this.hasAttribute("open"), s = this.visible || n(this, C, Ei).call(this);
-    i ? this.removeAttribute("open") : s ? n(this, C, Mr).call(this) : (h(this, ut, !1), this.removeAttribute("snap-touch"));
+    i ? this.removeAttribute("open") : s ? n(this, C, Or).call(this) : (h(this, ut, !1), this.removeAttribute("snap-touch"));
   }
   get open() {
     return this.hasAttribute("open");
@@ -4822,46 +4832,46 @@ class pl extends HTMLElement {
     return this.hasAttribute("visible");
   }
 }
-at = new WeakMap(), Mt = new WeakMap(), ut = new WeakMap(), re = new WeakMap(), li = new WeakMap(), Ds = new WeakMap(), Pe = new WeakMap(), C = new WeakSet(), bl = function() {
-  return n(this, C, Dr).call(this) || n(this, C, Al).call(this) || n(this, C, Ei).call(this);
-}, ml = function(t) {
+at = new WeakMap(), Mt = new WeakMap(), ut = new WeakMap(), oe = new WeakMap(), li = new WeakMap(), Ms = new WeakMap(), Ue = new WeakMap(), C = new WeakSet(), fl = function() {
+  return n(this, C, Mr).call(this) || n(this, C, Il).call(this) || n(this, C, Ei).call(this);
+}, gl = function(t) {
   const i = t.touches[0];
-  i && (h(this, re, n(this, C, bl).call(this)), e(this, re) && (h(this, ut, !1), h(this, Pe, i.clientY)));
-}, vl = function(t) {
-  if (!(!e(this, re) || e(this, Pe) === null || this.hasAttribute("snap-touch") && this.open) && (t.preventDefault(), t.touches[0])) {
-    const i = t.touches[0].clientY, s = e(this, Pe) - i;
+  i && (h(this, oe, n(this, C, fl).call(this)), e(this, oe) && (h(this, ut, !1), h(this, Ue, i.clientY)));
+}, El = function(t) {
+  if (!(!e(this, oe) || e(this, Ue) === null || this.hasAttribute("snap-touch") && this.open) && (t.preventDefault(), t.touches[0])) {
+    const i = t.touches[0].clientY, s = e(this, Ue) - i;
     this.scrollTop = Math.max(0, s);
   }
-}, fl = function(t) {
-  e(this, re) && !e(this, ut) && n(this, C, Ei).call(this) && (!this.hasAttribute("snap-touch") || !this.open) && (this.open = !0), h(this, Pe, null), h(this, re, !1);
-}, Ms = new WeakMap(), Dr = function() {
+}, Al = function(t) {
+  e(this, oe) && !e(this, ut) && n(this, C, Ei).call(this) && (!this.hasAttribute("snap-touch") || !this.open) && (this.open = !0), h(this, Ue, null), h(this, oe, !1);
+}, Os = new WeakMap(), Mr = function() {
   return this.hasAttribute(r.USER_INTERACTING);
 }, Ei = function() {
   return this.scrollTop > 0;
-}, gl = function() {
+}, yl = function() {
   var t;
   return Math.round(this.scrollTop) === this.scrollHeight - this.clientHeight || Math.round(this.scrollTop) === ((t = e(this, Mt)) == null ? void 0 : t.clientHeight);
-}, El = function() {
+}, kl = function() {
   var i;
   const t = (i = e(this, Mt)) == null ? void 0 : i.clientHeight;
   return !t || this.clientHeight <= 0 ? 0 : Math.max(this.clientHeight - t, 0);
-}, Al = function() {
+}, Il = function() {
   const t = getComputedStyle(this), i = Number.parseFloat(t.getPropertyValue("--vindral-scroll-overlay-offset"));
-  return Number.isNaN(i) ? n(this, C, El).call(this) > 0 : i > 0;
-}, yl = function() {
+  return Number.isNaN(i) ? n(this, C, kl).call(this) > 0 : i > 0;
+}, Ll = function() {
   const t = this.style.scrollBehavior;
   this.style.scrollBehavior = "auto", this.scrollTo({ top: 0, behavior: "auto" }), this.style.scrollBehavior = t;
-}, Mr = function() {
-  h(this, ut, !0), this.removeAttribute("snap-touch"), n(this, C, Hr).call(this), this.scrollTo({ top: 0, behavior: "smooth" });
-}, Or = function(t = !1) {
-  this.open = !1, t && this.removeAttribute("snap-touch"), h(this, ut, !1), n(this, C, Hr).call(this);
-}, Fr = function() {
-  this.visible || (this.visible = !0, this.dispatchEvent(new CustomEvent(y.LOCK_UI, { bubbles: !0, composed: !0 })));
+}, Or = function() {
+  h(this, ut, !0), this.removeAttribute("snap-touch"), n(this, C, Br).call(this), this.scrollTo({ top: 0, behavior: "smooth" });
+}, Fr = function(t = !1) {
+  this.open = !1, t && this.removeAttribute("snap-touch"), h(this, ut, !1), n(this, C, Br).call(this);
 }, Hr = function() {
+  this.visible || (this.visible = !0, this.dispatchEvent(new CustomEvent(y.LOCK_UI, { bubbles: !0, composed: !0 })));
+}, Br = function() {
   this.visible && (this.visible = !1, this.dispatchEvent(new CustomEvent(y.UNLOCK_UI, { bubbles: !0, composed: !0 })));
-}, v(pl, "observedAttributes", [r.USER_INTERACTING, "open", "touch-enabled"]);
-const kl = document.createElement("template");
-kl.innerHTML = /* HTML */
+}, v(vl, "observedAttributes", [r.USER_INTERACTING, "open", "touch-enabled"]);
+const Tl = document.createElement("template");
+Tl.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -4921,8 +4931,8 @@ kl.innerHTML = /* HTML */
   <div id="hover-preview"></div>
   <div id="time-tooltip"></div>
 `;
-var P, It, Ot, pt, Ft, ae, oe, Ht, I, ln, Br, ve, Fe, Os, Fs, De, Hs, Bs, zr, $r, Gr, qr, Ll, Kr, fe, hn, zs;
-class Il extends Ui {
+var P, It, Ot, pt, Ft, le, he, Ht, I, hn, zr, fe, Oe, Fs, Hs, Pe, Bs, zs, $r, Gr, Kr, qr, wl, Vr, ge, dn, $s;
+class Sl extends Ui {
   constructor() {
     var t, i, s;
     super();
@@ -4932,25 +4942,25 @@ class Il extends Ui {
     l(this, Ot);
     l(this, pt, !1);
     l(this, Ft, null);
-    l(this, ae, null);
-    l(this, oe, !1);
+    l(this, le, null);
+    l(this, he, !1);
     l(this, Ht, !1);
-    l(this, Os, (t) => {
-      if (!n(this, I, Br).call(this) || n(this, I, ve).call(this)) {
+    l(this, Fs, (t) => {
+      if (!n(this, I, zr).call(this) || n(this, I, fe).call(this)) {
         t.preventDefault();
         return;
       }
-      h(this, pt, !0), h(this, ae, t.pointerId);
+      h(this, pt, !0), h(this, le, t.pointerId);
       try {
         this.setPointerCapture(t.pointerId);
       } catch (i) {
       }
-      n(this, I, $r).call(this, t);
+      n(this, I, Gr).call(this, t);
     });
-    l(this, Fs, (t) => {
-      if (!(!n(this, I, Br).call(this) || n(this, I, ve).call(this))) {
-        if (e(this, Ft) && (cancelAnimationFrame(e(this, Ft)), h(this, Ft, null)), e(this, pt) && t.pointerId === e(this, ae)) {
-          t.preventDefault(), n(this, I, $r).call(this, t);
+    l(this, Hs, (t) => {
+      if (!(!n(this, I, zr).call(this) || n(this, I, fe).call(this))) {
+        if (e(this, Ft) && (cancelAnimationFrame(e(this, Ft)), h(this, Ft, null)), e(this, pt) && t.pointerId === e(this, le)) {
+          t.preventDefault(), n(this, I, Gr).call(this, t);
           return;
         }
         h(this, Ft, requestAnimationFrame(() => {
@@ -4958,87 +4968,87 @@ class Il extends Ui {
             e(this, Ot).style.opacity = "0", h(this, Ft, null);
             return;
           }
-          const i = n(this, I, zr).call(this, t.clientX);
+          const i = n(this, I, $r).call(this, t.clientX);
           if (n(this, I, qr).call(this, i, t.clientX), i > this.range.valueAsNumber) {
-            const s = this.range.valueAsNumber * 100, a = (i - this.range.valueAsNumber) * 100;
-            e(this, Ot).style.transform = `translateX(${s}%) scaleX(${a / 100})`, e(this, Ot).style.opacity = "1";
+            const s = this.range.valueAsNumber * 100, o = (i - this.range.valueAsNumber) * 100;
+            e(this, Ot).style.transform = `translateX(${s}%) scaleX(${o / 100})`, e(this, Ot).style.opacity = "1";
           } else
             e(this, Ot).style.opacity = "0";
           h(this, Ft, null);
         }));
       }
     });
-    l(this, De, (t) => {
-      if (t.pointerId === e(this, ae)) {
+    l(this, Pe, (t) => {
+      if (t.pointerId === e(this, le)) {
         try {
           this.releasePointerCapture(t.pointerId);
         } catch (i) {
         }
-        h(this, pt, !1), h(this, ae, null), t.pointerType !== "mouse" && (e(this, It).style.opacity = "0"), e(this, Ht) && n(this, I, fe).call(this) && (h(this, oe, !1), h(this, Ht, !1));
+        h(this, pt, !1), h(this, le, null), t.pointerType !== "mouse" && (e(this, It).style.opacity = "0"), e(this, Ht) && n(this, I, ge).call(this) && (h(this, he, !1), h(this, Ht, !1));
       }
     });
-    l(this, Hs, () => {
-      this.duration && !n(this, I, ve).call(this) && (e(this, It).style.opacity = "1");
-    });
     l(this, Bs, () => {
+      this.duration && !n(this, I, fe).call(this) && (e(this, It).style.opacity = "1");
+    });
+    l(this, zs, () => {
       e(this, It).style.opacity = "0", e(this, Ot).style.opacity = "0";
     });
-    l(this, zs, (t) => {
-      if (n(this, I, ve).call(this) || !e(this, P) || e(this, P) <= 0 || !isFinite(e(this, P)))
+    l(this, $s, (t) => {
+      if (n(this, I, fe).call(this) || !e(this, P) || e(this, P) <= 0 || !isFinite(e(this, P)))
         return;
-      const i = n(this, I, ln).call(this);
+      const i = n(this, I, hn).call(this);
       if (i <= 0) return;
       const s = this.range.valueAsNumber * i;
-      let a = s;
+      let o = s;
       const u = 5;
       switch (t.preventDefault(), t.key) {
         case "ArrowLeft":
-          a = Math.max(0, s - u);
+          o = Math.max(0, s - u);
           break;
         case "ArrowRight":
-          if (n(this, I, fe).call(this))
+          if (n(this, I, ge).call(this))
             return;
-          a = Math.min(i, s + u);
+          o = Math.min(i, s + u);
           break;
         case "Home":
-          a = 0;
+          o = 0;
           break;
         case "End":
-          if (n(this, I, fe).call(this))
+          if (n(this, I, ge).call(this))
             return;
-          a = i;
+          o = i;
           break;
         default:
           return;
       }
-      const c = Math.min(a / i, 1);
-      n(this, I, Gr).call(this, c);
+      const c = Math.min(o / i, 1);
+      n(this, I, Kr).call(this, c);
     });
-    (t = this.shadowRoot) == null || t.appendChild(kl.content.cloneNode(!0)), h(this, It, (i = this.shadowRoot) == null ? void 0 : i.getElementById("time-tooltip")), h(this, Ot, (s = this.shadowRoot) == null ? void 0 : s.getElementById("hover-preview")), this.addEventListener("pointerdown", e(this, Os)), this.addEventListener("pointermove", e(this, Fs)), this.addEventListener("pointerup", e(this, De)), this.addEventListener("pointercancel", e(this, De)), this.addEventListener("mouseenter", e(this, Hs)), this.addEventListener("mouseleave", e(this, Bs));
+    (t = this.shadowRoot) == null || t.appendChild(Tl.content.cloneNode(!0)), h(this, It, (i = this.shadowRoot) == null ? void 0 : i.getElementById("time-tooltip")), h(this, Ot, (s = this.shadowRoot) == null ? void 0 : s.getElementById("hover-preview")), this.addEventListener("pointerdown", e(this, Fs)), this.addEventListener("pointermove", e(this, Hs)), this.addEventListener("pointerup", e(this, Pe)), this.addEventListener("pointercancel", e(this, Pe)), this.addEventListener("mouseenter", e(this, Bs)), this.addEventListener("mouseleave", e(this, zs));
   }
   connectedCallback() {
-    super.connectedCallback(), this.setAttribute("aria-label", "Seek video position"), this.setAttribute("role", "slider"), n(this, I, Fe).call(this), this.addEventListener("keydown", e(this, zs)), n(this, I, fe).call(this) && (this.range.value = "1", n(this, I, Fe).call(this));
+    super.connectedCallback(), this.setAttribute("aria-label", "Seek video position"), this.setAttribute("role", "slider"), n(this, I, Oe).call(this), this.addEventListener("keydown", e(this, $s)), n(this, I, ge).call(this) && (this.range.value = "1", n(this, I, Oe).call(this));
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("pointerdown", e(this, Os)), this.removeEventListener("pointermove", e(this, Fs)), this.removeEventListener("pointerup", e(this, De)), this.removeEventListener("pointercancel", e(this, De)), this.removeEventListener("mouseenter", e(this, Hs)), this.removeEventListener("mouseleave", e(this, Bs)), this.removeEventListener("keydown", e(this, zs)), h(this, ae, null);
+    super.disconnectedCallback(), this.removeEventListener("pointerdown", e(this, Fs)), this.removeEventListener("pointermove", e(this, Hs)), this.removeEventListener("pointerup", e(this, Pe)), this.removeEventListener("pointercancel", e(this, Pe)), this.removeEventListener("mouseenter", e(this, Bs)), this.removeEventListener("mouseleave", e(this, zs)), this.removeEventListener("keydown", e(this, $s)), h(this, le, null);
   }
   attributeChangedCallback(t, i, s) {
     if (super.attributeChangedCallback(t, i, s), i !== s)
       switch (t) {
         case r.TIMESHIFT_POSITION:
-          if (n(this, I, fe).call(this)) {
-            e(this, pt) ? h(this, Ht, !0) : (h(this, oe, !1), h(this, Ht, !1)), this.range.value = "1", n(this, I, Fe).call(this);
+          if (n(this, I, ge).call(this)) {
+            e(this, pt) ? h(this, Ht, !0) : (h(this, he, !1), h(this, Ht, !1)), this.range.value = "1", n(this, I, Oe).call(this);
             return;
           }
           if (e(this, P)) {
             h(this, Ht, !1);
-            const a = Math.max(parseFloat(s) / e(this, P), 0);
-            this.range.value = a.toString(), n(this, I, Fe).call(this);
+            const o = Math.max(parseFloat(s) / e(this, P), 0);
+            this.range.value = o.toString(), n(this, I, Oe).call(this);
           }
           break;
         case r.DURATION: {
-          const a = parseFloat(s) || 0;
-          h(this, P, a), n(this, I, Fe).call(this);
+          const o = parseFloat(s) || 0;
+          h(this, P, o), n(this, I, Oe).call(this);
           break;
         }
       }
@@ -5053,37 +5063,37 @@ class Il extends Ui {
     this.setAttribute(r.DURATION, t.toString());
   }
 }
-P = new WeakMap(), It = new WeakMap(), Ot = new WeakMap(), pt = new WeakMap(), Ft = new WeakMap(), ae = new WeakMap(), oe = new WeakMap(), Ht = new WeakMap(), I = new WeakSet(), ln = function() {
+P = new WeakMap(), It = new WeakMap(), Ot = new WeakMap(), pt = new WeakMap(), Ft = new WeakMap(), le = new WeakMap(), he = new WeakMap(), Ht = new WeakMap(), I = new WeakSet(), hn = function() {
   return e(this, P) ? e(this, P) : 1;
-}, Br = function() {
+}, zr = function() {
   return !!e(this, P) && e(this, P) > 0 && isFinite(e(this, P));
-}, ve = function() {
-  return e(this, oe);
-}, Fe = function() {
-  const t = n(this, I, ln).call(this);
+}, fe = function() {
+  return e(this, he);
+}, Oe = function() {
+  const t = n(this, I, hn).call(this);
   !e(this, P) || e(this, P) <= 0 || !isFinite(e(this, P)) ? this.setAttribute("data-no-duration", "") : this.removeAttribute("data-no-duration"), e(this, pt) || (this.updateBar(), this.setAttribute(
     "aria-valuetext",
-    `${n(this, I, hn).call(this, this.range.valueAsNumber * t)} of ${n(this, I, hn).call(this, t)}`
-  ), !e(this, pt) && !n(this, I, ve).call(this) && n(this, I, Kr).call(this, this.range.valueAsNumber));
-}, Os = new WeakMap(), Fs = new WeakMap(), De = new WeakMap(), Hs = new WeakMap(), Bs = new WeakMap(), zr = function(t) {
+    `${n(this, I, dn).call(this, this.range.valueAsNumber * t)} of ${n(this, I, dn).call(this, t)}`
+  ), !e(this, pt) && !n(this, I, fe).call(this) && n(this, I, Vr).call(this, this.range.valueAsNumber));
+}, Fs = new WeakMap(), Hs = new WeakMap(), Pe = new WeakMap(), Bs = new WeakMap(), zs = new WeakMap(), $r = function(t) {
   const i = this.getBoundingClientRect(), s = (t - i.left) / i.width;
   return Math.max(0, Math.min(1, s));
-}, $r = function(t) {
-  const i = n(this, I, zr).call(this, t.clientX);
-  n(this, I, qr).call(this, i, t.clientX), e(this, pt) || (e(this, It).style.opacity = "1"), n(this, I, Gr).call(this, i);
 }, Gr = function(t) {
-  if (n(this, I, ve).call(this) || n(this, I, Kr).call(this, t))
+  const i = n(this, I, $r).call(this, t.clientX);
+  n(this, I, qr).call(this, i, t.clientX), e(this, pt) || (e(this, It).style.opacity = "1"), n(this, I, Kr).call(this, i);
+}, Kr = function(t) {
+  if (n(this, I, fe).call(this) || n(this, I, Vr).call(this, t))
     return;
-  const i = n(this, I, ln).call(this), s = t * i;
-  this.range.value = t.toString(), this.updateBar(), n(this, I, Ll).call(this, s);
+  const i = n(this, I, hn).call(this), s = t * i;
+  this.range.value = t.toString(), this.updateBar(), n(this, I, wl).call(this, s);
 }, qr = function(t, i) {
   if (!e(this, P) || !isFinite(e(this, P)))
     return;
-  const s = t * e(this, P), a = e(this, P) - s;
-  e(this, It).textContent = `-${n(this, I, hn).call(this, a)}`;
+  const s = t * e(this, P), o = e(this, P) - s;
+  e(this, It).textContent = `-${n(this, I, dn).call(this, o)}`;
   const u = this.getBoundingClientRect(), c = (i - u.left) / u.width * 100;
   e(this, It).style.left = `${Math.min(Math.max(c, 2), 98)}%`;
-}, Ll = function(t) {
+}, wl = function(t) {
   this.dispatchEvent(
     new CustomEvent("seek", {
       bubbles: !0,
@@ -5091,30 +5101,30 @@ P = new WeakMap(), It = new WeakMap(), Ot = new WeakMap(), pt = new WeakMap(), F
       detail: t
     })
   );
-}, Kr = function(t) {
-  return e(this, oe) || n(this, I, fe).call(this) || t < 0.999 ? !1 : (h(this, oe, !0), h(this, Ht, !1), this.dispatchEvent(new CustomEvent(y.GO_LIVE, { bubbles: !0, composed: !0 })), !0);
-}, fe = function() {
+}, Vr = function(t) {
+  return e(this, he) || n(this, I, ge).call(this) || t < 0.999 ? !1 : (h(this, he, !0), h(this, Ht, !1), this.dispatchEvent(new CustomEvent(y.GO_LIVE, { bubbles: !0, composed: !0 })), !0);
+}, ge = function() {
   return !this.hasAttribute(r.TIMESHIFT_POSITION);
-}, hn = function(t) {
-  const i = Math.floor(t / 3600), s = Math.floor(t % 3600 / 60), a = Math.floor(t % 60);
-  return e(this, P) && e(this, P) >= 3600 ? `${i}:${s.toString().padStart(2, "0")}:${a.toString().padStart(2, "0")}` : `${s}:${a.toString().padStart(2, "0")}`;
-}, zs = new WeakMap(), v(Il, "observedAttributes", [
+}, dn = function(t) {
+  const i = Math.floor(t / 3600), s = Math.floor(t % 3600 / 60), o = Math.floor(t % 60);
+  return e(this, P) && e(this, P) >= 3600 ? `${i}:${s.toString().padStart(2, "0")}:${o.toString().padStart(2, "0")}` : `${s}:${o.toString().padStart(2, "0")}`;
+}, $s = new WeakMap(), v(Sl, "observedAttributes", [
   ...Ui.observedAttributes,
   r.TIMESHIFT_POSITION,
   r.DURATION
 ]);
-const wl = document.createElement("template"), zh = (
+const Cl = document.createElement("template"), ad = (
   /* SVG */
   `
   <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>
 `
-), $h = (
+), od = (
   /* SVG */
   `
 <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>
 `
 );
-wl.innerHTML = /* HTML */
+Cl.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -5167,35 +5177,35 @@ wl.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="play">${zh}</slot>
-    <slot name="unmute">${$h}</slot>
+    <slot name="play">${ad}</slot>
+    <slot name="unmute">${od}</slot>
   </slot>
 `;
-var hi, $s, Me, Gs;
-class Sl extends HTMLElement {
+var hi, Gs, De, Ks;
+class xl extends HTMLElement {
   constructor() {
     super();
     l(this, hi, null);
-    l(this, $s, () => {
+    l(this, Gs, () => {
       this.dispatchEvent(new CustomEvent(y.REQUEST_USER_INPUT, { bubbles: !0, composed: !0 }));
     });
-    l(this, Me, (t) => {
+    l(this, De, (t) => {
       const { key: i } = t;
       if (!this.keysUsed.includes(i)) {
-        this.removeEventListener("keyup", e(this, Me));
+        this.removeEventListener("keyup", e(this, De));
         return;
       }
       this.dispatchEvent(new CustomEvent(y.REQUEST_USER_INPUT, { bubbles: !0, composed: !0 }));
     });
-    l(this, Gs, (t) => {
-      const { metaKey: i, altKey: s, key: a } = t;
-      if (i || s || !this.keysUsed.includes(a)) {
-        this.removeEventListener("keyup", e(this, Me));
+    l(this, Ks, (t) => {
+      const { metaKey: i, altKey: s, key: o } = t;
+      if (i || s || !this.keysUsed.includes(o)) {
+        this.removeEventListener("keyup", e(this, De));
         return;
       }
-      this.addEventListener("keyup", e(this, Me), { once: !0 });
+      this.addEventListener("keyup", e(this, De), { once: !0 });
     });
-    this.attachShadow({ mode: "open" }).appendChild(wl.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(Cl.content.cloneNode(!0));
   }
   get keysUsed() {
     return ["Enter", " "];
@@ -5205,24 +5215,24 @@ class Sl extends HTMLElement {
     h(this, hi, this.closest("vindral-controller")), (t = e(this, hi)) == null || t.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.enable();
   }
   enable() {
-    this.addEventListener("click", e(this, $s)), this.addEventListener("keydown", e(this, Gs)), this.tabIndex = 0;
+    this.addEventListener("click", e(this, Gs)), this.addEventListener("keydown", e(this, Ks)), this.tabIndex = 0;
   }
   disable() {
-    this.removeEventListener("click", e(this, $s)), this.removeEventListener("keydown", e(this, Gs)), this.removeEventListener("keyup", e(this, Me)), this.tabIndex = -1;
+    this.removeEventListener("click", e(this, Gs)), this.removeEventListener("keydown", e(this, Ks)), this.removeEventListener("keyup", e(this, De)), this.tabIndex = -1;
   }
   disconnectedCallback() {
     var t;
     (t = e(this, hi)) == null || t.disconnectListener(this), this.disable();
   }
 }
-hi = new WeakMap(), $s = new WeakMap(), Me = new WeakMap(), Gs = new WeakMap(), v(Sl, "observedAttributes", [
+hi = new WeakMap(), Gs = new WeakMap(), De = new WeakMap(), Ks = new WeakMap(), v(xl, "observedAttributes", [
   "hidden",
   r.NEEDS_USER_INPUT_VIDEO,
   r.NEEDS_USER_INPUT_AUDIO,
   r.PAUSED
 ]);
-const Tl = document.createElement("template");
-Tl.innerHTML = /* HTML */
+const Nl = document.createElement("template");
+Nl.innerHTML = /* HTML */
 `
   <style>
     :host,
@@ -5310,32 +5320,32 @@ Tl.innerHTML = /* HTML */
     <p id="description"></p>
   </div>
 `;
-var qs, Ks, Vs;
-class Cl extends HTMLElement {
+var qs, Vs, Xs;
+class Rl extends HTMLElement {
   constructor() {
     super();
     l(this, qs);
-    l(this, Ks);
     l(this, Vs);
+    l(this, Xs);
     const t = this.attachShadow({ mode: "open" });
-    t.appendChild(Tl.content.cloneNode(!0)), h(this, qs, t.querySelector("#title")), h(this, Ks, t.querySelector("#description")), h(this, Vs, t.querySelector("#background"));
+    t.appendChild(Nl.content.cloneNode(!0)), h(this, qs, t.querySelector("#title")), h(this, Vs, t.querySelector("#description")), h(this, Xs, t.querySelector("#background"));
   }
   connectedCallback() {
   }
   disconnectedCallback() {
   }
   attributeChangedCallback(t, i, s) {
-    i !== s && (t === "title" ? e(this, qs).textContent = s : t === "description" ? e(this, Ks).textContent = s : t === "background-image" && (e(this, Vs).style.backgroundImage = `url(${s})`));
+    i !== s && (t === "title" ? e(this, qs).textContent = s : t === "description" ? e(this, Vs).textContent = s : t === "background-image" && (e(this, Xs).style.backgroundImage = `url(${s})`));
   }
 }
-qs = new WeakMap(), Ks = new WeakMap(), Vs = new WeakMap(), v(Cl, "observedAttributes", ["title", "description", "background-image", "hidden"]);
-const xl = document.createElement("template"), Gh = (
+qs = new WeakMap(), Vs = new WeakMap(), Xs = new WeakMap(), v(Rl, "observedAttributes", ["title", "description", "background-image", "hidden"]);
+const _l = document.createElement("template"), ld = (
   /* SVG */
   `
   <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>
 `
 );
-xl.innerHTML = /* HTML */
+_l.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -5385,14 +5395,14 @@ xl.innerHTML = /* HTML */
     }
   </style>
 
-  <slot id="play" name="icon">${Gh}</slot>
+  <slot id="play" name="icon">${ld}</slot>
 `;
 var di;
-class Nl extends HTMLElement {
+class Ul extends HTMLElement {
   constructor() {
     super();
     l(this, di, null);
-    this.attachShadow({ mode: "open" }).appendChild(xl.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(_l.content.cloneNode(!0));
   }
   connectedCallback() {
     var t;
@@ -5406,9 +5416,9 @@ class Nl extends HTMLElement {
     i !== s && t === "hidden" && !U(s) && this.focus();
   }
 }
-di = new WeakMap(), v(Nl, "observedAttributes", ["hidden"]);
-const Rl = document.createElement("template");
-Rl.innerHTML = /* HTML */
+di = new WeakMap(), v(Ul, "observedAttributes", ["hidden"]);
+const Pl = document.createElement("template");
+Pl.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -5427,26 +5437,26 @@ Rl.innerHTML = /* HTML */
     }
   </style>
 `;
-const qh = (p) => `${Math.round(p * 100)}%`;
-var Xs;
+const hd = (p) => `${Math.round(p * 100)}%`;
+var js;
 const _i = class _i extends Ui {
   constructor() {
     var t;
     super();
-    l(this, Xs, () => {
+    l(this, js, () => {
       const t = this.range.valueAsNumber;
       this.dispatchEvent(new CustomEvent(y.SET_VOLUME, { bubbles: !0, composed: !0, detail: t }));
     });
-    (t = this.shadowRoot) == null || t.appendChild(Rl.content.cloneNode(!0));
+    (t = this.shadowRoot) == null || t.appendChild(Pl.content.cloneNode(!0));
   }
   connectedCallback() {
-    super.connectedCallback(), this.range.addEventListener("input", e(this, Xs)), this.range.setAttribute("aria-label", "volume");
+    super.connectedCallback(), this.range.addEventListener("input", e(this, js)), this.range.setAttribute("aria-label", "volume");
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.range.removeEventListener("input", e(this, Xs));
+    super.disconnectedCallback(), this.range.removeEventListener("input", e(this, js));
   }
   attributeChangedCallback(t, i, s) {
-    super.attributeChangedCallback(t, i, s), (t === r.MUTED || t === r.VOLUME) && (this.range.valueAsNumber = this.muted ? 0 : parseFloat(this.volume), this.range.setAttribute("aria-valuetext", qh(this.range.valueAsNumber)), this.updateBar());
+    super.attributeChangedCallback(t, i, s), (t === r.MUTED || t === r.VOLUME) && (this.range.valueAsNumber = this.muted ? 0 : parseFloat(this.volume), this.range.setAttribute("aria-valuetext", hd(this.range.valueAsNumber)), this.updateBar());
   }
   get volume() {
     var t;
@@ -5456,11 +5466,11 @@ const _i = class _i extends Ui {
     return this.hasAttribute(r.MUTED);
   }
 };
-Xs = new WeakMap(), v(_i, "observedAttributes", [...J(_i, _i, "observedAttributes"), r.MUTED, r.VOLUME]);
-let Vr = _i;
-function Jh() {
-  customElements.define("vindral-controller", Pi), customElements.define("vindral-control-bar", oo), customElements.define("vindral-advanced-rendition-menu", $n), customElements.define("vindral-advanced-rendition-menu-list", Aa), customElements.define("vindral-play-button", Lr), customElements.define("vindral-mute-button", kr), customElements.define("vindral-buffering-overlay", Pa), customElements.define("vindral-scroll-overlay", pl), customElements.define("vindral-play-overlay", Nl), customElements.define("vindral-user-input-play-overlay", Sl), customElements.define("vindral-fullscreen-button", br), customElements.define("vindral-rendition-levels-menu", Nr), customElements.define("vindral-rendition-levels-menu-list", rl), customElements.define("vindral-channel-grid-button", Jn), customElements.define("vindral-channel-grid", $a), customElements.define("vindral-channel-grid-item", Xr), customElements.define("vindral-pip-button", Ir), customElements.define("vindral-airplay-button", Bn), customElements.define("vindral-cast-button", Vn), customElements.define("vindral-cast-overlay", Fa), customElements.define("vindral-buffering-icon", _a), customElements.define("vindral-language-menu", mr), customElements.define("vindral-language-menu-list", Fo), customElements.define("vindral-message", Cl), customElements.define("vindral-volume-range", Vr), customElements.define("vindral-poster-overlay", el), customElements.define("vindral-player", Wo), customElements.define("vindral-seek-bar", Il), customElements.define("vindral-live-button", yr);
+js = new WeakMap(), v(_i, "observedAttributes", [...W(_i, _i, "observedAttributes"), r.MUTED, r.VOLUME]);
+let Xr = _i;
+function md() {
+  customElements.define("vindral-controller", Pi), customElements.define("vindral-control-bar", co), customElements.define("vindral-advanced-rendition-menu", $n), customElements.define("vindral-advanced-rendition-menu-list", Ia), customElements.define("vindral-play-button", Tr), customElements.define("vindral-mute-button", Ir), customElements.define("vindral-buffering-overlay", Oa), customElements.define("vindral-scroll-overlay", vl), customElements.define("vindral-play-overlay", Ul), customElements.define("vindral-user-input-play-overlay", xl), customElements.define("vindral-fullscreen-button", mr), customElements.define("vindral-rendition-levels-menu", Rr), customElements.define("vindral-rendition-levels-menu-list", ll), customElements.define("vindral-channel-grid-button", Wn), customElements.define("vindral-channel-grid", qa), customElements.define("vindral-channel-grid-item", jr), customElements.define("vindral-pip-button", Lr), customElements.define("vindral-airplay-button", Bn), customElements.define("vindral-cast-button", Vn), customElements.define("vindral-cast-overlay", za), customElements.define("vindral-buffering-icon", Da), customElements.define("vindral-language-menu", vr), customElements.define("vindral-language-menu-list", zo), customElements.define("vindral-message", Rl), customElements.define("vindral-volume-range", Xr), customElements.define("vindral-poster-overlay", nl), customElements.define("vindral-player", tl), customElements.define("vindral-seek-bar", Sl), customElements.define("vindral-live-button", kr);
 }
 export {
-  Jh as registerComponents
+  md as registerComponents
 };