@vindral/web-sdk 4.1.5 → 4.1.6

package/player.js

@@ -1,11 +1,11 @@
-var Mo = Object.defineProperty;
-var Do = Object.getPrototypeOf;
-var Fo = Reflect.get;
+var Fo = Object.defineProperty;
+var Ho = Object.getPrototypeOf;
+var Oo = Reflect.get;
 var vr = (c) => {
   throw TypeError(c);
 };
-var Ho = (c, a, t) => a in c ? Mo(c, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[a] = t;
-var m = (c, a, t) => Ho(c, typeof a != "symbol" ? a + "" : a, t), sn = (c, a, t) => a.has(c) || vr("Cannot " + t);
+var zo = (c, a, t) => a in c ? Fo(c, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[a] = t;
+var m = (c, a, t) => zo(c, typeof a != "symbol" ? a + "" : a, t), sn = (c, a, t) => a.has(c) || vr("Cannot " + t);
 var e = (c, a, t) => (sn(c, a, "read from private field"), t ? t.call(c) : a.get(c)), l = (c, a, t) => a.has(c) ? vr("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(c) : a.set(c, t), d = (c, a, t, i) => (sn(c, a, "write to private field"), i ? i.call(c, t) : a.set(c, t), t), n = (c, a, t) => (sn(c, a, "access private method"), t);
 var fr = (c, a, t, i) => ({
   set _(s) {
@@ -14,7 +14,7 @@ var fr = (c, a, t, i) => ({
   get _() {
     return e(c, a, i);
   }
-}), J = (c, a, t) => Fo(Do(c), t, a);
+}), J = (c, a, t) => Oo(Ho(c), t, a);
 var $ = (c, a, t) => new Promise((i, s) => {
   var o = (v) => {
     try {
@@ -31,11 +31,11 @@ var $ = (c, a, t) => new Promise((i, s) => {
   }, p = (v) => v.done ? i(v.value) : Promise.resolve(v.value).then(o, u);
   p((t = t.apply(c, a)).next());
 });
-import { L as Lr, V as Oo, i as zo, C as $o, A as Bo, a as Go, b as Ko } from "./DROC3QN7.js";
+import { L as Lr, V as $o, i as Bo, C as Go, A as Ko, a as qo, b as Vo } from "./D1E3hbbb.js";
 import { E as ds } from "./Bx7s5QdT.js";
-import { CastSender as qo } from "./cast-sender.js";
-import { A as Xo, d as Vo } from "./CPEMXA01.js";
-const on = 1e3, ln = on * 1e3, gr = ln * 1e3, nn = (c, a, t) => c % a === 0 ? c / a : (c / a).toFixed(t), jo = (c, a = 1) => c >= gr ? `${nn(c, gr, a)} Gbit/s` : c >= ln ? `${nn(c, ln, a)} Mbit/s` : c >= on ? `${nn(c, on, a)} Kbit/s` : `${c} bit/s`, Yo = ({ width: c, height: a }) => `${c}x${a}`, Jo = ({
+import { CastSender as Xo } from "./cast-sender.js";
+import { A as jo, d as Yo } from "./CPEMXA01.js";
+const on = 1e3, ln = on * 1e3, gr = ln * 1e3, nn = (c, a, t) => c % a === 0 ? c / a : (c / a).toFixed(t), Jo = (c, a = 1) => c >= gr ? `${nn(c, gr, a)} Gbit/s` : c >= ln ? `${nn(c, ln, a)} Mbit/s` : c >= on ? `${nn(c, on, a)} Kbit/s` : `${c} bit/s`, Wo = ({ width: c, height: a }) => `${c}x${a}`, Qo = ({
   title: c,
   subTitle: a = "Live stream",
   poster: t
@@ -114,14 +114,14 @@ function Tr(c) {
 function rn(c) {
   return c === "trace" || c === "debug" || c === "info" || c === "warn" || c === "error" || c === "off" ? c : "off";
 }
-function Wo(c) {
+function Zo(c) {
   if (c === null)
     return;
   const a = c.split(",").map((t) => t.trim()).filter((t) => t === "h264" || t === "av1");
   if (a.length !== 0)
     return a;
 }
-function Qo(c) {
+function tl(c) {
   if (c !== null)
     try {
       const a = JSON.parse(c);
@@ -134,7 +134,7 @@ function Qo(c) {
       return;
     }
 }
-function Zo(c) {
+function el(c) {
   if (c !== null)
     try {
       const a = JSON.parse(c);
@@ -151,10 +151,10 @@ function Zo(c) {
       return;
     }
 }
-function ve(c) {
+function Wt(c) {
   if (c === null)
     return;
-  const a = parseInt(c, 10);
+  const a = parseFloat(c);
   return isNaN(a) ? void 0 : a;
 }
 function x(c) {
@@ -234,7 +234,7 @@ Cr.innerHTML = /* HTML */
     }
   </style>
 `;
-var ge, ai, ee, oi;
+var ge, ai, ie, oi;
 class rt extends HTMLElement {
   constructor() {
     super();
@@ -242,10 +242,10 @@ class rt extends HTMLElement {
     l(this, ai, (t) => {
       this.handleClick(t);
     });
-    l(this, ee, (t) => {
+    l(this, ie, (t) => {
       const { key: i } = t;
       if (!this.keysUsed.includes(i)) {
-        this.removeEventListener("keyup", e(this, ee));
+        this.removeEventListener("keyup", e(this, ie));
         return;
       }
       this.handleClick(t);
@@ -253,10 +253,10 @@ class rt extends HTMLElement {
     l(this, oi, (t) => {
       const { metaKey: i, altKey: s, key: o } = t;
       if (i || s || !this.keysUsed.includes(o)) {
-        this.removeEventListener("keyup", e(this, ee));
+        this.removeEventListener("keyup", e(this, ie));
         return;
       }
-      this.addEventListener("keyup", e(this, ee), { once: !0 });
+      this.addEventListener("keyup", e(this, ie), { once: !0 });
     });
     this.attachShadow({ mode: "open" }).appendChild(Cr.content.cloneNode(!0));
   }
@@ -271,7 +271,7 @@ class rt extends HTMLElement {
     this.addEventListener("click", e(this, ai)), this.addEventListener("keydown", e(this, oi)), this.tabIndex = 0;
   }
   disable() {
-    this.removeEventListener("click", e(this, ai)), this.removeEventListener("keydown", e(this, oi)), this.removeEventListener("keyup", e(this, ee)), this.tabIndex = -1;
+    this.removeEventListener("click", e(this, ai)), this.removeEventListener("keydown", e(this, oi)), this.removeEventListener("keyup", e(this, ie)), this.tabIndex = -1;
   }
   disconnectedCallback() {
     var t;
@@ -281,7 +281,7 @@ class rt extends HTMLElement {
     t === "disabled" && (x(s) ? this.disable() : this.enable());
   }
 }
-ge = new WeakMap(), ai = new WeakMap(), ee = new WeakMap(), oi = new WeakMap(), m(rt, "observedAttributes", ["disabled"]);
+ge = new WeakMap(), ai = new WeakMap(), ie = new WeakMap(), oi = new WeakMap(), m(rt, "observedAttributes", ["disabled"]);
 const xr = document.createElement("template"), Er = (
   /* SVG */
   `
@@ -314,7 +314,7 @@ xr.innerHTML = /* HTML */
   </slot>
 `;
 var li, dn;
-const Xe = class Xe extends rt {
+const Ve = class Ve extends rt {
   constructor() {
     var t;
     super();
@@ -342,13 +342,13 @@ const Xe = class Xe extends rt {
 };
 li = new WeakSet(), dn = function() {
   this.setAttribute("aria-label", this.isAirPlaying ? "Exit airplay" : "Enter airplay");
-}, m(Xe, "observedAttributes", [
-  ...J(Xe, Xe, "observedAttributes"),
+}, m(Ve, "observedAttributes", [
+  ...J(Ve, Ve, "observedAttributes"),
   r.AIRPLAY_AVAILABLE,
   r.IS_AIRPLAYING
 ]);
-let hn = Xe;
-const Nr = document.createElement("template"), tl = (
+let hn = Ve;
+const Nr = document.createElement("template"), il = (
   /* SVG */
   `
 <svg width="24" height="24" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
@@ -403,7 +403,7 @@ Nr.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="icon">${tl}</slot>
+  <slot name="icon">${il}</slot>
 `;
 var Ee;
 class Rr extends HTMLElement {
@@ -524,22 +524,22 @@ _r.innerHTML = /* HTML */
     }
   </style>
 `;
-var me, un, Mr;
-const Ve = class Ve extends rt {
+var ve, un, Mr;
+const Xe = class Xe extends rt {
   constructor() {
     var t;
     super();
-    l(this, me);
+    l(this, ve);
     (t = this.shadowRoot) == null || t.appendChild(_r.content.cloneNode(!0));
   }
   connectedCallback() {
-    super.connectedCallback(), n(this, me, un).call(this);
+    super.connectedCallback(), n(this, ve, un).call(this);
   }
   disconnectedCallback() {
     super.disconnectedCallback();
   }
   attributeChangedCallback(t, i, s) {
-    super.attributeChangedCallback(t, i, s), t === r.CAST_AVAILABLE && n(this, me, Mr).call(this), t === r.IS_CASTING && n(this, me, un).call(this);
+    super.attributeChangedCallback(t, i, s), t === r.CAST_AVAILABLE && n(this, ve, Mr).call(this), t === r.IS_CASTING && n(this, ve, un).call(this);
   }
   set isCasting(t) {
     t ? this.setAttribute(r.IS_CASTING, "") : this.removeAttribute(r.IS_CASTING);
@@ -550,7 +550,7 @@ const Ve = class Ve extends rt {
   handleClick(t) {
   }
 };
-me = new WeakSet(), un = function() {
+ve = new WeakSet(), un = function() {
   this.setAttribute("aria-label", this.isCasting ? "Exit cast" : "Enter cast");
 }, Mr = function() {
   var t, i;
@@ -558,12 +558,12 @@ me = new WeakSet(), un = function() {
     const s = document.createElement("google-cast-launcher");
     (i = this.shadowRoot) == null || i.appendChild(s);
   }
-}, m(Ve, "observedAttributes", [
-  ...J(Ve, Ve, "observedAttributes"),
+}, m(Xe, "observedAttributes", [
+  ...J(Xe, Xe, "observedAttributes"),
   r.CAST_AVAILABLE,
   r.IS_CASTING
 ]);
-let cn = Ve;
+let cn = Xe;
 const Dr = document.createElement("template");
 Dr.innerHTML = /* HTML */
 `
@@ -699,14 +699,14 @@ Or.innerHTML = /* HTML */
   </style>
   <slot></slot>
 `;
-var ie;
+var se;
 class hr extends HTMLElement {
   constructor() {
     super();
-    l(this, ie);
+    l(this, se);
     m(this, "lastThumbnailUpdate");
     const t = this.attachShadow({ mode: "open" });
-    d(this, ie, document.createElement("span")), e(this, ie).className = "channel-title", t.appendChild(e(this, ie)), t.appendChild(Or.content.cloneNode(!0));
+    d(this, se, document.createElement("span")), e(this, se).className = "channel-title", t.appendChild(e(this, se)), t.appendChild(Or.content.cloneNode(!0));
   }
   attributeChangedCallback(t, i, s) {
     if (i !== s)
@@ -715,7 +715,7 @@ class hr extends HTMLElement {
           this.updateThumbnail();
           break;
         case "title":
-          e(this, ie).textContent = s;
+          e(this, se).textContent = s;
           break;
       }
   }
@@ -726,7 +726,7 @@ class hr extends HTMLElement {
     p && o.searchParams.set("auth.token", p), o.searchParams.set("t", Date.now().toString()), u.src = o.toString(), u.onload = () => this.style.backgroundImage = `url(${o.toString()})`;
   }
 }
-ie = new WeakMap(), m(hr, "observedAttributes", ["url", "title", "offline", "authentication-token", "visible"]);
+se = new WeakMap(), m(hr, "observedAttributes", ["url", "title", "offline", "authentication-token", "visible"]);
 const zr = document.createElement("template");
 zr.innerHTML = /* HTML */
 `
@@ -796,7 +796,7 @@ zr.innerHTML = /* HTML */
     <slot name="grid" id="grid"></slot>
   </div>
 `;
-var Rt, Ut, Ie, V, _, Le, hi, di, ci, S, Br, Gr, Kr, pn, qr, Xr, Vr, jr, Yr, Jr, Wr, Be;
+var Rt, Ut, Ie, X, _, Le, hi, di, ci, S, Br, Gr, Kr, pn, qr, Vr, Xr, jr, Yr, Jr, Wr, Be;
 class $r extends HTMLElement {
   constructor() {
     super();
@@ -804,7 +804,7 @@ class $r extends HTMLElement {
     l(this, Rt, null);
     l(this, Ut, null);
     l(this, Ie, []);
-    l(this, V, []);
+    l(this, X, []);
     l(this, _);
     l(this, Le);
     l(this, hi);
@@ -833,7 +833,7 @@ class $r extends HTMLElement {
     if (i !== s)
       switch (t) {
         case r.CHANNEL_ID: {
-          n(this, S, Vr).call(this, s);
+          n(this, S, Xr).call(this, s);
           break;
         }
         case r.CHANNELS:
@@ -852,7 +852,7 @@ class $r extends HTMLElement {
     d(this, di, Hr()), (t = e(this, _)) == null || t.focus();
   }
 }
-Rt = new WeakMap(), Ut = new WeakMap(), Ie = new WeakMap(), V = new WeakMap(), _ = new WeakMap(), Le = new WeakMap(), hi = new WeakMap(), di = new WeakMap(), ci = new WeakMap(), S = new WeakSet(), Br = function() {
+Rt = new WeakMap(), Ut = new WeakMap(), Ie = new WeakMap(), X = new WeakMap(), _ = new WeakMap(), Le = new WeakMap(), hi = new WeakMap(), di = new WeakMap(), ci = new WeakMap(), S = new WeakSet(), Br = function() {
   d(this, Rt, new IntersectionObserver(
     (t) => {
       t.forEach((i) => {
@@ -881,31 +881,31 @@ Rt = new WeakMap(), Ut = new WeakMap(), Ie = new WeakMap(), V = new WeakMap(), _
   i ? (t.setAttribute("visible", ""), (!t.lastThumbnailUpdate || Date.now() - t.lastThumbnailUpdate >= 1e4) && (t.updateThumbnail(), t.lastThumbnailUpdate = Date.now())) : t.removeAttribute("visible");
 }, pn = function() {
   var o;
-  const t = (o = this.shadowRoot) == null ? void 0 : o.querySelector("slot[name=grid]"), i = new Map(e(this, V).map((u) => [u.id, u])), s = this.getAttribute("channel-id");
-  d(this, V, e(this, Ie).map((u) => {
+  const t = (o = this.shadowRoot) == null ? void 0 : o.querySelector("slot[name=grid]"), i = new Map(e(this, X).map((u) => [u.id, u])), s = this.getAttribute("channel-id");
+  d(this, X, e(this, Ie).map((u) => {
     var A;
     const p = i.get(u.channelId);
     if (p)
       return n(this, S, qr).call(this, p.element, u), p;
-    const v = n(this, S, Xr).call(this, u, s);
+    const v = n(this, S, Vr).call(this, u, s);
     return (A = e(this, Rt)) == null || A.observe(v.element), t.contains(v.element) || t.appendChild(v.element), v;
   })), i.forEach((u, p) => {
     var v;
     e(this, Ie).some((A) => A.channelId === p) || ((v = e(this, Rt)) == null || v.unobserve(u.element), u.element.remove());
-  }), e(this, V).sort((u, p) => u.element.hasAttribute("offline") && !p.element.hasAttribute("offline") ? 1 : -1).forEach((u) => {
+  }), e(this, X).sort((u, p) => u.element.hasAttribute("offline") && !p.element.hasAttribute("offline") ? 1 : -1).forEach((u) => {
     t.contains(u.element) || t.appendChild(u.element);
   });
 }, qr = function(t, i) {
   i.isLive ? t.removeAttribute("offline") : t.setAttribute("offline", ""), t.setAttribute("url", i.thumbnailUrls[0] || ""), t.setAttribute("title", i.name);
-}, Xr = function(t, i) {
+}, Vr = 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, Le) && s.setAttribute("authentication-token", e(this, Le)), t.isLive || s.setAttribute("offline", ""), t.channelId === i && (s.setAttribute("aria-selected", "true"), d(this, _, s)), s.tabIndex = -1, s.onclick = () => n(this, S, Yr).call(this, t), { element: s, thumbnail: t.thumbnailUrls[0] || "", id: t.channelId };
-}, Vr = function(t) {
-  e(this, V).forEach((i) => {
+}, Xr = function(t) {
+  e(this, X).forEach((i) => {
     i.id === t ? (i.element.setAttribute("aria-selected", "true"), i.element.tabIndex = 0, d(this, _, i.element)) : (i.element.tabIndex = -1, i.element.setAttribute("aria-selected", "false"));
   });
 }, jr = function() {
-  this.hasAttribute("hidden") || e(this, V).forEach((t) => t.element.updateThumbnail());
+  this.hasAttribute("hidden") || e(this, X).forEach((t) => t.element.updateThumbnail());
 }, Yr = function(t) {
   var i;
   (i = e(this, Ut)) == null || i.setAttribute("channel-id", t.channelId);
@@ -917,7 +917,7 @@ Rt = new WeakMap(), Ut = new WeakMap(), Ie = new WeakMap(), V = new WeakMap(), _
   var p;
   if (!e(this, _)) return;
   const { key: i } = t;
-  let o = e(this, V).findIndex((v) => v.element === e(this, _));
+  let o = e(this, X).findIndex((v) => v.element === e(this, _));
   const u = e(this, _).getBoundingClientRect();
   switch (i) {
     case "ArrowUp":
@@ -939,17 +939,17 @@ Rt = new WeakMap(), Ut = new WeakMap(), Ie = new WeakMap(), V = new WeakMap(), _
       o = 0;
       break;
     case "End":
-      o = e(this, V).length - 1;
+      o = e(this, X).length - 1;
       break;
   }
-  if (o >= 0 && o < e(this, V).length) {
-    const v = e(this, V)[o];
+  if (o >= 0 && o < e(this, X).length) {
+    const v = e(this, X)[o];
     if (!v) return;
     e(this, _).setAttribute("aria-selected", "false"), e(this, _).tabIndex = -1, d(this, _, v.element), e(this, _).setAttribute("aria-selected", "true"), e(this, _).tabIndex = 0, e(this, _).focus();
   }
 }, Be = function(t, i, s) {
   let o = -1, u = 1 / 0;
-  return e(this, V).filter((p) => p.element.getBoundingClientRect().width > 0).forEach((p, v) => {
+  return e(this, X).filter((p) => p.element.getBoundingClientRect().width > 0).forEach((p, v) => {
     const A = p.element.getBoundingClientRect(), z = i === 0 || i < 0 && A.top < t.top || i > 0 && A.top > t.top, ut = s === 0 || s < 0 && A.left < t.left || s > 0 && A.left > t.left;
     if (z && ut) {
       const at = Math.sqrt((A.top - t.top) ** 2 + (A.left - t.left) ** 2);
@@ -963,7 +963,7 @@ Rt = new WeakMap(), Ut = new WeakMap(), Ie = new WeakMap(), V = new WeakMap(), _
   "mode",
   "hidden"
 ]);
-const el = (
+const sl = (
   /* 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">
@@ -989,7 +989,7 @@ Qr.innerHTML = /* HTML */
       display: none;
     }
   </style>
-  <slot name="button">${el}</slot>
+  <slot name="button">${sl}</slot>
 `;
 var we, G, tt, xs, B, Zr, mn, fs, vn, fn;
 const je = class je extends rt {
@@ -1098,7 +1098,7 @@ class ea extends HTMLElement {
   }
 }
 m(ea, "observedAttributes", []);
-class il extends ds {
+class nl extends ds {
   constructor(t) {
     super();
     m(this, "config");
@@ -1176,7 +1176,7 @@ class il extends ds {
     });
   }
 }
-const te = class te extends ds {
+const ee = class ee extends ds {
   constructor(t) {
     super();
     m(this, "container");
@@ -1200,18 +1200,18 @@ const te = class te extends ds {
     m(this, "onChange", () => this.emit("on fullscreen change", this.isFullscreen()));
     // into the yolo zone
     m(this, "isFullscreen", () => !!(document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen));
-    m(this, "isSupported", () => te.isFullscreenApiSupported(this.container) || !this.isInIframe());
-    m(this, "isFullscreenApiSupported", () => te.isFullscreenApiSupported(this.container));
+    m(this, "isSupported", () => ee.isFullscreenApiSupported(this.container) || !this.isInIframe());
+    m(this, "isFullscreenApiSupported", () => ee.isFullscreenApiSupported(this.container));
     m(this, "isInIframe", () => window.location !== window.parent.location);
     this.container = t, document.addEventListener("webkitfullscreenchange", this.onChange), document.addEventListener("mozfullscreenchange", this.onChange), document.addEventListener("fullscreenchange", this.onChange), this.container.addEventListener("webkitendfullscreen", this.onChange);
   }
   get requestFn() {
-    return te.isFullscreenApiSupported(this.container) ? (this.container.requestFullscreen || this.container.webkitRequestFullscreen || this.container.webkitEnterFullscreen || this.container.mozRequestFullScreen).bind(this.container) : () => new Promise((t) => {
+    return ee.isFullscreenApiSupported(this.container) ? (this.container.requestFullscreen || this.container.webkitRequestFullscreen || this.container.webkitEnterFullscreen || this.container.mozRequestFullScreen).bind(this.container) : () => new Promise((t) => {
       t();
     });
   }
   get exitFn() {
-    if (te.isFullscreenApiSupported(this.container) && this.isFullscreen()) {
+    if (ee.isFullscreenApiSupported(this.container) && this.isFullscreen()) {
       const t = document.exitFullscreen, i = document.webkitFullscreenElement && document.webkitExitFullscreen, s = document.mozFullscreenElement && document.mozCancelFullScreen, o = t || i || s;
       return o ? o.bind(document) : this.container.webkitExitFullscreen.bind(this.container);
     }
@@ -1220,8 +1220,8 @@ const te = class te extends ds {
     });
   }
 };
-m(te, "isFullscreenApiSupported", (t) => (t.requestFullscreen || t.webkitRequestFullscreen || t.webkitEnterFullscreen || t.mozRequestFullScreen) !== void 0);
-let pt = te;
+m(ee, "isFullscreenApiSupported", (t) => (t.requestFullscreen || t.webkitRequestFullscreen || t.webkitEnterFullscreen || t.mozRequestFullScreen) !== void 0);
+let pt = ee;
 var Ns, Rs, Us, Ps, Te, _s, Ms, ui, Se;
 class Ar extends ds {
   constructor(t) {
@@ -1405,8 +1405,8 @@ Ce = new WeakMap(), xe = new WeakMap(), W = new WeakMap(), pi = new WeakMap(), D
   var t, i, s;
   (t = e(this, W)) != null && t.hidden && (e(this, W).hidden = !1, (i = e(this, Ce)) == null || i.setAttribute("aria-expanded", "true"), (s = e(this, xe)) == null || s.focus(), this.dispatchEvent(new CustomEvent(k.LOCK_UI, { bubbles: !0, composed: !0 })));
 };
-var f, M, T, Ne, bt, mt, Pt, se, _t, et, bi, Re, C, L, ra, gn, aa, En, An, oa, la, ha, da, ca, ua, Hs, Os, Ge, Wt;
-class sl {
+var f, M, T, Ne, bt, mt, Pt, ne, _t, et, bi, Re, C, L, ra, gn, aa, En, An, oa, la, ha, da, ca, ua, Hs, Os, Ge, Qt;
+class rl {
   constructor(a, t) {
     l(this, L);
     l(this, f);
@@ -1417,7 +1417,7 @@ class sl {
     m(this, "userPaused", !0);
     l(this, mt);
     l(this, Pt);
-    l(this, se, !1);
+    l(this, ne, !1);
     l(this, _t, !1);
     l(this, et, null);
     l(this, bi, 0);
@@ -1434,7 +1434,7 @@ class sl {
     d(this, f, i), a.appendChild(e(this, f)), e(this, f).style.width = "100%", e(this, f).style.height = "100%", e(this, f).setAttribute("playsinline", ""), e(this, f).setAttribute("webkit-playsinline", ""), e(this, f).setAttribute("preload", "metadata"), n(this, L, ua).call(this), d(this, Re, e(this, f).muted), (t == null ? void 0 : t.volume) !== void 0 && (this.volume = t.volume), (t == null ? void 0 : t.muted) !== void 0 && (this.muted = t.muted);
   }
   hide() {
-    d(this, se, !0), d(this, _t, !1), e(this, M).classList.remove("active"), e(this, M).style.opacity = "0", e(this, M).style.pointerEvents = "none", d(this, et, null);
+    d(this, ne, !0), d(this, _t, !1), e(this, M).classList.remove("active"), e(this, M).style.opacity = "0", e(this, M).style.pointerEvents = "none", d(this, et, null);
   }
   play() {
     return $(this, null, function* () {
@@ -1529,7 +1529,7 @@ class sl {
     d(this, Pt, a), a !== void 0 && e(this, T) && n(this, L, gn).call(this, a);
   }
 }
-f = new WeakMap(), M = new WeakMap(), T = new WeakMap(), Ne = new WeakMap(), bt = new WeakMap(), mt = new WeakMap(), Pt = new WeakMap(), se = new WeakMap(), _t = new WeakMap(), et = new WeakMap(), bi = new WeakMap(), Re = new WeakMap(), C = new WeakMap(), L = new WeakSet(), ra = function() {
+f = new WeakMap(), M = new WeakMap(), T = new WeakMap(), Ne = new WeakMap(), bt = new WeakMap(), mt = new WeakMap(), Pt = new WeakMap(), ne = new WeakMap(), _t = new WeakMap(), et = new WeakMap(), bi = new WeakMap(), Re = new WeakMap(), C = new WeakMap(), L = new WeakSet(), ra = function() {
   return $(this, null, function* () {
     const { default: a } = yield import("./CZNJPKf5.js");
     if (d(this, Ne, a), !a.isSupported()) {
@@ -1621,11 +1621,11 @@ f = new WeakMap(), M = new WeakMap(), T = new WeakMap(), Ne = new WeakMap(), bt
       e(this, C).warn("No timeshift URL");
       return;
     }
-    if (!e(this, T) && (yield n(this, L, ra).call(this), !n(this, L, Wt).call(this, s)))
+    if (!e(this, T) && (yield n(this, L, ra).call(this), !n(this, L, Qt).call(this, s)))
       return;
-    d(this, se, !1), d(this, _t, !1), e(this, T) && (!e(this, T).url || e(this, T).url !== e(this, bt)) && (e(this, C).debug("Loading timeshift URL", e(this, bt)), e(this, T).loadSource(e(this, bt)));
+    d(this, ne, !1), d(this, _t, !1), e(this, T) && (!e(this, T).url || e(this, T).url !== e(this, bt)) && (e(this, C).debug("Loading timeshift URL", e(this, bt)), e(this, T).loadSource(e(this, bt)));
     const o = this.muted;
-    e(this, f).muted = !0, yield n(this, L, la).call(this), n(this, L, Wt).call(this, s) && (n(this, L, An).call(this, t), !(i && (yield this.play(), !n(this, L, Wt).call(this, s))) && n(this, L, ha).call(this, o, s));
+    e(this, f).muted = !0, yield n(this, L, la).call(this), n(this, L, Qt).call(this, s) && (n(this, L, An).call(this, t), !(i && (yield this.play(), !n(this, L, Qt).call(this, s))) && n(this, L, ha).call(this, o, s));
   });
 }, la = function() {
   return e(this, f).duration && !isNaN(e(this, f).duration) ? Promise.resolve() : new Promise((a) => {
@@ -1639,13 +1639,13 @@ f = new WeakMap(), M = new WeakMap(), T = new WeakMap(), Ne = new WeakMap(), bt
   });
 }, ha = function(a, t) {
   const i = HTMLMediaElement.HAVE_CURRENT_DATA, s = () => e(this, f).readyState >= i && e(this, f).videoWidth > 0 && e(this, f).videoHeight > 0, o = () => {
-    e(this, se) || e(this, _t) || !n(this, L, Wt).call(this, t) || (d(this, _t, !0), e(this, C).debug("Revealing timeshift video"), e(this, M).classList.add("active"), e(this, M).style.opacity = "1", e(this, M).style.pointerEvents = "auto", e(this, f).dispatchEvent(
+    e(this, ne) || e(this, _t) || !n(this, L, Qt).call(this, t) || (d(this, _t, !0), e(this, C).debug("Revealing timeshift video"), e(this, M).classList.add("active"), e(this, M).style.opacity = "1", e(this, M).style.pointerEvents = "auto", e(this, f).dispatchEvent(
       new CustomEvent("timeshiftready", {
         detail: { activationId: t }
       })
     ), a || n(this, L, da).call(this, t));
   }, u = () => {
-    e(this, se) || e(this, _t) || !n(this, L, Wt).call(this, t) || s() && (v(), o());
+    e(this, ne) || e(this, _t) || !n(this, L, Qt).call(this, t) || s() && (v(), o());
   };
   let p = !1;
   const v = () => {
@@ -1661,7 +1661,7 @@ f = new WeakMap(), M = new WeakMap(), T = new WeakMap(), Ne = new WeakMap(), bt
   }, 2e3);
 }, da = function(a) {
   const t = () => {
-    n(this, L, Wt).call(this, a) && (e(this, f).muted = !1);
+    n(this, L, Qt).call(this, a) && (e(this, f).muted = !1);
   };
   "requestVideoFrameCallback" in e(this, f) ? e(this, f).requestVideoFrameCallback(() => {
     setTimeout(() => {
@@ -1686,10 +1686,10 @@ f = new WeakMap(), M = new WeakMap(), T = new WeakMap(), Ne = new WeakMap(), bt
       composed: !0
     })
   );
-}, Wt = function(a) {
+}, Qt = function(a) {
   return e(this, bi) === a;
 };
-class nl {
+class al {
   constructor(a) {
     this.vindral = a;
   }
@@ -1880,7 +1880,7 @@ class ni extends HTMLElement {
   }
 }
 Ue = new WeakMap(), Pe = new WeakMap(), m(ni, "observedAttributes", ["disabled"]);
-function rl(c) {
+function ol(c) {
   if (typeof c != "string") return NaN;
   const a = /(\d+(?:\.\d+)?)([hms])/gi, t = [...c.matchAll(a)];
   return t.length === 0 ? NaN : t.reduce((i, [, s, o]) => {
@@ -2090,7 +2090,7 @@ ba.innerHTML = /* HTML */
   </div>
 `;
 const an = ["ArrowDown", "ArrowLeft", "ArrowRight", "Tab", "Enter", " ", "f", "m"];
-var zs, vt, mi, Mt, Dt, vi, b, O, ne, g, fi, ot, ft, Ft, $s, K, gt, re, it, j, Et, gi, Ei, D, Ht, Ot, h, yn, Bs, Gs, Ai, yi, ki, Ii, Li, wi, Ti, Si, Ci, Ks, kn, In, xi, Ni, Ri, qs, Ui, Pi, _i, Mi, ma, Ln, Di, wn, va, gs, fa, ga, Es, Ea, Tn, Aa, ya, ka, Fi, Ia, La, wa, Ta, Hi, Xs, Vs, Sa, Oi, js, Ys, ae, Sn, Cn, As, xt, ys, ks, Ca, xn, Js, Ws, Nn, E, w;
+var zs, vt, mi, Mt, Dt, vi, b, O, re, g, fi, ot, ft, Ft, $s, K, gt, ae, it, j, Et, gi, Ei, D, Ht, Ot, h, yn, Bs, Gs, Ai, yi, ki, Ii, Li, wi, Ti, Si, Ci, Ks, kn, In, xi, Ni, Ri, qs, Ui, Pi, _i, Mi, ma, Ln, Di, wn, va, gs, fa, ga, Es, Ea, Tn, Aa, ya, ka, Fi, Ia, La, wa, Ta, Hi, Vs, Xs, Sa, Oi, js, Ys, oe, Sn, Cn, As, xt, ys, ks, Ca, xn, Js, Ws, Nn, E, w;
 const Ye = class Ye extends HTMLElement {
   constructor() {
     var s;
@@ -2103,7 +2103,7 @@ const Ye = class Ye extends HTMLElement {
     l(this, vi);
     l(this, b);
     l(this, O);
-    l(this, ne);
+    l(this, re);
     l(this, g);
     l(this, fi, e(Ye, zs));
     l(this, ot);
@@ -2112,7 +2112,7 @@ const Ye = class Ye extends HTMLElement {
     l(this, $s);
     l(this, K);
     l(this, gt);
-    l(this, re);
+    l(this, ae);
     l(this, it);
     l(this, j);
     l(this, Et);
@@ -2157,7 +2157,7 @@ const Ye = class Ye extends HTMLElement {
       e(this, ot) !== t && this.setAttribute(r.CHANNEL_ID, t), ((i = e(this, b)) == null ? void 0 : i.playbackState) !== "buffering" && n(this, h, w).call(this, r.BUFFERING);
     });
     l(this, Li, (t) => {
-      d(this, ae, Date.now()), n(this, h, E).call(this, r.CHANNELS, JSON.stringify(t));
+      d(this, oe, Date.now()), n(this, h, E).call(this, r.CHANNELS, JSON.stringify(t));
     });
     l(this, wi, (t) => {
       var i;
@@ -2181,7 +2181,7 @@ const Ye = class Ye extends HTMLElement {
       o.searchParams.set("channelId", (z = e(this, ot)) != null ? z : "");
       const u = this.getAttribute("authentication-token");
       u && o.searchParams.set("authenticationToken", u);
-      const p = rl(s);
+      const p = ol(s);
       if (isNaN(p)) {
         e(this, D).error(`Invalid duration format: ${s}`);
         return;
@@ -2250,10 +2250,10 @@ const Ye = class Ye extends HTMLElement {
           n(this, h, Ta).call(this, t);
           break;
         case "keydown":
-          e(this, Vs).call(this, t);
+          e(this, Xs).call(this, t);
           break;
         case "keyup":
-          n(this, h, xt).call(this), e(this, Xs).call(this, t);
+          n(this, h, xt).call(this), e(this, Vs).call(this, t);
           break;
       }
     });
@@ -2331,7 +2331,7 @@ const Ye = class Ye extends HTMLElement {
             break;
         }
     });
-    l(this, Xs, (t) => {
+    l(this, Vs, (t) => {
       const { key: i } = t;
       if (!an.includes(i)) {
         this.removeEventListener("keyup", this);
@@ -2339,7 +2339,7 @@ const Ye = class Ye extends HTMLElement {
       }
       n(this, h, Sa).call(this, t);
     });
-    l(this, Vs, (t) => {
+    l(this, Xs, (t) => {
       const { metaKey: i, altKey: s, key: o } = t;
       i || s || !an.includes(o) || this.addEventListener("keyup", this, { once: !0 });
     });
@@ -2352,7 +2352,7 @@ const Ye = class Ye extends HTMLElement {
     });
     l(this, Ys, (t) => {
       var i, s, o, u;
-      t && n(this, h, ks).call(this), (i = e(this, g)) == null || i.hide(), d(this, O, e(this, ne)), n(this, h, gs).call(this), this.hasAttribute(r.PAUSED) ? (s = e(this, O)) == null || s.pause() : (o = e(this, O)) == null || o.play(), n(this, h, wn).call(this), n(this, h, kn).call(this), (u = e(this, g)) == null || u.pause(), t && (d(this, Ot, !1), setTimeout(() => {
+      t && n(this, h, ks).call(this), (i = e(this, g)) == null || i.hide(), d(this, O, e(this, re)), n(this, h, gs).call(this), this.hasAttribute(r.PAUSED) ? (s = e(this, O)) == null || s.pause() : (o = e(this, O)) == null || o.play(), n(this, h, wn).call(this), n(this, h, kn).call(this), (u = e(this, g)) == null || u.pause(), t && (d(this, Ot, !1), setTimeout(() => {
         n(this, h, ys).call(this);
       }, 100));
     });
@@ -2366,9 +2366,9 @@ const Ye = class Ye extends HTMLElement {
         });
         return;
       }
-      e(this, O) !== e(this, ne) && e(this, Ys).call(this, i);
+      e(this, O) !== e(this, re) && e(this, Ys).call(this, i);
     });
-    l(this, ae, null);
+    l(this, oe, null);
     l(this, Js, () => {
       var i, s, o;
       if (!("orientation" in screen) || !screen.orientation.lock)
@@ -2394,7 +2394,7 @@ const Ye = class Ye extends HTMLElement {
   }
   disconnectedCallback() {
     var t, i, s, o, u, p;
-    (t = e(this, b)) == null || t.unload(), (i = e(this, K)) == null || i.unload(), (s = e(this, gt)) == null || s.unload(), (o = e(this, re)) == null || o.unload(), (u = e(this, j)) == null || u.unload(), (p = e(this, g)) == null || p.cleanup();
+    (t = e(this, b)) == null || t.unload(), (i = e(this, K)) == null || i.unload(), (s = e(this, gt)) == null || s.unload(), (o = e(this, ae)) == null || o.unload(), (u = e(this, j)) == null || u.unload(), (p = e(this, g)) == null || p.cleanup();
     for (const v of Object.values(k))
       this.removeEventListener(v, e(this, Hi));
     n(this, h, wn).call(this), n(this, h, In).call(this), this.disconnectListener(this);
@@ -2417,8 +2417,8 @@ const Ye = class Ye extends HTMLElement {
           break;
         case "target-buffer-time":
           if (e(this, b) && s) {
-            const X = parseInt(s, 10);
-            Number.isNaN(X) || (e(this, b).targetBufferTime = X);
+            const V = parseInt(s, 10);
+            Number.isNaN(V) || (e(this, b).targetBufferTime = V);
           }
           break;
         case "user-interacting":
@@ -2434,7 +2434,7 @@ const Ye = class Ye extends HTMLElement {
           x(s) ? n(this, h, Ca).call(this) : n(this, h, xn).call(this);
           break;
         case "max-video-bit-rate":
-          d(this, Ft, s), x(s) ? n(this, h, E).call(this, r.MAX_VIDEO_BITRATE, s) : n(this, h, w).call(this, r.MAX_VIDEO_BITRATE), e(this, g) && (e(this, g).maxVideoBitRate = s ? ve(s) : void 0);
+          d(this, Ft, s), x(s) ? n(this, h, E).call(this, r.MAX_VIDEO_BITRATE, s) : n(this, h, w).call(this, r.MAX_VIDEO_BITRATE), e(this, g) && (e(this, g).maxVideoBitRate = s ? Wt(s) : void 0);
           break;
         case "max-initial-bit-rate":
           d(this, $s, s), x(s) ? n(this, h, E).call(this, r.MAX_INITIAL_BITRATE, s) : n(this, h, w).call(this, r.MAX_INITIAL_BITRATE);
@@ -2468,8 +2468,8 @@ const Ye = class Ye extends HTMLElement {
           break;
         case "volume":
           if (x(s)) {
-            const X = parseFloat(s);
-            e(this, g) && (e(this, g).volume = X), e(this, b) && (e(this, b).volume = X);
+            const V = parseFloat(s);
+            e(this, g) && (e(this, g).volume = V), e(this, b) && (e(this, b).volume = V);
           }
           break;
         case "timeshift":
@@ -2477,14 +2477,14 @@ const Ye = class Ye extends HTMLElement {
           break;
         case "drm-headers":
           if (x(s)) {
-            const X = ms(s);
-            X ? (ps = e(this, b)) == null || ps.drm.setHeaders(X) : e(this, D).warn("Invalid DRM headers format:", s);
+            const V = ms(s);
+            V ? (ps = e(this, b)) == null || ps.drm.setHeaders(V) : e(this, D).warn("Invalid DRM headers format:", s);
           }
           break;
         case "drm-queryparams":
           if (x(s)) {
-            const X = ms(s);
-            X ? (bs = e(this, b)) == null || bs.drm.setQueryParams(X) : e(this, D).warn("Invalid DRM query parameters format:", s);
+            const V = ms(s);
+            V ? (bs = e(this, b)) == null || bs.drm.setQueryParams(V) : e(this, D).warn("Invalid DRM query parameters format:", s);
           }
           break;
       }
@@ -2539,12 +2539,12 @@ const Ye = class Ye extends HTMLElement {
     n(this, h, yn).call(this);
   }
 };
-zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(), Dt = new WeakMap(), vi = new WeakMap(), b = new WeakMap(), O = new WeakMap(), ne = new WeakMap(), g = new WeakMap(), fi = new WeakMap(), ot = new WeakMap(), ft = new WeakMap(), Ft = new WeakMap(), $s = new WeakMap(), K = new WeakMap(), gt = new WeakMap(), re = new WeakMap(), it = new WeakMap(), j = new WeakMap(), Et = new WeakMap(), gi = new WeakMap(), Ei = new WeakMap(), D = new WeakMap(), Ht = new WeakMap(), Ot = new WeakMap(), h = new WeakSet(), yn = function() {
+zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(), Dt = new WeakMap(), vi = new WeakMap(), b = new WeakMap(), O = new WeakMap(), re = new WeakMap(), g = new WeakMap(), fi = new WeakMap(), ot = new WeakMap(), ft = new WeakMap(), Ft = new WeakMap(), $s = new WeakMap(), K = new WeakMap(), gt = new WeakMap(), ae = new WeakMap(), it = new WeakMap(), j = new WeakMap(), Et = new WeakMap(), gi = new WeakMap(), Ei = new WeakMap(), D = new WeakMap(), Ht = new WeakMap(), Ot = new WeakMap(), h = new WeakSet(), yn = function() {
   return $(this, null, function* () {
     var br, mr;
     if (!e(this, ot)) return;
     yield (br = e(this, b)) == null ? void 0 : br.unload();
-    const t = this.hasAttribute(r.PAUSED), i = this.hasAttribute(r.MUTED), s = Tr(this.getAttribute(r.MEDIA)), o = this.getAttribute(r.TEXT_TRACK) || void 0, u = this.getAttribute("edge-url") || void 0, p = this.getAttribute("authentication-token") || void 0, v = ve(this.getAttribute("max-video-bit-rate")), A = ve(this.getAttribute("max-initial-bit-rate")), z = Qo(this.getAttribute("max-size")), ut = ve(this.getAttribute("min-buffer-time")), at = ve(this.getAttribute("max-buffer-time")), jt = H(this.getAttribute("burst-enabled")), Yt = H(this.getAttribute("mse-enabled")), Jt = H(this.getAttribute("mse-opus-enabled")), cs = H(this.getAttribute("ios-background-play-enabled")), us = H(this.getAttribute("ios-wake-lock-enabled")), ps = H(this.getAttribute("ios-media-element-enabled")), bs = H(this.getAttribute("abr-enabled")), X = H(this.getAttribute("size-based-resolution-cap-enabled")), ko = H(this.getAttribute("telemetry-enabled")), Io = Wo(this.getAttribute("video-codecs")), cr = Sr(this.getAttribute("poster")), Lo = Zo(this.getAttribute("advanced")), wo = rn(this.getAttribute("log-level")), To = {
+    const t = this.hasAttribute(r.PAUSED), i = this.hasAttribute(r.MUTED), s = Wt(this.getAttribute(r.VOLUME)), o = typeof s == "number" ? Math.max(0, Math.min(1, s)) : s, u = Tr(this.getAttribute(r.MEDIA)), p = this.getAttribute(r.TEXT_TRACK) || void 0, v = this.getAttribute("edge-url") || void 0, A = this.getAttribute("authentication-token") || void 0, z = Wt(this.getAttribute("max-video-bit-rate")), ut = Wt(this.getAttribute("max-initial-bit-rate")), at = tl(this.getAttribute("max-size")), jt = Wt(this.getAttribute("min-buffer-time")), Yt = Wt(this.getAttribute("max-buffer-time")), Jt = H(this.getAttribute("burst-enabled")), cs = H(this.getAttribute("mse-enabled")), us = H(this.getAttribute("mse-opus-enabled")), ps = H(this.getAttribute("ios-background-play-enabled")), bs = H(this.getAttribute("ios-wake-lock-enabled")), V = H(this.getAttribute("ios-media-element-enabled")), ko = H(this.getAttribute("abr-enabled")), Io = H(this.getAttribute("size-based-resolution-cap-enabled")), Lo = H(this.getAttribute("telemetry-enabled")), wo = Zo(this.getAttribute("video-codecs")), cr = Sr(this.getAttribute("poster")), To = el(this.getAttribute("advanced")), So = rn(this.getAttribute("log-level")), Co = {
       headers: ms(this.getAttribute("drm-headers")),
       queryParams: ms(this.getAttribute("drm-queryparams")),
       widevine: {
@@ -2555,41 +2555,42 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
         videoRobustness: vs(this.getAttribute("drm-playready-video-robustness")),
         audioRobustness: vs(this.getAttribute("drm-playready-audio-robustness"))
       }
-    }, So = H(this.getAttribute("webtransport-enabled")), ur = ve(this.getAttribute("reconnect-retries")), Co = ur !== void 0 ? (_o) => _o.reconnectRetries < ur : void 0, xo = this.getAttribute("language") || void 0;
-    d(this, b, new Oo({
+    }, xo = H(this.getAttribute("webtransport-enabled")), ur = Wt(this.getAttribute("reconnect-retries")), No = ur !== void 0 ? (Do) => Do.reconnectRetries < ur : void 0, Ro = this.getAttribute("language") || void 0;
+    d(this, b, new $o({
       url: e(this, fi),
       channelId: e(this, ot),
       channelGroupId: e(this, ft),
-      edgeUrl: u,
-      authenticationToken: p,
+      edgeUrl: v,
+      authenticationToken: A,
       muted: i,
-      media: s,
-      maxSize: z,
-      maxVideoBitRate: v,
-      maxInitialBitRate: A,
-      minBufferTime: ut,
-      maxBufferTime: at,
-      burstEnabled: jt,
-      mseEnabled: Yt,
-      mseOpusEnabled: Jt,
-      iosBackgroundPlayEnabled: cs,
-      iosWakeLockEnabled: us,
-      iosMediaElementEnabled: ps,
-      abrEnabled: bs,
-      sizeBasedResolutionCapEnabled: X,
-      telemetryEnabled: ko,
-      videoCodecs: Io,
+      volume: o,
+      media: u,
+      maxSize: at,
+      maxVideoBitRate: z,
+      maxInitialBitRate: ut,
+      minBufferTime: jt,
+      maxBufferTime: Yt,
+      burstEnabled: Jt,
+      mseEnabled: cs,
+      mseOpusEnabled: us,
+      iosBackgroundPlayEnabled: ps,
+      iosWakeLockEnabled: bs,
+      iosMediaElementEnabled: V,
+      abrEnabled: ko,
+      sizeBasedResolutionCapEnabled: Io,
+      telemetryEnabled: Lo,
+      videoCodecs: wo,
       poster: cr,
-      textTrack: o,
-      advanced: Lo,
-      logLevel: wo,
-      language: xo,
-      drm: To,
-      webtransportEnabled: So,
-      reconnectHandler: Co
-    })), d(this, ne, new nl(e(this, b))), e(this, O) || d(this, O, e(this, ne)), n(this, h, kn).call(this), d(this, Dt, (mr = this.shadowRoot) == null ? void 0 : mr.querySelector("#video")), e(this, Dt) && e(this, b).attach(e(this, Dt)), this.setAttribute(r.MEDIA, e(this, b).media), e(this, b).muted && n(this, h, E).call(this, r.MUTED, ""), n(this, h, E).call(this, r.VOLUME, e(this, b).volume.toString()), x(cr) || n(this, h, E).call(this, r.POSTER_SRC, e(this, b).getThumbnailUrl());
-    const No = H(this.getAttribute(r.AIRPLAY_ENABLED), !1), Ro = H(this.getAttribute(r.CAST_ENABLED), !0), pr = H(this.getAttribute(r.FULLSCREEN_ENABLED), !0), Uo = H(this.getAttribute(r.PIP_ENABLED), !0), Po = H(this.getAttribute(r.VU_METER_ENABLED), !1);
-    No && n(this, h, ya).call(this, e(this, b)), Ro && n(this, h, Ea).call(this, e(this, b)), pr && n(this, h, fa).call(this, e(this, b)), Uo && n(this, h, va).call(this, e(this, b)), t || e(this, b).play(), Po && n(this, h, ka).call(this, e(this, b)), this.dispatchEvent(
+      textTrack: p,
+      advanced: To,
+      logLevel: So,
+      language: Ro,
+      drm: Co,
+      webtransportEnabled: xo,
+      reconnectHandler: No
+    })), d(this, re, new al(e(this, b))), e(this, O) || d(this, O, e(this, re)), n(this, h, kn).call(this), d(this, Dt, (mr = this.shadowRoot) == null ? void 0 : mr.querySelector("#video")), e(this, Dt) && e(this, b).attach(e(this, Dt)), this.setAttribute(r.MEDIA, e(this, b).media), e(this, b).muted && n(this, h, E).call(this, r.MUTED, ""), n(this, h, E).call(this, r.VOLUME, e(this, b).volume.toString()), x(cr) || n(this, h, E).call(this, r.POSTER_SRC, e(this, b).getThumbnailUrl());
+    const Uo = H(this.getAttribute(r.AIRPLAY_ENABLED), !1), Po = H(this.getAttribute(r.CAST_ENABLED), !0), pr = H(this.getAttribute(r.FULLSCREEN_ENABLED), !0), _o = H(this.getAttribute(r.PIP_ENABLED), !0), Mo = H(this.getAttribute(r.VU_METER_ENABLED), !1);
+    Uo && n(this, h, ya).call(this, e(this, b)), Po && n(this, h, Ea).call(this, e(this, b)), pr && n(this, h, fa).call(this, e(this, b)), _o && n(this, h, va).call(this, e(this, b)), t || e(this, b).play(), Mo && n(this, h, ka).call(this, e(this, b)), this.dispatchEvent(
       new CustomEvent("vindral-instance-ready", { bubbles: !0, composed: !0, detail: e(this, b) })
     ), n(this, h, Ln).call(this), pr && n(this, h, ga).call(this);
   });
@@ -2601,7 +2602,7 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
   e(this, g) && (e(this, g).addEventListener("playing", e(this, xi)), e(this, g).addEventListener("pause", e(this, Ni)), e(this, g).addEventListener("ended", e(this, Ri)), e(this, g).addEventListener("timeupdate", e(this, Ui)), e(this, g).addEventListener("volumechange", e(this, Pi)), e(this, g).addEventListener("hlsbuffering", e(this, _i)), e(this, g).addEventListener("hlsnotbuffering", e(this, Mi)), e(this, g).addEventListener("timeshiftready", e(this, Di)));
 }, Ln = function() {
   var t, i, s, o;
-  d(this, g, new sl(e(this, vi), {
+  d(this, g, new rl(e(this, vi), {
     volume: (i = (t = e(this, O)) == null ? void 0 : t.volume) != null ? i : 1,
     muted: (o = (s = e(this, O)) == null ? void 0 : s.muted) != null ? o : !1,
     maxVideoBitRate: e(this, Ft) ? parseInt(e(this, Ft), 10) : void 0
@@ -2626,13 +2627,13 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
   });
 }, ga = function() {
   var t;
-  e(this, g) && (d(this, re, !pt.isFullscreenApiSupported(this) && pt.isFullscreenApiSupported((t = e(this, g)) == null ? void 0 : t.videoElement) ? new pt(e(this, g).videoElement) : new pt(this)), e(this, re).on("on fullscreen change", (i) => {
+  e(this, g) && (d(this, ae, !pt.isFullscreenApiSupported(this) && pt.isFullscreenApiSupported((t = e(this, g)) == null ? void 0 : t.videoElement) ? new pt(e(this, g).videoElement) : new pt(this)), e(this, ae).on("on fullscreen change", (i) => {
     i ? n(this, h, E).call(this, r.FULLSCREEN, "") : n(this, h, w).call(this, r.FULLSCREEN);
   }));
 }, Es = function() {
-  return this.hasAttribute(r.TIMESHIFT) ? e(this, re) : e(this, gt);
+  return this.hasAttribute(r.TIMESHIFT) ? e(this, ae) : e(this, gt);
 }, Ea = function(t) {
-  d(this, Et, new qo({
+  d(this, Et, new Xo({
     background: e(this, Ei),
     receiverApplicationId: e(this, gi),
     options: t.getCastOptions()
@@ -2653,7 +2654,7 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
   var s;
   (s = e(this, it)) == null || s.unload();
   const i = t.getCastOptions();
-  d(this, it, new il({
+  d(this, it, new nl({
     url: i.url,
     channelId: i.channelId,
     authenticationToken: i.authenticationToken,
@@ -2667,7 +2668,7 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
   });
 }, ka = function(t) {
   var i;
-  if ((i = e(this, j)) == null || i.unload(), !zo()) {
+  if ((i = e(this, j)) == null || i.unload(), !Bo()) {
     if (t.audioNode)
       d(this, j, new kr(t.audioNode));
     else if (t.mediaElement instanceof HTMLMediaElement)
@@ -2687,7 +2688,7 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
   !e(this, gt) || t.target instanceof rt || t.target instanceof dr || t.target instanceof ni || (this.hasAttribute(r.FULLSCREEN) ? this.removeAttribute(r.FULLSCREEN) : this.setAttribute(r.FULLSCREEN, ""));
 }, Ta = function(t) {
   this.hasAttribute(r.USER_INTERACTING) || n(this, h, xt).call(this);
-}, Hi = new WeakMap(), Xs = new WeakMap(), Vs = new WeakMap(), Sa = function(t) {
+}, Hi = new WeakMap(), Vs = new WeakMap(), Xs = new WeakMap(), Sa = function(t) {
   var p, v;
   const { metaKey: i, altKey: s, key: o } = t;
   if (!(i || s || !an.includes(o) || (((p = t.target) == null ? void 0 : p.keysUsed) || []).includes(o)))
@@ -2702,15 +2703,15 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
         (v = this.querySelector("vindral-scroll-overlay")) == null || v.setAttribute("open", "");
         break;
     }
-}, Oi = new WeakMap(), js = new WeakMap(), Ys = new WeakMap(), ae = new WeakMap(), Sn = function() {
+}, Oi = new WeakMap(), js = new WeakMap(), Ys = new WeakMap(), oe = new WeakMap(), Sn = function() {
   return $(this, null, function* () {
     if (!e(this, b) || !e(this, ft))
       return;
     const t = Date.now();
-    if (e(this, ae) && t - e(this, ae) < 1e4)
+    if (e(this, oe) && t - e(this, oe) < 1e4)
       e(this, D).debug("Skipping channel update, last update was less than 10 seconds ago.");
     else {
-      d(this, ae, t);
+      d(this, oe, t);
       const i = yield e(this, b).getApiClient().getChannels(e(this, ft));
       n(this, h, E).call(this, r.CHANNELS, JSON.stringify(i));
     }
@@ -2804,12 +2805,12 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
   "language"
 ]), l(Ye, zs, "https://lb.cdn.vindral.com");
 let ri = Ye;
-const xa = document.createElement("template"), al = (
+const xa = document.createElement("template"), ll = (
   /* 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>
 `
-), ol = (
+), hl = (
   /* 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>
@@ -2832,8 +2833,8 @@ xa.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="enter">${al}</slot>
-    <slot name="exit">${ol}</slot>
+    <slot name="enter">${ll}</slot>
+    <slot name="exit">${hl}</slot>
   </slot>
 `;
 const Je = class Je extends rt {
@@ -2863,7 +2864,7 @@ const Je = class Je extends rt {
 };
 m(Je, "observedAttributes", [...J(Je, Je, "observedAttributes"), r.FULLSCREEN]);
 let Rn = Je;
-const ll = (
+const dl = (
   /* 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>
@@ -2877,7 +2878,7 @@ Na.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="button">${ll}</slot>
+  <slot name="button">${dl}</slot>
   <slot name="listbox" hidden>
     <vindral-language-menu-list id="listbox" part="listbox"></vindral-language-menu-list>
   </slot>
@@ -2902,7 +2903,7 @@ zi = new WeakSet(), Pn = function() {
   i && s ? this.setAttribute("hidden", "") : this.removeAttribute("hidden");
 }, m(We, "observedAttributes", [...J(We, We, "observedAttributes"), r.LANGUAGES, r.TEXT_TRACKS]);
 let Un = We;
-const Ra = document.createElement("template"), hl = (
+const Ra = document.createElement("template"), cl = (
   /* 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>
@@ -2984,7 +2985,7 @@ Ra.innerHTML = /* HTML */
     }
 
     [role="menuitem"][aria-selected="true"]::before {
-      content: url("data:image/svg+xml,${encodeURIComponent(hl)}");
+      content: url("data:image/svg+xml,${encodeURIComponent(cl)}");
       position: absolute;
       left: var(--padding-3);
       top: calc(50% - 8px);
@@ -3023,7 +3024,7 @@ Ra.innerHTML = /* HTML */
     <div class="menu"></div>
   </div>
 `;
-var $i, Bi, Gi, Ki, lt, Q, oe, zt, _e, qi, At, ht, I, Pa, _a, _n, Mn, Is, Ke, qe, Ma, Da, Fa, Dn, Fn, Ha;
+var $i, Bi, Gi, Ki, lt, Q, le, zt, _e, qi, At, ht, I, Pa, _a, _n, Mn, Is, Ke, qe, Ma, Da, Fa, Dn, Fn, Ha;
 class Ua extends HTMLElement {
   constructor() {
     super();
@@ -3034,7 +3035,7 @@ class Ua extends HTMLElement {
     l(this, Ki);
     l(this, lt, []);
     l(this, Q, []);
-    l(this, oe, null);
+    l(this, le, null);
     l(this, zt, null);
     l(this, _e, null);
     l(this, qi, null);
@@ -3052,7 +3053,7 @@ class Ua extends HTMLElement {
   connectedCallback() {
     var i, s, o;
     const t = this.getRootNode();
-    t instanceof ShadowRoot && (d(this, _e, t.host.closest("vindral-controller")), (i = e(this, _e)) == null || i.connectListener(this), d(this, oe, (s = this.shadowRoot) == null ? void 0 : s.querySelector("#languages .menu")), d(this, zt, (o = this.shadowRoot) == null ? void 0 : o.querySelector("#text-tracks .menu")), n(this, I, Pa).call(this), n(this, I, _a).call(this), d(this, qi, t.host), this.addEventListener("keydown", this));
+    t instanceof ShadowRoot && (d(this, _e, t.host.closest("vindral-controller")), (i = e(this, _e)) == null || i.connectListener(this), d(this, le, (s = this.shadowRoot) == null ? void 0 : s.querySelector("#languages .menu")), d(this, zt, (o = this.shadowRoot) == null ? void 0 : o.querySelector("#text-tracks .menu")), n(this, I, Pa).call(this), n(this, I, _a).call(this), d(this, qi, t.host), this.addEventListener("keydown", this));
   }
   disconnectedCallback() {
     this.removeEventListener("keydown", this);
@@ -3079,7 +3080,7 @@ class Ua extends HTMLElement {
     e(this, At) ? e(this, At).focus() : e(this, ht) && e(this, ht).focus();
   }
 }
-$i = new WeakMap(), Bi = new WeakMap(), Gi = new WeakMap(), Ki = new WeakMap(), lt = new WeakMap(), Q = new WeakMap(), oe = new WeakMap(), zt = new WeakMap(), _e = new WeakMap(), qi = new WeakMap(), At = new WeakMap(), ht = new WeakMap(), I = new WeakSet(), Pa = function() {
+$i = new WeakMap(), Bi = new WeakMap(), Gi = new WeakMap(), Ki = new WeakMap(), lt = new WeakMap(), Q = new WeakMap(), le = new WeakMap(), zt = new WeakMap(), _e = new WeakMap(), qi = new WeakMap(), At = new WeakMap(), ht = new WeakMap(), I = new WeakSet(), Pa = function() {
   const t = (s) => {
     s.forEach((o) => {
       if (o.intersectionRatio !== 1)
@@ -3097,7 +3098,7 @@ $i = new WeakMap(), Bi = new WeakMap(), Gi = new WeakMap(), Ki = new WeakMap(),
     // 0 means any intersection is enough to be considered "inside"
   }).observe(this);
 }, _a = function() {
-  e(this, oe) && (n(this, I, Mn).call(this), n(this, I, Ke).call(this)), e(this, zt) && (n(this, I, _n).call(this), n(this, I, qe).call(this));
+  e(this, le) && (n(this, I, Mn).call(this), n(this, I, Ke).call(this)), e(this, zt) && (n(this, I, _n).call(this), n(this, I, qe).call(this));
 }, _n = function() {
   e(this, zt).innerHTML = "", d(this, Q, []);
   const t = n(this, I, Is).call(this, "Off", "textTrack", void 0);
@@ -3106,9 +3107,9 @@ $i = new WeakMap(), Bi = new WeakMap(), Gi = new WeakMap(), Ki = new WeakMap(),
     e(this, zt).appendChild(s), e(this, Q).push({ element: s, value: i });
   }), n(this, I, qe).call(this);
 }, Mn = function() {
-  e(this, oe).innerHTML = "", d(this, lt, []), e(this, $i).forEach((t) => {
+  e(this, le).innerHTML = "", d(this, lt, []), e(this, $i).forEach((t) => {
     const i = n(this, I, Is).call(this, t, "language", t);
-    e(this, oe).appendChild(i), e(this, lt).push({ element: i, value: t });
+    e(this, le).appendChild(i), e(this, lt).push({ element: i, value: t });
   }), n(this, I, Ke).call(this);
 }, Is = function(t, i, s) {
   const o = document.createElement("div");
@@ -3157,7 +3158,7 @@ $i = new WeakMap(), Bi = new WeakMap(), Gi = new WeakMap(), Ki = new WeakMap(),
   r.LANGUAGE,
   r.TEXT_TRACK
 ]);
-const Oa = document.createElement("template"), dl = (
+const Oa = document.createElement("template"), ul = (
   /* SVG */
   `
   <svg xmlns="http://www.w3.org/2000/svg" width="5" height="5" viewBox="0 0 5 5" fill="currentColor">
@@ -3227,7 +3228,7 @@ Oa.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="icon">${dl}</slot>
+  <slot name="icon">${ul}</slot>
   <span class="live-text">LIVE</span>
 `;
 const Qe = class Qe extends rt {
@@ -3263,7 +3264,7 @@ const Qe = class Qe extends rt {
 };
 m(Qe, "observedAttributes", [...J(Qe, Qe, "observedAttributes"), r.TIMESHIFT, r.DURATION]);
 let Hn = Qe;
-const za = document.createElement("template"), cl = (
+const za = document.createElement("template"), pl = (
   /* SVG */
   `
 <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  <g fill="none" stroke="currentColor">
@@ -3271,7 +3272,7 @@ const za = document.createElement("template"), cl = (
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2" />
 </g></svg>
 `
-), ul = (
+), bl = (
   /* SVG */
   `
   <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  <g fill="none" stroke="currentColor">
@@ -3295,8 +3296,8 @@ za.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="mute">${cl}</slot>
-    <slot name="unmute">${ul}</slot>
+    <slot name="mute">${pl}</slot>
+    <slot name="unmute">${bl}</slot>
   </slot>
 `;
 const Ze = class Ze extends rt {
@@ -3326,7 +3327,7 @@ const Ze = class Ze extends rt {
 };
 m(Ze, "observedAttributes", [...J(Ze, Ze, "observedAttributes"), r.MUTED]);
 let On = Ze;
-const $a = document.createElement("template"), pl = (
+const $a = document.createElement("template"), ml = (
   /* 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>
@@ -3343,7 +3344,7 @@ $a.innerHTML = /* HTML */
       display: none !important;
     }
   </style>
-  <slot name="icon">${pl}</slot>
+  <slot name="icon">${ml}</slot>
 `;
 const ti = class ti extends rt {
   constructor() {
@@ -3378,12 +3379,12 @@ const ti = class ti extends rt {
 };
 m(ti, "observedAttributes", [...J(ti, ti, "observedAttributes"), r.IS_PIP, r.PIP_AVAILABLE]);
 let zn = ti;
-const Ba = document.createElement("template"), bl = (
+const Ba = document.createElement("template"), vl = (
   /* 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>
 `
-), ml = (
+), fl = (
   /* 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>
@@ -3406,8 +3407,8 @@ Ba.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="play">${bl}</slot>
-    <slot name="pause">${ml}</slot>
+    <slot name="play">${vl}</slot>
+    <slot name="pause">${fl}</slot>
   </slot>
 `;
 const ei = class ei extends rt {
@@ -3442,47 +3443,47 @@ const Z = {
   OFFLINE: "offline",
   REFRESH_POSTER_ENABLED: "refresh-poster-enabled",
   STREAM_POLL_ENABLED: "stream-poll-enabled"
-}, vl = Object.values(Z);
-var Xi, Me, $t, le, Bt, Gt, yt, Y, Bn, Ga, Gn, Kn;
-class fl extends ds {
+}, gl = Object.values(Z);
+var Vi, Me, $t, he, Bt, Gt, yt, Y, Bn, Ga, Gn, Kn;
+class El extends ds {
   constructor(t) {
     super();
     l(this, Y);
-    l(this, Xi);
+    l(this, Vi);
     l(this, Me);
     l(this, $t, !1);
-    l(this, le, !1);
+    l(this, he, !1);
     l(this, Bt, !0);
     l(this, Gt, null);
     l(this, yt, null);
-    d(this, Me, t), d(this, Xi, new Xo({
+    d(this, Me, t), d(this, Vi, new jo({
       publicEndpoint: t.url,
       tokenFactory: () => t.authenticationToken
     }));
   }
   start(t = 5e3) {
-    e(this, yt) && clearInterval(e(this, yt)), d(this, $t, !1), d(this, le, !1), n(this, Y, Kn).call(this), n(this, Y, Bn).call(this), d(this, yt, window.setInterval(() => {
-      !e(this, le) && !e(this, Me).infiniteReconnect && !e(this, Gt) && e(this, Bt) && d(this, Gt, window.setTimeout(() => n(this, Y, Ga).call(this), 300 * 1e3)), !e(this, le) && e(this, Bt) && n(this, Y, Bn).call(this);
+    e(this, yt) && clearInterval(e(this, yt)), d(this, $t, !1), d(this, he, !1), n(this, Y, Kn).call(this), n(this, Y, Bn).call(this), d(this, yt, window.setInterval(() => {
+      !e(this, he) && !e(this, Me).infiniteReconnect && !e(this, Gt) && e(this, Bt) && d(this, Gt, window.setTimeout(() => n(this, Y, Ga).call(this), 300 * 1e3)), !e(this, he) && e(this, Bt) && n(this, Y, Bn).call(this);
     }, t));
   }
   stop() {
     n(this, Y, Gn).call(this), e(this, yt) && (window.clearInterval(e(this, yt)), d(this, yt, null));
   }
 }
-Xi = new WeakMap(), Me = new WeakMap(), $t = new WeakMap(), le = new WeakMap(), Bt = new WeakMap(), Gt = new WeakMap(), yt = new WeakMap(), Y = new WeakSet(), Bn = function() {
+Vi = new WeakMap(), Me = new WeakMap(), $t = new WeakMap(), he = new WeakMap(), Bt = new WeakMap(), Gt = new WeakMap(), yt = new WeakMap(), Y = new WeakSet(), Bn = function() {
   return $(this, null, function* () {
     if (e(this, $t))
       return;
     d(this, $t, !0);
     let t = "Stream is offline", i = "Please stand by";
     try {
-      const s = yield e(this, Xi).getChannel(e(this, Me).channelId);
+      const s = yield e(this, Vi).getChannel(e(this, Me).channelId);
       if (s.isLive) {
-        d(this, le, !0), n(this, Y, Kn).call(this), this.emit("live", s), d(this, $t, !1);
+        d(this, he, !0), n(this, Y, Kn).call(this), this.emit("live", s), d(this, $t, !1);
         return;
       }
     } catch (s) {
-      Vo(s) && (s.status === 403 || s.status === 401) && (t = "Forbidden", i = "You do not have permission to view this stream");
+      Yo(s) && (s.status === 403 || s.status === 401) && (t = "Forbidden", i = "You do not have permission to view this stream");
     }
     e(this, Bt) && this.emit("error", { title: t, message: i }), d(this, $t, !1);
   });
@@ -3493,7 +3494,7 @@ Xi = new WeakMap(), Me = new WeakMap(), $t = new WeakMap(), le = new WeakMap(),
 }, Kn = function() {
   n(this, Y, Gn).call(this), d(this, Bt, !0);
 };
-const gl = /\/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, El = navigator.userAgent.toLowerCase(), Al = gl.test(El), yl = (c) => ri.observedAttributes.includes(c), Ka = (
+const Al = /\/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, yl = navigator.userAgent.toLowerCase(), kl = Al.test(yl), Il = (c) => ri.observedAttributes.includes(c), Ka = (
   /* HTML */
   `
   <style>
@@ -3505,7 +3506,7 @@ const gl = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|
       display: flex;
       justify-content: center;
 
-      --vindral-volume-range-display: ${Al ? "none" : "flex"};
+      --vindral-volume-range-display: ${kl ? "none" : "flex"};
       --vindral-airplay-button-display: none;
       --vindral-play-overlay-display: none;
       --vindral-grid-item-offline-display: none;
@@ -3573,7 +3574,7 @@ const gl = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|
     }
   </style>
 `
-), kl = (
+), Ll = (
   /* HTML */
   `
   ${Ka}
@@ -3610,7 +3611,7 @@ const gl = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|
     <vindral-message id="vindral-message" slot="overlay" hidden></vindral-message>
   </vindral-controller>
 `
-), Il = (
+), wl = (
   /* HTML */
   `
   ${Ka}
@@ -3637,7 +3638,7 @@ const gl = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|
   </vindral-controller>
 `
 ), Ir = document.createElement("template");
-var dt, F, q, kt, It, Qs, Vi, P, Xa, qn, Va, ji, Ls, Nt;
+var dt, F, q, kt, It, Qs, Xi, P, Va, qn, Xa, ji, Ls, Nt;
 class qa extends HTMLElement {
   constructor() {
     super();
@@ -3649,11 +3650,11 @@ class qa extends HTMLElement {
     l(this, It);
     l(this, Qs, () => {
       Array.from(this.attributes).forEach((t) => {
-        e(this, Vi).call(this, t.name, t.value);
+        e(this, Xi).call(this, t.name, t.value);
       });
     });
-    l(this, Vi, (t, i) => {
-      yl(t) && (x(i) ? e(this, F).setAttribute(t, i) : e(this, F).removeAttribute(t));
+    l(this, Xi, (t, i) => {
+      Il(t) && (x(i) ? e(this, F).setAttribute(t, i) : e(this, F).removeAttribute(t));
     });
     l(this, ji, () => {
       const t = e(this, F).instance;
@@ -3666,17 +3667,17 @@ class qa extends HTMLElement {
         const s = t.channels.find((o) => o.channelId === i);
         s && n(this, P, Ls).call(this, s);
       }), t.on("error", (i) => {
-        if (i.code() === $o) {
+        if (i.code() === Go) {
           n(this, P, Nt).call(this, "Stream is offline", "Please stand by");
           return;
         }
-        i.isFatal() && (i.code() === Bo ? n(this, P, Nt).call(this, "Forbidden", "You do not have permission to view this stream") : i.code() === Go ? n(this, P, Nt).call(this, "Stream is offline", "Please stand by") : n(this, P, Nt).call(this, "An error occurred", i.message), e(this, kt).removeAttribute("hidden"), this.setAttribute(Z.OFFLINE, ""), e(this, F).dispatchEvent(new CustomEvent(k.EXIT_FULLSCREEN)), e(this, F).dispatchEvent(new CustomEvent(k.EXIT_PIP)));
+        i.isFatal() && (i.code() === Ko ? n(this, P, Nt).call(this, "Forbidden", "You do not have permission to view this stream") : i.code() === qo ? n(this, P, Nt).call(this, "Stream is offline", "Please stand by") : n(this, P, Nt).call(this, "An error occurred", i.message), e(this, kt).removeAttribute("hidden"), this.setAttribute(Z.OFFLINE, ""), e(this, F).dispatchEvent(new CustomEvent(k.EXIT_FULLSCREEN)), e(this, F).dispatchEvent(new CustomEvent(k.EXIT_PIP)));
       }));
     });
     d(this, dt, this.attachShadow({ mode: "open" })), n(this, P, qn).call(this), d(this, F, e(this, dt).querySelector("vindral-controller")), d(this, q, e(this, dt).querySelector("#vindral-message")), d(this, kt, e(this, dt).querySelector("#play-overlay"));
   }
   connectedCallback() {
-    this.setAttribute(Z.OFFLINE, ""), e(this, F).addEventListener("vindral-instance-ready", e(this, ji)), n(this, P, Va).call(this);
+    this.setAttribute(Z.OFFLINE, ""), e(this, F).addEventListener("vindral-instance-ready", e(this, ji)), n(this, P, Xa).call(this);
   }
   disconnectedCallback() {
     var t;
@@ -3690,7 +3691,7 @@ class qa extends HTMLElement {
         const o = e(this, dt).querySelector("vindral-poster-overlay");
         o && (o.disabled = H(this.getAttribute(Z.REFRESH_POSTER_ENABLED), !1) === !1);
       } else
-        e(this, Vi).call(this, t, s);
+        e(this, Xi).call(this, t, s);
   }
   get instance() {
     return e(this, F).instance;
@@ -3699,15 +3700,15 @@ class qa extends HTMLElement {
     return e(this, F).airPlay;
   }
 }
-dt = new WeakMap(), F = new WeakMap(), q = new WeakMap(), kt = new WeakMap(), It = new WeakMap(), Qs = new WeakMap(), Vi = new WeakMap(), P = new WeakSet(), Xa = function() {
-  return Tr(this.getAttribute(r.MEDIA)) === "audio" ? Il : kl;
+dt = new WeakMap(), F = new WeakMap(), q = new WeakMap(), kt = new WeakMap(), It = new WeakMap(), Qs = new WeakMap(), Xi = new WeakMap(), P = new WeakSet(), Va = function() {
+  return Tr(this.getAttribute(r.MEDIA)) === "audio" ? wl : Ll;
 }, qn = function() {
-  Ir.innerHTML = n(this, P, Xa).call(this);
+  Ir.innerHTML = n(this, P, Va).call(this);
   const t = Ir.content.cloneNode(!0);
   d(this, F, t.querySelector("vindral-controller")), d(this, q, t.querySelector("#vindral-message")), d(this, kt, t.querySelector("#play-overlay")), this.children.length > 0 && Array.from(this.children).forEach((i) => {
     e(this, F).appendChild(i);
   }), e(this, Qs).call(this), e(this, dt).innerHTML = "", e(this, dt).appendChild(t);
-}, Va = function() {
+}, Xa = function() {
   var u;
   if (H(this.getAttribute(Z.STREAM_POLL_ENABLED), !0) === !1)
     return;
@@ -3716,7 +3717,7 @@ dt = new WeakMap(), F = new WeakMap(), q = new WeakMap(), kt = new WeakMap(), It
     this.setAttribute(Z.OFFLINE, ""), n(this, P, Nt).call(this, "Invalid options", "Please enter at least a channel id and url to start the stream");
     return;
   }
-  d(this, It, new fl({
+  d(this, It, new El({
     url: t,
     channelId: i,
     authenticationToken: s,
@@ -3736,7 +3737,7 @@ dt = new WeakMap(), F = new WeakMap(), q = new WeakMap(), kt = new WeakMap(), It
   if (!i) return;
   const s = this.getAttribute("poster"), o = typeof i == "string" ? i : t.name;
   let u;
-  typeof s == "string" ? u = s : u = (v = (p = this.instance) == null ? void 0 : p.getThumbnailUrl()) != null ? v : t.thumbnailUrls.length ? t.thumbnailUrls[0] : void 0, Jo({
+  typeof s == "string" ? u = s : u = (v = (p = this.instance) == null ? void 0 : p.getThumbnailUrl()) != null ? v : t.thumbnailUrls.length ? t.thumbnailUrls[0] : void 0, Qo({
     title: o,
     poster: u
   });
@@ -3744,7 +3745,7 @@ dt = new WeakMap(), F = new WeakMap(), q = new WeakMap(), kt = new WeakMap(), It
   e(this, q).setAttribute("title", t), e(this, q).setAttribute("description", i);
   const s = this.getAttribute("poster");
   s && e(this, q).setAttribute("background-image", s), e(this, q).removeAttribute("hidden");
-}, m(qa, "observedAttributes", [...ri.observedAttributes, ...vl]);
+}, m(qa, "observedAttributes", [...ri.observedAttributes, ...gl]);
 const ja = document.createElement("template");
 ja.innerHTML = /* HTML */
 `
@@ -3782,15 +3783,15 @@ ja.innerHTML = /* HTML */
     }
   </style>
 `;
-const Ll = 6e3;
-var De, Kt, he, Fe, nt, Ja, ws, Xn, Zs;
+const Tl = 6e3;
+var De, Kt, de, Fe, nt, Ja, ws, Vn, Zs;
 class Ya extends HTMLElement {
   constructor() {
     super();
     l(this, nt);
     l(this, De, null);
     l(this, Kt, null);
-    l(this, he, null);
+    l(this, de, null);
     l(this, Fe, () => {
       !document.hidden && this.hasAttribute("intersecting") && this.paused && !this.disabled ? n(this, nt, Ja).call(this) : n(this, nt, ws).call(this);
     });
@@ -3803,14 +3804,14 @@ class Ya extends HTMLElement {
   }
   connectedCallback() {
     var t;
-    d(this, De, this.closest("vindral-controller")), (t = e(this, De)) == null || t.connectListener(this), document.addEventListener("visibilitychange", e(this, Fe)), d(this, he, new IntersectionObserver(e(this, Zs))), e(this, he).observe(this);
+    d(this, De, this.closest("vindral-controller")), (t = e(this, De)) == null || t.connectListener(this), document.addEventListener("visibilitychange", e(this, Fe)), d(this, de, new IntersectionObserver(e(this, Zs))), e(this, de).observe(this);
   }
   disconnectedCallback() {
     var t, i;
-    (t = e(this, De)) == null || t.disconnectListener(this), document.removeEventListener("visibilitychange", e(this, Fe)), (i = e(this, he)) == null || i.disconnect(), d(this, he, null), n(this, nt, ws).call(this);
+    (t = e(this, De)) == null || t.disconnectListener(this), document.removeEventListener("visibilitychange", e(this, Fe)), (i = e(this, de)) == null || i.disconnect(), d(this, de, null), n(this, nt, ws).call(this);
   }
   attributeChangedCallback(t, i, s) {
-    i !== s && (t === r.POSTER_SRC && this.paused && !this.disabled && n(this, nt, Xn).call(this), (t === r.PAUSED || t === "disabled" || t === "intersecting") && e(this, Fe).call(this));
+    i !== s && (t === r.POSTER_SRC && this.paused && !this.disabled && n(this, nt, Vn).call(this), (t === r.PAUSED || t === "disabled" || t === "intersecting") && e(this, Fe).call(this));
   }
   get disabled() {
     return this.hasAttribute("disabled");
@@ -3825,11 +3826,11 @@ class Ya extends HTMLElement {
     return this.hasAttribute(r.PAUSED);
   }
 }
-De = new WeakMap(), Kt = new WeakMap(), he = new WeakMap(), Fe = new WeakMap(), nt = new WeakSet(), Ja = function() {
-  e(this, Kt) === null && (n(this, nt, ws).call(this), d(this, Kt, window.setInterval(() => n(this, nt, Xn).call(this), Ll)));
+De = new WeakMap(), Kt = new WeakMap(), de = new WeakMap(), Fe = new WeakMap(), nt = new WeakSet(), Ja = function() {
+  e(this, Kt) === null && (n(this, nt, ws).call(this), d(this, Kt, window.setInterval(() => n(this, nt, Vn).call(this), Tl)));
 }, ws = function() {
   e(this, Kt) !== null && (clearInterval(e(this, Kt)), d(this, Kt, null)), this.style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAQAAACRI2S5AAAAEElEQVR42mNkIAAYRxWAAQAG9gAKqv6+AwAAAABJRU5ErkJggg==')";
-}, Xn = function() {
+}, Vn = 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()})`;
@@ -3839,7 +3840,7 @@ De = new WeakMap(), Kt = new WeakMap(), he = new WeakMap(), Fe = new WeakMap(),
   "disabled",
   "intersecting"
 ]);
-const wl = (
+const Sl = (
   /* 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">
@@ -3856,7 +3857,7 @@ Wa.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="button">${wl}</slot>
+  <slot name="button">${Sl}</slot>
   <slot name="listbox" hidden>
     <vindral-rendition-levels-menu-list id="listbox" part="listbox"></vindral-rendition-levels-menu-list>
   </slot>
@@ -3880,8 +3881,8 @@ Yi = new WeakSet(), jn = function() {
   const t = this.getAttribute(r.RENDITION_LEVELS);
   !t || t === "[]" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
 }, m(ii, "observedAttributes", [...J(ii, ii, "observedAttributes"), r.RENDITION_LEVELS]);
-let Vn = ii;
-const Qa = document.createElement("template"), Tl = (
+let Xn = ii;
+const Qa = document.createElement("template"), Cl = (
   /* 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>
@@ -3960,7 +3961,7 @@ Qa.innerHTML = /* HTML */
     }
 
     [role="menuitem"][aria-selected="true"]::before {
-      content: url("data:image/svg+xml,${encodeURIComponent(Tl)}");
+      content: url("data:image/svg+xml,${encodeURIComponent(Cl)}");
       position: absolute;
       left: calc(var(--padding-3) - var(--padding-1));
       top: calc(50% - 8px);
@@ -3990,16 +3991,16 @@ Qa.innerHTML = /* HTML */
     <div class="menu"></div>
   </slot>
 `;
-var de, Ji, qt, Lt, ce, Wi, U, to, Yn, eo, Jn, io, so, no, Wn, ro;
+var ce, Ji, qt, Lt, ue, Wi, U, to, Yn, eo, Jn, io, so, no, Wn, ro;
 class Za extends HTMLElement {
   constructor() {
     super();
     l(this, U);
-    l(this, de, []);
+    l(this, ce, []);
     l(this, Ji, Number.MAX_SAFE_INTEGER);
     l(this, qt, null);
     l(this, Lt, []);
-    l(this, ce, null);
+    l(this, ue, null);
     l(this, Wi, null);
     m(this, "handleEvent", (t) => {
       switch (t.type) {
@@ -4013,17 +4014,17 @@ class Za extends HTMLElement {
   connectedCallback() {
     var i;
     const t = this.getRootNode();
-    t instanceof ShadowRoot && (d(this, ce, t.host.closest("vindral-controller")), (i = e(this, ce)) == null || i.connectListener(this), n(this, U, to).call(this), n(this, U, Yn).call(this), d(this, Wi, t.host), this.addEventListener("keydown", this));
+    t instanceof ShadowRoot && (d(this, ue, t.host.closest("vindral-controller")), (i = e(this, ue)) == null || i.connectListener(this), n(this, U, to).call(this), n(this, U, Yn).call(this), d(this, Wi, t.host), this.addEventListener("keydown", this));
   }
   disconnectedCallback() {
     var t;
-    (t = e(this, ce)) == null || t.disconnectListener(this), this.removeEventListener("keydown", this);
+    (t = e(this, ue)) == null || t.disconnectListener(this), this.removeEventListener("keydown", this);
   }
   attributeChangedCallback(t, i, s) {
     i !== s && (t === r.RENDITION_LEVELS && s && (this.list = JSON.parse(s)), t === r.MAX_VIDEO_BITRATE && s && (this.maxVideoBitrate = s ? parseInt(s) : Number.MAX_SAFE_INTEGER));
   }
   set list(t) {
-    d(this, de, t), n(this, U, Yn).call(this);
+    d(this, ce, t), n(this, U, Yn).call(this);
   }
   set maxVideoBitrate(t) {
     d(this, Ji, t), n(this, U, Jn).call(this);
@@ -4036,7 +4037,7 @@ class Za extends HTMLElement {
     (t = e(this, qt)) == null || t.focus();
   }
 }
-de = new WeakMap(), Ji = new WeakMap(), qt = new WeakMap(), Lt = new WeakMap(), ce = new WeakMap(), Wi = new WeakMap(), U = new WeakSet(), to = function() {
+ce = new WeakMap(), Ji = new WeakMap(), qt = new WeakMap(), Lt = new WeakMap(), ue = new WeakMap(), Wi = new WeakMap(), U = new WeakSet(), to = function() {
   const t = (s) => {
     s.forEach((o) => {
       if (o.intersectionRatio !== 1)
@@ -4048,7 +4049,7 @@ de = new WeakMap(), Ji = new WeakMap(), qt = new WeakMap(), Lt = new WeakMap(),
     });
   };
   new IntersectionObserver(t, {
-    root: e(this, ce),
+    root: e(this, ue),
     // The parent element to use as the viewport
     threshold: 0
     // 0 means any intersection is enough to be considered "inside"
@@ -4056,7 +4057,7 @@ de = new WeakMap(), Ji = new WeakMap(), qt = new WeakMap(), Lt = new WeakMap(),
 }, Yn = function() {
   var i;
   const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector(".menu");
-  t && (d(this, Lt, []), t.innerHTML = "", e(this, de).sort((s, o) => {
+  t && (d(this, Lt, []), t.innerHTML = "", e(this, ce).sort((s, o) => {
     var u, p;
     return (u = s.video) != null && u.bitRate && ((p = o.video) != null && p.bitRate) ? o.video.bitRate - s.video.bitRate : 0;
   }).forEach((s) => {
@@ -4064,20 +4065,20 @@ de = new WeakMap(), Ji = new WeakMap(), qt = new WeakMap(), Lt = new WeakMap(),
     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 u = n(this, U, eo).call(this, (A = s.video) == null ? void 0 : A.frameRate);
-    o.textContent = s.video ? Yo(s.video) : "";
+    o.textContent = s.video ? Wo(s.video) : "";
     const p = document.createElement("span");
-    p.classList.add("menu-item-subtitle"), p.textContent = `${jo(((ut = (z = s.video) == null ? void 0 : z.bitRate) != null ? ut : 0) + ((jt = (at = s.audio) == null ? void 0 : at.bitRate) != null ? jt : 0))}, ${u}p`, o.appendChild(p), o.addEventListener("click", () => n(this, U, io).call(this, s)), e(this, Lt).push({ el: o, id: (Jt = (Yt = s.video) == null ? void 0 : Yt.id) != null ? Jt : -1 }), t.appendChild(o);
+    p.classList.add("menu-item-subtitle"), p.textContent = `${Jo(((ut = (z = s.video) == null ? void 0 : z.bitRate) != null ? ut : 0) + ((jt = (at = s.audio) == null ? void 0 : at.bitRate) != null ? jt : 0))}, ${u}p`, o.appendChild(p), o.addEventListener("click", () => n(this, U, io).call(this, s)), e(this, Lt).push({ el: o, id: (Jt = (Yt = s.video) == null ? void 0 : Yt.id) != null ? Jt : -1 }), t.appendChild(o);
   }), n(this, U, Jn).call(this));
 }, eo = function(t) {
   return t ? t[0] % t[1] === 0 ? (t[0] / t[1]).toString() : (t[0] / t[1]).toFixed(2) : "";
 }, Jn = function() {
   e(this, qt) && (e(this, qt).removeAttribute("aria-selected"), e(this, qt).tabIndex = -1);
-  const t = e(this, de).sort(
+  const t = e(this, ce).sort(
     (s, o) => {
       var u, p;
       return (u = s.video) != null && u.bitRate && ((p = o.video) != null && p.bitRate) ? o.video.bitRate - s.video.bitRate : 0;
     }
-  ), i = e(this, de).filter(
+  ), i = e(this, ce).filter(
     (s) => {
       var o;
       return ((o = s.video) == null ? void 0 : o.bitRate) && s.video.bitRate <= e(this, Ji);
@@ -4183,13 +4184,13 @@ ao.innerHTML = /* HTML */
   <div id="scroll-area"></div>
   <slot id="content"></slot>
 `;
-var wt, ue, He, Qi, R, lo, ho, co, tn, en, Ts, Qn, Zn, tr, er;
+var wt, pe, He, Qi, R, lo, ho, co, tn, en, Ts, Qn, Zn, tr, er;
 class oo extends HTMLElement {
   constructor() {
     super();
     l(this, R);
     l(this, wt, null);
-    l(this, ue, null);
+    l(this, pe, null);
     l(this, He, null);
     l(this, Qi, 0);
     m(this, "handleEvent", (t) => {
@@ -4225,11 +4226,11 @@ class oo extends HTMLElement {
     var i, s, o, u, p, v;
     const t = this.getRootNode();
     if (t instanceof Document || t instanceof ShadowRoot) {
-      d(this, wt, t.querySelector("vindral-controller")), (i = e(this, wt)) == null || i.connectListener(this), d(this, ue, (s = this.shadowRoot) == null ? void 0 : s.querySelector("#scroll-area")), (o = e(this, ue)) == null || o.addEventListener("click", () => {
+      d(this, wt, t.querySelector("vindral-controller")), (i = e(this, wt)) == null || i.connectListener(this), d(this, pe, (s = this.shadowRoot) == null ? void 0 : s.querySelector("#scroll-area")), (o = e(this, pe)) == null || o.addEventListener("click", () => {
         this.open && (this.open = !1);
       });
       const A = this.hasAttribute("touch-enabled");
-      if (!Ko() || !A) {
+      if (!Vo() || !A) {
         this.setAttribute("snap", ""), this.addEventListener("scroll", e(this, en));
         return;
       }
@@ -4244,7 +4245,7 @@ class oo extends HTMLElement {
     var o;
     i !== s && (t === r.USER_INTERACTING && s === null && n(this, R, Qn).call(this) && setTimeout(() => {
       this.open = !1;
-    }, 300), t === "open" && this.scrollTo({ top: s === null ? 0 : (o = e(this, ue)) == null ? void 0 : o.clientHeight, behavior: "smooth" }));
+    }, 300), t === "open" && this.scrollTo({ top: s === null ? 0 : (o = e(this, pe)) == null ? void 0 : o.clientHeight, behavior: "smooth" }));
   }
   set open(t) {
     t ? this.setAttribute("open", "") : this.removeAttribute("open");
@@ -4259,7 +4260,7 @@ class oo extends HTMLElement {
     return this.hasAttribute("visible");
   }
 }
-wt = new WeakMap(), ue = new WeakMap(), He = new WeakMap(), Qi = new WeakMap(), R = new WeakSet(), lo = function(t) {
+wt = new WeakMap(), pe = new WeakMap(), He = new WeakMap(), Qi = new WeakMap(), R = new WeakSet(), lo = function(t) {
   n(this, R, Ts).call(this) && t.touches[0] && d(this, He, t.touches[0].clientY);
 }, ho = function(t) {
   if (!(!n(this, R, Ts).call(this) || !e(this, He) || this.hasAttribute("snap-touch")) && (t.preventDefault(), t.touches[0])) {
@@ -4274,7 +4275,7 @@ wt = new WeakMap(), ue = new WeakMap(), He = new WeakMap(), Qi = new WeakMap(),
   return this.scrollTop > 0;
 }, Zn = function() {
   var t;
-  return Math.round(this.scrollTop) === this.scrollHeight - this.clientHeight || Math.round(this.scrollTop) === ((t = e(this, ue)) == null ? void 0 : t.clientHeight);
+  return Math.round(this.scrollTop) === this.scrollHeight - this.clientHeight || Math.round(this.scrollTop) === ((t = e(this, pe)) == null ? void 0 : t.clientHeight);
 }, tr = function() {
   this.visible = !0, this.dispatchEvent(new CustomEvent(k.LOCK_UI, { bubbles: !0, composed: !0 }));
 }, er = function() {
@@ -4340,7 +4341,7 @@ uo.innerHTML = /* HTML */
   <div id="hover-preview"></div>
   <div id="time-tooltip"></div>
 `;
-var N, ct, Tt, st, St, Xt, Vt, Ct, y, Ss, ir, Qt, fe, Zi, ts, pe, es, is, sr, nr, rr, ar, bo, or, Zt, Cs, ss;
+var N, ct, Tt, st, St, Vt, Xt, Ct, y, Ss, ir, Zt, fe, Zi, ts, be, es, is, sr, nr, rr, ar, bo, or, te, Cs, ss;
 class po extends ni {
   constructor() {
     var t, i, s;
@@ -4351,15 +4352,15 @@ class po extends ni {
     l(this, Tt);
     l(this, st, !1);
     l(this, St, null);
-    l(this, Xt, null);
-    l(this, Vt, !1);
+    l(this, Vt, null);
+    l(this, Xt, !1);
     l(this, Ct, !1);
     l(this, Zi, (t) => {
-      if (!n(this, y, ir).call(this) || n(this, y, Qt).call(this)) {
+      if (!n(this, y, ir).call(this) || n(this, y, Zt).call(this)) {
         t.preventDefault();
         return;
       }
-      d(this, st, !0), d(this, Xt, t.pointerId);
+      d(this, st, !0), d(this, Vt, t.pointerId);
       try {
         this.setPointerCapture(t.pointerId);
       } catch (i) {
@@ -4367,8 +4368,8 @@ class po extends ni {
       n(this, y, nr).call(this, t);
     });
     l(this, ts, (t) => {
-      if (!(!n(this, y, ir).call(this) || n(this, y, Qt).call(this))) {
-        if (e(this, St) && (cancelAnimationFrame(e(this, St)), d(this, St, null)), e(this, st) && t.pointerId === e(this, Xt)) {
+      if (!(!n(this, y, ir).call(this) || n(this, y, Zt).call(this))) {
+        if (e(this, St) && (cancelAnimationFrame(e(this, St)), d(this, St, null)), e(this, st) && t.pointerId === e(this, Vt)) {
           t.preventDefault(), n(this, y, nr).call(this, t);
           return;
         }
@@ -4387,23 +4388,23 @@ class po extends ni {
         }));
       }
     });
-    l(this, pe, (t) => {
-      if (t.pointerId === e(this, Xt)) {
+    l(this, be, (t) => {
+      if (t.pointerId === e(this, Vt)) {
         try {
           this.releasePointerCapture(t.pointerId);
         } catch (i) {
         }
-        d(this, st, !1), d(this, Xt, null), t.pointerType !== "mouse" && (e(this, ct).style.opacity = "0"), e(this, Ct) && n(this, y, Zt).call(this) && (d(this, Vt, !1), d(this, Ct, !1));
+        d(this, st, !1), d(this, Vt, null), t.pointerType !== "mouse" && (e(this, ct).style.opacity = "0"), e(this, Ct) && n(this, y, te).call(this) && (d(this, Xt, !1), d(this, Ct, !1));
       }
     });
     l(this, es, () => {
-      this.duration && !n(this, y, Qt).call(this) && (e(this, ct).style.opacity = "1");
+      this.duration && !n(this, y, Zt).call(this) && (e(this, ct).style.opacity = "1");
     });
     l(this, is, () => {
       e(this, ct).style.opacity = "0", e(this, Tt).style.opacity = "0";
     });
     l(this, ss, (t) => {
-      if (n(this, y, Qt).call(this) || !e(this, N) || e(this, N) <= 0 || !isFinite(e(this, N)))
+      if (n(this, y, Zt).call(this) || !e(this, N) || e(this, N) <= 0 || !isFinite(e(this, N)))
         return;
       const i = n(this, y, Ss).call(this);
       if (i <= 0) return;
@@ -4415,7 +4416,7 @@ class po extends ni {
           o = Math.max(0, s - u);
           break;
         case "ArrowRight":
-          if (n(this, y, Zt).call(this))
+          if (n(this, y, te).call(this))
             return;
           o = Math.min(i, s + u);
           break;
@@ -4423,7 +4424,7 @@ class po extends ni {
           o = 0;
           break;
         case "End":
-          if (n(this, y, Zt).call(this))
+          if (n(this, y, te).call(this))
             return;
           o = i;
           break;
@@ -4433,20 +4434,20 @@ class po extends ni {
       const p = Math.min(o / i, 1);
       n(this, y, rr).call(this, p);
     });
-    (t = this.shadowRoot) == null || t.appendChild(uo.content.cloneNode(!0)), d(this, ct, (i = this.shadowRoot) == null ? void 0 : i.getElementById("time-tooltip")), d(this, Tt, (s = this.shadowRoot) == null ? void 0 : s.getElementById("hover-preview")), this.addEventListener("pointerdown", e(this, Zi)), this.addEventListener("pointermove", e(this, ts)), this.addEventListener("pointerup", e(this, pe)), this.addEventListener("pointercancel", e(this, pe)), this.addEventListener("mouseenter", e(this, es)), this.addEventListener("mouseleave", e(this, is));
+    (t = this.shadowRoot) == null || t.appendChild(uo.content.cloneNode(!0)), d(this, ct, (i = this.shadowRoot) == null ? void 0 : i.getElementById("time-tooltip")), d(this, Tt, (s = this.shadowRoot) == null ? void 0 : s.getElementById("hover-preview")), this.addEventListener("pointerdown", e(this, Zi)), this.addEventListener("pointermove", e(this, ts)), this.addEventListener("pointerup", e(this, be)), this.addEventListener("pointercancel", e(this, be)), this.addEventListener("mouseenter", e(this, es)), this.addEventListener("mouseleave", e(this, is));
   }
   connectedCallback() {
-    super.connectedCallback(), this.setAttribute("aria-label", "Seek video position"), this.setAttribute("role", "slider"), n(this, y, fe).call(this), this.addEventListener("keydown", e(this, ss)), n(this, y, Zt).call(this) && (this.range.value = "1", n(this, y, fe).call(this));
+    super.connectedCallback(), this.setAttribute("aria-label", "Seek video position"), this.setAttribute("role", "slider"), n(this, y, fe).call(this), this.addEventListener("keydown", e(this, ss)), n(this, y, te).call(this) && (this.range.value = "1", n(this, y, fe).call(this));
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("pointerdown", e(this, Zi)), this.removeEventListener("pointermove", e(this, ts)), this.removeEventListener("pointerup", e(this, pe)), this.removeEventListener("pointercancel", e(this, pe)), this.removeEventListener("mouseenter", e(this, es)), this.removeEventListener("mouseleave", e(this, is)), this.removeEventListener("keydown", e(this, ss)), d(this, Xt, null);
+    super.disconnectedCallback(), this.removeEventListener("pointerdown", e(this, Zi)), this.removeEventListener("pointermove", e(this, ts)), this.removeEventListener("pointerup", e(this, be)), this.removeEventListener("pointercancel", e(this, be)), this.removeEventListener("mouseenter", e(this, es)), this.removeEventListener("mouseleave", e(this, is)), this.removeEventListener("keydown", e(this, ss)), d(this, Vt, null);
   }
   attributeChangedCallback(t, i, s) {
     if (super.attributeChangedCallback(t, i, s), i !== s)
       switch (t) {
         case r.TIMESHIFT:
-          if (n(this, y, Zt).call(this)) {
-            e(this, st) ? d(this, Ct, !0) : (d(this, Vt, !1), d(this, Ct, !1)), this.range.value = "1", n(this, y, fe).call(this);
+          if (n(this, y, te).call(this)) {
+            e(this, st) ? d(this, Ct, !0) : (d(this, Xt, !1), d(this, Ct, !1)), this.range.value = "1", n(this, y, fe).call(this);
             return;
           }
           if (e(this, N)) {
@@ -4472,26 +4473,26 @@ class po extends ni {
     this.setAttribute(r.DURATION, t.toString());
   }
 }
-N = new WeakMap(), ct = new WeakMap(), Tt = new WeakMap(), st = new WeakMap(), St = new WeakMap(), Xt = new WeakMap(), Vt = new WeakMap(), Ct = new WeakMap(), y = new WeakSet(), Ss = function() {
+N = new WeakMap(), ct = new WeakMap(), Tt = new WeakMap(), st = new WeakMap(), St = new WeakMap(), Vt = new WeakMap(), Xt = new WeakMap(), Ct = new WeakMap(), y = new WeakSet(), Ss = function() {
   return e(this, N) ? e(this, N) : 1;
 }, ir = function() {
   return !!e(this, N) && e(this, N) > 0 && isFinite(e(this, N));
-}, Qt = function() {
-  return e(this, Vt);
+}, Zt = function() {
+  return e(this, Xt);
 }, fe = function() {
   const t = n(this, y, Ss).call(this);
   !e(this, N) || e(this, N) <= 0 || !isFinite(e(this, N)) ? this.setAttribute("data-no-duration", "") : this.removeAttribute("data-no-duration"), e(this, st) || (this.updateBar(), this.setAttribute(
     "aria-valuetext",
     `${n(this, y, Cs).call(this, this.range.valueAsNumber * t)} of ${n(this, y, Cs).call(this, t)}`
-  ), !e(this, st) && !n(this, y, Qt).call(this) && n(this, y, or).call(this, this.range.valueAsNumber));
-}, Zi = new WeakMap(), ts = new WeakMap(), pe = new WeakMap(), es = new WeakMap(), is = new WeakMap(), sr = function(t) {
+  ), !e(this, st) && !n(this, y, Zt).call(this) && n(this, y, or).call(this, this.range.valueAsNumber));
+}, Zi = new WeakMap(), ts = new WeakMap(), be = new WeakMap(), es = new WeakMap(), is = new WeakMap(), sr = function(t) {
   const i = this.getBoundingClientRect(), s = (t - i.left) / i.width;
   return Math.max(0, Math.min(1, s));
 }, nr = function(t) {
   const i = n(this, y, sr).call(this, t.clientX);
   n(this, y, ar).call(this, i, t.clientX), e(this, st) || (e(this, ct).style.opacity = "1"), n(this, y, rr).call(this, i);
 }, rr = function(t) {
-  if (n(this, y, Qt).call(this) || n(this, y, or).call(this, t))
+  if (n(this, y, Zt).call(this) || n(this, y, or).call(this, t))
     return;
   const i = n(this, y, Ss).call(this), s = t * i;
   this.range.value = t.toString(), this.updateBar(), n(this, y, bo).call(this, s);
@@ -4511,8 +4512,8 @@ N = new WeakMap(), ct = new WeakMap(), Tt = new WeakMap(), st = new WeakMap(), S
     })
   );
 }, or = function(t) {
-  return e(this, Vt) || n(this, y, Zt).call(this) || t < 0.999 ? !1 : (d(this, Vt, !0), d(this, Ct, !1), this.dispatchEvent(new CustomEvent(k.GO_LIVE, { bubbles: !0, composed: !0 })), !0);
-}, Zt = function() {
+  return e(this, Xt) || n(this, y, te).call(this) || t < 0.999 ? !1 : (d(this, Xt, !0), d(this, Ct, !1), this.dispatchEvent(new CustomEvent(k.GO_LIVE, { bubbles: !0, composed: !0 })), !0);
+}, te = function() {
   return !this.hasAttribute(r.TIMESHIFT);
 }, Cs = function(t) {
   const i = Math.floor(t / 3600), s = Math.floor(t % 3600 / 60), o = Math.floor(t % 60);
@@ -4522,12 +4523,12 @@ N = new WeakMap(), ct = new WeakMap(), Tt = new WeakMap(), st = new WeakMap(), S
   r.TIMESHIFT,
   r.DURATION
 ]);
-const mo = document.createElement("template"), Sl = (
+const mo = document.createElement("template"), xl = (
   /* 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>
 `
-), Cl = (
+), Nl = (
   /* 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>
@@ -4586,11 +4587,11 @@ mo.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="play">${Sl}</slot>
-    <slot name="unmute">${Cl}</slot>
+    <slot name="play">${xl}</slot>
+    <slot name="unmute">${Nl}</slot>
   </slot>
 `;
-var Oe, ns, be, rs;
+var Oe, ns, me, rs;
 class vo extends HTMLElement {
   constructor() {
     super();
@@ -4598,10 +4599,10 @@ class vo extends HTMLElement {
     l(this, ns, () => {
       this.dispatchEvent(new CustomEvent(k.REQUEST_USER_INPUT, { bubbles: !0, composed: !0 }));
     });
-    l(this, be, (t) => {
+    l(this, me, (t) => {
       const { key: i } = t;
       if (!this.keysUsed.includes(i)) {
-        this.removeEventListener("keyup", e(this, be));
+        this.removeEventListener("keyup", e(this, me));
         return;
       }
       this.dispatchEvent(new CustomEvent(k.REQUEST_USER_INPUT, { bubbles: !0, composed: !0 }));
@@ -4609,10 +4610,10 @@ class vo extends HTMLElement {
     l(this, rs, (t) => {
       const { metaKey: i, altKey: s, key: o } = t;
       if (i || s || !this.keysUsed.includes(o)) {
-        this.removeEventListener("keyup", e(this, be));
+        this.removeEventListener("keyup", e(this, me));
         return;
       }
-      this.addEventListener("keyup", e(this, be), { once: !0 });
+      this.addEventListener("keyup", e(this, me), { once: !0 });
     });
     this.attachShadow({ mode: "open" }).appendChild(mo.content.cloneNode(!0));
   }
@@ -4627,14 +4628,14 @@ class vo extends HTMLElement {
     this.addEventListener("click", e(this, ns)), this.addEventListener("keydown", e(this, rs)), this.tabIndex = 0;
   }
   disable() {
-    this.removeEventListener("click", e(this, ns)), this.removeEventListener("keydown", e(this, rs)), this.removeEventListener("keyup", e(this, be)), this.tabIndex = -1;
+    this.removeEventListener("click", e(this, ns)), this.removeEventListener("keydown", e(this, rs)), this.removeEventListener("keyup", e(this, me)), this.tabIndex = -1;
   }
   disconnectedCallback() {
     var t;
     (t = e(this, Oe)) == null || t.disconnectListener(this), this.disable();
   }
 }
-Oe = new WeakMap(), ns = new WeakMap(), be = new WeakMap(), rs = new WeakMap(), m(vo, "observedAttributes", [
+Oe = new WeakMap(), ns = new WeakMap(), me = new WeakMap(), rs = new WeakMap(), m(vo, "observedAttributes", [
   "hidden",
   r.NEEDS_USER_INPUT_VIDEO,
   r.NEEDS_USER_INPUT_AUDIO,
@@ -4748,7 +4749,7 @@ class go extends HTMLElement {
   }
 }
 as = new WeakMap(), os = new WeakMap(), ls = new WeakMap(), m(go, "observedAttributes", ["title", "description", "background-image", "hidden"]);
-const Eo = document.createElement("template"), xl = (
+const Eo = document.createElement("template"), Rl = (
   /* 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>
@@ -4804,7 +4805,7 @@ Eo.innerHTML = /* HTML */
     }
   </style>
 
-  <slot id="play" name="icon">${xl}</slot>
+  <slot id="play" name="icon">${Rl}</slot>
 `;
 var ze;
 class Ao extends HTMLElement {
@@ -4846,7 +4847,7 @@ yo.innerHTML = /* HTML */
     }
   </style>
 `;
-const Nl = (c) => `${Math.round(c * 100)}%`;
+const Ul = (c) => `${Math.round(c * 100)}%`;
 var hs;
 const si = class si extends ni {
   constructor() {
@@ -4865,7 +4866,7 @@ const si = class si extends ni {
     super.disconnectedCallback(), this.range.removeEventListener("input", e(this, hs));
   }
   attributeChangedCallback(t, i, s) {
-    super.attributeChangedCallback(t, i, s), (t === r.MUTED || t === r.VOLUME) && (this.range.valueAsNumber = this.muted ? 0 : parseFloat(this.volume), this.range.setAttribute("aria-valuetext", Nl(this.range.valueAsNumber)), this.updateBar());
+    super.attributeChangedCallback(t, i, s), (t === r.MUTED || t === r.VOLUME) && (this.range.valueAsNumber = this.muted ? 0 : parseFloat(this.volume), this.range.setAttribute("aria-valuetext", Ul(this.range.valueAsNumber)), this.updateBar());
   }
   get volume() {
     var t;
@@ -4877,9 +4878,9 @@ const si = class si extends ni {
 };
 hs = new WeakMap(), m(si, "observedAttributes", [...J(si, si, "observedAttributes"), r.MUTED, r.VOLUME]);
 let lr = si;
-function Dl() {
-  customElements.define("vindral-controller", ri), customElements.define("vindral-control-bar", ea), customElements.define("vindral-play-button", $n), customElements.define("vindral-mute-button", On), customElements.define("vindral-buffering-overlay", Pr), customElements.define("vindral-scroll-overlay", oo), customElements.define("vindral-play-overlay", Ao), customElements.define("vindral-user-input-play-overlay", vo), customElements.define("vindral-fullscreen-button", Rn), customElements.define("vindral-rendition-levels-menu", Vn), customElements.define("vindral-rendition-levels-menu-list", Za), customElements.define("vindral-channel-grid-button", bn), customElements.define("vindral-channel-grid", $r), customElements.define("vindral-channel-grid-item", hr), customElements.define("vindral-pip-button", zn), customElements.define("vindral-airplay-button", hn), customElements.define("vindral-cast-button", cn), customElements.define("vindral-cast-overlay", Fr), customElements.define("vindral-buffering-icon", Rr), customElements.define("vindral-language-menu", Un), customElements.define("vindral-language-menu-list", Ua), customElements.define("vindral-message", go), customElements.define("vindral-volume-range", lr), customElements.define("vindral-poster-overlay", Ya), customElements.define("vindral-player", qa), customElements.define("vindral-seek-bar", po), customElements.define("vindral-live-button", Hn);
+function Hl() {
+  customElements.define("vindral-controller", ri), customElements.define("vindral-control-bar", ea), customElements.define("vindral-play-button", $n), customElements.define("vindral-mute-button", On), customElements.define("vindral-buffering-overlay", Pr), customElements.define("vindral-scroll-overlay", oo), customElements.define("vindral-play-overlay", Ao), customElements.define("vindral-user-input-play-overlay", vo), customElements.define("vindral-fullscreen-button", Rn), customElements.define("vindral-rendition-levels-menu", Xn), customElements.define("vindral-rendition-levels-menu-list", Za), customElements.define("vindral-channel-grid-button", bn), customElements.define("vindral-channel-grid", $r), customElements.define("vindral-channel-grid-item", hr), customElements.define("vindral-pip-button", zn), customElements.define("vindral-airplay-button", hn), customElements.define("vindral-cast-button", cn), customElements.define("vindral-cast-overlay", Fr), customElements.define("vindral-buffering-icon", Rr), customElements.define("vindral-language-menu", Un), customElements.define("vindral-language-menu-list", Ua), customElements.define("vindral-message", go), customElements.define("vindral-volume-range", lr), customElements.define("vindral-poster-overlay", Ya), customElements.define("vindral-player", qa), customElements.define("vindral-seek-bar", po), customElements.define("vindral-live-button", Hn);
 }
 export {
-  Dl as registerComponents
+  Hl as registerComponents
 };