@vindral/web-sdk 4.1.3 → 4.1.4-10-g067921a2

package/player.js

@@ -1,13 +1,13 @@
-var Br = Object.defineProperty;
-var Kr = Object.getPrototypeOf;
-var qr = Reflect.get;
-var Gs = (d) => {
+var qr = Object.defineProperty;
+var Xr = Object.getPrototypeOf;
+var jr = Reflect.get;
+var $s = (d) => {
   throw TypeError(d);
 };
-var Xr = (d, a, t) => a in d ? Br(d, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[a] = t;
-var m = (d, a, t) => Xr(d, typeof a != "symbol" ? a + "" : a, t), $i = (d, a, t) => a.has(d) || Gs("Cannot " + t);
-var e = (d, a, t) => ($i(d, a, "read from private field"), t ? t.call(d) : a.get(d)), l = (d, a, t) => a.has(d) ? Gs("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(d) : a.set(d, t), c = (d, a, t, i) => ($i(d, a, "write to private field"), i ? i.call(d, t) : a.set(d, t), t), r = (d, a, t) => ($i(d, a, "access private method"), t);
-var q = (d, a, t) => qr(Kr(d), t, a);
+var Yr = (d, a, t) => a in d ? qr(d, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[a] = t;
+var m = (d, a, t) => Yr(d, typeof a != "symbol" ? a + "" : a, t), Bi = (d, a, t) => a.has(d) || $s("Cannot " + t);
+var e = (d, a, t) => (Bi(d, a, "read from private field"), t ? t.call(d) : a.get(d)), l = (d, a, t) => a.has(d) ? $s("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(d) : a.set(d, t), c = (d, a, t, i) => (Bi(d, a, "write to private field"), i ? i.call(d, t) : a.set(d, t), t), r = (d, a, t) => (Bi(d, a, "access private method"), t);
+var q = (d, a, t) => jr(Xr(d), t, a);
 var G = (d, a, t) => new Promise((i, s) => {
   var o = (v) => {
     try {
@@ -24,11 +24,11 @@ var G = (d, a, t) => new Promise((i, s) => {
   }, u = (v) => v.done ? i(v.value) : Promise.resolve(v.value).then(o, p);
   u((t = t.apply(d, a)).next());
 });
-import { L as jr, V as Vr, i as Yr, A as Jr, C as Qr, a as Wr } from "./DykhWWFG.js";
-import { E as li } from "./Bx7s5QdT.js";
-import { CastSender as Zr } from "./cast-sender.js";
-import { A as to, d as eo } from "./Bs3ZbgIy.js";
-const Xi = 1e3, ji = Xi * 1e3, $s = ji * 1e3, Bi = (d, a, t) => d % a === 0 ? d / a : (d / a).toFixed(t), io = (d, a = 1) => d >= $s ? `${Bi(d, $s, a)} Gbit/s` : d >= ji ? `${Bi(d, ji, a)} Mbit/s` : d >= Xi ? `${Bi(d, Xi, a)} Kbit/s` : `${d} bit/s`, so = ({ width: d, height: a }) => `${d}x${a}`, no = ({
+import { L as Vr, V as Jr, i as Qr, C as Wr, A as Zr, a as to, b as eo } from "./HFu6nUfb.js";
+import { E as hi } from "./Bx7s5QdT.js";
+import { CastSender as io } from "./cast-sender.js";
+import { A as so, d as no } from "./Bs3ZbgIy.js";
+const ji = 1e3, Yi = ji * 1e3, Bs = Yi * 1e3, Ki = (d, a, t) => d % a === 0 ? d / a : (d / a).toFixed(t), ro = (d, a = 1) => d >= Bs ? `${Ki(d, Bs, a)} Gbit/s` : d >= Yi ? `${Ki(d, Yi, a)} Mbit/s` : d >= ji ? `${Ki(d, ji, a)} Kbit/s` : `${d} bit/s`, oo = ({ width: d, height: a }) => `${d}x${a}`, ao = ({
   title: d,
   subTitle: a = "Live stream",
   poster: t
@@ -53,6 +53,7 @@ const Xi = 1e3, ji = Xi * 1e3, $s = ji * 1e3, Bi = (d, a, t) => d % a === 0 ? d
   RENDITION_LEVELS: "rendition-levels",
   RENDITION_LEVEL: "rendition-level",
   MAX_VIDEO_BITRATE: "max-video-bit-rate",
+  MAX_INITIAL_BITRATE: "max-initial-bit-rate",
   CHANNELS: "channels",
   CHANNEL_ID: "channel-id",
   CHANNEL_GROUP_ID: "channel-group-id",
@@ -76,7 +77,7 @@ const Xi = 1e3, ji = Xi * 1e3, $s = ji * 1e3, Bi = (d, a, t) => d % a === 0 ? d
   FULLSCREEN_ENABLED: "fullscreen",
   VU_METER_ENABLED: "vu-meter",
   POSTER_SRC: "poster-src"
-}, js = Object.values(n), f = {
+}, Ys = Object.values(n), f = {
   PLAY: "play",
   PAUSE: "pause",
   MUTE: "mute",
@@ -99,17 +100,17 @@ const Xi = 1e3, ji = Xi * 1e3, $s = ji * 1e3, Bi = (d, a, t) => d % a === 0 ? d
 function Vs(d) {
   return d === "audio" || d === "video" || d === "audio+video" ? d : "audio+video";
 }
-function Ki(d) {
+function qi(d) {
   return d === "trace" || d === "debug" || d === "info" || d === "warn" || d === "error" || d === "off" ? d : "off";
 }
-function ro(d) {
+function lo(d) {
   if (d === null)
     return;
   const a = d.split(",").map((t) => t.trim()).filter((t) => t === "h264" || t === "av1");
   if (a.length !== 0)
     return a;
 }
-function oo(d) {
+function ho(d) {
   if (d !== null)
     try {
       const a = JSON.parse(d);
@@ -122,7 +123,7 @@ function oo(d) {
       return;
     }
 }
-function ao(d) {
+function co(d) {
   if (d !== null)
     try {
       const a = JSON.parse(d);
@@ -139,22 +140,22 @@ function ao(d) {
       return;
     }
 }
-function bi(d) {
+function ce(d) {
   if (d === null)
     return;
   const a = parseInt(d, 10);
   return isNaN(a) ? void 0 : a;
 }
-function L(d) {
+function C(d) {
   return typeof d == "string";
 }
-function S(d, a) {
+function N(d, a) {
   if (d === null)
     return a != null ? a : void 0;
   const t = d.toLowerCase();
   return t === "false" ? !1 : t === "true" || t === "" ? !0 : a != null ? a : !0;
 }
-function Ys(d, a) {
+function Js(d, a) {
   return d === null ? a != null ? a : void 0 : d === "" || d.toLowerCase() === "true" ? !0 : d.toLowerCase() === "false" ? !1 : d;
 }
 function mi(d) {
@@ -173,8 +174,8 @@ function vi(d) {
   const a = d.split(",").map((t) => t.trim()).filter((t) => t.length > 0);
   return a.length > 0 ? a : void 0;
 }
-const Js = document.createElement("template");
-Js.innerHTML = /* HTML */
+const Qs = document.createElement("template");
+Qs.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -222,12 +223,12 @@ Js.innerHTML = /* HTML */
     }
   </style>
 `;
-var Gt, Te, Nt, xe;
+var Gt, xe, Nt, Se;
 class tt extends HTMLElement {
   constructor() {
     super();
     l(this, Gt, null);
-    l(this, Te, (t) => {
+    l(this, xe, (t) => {
       this.handleClick(t);
     });
     l(this, Nt, (t) => {
@@ -238,7 +239,7 @@ class tt extends HTMLElement {
       }
       this.handleClick(t);
     });
-    l(this, xe, (t) => {
+    l(this, Se, (t) => {
       const { metaKey: i, altKey: s, key: o } = t;
       if (i || s || !this.keysUsed.includes(o)) {
         this.removeEventListener("keyup", e(this, Nt));
@@ -246,7 +247,7 @@ class tt extends HTMLElement {
       }
       this.addEventListener("keyup", e(this, Nt), { once: !0 });
     });
-    this.attachShadow({ mode: "open" }).appendChild(Js.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(Qs.content.cloneNode(!0));
   }
   get keysUsed() {
     return ["Enter", " "];
@@ -256,27 +257,27 @@ class tt extends HTMLElement {
     c(this, Gt, this.closest("vindral-controller")), (t = e(this, Gt)) == null || t.connectListener(this), this.hasAttribute("disabled") || this.enable(), this.setAttribute("role", "button");
   }
   enable() {
-    this.addEventListener("click", e(this, Te)), this.addEventListener("keydown", e(this, xe)), this.tabIndex = 0;
+    this.addEventListener("click", e(this, xe)), this.addEventListener("keydown", e(this, Se)), this.tabIndex = 0;
   }
   disable() {
-    this.removeEventListener("click", e(this, Te)), this.removeEventListener("keydown", e(this, xe)), this.removeEventListener("keyup", e(this, Nt)), this.tabIndex = -1;
+    this.removeEventListener("click", e(this, xe)), this.removeEventListener("keydown", e(this, Se)), this.removeEventListener("keyup", e(this, Nt)), this.tabIndex = -1;
   }
   disconnectedCallback() {
     var t;
     (t = e(this, Gt)) == null || t.disconnectListener(this);
   }
   attributeChangedCallback(t, i, s) {
-    t === "disabled" && (L(s) ? this.disable() : this.enable());
+    t === "disabled" && (C(s) ? this.disable() : this.enable());
   }
 }
-Gt = new WeakMap(), Te = new WeakMap(), Nt = new WeakMap(), xe = new WeakMap(), m(tt, "observedAttributes", ["disabled"]);
-const Qs = document.createElement("template"), Bs = (
+Gt = new WeakMap(), xe = new WeakMap(), Nt = new WeakMap(), Se = new WeakMap(), m(tt, "observedAttributes", ["disabled"]);
+const Ws = document.createElement("template"), Ks = (
   /* 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>
 `
 );
-Qs.innerHTML = /* HTML */
+Ws.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -297,26 +298,26 @@ Qs.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="enter">${Bs}</slot>
-    <slot name="exit">${Bs}</slot>
+    <slot name="enter">${Ks}</slot>
+    <slot name="exit">${Ks}</slot>
   </slot>
 `;
-var Se, Yi;
-const me = class me extends tt {
+var Ne, Ji;
+const ve = class ve extends tt {
   constructor() {
     var t;
     super();
-    l(this, Se);
-    (t = this.shadowRoot) == null || t.appendChild(Qs.content.cloneNode(!0));
+    l(this, Ne);
+    (t = this.shadowRoot) == null || t.appendChild(Ws.content.cloneNode(!0));
   }
   connectedCallback() {
-    super.connectedCallback(), r(this, Se, Yi).call(this);
+    super.connectedCallback(), r(this, Ne, Ji).call(this);
   }
   disconnectedCallback() {
     super.disconnectedCallback();
   }
   attributeChangedCallback(t, i, s) {
-    super.attributeChangedCallback(t, i, s), t === n.IS_AIRPLAYING && r(this, Se, Yi).call(this);
+    super.attributeChangedCallback(t, i, s), t === n.IS_AIRPLAYING && r(this, Ne, Ji).call(this);
   }
   set isAirPlaying(t) {
     t ? this.setAttribute(n.IS_AIRPLAYING, "") : this.removeAttribute(n.IS_AIRPLAYING);
@@ -328,15 +329,15 @@ const me = class me extends tt {
     this.dispatchEvent(new CustomEvent(f.REQUEST_AIRPLAY, { bubbles: !0, composed: !0 }));
   }
 };
-Se = new WeakSet(), Yi = function() {
+Ne = new WeakSet(), Ji = function() {
   this.setAttribute("aria-label", this.isAirPlaying ? "Exit airplay" : "Enter airplay");
-}, m(me, "observedAttributes", [
-  ...q(me, me, "observedAttributes"),
+}, m(ve, "observedAttributes", [
+  ...q(ve, ve, "observedAttributes"),
   n.AIRPLAY_AVAILABLE,
   n.IS_AIRPLAYING
 ]);
-let Vi = me;
-const Ws = document.createElement("template"), lo = (
+let Vi = ve;
+const Zs = document.createElement("template"), uo = (
   /* SVG */
   `
 <svg width="24" height="24" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
@@ -375,7 +376,7 @@ const Ws = document.createElement("template"), lo = (
 </svg>
 `
 );
-Ws.innerHTML = /* HTML */
+Zs.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -391,14 +392,14 @@ Ws.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="icon">${lo}</slot>
+  <slot name="icon">${uo}</slot>
 `;
 var $t;
-class Zs extends HTMLElement {
+class tn extends HTMLElement {
   constructor() {
     super();
     l(this, $t, null);
-    this.attachShadow({ mode: "open" }).appendChild(Ws.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(Zs.content.cloneNode(!0));
   }
   connectedCallback() {
     var t;
@@ -409,9 +410,9 @@ class Zs extends HTMLElement {
     (t = e(this, $t)) == null || t.disconnectListener(this);
   }
 }
-$t = new WeakMap(), m(Zs, "observedAttributes", [n.BUFFERING]);
-const tn = document.createElement("template");
-tn.innerHTML = /* HTML */
+$t = new WeakMap(), m(tn, "observedAttributes", [n.BUFFERING]);
+const en = document.createElement("template");
+en.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -470,11 +471,11 @@ tn.innerHTML = /* HTML */
   <div id="buffering-indicator"></div>
 `;
 var Bt;
-class en extends HTMLElement {
+class sn extends HTMLElement {
   constructor() {
     super();
     l(this, Bt, null);
-    this.attachShadow({ mode: "open" }).appendChild(tn.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(en.content.cloneNode(!0));
   }
   connectedCallback() {
     var t;
@@ -485,9 +486,9 @@ class en extends HTMLElement {
     (t = e(this, Bt)) == null || t.disconnectListener(this);
   }
 }
-Bt = new WeakMap(), m(en, "observedAttributes", [n.BUFFERING]);
-const sn = document.createElement("template");
-sn.innerHTML = /* HTML */
+Bt = new WeakMap(), m(sn, "observedAttributes", [n.BUFFERING]);
+const nn = document.createElement("template");
+nn.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -512,22 +513,22 @@ sn.innerHTML = /* HTML */
     }
   </style>
 `;
-var zt, Qi, nn;
-const ve = class ve extends tt {
+var zt, Wi, rn;
+const ge = class ge extends tt {
   constructor() {
     var t;
     super();
     l(this, zt);
-    (t = this.shadowRoot) == null || t.appendChild(sn.content.cloneNode(!0));
+    (t = this.shadowRoot) == null || t.appendChild(nn.content.cloneNode(!0));
   }
   connectedCallback() {
-    super.connectedCallback(), r(this, zt, Qi).call(this);
+    super.connectedCallback(), r(this, zt, Wi).call(this);
   }
   disconnectedCallback() {
     super.disconnectedCallback();
   }
   attributeChangedCallback(t, i, s) {
-    super.attributeChangedCallback(t, i, s), t === n.CAST_AVAILABLE && r(this, zt, nn).call(this), t === n.IS_CASTING && r(this, zt, Qi).call(this);
+    super.attributeChangedCallback(t, i, s), t === n.CAST_AVAILABLE && r(this, zt, rn).call(this), t === n.IS_CASTING && r(this, zt, Wi).call(this);
   }
   set isCasting(t) {
     t ? this.setAttribute(n.IS_CASTING, "") : this.removeAttribute(n.IS_CASTING);
@@ -538,22 +539,22 @@ const ve = class ve extends tt {
   handleClick(t) {
   }
 };
-zt = new WeakSet(), Qi = function() {
+zt = new WeakSet(), Wi = function() {
   this.setAttribute("aria-label", this.isCasting ? "Exit cast" : "Enter cast");
-}, nn = function() {
+}, rn = 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);
   }
-}, m(ve, "observedAttributes", [
-  ...q(ve, ve, "observedAttributes"),
+}, m(ge, "observedAttributes", [
+  ...q(ge, ge, "observedAttributes"),
   n.CAST_AVAILABLE,
   n.IS_CASTING
 ]);
-let Ji = ve;
-const rn = document.createElement("template");
-rn.innerHTML = /* HTML */
+let Qi = ge;
+const on = document.createElement("template");
+on.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -590,12 +591,12 @@ rn.innerHTML = /* HTML */
   <span id="text"></span>
 `;
 var Kt, qt;
-class on extends HTMLElement {
+class an extends HTMLElement {
   constructor() {
     super();
     l(this, Kt, null);
     l(this, qt, null);
-    this.attachShadow({ mode: "open" }).appendChild(rn.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(on.content.cloneNode(!0));
   }
   connectedCallback() {
     var t, i;
@@ -609,18 +610,18 @@ class on extends HTMLElement {
     i === s || !e(this, qt) || t === "cast-receiver-name" && typeof s == "string" && (e(this, qt).innerText = `Casting to ${s || "device"}`);
   }
 }
-Kt = new WeakMap(), qt = new WeakMap(), m(on, "observedAttributes", [n.IS_CASTING, n.CAST_RECEIVER_NAME]);
-function an(d = document) {
+Kt = new WeakMap(), qt = new WeakMap(), m(an, "observedAttributes", [n.IS_CASTING, n.CAST_RECEIVER_NAME]);
+function ln(d = document) {
   const a = d == null ? void 0 : d.activeElement;
   if (!a) return null;
   if (a.shadowRoot) {
-    const t = an(a.shadowRoot);
+    const t = ln(a.shadowRoot);
     return t != null ? t : a;
   }
   return a;
 }
-const ln = document.createElement("template");
-ln.innerHTML = /* HTML */
+const hn = document.createElement("template");
+hn.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -687,14 +688,14 @@ ln.innerHTML = /* HTML */
   </style>
   <slot></slot>
 `;
-var Ut;
-class Ps extends HTMLElement {
+var Rt;
+class Ms extends HTMLElement {
   constructor() {
     super();
-    l(this, Ut);
+    l(this, Rt);
     m(this, "lastThumbnailUpdate");
     const t = this.attachShadow({ mode: "open" });
-    c(this, Ut, document.createElement("span")), e(this, Ut).className = "channel-title", t.appendChild(e(this, Ut)), t.appendChild(ln.content.cloneNode(!0));
+    c(this, Rt, document.createElement("span")), e(this, Rt).className = "channel-title", t.appendChild(e(this, Rt)), t.appendChild(hn.content.cloneNode(!0));
   }
   attributeChangedCallback(t, i, s) {
     if (i !== s)
@@ -703,7 +704,7 @@ class Ps extends HTMLElement {
           this.updateThumbnail();
           break;
         case "title":
-          e(this, Ut).textContent = s;
+          e(this, Rt).textContent = s;
           break;
       }
   }
@@ -714,9 +715,9 @@ class Ps extends HTMLElement {
     u && o.searchParams.set("auth.token", u), o.searchParams.set("t", Date.now().toString()), p.src = o.toString(), p.onload = () => this.style.backgroundImage = `url(${o.toString()})`;
   }
 }
-Ut = new WeakMap(), m(Ps, "observedAttributes", ["url", "title", "offline", "authentication-token", "visible"]);
-const hn = document.createElement("template");
-hn.innerHTML = /* HTML */
+Rt = new WeakMap(), m(Ms, "observedAttributes", ["url", "title", "offline", "authentication-token", "visible"]);
+const dn = document.createElement("template");
+dn.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -784,48 +785,48 @@ hn.innerHTML = /* HTML */
     <slot name="grid" id="grid"></slot>
   </div>
 `;
-var bt, mt, Xt, O, T, jt, Ne, Ue, Re, k, cn, un, pn, Wi, bn, mn, vn, gn, fn, En, An, ce;
-class dn extends HTMLElement {
+var mt, vt, Xt, O, T, jt, Re, Ue, _e, k, un, pn, bn, Zi, mn, vn, gn, fn, En, An, yn, ue;
+class cn extends HTMLElement {
   constructor() {
     super();
     l(this, k);
-    l(this, bt, null);
     l(this, mt, null);
+    l(this, vt, null);
     l(this, Xt, []);
     l(this, O, []);
     l(this, T);
     l(this, jt);
-    l(this, Ne);
-    l(this, Ue);
     l(this, Re);
+    l(this, Ue);
+    l(this, _e);
     m(this, "handleEvent", (t) => {
       switch (t.type) {
         case "keydown":
-          r(this, k, En).call(this, t);
+          r(this, k, An).call(this, t);
           break;
       }
     });
-    this.attachShadow({ mode: "open" }).appendChild(hn.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(dn.content.cloneNode(!0));
   }
   connectedCallback() {
     var t, i, s;
-    c(this, mt, this.closest("vindral-controller")), (t = e(this, mt)) == null || t.connectListener(this), r(this, k, cn).call(this), (s = e(this, bt)) == null || s.observe((i = this.shadowRoot) == null ? void 0 : i.querySelector(".wrapper")), r(this, k, Wi).call(this), c(this, Ne, window.setInterval(() => {
-      r(this, k, gn).call(this);
+    c(this, vt, this.closest("vindral-controller")), (t = e(this, vt)) == null || t.connectListener(this), r(this, k, un).call(this), (s = e(this, mt)) == null || s.observe((i = this.shadowRoot) == null ? void 0 : i.querySelector(".wrapper")), r(this, k, Zi).call(this), c(this, Re, window.setInterval(() => {
+      r(this, k, fn).call(this);
     }, 1e4));
   }
   disconnectedCallback() {
     var t;
-    clearInterval(e(this, Ne)), this.removeEventListener("keydown", this), (t = e(this, bt)) == null || t.disconnect();
+    clearInterval(e(this, Re)), this.removeEventListener("keydown", this), (t = e(this, mt)) == null || t.disconnect();
   }
   attributeChangedCallback(t, i, s) {
     if (i !== s)
       switch (t) {
         case n.CHANNEL_ID: {
-          r(this, k, vn).call(this, s);
+          r(this, k, gn).call(this, s);
           break;
         }
         case n.CHANNELS:
-          c(this, Xt, JSON.parse(s)), r(this, k, Wi).call(this);
+          c(this, Xt, JSON.parse(s)), r(this, k, Zi).call(this);
           break;
         case "authentication-token":
           c(this, jt, s);
@@ -837,27 +838,27 @@ class dn extends HTMLElement {
   }
   focus() {
     var t;
-    c(this, Ue, an()), (t = e(this, T)) == null || t.focus();
+    c(this, Ue, ln()), (t = e(this, T)) == null || t.focus();
   }
 }
-bt = new WeakMap(), mt = new WeakMap(), Xt = new WeakMap(), O = new WeakMap(), T = new WeakMap(), jt = new WeakMap(), Ne = new WeakMap(), Ue = new WeakMap(), Re = new WeakMap(), k = new WeakSet(), cn = function() {
-  c(this, bt, new IntersectionObserver(
+mt = new WeakMap(), vt = new WeakMap(), Xt = new WeakMap(), O = new WeakMap(), T = new WeakMap(), jt = new WeakMap(), Re = new WeakMap(), Ue = new WeakMap(), _e = new WeakMap(), k = new WeakSet(), un = function() {
+  c(this, mt, new IntersectionObserver(
     (t) => {
       t.forEach((i) => {
         const { target: s, isIntersecting: o } = i;
-        s instanceof Ps ? r(this, k, pn).call(this, s, o) : r(this, k, un).call(this, o);
+        s instanceof Ms ? r(this, k, bn).call(this, s, o) : r(this, k, pn).call(this, o);
       });
     },
     {
-      root: e(this, mt)
+      root: e(this, vt)
     }
   ));
-}, un = function(t) {
+}, pn = function(t) {
   var i, s;
   if (t) {
     this.dispatchEvent(new CustomEvent(f.CHANNEL_GRID_OPENED, { bubbles: !0, composed: !0 }));
     const o = () => {
-      window.clearTimeout(e(this, Re)), c(this, Re, window.setTimeout(() => {
+      window.clearTimeout(e(this, _e)), c(this, _e, window.setTimeout(() => {
         var p;
         this.focus(), (p = this.parentElement) == null || p.removeEventListener("scroll", o);
       }, 100));
@@ -865,43 +866,43 @@ bt = new WeakMap(), mt = new WeakMap(), Xt = new WeakMap(), O = new WeakMap(), T
     (i = this.parentElement) == null || i.addEventListener("scroll", o), this.addEventListener("keydown", this), e(this, T) && (e(this, T).tabIndex = 0);
   } else
     e(this, T) && (e(this, T).tabIndex = -1), this.dispatchEvent(new CustomEvent(f.CHANNEL_GRID_CLOSED, { bubbles: !0, composed: !0 })), (s = e(this, Ue)) == null || s.focus(), this.removeEventListener("keydown", this);
-}, pn = function(t, i) {
+}, bn = function(t, i) {
   i ? (t.setAttribute("visible", ""), (!t.lastThumbnailUpdate || Date.now() - t.lastThumbnailUpdate >= 1e4) && (t.updateThumbnail(), t.lastThumbnailUpdate = Date.now())) : t.removeAttribute("visible");
-}, Wi = function() {
+}, Zi = function() {
   var o;
   const t = (o = this.shadowRoot) == null ? void 0 : o.querySelector("slot[name=grid]"), i = new Map(e(this, O).map((p) => [p.id, p])), s = this.getAttribute("channel-id");
   c(this, O, e(this, Xt).map((p) => {
     var g;
     const u = i.get(p.channelId);
     if (u)
-      return r(this, k, bn).call(this, u.element, p), u;
-    const v = r(this, k, mn).call(this, p, s);
-    return (g = e(this, bt)) == null || g.observe(v.element), t.contains(v.element) || t.appendChild(v.element), v;
+      return r(this, k, mn).call(this, u.element, p), u;
+    const v = r(this, k, vn).call(this, p, s);
+    return (g = e(this, mt)) == null || g.observe(v.element), t.contains(v.element) || t.appendChild(v.element), v;
   })), i.forEach((p, u) => {
     var v;
-    e(this, Xt).some((g) => g.channelId === u) || ((v = e(this, bt)) == null || v.unobserve(p.element), p.element.remove());
+    e(this, Xt).some((g) => g.channelId === u) || ((v = e(this, mt)) == null || v.unobserve(p.element), p.element.remove());
   }), e(this, O).sort((p, u) => p.element.hasAttribute("offline") && !u.element.hasAttribute("offline") ? 1 : -1).forEach((p) => {
     t.contains(p.element) || t.appendChild(p.element);
   });
-}, bn = function(t, i) {
-  i.isLive ? t.removeAttribute("offline") : t.setAttribute("offline", ""), t.setAttribute("url", i.thumbnailUrls[0] || ""), t.setAttribute("title", i.name);
 }, mn = function(t, i) {
+  i.isLive ? t.removeAttribute("offline") : t.setAttribute("offline", ""), t.setAttribute("url", i.thumbnailUrls[0] || ""), t.setAttribute("title", i.name);
+}, vn = 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, jt) && s.setAttribute("authentication-token", e(this, jt)), t.isLive || s.setAttribute("offline", ""), t.channelId === i && (s.setAttribute("aria-selected", "true"), c(this, T, s)), s.tabIndex = -1, s.onclick = () => r(this, k, fn).call(this, t), { element: s, thumbnail: t.thumbnailUrls[0] || "", id: t.channelId };
-}, vn = function(t) {
+  return s.setAttribute("url", t.thumbnailUrls[0] || ""), s.setAttribute("title", t.name), e(this, jt) && s.setAttribute("authentication-token", e(this, jt)), t.isLive || s.setAttribute("offline", ""), t.channelId === i && (s.setAttribute("aria-selected", "true"), c(this, T, s)), s.tabIndex = -1, s.onclick = () => r(this, k, En).call(this, t), { element: s, thumbnail: t.thumbnailUrls[0] || "", id: t.channelId };
+}, gn = function(t) {
   e(this, O).forEach((i) => {
     i.id === t ? (i.element.setAttribute("aria-selected", "true"), i.element.tabIndex = 0, c(this, T, i.element)) : (i.element.tabIndex = -1, i.element.setAttribute("aria-selected", "false"));
   });
-}, gn = function() {
+}, fn = function() {
   this.hasAttribute("hidden") || e(this, O).forEach((t) => t.element.updateThumbnail());
-}, fn = function(t) {
-  var i;
-  (i = e(this, mt)) == null || i.setAttribute("channel-id", t.channelId);
 }, En = function(t) {
+  var i;
+  (i = e(this, vt)) == null || i.setAttribute("channel-id", t.channelId);
+}, An = function(t) {
   var u, v, g;
   const { key: i, ctrlKey: s, altKey: o, metaKey: p } = t;
-  s || o || p || this.keysUsed.includes(i) && (t.preventDefault(), t.stopPropagation(), i === "Tab" || i === "Escape" ? ((u = this.parentElement) == null || u.removeAttribute("open"), (v = e(this, mt)) == null || v.focus()) : i === "Enter" || i === " " ? (g = e(this, T)) == null || g.click() : r(this, k, An).call(this, t));
-}, An = function(t) {
+  s || o || p || this.keysUsed.includes(i) && (t.preventDefault(), t.stopPropagation(), i === "Tab" || i === "Escape" ? ((u = this.parentElement) == null || u.removeAttribute("open"), (v = e(this, vt)) == null || v.focus()) : i === "Enter" || i === " " ? (g = e(this, T)) == null || g.click() : r(this, k, yn).call(this, t));
+}, yn = function(t) {
   var u;
   if (!e(this, T)) return;
   const { key: i } = t;
@@ -909,19 +910,19 @@ bt = new WeakMap(), mt = new WeakMap(), Xt = new WeakMap(), O = new WeakMap(), T
   const p = e(this, T).getBoundingClientRect();
   switch (i) {
     case "ArrowUp":
-      if (o = r(this, k, ce).call(this, p, -1, 0), o < 0) {
+      if (o = r(this, k, ue).call(this, p, -1, 0), o < 0) {
         (u = this.parentElement) == null || u.removeAttribute("open");
         return;
       }
       break;
     case "ArrowDown":
-      o = r(this, k, ce).call(this, p, 1, 0);
+      o = r(this, k, ue).call(this, p, 1, 0);
       break;
     case "ArrowLeft":
-      o = r(this, k, ce).call(this, p, 0, -1);
+      o = r(this, k, ue).call(this, p, 0, -1);
       break;
     case "ArrowRight":
-      o = r(this, k, ce).call(this, p, 0, 1);
+      o = r(this, k, ue).call(this, p, 0, 1);
       break;
     case "Home":
       o = 0;
@@ -935,25 +936,23 @@ bt = new WeakMap(), mt = new WeakMap(), Xt = new WeakMap(), O = new WeakMap(), T
     if (!v) return;
     e(this, T).setAttribute("aria-selected", "false"), e(this, T).tabIndex = -1, c(this, T, v.element), e(this, T).setAttribute("aria-selected", "true"), e(this, T).tabIndex = 0, e(this, T).focus();
   }
-}, ce = function(t, i, s) {
+}, ue = function(t, i, s) {
   let o = -1, p = 1 / 0;
   return e(this, O).filter((u) => u.element.getBoundingClientRect().width > 0).forEach((u, v) => {
     const g = u.element.getBoundingClientRect(), P = i === 0 || i < 0 && g.top < t.top || i > 0 && g.top > t.top, et = s === 0 || s < 0 && g.left < t.left || s > 0 && g.left > t.left;
     if (P && et) {
-      const J = Math.sqrt(
-        Math.pow(g.top - t.top, 2) + Math.pow(g.left - t.left, 2)
-      );
+      const J = Math.sqrt((g.top - t.top) ** 2 + (g.left - t.left) ** 2);
       J < p && (p = J, o = v);
     }
   }), o;
-}, m(dn, "observedAttributes", [
+}, m(cn, "observedAttributes", [
   n.CHANNELS,
   n.CHANNEL_ID,
   n.AUTHENTICATION_TOKEN,
   "mode",
   "hidden"
 ]);
-const ho = (
+const po = (
   /* 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">
@@ -964,8 +963,8 @@ const ho = (
   <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>
 `
-), yn = document.createElement("template");
-yn.innerHTML = /* HTML */
+), kn = document.createElement("template");
+kn.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -979,48 +978,48 @@ yn.innerHTML = /* HTML */
       display: none;
     }
   </style>
-  <slot name="button">${ho}</slot>
+  <slot name="button">${po}</slot>
 `;
-var Vt, _, j, wi, R, kn, ts, gi, es, is;
-const ge = class ge extends tt {
+var Yt, _, j, Ii, U, In, es, gi, is, ss;
+const fe = class fe extends tt {
   constructor() {
     var t, i;
     super();
-    l(this, R);
-    l(this, Vt);
+    l(this, U);
+    l(this, Yt);
     l(this, _);
     l(this, j);
-    l(this, wi, (t) => {
-      t.composedPath().includes(this) || r(this, R, gi).call(this);
+    l(this, Ii, (t) => {
+      t.composedPath().includes(this) || r(this, U, gi).call(this);
     });
-    (t = this.shadowRoot) == null || t.appendChild(yn.content.cloneNode(!0)), c(this, Vt, (i = this.shadowRoot) == null ? void 0 : i.querySelector("slot[name=button]"));
+    (t = this.shadowRoot) == null || t.appendChild(kn.content.cloneNode(!0)), c(this, Yt, (i = this.shadowRoot) == null ? void 0 : i.querySelector("slot[name=button]"));
   }
   connectedCallback() {
     var i;
-    super.connectedCallback(), this.setAttribute("aria-haspopup", "listbox"), this.enable(), r(this, R, es).call(this);
+    super.connectedCallback(), this.setAttribute("aria-haspopup", "listbox"), this.enable(), r(this, U, is).call(this);
     const t = this.getRootNode();
-    (t instanceof Document || t instanceof ShadowRoot) && (c(this, _, t.querySelector("vindral-channel-grid")), ((i = e(this, _).parentElement) == null ? void 0 : i.localName) === "vindral-scroll-overlay" && (e(this, _).hidden = !1, e(this, _).style.position = "relative", c(this, j, e(this, _).parentElement))), r(this, R, is).call(this);
+    (t instanceof Document || t instanceof ShadowRoot) && (c(this, _, t.querySelector("vindral-channel-grid")), ((i = e(this, _).parentElement) == null ? void 0 : i.localName) === "vindral-scroll-overlay" && (e(this, _).hidden = !1, e(this, _).style.position = "relative", c(this, j, e(this, _).parentElement))), r(this, U, ss).call(this);
   }
   disconnectedCallback() {
   }
   attributeChangedCallback(t, i, s) {
-    super.attributeChangedCallback(t, i, s), (t === n.CHANNEL_GROUP_ID || t === n.CHANNELS) && r(this, R, es).call(this);
+    super.attributeChangedCallback(t, i, s), (t === n.CHANNEL_GROUP_ID || t === n.CHANNELS) && r(this, U, is).call(this);
   }
   enable() {
-    super.enable(), document.addEventListener("click", e(this, wi));
+    super.enable(), document.addEventListener("click", e(this, Ii));
   }
   handleClick(t) {
-    r(this, R, kn).call(this);
+    r(this, U, In).call(this);
   }
   get isOpen() {
     var t, i;
     return ((t = e(this, j)) == null ? void 0 : t.hasAttribute("open")) || !((i = e(this, _)) != null && i.hidden);
   }
 };
-Vt = new WeakMap(), _ = new WeakMap(), j = new WeakMap(), wi = new WeakMap(), R = new WeakSet(), kn = function() {
+Yt = new WeakMap(), _ = new WeakMap(), j = new WeakMap(), Ii = new WeakMap(), U = new WeakSet(), In = function() {
   var t;
-  e(this, j) ? e(this, j).hasAttribute("open") ? r(this, R, gi).call(this) : r(this, R, ts).call(this) : (t = e(this, _)) != null && t.hidden ? r(this, R, ts).call(this) : r(this, R, gi).call(this), r(this, R, is).call(this);
-}, ts = function() {
+  e(this, j) ? e(this, j).hasAttribute("open") ? r(this, U, gi).call(this) : r(this, U, es).call(this) : (t = e(this, _)) != null && t.hidden ? r(this, U, es).call(this) : r(this, U, gi).call(this), r(this, U, ss).call(this);
+}, es = function() {
   var t;
   if (e(this, j))
     e(this, j).setAttribute("open", "");
@@ -1028,7 +1027,7 @@ Vt = new WeakMap(), _ = new WeakMap(), j = new WeakMap(), wi = new WeakMap(), R
     if (!((t = e(this, _)) != null && t.hidden)) return;
     e(this, _).hidden = !1, e(this, _).focus();
   }
-  e(this, Vt).setAttribute("aria-expanded", "true");
+  e(this, Yt).setAttribute("aria-expanded", "true");
 }, gi = function() {
   if (e(this, j))
     e(this, j).removeAttribute("open");
@@ -1036,18 +1035,18 @@ Vt = new WeakMap(), _ = new WeakMap(), j = new WeakMap(), wi = new WeakMap(), R
     if (!e(this, _) || e(this, _).hidden) return;
     e(this, _).hidden = !0;
   }
-  e(this, Vt).setAttribute("aria-expanded", "false");
-}, es = function() {
-  this.getAttribute(n.CHANNEL_GROUP_ID) ? this.removeAttribute("hidden") : this.setAttribute("hidden", ""), this.hasAttribute(n.CHANNELS) ? this.removeAttribute("disabled") : this.setAttribute("disabled", "");
+  e(this, Yt).setAttribute("aria-expanded", "false");
 }, is = function() {
+  this.getAttribute(n.CHANNEL_GROUP_ID) ? this.removeAttribute("hidden") : this.setAttribute("hidden", ""), this.hasAttribute(n.CHANNELS) ? this.removeAttribute("disabled") : this.setAttribute("disabled", "");
+}, ss = function() {
   this.setAttribute("aria-label", this.isOpen ? "Exit grid" : "Enter grid");
-}, m(ge, "observedAttributes", [
-  ...q(ge, ge, "observedAttributes"),
+}, m(fe, "observedAttributes", [
+  ...q(fe, fe, "observedAttributes"),
   n.CHANNEL_GROUP_ID,
   n.CHANNELS,
   "hidden"
 ]);
-let Zi = ge;
+let ts = fe;
 const wn = document.createElement("template");
 wn.innerHTML = /* HTML */
 `
@@ -1078,7 +1077,7 @@ wn.innerHTML = /* HTML */
     <slot name="right"></slot>
   </slot>
 `;
-class In extends HTMLElement {
+class Cn extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" }).appendChild(wn.content.cloneNode(!0));
   }
@@ -1087,8 +1086,8 @@ class In extends HTMLElement {
   disconnectedCallback() {
   }
 }
-m(In, "observedAttributes", []);
-class co extends li {
+m(Cn, "observedAttributes", []);
+class bo extends hi {
   constructor(t) {
     super();
     m(this, "config");
@@ -1138,7 +1137,6 @@ class co extends li {
    */
   set channelId(t) {
   }
-  /* eslint-disable @typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-explicit-any,@typescript-eslint/no-unsafe-call */
   /**
    * Show the AirPlay picker.
    */
@@ -1166,9 +1164,8 @@ class co extends li {
       }
     });
   }
-  /* eslint-enable @typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-explicit-any,@typescript-eslint/no-unsafe-call */
 }
-const St = class St extends li {
+const St = class St extends hi {
   constructor(t) {
     super();
     m(this, "container");
@@ -1191,7 +1188,6 @@ const St = class St extends li {
     }));
     m(this, "onChange", () => this.emit("on fullscreen change", this.isFullscreen()));
     // into the yolo zone
-    /* eslint-disable @typescript-eslint/no-explicit-any,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-call,@typescript-eslint/unbound-method */
     m(this, "isFullscreen", () => !!(document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen));
     m(this, "isSupported", () => St.isFullscreenApiSupported(this.container) || !this.isInIframe());
     m(this, "isFullscreenApiSupported", () => St.isFullscreenApiSupported(this.container));
@@ -1212,12 +1208,11 @@ const St = class St extends li {
       t();
     });
   }
-  /* eslint-enable @typescript-eslint/no-explicit-any,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-call,@typescript-eslint/unbound-method */
 };
 m(St, "isFullscreenApiSupported", (t) => (t.requestFullscreen || t.webkitRequestFullscreen || t.webkitEnterFullscreen || t.mozRequestFullScreen) !== void 0);
-let be = St;
-var Ii, Ci, Li, Ti, Yt, xi, Si, _e, Jt;
-class uo extends li {
+let me = St;
+var wi, Ci, Li, Ti, Vt, xi, Si, Pe, Jt;
+class mo extends hi {
   constructor(t) {
     super();
     m(this, "unload", () => {
@@ -1225,7 +1220,7 @@ class uo extends li {
     });
     m(this, "request", () => G(this, null, function* () {
       try {
-        return yield e(this, Ii).call(this);
+        return yield e(this, wi).call(this);
       } catch (t) {
         throw this.onChange(), t;
       }
@@ -1241,25 +1236,30 @@ class uo extends li {
       this.emit("on picture in picture change", this.isPictureInPictureActive());
     });
     m(this, "isPictureInPictureActive", () => e(this, Si).call(this) || e(this, xi).call(this));
-    m(this, "isSupported", () => e(this, Jt).call(this) || e(this, Yt).call(this));
-    l(this, Ii, () => e(this, Yt).call(this) ? e(this, Li).call(this) : e(this, Jt).call(this) ? e(this, _e).call(this, "picture-in-picture") : Promise.resolve());
-    l(this, Ci, () => this.isPictureInPictureActive() ? e(this, Yt).call(this) ? e(this, Ti).call(this) : e(this, Jt).call(this) ? e(this, _e).call(this, "inline") : Promise.resolve() : Promise.resolve());
+    m(this, "isSupported", () => e(this, Jt).call(this) || e(this, Vt).call(this));
+    l(this, wi, () => e(this, Vt).call(this) ? e(this, Li).call(this) : e(this, Jt).call(this) ? e(this, Pe).call(this, "picture-in-picture") : Promise.resolve());
+    l(this, Ci, () => this.isPictureInPictureActive() ? e(this, Vt).call(this) ? e(this, Ti).call(this) : e(this, Jt).call(this) ? e(this, Pe).call(this, "inline") : Promise.resolve() : Promise.resolve());
     l(this, Li, () => G(this, null, function* () {
       yield this.element.requestPictureInPicture();
     }));
     l(this, Ti, () => G(null, null, function* () {
       yield document.exitPictureInPicture();
     }));
-    l(this, Yt, () => !!this.element.requestPictureInPicture && !!document.pictureInPictureEnabled);
+    l(this, Vt, () => !!this.element.requestPictureInPicture && !!document.pictureInPictureEnabled);
     l(this, xi, () => !!document.pictureInPictureElement);
     l(this, Si, () => this.element.webkitPresentationMode === "picture-in-picture");
-    l(this, _e, (t) => (this.element.webkitSetPresentationMode && this.element.webkitSetPresentationMode(t), Promise.resolve()));
+    l(this, Pe, (t) => (this.element.webkitSetPresentationMode && this.element.webkitSetPresentationMode(t), Promise.resolve()));
     l(this, Jt, () => !!this.element.webkitSetPresentationMode);
     this.element = t, this.element.addEventListener("enterpictureinpicture", this.onChange), this.element.addEventListener("leavepictureinpicture", this.onChange), this.element.setAttribute("autopictureinpicture", "");
   }
 }
-Ii = new WeakMap(), Ci = new WeakMap(), Li = new WeakMap(), Ti = new WeakMap(), Yt = new WeakMap(), xi = new WeakMap(), Si = new WeakMap(), _e = new WeakMap(), Jt = new WeakMap();
-class Ks extends li {
+wi = new WeakMap(), Ci = new WeakMap(), Li = new WeakMap(), Ti = new WeakMap(), Vt = new WeakMap(), xi = new WeakMap(), Si = new WeakMap(), Pe = new WeakMap(), Jt = new WeakMap();
+const qs = (d) => {
+  var t;
+  let a = "observedAttributes" in d.constructor ? d.constructor.observedAttributes : void 0;
+  return !a && ((t = d.nodeName) != null && t.includes("-")) && (globalThis.customElements.upgrade(d), a = "observedAttributes" in d.constructor ? d.constructor.observedAttributes : void 0), Array.isArray(a) ? a.filter((i) => Ys.includes(i)) : [];
+};
+class Xs extends hi {
   constructor(t) {
     super();
     m(this, "audioContext");
@@ -1322,12 +1322,8 @@ class Ks extends li {
     return this.source instanceof HTMLMediaElement;
   }
 }
-const qs = (d) => {
-  var t;
-  let a = "observedAttributes" in d.constructor ? d.constructor.observedAttributes : void 0;
-  return !a && ((t = d.nodeName) != null && t.includes("-")) && (globalThis.customElements.upgrade(d), a = "observedAttributes" in d.constructor ? d.constructor.observedAttributes : void 0), Array.isArray(a) ? a.filter((i) => js.includes(i)) : [];
-}, Cn = document.createElement("template");
-Cn.innerHTML = /* HTML */
+const Ln = document.createElement("template");
+Ln.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -1339,8 +1335,8 @@ Cn.innerHTML = /* HTML */
     }
   </style>
 `;
-var Qt, Wt, $, Pe, Ni, Ui, he, Ln, Tn;
-class Ms extends tt {
+var Qt, Wt, $, Me, Ni, Ri, he, Tn, xn;
+class Ds extends tt {
   constructor() {
     var t;
     super();
@@ -1348,14 +1344,14 @@ class Ms extends tt {
     l(this, Qt);
     l(this, Wt);
     l(this, $);
-    l(this, Pe, null);
+    l(this, Me, null);
     l(this, Ni, (t) => {
       t.composedPath().includes(this) || this.hide();
     });
-    l(this, Ui, () => {
+    l(this, Ri, () => {
       this.hide();
     });
-    (t = this.shadowRoot) == null || t.appendChild(Cn.content.cloneNode(!0));
+    (t = this.shadowRoot) == null || t.appendChild(Ln.content.cloneNode(!0));
   }
   connectedCallback() {
     var p, u, v, g;
@@ -1365,7 +1361,7 @@ class Ms extends tt {
     const i = this.getRootNode(), o = [...(g = (v = this.shadowRoot) == null ? void 0 : v.querySelectorAll(":not(:defined)")) != null ? g : []].map((P) => customElements.whenDefined(P.localName));
     Promise.all(o).then(() => {
       var P;
-      (i instanceof Document || i instanceof ShadowRoot) && (c(this, Pe, i.querySelector("vindral-controller")), (P = e(this, Pe)) == null || P.connectListener(this));
+      (i instanceof Document || i instanceof ShadowRoot) && (c(this, Me, i.querySelector("vindral-controller")), (P = e(this, Me)) == null || P.connectListener(this));
     });
   }
   set button(t) {
@@ -1378,25 +1374,25 @@ class Ms extends tt {
     c(this, $, t);
   }
   enable() {
-    super.enable(), this.addEventListener("change", e(this, Ui)), document.addEventListener("click", e(this, Ni));
+    super.enable(), this.addEventListener("change", e(this, Ri)), document.addEventListener("click", e(this, Ni));
   }
   hide() {
     var t, i;
     !e(this, $) || (t = e(this, $)) != null && t.hidden || (e(this, $).hidden = !0, (i = e(this, Qt)) == null || i.setAttribute("aria-expanded", "false"), this.dispatchEvent(new CustomEvent(f.UNLOCK_UI, { bubbles: !0, composed: !0 })), this.focus());
   }
   handleClick(t) {
-    e(this, $) && !t.composedPath().includes(e(this, $)) && r(this, he, Ln).call(this);
+    e(this, $) && !t.composedPath().includes(e(this, $)) && r(this, he, Tn).call(this);
   }
 }
-Qt = new WeakMap(), Wt = new WeakMap(), $ = new WeakMap(), Pe = new WeakMap(), Ni = new WeakMap(), Ui = new WeakMap(), he = new WeakSet(), Ln = function() {
+Qt = new WeakMap(), Wt = new WeakMap(), $ = new WeakMap(), Me = new WeakMap(), Ni = new WeakMap(), Ri = new WeakMap(), he = new WeakSet(), Tn = function() {
   var t;
-  (t = e(this, $)) != null && t.hidden ? r(this, he, Tn).call(this) : this.hide();
-}, Tn = function() {
+  (t = e(this, $)) != null && t.hidden ? r(this, he, xn).call(this) : this.hide();
+}, xn = function() {
   var t, i, s;
   (t = e(this, $)) != null && t.hidden && (e(this, $).hidden = !1, (i = e(this, Qt)) == null || i.setAttribute("aria-expanded", "true"), (s = e(this, Wt)) == null || s.focus(), this.dispatchEvent(new CustomEvent(f.LOCK_UI, { bubbles: !0, composed: !0 })));
 };
-const xn = document.createElement("template");
-xn.innerHTML = /* HTML */
+const Sn = document.createElement("template");
+Sn.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -1499,28 +1495,28 @@ xn.innerHTML = /* HTML */
   <input type="range" id="range" min="0" max="1" step="any" value="0" />
   <div id="range-track"></div>
 `;
-var Zt, te, Me, De;
-class Ds extends HTMLElement {
+var Zt, te, De, Oe;
+class Os extends HTMLElement {
   constructor() {
     super();
     l(this, Zt, null);
     l(this, te);
     m(this, "range");
-    l(this, Me, () => {
+    l(this, De, () => {
       this.range.matches(":focus-visible") && this.style.setProperty("--_focus-visible-box-shadow", "inset 0 0 0 2px var(--fg-strong)");
     });
-    l(this, De, () => {
+    l(this, Oe, () => {
       this.style.removeProperty("--_focus-visible-box-shadow");
     });
-    c(this, te, this.attachShadow({ mode: "open" })), e(this, te).appendChild(xn.content.cloneNode(!0)), this.range = e(this, te).getElementById("range");
+    c(this, te, this.attachShadow({ mode: "open" })), e(this, te).appendChild(Sn.content.cloneNode(!0)), this.range = e(this, te).getElementById("range");
   }
   connectedCallback() {
     var t;
-    c(this, Zt, this.closest("vindral-controller")), (t = e(this, Zt)) == null || t.connectListener(this), this.hasAttribute("disabled") || this.enable(), this.range.addEventListener("focusin", e(this, Me)), this.range.addEventListener("focusout", e(this, De));
+    c(this, Zt, this.closest("vindral-controller")), (t = e(this, Zt)) == null || t.connectListener(this), this.hasAttribute("disabled") || this.enable(), this.range.addEventListener("focusin", e(this, De)), this.range.addEventListener("focusout", e(this, Oe));
   }
   disconnectedCallback() {
     var t;
-    (t = e(this, Zt)) == null || t.disconnectListener(this), this.range.removeEventListener("focusin", e(this, Me)), this.range.removeEventListener("focusout", e(this, De));
+    (t = e(this, Zt)) == null || t.disconnectListener(this), this.range.removeEventListener("focusin", e(this, De)), this.range.removeEventListener("focusout", e(this, Oe));
   }
   attributeChangedCallback(t, i, s) {
     i !== s && (t === "disabled" && s ? this.disable() : this.enable(), this.updateBar());
@@ -1541,9 +1537,9 @@ class Ds extends HTMLElement {
     return ["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"];
   }
 }
-Zt = new WeakMap(), te = new WeakMap(), Me = new WeakMap(), De = new WeakMap(), m(Ds, "observedAttributes", ["disabled"]);
-const Sn = document.createElement("template");
-Sn.innerHTML = /* HTML */
+Zt = new WeakMap(), te = new WeakMap(), De = new WeakMap(), Oe = new WeakMap(), m(Os, "observedAttributes", ["disabled"]);
+const Nn = document.createElement("template");
+Nn.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -1727,62 +1723,63 @@ Sn.innerHTML = /* HTML */
     <slot id="overlay-interactive" name="overlay-interactive"></slot>
   </div>
 `;
-const qi = ["ArrowDown", "ArrowLeft", "ArrowRight", "Tab", "Enter", " ", "f", "m"];
-var Ri, it, Oe, vt, gt, b, Fe, st, nt, ee, rt, B, V, F, ot, He, ze, U, ft, h, ss, Nn, Un, Rn, ns, _n, Pn, Mn, Ge, Dn, On, Fn, Hn, $e, _i, Pi, zn, Rt, rs, os, fi, pt, Gn, $n, Bn, as, Mi, Di, ls, A, w;
-const fe = class fe extends HTMLElement {
+const Xi = ["ArrowDown", "ArrowLeft", "ArrowRight", "Tab", "Enter", " ", "f", "m"];
+var Ui, it, Fe, gt, ft, b, He, st, nt, ee, _i, rt, B, Y, F, ot, ze, Ge, R, Et, h, ns, Rn, Un, _n, rs, Pn, Mn, Dn, $e, On, Fn, Hn, zn, Be, Pi, Mi, Gn, Ut, os, as, fi, pt, $n, Bn, Kn, ls, Di, Oi, hs, E, I;
+const Ee = class Ee extends HTMLElement {
   constructor() {
     super();
     l(this, h);
     l(this, it, /* @__PURE__ */ new Map());
-    l(this, Oe, 2e3);
-    l(this, vt, null);
+    l(this, Fe, 2e3);
     l(this, gt, null);
+    l(this, ft, null);
     l(this, b);
-    l(this, Fe, e(fe, Ri));
+    l(this, He, e(Ee, Ui));
     l(this, st);
     l(this, nt);
     l(this, ee);
+    l(this, _i);
     l(this, rt);
     l(this, B);
-    l(this, V);
+    l(this, Y);
     l(this, F);
     l(this, ot);
-    l(this, He);
     l(this, ze);
-    l(this, U);
-    l(this, ft, null);
-    l(this, Ge, 0);
+    l(this, Ge);
+    l(this, R);
+    l(this, Et, null);
+    l(this, $e, 0);
     m(this, "handleEvent", (t) => {
       switch (t.type) {
         case "pointerdown":
-          c(this, Ge, t.timeStamp);
+          c(this, $e, t.timeStamp);
           break;
         case "pointermove":
-          r(this, h, Dn).call(this, t);
+          r(this, h, On).call(this, t);
           break;
         case "pointerup":
-          r(this, h, On).call(this, t);
+          r(this, h, Fn).call(this, t);
           break;
         case "mouseleave":
           r(this, h, pt).call(this);
           break;
         case "dblclick":
-          r(this, h, Fn).call(this, t);
+          r(this, h, Hn).call(this, t);
           break;
         case "mousemove":
-          r(this, h, Hn).call(this, t);
+          r(this, h, zn).call(this, t);
           break;
         case "keydown":
-          e(this, Pi).call(this, t);
+          e(this, Mi).call(this, t);
           break;
         case "keyup":
-          r(this, h, pt).call(this), e(this, _i).call(this, t);
+          r(this, h, pt).call(this), e(this, Pi).call(this, t);
           break;
       }
     });
-    l(this, $e, (t) => {
+    l(this, Be, (t) => {
       var i;
-      if (e(this, b) && (e(this, U).debug("Vindral event", { type: t.type }), t instanceof CustomEvent))
+      if (e(this, b) && (e(this, R).debug("Vindral event", { type: t.type }), t instanceof CustomEvent))
         switch (t.type) {
           case f.PLAY:
             this.removeAttribute(n.PAUSED);
@@ -1815,11 +1812,11 @@ const fe = class fe extends HTMLElement {
             }
             break;
           case f.CHANNEL_GRID_OPENED: {
-            e(this, ft) === null && r(this, h, rs).call(this);
+            e(this, Et) === null && r(this, h, os).call(this);
             break;
           }
           case f.CHANNEL_GRID_CLOSED: {
-            e(this, ft) !== null && (clearTimeout(e(this, ft)), c(this, ft, null));
+            e(this, Et) !== null && (clearTimeout(e(this, Et)), c(this, Et, null));
             break;
           }
           case f.ENTER_PIP:
@@ -1829,13 +1826,13 @@ const fe = class fe extends HTMLElement {
             this.removeAttribute(n.IS_PIP);
             break;
           case f.REQUEST_AIRPLAY:
-            (i = e(this, V)) == null || i.showPlaybackTargetPicker();
+            (i = e(this, Y)) == null || i.showPlaybackTargetPicker();
             break;
           case f.SET_LANGUAGE:
-            L(t.detail) ? this.setAttribute(n.LANGUAGE, t.detail) : this.removeAttribute(n.LANGUAGE);
+            C(t.detail) ? this.setAttribute(n.LANGUAGE, t.detail) : this.removeAttribute(n.LANGUAGE);
             break;
           case f.SET_TEXT_TRACK:
-            L(t.detail) ? this.setAttribute(n.TEXT_TRACK, t.detail) : this.removeAttribute(n.TEXT_TRACK);
+            C(t.detail) ? this.setAttribute(n.TEXT_TRACK, t.detail) : this.removeAttribute(n.TEXT_TRACK);
             break;
           case f.REQUEST_USER_INPUT:
             e(this, b).play(), e(this, b).muted = !1;
@@ -1848,20 +1845,20 @@ const fe = class fe extends HTMLElement {
             break;
         }
     });
-    l(this, _i, (t) => {
+    l(this, Pi, (t) => {
       const { key: i } = t;
-      if (!qi.includes(i)) {
+      if (!Xi.includes(i)) {
         this.removeEventListener("keyup", this);
         return;
       }
-      r(this, h, zn).call(this, t);
+      r(this, h, Gn).call(this, t);
     });
-    l(this, Pi, (t) => {
+    l(this, Mi, (t) => {
       const { metaKey: i, altKey: s, key: o } = t;
-      i || s || !qi.includes(o) || this.addEventListener("keyup", this, { once: !0 });
+      i || s || !Xi.includes(o) || this.addEventListener("keyup", this, { once: !0 });
     });
-    l(this, Rt, null);
-    l(this, Mi, () => {
+    l(this, Ut, null);
+    l(this, Di, () => {
       var i, s, o;
       if (!("orientation" in screen) || !screen.orientation.lock)
         return;
@@ -1869,18 +1866,18 @@ const fe = class fe extends HTMLElement {
       t != null && t.video && screen.orientation.lock(((s = t == null ? void 0 : t.video) == null ? void 0 : s.width) > ((o = t == null ? void 0 : t.video) == null ? void 0 : o.height) ? "landscape-primary" : "portrait-primary").catch(() => {
       });
     });
-    l(this, Di, () => {
+    l(this, Oi, () => {
       !("orientation" in screen) || !screen.orientation.unlock || screen.orientation.unlock();
     });
-    this.attachShadow({ mode: "open" }).appendChild(Sn.content.cloneNode(!0));
-    const i = Ki(this.getAttribute("log-level"));
-    c(this, U, jr.get().createContext("VindralController")), e(this, U).setLevel(i);
+    this.attachShadow({ mode: "open" }).appendChild(Nn.content.cloneNode(!0));
+    const i = qi(this.getAttribute("log-level"));
+    c(this, R, Vr.get().createContext("VindralController")), e(this, R).setLevel(i);
   }
   connectedCallback() {
     return G(this, null, function* () {
-      S(this.getAttribute("auto-instance-enabled"), !0) && (yield r(this, h, ss).call(this));
+      N(this.getAttribute("auto-instance-enabled"), !0) && (yield r(this, h, ns).call(this));
       for (const i of Object.values(f))
-        this.addEventListener(i, e(this, $e));
+        this.addEventListener(i, e(this, Be));
       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 });
     });
   }
@@ -1888,24 +1885,24 @@ const fe = class fe extends HTMLElement {
     var t, i, s, o;
     (t = e(this, b)) == null || t.unload(), (i = e(this, rt)) == null || i.unload(), (s = e(this, B)) == null || s.unload(), (o = e(this, F)) == null || o.unload();
     for (const p of Object.values(f))
-      this.removeEventListener(p, e(this, $e));
+      this.removeEventListener(p, e(this, Be));
     this.disconnectListener(this);
   }
   attributeChangedCallback(t, i, s) {
-    var o, p, u, v, g, P, et, J, Ct, Lt, Tt, hi, di, ci, ui;
+    var o, p, u, v, g, P, et, J, Lt, Tt, xt, di, ci, ui, pi;
     if (i != s)
-      switch (e(this, U).debug("Attribute changed", { name: t, oldValue: i, newValue: s }), t) {
+      switch (e(this, R).debug("Attribute changed", { name: t, oldValue: i, newValue: s }), t) {
         case "channel-id":
-          c(this, st, s), e(this, b) && s && (e(this, b).channelId = s, e(this, b).play(), r(this, h, A).call(this, n.BUFFERING, ""), r(this, h, A).call(this, n.CHANNEL_ID, s), r(this, h, A).call(this, n.POSTER_SRC, e(this, b).getThumbnailUrl()));
+          c(this, st, s), e(this, b) && s && (e(this, b).channelId = s, e(this, b).play(), r(this, h, E).call(this, n.BUFFERING, ""), r(this, h, E).call(this, n.CHANNEL_ID, s), r(this, h, E).call(this, n.POSTER_SRC, e(this, b).getThumbnailUrl()));
           break;
         case "channel-group-id":
           c(this, nt, s);
           break;
         case "url":
-          s && c(this, Fe, s);
+          s && c(this, He, s);
           break;
         case "paused":
-          L(s) ? (o = e(this, b)) == null || o.pause() : (r(this, h, w).call(this, n.NEEDS_USER_INPUT_VIDEO), (p = e(this, b)) == null || p.play());
+          C(s) ? (o = e(this, b)) == null || o.pause() : (r(this, h, I).call(this, n.NEEDS_USER_INPUT_VIDEO), (p = e(this, b)) == null || p.play());
           break;
         case "target-buffer-time":
           if (e(this, b) && s) {
@@ -1914,63 +1911,66 @@ const fe = class fe extends HTMLElement {
           }
           break;
         case "user-interacting":
-          L(s) ? r(this, h, A).call(this, n.USER_INTERACTING, "") : r(this, h, w).call(this, n.USER_INTERACTING);
+          C(s) ? r(this, h, E).call(this, n.USER_INTERACTING, "") : r(this, h, I).call(this, n.USER_INTERACTING);
           break;
         case "muted":
-          e(this, b) && (L(s) ? (e(this, b).muted = !0, r(this, h, A).call(this, n.MUTED, ""), (u = e(this, F)) != null && u.isMediaElementSource && ((v = e(this, F)) == null || v.stop(), r(this, h, A).call(this, n.VOLUME_LEVEL, JSON.stringify({ left: null, right: null })))) : (e(this, b).muted = !1, r(this, h, w).call(this, n.MUTED), r(this, h, w).call(this, n.NEEDS_USER_INPUT_AUDIO), e(this, b).volume === 0 && (e(this, b).volume = 0.3), (g = e(this, F)) == null || g.start()));
+          e(this, b) && (C(s) ? (e(this, b).muted = !0, r(this, h, E).call(this, n.MUTED, ""), (u = e(this, F)) != null && u.isMediaElementSource && ((v = e(this, F)) == null || v.stop(), r(this, h, E).call(this, n.VOLUME_LEVEL, JSON.stringify({ left: null, right: null })))) : (e(this, b).muted = !1, r(this, h, I).call(this, n.MUTED), r(this, h, I).call(this, n.NEEDS_USER_INPUT_AUDIO), e(this, b).volume === 0 && (e(this, b).volume = 0.3), (g = e(this, F)) == null || g.start()));
           break;
         case "ui-locked":
-          L(s) ? r(this, h, fi).call(this) : r(this, h, pt).call(this);
+          C(s) ? r(this, h, fi).call(this) : r(this, h, pt).call(this);
           break;
         case "is-fullscreen":
-          L(s) ? r(this, h, Bn).call(this) : r(this, h, as).call(this);
+          C(s) ? r(this, h, Kn).call(this) : r(this, h, ls).call(this);
           break;
         case "max-video-bit-rate":
-          c(this, ee, s), L(s) ? r(this, h, A).call(this, n.MAX_VIDEO_BITRATE, s) : r(this, h, w).call(this, n.MAX_VIDEO_BITRATE);
+          c(this, ee, s), C(s) ? r(this, h, E).call(this, n.MAX_VIDEO_BITRATE, s) : r(this, h, I).call(this, n.MAX_VIDEO_BITRATE);
+          break;
+        case "max-initial-bit-rate":
+          c(this, _i, s), C(s) ? r(this, h, E).call(this, n.MAX_INITIAL_BITRATE, s) : r(this, h, I).call(this, n.MAX_INITIAL_BITRATE);
           break;
         case "is-pip":
-          L(s) ? r(this, h, Gn).call(this) : r(this, h, $n).call(this);
+          C(s) ? r(this, h, $n).call(this) : r(this, h, Bn).call(this);
           break;
         case "is-airplaying":
-          L(s) ? ((P = e(this, b)) != null && P.mediaElement && (e(this, b).mediaElement.style.display = "hidden"), (et = e(this, b)) == null || et.pause()) : (J = e(this, b)) != null && J.mediaElement && (e(this, b).mediaElement.style.display = "block");
+          C(s) ? ((P = e(this, b)) != null && P.mediaElement && (e(this, b).mediaElement.style.display = "hidden"), (et = e(this, b)) == null || et.pause()) : (J = e(this, b)) != null && J.mediaElement && (e(this, b).mediaElement.style.display = "block");
           break;
         case "is-casting":
-          L(s) ? ((Ct = e(this, B)) != null && Ct.isFullscreen() && r(this, h, as).call(this), (Lt = e(this, b)) == null || Lt.pause()) : document.hidden || (Tt = e(this, b)) == null || Tt.play();
+          C(s) ? ((Lt = e(this, B)) != null && Lt.isFullscreen() && r(this, h, ls).call(this), (Tt = e(this, b)) == null || Tt.pause()) : document.hidden || (xt = e(this, b)) == null || xt.play();
           break;
         case "cast-receiver-id":
-          c(this, He, s);
+          c(this, ze, s);
           break;
         case "cast-background":
-          c(this, ze, s);
+          c(this, Ge, s);
           break;
         case "language":
-          e(this, b) && (e(this, b).language = s, L(s) ? r(this, h, A).call(this, n.LANGUAGE, s) : r(this, h, w).call(this, n.LANGUAGE));
+          e(this, b) && (e(this, b).language = s, C(s) ? r(this, h, E).call(this, n.LANGUAGE, s) : r(this, h, I).call(this, n.LANGUAGE));
           break;
         case "text-track":
-          e(this, b) && (e(this, b).textTrack = s, L(s) ? r(this, h, A).call(this, n.TEXT_TRACK, s) : r(this, h, w).call(this, n.TEXT_TRACK));
+          e(this, b) && (e(this, b).textTrack = s, C(s) ? r(this, h, E).call(this, n.TEXT_TRACK, s) : r(this, h, I).call(this, n.TEXT_TRACK));
           break;
         case "log-level":
-          L(s) && e(this, U).setLevel(Ki(s));
+          C(s) && e(this, R).setLevel(qi(s));
           break;
         case "authentication-token":
-          L(s) ? ((hi = e(this, b)) == null || hi.updateAuthenticationToken(s), (di = e(this, V)) == null || di.updateAuthenticationToken(s), r(this, h, A).call(this, n.AUTHENTICATION_TOKEN, s)) : r(this, h, w).call(this, n.AUTHENTICATION_TOKEN);
+          C(s) ? ((di = e(this, b)) == null || di.updateAuthenticationToken(s), (ci = e(this, Y)) == null || ci.updateAuthenticationToken(s), r(this, h, E).call(this, n.AUTHENTICATION_TOKEN, s)) : r(this, h, I).call(this, n.AUTHENTICATION_TOKEN);
           break;
         case "volume":
-          if (e(this, b) && L(s)) {
+          if (e(this, b) && C(s)) {
             const z = parseFloat(s);
             e(this, b).volume = z;
           }
           break;
         case "drm-headers":
-          if (L(s)) {
+          if (C(s)) {
             const z = mi(s);
-            z ? (ci = e(this, b)) == null || ci.drm.setHeaders(z) : e(this, U).warn("Invalid DRM headers format:", s);
+            z ? (ui = e(this, b)) == null || ui.drm.setHeaders(z) : e(this, R).warn("Invalid DRM headers format:", s);
           }
           break;
         case "drm-queryparams":
-          if (L(s)) {
+          if (C(s)) {
             const z = mi(s);
-            z ? (ui = e(this, b)) == null || ui.drm.setQueryParams(z) : e(this, U).warn("Invalid DRM query parameters format:", s);
+            z ? (pi = e(this, b)) == null || pi.drm.setQueryParams(z) : e(this, R).warn("Invalid DRM query parameters format:", s);
           }
           break;
       }
@@ -2016,18 +2016,18 @@ const fe = class fe extends HTMLElement {
     return e(this, b);
   }
   get airPlay() {
-    return e(this, V);
+    return e(this, Y);
   }
   connect() {
-    r(this, h, ss).call(this);
+    r(this, h, ns).call(this);
   }
 };
-Ri = new WeakMap(), it = new WeakMap(), Oe = new WeakMap(), vt = new WeakMap(), gt = new WeakMap(), b = new WeakMap(), Fe = new WeakMap(), st = new WeakMap(), nt = new WeakMap(), ee = new WeakMap(), rt = new WeakMap(), B = new WeakMap(), V = new WeakMap(), F = new WeakMap(), ot = new WeakMap(), He = new WeakMap(), ze = new WeakMap(), U = new WeakMap(), ft = new WeakMap(), h = new WeakSet(), ss = function() {
+Ui = new WeakMap(), it = new WeakMap(), Fe = new WeakMap(), gt = new WeakMap(), ft = new WeakMap(), b = new WeakMap(), He = new WeakMap(), st = new WeakMap(), nt = new WeakMap(), ee = new WeakMap(), _i = new WeakMap(), rt = new WeakMap(), B = new WeakMap(), Y = new WeakMap(), F = new WeakMap(), ot = new WeakMap(), ze = new WeakMap(), Ge = new WeakMap(), R = new WeakMap(), Et = new WeakMap(), h = new WeakSet(), ns = function() {
   return G(this, null, function* () {
-    var Hs, zs;
+    var zs, Gs;
     if (!e(this, st)) return;
-    yield (Hs = e(this, b)) == null ? void 0 : Hs.unload();
-    const t = this.hasAttribute(n.PAUSED), i = this.hasAttribute(n.MUTED), s = Vs(this.getAttribute(n.MEDIA)), o = this.getAttribute(n.TEXT_TRACK) || void 0, p = this.getAttribute("edge-url") || void 0, u = this.getAttribute("authentication-token") || void 0, v = bi(this.getAttribute("max-video-bit-rate")), g = oo(this.getAttribute("max-size")), P = bi(this.getAttribute("min-buffer-time")), et = bi(this.getAttribute("max-buffer-time")), J = S(this.getAttribute("burst-enabled")), Ct = S(this.getAttribute("mse-enabled")), Lt = S(this.getAttribute("mse-opus-enabled")), Tt = S(this.getAttribute("ios-background-play-enabled")), hi = S(this.getAttribute("ios-wake-lock-enabled")), di = S(this.getAttribute("ios-media-element-enabled")), ci = S(this.getAttribute("abr-enabled")), ui = S(this.getAttribute("size-based-resolution-cap-enabled")), z = S(this.getAttribute("telemetry-enabled")), Ur = ro(this.getAttribute("video-codecs")), Os = Ys(this.getAttribute("poster")), Rr = ao(this.getAttribute("advanced")), _r = Ki(this.getAttribute("log-level")), Pr = {
+    yield (zs = e(this, b)) == null ? void 0 : zs.unload();
+    const t = this.hasAttribute(n.PAUSED), i = this.hasAttribute(n.MUTED), s = Vs(this.getAttribute(n.MEDIA)), o = this.getAttribute(n.TEXT_TRACK) || void 0, p = this.getAttribute("edge-url") || void 0, u = this.getAttribute("authentication-token") || void 0, v = ce(this.getAttribute("max-video-bit-rate")), g = ce(this.getAttribute("max-initial-bit-rate")), P = ho(this.getAttribute("max-size")), et = ce(this.getAttribute("min-buffer-time")), J = ce(this.getAttribute("max-buffer-time")), Lt = N(this.getAttribute("burst-enabled")), Tt = N(this.getAttribute("mse-enabled")), xt = N(this.getAttribute("mse-opus-enabled")), di = N(this.getAttribute("ios-background-play-enabled")), ci = N(this.getAttribute("ios-wake-lock-enabled")), ui = N(this.getAttribute("ios-media-element-enabled")), pi = N(this.getAttribute("abr-enabled")), z = N(this.getAttribute("size-based-resolution-cap-enabled")), Ur = N(this.getAttribute("telemetry-enabled")), _r = lo(this.getAttribute("video-codecs")), Fs = Js(this.getAttribute("poster")), Pr = co(this.getAttribute("advanced")), Mr = qi(this.getAttribute("log-level")), Dr = {
       headers: mi(this.getAttribute("drm-headers")),
       queryParams: mi(this.getAttribute("drm-queryparams")),
       widevine: {
@@ -2038,152 +2038,153 @@ Ri = new WeakMap(), it = new WeakMap(), Oe = new WeakMap(), vt = new WeakMap(),
         videoRobustness: vi(this.getAttribute("drm-playready-video-robustness")),
         audioRobustness: vi(this.getAttribute("drm-playready-audio-robustness"))
       }
-    }, Mr = S(this.getAttribute("webtransport-enabled")), Fs = bi(this.getAttribute("reconnect-retries")), Dr = Fs !== void 0 ? (y) => y.reconnectRetries < Fs : void 0, Or = this.getAttribute("language") || void 0;
-    c(this, b, new Vr({
-      url: e(this, Fe),
+    }, Or = N(this.getAttribute("webtransport-enabled")), Hs = ce(this.getAttribute("reconnect-retries")), Fr = Hs !== void 0 ? (y) => y.reconnectRetries < Hs : void 0, Hr = this.getAttribute("language") || void 0;
+    c(this, b, new Jr({
+      url: e(this, He),
       channelId: e(this, st),
       channelGroupId: e(this, nt),
       edgeUrl: p,
       authenticationToken: u,
       muted: i,
       media: s,
-      maxSize: g,
+      maxSize: P,
       maxVideoBitRate: v,
-      minBufferTime: P,
-      maxBufferTime: et,
-      burstEnabled: J,
-      mseEnabled: Ct,
-      mseOpusEnabled: Lt,
-      iosBackgroundPlayEnabled: Tt,
-      iosWakeLockEnabled: hi,
-      iosMediaElementEnabled: di,
-      abrEnabled: ci,
-      sizeBasedResolutionCapEnabled: ui,
-      telemetryEnabled: z,
-      videoCodecs: Ur,
-      poster: Os,
+      maxInitialBitRate: g,
+      minBufferTime: et,
+      maxBufferTime: J,
+      burstEnabled: Lt,
+      mseEnabled: Tt,
+      mseOpusEnabled: xt,
+      iosBackgroundPlayEnabled: di,
+      iosWakeLockEnabled: ci,
+      iosMediaElementEnabled: ui,
+      abrEnabled: pi,
+      sizeBasedResolutionCapEnabled: z,
+      telemetryEnabled: Ur,
+      videoCodecs: _r,
+      poster: Fs,
       textTrack: o,
-      advanced: Rr,
-      logLevel: _r,
-      language: Or,
-      drm: Pr,
-      webtransportEnabled: Mr,
-      reconnectHandler: Dr
+      advanced: Pr,
+      logLevel: Mr,
+      language: Hr,
+      drm: Dr,
+      webtransportEnabled: Or,
+      reconnectHandler: Fr
     })), e(this, b).on("rendition levels", (y) => {
-      const D = y.filter((pi) => {
+      const D = y.filter((bi) => {
         var de;
-        return (de = pi.video) == null ? void 0 : de.width;
+        return (de = bi.video) == null ? void 0 : de.width;
       });
-      r(this, h, A).call(this, n.RENDITION_LEVELS, JSON.stringify(D));
+      r(this, h, E).call(this, n.RENDITION_LEVELS, JSON.stringify(D));
     }), e(this, b).on("rendition level", (y) => {
-      r(this, h, A).call(this, n.RENDITION_LEVEL, JSON.stringify(y));
+      r(this, h, E).call(this, n.RENDITION_LEVEL, JSON.stringify(y));
     }), e(this, b).on("playback state", (y) => {
       switch (y) {
         case "playing":
-          r(this, h, w).call(this, n.PAUSED), r(this, h, w).call(this, n.BUFFERING);
+          r(this, h, I).call(this, n.PAUSED), r(this, h, I).call(this, n.BUFFERING);
           break;
         case "paused":
-          r(this, h, A).call(this, n.PAUSED, ""), r(this, h, w).call(this, n.BUFFERING);
+          r(this, h, E).call(this, n.PAUSED, ""), r(this, h, I).call(this, n.BUFFERING);
           break;
         case "buffering":
-          r(this, h, w).call(this, n.PAUSED), r(this, h, A).call(this, n.BUFFERING, "");
+          r(this, h, I).call(this, n.PAUSED), r(this, h, E).call(this, n.BUFFERING, "");
           break;
       }
     }), e(this, b).on("volume state", (y) => {
-      r(this, h, A).call(this, n.VOLUME, y.volume.toString()), y.isMuted ? r(this, h, A).call(this, n.MUTED, "") : r(this, h, w).call(this, n.MUTED);
+      r(this, h, E).call(this, n.VOLUME, y.volume.toString()), y.isMuted ? r(this, h, E).call(this, n.MUTED, "") : r(this, h, I).call(this, n.MUTED);
     }), e(this, b).on("channel switch failed", ({ channelId: y }) => {
       var D;
-      this.setAttribute(n.CHANNEL_ID, y), ((D = e(this, b)) == null ? void 0 : D.playbackState) !== "buffering" && r(this, h, w).call(this, n.BUFFERING);
+      this.setAttribute(n.CHANNEL_ID, y), ((D = e(this, b)) == null ? void 0 : D.playbackState) !== "buffering" && r(this, h, I).call(this, n.BUFFERING);
     }), e(this, b).on("channel switch", ({ channelId: y }) => {
       var D;
-      e(this, st) !== y && this.setAttribute(n.CHANNEL_ID, y), ((D = e(this, b)) == null ? void 0 : D.playbackState) !== "buffering" && r(this, h, w).call(this, n.BUFFERING);
+      e(this, st) !== y && this.setAttribute(n.CHANNEL_ID, y), ((D = e(this, b)) == null ? void 0 : D.playbackState) !== "buffering" && r(this, h, I).call(this, n.BUFFERING);
     }), e(this, b).on("channels", (y) => {
-      c(this, Rt, Date.now()), r(this, h, A).call(this, n.CHANNELS, JSON.stringify(y));
+      c(this, Ut, Date.now()), r(this, h, E).call(this, n.CHANNELS, JSON.stringify(y));
     }), e(this, b).on("languages", (y) => {
       var D;
-      r(this, h, A).call(this, n.LANGUAGES, JSON.stringify(y)), (D = e(this, b)) != null && D.language && r(this, h, A).call(this, n.LANGUAGE, e(this, b).language);
+      r(this, h, E).call(this, n.LANGUAGES, JSON.stringify(y)), (D = e(this, b)) != null && D.language && r(this, h, E).call(this, n.LANGUAGE, e(this, b).language);
     }), e(this, b).on("text tracks", (y) => {
-      var D, pi, de;
-      r(this, h, A).call(this, n.TEXT_TRACKS, JSON.stringify(y)), (D = e(this, b)) != null && D.textTrack && r(this, h, A).call(this, n.TEXT_TRACK, (de = (pi = e(this, b)) == null ? void 0 : pi.textTrack) != null ? de : "");
+      var D, bi, de;
+      r(this, h, E).call(this, n.TEXT_TRACKS, JSON.stringify(y)), (D = e(this, b)) != null && D.textTrack && r(this, h, E).call(this, n.TEXT_TRACK, (de = (bi = e(this, b)) == null ? void 0 : bi.textTrack) != null ? de : "");
     }), e(this, b).on("needs user input", (y) => {
-      y != null && y.forVideo ? (r(this, h, A).call(this, n.NEEDS_USER_INPUT_VIDEO, ""), r(this, h, w).call(this, n.NEEDS_USER_INPUT_AUDIO)) : y != null && y.forAudio && (r(this, h, A).call(this, n.NEEDS_USER_INPUT_AUDIO, ""), r(this, h, w).call(this, n.NEEDS_USER_INPUT_VIDEO));
+      y != null && y.forVideo ? (r(this, h, E).call(this, n.NEEDS_USER_INPUT_VIDEO, ""), r(this, h, I).call(this, n.NEEDS_USER_INPUT_AUDIO)) : y != null && y.forAudio && (r(this, h, E).call(this, n.NEEDS_USER_INPUT_AUDIO, ""), r(this, h, I).call(this, n.NEEDS_USER_INPUT_VIDEO));
     }), e(this, b).on("is live", (y) => {
-      y || r(this, h, w).call(this, n.BUFFERING);
-    }), c(this, gt, (zs = this.shadowRoot) == null ? void 0 : zs.querySelector("#video")), e(this, gt) && e(this, b).attach(e(this, gt)), this.setAttribute(n.MEDIA, e(this, b).media), e(this, b).muted && r(this, h, A).call(this, n.MUTED, ""), r(this, h, A).call(this, n.VOLUME, e(this, b).volume.toString()), L(Os) || r(this, h, A).call(this, n.POSTER_SRC, e(this, b).getThumbnailUrl());
-    const Fr = S(this.getAttribute(n.AIRPLAY_ENABLED), !1), Hr = S(this.getAttribute(n.CAST_ENABLED), !0), zr = S(this.getAttribute(n.FULLSCREEN_ENABLED), !0), Gr = S(this.getAttribute(n.PIP_ENABLED), !0), $r = S(this.getAttribute(n.VU_METER_ENABLED), !1);
-    Fr && r(this, h, Pn).call(this, e(this, b)), Hr && r(this, h, Rn).call(this, e(this, b)), zr && r(this, h, Un).call(this, e(this, b)), Gr && r(this, h, Nn).call(this, e(this, b)), t || e(this, b).play(), $r && r(this, h, Mn).call(this, e(this, b)), this.dispatchEvent(
+      y || r(this, h, I).call(this, n.BUFFERING);
+    }), c(this, ft, (Gs = this.shadowRoot) == null ? void 0 : Gs.querySelector("#video")), e(this, ft) && e(this, b).attach(e(this, ft)), this.setAttribute(n.MEDIA, e(this, b).media), e(this, b).muted && r(this, h, E).call(this, n.MUTED, ""), r(this, h, E).call(this, n.VOLUME, e(this, b).volume.toString()), C(Fs) || r(this, h, E).call(this, n.POSTER_SRC, e(this, b).getThumbnailUrl());
+    const zr = N(this.getAttribute(n.AIRPLAY_ENABLED), !1), Gr = N(this.getAttribute(n.CAST_ENABLED), !0), $r = N(this.getAttribute(n.FULLSCREEN_ENABLED), !0), Br = N(this.getAttribute(n.PIP_ENABLED), !0), Kr = N(this.getAttribute(n.VU_METER_ENABLED), !1);
+    zr && r(this, h, Mn).call(this, e(this, b)), Gr && r(this, h, _n).call(this, e(this, b)), $r && r(this, h, Un).call(this, e(this, b)), Br && r(this, h, Rn).call(this, e(this, b)), t || e(this, b).play(), Kr && r(this, h, Dn).call(this, e(this, b)), this.dispatchEvent(
       new CustomEvent("vindral-instance-ready", { bubbles: !0, composed: !0, detail: e(this, b) })
     );
   });
-}, Nn = function(t) {
-  t.mediaElement instanceof HTMLVideoElement && (c(this, rt, new uo(t.mediaElement)), e(this, rt).isSupported() && (e(this, U).debug("PIP is supported"), r(this, h, A).call(this, n.PIP_AVAILABLE, "")), e(this, rt).on("on picture in picture change", (i) => {
-    i ? r(this, h, A).call(this, n.IS_PIP, "") : r(this, h, w).call(this, n.IS_PIP);
+}, Rn = function(t) {
+  t.mediaElement instanceof HTMLVideoElement && (c(this, rt, new mo(t.mediaElement)), e(this, rt).isSupported() && (e(this, R).debug("PIP is supported"), r(this, h, E).call(this, n.PIP_AVAILABLE, "")), e(this, rt).on("on picture in picture change", (i) => {
+    i ? r(this, h, E).call(this, n.IS_PIP, "") : r(this, h, I).call(this, n.IS_PIP);
   }));
 }, Un = function(t) {
-  const i = !be.isFullscreenApiSupported(this) && be.isFullscreenApiSupported(t.mediaElement) ? t.mediaElement : this;
-  c(this, B, new be(i)), e(this, B).on("on fullscreen change", (s) => {
-    s ? r(this, h, A).call(this, n.FULLSCREEN, "") : r(this, h, w).call(this, n.FULLSCREEN);
+  const i = !me.isFullscreenApiSupported(this) && me.isFullscreenApiSupported(t.mediaElement) ? t.mediaElement : this;
+  c(this, B, new me(i)), e(this, B).on("on fullscreen change", (s) => {
+    s ? r(this, h, E).call(this, n.FULLSCREEN, "") : r(this, h, I).call(this, n.FULLSCREEN);
   });
-}, Rn = function(t) {
-  c(this, ot, new Zr({
-    background: e(this, ze),
-    receiverApplicationId: e(this, He),
+}, _n = function(t) {
+  c(this, ot, new io({
+    background: e(this, Ge),
+    receiverApplicationId: e(this, ze),
     options: t.getCastOptions()
   })), e(this, ot).init().then(() => {
     var i, s, o;
-    r(this, h, A).call(this, n.CAST_AVAILABLE, ""), (i = e(this, ot)) == null || i.on("connected", r(this, h, ns).bind(this)), (s = e(this, ot)) == null || s.on("resumed", r(this, h, ns).bind(this)), (o = e(this, ot)) == null || o.on("disconnected", r(this, h, _n).bind(this));
+    r(this, h, E).call(this, n.CAST_AVAILABLE, ""), (i = e(this, ot)) == null || i.on("connected", r(this, h, rs).bind(this)), (s = e(this, ot)) == null || s.on("resumed", r(this, h, rs).bind(this)), (o = e(this, ot)) == null || o.on("disconnected", r(this, h, Pn).bind(this));
   }).catch((i) => {
-    e(this, U).warn("Failed to initialize CastSender", i);
+    e(this, R).warn("Failed to initialize CastSender", i);
   });
-}, ns = function() {
+}, rs = function() {
   var i, s;
-  r(this, h, A).call(this, n.IS_CASTING, "");
+  r(this, h, E).call(this, n.IS_CASTING, "");
   const t = (s = (i = e(this, ot)) == null ? void 0 : i.getReceiverName()) != null ? s : "device";
-  r(this, h, A).call(this, n.CAST_RECEIVER_NAME, t);
-}, _n = function() {
-  r(this, h, w).call(this, n.IS_CASTING), r(this, h, w).call(this, n.CAST_RECEIVER_NAME);
-}, Pn = function(t) {
+  r(this, h, E).call(this, n.CAST_RECEIVER_NAME, t);
+}, Pn = function() {
+  r(this, h, I).call(this, n.IS_CASTING), r(this, h, I).call(this, n.CAST_RECEIVER_NAME);
+}, Mn = function(t) {
   var s;
-  (s = e(this, V)) == null || s.unload();
+  (s = e(this, Y)) == null || s.unload();
   const i = t.getCastOptions();
-  c(this, V, new co({
+  c(this, Y, new bo({
     url: i.url,
     channelId: i.channelId,
     authenticationToken: i.authenticationToken,
     container: this
-  })), e(this, V).once("available", () => {
-    r(this, h, A).call(this, n.AIRPLAY_AVAILABLE, "");
-  }), e(this, V).on("connected", () => {
-    r(this, h, A).call(this, n.IS_AIRPLAYING, "");
-  }), e(this, V).on("disconnected", () => {
-    r(this, h, w).call(this, n.IS_AIRPLAYING);
+  })), e(this, Y).once("available", () => {
+    r(this, h, E).call(this, n.AIRPLAY_AVAILABLE, "");
+  }), e(this, Y).on("connected", () => {
+    r(this, h, E).call(this, n.IS_AIRPLAYING, "");
+  }), e(this, Y).on("disconnected", () => {
+    r(this, h, I).call(this, n.IS_AIRPLAYING);
   });
-}, Mn = function(t) {
+}, Dn = function(t) {
   var i;
-  if ((i = e(this, F)) == null || i.unload(), !Yr()) {
+  if ((i = e(this, F)) == null || i.unload(), !Qr()) {
     if (t.audioNode)
-      c(this, F, new Ks(t.audioNode));
+      c(this, F, new Xs(t.audioNode));
     else if (t.mediaElement instanceof HTMLMediaElement)
-      c(this, F, new Ks(t.mediaElement));
+      c(this, F, new Xs(t.mediaElement));
     else
       return;
     e(this, F).on("on decibel change", (s) => {
-      r(this, h, A).call(this, n.VOLUME_LEVEL, JSON.stringify(s));
-    }), r(this, h, A).call(this, n.VOLUME_LEVEL, JSON.stringify({ left: null, right: null })), (!e(this, F).isMediaElementSource || !this.hasAttribute(n.MUTED)) && e(this, F).start();
+      r(this, h, E).call(this, n.VOLUME_LEVEL, JSON.stringify(s));
+    }), r(this, h, E).call(this, n.VOLUME_LEVEL, JSON.stringify({ left: null, right: null })), (!e(this, F).isMediaElementSource || !this.hasAttribute(n.MUTED)) && e(this, F).start();
   }
-}, Ge = new WeakMap(), Dn = function(t) {
-  t.pointerType !== "mouse" && t.timeStamp - e(this, Ge) < 250 || (r(this, h, fi).call(this), e(this, vt) && clearTimeout(e(this, vt)), t.target instanceof HTMLElement && ([this, e(this, gt)].includes(t.target) || t.target.localName === "vindral-scroll-overlay") && r(this, h, pt).call(this));
-}, On = function(t) {
-  const i = this.hasAttribute(n.USER_INTERACTING);
-  t.pointerType === "touch" && t.target instanceof HTMLElement ? [this, e(this, gt)].includes(t.target) && i ? r(this, h, os).call(this) : r(this, h, pt).call(this) : t.composedPath().some((s) => s instanceof HTMLElement && ["vindral-play-button"].includes(s == null ? void 0 : s.localName)) && r(this, h, pt).call(this);
+}, $e = new WeakMap(), On = function(t) {
+  t.pointerType !== "mouse" && t.timeStamp - e(this, $e) < 250 || (r(this, h, fi).call(this), e(this, gt) && clearTimeout(e(this, gt)), t.target instanceof HTMLElement && ([this, e(this, ft)].includes(t.target) || t.target.localName === "vindral-scroll-overlay") && r(this, h, pt).call(this));
 }, Fn = function(t) {
-  !e(this, B) || t.target instanceof tt || t.target instanceof Ms || t.target instanceof Ds || (this.hasAttribute(n.FULLSCREEN) ? this.removeAttribute(n.FULLSCREEN) : this.setAttribute(n.FULLSCREEN, ""));
+  const i = this.hasAttribute(n.USER_INTERACTING);
+  t.pointerType === "touch" && t.target instanceof HTMLElement ? [this, e(this, ft)].includes(t.target) && i ? r(this, h, as).call(this) : r(this, h, pt).call(this) : t.composedPath().some((s) => s instanceof HTMLElement && ["vindral-play-button"].includes(s == null ? void 0 : s.localName)) && r(this, h, pt).call(this);
 }, Hn = function(t) {
+  !e(this, B) || t.target instanceof tt || t.target instanceof Ds || t.target instanceof Os || (this.hasAttribute(n.FULLSCREEN) ? this.removeAttribute(n.FULLSCREEN) : this.setAttribute(n.FULLSCREEN, ""));
+}, zn = function(t) {
   this.hasAttribute(n.USER_INTERACTING) || r(this, h, pt).call(this);
-}, $e = new WeakMap(), _i = new WeakMap(), Pi = new WeakMap(), zn = function(t) {
+}, Be = new WeakMap(), Pi = new WeakMap(), Mi = new WeakMap(), Gn = function(t) {
   var u, v;
   const { metaKey: i, altKey: s, key: o } = t;
-  if (!(i || s || !qi.includes(o) || (((u = t.target) == null ? void 0 : u.keysUsed) || []).includes(o)))
+  if (!(i || s || !Xi.includes(o) || (((u = t.target) == null ? void 0 : u.keysUsed) || []).includes(o)))
     switch (o) {
       case "f":
         this.hasAttribute(n.FULLSCREEN) ? this.removeAttribute(n.FULLSCREEN) : this.setAttribute(n.FULLSCREEN, "");
@@ -2195,21 +2196,21 @@ Ri = new WeakMap(), it = new WeakMap(), Oe = new WeakMap(), vt = new WeakMap(),
         (v = this.querySelector("vindral-scroll-overlay")) == null || v.setAttribute("open", "");
         break;
     }
-}, Rt = new WeakMap(), rs = function() {
+}, Ut = new WeakMap(), os = function() {
   return G(this, null, function* () {
     if (!e(this, b) || !e(this, nt))
       return;
     const t = Date.now();
-    if (e(this, Rt) && t - e(this, Rt) < 1e4)
-      e(this, U).debug("Skipping channel update, last update was less than 10 seconds ago.");
+    if (e(this, Ut) && t - e(this, Ut) < 1e4)
+      e(this, R).debug("Skipping channel update, last update was less than 10 seconds ago.");
     else {
-      c(this, Rt, t);
+      c(this, Ut, t);
       const i = yield e(this, b).getApiClient().getChannels(e(this, nt));
-      r(this, h, A).call(this, n.CHANNELS, JSON.stringify(i));
+      r(this, h, E).call(this, n.CHANNELS, JSON.stringify(i));
     }
-    c(this, ft, window.setTimeout(() => void r(this, h, rs).call(this), 1e4));
+    c(this, Et, window.setTimeout(() => void r(this, h, os).call(this), 1e4));
   });
-}, os = function() {
+}, as = function() {
   !this.hasAttribute(n.USER_INTERACTING) || this.hasAttribute(n.UI_LOCKED) || (this.dispatchEvent(
     new CustomEvent("user-interacting", { bubbles: !0, composed: !0, detail: { active: !1 } })
   ), this.removeAttribute(n.USER_INTERACTING));
@@ -2220,44 +2221,44 @@ Ri = new WeakMap(), it = new WeakMap(), Oe = new WeakMap(), vt = new WeakMap(),
     );
   });
 }, pt = function() {
-  r(this, h, fi).call(this), e(this, vt) && clearTimeout(e(this, vt)), e(this, Oe) && c(this, vt, self.setTimeout(() => {
-    r(this, h, os).call(this);
-  }, e(this, Oe)));
-}, Gn = function() {
+  r(this, h, fi).call(this), e(this, gt) && clearTimeout(e(this, gt)), e(this, Fe) && c(this, gt, self.setTimeout(() => {
+    r(this, h, as).call(this);
+  }, e(this, Fe)));
+}, $n = function() {
   var t;
-  r(this, h, ls).call(this), (t = e(this, rt)) == null || t.request().catch((i) => {
-    e(this, U).warn("Failed to enter picture in picture:", i);
+  r(this, h, hs).call(this), (t = e(this, rt)) == null || t.request().catch((i) => {
+    e(this, R).warn("Failed to enter picture in picture:", i);
   });
-}, $n = function() {
+}, Bn = function() {
   var t;
   (t = e(this, rt)) == null || t.exit().catch((i) => {
-    e(this, U).warn("Failed to exit picture in picture:", i);
+    e(this, R).warn("Failed to exit picture in picture:", i);
   });
-}, Bn = function() {
+}, Kn = function() {
   var t, i;
-  (t = e(this, B)) != null && t.isFullscreenApiSupported() ? (r(this, h, ls).call(this), (i = e(this, B)) == null || i.request().then(() => {
-    e(this, Mi).call(this);
+  (t = e(this, B)) != null && t.isFullscreenApiSupported() ? (r(this, h, hs).call(this), (i = e(this, B)) == null || i.request().then(() => {
+    e(this, Di).call(this);
   }).catch((s) => {
-    e(this, U).warn("Failed to enter fullscreen:", s);
-  })) : (this.setAttribute(n.FULLSCREEN_FALLBACK, ""), r(this, h, A).call(this, n.FULLSCREEN, ""));
-}, as = function() {
+    e(this, R).warn("Failed to enter fullscreen:", s);
+  })) : (this.setAttribute(n.FULLSCREEN_FALLBACK, ""), r(this, h, E).call(this, n.FULLSCREEN, ""));
+}, ls = function() {
   var t, i;
   (t = e(this, B)) != null && t.isFullscreenApiSupported() ? (i = e(this, B)) == null || i.exit().then(() => {
-    e(this, Di).call(this);
+    e(this, Oi).call(this);
   }).catch((s) => {
-    e(this, U).warn("Failed to exit fullscreen:", s);
-  }) : (this.removeAttribute(n.FULLSCREEN_FALLBACK), r(this, h, w).call(this, n.FULLSCREEN));
-}, Mi = new WeakMap(), Di = new WeakMap(), ls = function() {
+    e(this, R).warn("Failed to exit fullscreen:", s);
+  }) : (this.removeAttribute(n.FULLSCREEN_FALLBACK), r(this, h, I).call(this, n.FULLSCREEN));
+}, Di = new WeakMap(), Oi = new WeakMap(), hs = function() {
   if (!e(this, b)) return;
   e(this, b).emitter.emit("ios-hack: reset size");
-}, A = function(t, i) {
+}, E = function(t, i) {
   var s;
   (s = e(this, it).get(t)) == null || s.forEach((o) => o.setAttribute(t, i));
-}, w = function(t) {
+}, I = function(t) {
   var i;
   (i = e(this, it).get(t)) == null || i.forEach((s) => s.removeAttribute(t));
-}, m(fe, "observedAttributes", [
-  ...js,
+}, m(Ee, "observedAttributes", [
+  ...Ys,
   "url",
   "edge-url",
   "target-buffer-time",
@@ -2268,6 +2269,7 @@ Ri = new WeakMap(), it = new WeakMap(), Oe = new WeakMap(), vt = new WeakMap(),
   "min-buffer-time",
   "max-buffer-time",
   "max-audio-bit-rate",
+  "max-initial-bit-rate",
   "burst-enabled",
   "mse-enabled",
   "mse-opus-enabled",
@@ -2290,20 +2292,20 @@ Ri = new WeakMap(), it = new WeakMap(), Oe = new WeakMap(), vt = new WeakMap(),
   "reconnect-retries",
   "auto-instance-enabled",
   "language"
-]), l(fe, Ri, "https://lb.cdn.vindral.com");
-let Le = fe;
-const Kn = document.createElement("template"), po = (
+]), l(Ee, Ui, "https://lb.cdn.vindral.com");
+let Te = Ee;
+const qn = document.createElement("template"), vo = (
   /* 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>
 `
-), bo = (
+), go = (
   /* 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>
 `
 );
-Kn.innerHTML = /* HTML */
+qn.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -2320,14 +2322,14 @@ Kn.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="enter">${po}</slot>
-    <slot name="exit">${bo}</slot>
+    <slot name="enter">${vo}</slot>
+    <slot name="exit">${go}</slot>
   </slot>
 `;
-const Ee = class Ee extends tt {
+const Ae = class Ae extends tt {
   constructor() {
     var a;
-    super(), (a = this.shadowRoot) == null || a.appendChild(Kn.content.cloneNode(!0));
+    super(), (a = this.shadowRoot) == null || a.appendChild(qn.content.cloneNode(!0));
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("aria-label", this.isFullscreen ? "Exit fullscreen" : "Enter fullscreen");
@@ -2349,15 +2351,15 @@ const Ee = class Ee extends tt {
     this.dispatchEvent(new CustomEvent(t, { bubbles: !0, composed: !0 }));
   }
 };
-m(Ee, "observedAttributes", [...q(Ee, Ee, "observedAttributes"), n.FULLSCREEN]);
-let hs = Ee;
-const mo = (
+m(Ae, "observedAttributes", [...q(Ae, Ae, "observedAttributes"), n.FULLSCREEN]);
+let ds = Ae;
+const fo = (
   /* 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>
 `
-), qn = document.createElement("template");
-qn.innerHTML = /* HTML */
+), Xn = document.createElement("template");
+Xn.innerHTML = /* HTML */
 `
   <style>
     :host(:not([hidden])) {
@@ -2365,38 +2367,38 @@ qn.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="button">${mo}</slot>
+  <slot name="button">${fo}</slot>
   <slot name="listbox" hidden>
     <vindral-language-menu-list id="listbox" part="listbox"></vindral-language-menu-list>
   </slot>
 `;
-var Be, cs;
-const Ae = class Ae extends Ms {
+var Ke, us;
+const ye = class ye extends Ds {
   constructor() {
     var t, i, s, o;
     super();
-    l(this, Be);
-    (t = this.shadowRoot) == null || t.appendChild(qn.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]");
+    l(this, Ke);
+    (t = this.shadowRoot) == null || t.appendChild(Xn.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(), r(this, Be, cs).call(this), this.setAttribute("aria-label", "Languages");
+    super.connectedCallback(), r(this, Ke, us).call(this), this.setAttribute("aria-label", "Languages");
   }
   attributeChangedCallback(t, i, s) {
-    super.attributeChangedCallback(t, i, s), (t === n.LANGUAGES || t === n.TEXT_TRACKS) && r(this, Be, cs).call(this);
+    super.attributeChangedCallback(t, i, s), (t === n.LANGUAGES || t === n.TEXT_TRACKS) && r(this, Ke, us).call(this);
   }
 };
-Be = new WeakSet(), cs = function() {
+Ke = new WeakSet(), us = function() {
   const t = (o) => (o ? JSON.parse(o) : []).length < 2, i = t(this.getAttribute(n.LANGUAGES)), s = t(this.getAttribute(n.TEXT_TRACKS));
   i && s ? this.setAttribute("hidden", "") : this.removeAttribute("hidden");
-}, m(Ae, "observedAttributes", [...q(Ae, Ae, "observedAttributes"), n.LANGUAGES, n.TEXT_TRACKS]);
-let ds = Ae;
-const Xn = document.createElement("template"), vo = (
+}, m(ye, "observedAttributes", [...q(ye, ye, "observedAttributes"), n.LANGUAGES, n.TEXT_TRACKS]);
+let cs = ye;
+const jn = document.createElement("template"), Eo = (
   /* 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>
 `
 );
-Xn.innerHTML = /* HTML */
+jn.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -2472,7 +2474,7 @@ Xn.innerHTML = /* HTML */
     }
 
     [role="menuitem"][aria-selected="true"]::before {
-      content: url("data:image/svg+xml,${encodeURIComponent(vo)}");
+      content: url("data:image/svg+xml,${encodeURIComponent(Eo)}");
       position: absolute;
       left: var(--padding-3);
       top: calc(50% - 8px);
@@ -2511,19 +2513,19 @@ Xn.innerHTML = /* HTML */
     <div class="menu"></div>
   </div>
 `;
-var Ke, qe, Xe, je, Q, K, _t, Et, ie, Ve, at, W, E, Vn, Yn, us, ps, Ei, ue, pe, Jn, Qn, Wn, bs, ms, Zn;
-class jn extends HTMLElement {
+var qe, Xe, je, Ye, Q, K, _t, At, ie, Ve, at, W, A, Vn, Jn, ps, bs, Ei, pe, be, Qn, Wn, Zn, ms, vs, tr;
+class Yn extends HTMLElement {
   constructor() {
     super();
-    l(this, E);
-    l(this, Ke, []);
+    l(this, A);
     l(this, qe, []);
-    l(this, Xe);
+    l(this, Xe, []);
     l(this, je);
+    l(this, Ye);
     l(this, Q, []);
     l(this, K, []);
     l(this, _t, null);
-    l(this, Et, null);
+    l(this, At, null);
     l(this, ie, null);
     l(this, Ve, null);
     l(this, at, null);
@@ -2531,16 +2533,16 @@ class jn extends HTMLElement {
     m(this, "handleEvent", (t) => {
       switch (t.type) {
         case "keydown":
-          r(this, E, Qn).call(this, t);
+          r(this, A, Wn).call(this, t);
           break;
       }
     });
-    this.attachShadow({ mode: "open" }).appendChild(Xn.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(jn.content.cloneNode(!0));
   }
   connectedCallback() {
     var i, s, o;
     const t = this.getRootNode();
-    t instanceof ShadowRoot && (c(this, ie, t.host.closest("vindral-controller")), (i = e(this, ie)) == null || i.connectListener(this), c(this, _t, (s = this.shadowRoot) == null ? void 0 : s.querySelector("#languages .menu")), c(this, Et, (o = this.shadowRoot) == null ? void 0 : o.querySelector("#text-tracks .menu")), r(this, E, Vn).call(this), r(this, E, Yn).call(this), c(this, Ve, t.host), this.addEventListener("keydown", this));
+    t instanceof ShadowRoot && (c(this, ie, t.host.closest("vindral-controller")), (i = e(this, ie)) == null || i.connectListener(this), c(this, _t, (s = this.shadowRoot) == null ? void 0 : s.querySelector("#languages .menu")), c(this, At, (o = this.shadowRoot) == null ? void 0 : o.querySelector("#text-tracks .menu")), r(this, A, Vn).call(this), r(this, A, Jn).call(this), c(this, Ve, t.host), this.addEventListener("keydown", this));
   }
   disconnectedCallback() {
     this.removeEventListener("keydown", this);
@@ -2549,16 +2551,16 @@ class jn extends HTMLElement {
     i !== s && (t === n.LANGUAGES && s && (this.languages = JSON.parse(s)), t === n.TEXT_TRACKS && s && (this.textTracks = JSON.parse(s)), t === n.LANGUAGE && (this.language = s), t === n.TEXT_TRACK && (this.textTrack = s));
   }
   set languages(t) {
-    c(this, Ke, t), r(this, E, ps).call(this), r(this, E, ue).call(this);
+    c(this, qe, t), r(this, A, bs).call(this), r(this, A, pe).call(this);
   }
   set textTracks(t) {
-    c(this, qe, t), r(this, E, us).call(this), r(this, E, pe).call(this);
+    c(this, Xe, t), r(this, A, ps).call(this), r(this, A, be).call(this);
   }
   set language(t) {
-    c(this, Xe, t), r(this, E, ue).call(this);
+    c(this, je, t), r(this, A, pe).call(this);
   }
   set textTrack(t) {
-    c(this, je, t), r(this, E, pe).call(this);
+    c(this, Ye, t), r(this, A, be).call(this);
   }
   get keysUsed() {
     return ["Enter", "Escape", "Tab", " ", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight", "Home", "End"];
@@ -2567,7 +2569,7 @@ class jn extends HTMLElement {
     e(this, at) ? e(this, at).focus() : e(this, W) && e(this, W).focus();
   }
 }
-Ke = new WeakMap(), qe = new WeakMap(), Xe = new WeakMap(), je = new WeakMap(), Q = new WeakMap(), K = new WeakMap(), _t = new WeakMap(), Et = new WeakMap(), ie = new WeakMap(), Ve = new WeakMap(), at = new WeakMap(), W = new WeakMap(), E = new WeakSet(), Vn = function() {
+qe = new WeakMap(), Xe = new WeakMap(), je = new WeakMap(), Ye = new WeakMap(), Q = new WeakMap(), K = new WeakMap(), _t = new WeakMap(), At = new WeakMap(), ie = new WeakMap(), Ve = new WeakMap(), at = new WeakMap(), W = new WeakMap(), A = new WeakSet(), Vn = function() {
   const t = (s) => {
     s.forEach((o) => {
       if (o.intersectionRatio !== 1)
@@ -2584,68 +2586,68 @@ Ke = new WeakMap(), qe = new WeakMap(), Xe = new WeakMap(), je = new WeakMap(),
     threshold: 0
     // 0 means any intersection is enough to be considered "inside"
   }).observe(this);
-}, Yn = function() {
-  e(this, _t) && (r(this, E, ps).call(this), r(this, E, ue).call(this)), e(this, Et) && (r(this, E, us).call(this), r(this, E, pe).call(this));
-}, us = function() {
-  e(this, Et).innerHTML = "", c(this, K, []);
-  const t = r(this, E, Ei).call(this, "Off", "textTrack", void 0);
-  e(this, Et).appendChild(t), e(this, K).push({ element: t, value: void 0 }), e(this, qe).forEach((i) => {
-    const s = r(this, E, Ei).call(this, i, "textTrack", i);
-    e(this, Et).appendChild(s), e(this, K).push({ element: s, value: i });
-  }), r(this, E, pe).call(this);
+}, Jn = function() {
+  e(this, _t) && (r(this, A, bs).call(this), r(this, A, pe).call(this)), e(this, At) && (r(this, A, ps).call(this), r(this, A, be).call(this));
 }, ps = function() {
-  e(this, _t).innerHTML = "", c(this, Q, []), e(this, Ke).forEach((t) => {
-    const i = r(this, E, Ei).call(this, t, "language", t);
+  e(this, At).innerHTML = "", c(this, K, []);
+  const t = r(this, A, Ei).call(this, "Off", "textTrack", void 0);
+  e(this, At).appendChild(t), e(this, K).push({ element: t, value: void 0 }), e(this, Xe).forEach((i) => {
+    const s = r(this, A, Ei).call(this, i, "textTrack", i);
+    e(this, At).appendChild(s), e(this, K).push({ element: s, value: i });
+  }), r(this, A, be).call(this);
+}, bs = function() {
+  e(this, _t).innerHTML = "", c(this, Q, []), e(this, qe).forEach((t) => {
+    const i = r(this, A, Ei).call(this, t, "language", t);
     e(this, _t).appendChild(i), e(this, Q).push({ element: i, value: t });
-  }), r(this, E, ue).call(this);
+  }), r(this, A, pe).call(this);
 }, Ei = function(t, i, s) {
   const o = document.createElement("div");
-  return o.setAttribute("role", "menuitem"), o.textContent = t, o.addEventListener("click", () => r(this, E, Jn).call(this, s, i)), o;
-}, ue = function() {
+  return o.setAttribute("role", "menuitem"), o.textContent = t, o.addEventListener("click", () => r(this, A, Qn).call(this, s, i)), o;
+}, pe = function() {
   e(this, at) && (e(this, at).removeAttribute("aria-selected"), e(this, at).tabIndex = -1);
-  const t = e(this, Q).find((i) => i.value === e(this, Xe));
+  const t = e(this, Q).find((i) => i.value === e(this, je));
   t && (t.element.setAttribute("aria-selected", "true"), t.element.tabIndex = 0, c(this, at, t.element));
-}, pe = function() {
+}, be = function() {
   e(this, W) && (e(this, W).removeAttribute("aria-selected"), e(this, W).tabIndex = -1);
-  const t = e(this, K).find((i) => i.value === e(this, je));
+  const t = e(this, K).find((i) => i.value === e(this, Ye));
   if (t)
     t.element.setAttribute("aria-selected", "true"), t.element.tabIndex = 0, c(this, W, t.element);
   else {
     const i = e(this, K).find((s) => s.value === void 0);
     i && (i.element.setAttribute("aria-selected", "true"), i.element.tabIndex = 0, c(this, W, i.element));
   }
-}, Jn = function(t, i) {
+}, Qn = function(t, i) {
   this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 }));
   const s = i === "language" ? f.SET_LANGUAGE : f.SET_TEXT_TRACK;
   this.dispatchEvent(new CustomEvent(s, { bubbles: !0, composed: !0, detail: t }));
-}, Qn = function(t) {
+}, Wn = function(t) {
   var u, v, g;
   const { key: i, ctrlKey: s, altKey: o, metaKey: p } = t;
-  s || o || p || this.keysUsed.includes(i) && (t.preventDefault(), t.stopPropagation(), i === "Tab" || i === "Escape" ? (u = e(this, Ve)) == null || u.hide() : i === "Enter" || i === " " ? (g = (v = r(this, E, ms).call(this)) == null ? void 0 : v.element) == null || g.click() : r(this, E, Wn).call(this, t));
-}, Wn = function(t) {
+  s || o || p || this.keysUsed.includes(i) && (t.preventDefault(), t.stopPropagation(), i === "Tab" || i === "Escape" ? (u = e(this, Ve)) == null || u.hide() : i === "Enter" || i === " " ? (g = (v = r(this, A, vs).call(this)) == null ? void 0 : v.element) == null || g.click() : r(this, A, Zn).call(this, t));
+}, Zn = function(t) {
   var g;
-  const { key: i } = t, s = [...e(this, Q), ...e(this, K)], o = (g = r(this, E, ms).call(this)) != null ? g : s[0];
+  const { key: i } = t, s = [...e(this, Q), ...e(this, K)], o = (g = r(this, A, vs).call(this)) != null ? g : s[0];
   if (!o) return;
   const p = s.indexOf(o);
   let u = Math.max(0, p);
-  i === "ArrowDown" ? u++ : i === "ArrowUp" ? u-- : i === "ArrowLeft" ? u = r(this, E, bs).call(this, p, "left") : i === "ArrowRight" ? u = r(this, E, bs).call(this, p, "right") : t.key === "Home" ? u = 0 : t.key === "End" && (u = s.length - 1), u < 0 && (u = s.length - 1), u > s.length - 1 && (u = 0);
+  i === "ArrowDown" ? u++ : i === "ArrowUp" ? u-- : i === "ArrowLeft" ? u = r(this, A, ms).call(this, p, "left") : i === "ArrowRight" ? u = r(this, A, ms).call(this, p, "right") : t.key === "Home" ? u = 0 : t.key === "End" && (u = s.length - 1), u < 0 && (u = s.length - 1), u > s.length - 1 && (u = 0);
   const v = s[u];
-  v && (r(this, E, Zn).call(this, v.value), v.element.focus());
-}, bs = function(t, i) {
+  v && (r(this, A, tr).call(this, v.value), v.element.focus());
+}, ms = function(t, i) {
   const s = e(this, Q).length, o = e(this, K).length;
   return i === "left" ? t < s ? s + o - 1 : t - s - 1 : t >= s ? 0 : t + s;
-}, ms = function() {
+}, vs = function() {
   return [...e(this, Q), ...e(this, K)].find((t) => t.element.tabIndex === 0);
-}, Zn = function(t) {
+}, tr = function(t) {
   for (const i of [...e(this, Q), ...e(this, K)])
     i.element.tabIndex = i.value === t ? 0 : -1;
-}, m(jn, "observedAttributes", [
+}, m(Yn, "observedAttributes", [
   n.LANGUAGES,
   n.TEXT_TRACKS,
   n.LANGUAGE,
   n.TEXT_TRACK
 ]);
-const tr = document.createElement("template"), go = (
+const er = document.createElement("template"), Ao = (
   /* SVG */
   `
 <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  <g fill="none" stroke="currentColor">
@@ -2653,14 +2655,14 @@ const tr = document.createElement("template"), go = (
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2" />
 </g></svg>
 `
-), fo = (
+), yo = (
   /* 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>
 `
 );
-tr.innerHTML = /* HTML */
+er.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -2677,14 +2679,14 @@ tr.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="mute">${go}</slot>
-    <slot name="unmute">${fo}</slot>
+    <slot name="mute">${Ao}</slot>
+    <slot name="unmute">${yo}</slot>
   </slot>
 `;
-const ye = class ye extends tt {
+const ke = class ke extends tt {
   constructor() {
     var a;
-    super(), (a = this.shadowRoot) == null || a.appendChild(tr.content.cloneNode(!0));
+    super(), (a = this.shadowRoot) == null || a.appendChild(er.content.cloneNode(!0));
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("aria-label", this.muted ? "UnMute" : "Mute");
@@ -2706,15 +2708,15 @@ const ye = class ye extends tt {
     this.dispatchEvent(new CustomEvent(t, { bubbles: !0, composed: !0 }));
   }
 };
-m(ye, "observedAttributes", [...q(ye, ye, "observedAttributes"), n.MUTED]);
-let vs = ye;
-const er = document.createElement("template"), Eo = (
+m(ke, "observedAttributes", [...q(ke, ke, "observedAttributes"), n.MUTED]);
+let gs = ke;
+const ir = document.createElement("template"), ko = (
   /* 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>
 `
 );
-er.innerHTML = /* HTML */
+ir.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -2725,12 +2727,12 @@ er.innerHTML = /* HTML */
       display: none !important;
     }
   </style>
-  <slot name="icon">${Eo}</slot>
+  <slot name="icon">${ko}</slot>
 `;
-const ke = class ke extends tt {
+const Ie = class Ie extends tt {
   constructor() {
     var a;
-    super(), (a = this.shadowRoot) == null || a.appendChild(er.content.cloneNode(!0));
+    super(), (a = this.shadowRoot) == null || a.appendChild(ir.content.cloneNode(!0));
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute(
@@ -2758,20 +2760,20 @@ const ke = class ke extends tt {
     this.dispatchEvent(new CustomEvent(t, { bubbles: !0, composed: !0 }));
   }
 };
-m(ke, "observedAttributes", [...q(ke, ke, "observedAttributes"), n.IS_PIP, n.PIP_AVAILABLE]);
-let gs = ke;
-const ir = document.createElement("template"), Ao = (
+m(Ie, "observedAttributes", [...q(Ie, Ie, "observedAttributes"), n.IS_PIP, n.PIP_AVAILABLE]);
+let fs = Ie;
+const sr = document.createElement("template"), Io = (
   /* 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>
 `
-), yo = (
+), wo = (
   /* 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>
 `
 );
-ir.innerHTML = /* HTML */
+sr.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -2788,14 +2790,14 @@ ir.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="play">${Ao}</slot>
-    <slot name="pause">${yo}</slot>
+    <slot name="play">${Io}</slot>
+    <slot name="pause">${wo}</slot>
   </slot>
 `;
 const we = class we extends tt {
   constructor() {
     var a;
-    super(), (a = this.shadowRoot) == null || a.appendChild(ir.content.cloneNode(!0));
+    super(), (a = this.shadowRoot) == null || a.appendChild(sr.content.cloneNode(!0));
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("aria-label", this.paused ? "Play" : "Pause");
@@ -2818,67 +2820,64 @@ const we = class we extends tt {
   }
 };
 m(we, "observedAttributes", [...q(we, we, "observedAttributes"), n.PAUSED]);
-let fs = we;
+let Es = we;
 const X = {
   TITLE: "title",
   OFFLINE: "offline",
   REFRESH_POSTER_ENABLED: "refresh-poster-enabled",
   STREAM_POLL_ENABLED: "stream-poll-enabled"
-}, ko = Object.values(X);
-var Ye, se, At, Pt, yt, kt, lt, H, Es, sr, As, ys;
-class wo extends li {
+}, Co = Object.values(X);
+var Je, se, yt, Pt, kt, It, lt, H, As, nr, ys, ks;
+class Lo extends hi {
   constructor(t) {
     super();
     l(this, H);
-    l(this, Ye);
+    l(this, Je);
     l(this, se);
-    l(this, At, !1);
+    l(this, yt, !1);
     l(this, Pt, !1);
-    l(this, yt, !0);
-    l(this, kt, null);
+    l(this, kt, !0);
+    l(this, It, null);
     l(this, lt, null);
-    c(this, se, t), c(this, Ye, new to({
+    c(this, se, t), c(this, Je, new so({
       publicEndpoint: t.url,
       tokenFactory: () => t.authenticationToken
     }));
   }
   start(t = 5e3) {
-    e(this, lt) && clearInterval(e(this, lt)), c(this, At, !1), c(this, Pt, !1), r(this, H, ys).call(this), r(this, H, Es).call(this), c(this, lt, window.setInterval(() => {
-      !e(this, Pt) && !e(this, se).infiniteReconnect && !e(this, kt) && e(this, yt) && c(this, kt, window.setTimeout(() => r(this, H, sr).call(this), 300 * 1e3)), !e(this, Pt) && e(this, yt) && r(this, H, Es).call(this);
+    e(this, lt) && clearInterval(e(this, lt)), c(this, yt, !1), c(this, Pt, !1), r(this, H, ks).call(this), r(this, H, As).call(this), c(this, lt, window.setInterval(() => {
+      !e(this, Pt) && !e(this, se).infiniteReconnect && !e(this, It) && e(this, kt) && c(this, It, window.setTimeout(() => r(this, H, nr).call(this), 300 * 1e3)), !e(this, Pt) && e(this, kt) && r(this, H, As).call(this);
     }, t));
   }
   stop() {
-    r(this, H, As).call(this), e(this, lt) && (window.clearInterval(e(this, lt)), c(this, lt, null));
+    r(this, H, ys).call(this), e(this, lt) && (window.clearInterval(e(this, lt)), c(this, lt, null));
   }
 }
-Ye = new WeakMap(), se = new WeakMap(), At = new WeakMap(), Pt = new WeakMap(), yt = new WeakMap(), kt = new WeakMap(), lt = new WeakMap(), H = new WeakSet(), Es = function() {
+Je = new WeakMap(), se = new WeakMap(), yt = new WeakMap(), Pt = new WeakMap(), kt = new WeakMap(), It = new WeakMap(), lt = new WeakMap(), H = new WeakSet(), As = function() {
   return G(this, null, function* () {
-    if (e(this, At))
+    if (e(this, yt))
       return;
-    c(this, At, !0);
+    c(this, yt, !0);
     let t = "Stream is offline", i = "Please stand by";
     try {
-      const s = yield e(this, Ye).getChannel(e(this, se).channelId);
+      const s = yield e(this, Je).getChannel(e(this, se).channelId);
       if (s.isLive) {
-        c(this, Pt, !0), r(this, H, ys).call(this), this.emit("live", s), c(this, At, !1);
+        c(this, Pt, !0), r(this, H, ks).call(this), this.emit("live", s), c(this, yt, !1);
         return;
       }
     } catch (s) {
-      eo(s) && (s.status === 403 || s.status === 401) && (t = "Forbidden", i = "You do not have permission to view this stream");
+      no(s) && (s.status === 403 || s.status === 401) && (t = "Forbidden", i = "You do not have permission to view this stream");
     }
-    e(this, yt) && this.emit("error", { title: t, message: i }), c(this, At, !1);
+    e(this, kt) && this.emit("error", { title: t, message: i }), c(this, yt, !1);
   });
-}, sr = function() {
-  this.stop(), c(this, yt, !1), this.emit("timeout");
-}, As = function() {
-  e(this, kt) && (window.clearTimeout(e(this, kt)), c(this, kt, null));
+}, nr = function() {
+  this.stop(), c(this, kt, !1), this.emit("timeout");
 }, ys = function() {
-  r(this, H, As).call(this), c(this, yt, !0);
+  e(this, It) && (window.clearTimeout(e(this, It)), c(this, It, null));
+}, ks = function() {
+  r(this, H, ys).call(this), c(this, kt, !0);
 };
-const Io = new RegExp(
-  "/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"
-), Co = navigator.userAgent.toLowerCase(), Lo = Io.test(Co), To = (d) => Le.observedAttributes.includes(d), nr = (
+const To = /\/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, xo = navigator.userAgent.toLowerCase(), So = To.test(xo), No = (d) => Te.observedAttributes.includes(d), rr = (
   /* HTML */
   `
   <style>
@@ -2890,7 +2889,7 @@ const Io = new RegExp(
       display: flex;
       justify-content: center;
 
-      --vindral-volume-range-display: ${Lo ? "none" : "flex"};
+      --vindral-volume-range-display: ${So ? "none" : "flex"};
       --vindral-airplay-button-display: none;
       --vindral-play-overlay-display: none;
       --vindral-grid-item-offline-display: none;
@@ -2958,10 +2957,10 @@ const Io = new RegExp(
     }
   </style>
 `
-), xo = (
+), Ro = (
   /* HTML */
   `
-  ${nr}
+  ${rr}
 
   <vindral-controller>
     <vindral-control-bar slot="top-bar">
@@ -2993,10 +2992,10 @@ const Io = new RegExp(
     <vindral-message id="vindral-message" slot="overlay" hidden></vindral-message>
   </vindral-controller>
 `
-), So = (
+), Uo = (
   /* HTML */
   `
-  ${nr}
+  ${rr}
 
   <style>
     #control-bar {
@@ -3019,59 +3018,62 @@ const Io = new RegExp(
     <vindral-message id="vindral-message" slot="overlay" hidden></vindral-message>
   </vindral-controller>
 `
-), Xs = document.createElement("template");
-var Z, x, M, ht, dt, Oi, Je, Fi, N, ks, or, Qe, Ai, xt;
-class rr extends HTMLElement {
+), js = document.createElement("template");
+var Z, x, M, ht, dt, Fi, Qe, Hi, S, Is, ar, We, Ai, bt;
+class or extends HTMLElement {
   constructor() {
     super();
-    l(this, N);
+    l(this, S);
     l(this, Z);
     l(this, x);
     l(this, M);
     l(this, ht);
     l(this, dt);
-    l(this, Oi, () => {
+    l(this, Fi, () => {
       Array.from(this.attributes).forEach((t) => {
-        e(this, Je).call(this, t.name, t.value);
+        e(this, Qe).call(this, t.name, t.value);
       });
     });
-    l(this, Je, (t, i) => {
-      To(t) && (L(i) ? e(this, x).setAttribute(t, i) : e(this, x).removeAttribute(t));
+    l(this, Qe, (t, i) => {
+      No(t) && (C(i) ? e(this, x).setAttribute(t, i) : e(this, x).removeAttribute(t));
     });
-    l(this, Fi, () => Vs(this.getAttribute(n.MEDIA)) === "audio" ? So : xo);
-    l(this, Qe, () => {
+    l(this, Hi, () => Vs(this.getAttribute(n.MEDIA)) === "audio" ? Uo : Ro);
+    l(this, We, () => {
       const t = e(this, x).instance;
       t && (t.on("is live", (i) => {
-        i ? (this.removeAttribute(X.OFFLINE), e(this, M).setAttribute("hidden", "")) : (this.setAttribute(X.OFFLINE, ""), e(this, M).removeAttribute("hidden"), r(this, N, xt).call(this, "Stream is offline", "Please stand by"));
+        i ? (this.removeAttribute(X.OFFLINE), e(this, M).setAttribute("hidden", "")) : (this.setAttribute(X.OFFLINE, ""), e(this, M).removeAttribute("hidden"), r(this, S, bt).call(this, "Stream is offline", "Please stand by"));
       }), t.on("channels", (i) => {
         const s = e(this, x).getAttribute("channel-id"), o = i.find((p) => p.channelId === s);
-        o && r(this, N, Ai).call(this, o);
+        o && r(this, S, Ai).call(this, o);
       }), t.on("channel switch", ({ channelId: i }) => {
         const s = t.channels.find((o) => o.channelId === i);
-        s && r(this, N, Ai).call(this, s);
+        s && r(this, S, Ai).call(this, s);
       }), t.on("error", (i) => {
-        let s = "Stream is offline", o = "Please stand by";
-        i.isFatal() ? (i.code() === Jr ? (s = "Forbidden", o = "You do not have permission to view this stream", r(this, N, xt).call(this, s, o)) : r(this, N, xt).call(this, "An error occurred", i.message), e(this, ht).removeAttribute("hidden"), this.setAttribute(X.OFFLINE, ""), e(this, x).dispatchEvent(new CustomEvent(f.EXIT_FULLSCREEN)), e(this, x).dispatchEvent(new CustomEvent(f.EXIT_PIP))) : i.code() === Qr && r(this, N, xt).call(this, s, o);
+        if (i.code() === Wr) {
+          r(this, S, bt).call(this, "Stream is offline", "Please stand by");
+          return;
+        }
+        i.isFatal() && (i.code() === Zr ? r(this, S, bt).call(this, "Forbidden", "You do not have permission to view this stream") : i.code() === to ? r(this, S, bt).call(this, "Stream is offline", "Please stand by") : r(this, S, bt).call(this, "An error occurred", i.message), e(this, ht).removeAttribute("hidden"), this.setAttribute(X.OFFLINE, ""), e(this, x).dispatchEvent(new CustomEvent(f.EXIT_FULLSCREEN)), e(this, x).dispatchEvent(new CustomEvent(f.EXIT_PIP)));
       }));
     });
-    c(this, Z, this.attachShadow({ mode: "open" })), r(this, N, ks).call(this), c(this, x, e(this, Z).querySelector("vindral-controller")), c(this, M, e(this, Z).querySelector("#vindral-message")), c(this, ht, e(this, Z).querySelector("#play-overlay"));
+    c(this, Z, this.attachShadow({ mode: "open" })), r(this, S, Is).call(this), c(this, x, e(this, Z).querySelector("vindral-controller")), c(this, M, e(this, Z).querySelector("#vindral-message")), c(this, ht, e(this, Z).querySelector("#play-overlay"));
   }
   connectedCallback() {
-    this.setAttribute(X.OFFLINE, ""), e(this, x).addEventListener("vindral-instance-ready", e(this, Qe)), r(this, N, or).call(this);
+    this.setAttribute(X.OFFLINE, ""), e(this, x).addEventListener("vindral-instance-ready", e(this, We)), r(this, S, ar).call(this);
   }
   disconnectedCallback() {
     var t;
-    e(this, x).removeEventListener("vindral-instance-ready", e(this, Qe)), (t = e(this, dt)) == null || t.stop();
+    e(this, x).removeEventListener("vindral-instance-ready", e(this, We)), (t = e(this, dt)) == null || t.stop();
   }
   attributeChangedCallback(t, i, s) {
     if (i !== s)
       if (t === n.MEDIA)
-        r(this, N, ks).call(this);
+        r(this, S, Is).call(this);
       else if (t === X.REFRESH_POSTER_ENABLED) {
         const o = e(this, Z).querySelector("vindral-poster-overlay");
-        o && (o.disabled = S(this.getAttribute(X.REFRESH_POSTER_ENABLED), !1) === !1);
+        o && (o.disabled = N(this.getAttribute(X.REFRESH_POSTER_ENABLED), !1) === !1);
       } else
-        e(this, Je).call(this, t, s);
+        e(this, Qe).call(this, t, s);
   }
   get instance() {
     return e(this, x).instance;
@@ -3080,52 +3082,52 @@ class rr extends HTMLElement {
     return e(this, x).airPlay;
   }
 }
-Z = new WeakMap(), x = new WeakMap(), M = new WeakMap(), ht = new WeakMap(), dt = new WeakMap(), Oi = new WeakMap(), Je = new WeakMap(), Fi = new WeakMap(), N = new WeakSet(), ks = function() {
-  Xs.innerHTML = e(this, Fi).call(this);
-  const t = Xs.content.cloneNode(!0);
+Z = new WeakMap(), x = new WeakMap(), M = new WeakMap(), ht = new WeakMap(), dt = new WeakMap(), Fi = new WeakMap(), Qe = new WeakMap(), Hi = new WeakMap(), S = new WeakSet(), Is = function() {
+  js.innerHTML = e(this, Hi).call(this);
+  const t = js.content.cloneNode(!0);
   c(this, x, t.querySelector("vindral-controller")), c(this, M, t.querySelector("#vindral-message")), c(this, ht, t.querySelector("#play-overlay")), this.children.length > 0 && Array.from(this.children).forEach((i) => {
     e(this, x).appendChild(i);
-  }), e(this, Oi).call(this), e(this, Z).innerHTML = "", e(this, Z).appendChild(t);
-}, or = function() {
+  }), e(this, Fi).call(this), e(this, Z).innerHTML = "", e(this, Z).appendChild(t);
+}, ar = function() {
   var p;
-  if (S(this.getAttribute(X.STREAM_POLL_ENABLED), !0) === !1)
+  if (N(this.getAttribute(X.STREAM_POLL_ENABLED), !0) === !1)
     return;
   const t = this.getAttribute("url"), i = this.getAttribute("channel-id"), s = (p = this.getAttribute("authentication-token")) != null ? p : void 0, o = this.hasAttribute("infinite-reconnect");
   if (!t || !i) {
-    this.setAttribute(X.OFFLINE, ""), r(this, N, xt).call(this, "Invalid options", "Please enter at least a channel id and url to start the stream");
+    this.setAttribute(X.OFFLINE, ""), r(this, S, bt).call(this, "Invalid options", "Please enter at least a channel id and url to start the stream");
     return;
   }
-  c(this, dt, new wo({
+  c(this, dt, new Lo({
     url: t,
     channelId: i,
     authenticationToken: s,
     infiniteReconnect: o
   })), e(this, dt).on("live", (u) => {
-    e(this, x).connect(), this.removeAttribute("offline"), e(this, M).setAttribute("hidden", ""), r(this, N, Ai).call(this, u);
+    e(this, x).connect(), this.removeAttribute("offline"), e(this, M).setAttribute("hidden", ""), r(this, S, Ai).call(this, u);
   }), e(this, dt).on("timeout", () => {
     e(this, M).setAttribute("hidden", ""), e(this, ht).removeAttribute("hidden");
   }), e(this, dt).on("error", (u) => {
-    this.setAttribute(X.OFFLINE, ""), r(this, N, xt).call(this, u.title, u.message);
+    this.setAttribute(X.OFFLINE, ""), r(this, S, bt).call(this, u.title, u.message);
   }), e(this, ht).addEventListener("click", () => {
     e(this, x).connect(), e(this, ht).setAttribute("hidden", ""), e(this, M).setAttribute("hidden", ""), e(this, x).focus();
   }), this.hasAttribute("paused") && e(this, dt).start();
-}, Qe = new WeakMap(), Ai = function(t) {
+}, We = new WeakMap(), Ai = function(t) {
   var u, v;
-  const i = Ys(this.getAttribute("title"), !1);
+  const i = Js(this.getAttribute("title"), !1);
   if (!i) return;
   const s = this.getAttribute("poster"), o = typeof i == "string" ? i : t.name;
   let p;
-  typeof s == "string" ? p = s : p = (v = (u = this.instance) == null ? void 0 : u.getThumbnailUrl()) != null ? v : t.thumbnailUrls.length ? t.thumbnailUrls[0] : void 0, no({
+  typeof s == "string" ? p = s : p = (v = (u = this.instance) == null ? void 0 : u.getThumbnailUrl()) != null ? v : t.thumbnailUrls.length ? t.thumbnailUrls[0] : void 0, ao({
     title: o,
     poster: p
   });
-}, xt = function(t, i) {
+}, bt = function(t, i) {
   e(this, M).setAttribute("title", t), e(this, M).setAttribute("description", i);
   const s = this.getAttribute("poster");
   s && e(this, M).setAttribute("background-image", s), e(this, M).removeAttribute("hidden");
-}, m(rr, "observedAttributes", [...Le.observedAttributes, ...ko]);
-const ar = document.createElement("template");
-ar.innerHTML = /* HTML */
+}, m(or, "observedAttributes", [...Te.observedAttributes, ...Co]);
+const lr = document.createElement("template");
+lr.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3161,35 +3163,35 @@ ar.innerHTML = /* HTML */
     }
   </style>
 `;
-const No = 6e3;
-var ne, wt, Mt, re, Y, hr, yi, ws, Hi;
-class lr extends HTMLElement {
+const _o = 6e3;
+var ne, wt, Mt, re, V, dr, yi, ws, zi;
+class hr extends HTMLElement {
   constructor() {
     super();
-    l(this, Y);
+    l(this, V);
     l(this, ne, null);
     l(this, wt, null);
     l(this, Mt, null);
     l(this, re, () => {
-      !document.hidden && this.hasAttribute("intersecting") && this.paused && !this.disabled ? r(this, Y, hr).call(this) : r(this, Y, yi).call(this);
+      !document.hidden && this.hasAttribute("intersecting") && this.paused && !this.disabled ? r(this, V, dr).call(this) : r(this, V, yi).call(this);
     });
-    l(this, Hi, (t) => {
+    l(this, zi, (t) => {
       t.forEach((i) => {
         i.isIntersecting ? this.setAttribute("intersecting", "") : this.removeAttribute("intersecting");
       });
     });
-    this.attachShadow({ mode: "open" }).appendChild(ar.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(lr.content.cloneNode(!0));
   }
   connectedCallback() {
     var t;
-    c(this, ne, this.closest("vindral-controller")), (t = e(this, ne)) == null || t.connectListener(this), document.addEventListener("visibilitychange", e(this, re)), c(this, Mt, new IntersectionObserver(e(this, Hi))), e(this, Mt).observe(this);
+    c(this, ne, this.closest("vindral-controller")), (t = e(this, ne)) == null || t.connectListener(this), document.addEventListener("visibilitychange", e(this, re)), c(this, Mt, new IntersectionObserver(e(this, zi))), e(this, Mt).observe(this);
   }
   disconnectedCallback() {
     var t, i;
-    (t = e(this, ne)) == null || t.disconnectListener(this), document.removeEventListener("visibilitychange", e(this, re)), (i = e(this, Mt)) == null || i.disconnect(), c(this, Mt, null), r(this, Y, yi).call(this);
+    (t = e(this, ne)) == null || t.disconnectListener(this), document.removeEventListener("visibilitychange", e(this, re)), (i = e(this, Mt)) == null || i.disconnect(), c(this, Mt, null), r(this, V, yi).call(this);
   }
   attributeChangedCallback(t, i, s) {
-    i !== s && (t === n.POSTER_SRC && this.paused && !this.disabled && r(this, Y, ws).call(this), (t === n.PAUSED || t === "disabled" || t === "intersecting") && e(this, re).call(this));
+    i !== s && (t === n.POSTER_SRC && this.paused && !this.disabled && r(this, V, ws).call(this), (t === n.PAUSED || t === "disabled" || t === "intersecting") && e(this, re).call(this));
   }
   get disabled() {
     return this.hasAttribute("disabled");
@@ -3204,21 +3206,21 @@ class lr extends HTMLElement {
     return this.hasAttribute(n.PAUSED);
   }
 }
-ne = new WeakMap(), wt = new WeakMap(), Mt = new WeakMap(), re = new WeakMap(), Y = new WeakSet(), hr = function() {
-  e(this, wt) === null && (r(this, Y, yi).call(this), c(this, wt, window.setInterval(() => r(this, Y, ws).call(this), No)));
+ne = new WeakMap(), wt = new WeakMap(), Mt = new WeakMap(), re = new WeakMap(), V = new WeakSet(), dr = function() {
+  e(this, wt) === null && (r(this, V, yi).call(this), c(this, wt, window.setInterval(() => r(this, V, ws).call(this), _o)));
 }, yi = function() {
   e(this, wt) !== null && (clearInterval(e(this, wt)), c(this, wt, null)), this.style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAQAAACRI2S5AAAAEElEQVR42mNkIAAYRxWAAQAG9gAKqv6+AwAAAABJRU5ErkJggg==')";
 }, ws = 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()})`;
-}, Hi = new WeakMap(), m(lr, "observedAttributes", [
+}, zi = new WeakMap(), m(hr, "observedAttributes", [
   n.POSTER_SRC,
   n.PAUSED,
   "disabled",
   "intersecting"
 ]);
-const Uo = (
+const Po = (
   /* 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">
@@ -3226,8 +3228,8 @@ const Uo = (
   <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>
 `
-), dr = document.createElement("template");
-dr.innerHTML = /* HTML */
+), cr = document.createElement("template");
+cr.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3235,38 +3237,38 @@ dr.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="button">${Uo}</slot>
+  <slot name="button">${Po}</slot>
   <slot name="listbox" hidden>
     <vindral-rendition-levels-menu-list id="listbox" part="listbox"></vindral-rendition-levels-menu-list>
   </slot>
 `;
-var We, Cs;
-const Ie = class Ie extends Ms {
+var Ze, Ls;
+const Ce = class Ce extends Ds {
   constructor() {
     var t, i, s, o;
     super();
-    l(this, We);
-    (t = this.shadowRoot) == null || t.appendChild(dr.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]");
+    l(this, Ze);
+    (t = this.shadowRoot) == null || t.appendChild(cr.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(), r(this, We, Cs).call(this), this.setAttribute("aria-label", "Rendition levels");
+    super.connectedCallback(), r(this, Ze, Ls).call(this), this.setAttribute("aria-label", "Rendition levels");
   }
   attributeChangedCallback(t, i, s) {
-    super.attributeChangedCallback(t, i, s), t === n.RENDITION_LEVELS && r(this, We, Cs).call(this);
+    super.attributeChangedCallback(t, i, s), t === n.RENDITION_LEVELS && r(this, Ze, Ls).call(this);
   }
 };
-We = new WeakSet(), Cs = function() {
+Ze = new WeakSet(), Ls = function() {
   const t = this.getAttribute(n.RENDITION_LEVELS);
   !t || t === "[]" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
-}, m(Ie, "observedAttributes", [...q(Ie, Ie, "observedAttributes"), n.RENDITION_LEVELS]);
-let Is = Ie;
-const cr = document.createElement("template"), Ro = (
+}, m(Ce, "observedAttributes", [...q(Ce, Ce, "observedAttributes"), n.RENDITION_LEVELS]);
+let Cs = Ce;
+const ur = document.createElement("template"), Mo = (
   /* 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>
 `
 );
-cr.innerHTML = /* HTML */
+ur.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3339,7 +3341,7 @@ cr.innerHTML = /* HTML */
     }
 
     [role="menuitem"][aria-selected="true"]::before {
-      content: url("data:image/svg+xml,${encodeURIComponent(Ro)}");
+      content: url("data:image/svg+xml,${encodeURIComponent(Mo)}");
       position: absolute;
       left: calc(var(--padding-3) - var(--padding-1));
       top: calc(50% - 8px);
@@ -3369,30 +3371,30 @@ cr.innerHTML = /* HTML */
     <div class="menu"></div>
   </slot>
 `;
-var Dt, Ze, It, ct, Ot, ti, C, pr, Ls, br, Ts, mr, vr, gr, xs, fr;
-class ur extends HTMLElement {
+var Dt, ti, Ct, ct, Ot, ei, L, br, Ts, mr, xs, vr, gr, fr, Ss, Er;
+class pr extends HTMLElement {
   constructor() {
     super();
-    l(this, C);
+    l(this, L);
     l(this, Dt, []);
-    l(this, Ze, Number.MAX_SAFE_INTEGER);
-    l(this, It, null);
+    l(this, ti, Number.MAX_SAFE_INTEGER);
+    l(this, Ct, null);
     l(this, ct, []);
     l(this, Ot, null);
-    l(this, ti, null);
+    l(this, ei, null);
     m(this, "handleEvent", (t) => {
       switch (t.type) {
         case "keydown":
-          r(this, C, vr).call(this, t);
+          r(this, L, gr).call(this, t);
           break;
       }
     });
-    this.attachShadow({ mode: "open" }).appendChild(cr.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(ur.content.cloneNode(!0));
   }
   connectedCallback() {
     var i;
     const t = this.getRootNode();
-    t instanceof ShadowRoot && (c(this, Ot, t.host.closest("vindral-controller")), (i = e(this, Ot)) == null || i.connectListener(this), r(this, C, pr).call(this), r(this, C, Ls).call(this), c(this, ti, t.host), this.addEventListener("keydown", this));
+    t instanceof ShadowRoot && (c(this, Ot, t.host.closest("vindral-controller")), (i = e(this, Ot)) == null || i.connectListener(this), r(this, L, br).call(this), r(this, L, Ts).call(this), c(this, ei, t.host), this.addEventListener("keydown", this));
   }
   disconnectedCallback() {
     var t;
@@ -3402,20 +3404,20 @@ class ur extends HTMLElement {
     i !== s && (t === n.RENDITION_LEVELS && s && (this.list = JSON.parse(s)), t === n.MAX_VIDEO_BITRATE && s && (this.maxVideoBitrate = s ? parseInt(s) : Number.MAX_SAFE_INTEGER));
   }
   set list(t) {
-    c(this, Dt, t), r(this, C, Ls).call(this);
+    c(this, Dt, t), r(this, L, Ts).call(this);
   }
   set maxVideoBitrate(t) {
-    c(this, Ze, t), r(this, C, Ts).call(this);
+    c(this, ti, t), r(this, L, xs).call(this);
   }
   get keysUsed() {
     return ["Enter", "Escape", "Tab", " ", "ArrowDown", "ArrowUp", "Home", "End"];
   }
   focus() {
     var t;
-    (t = e(this, It)) == null || t.focus();
+    (t = e(this, Ct)) == null || t.focus();
   }
 }
-Dt = new WeakMap(), Ze = new WeakMap(), It = new WeakMap(), ct = new WeakMap(), Ot = new WeakMap(), ti = new WeakMap(), C = new WeakSet(), pr = function() {
+Dt = new WeakMap(), ti = new WeakMap(), Ct = new WeakMap(), ct = new WeakMap(), Ot = new WeakMap(), ei = new WeakMap(), L = new WeakSet(), br = function() {
   const t = (s) => {
     s.forEach((o) => {
       if (o.intersectionRatio !== 1)
@@ -3432,25 +3434,25 @@ Dt = new WeakMap(), Ze = new WeakMap(), It = new WeakMap(), ct = new WeakMap(),
     threshold: 0
     // 0 means any intersection is enough to be considered "inside"
   }).observe(this);
-}, Ls = function() {
+}, Ts = function() {
   var i;
   const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector(".menu");
   t && (c(this, ct, []), t.innerHTML = "", e(this, Dt).sort((s, o) => {
     var p, u;
     return (p = s.video) != null && p.bitRate && ((u = o.video) != null && u.bitRate) ? o.video.bitRate - s.video.bitRate : 0;
   }).forEach((s) => {
-    var v, g, P, et, J, Ct, Lt, Tt;
+    var v, g, P, et, J, Lt, Tt, xt;
     const o = document.createElement("div");
     o.setAttribute("role", "menuitem"), o.setAttribute("value", String((v = s.video) == null ? void 0 : v.height)), o.classList.add("menu-item"), o.tabIndex = -1;
-    const p = r(this, C, br).call(this, (g = s.video) == null ? void 0 : g.frameRate);
-    o.textContent = s.video ? so(s.video) : "";
+    const p = r(this, L, mr).call(this, (g = s.video) == null ? void 0 : g.frameRate);
+    o.textContent = s.video ? oo(s.video) : "";
     const u = document.createElement("span");
-    u.classList.add("menu-item-subtitle"), u.textContent = `${io(((et = (P = s.video) == null ? void 0 : P.bitRate) != null ? et : 0) + ((Ct = (J = s.audio) == null ? void 0 : J.bitRate) != null ? Ct : 0))}, ${p}p`, o.appendChild(u), o.addEventListener("click", () => r(this, C, mr).call(this, s)), e(this, ct).push({ el: o, id: (Tt = (Lt = s.video) == null ? void 0 : Lt.id) != null ? Tt : -1 }), t.appendChild(o);
-  }), r(this, C, Ts).call(this));
-}, br = function(t) {
+    u.classList.add("menu-item-subtitle"), u.textContent = `${ro(((et = (P = s.video) == null ? void 0 : P.bitRate) != null ? et : 0) + ((Lt = (J = s.audio) == null ? void 0 : J.bitRate) != null ? Lt : 0))}, ${p}p`, o.appendChild(u), o.addEventListener("click", () => r(this, L, vr).call(this, s)), e(this, ct).push({ el: o, id: (xt = (Tt = s.video) == null ? void 0 : Tt.id) != null ? xt : -1 }), t.appendChild(o);
+  }), r(this, L, xs).call(this));
+}, mr = function(t) {
   return t ? t[0] % t[1] === 0 ? (t[0] / t[1]).toString() : (t[0] / t[1]).toFixed(2) : "";
-}, Ts = function() {
-  e(this, It) && (e(this, It).removeAttribute("aria-selected"), e(this, It).tabIndex = -1);
+}, xs = function() {
+  e(this, Ct) && (e(this, Ct).removeAttribute("aria-selected"), e(this, Ct).tabIndex = -1);
   const t = e(this, Dt).sort(
     (s, o) => {
       var p, u;
@@ -3459,7 +3461,7 @@ Dt = new WeakMap(), Ze = new WeakMap(), It = new WeakMap(), ct = new WeakMap(),
   ), i = e(this, Dt).filter(
     (s) => {
       var o;
-      return ((o = s.video) == null ? void 0 : o.bitRate) && s.video.bitRate <= e(this, Ze);
+      return ((o = s.video) == null ? void 0 : o.bitRate) && s.video.bitRate <= e(this, ti);
     }
   )[0] || t[t.length - 1];
   if (i) {
@@ -3467,33 +3469,33 @@ Dt = new WeakMap(), Ze = new WeakMap(), It = new WeakMap(), ct = new WeakMap(),
       var p;
       return o.id === ((p = i.video) == null ? void 0 : p.id);
     });
-    s && (s.el.tabIndex = 0, s.el.setAttribute("aria-selected", "true"), c(this, It, s.el));
+    s && (s.el.tabIndex = 0, s.el.setAttribute("aria-selected", "true"), c(this, Ct, s.el));
   }
-}, mr = function(t) {
+}, vr = function(t) {
   this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })), this.dispatchEvent(
     new CustomEvent(f.SET_RENDITION, { bubbles: !0, composed: !0, detail: t })
   );
-}, vr = function(t) {
+}, gr = function(t) {
   var u, v, g;
   const { key: i, ctrlKey: s, altKey: o, metaKey: p } = t;
-  s || o || p || this.keysUsed.includes(i) && (t.preventDefault(), t.stopPropagation(), i === "Tab" || i === "Escape" ? (u = e(this, ti)) == null || u.hide() : i === "Enter" || i === " " ? (g = (v = r(this, C, xs).call(this)) == null ? void 0 : v.el) == null || g.click() : r(this, C, gr).call(this, t));
-}, gr = function(t) {
+  s || o || p || this.keysUsed.includes(i) && (t.preventDefault(), t.stopPropagation(), i === "Tab" || i === "Escape" ? (u = e(this, ei)) == null || u.hide() : i === "Enter" || i === " " ? (g = (v = r(this, L, Ss).call(this)) == null ? void 0 : v.el) == null || g.click() : r(this, L, fr).call(this, t));
+}, fr = function(t) {
   var g;
-  const { key: i } = t, s = e(this, ct), o = (g = r(this, C, xs).call(this)) != null ? g : s[0];
+  const { key: i } = t, s = e(this, ct), o = (g = r(this, L, Ss).call(this)) != null ? g : s[0];
   if (!o) return;
   const p = s.indexOf(o);
   let u = Math.max(0, p);
   i === "ArrowDown" ? u++ : i === "ArrowUp" ? u-- : t.key === "Home" ? u = 0 : t.key === "End" && (u = s.length - 1), u < 0 && (u = s.length - 1), u > s.length - 1 && (u = 0);
   const v = s[u];
-  v && (r(this, C, fr).call(this, v.id), v.el.focus());
-}, xs = function() {
+  v && (r(this, L, Er).call(this, v.id), v.el.focus());
+}, Ss = function() {
   return e(this, ct).find((t) => t.el.tabIndex === 0);
-}, fr = function(t) {
+}, Er = function(t) {
   for (const i of e(this, ct))
     i.el.tabIndex = i.id === t ? 0 : -1;
-}, m(ur, "observedAttributes", [n.RENDITION_LEVELS, n.MAX_VIDEO_BITRATE]);
-const Er = document.createElement("template");
-Er.innerHTML = /* HTML */
+}, m(pr, "observedAttributes", [n.RENDITION_LEVELS, n.MAX_VIDEO_BITRATE]);
+const Ar = document.createElement("template");
+Ar.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3562,43 +3564,43 @@ Er.innerHTML = /* HTML */
   <div id="scroll-area"></div>
   <slot id="content"></slot>
 `;
-var ut, Ft, oe, ei, I, yr, kr, wr, zi, Gi, ki, Ss, Ns, Us, Rs;
-class Ar extends HTMLElement {
+var ut, Ft, oe, ii, w, kr, Ir, wr, Gi, $i, ki, Ns, Rs, Us, _s;
+class yr extends HTMLElement {
   constructor() {
     super();
-    l(this, I);
+    l(this, w);
     l(this, ut, null);
     l(this, Ft, null);
     l(this, oe, null);
-    l(this, ei, 0);
+    l(this, ii, 0);
     m(this, "handleEvent", (t) => {
       switch (t.type) {
         case "touchstart":
-          r(this, I, yr).call(this, t);
+          r(this, w, kr).call(this, t);
           break;
         case "touchmove":
-          r(this, I, kr).call(this, t);
+          r(this, w, Ir).call(this, t);
           break;
         case "touchend":
-          r(this, I, wr).call(this, t);
+          r(this, w, wr).call(this, t);
           break;
       }
     });
-    l(this, zi, () => {
-      this.scrollTop === 0 ? (this.open = !1, this.removeAttribute("snap-touch"), r(this, I, Rs).call(this)) : !this.visible && this.scrollTop > 0 ? r(this, I, Us).call(this) : (
+    l(this, Gi, () => {
+      this.scrollTop === 0 ? (this.open = !1, this.removeAttribute("snap-touch"), r(this, w, _s).call(this)) : !this.visible && this.scrollTop > 0 ? r(this, w, Us).call(this) : (
         // fully open
-        !this.hasAttribute("snap-touch") && r(this, I, Ns).call(this) && (this.open = !0, this.setAttribute("snap-touch", ""))
+        !this.hasAttribute("snap-touch") && r(this, w, Rs).call(this) && (this.open = !0, this.setAttribute("snap-touch", ""))
       );
     });
-    l(this, Gi, () => {
-      const t = e(this, ei);
-      if (c(this, ei, this.scrollTop), !r(this, I, ki).call(this)) {
+    l(this, $i, () => {
+      const t = e(this, ii);
+      if (c(this, ii, this.scrollTop), !r(this, w, ki).call(this)) {
         this.scrollTop = 0;
         return;
       }
-      this.scrollTop === 0 ? (this.open = !1, r(this, I, Rs).call(this)) : !this.visible && this.scrollTop > 0 ? r(this, I, Us).call(this) : r(this, I, Ns).call(this) && t <= this.scrollTop && (this.open = !0);
+      this.scrollTop === 0 ? (this.open = !1, r(this, w, _s).call(this)) : !this.visible && this.scrollTop > 0 ? r(this, w, Us).call(this) : r(this, w, Rs).call(this) && t <= this.scrollTop && (this.open = !0);
     });
-    this.attachShadow({ mode: "open" }).appendChild(Er.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(Ar.content.cloneNode(!0));
   }
   connectedCallback() {
     var i, s, o, p, u, v;
@@ -3608,11 +3610,11 @@ class Ar extends HTMLElement {
         this.open && (this.open = !1);
       });
       const g = this.hasAttribute("touch-enabled");
-      if (!Wr() || !g) {
-        this.setAttribute("snap", ""), this.addEventListener("scroll", e(this, Gi));
+      if (!eo() || !g) {
+        this.setAttribute("snap", ""), this.addEventListener("scroll", e(this, $i));
         return;
       }
-      this.addEventListener("scroll", e(this, zi)), (p = e(this, ut)) == null || p.addEventListener("touchstart", this, { passive: !0 }), (u = e(this, ut)) == null || u.addEventListener("touchmove", this, { passive: !1 }), (v = e(this, ut)) == null || v.addEventListener("touchend", this, { passive: !0 });
+      this.addEventListener("scroll", e(this, Gi)), (p = e(this, ut)) == null || p.addEventListener("touchstart", this, { passive: !0 }), (u = e(this, ut)) == null || u.addEventListener("touchmove", this, { passive: !1 }), (v = e(this, ut)) == null || v.addEventListener("touchend", this, { passive: !0 });
     }
   }
   disconnectedCallback() {
@@ -3621,7 +3623,7 @@ class Ar extends HTMLElement {
   }
   attributeChangedCallback(t, i, s) {
     var o;
-    i !== s && (t === n.USER_INTERACTING && s === null && r(this, I, Ss).call(this) && setTimeout(() => {
+    i !== s && (t === n.USER_INTERACTING && s === null && r(this, w, Ns).call(this) && setTimeout(() => {
       this.open = !1;
     }, 300), t === "open" && this.scrollTo({ top: s === null ? 0 : (o = e(this, Ft)) == null ? void 0 : o.clientHeight, behavior: "smooth" }));
   }
@@ -3638,39 +3640,39 @@ class Ar extends HTMLElement {
     return this.hasAttribute("visible");
   }
 }
-ut = new WeakMap(), Ft = new WeakMap(), oe = new WeakMap(), ei = new WeakMap(), I = new WeakSet(), yr = function(t) {
-  r(this, I, ki).call(this) && t.touches[0] && c(this, oe, t.touches[0].clientY);
-}, kr = function(t) {
-  if (!(!r(this, I, ki).call(this) || !e(this, oe) || this.hasAttribute("snap-touch")) && (t.preventDefault(), t.touches[0])) {
+ut = new WeakMap(), Ft = new WeakMap(), oe = new WeakMap(), ii = new WeakMap(), w = new WeakSet(), kr = function(t) {
+  r(this, w, ki).call(this) && t.touches[0] && c(this, oe, t.touches[0].clientY);
+}, Ir = function(t) {
+  if (!(!r(this, w, ki).call(this) || !e(this, oe) || this.hasAttribute("snap-touch")) && (t.preventDefault(), t.touches[0])) {
     const i = t.touches[0].clientY, s = e(this, oe) - i;
     this.scrollTop = s;
   }
 }, wr = function(t) {
-  r(this, I, Ss).call(this) && !this.hasAttribute("snap-touch") && (this.open = !0);
-}, zi = new WeakMap(), Gi = new WeakMap(), ki = function() {
+  r(this, w, Ns).call(this) && !this.hasAttribute("snap-touch") && (this.open = !0);
+}, Gi = new WeakMap(), $i = new WeakMap(), ki = function() {
   return this.hasAttribute(n.USER_INTERACTING);
-}, Ss = function() {
-  return this.scrollTop > 0;
 }, Ns = function() {
+  return this.scrollTop > 0;
+}, Rs = function() {
   var t;
   return Math.round(this.scrollTop) === this.scrollHeight - this.clientHeight || Math.round(this.scrollTop) === ((t = e(this, Ft)) == null ? void 0 : t.clientHeight);
 }, Us = function() {
   this.visible = !0, this.dispatchEvent(new CustomEvent(f.LOCK_UI, { bubbles: !0, composed: !0 }));
-}, Rs = function() {
+}, _s = function() {
   this.visible = !1, this.dispatchEvent(new CustomEvent(f.UNLOCK_UI, { bubbles: !0, composed: !0 }));
-}, m(Ar, "observedAttributes", [n.USER_INTERACTING, "open", "touch-enabled"]);
-const Ir = document.createElement("template"), _o = (
+}, m(yr, "observedAttributes", [n.USER_INTERACTING, "open", "touch-enabled"]);
+const Cr = document.createElement("template"), Do = (
   /* 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>
 `
-), Po = (
+), Oo = (
   /* 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>
 `
 );
-Ir.innerHTML = /* HTML */
+Cr.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3723,16 +3725,16 @@ Ir.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="play">${_o}</slot>
-    <slot name="unmute">${Po}</slot>
+    <slot name="play">${Do}</slot>
+    <slot name="unmute">${Oo}</slot>
   </slot>
 `;
-var ae, ii, Ht, si;
-class Cr extends HTMLElement {
+var ae, si, Ht, ni;
+class Lr extends HTMLElement {
   constructor() {
     super();
     l(this, ae, null);
-    l(this, ii, () => {
+    l(this, si, () => {
       this.dispatchEvent(new CustomEvent(f.REQUEST_USER_INPUT, { bubbles: !0, composed: !0 }));
     });
     l(this, Ht, (t) => {
@@ -3743,7 +3745,7 @@ class Cr extends HTMLElement {
       }
       this.dispatchEvent(new CustomEvent(f.REQUEST_USER_INPUT, { bubbles: !0, composed: !0 }));
     });
-    l(this, si, (t) => {
+    l(this, ni, (t) => {
       const { metaKey: i, altKey: s, key: o } = t;
       if (i || s || !this.keysUsed.includes(o)) {
         this.removeEventListener("keyup", e(this, Ht));
@@ -3751,7 +3753,7 @@ class Cr extends HTMLElement {
       }
       this.addEventListener("keyup", e(this, Ht), { once: !0 });
     });
-    this.attachShadow({ mode: "open" }).appendChild(Ir.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(Cr.content.cloneNode(!0));
   }
   get keysUsed() {
     return ["Enter", " "];
@@ -3761,24 +3763,24 @@ class Cr extends HTMLElement {
     c(this, ae, this.closest("vindral-controller")), (t = e(this, ae)) == null || t.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.enable();
   }
   enable() {
-    this.addEventListener("click", e(this, ii)), this.addEventListener("keydown", e(this, si)), this.tabIndex = 0;
+    this.addEventListener("click", e(this, si)), this.addEventListener("keydown", e(this, ni)), this.tabIndex = 0;
   }
   disable() {
-    this.removeEventListener("click", e(this, ii)), this.removeEventListener("keydown", e(this, si)), this.removeEventListener("keyup", e(this, Ht)), this.tabIndex = -1;
+    this.removeEventListener("click", e(this, si)), this.removeEventListener("keydown", e(this, ni)), this.removeEventListener("keyup", e(this, Ht)), this.tabIndex = -1;
   }
   disconnectedCallback() {
     var t;
     (t = e(this, ae)) == null || t.disconnectListener(this), this.disable();
   }
 }
-ae = new WeakMap(), ii = new WeakMap(), Ht = new WeakMap(), si = new WeakMap(), m(Cr, "observedAttributes", [
+ae = new WeakMap(), si = new WeakMap(), Ht = new WeakMap(), ni = new WeakMap(), m(Lr, "observedAttributes", [
   "hidden",
   n.NEEDS_USER_INPUT_VIDEO,
   n.NEEDS_USER_INPUT_AUDIO,
   n.PAUSED
 ]);
-const Lr = document.createElement("template");
-Lr.innerHTML = /* HTML */
+const Tr = document.createElement("template");
+Tr.innerHTML = /* HTML */
 `
   <style>
     :host,
@@ -3797,14 +3799,12 @@ Lr.innerHTML = /* HTML */
       font-size: 20px;
       color: var(--fg-strong);
       pointer-events: none;
+      transition: opacity 100ms;
+      background-color: rgba(0, 0, 0, 0.3);
     }
 
     :host([hidden]) {
-      display: none;
-    }
-
-    #background {
-      opacity: 0.7;
+      opacity: 0;
     }
 
     #message-container {
@@ -3822,12 +3822,9 @@ Lr.innerHTML = /* HTML */
 
     #title,
     #description {
-      position: static;
-      width: 100%;
       text-align: center;
       text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
       margin: 0;
-      pointer-events: none;
     }
 
     #title {
@@ -3871,32 +3868,32 @@ Lr.innerHTML = /* HTML */
     <p id="description"></p>
   </div>
 `;
-var ni, ri, oi;
-class Tr extends HTMLElement {
+var ri, oi, ai;
+class xr extends HTMLElement {
   constructor() {
     super();
-    l(this, ni);
     l(this, ri);
     l(this, oi);
+    l(this, ai);
     const t = this.attachShadow({ mode: "open" });
-    t.appendChild(Lr.content.cloneNode(!0)), c(this, ni, t.querySelector("#title")), c(this, ri, t.querySelector("#description")), c(this, oi, t.querySelector("#background"));
+    t.appendChild(Tr.content.cloneNode(!0)), c(this, ri, t.querySelector("#title")), c(this, oi, t.querySelector("#description")), c(this, ai, t.querySelector("#background"));
   }
   connectedCallback() {
   }
   disconnectedCallback() {
   }
   attributeChangedCallback(t, i, s) {
-    i !== s && (t === "title" ? e(this, ni).textContent = s : t === "description" ? e(this, ri).textContent = s : t === "background-image" && (e(this, oi).style.backgroundImage = `url(${s})`));
+    i !== s && (t === "title" ? e(this, ri).textContent = s : t === "description" ? e(this, oi).textContent = s : t === "background-image" && (e(this, ai).style.backgroundImage = `url(${s})`));
   }
 }
-ni = new WeakMap(), ri = new WeakMap(), oi = new WeakMap(), m(Tr, "observedAttributes", ["title", "description", "background-image", "hidden"]);
-const xr = document.createElement("template"), Mo = (
+ri = new WeakMap(), oi = new WeakMap(), ai = new WeakMap(), m(xr, "observedAttributes", ["title", "description", "background-image", "hidden"]);
+const Sr = document.createElement("template"), Fo = (
   /* 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>
 `
 );
-xr.innerHTML = /* HTML */
+Sr.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3946,14 +3943,14 @@ xr.innerHTML = /* HTML */
     }
   </style>
 
-  <slot id="play" name="icon">${Mo}</slot>
+  <slot id="play" name="icon">${Fo}</slot>
 `;
 var le;
-class Sr extends HTMLElement {
+class Nr extends HTMLElement {
   constructor() {
     super();
     l(this, le, null);
-    this.attachShadow({ mode: "open" }).appendChild(xr.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(Sr.content.cloneNode(!0));
   }
   connectedCallback() {
     var t;
@@ -3964,12 +3961,12 @@ class Sr extends HTMLElement {
     (t = e(this, le)) == null || t.disconnectListener(this);
   }
   attributeChangedCallback(t, i, s) {
-    i !== s && t === "hidden" && !L(s) && this.focus();
+    i !== s && t === "hidden" && !C(s) && this.focus();
   }
 }
-le = new WeakMap(), m(Sr, "observedAttributes", ["hidden"]);
-const Nr = document.createElement("template");
-Nr.innerHTML = /* HTML */
+le = new WeakMap(), m(Nr, "observedAttributes", ["hidden"]);
+const Rr = document.createElement("template");
+Rr.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3978,26 +3975,26 @@ Nr.innerHTML = /* HTML */
     }
   </style>
 `;
-const Do = (d) => `${Math.round(d * 100)}%`;
-var ai;
-const Ce = class Ce extends Ds {
+const Ho = (d) => `${Math.round(d * 100)}%`;
+var li;
+const Le = class Le extends Os {
   constructor() {
     var t;
     super();
-    l(this, ai, () => {
+    l(this, li, () => {
       const t = this.range.valueAsNumber;
       this.dispatchEvent(new CustomEvent(f.SET_VOLUME, { bubbles: !0, composed: !0, detail: t }));
     });
-    (t = this.shadowRoot) == null || t.appendChild(Nr.content.cloneNode(!0));
+    (t = this.shadowRoot) == null || t.appendChild(Rr.content.cloneNode(!0));
   }
   connectedCallback() {
-    super.connectedCallback(), this.range.addEventListener("input", e(this, ai)), this.range.setAttribute("aria-label", "volume");
+    super.connectedCallback(), this.range.addEventListener("input", e(this, li)), this.range.setAttribute("aria-label", "volume");
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.range.removeEventListener("input", e(this, ai));
+    super.disconnectedCallback(), this.range.removeEventListener("input", e(this, li));
   }
   attributeChangedCallback(t, i, s) {
-    super.attributeChangedCallback(t, i, s), (t === n.MUTED || t === n.VOLUME) && (this.range.valueAsNumber = this.muted ? 0 : parseFloat(this.volume), this.range.setAttribute("aria-valuetext", Do(this.range.valueAsNumber)), this.updateBar());
+    super.attributeChangedCallback(t, i, s), (t === n.MUTED || t === n.VOLUME) && (this.range.valueAsNumber = this.muted ? 0 : parseFloat(this.volume), this.range.setAttribute("aria-valuetext", Ho(this.range.valueAsNumber)), this.updateBar());
   }
   get volume() {
     var t;
@@ -4007,11 +4004,11 @@ const Ce = class Ce extends Ds {
     return this.hasAttribute(n.MUTED);
   }
 };
-ai = new WeakMap(), m(Ce, "observedAttributes", [...q(Ce, Ce, "observedAttributes"), n.MUTED, n.VOLUME]);
-let _s = Ce;
-function $o() {
-  customElements.define("vindral-controller", Le), customElements.define("vindral-control-bar", In), customElements.define("vindral-play-button", fs), customElements.define("vindral-mute-button", vs), customElements.define("vindral-buffering-overlay", en), customElements.define("vindral-scroll-overlay", Ar), customElements.define("vindral-play-overlay", Sr), customElements.define("vindral-user-input-play-overlay", Cr), customElements.define("vindral-fullscreen-button", hs), customElements.define("vindral-rendition-levels-menu", Is), customElements.define("vindral-rendition-levels-menu-list", ur), customElements.define("vindral-channel-grid-button", Zi), customElements.define("vindral-channel-grid", dn), customElements.define("vindral-channel-grid-item", Ps), customElements.define("vindral-pip-button", gs), customElements.define("vindral-airplay-button", Vi), customElements.define("vindral-cast-button", Ji), customElements.define("vindral-cast-overlay", on), customElements.define("vindral-buffering-icon", Zs), customElements.define("vindral-language-menu", ds), customElements.define("vindral-language-menu-list", jn), customElements.define("vindral-message", Tr), customElements.define("vindral-volume-range", _s), customElements.define("vindral-poster-overlay", lr), customElements.define("vindral-player", rr);
+li = new WeakMap(), m(Le, "observedAttributes", [...q(Le, Le, "observedAttributes"), n.MUTED, n.VOLUME]);
+let Ps = Le;
+function qo() {
+  customElements.define("vindral-controller", Te), customElements.define("vindral-control-bar", Cn), customElements.define("vindral-play-button", Es), customElements.define("vindral-mute-button", gs), customElements.define("vindral-buffering-overlay", sn), customElements.define("vindral-scroll-overlay", yr), customElements.define("vindral-play-overlay", Nr), customElements.define("vindral-user-input-play-overlay", Lr), customElements.define("vindral-fullscreen-button", ds), customElements.define("vindral-rendition-levels-menu", Cs), customElements.define("vindral-rendition-levels-menu-list", pr), customElements.define("vindral-channel-grid-button", ts), customElements.define("vindral-channel-grid", cn), customElements.define("vindral-channel-grid-item", Ms), customElements.define("vindral-pip-button", fs), customElements.define("vindral-airplay-button", Vi), customElements.define("vindral-cast-button", Qi), customElements.define("vindral-cast-overlay", an), customElements.define("vindral-buffering-icon", tn), customElements.define("vindral-language-menu", cs), customElements.define("vindral-language-menu-list", Yn), customElements.define("vindral-message", xr), customElements.define("vindral-volume-range", Ps), customElements.define("vindral-poster-overlay", hr), customElements.define("vindral-player", or);
 }
 export {
-  $o as registerComponents
+  qo as registerComponents
 };