@vindral/web-sdk 4.1.8 → 4.1.9

package/player.js

@@ -1,20 +1,20 @@
-var Oo = Object.defineProperty;
-var Ho = Object.getPrototypeOf;
-var zo = Reflect.get;
-var vr = (c) => {
+var Ho = Object.defineProperty;
+var zo = Object.getPrototypeOf;
+var Bo = Reflect.get;
+var fr = (c) => {
   throw TypeError(c);
 };
-var Bo = (c, a, t) => a in c ? Oo(c, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[a] = t;
-var m = (c, a, t) => Bo(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) => ({
+var $o = (c, a, t) => a in c ? Ho(c, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[a] = t;
+var m = (c, a, t) => $o(c, typeof a != "symbol" ? a + "" : a, t), nn = (c, a, t) => a.has(c) || fr("Cannot " + t);
+var e = (c, a, t) => (nn(c, a, "read from private field"), t ? t.call(c) : a.get(c)), l = (c, a, t) => a.has(c) ? fr("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(c) : a.set(c, t), d = (c, a, t, i) => (nn(c, a, "write to private field"), i ? i.call(c, t) : a.set(c, t), t), n = (c, a, t) => (nn(c, a, "access private method"), t);
+var gr = (c, a, t, i) => ({
   set _(s) {
     d(c, a, s, t);
   },
   get _() {
     return e(c, a, i);
   }
-}), J = (c, a, t) => zo(Ho(c), t, a);
+}), J = (c, a, t) => Bo(zo(c), t, a);
 var B = (c, a, t) => new Promise((i, s) => {
   var o = (v) => {
     try {
@@ -31,11 +31,11 @@ var B = (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 Tr, V as $o, i as Go, C as Ko, A as qo, a as Vo, b as Xo } from "./47j9Rb9g.js";
+import { L as Lr, V as Go, i as Ko, C as qo, A as Vo, a as Xo, b as jo } from "./CX6N3uJK.js";
 import { E as ds } from "./Bx7s5QdT.js";
-import { CastSender as jo } from "./cast-sender.js";
-import { A as Yo, d as Jo } 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), Wo = (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`, Qo = ({ width: c, height: a }) => `${c}x${a}`, Zo = ({
+import { CastSender as Yo } from "./cast-sender.js";
+import { A as Jo, d as Wo } from "./CPEMXA01.js";
+const ln = 1e3, hn = ln * 1e3, Er = hn * 1e3, rn = (c, a, t) => c % a === 0 ? c / a : (c / a).toFixed(t), Qo = (c, a = 1) => c >= Er ? `${rn(c, Er, a)} Gbit/s` : c >= hn ? `${rn(c, hn, a)} Mbit/s` : c >= ln ? `${rn(c, ln, a)} Kbit/s` : `${c} bit/s`, Zo = ({ width: c, height: a }) => `${c}x${a}`, tl = ({
   title: c,
   subTitle: a = "Live stream",
   poster: t
@@ -87,7 +87,7 @@ const on = 1e3, ln = on * 1e3, gr = ln * 1e3, nn = (c, a, t) => c % a === 0 ? c
   TIMESHIFT_POSITION: "timeshift-position",
   POSTER_SRC: "poster-src",
   DURATION: "duration"
-}, Lr = Object.values(r), k = {
+}, wr = Object.values(r), k = {
   PLAY: "play",
   PAUSE: "pause",
   MUTE: "mute",
@@ -109,20 +109,20 @@ const on = 1e3, ln = on * 1e3, gr = ln * 1e3, nn = (c, a, t) => c % a === 0 ? c
   SEEK: "seek",
   GO_LIVE: "go-live"
 };
-function wr(c) {
+function Sr(c) {
   return c === "audio" || c === "video" || c === "audio+video" ? c : "audio+video";
 }
-function rn(c) {
+function an(c) {
   return c === "trace" || c === "debug" || c === "info" || c === "warn" || c === "error" || c === "off" ? c : "off";
 }
-function tl(c) {
+function el(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 el(c) {
+function il(c) {
   if (c !== null)
     try {
       const a = JSON.parse(c);
@@ -135,7 +135,7 @@ function el(c) {
       return;
     }
 }
-function il(c) {
+function sl(c) {
   if (c !== null)
     try {
       const a = JSON.parse(c);
@@ -167,10 +167,10 @@ function D(c, a) {
   const t = c.toLowerCase();
   return t === "false" ? !1 : t === "true" || t === "" ? !0 : a != null ? a : !0;
 }
-function Sr(c, a) {
+function Cr(c, a) {
   return c === null ? a != null ? a : void 0 : c === "" || c.toLowerCase() === "true" ? !0 : c.toLowerCase() === "false" ? !1 : c;
 }
-function ms(c) {
+function vs(c) {
   if (c === null)
     return;
   const a = {}, t = c.split(",");
@@ -180,14 +180,14 @@ function ms(c) {
   }
   return Object.keys(a).length > 0 ? a : void 0;
 }
-function vs(c) {
+function fs(c) {
   if (c === null)
     return;
   const a = c.split(",").map((t) => t.trim()).filter((t) => t.length > 0);
   return a.length > 0 ? a : void 0;
 }
-const Cr = document.createElement("template");
-Cr.innerHTML = /* HTML */
+const xr = document.createElement("template");
+xr.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -259,7 +259,7 @@ class rt extends HTMLElement {
       }
       this.addEventListener("keyup", e(this, ie), { once: !0 });
     });
-    this.attachShadow({ mode: "open" }).appendChild(Cr.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(xr.content.cloneNode(!0));
   }
   get keysUsed() {
     return ["Enter", " "];
@@ -283,13 +283,13 @@ class rt extends HTMLElement {
   }
 }
 ge = new WeakMap(), ai = new WeakMap(), ie = new WeakMap(), oi = new WeakMap(), m(rt, "observedAttributes", ["disabled"]);
-const xr = document.createElement("template"), Er = (
+const Nr = document.createElement("template"), Ar = (
   /* SVG */
   `
     <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round" ><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 18a3 3 0 0 0 3 -3v-8a3 3 0 0 0 -3 -3h-12a3 3 0 0 0 -3 3v8a3 3 0 0 0 3 3" /><path d="M9 20h6l-3 -5z" /></svg>
 `
 );
-xr.innerHTML = /* HTML */
+Nr.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -310,26 +310,26 @@ xr.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="enter">${Er}</slot>
-    <slot name="exit">${Er}</slot>
+    <slot name="enter">${Ar}</slot>
+    <slot name="exit">${Ar}</slot>
   </slot>
 `;
-var li, dn;
+var li, cn;
 const Ve = class Ve extends rt {
   constructor() {
     var t;
     super();
     l(this, li);
-    (t = this.shadowRoot) == null || t.appendChild(xr.content.cloneNode(!0));
+    (t = this.shadowRoot) == null || t.appendChild(Nr.content.cloneNode(!0));
   }
   connectedCallback() {
-    super.connectedCallback(), n(this, li, dn).call(this);
+    super.connectedCallback(), n(this, li, cn).call(this);
   }
   disconnectedCallback() {
     super.disconnectedCallback();
   }
   attributeChangedCallback(t, i, s) {
-    super.attributeChangedCallback(t, i, s), t === r.IS_AIRPLAYING && n(this, li, dn).call(this);
+    super.attributeChangedCallback(t, i, s), t === r.IS_AIRPLAYING && n(this, li, cn).call(this);
   }
   set isAirPlaying(t) {
     t ? this.setAttribute(r.IS_AIRPLAYING, "") : this.removeAttribute(r.IS_AIRPLAYING);
@@ -341,15 +341,15 @@ const Ve = class Ve extends rt {
     this.dispatchEvent(new CustomEvent(k.REQUEST_AIRPLAY, { bubbles: !0, composed: !0 }));
   }
 };
-li = new WeakSet(), dn = function() {
+li = new WeakSet(), cn = function() {
   this.setAttribute("aria-label", this.isAirPlaying ? "Exit airplay" : "Enter airplay");
 }, m(Ve, "observedAttributes", [
   ...J(Ve, Ve, "observedAttributes"),
   r.AIRPLAY_AVAILABLE,
   r.IS_AIRPLAYING
 ]);
-let hn = Ve;
-const Nr = document.createElement("template"), sl = (
+let dn = Ve;
+const Rr = document.createElement("template"), nl = (
   /* SVG */
   `
 <svg width="24" height="24" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
@@ -388,7 +388,7 @@ const Nr = document.createElement("template"), sl = (
 </svg>
 `
 );
-Nr.innerHTML = /* HTML */
+Rr.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -404,14 +404,14 @@ Nr.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="icon">${sl}</slot>
+  <slot name="icon">${nl}</slot>
 `;
 var Ee;
-class Rr extends HTMLElement {
+class Ur extends HTMLElement {
   constructor() {
     super();
     l(this, Ee, null);
-    this.attachShadow({ mode: "open" }).appendChild(Nr.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(Rr.content.cloneNode(!0));
   }
   connectedCallback() {
     var t;
@@ -422,9 +422,9 @@ class Rr extends HTMLElement {
     (t = e(this, Ee)) == null || t.disconnectListener(this);
   }
 }
-Ee = new WeakMap(), m(Rr, "observedAttributes", [r.BUFFERING]);
-const Ur = document.createElement("template");
-Ur.innerHTML = /* HTML */
+Ee = new WeakMap(), m(Ur, "observedAttributes", [r.BUFFERING]);
+const Pr = document.createElement("template");
+Pr.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -483,11 +483,11 @@ Ur.innerHTML = /* HTML */
   <div id="buffering-indicator"></div>
 `;
 var Ae;
-class Pr extends HTMLElement {
+class _r extends HTMLElement {
   constructor() {
     super();
     l(this, Ae, null);
-    this.attachShadow({ mode: "open" }).appendChild(Ur.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(Pr.content.cloneNode(!0));
   }
   connectedCallback() {
     var t;
@@ -498,9 +498,9 @@ class Pr extends HTMLElement {
     (t = e(this, Ae)) == null || t.disconnectListener(this);
   }
 }
-Ae = new WeakMap(), m(Pr, "observedAttributes", [r.BUFFERING]);
-const _r = document.createElement("template");
-_r.innerHTML = /* HTML */
+Ae = new WeakMap(), m(_r, "observedAttributes", [r.BUFFERING]);
+const Mr = document.createElement("template");
+Mr.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -525,22 +525,22 @@ _r.innerHTML = /* HTML */
     }
   </style>
 `;
-var ve, un, Mr;
+var ve, pn, Dr;
 const Xe = class Xe extends rt {
   constructor() {
     var t;
     super();
     l(this, ve);
-    (t = this.shadowRoot) == null || t.appendChild(_r.content.cloneNode(!0));
+    (t = this.shadowRoot) == null || t.appendChild(Mr.content.cloneNode(!0));
   }
   connectedCallback() {
-    super.connectedCallback(), n(this, ve, un).call(this);
+    super.connectedCallback(), n(this, ve, pn).call(this);
   }
   disconnectedCallback() {
     super.disconnectedCallback();
   }
   attributeChangedCallback(t, i, s) {
-    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);
+    super.attributeChangedCallback(t, i, s), t === r.CAST_AVAILABLE && n(this, ve, Dr).call(this), t === r.IS_CASTING && n(this, ve, pn).call(this);
   }
   set isCasting(t) {
     t ? this.setAttribute(r.IS_CASTING, "") : this.removeAttribute(r.IS_CASTING);
@@ -551,9 +551,9 @@ const Xe = class Xe extends rt {
   handleClick(t) {
   }
 };
-ve = new WeakSet(), un = function() {
+ve = new WeakSet(), pn = function() {
   this.setAttribute("aria-label", this.isCasting ? "Exit cast" : "Enter cast");
-}, Mr = function() {
+}, Dr = function() {
   var t, i;
   if (!((t = this.shadowRoot) != null && t.querySelector("google-cast-launcher"))) {
     const s = document.createElement("google-cast-launcher");
@@ -564,9 +564,9 @@ ve = new WeakSet(), un = function() {
   r.CAST_AVAILABLE,
   r.IS_CASTING
 ]);
-let cn = Xe;
-const Dr = document.createElement("template");
-Dr.innerHTML = /* HTML */
+let un = Xe;
+const Fr = document.createElement("template");
+Fr.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -603,12 +603,12 @@ Dr.innerHTML = /* HTML */
   <span id="text"></span>
 `;
 var ye, ke;
-class Fr extends HTMLElement {
+class Or extends HTMLElement {
   constructor() {
     super();
     l(this, ye, null);
     l(this, ke, null);
-    this.attachShadow({ mode: "open" }).appendChild(Dr.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(Fr.content.cloneNode(!0));
   }
   connectedCallback() {
     var t, i;
@@ -622,18 +622,18 @@ class Fr extends HTMLElement {
     i === s || !e(this, ke) || t === "cast-receiver-name" && typeof s == "string" && (e(this, ke).innerText = `Casting to ${s || "device"}`);
   }
 }
-ye = new WeakMap(), ke = new WeakMap(), m(Fr, "observedAttributes", [r.IS_CASTING, r.CAST_RECEIVER_NAME]);
-function Or(c = document) {
+ye = new WeakMap(), ke = new WeakMap(), m(Or, "observedAttributes", [r.IS_CASTING, r.CAST_RECEIVER_NAME]);
+function Hr(c = document) {
   const a = c == null ? void 0 : c.activeElement;
   if (!a) return null;
   if (a.shadowRoot) {
-    const t = Or(a.shadowRoot);
+    const t = Hr(a.shadowRoot);
     return t != null ? t : a;
   }
   return a;
 }
-const Hr = document.createElement("template");
-Hr.innerHTML = /* HTML */
+const zr = document.createElement("template");
+zr.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -701,13 +701,13 @@ Hr.innerHTML = /* HTML */
   <slot></slot>
 `;
 var se;
-class hr extends HTMLElement {
+class dr extends HTMLElement {
   constructor() {
     super();
     l(this, se);
     m(this, "lastThumbnailUpdate");
     const t = this.attachShadow({ mode: "open" });
-    d(this, se, document.createElement("span")), e(this, se).className = "channel-title", t.appendChild(e(this, se)), t.appendChild(Hr.content.cloneNode(!0));
+    d(this, se, document.createElement("span")), e(this, se).className = "channel-title", t.appendChild(e(this, se)), t.appendChild(zr.content.cloneNode(!0));
   }
   attributeChangedCallback(t, i, s) {
     if (i !== s)
@@ -727,9 +727,9 @@ 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()})`;
   }
 }
-se = new WeakMap(), m(hr, "observedAttributes", ["url", "title", "offline", "authentication-token", "visible"]);
-const zr = document.createElement("template");
-zr.innerHTML = /* HTML */
+se = new WeakMap(), m(dr, "observedAttributes", ["url", "title", "offline", "authentication-token", "visible"]);
+const Br = document.createElement("template");
+Br.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -797,8 +797,8 @@ zr.innerHTML = /* HTML */
     <slot name="grid" id="grid"></slot>
   </div>
 `;
-var Rt, Ut, Ie, X, _, Te, hi, di, ci, S, $r, Gr, Kr, pn, qr, Vr, Xr, jr, Yr, Jr, Wr, $e;
-class Br extends HTMLElement {
+var Rt, Ut, Ie, X, _, Te, hi, di, ci, S, Gr, Kr, qr, bn, Vr, Xr, jr, Yr, Jr, Wr, Qr, $e;
+class $r extends HTMLElement {
   constructor() {
     super();
     l(this, S);
@@ -812,14 +812,14 @@ class Br extends HTMLElement {
     l(this, di);
     l(this, ci);
     m(this, "handleEvent", (t) => {
-      t.type === "keydown" && n(this, S, Jr).call(this, t);
+      t.type === "keydown" && n(this, S, Wr).call(this, t);
     });
-    this.attachShadow({ mode: "open" }).appendChild(zr.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(Br.content.cloneNode(!0));
   }
   connectedCallback() {
     var t, i, s;
-    d(this, Ut, this.closest("vindral-controller")), (t = e(this, Ut)) == null || t.connectListener(this), n(this, S, $r).call(this), (s = e(this, Rt)) == null || s.observe((i = this.shadowRoot) == null ? void 0 : i.querySelector(".wrapper")), n(this, S, pn).call(this), d(this, hi, window.setInterval(() => {
-      n(this, S, jr).call(this);
+    d(this, Ut, this.closest("vindral-controller")), (t = e(this, Ut)) == null || t.connectListener(this), n(this, S, Gr).call(this), (s = e(this, Rt)) == null || s.observe((i = this.shadowRoot) == null ? void 0 : i.querySelector(".wrapper")), n(this, S, bn).call(this), d(this, hi, window.setInterval(() => {
+      n(this, S, Yr).call(this);
     }, 1e4));
   }
   disconnectedCallback() {
@@ -830,11 +830,11 @@ class Br extends HTMLElement {
     if (i !== s)
       switch (t) {
         case r.CHANNEL_ID: {
-          n(this, S, Xr).call(this, s);
+          n(this, S, jr).call(this, s);
           break;
         }
         case r.CHANNELS:
-          d(this, Ie, JSON.parse(s)), n(this, S, pn).call(this);
+          d(this, Ie, JSON.parse(s)), n(this, S, bn).call(this);
           break;
         case "authentication-token":
           d(this, Te, s);
@@ -846,22 +846,22 @@ class Br extends HTMLElement {
   }
   focus() {
     var t;
-    d(this, di, Or()), (t = e(this, _)) == null || t.focus();
+    d(this, di, Hr()), (t = e(this, _)) == null || t.focus();
   }
 }
-Rt = new WeakMap(), Ut = new WeakMap(), Ie = new WeakMap(), X = new WeakMap(), _ = new WeakMap(), Te = new WeakMap(), hi = new WeakMap(), di = new WeakMap(), ci = new WeakMap(), S = new WeakSet(), $r = function() {
+Rt = new WeakMap(), Ut = new WeakMap(), Ie = new WeakMap(), X = new WeakMap(), _ = new WeakMap(), Te = new WeakMap(), hi = new WeakMap(), di = new WeakMap(), ci = new WeakMap(), S = new WeakSet(), Gr = function() {
   d(this, Rt, new IntersectionObserver(
     (t) => {
       t.forEach((i) => {
         const { target: s, isIntersecting: o } = i;
-        s instanceof hr ? n(this, S, Kr).call(this, s, o) : n(this, S, Gr).call(this, o);
+        s instanceof dr ? n(this, S, qr).call(this, s, o) : n(this, S, Kr).call(this, o);
       });
     },
     {
       root: e(this, Ut)
     }
   ));
-}, Gr = function(t) {
+}, Kr = function(t) {
   var i, s;
   if (t) {
     this.dispatchEvent(new CustomEvent(k.CHANNEL_GRID_OPENED, { bubbles: !0, composed: !0 }));
@@ -874,17 +874,17 @@ Rt = new WeakMap(), Ut = new WeakMap(), Ie = new WeakMap(), X = new WeakMap(), _
     (i = this.parentElement) == null || i.addEventListener("scroll", o), this.addEventListener("keydown", this), e(this, _) && (e(this, _).tabIndex = 0);
   } else
     e(this, _) && (e(this, _).tabIndex = -1), this.dispatchEvent(new CustomEvent(k.CHANNEL_GRID_CLOSED, { bubbles: !0, composed: !0 })), (s = e(this, di)) == null || s.focus(), this.removeEventListener("keydown", this);
-}, Kr = function(t, i) {
+}, qr = function(t, i) {
   i ? (t.setAttribute("visible", ""), (!t.lastThumbnailUpdate || Date.now() - t.lastThumbnailUpdate >= 1e4) && (t.updateThumbnail(), t.lastThumbnailUpdate = Date.now())) : t.removeAttribute("visible");
-}, pn = function() {
+}, bn = function() {
   var o;
   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, Vr).call(this, u, s);
+      return n(this, S, Vr).call(this, p.element, u), p;
+    const v = n(this, S, Xr).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;
@@ -892,25 +892,25 @@ Rt = new WeakMap(), Ut = new WeakMap(), Ie = new WeakMap(), X = new WeakMap(), _
   }), 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);
 }, Vr = 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) {
   const s = document.createElement("vindral-channel-grid-item");
-  return s.setAttribute("url", t.thumbnailUrls[0] || ""), s.setAttribute("title", t.name), e(this, Te) && s.setAttribute("authentication-token", e(this, Te)), 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 };
-}, Xr = function(t) {
+  return s.setAttribute("url", t.thumbnailUrls[0] || ""), s.setAttribute("title", t.name), e(this, Te) && s.setAttribute("authentication-token", e(this, Te)), t.isLive || s.setAttribute("offline", ""), t.channelId === i && (s.setAttribute("aria-selected", "true"), d(this, _, s)), s.tabIndex = -1, s.onclick = () => n(this, S, Jr).call(this, t), { element: s, thumbnail: t.thumbnailUrls[0] || "", id: t.channelId };
+}, jr = 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() {
+}, Yr = function() {
   this.hasAttribute("hidden") || e(this, X).forEach((t) => t.element.updateThumbnail());
-}, Yr = function(t) {
+}, Jr = function(t) {
   var i;
   (i = e(this, Ut)) == null || i.setAttribute("channel-id", t.channelId);
-}, Jr = function(t) {
+}, Wr = function(t) {
   var p, v, A;
   const { key: i, ctrlKey: s, altKey: o, metaKey: u } = t;
-  s || o || u || this.keysUsed.includes(i) && (t.preventDefault(), t.stopPropagation(), i === "Tab" || i === "Escape" ? ((p = this.parentElement) == null || p.removeAttribute("open"), (v = e(this, Ut)) == null || v.focus()) : i === "Enter" || i === " " ? (A = e(this, _)) == null || A.click() : n(this, S, Wr).call(this, t));
-}, Wr = function(t) {
+  s || o || u || this.keysUsed.includes(i) && (t.preventDefault(), t.stopPropagation(), i === "Tab" || i === "Escape" ? ((p = this.parentElement) == null || p.removeAttribute("open"), (v = e(this, Ut)) == null || v.focus()) : i === "Enter" || i === " " ? (A = e(this, _)) == null || A.click() : n(this, S, Qr).call(this, t));
+}, Qr = function(t) {
   var p;
   if (!e(this, _)) return;
   const { key: i } = t;
@@ -953,14 +953,14 @@ Rt = new WeakMap(), Ut = new WeakMap(), Ie = new WeakMap(), X = new WeakMap(), _
       at < u && (u = at, o = v);
     }
   }), o;
-}, m(Br, "observedAttributes", [
+}, m($r, "observedAttributes", [
   r.CHANNELS,
   r.CHANNEL_ID,
   r.AUTHENTICATION_TOKEN,
   "mode",
   "hidden"
 ]);
-const nl = (
+const rl = (
   /* 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">
@@ -971,8 +971,8 @@ const nl = (
   <path d="M14 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" />
 </svg>
 `
-), Qr = document.createElement("template");
-Qr.innerHTML = /* HTML */
+), Zr = document.createElement("template");
+Zr.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -986,9 +986,9 @@ Qr.innerHTML = /* HTML */
       display: none;
     }
   </style>
-  <slot name="button">${nl}</slot>
+  <slot name="button">${rl}</slot>
 `;
-var Le, G, tt, xs, $, Zr, mn, fs, vn, fn;
+var Le, G, tt, Ns, $, ta, vn, gs, fn, gn;
 const je = class je extends rt {
   constructor() {
     var t, i;
@@ -997,37 +997,37 @@ const je = class je extends rt {
     l(this, Le);
     l(this, G);
     l(this, tt);
-    l(this, xs, (t) => {
-      t.composedPath().includes(this) || n(this, $, fs).call(this);
+    l(this, Ns, (t) => {
+      t.composedPath().includes(this) || n(this, $, gs).call(this);
     });
-    (t = this.shadowRoot) == null || t.appendChild(Qr.content.cloneNode(!0)), d(this, Le, (i = this.shadowRoot) == null ? void 0 : i.querySelector("slot[name=button]"));
+    (t = this.shadowRoot) == null || t.appendChild(Zr.content.cloneNode(!0)), d(this, Le, (i = this.shadowRoot) == null ? void 0 : i.querySelector("slot[name=button]"));
   }
   connectedCallback() {
     var i;
-    super.connectedCallback(), this.setAttribute("aria-haspopup", "listbox"), this.enable(), n(this, $, vn).call(this);
+    super.connectedCallback(), this.setAttribute("aria-haspopup", "listbox"), this.enable(), n(this, $, fn).call(this);
     const t = this.getRootNode();
-    (t instanceof Document || t instanceof ShadowRoot) && (d(this, G, t.querySelector("vindral-channel-grid")), ((i = e(this, G).parentElement) == null ? void 0 : i.localName) === "vindral-scroll-overlay" && (e(this, G).hidden = !1, e(this, G).style.position = "relative", d(this, tt, e(this, G).parentElement))), n(this, $, fn).call(this);
+    (t instanceof Document || t instanceof ShadowRoot) && (d(this, G, t.querySelector("vindral-channel-grid")), ((i = e(this, G).parentElement) == null ? void 0 : i.localName) === "vindral-scroll-overlay" && (e(this, G).hidden = !1, e(this, G).style.position = "relative", d(this, tt, e(this, G).parentElement))), n(this, $, gn).call(this);
   }
   disconnectedCallback() {
   }
   attributeChangedCallback(t, i, s) {
-    super.attributeChangedCallback(t, i, s), (t === r.CHANNEL_GROUP_ID || t === r.CHANNELS) && n(this, $, vn).call(this);
+    super.attributeChangedCallback(t, i, s), (t === r.CHANNEL_GROUP_ID || t === r.CHANNELS) && n(this, $, fn).call(this);
   }
   enable() {
-    super.enable(), document.addEventListener("click", e(this, xs));
+    super.enable(), document.addEventListener("click", e(this, Ns));
   }
   handleClick(t) {
-    n(this, $, Zr).call(this);
+    n(this, $, ta).call(this);
   }
   get isOpen() {
     var t, i;
     return ((t = e(this, tt)) == null ? void 0 : t.hasAttribute("open")) || !((i = e(this, G)) != null && i.hidden);
   }
 };
-Le = new WeakMap(), G = new WeakMap(), tt = new WeakMap(), xs = new WeakMap(), $ = new WeakSet(), Zr = function() {
+Le = new WeakMap(), G = new WeakMap(), tt = new WeakMap(), Ns = new WeakMap(), $ = new WeakSet(), ta = function() {
   var t;
-  e(this, tt) ? e(this, tt).hasAttribute("open") ? n(this, $, fs).call(this) : n(this, $, mn).call(this) : (t = e(this, G)) != null && t.hidden ? n(this, $, mn).call(this) : n(this, $, fs).call(this), n(this, $, fn).call(this);
-}, mn = function() {
+  e(this, tt) ? e(this, tt).hasAttribute("open") ? n(this, $, gs).call(this) : n(this, $, vn).call(this) : (t = e(this, G)) != null && t.hidden ? n(this, $, vn).call(this) : n(this, $, gs).call(this), n(this, $, gn).call(this);
+}, vn = function() {
   var t;
   if (e(this, tt))
     e(this, tt).setAttribute("open", "");
@@ -1036,7 +1036,7 @@ Le = new WeakMap(), G = new WeakMap(), tt = new WeakMap(), xs = new WeakMap(), $
     e(this, G).hidden = !1, e(this, G).focus();
   }
   e(this, Le).setAttribute("aria-expanded", "true");
-}, fs = function() {
+}, gs = function() {
   if (e(this, tt))
     e(this, tt).removeAttribute("open");
   else {
@@ -1044,9 +1044,9 @@ Le = new WeakMap(), G = new WeakMap(), tt = new WeakMap(), xs = new WeakMap(), $
     e(this, G).hidden = !0;
   }
   e(this, Le).setAttribute("aria-expanded", "false");
-}, vn = function() {
-  this.getAttribute(r.CHANNEL_GROUP_ID) ? this.removeAttribute("hidden") : this.setAttribute("hidden", ""), this.hasAttribute(r.CHANNELS) ? this.removeAttribute("disabled") : this.setAttribute("disabled", "");
 }, fn = function() {
+  this.getAttribute(r.CHANNEL_GROUP_ID) ? this.removeAttribute("hidden") : this.setAttribute("hidden", ""), this.hasAttribute(r.CHANNELS) ? this.removeAttribute("disabled") : this.setAttribute("disabled", "");
+}, gn = function() {
   this.setAttribute("aria-label", this.isOpen ? "Exit grid" : "Enter grid");
 }, m(je, "observedAttributes", [
   ...J(je, je, "observedAttributes"),
@@ -1054,9 +1054,9 @@ Le = new WeakMap(), G = new WeakMap(), tt = new WeakMap(), xs = new WeakMap(), $
   r.CHANNELS,
   "hidden"
 ]);
-let bn = je;
-const ta = document.createElement("template");
-ta.innerHTML = /* HTML */
+let mn = je;
+const ea = document.createElement("template");
+ea.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -1085,17 +1085,17 @@ ta.innerHTML = /* HTML */
     <slot name="right"></slot>
   </slot>
 `;
-class ea extends HTMLElement {
+class ia extends HTMLElement {
   constructor() {
-    super(), this.attachShadow({ mode: "open" }).appendChild(ta.content.cloneNode(!0));
+    super(), this.attachShadow({ mode: "open" }).appendChild(ea.content.cloneNode(!0));
   }
   connectedCallback() {
   }
   disconnectedCallback() {
   }
 }
-m(ea, "observedAttributes", []);
-class rl extends ds {
+m(ia, "observedAttributes", []);
+class al extends ds {
   constructor(t) {
     super();
     m(this, "config");
@@ -1219,8 +1219,8 @@ const ee = class ee extends ds {
 };
 m(ee, "isFullscreenApiSupported", (t) => (t.requestFullscreen || t.webkitRequestFullscreen || t.webkitEnterFullscreen || t.mozRequestFullScreen) !== void 0);
 let pt = ee;
-var Ns, Rs, Us, Ps, we, _s, Ms, ui, Se;
-class Ar extends ds {
+var Rs, Us, Ps, _s, we, Ms, Ds, ui, Se;
+class yr extends ds {
   constructor(t) {
     super();
     m(this, "unload", () => {
@@ -1228,14 +1228,14 @@ class Ar extends ds {
     });
     m(this, "request", () => B(this, null, function* () {
       try {
-        return yield e(this, Ns).call(this);
+        return yield e(this, Rs).call(this);
       } catch (t) {
         throw this.onChange(), t;
       }
     }));
     m(this, "exit", () => B(this, null, function* () {
       try {
-        return yield e(this, Rs).call(this);
+        return yield e(this, Us).call(this);
       } catch (t) {
         throw this.onChange(), t;
       }
@@ -1243,19 +1243,19 @@ class Ar extends ds {
     m(this, "onChange", () => {
       this.emit("on picture in picture change", this.isPictureInPictureActive());
     });
-    m(this, "isPictureInPictureActive", () => e(this, Ms).call(this) || e(this, _s).call(this));
+    m(this, "isPictureInPictureActive", () => e(this, Ds).call(this) || e(this, Ms).call(this));
     m(this, "isSupported", () => e(this, Se).call(this) || e(this, we).call(this));
-    l(this, Ns, () => e(this, we).call(this) ? e(this, Us).call(this) : e(this, Se).call(this) ? e(this, ui).call(this, "picture-in-picture") : Promise.resolve());
-    l(this, Rs, () => this.isPictureInPictureActive() ? e(this, we).call(this) ? e(this, Ps).call(this) : e(this, Se).call(this) ? e(this, ui).call(this, "inline") : Promise.resolve() : Promise.resolve());
-    l(this, Us, () => B(this, null, function* () {
+    l(this, Rs, () => e(this, we).call(this) ? e(this, Ps).call(this) : e(this, Se).call(this) ? e(this, ui).call(this, "picture-in-picture") : Promise.resolve());
+    l(this, Us, () => this.isPictureInPictureActive() ? e(this, we).call(this) ? e(this, _s).call(this) : e(this, Se).call(this) ? e(this, ui).call(this, "inline") : Promise.resolve() : Promise.resolve());
+    l(this, Ps, () => B(this, null, function* () {
       yield this.element.requestPictureInPicture();
     }));
-    l(this, Ps, () => B(null, null, function* () {
+    l(this, _s, () => B(null, null, function* () {
       yield document.exitPictureInPicture();
     }));
     l(this, we, () => !!this.element.requestPictureInPicture && !!document.pictureInPictureEnabled);
-    l(this, _s, () => !!document.pictureInPictureElement);
-    l(this, Ms, () => this.element.webkitPresentationMode === "picture-in-picture");
+    l(this, Ms, () => !!document.pictureInPictureElement);
+    l(this, Ds, () => this.element.webkitPresentationMode === "picture-in-picture");
     l(this, ui, (t) => (this.element.webkitSetPresentationMode && this.element.webkitSetPresentationMode(t), Promise.resolve()));
     l(this, Se, () => !!this.element.webkitSetPresentationMode);
     this.element = t, this.element.addEventListener("enterpictureinpicture", this.onChange), this.element.addEventListener("leavepictureinpicture", this.onChange), this.element.setAttribute("autopictureinpicture", "");
@@ -1264,13 +1264,13 @@ class Ar extends ds {
     return this.element;
   }
 }
-Ns = new WeakMap(), Rs = new WeakMap(), Us = new WeakMap(), Ps = new WeakMap(), we = new WeakMap(), _s = new WeakMap(), Ms = new WeakMap(), ui = new WeakMap(), Se = new WeakMap();
-const yr = (c) => {
+Rs = new WeakMap(), Us = new WeakMap(), Ps = new WeakMap(), _s = new WeakMap(), we = new WeakMap(), Ms = new WeakMap(), Ds = new WeakMap(), ui = new WeakMap(), Se = new WeakMap();
+const kr = (c) => {
   var t;
   let a = "observedAttributes" in c.constructor ? c.constructor.observedAttributes : void 0;
-  return !a && ((t = c.nodeName) != null && t.includes("-")) && (globalThis.customElements.upgrade(c), a = "observedAttributes" in c.constructor ? c.constructor.observedAttributes : void 0), Array.isArray(a) ? a.filter((i) => Lr.includes(i)) : [];
+  return !a && ((t = c.nodeName) != null && t.includes("-")) && (globalThis.customElements.upgrade(c), a = "observedAttributes" in c.constructor ? c.constructor.observedAttributes : void 0), Array.isArray(a) ? a.filter((i) => wr.includes(i)) : [];
 };
-function al(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]) => {
@@ -1287,7 +1287,7 @@ function al(c) {
     }
   }, 0);
 }
-class kr extends ds {
+class Ir extends ds {
   constructor(t) {
     super();
     m(this, "audioContext");
@@ -1350,8 +1350,8 @@ class kr extends ds {
     return this.source instanceof HTMLMediaElement;
   }
 }
-var f, M, w, Ce, bt, mt, Pt, ne, _t, et, pi, xe, C, T, ia, gn, sa, En, An, na, ra, aa, oa, la, ha, Ds, Fs, Ge, Qt;
-class ol {
+var f, M, w, Ce, bt, mt, Pt, ne, _t, et, pi, xe, C, T, sa, En, na, An, yn, ra, aa, oa, la, ha, da, Fs, Os, Ge, Qt;
+class ll {
   constructor(a, t) {
     l(this, T);
     l(this, f);
@@ -1367,16 +1367,16 @@ class ol {
     l(this, et, null);
     l(this, pi, 0);
     l(this, xe, !1);
-    l(this, C, Tr.get().createContext("HlsPlayer"));
-    l(this, Ds, () => {
+    l(this, C, Lr.get().createContext("HlsPlayer"));
+    l(this, Fs, () => {
       e(this, f).readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && !e(this, f).paused && n(this, T, Ge).call(this, !1);
     });
-    l(this, Fs, () => {
+    l(this, Os, () => {
       e(this, f).readyState >= HTMLMediaElement.HAVE_FUTURE_DATA && n(this, T, Ge).call(this, !1);
     });
     d(this, M, a), d(this, Pt, t == null ? void 0 : t.maxVideoBitRate), e(this, M).style.position = "absolute", e(this, M).style.top = "0", e(this, M).style.left = "0", e(this, M).style.width = "100%", e(this, M).style.height = "100%", e(this, M).style.opacity = "0", e(this, M).style.pointerEvents = "none", e(this, M).style.transition = "opacity 0.12s linear";
     const i = document.createElement("video");
-    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, T, ha).call(this), d(this, xe, 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);
+    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, T, da).call(this), d(this, xe, 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, 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);
@@ -1397,9 +1397,9 @@ class ol {
         return;
       }
       if (d(this, et, a.time > 0.1 ? a.time : null), this.isActive() && e(this, w))
-        n(this, T, An).call(this, a.time);
+        n(this, T, yn).call(this, a.time);
       else
-        return n(this, T, na).call(this, a);
+        return n(this, T, ra).call(this, a);
     });
   }
   shouldIgnoreTimeupdate() {
@@ -1420,7 +1420,7 @@ class ol {
     return e(this, M).style.opacity === "1" || e(this, M).classList.contains("active");
   }
   cleanup() {
-    n(this, T, En).call(this), e(this, mt) && (cancelAnimationFrame(e(this, mt)), d(this, mt, void 0)), d(this, et, null);
+    n(this, T, An).call(this), e(this, mt) && (cancelAnimationFrame(e(this, mt)), d(this, mt, void 0)), d(this, et, null);
   }
   addEventListener(a, t) {
     e(this, f).addEventListener(a, t);
@@ -1471,10 +1471,10 @@ class ol {
     return e(this, Pt);
   }
   set maxVideoBitRate(a) {
-    d(this, Pt, a), a !== void 0 && e(this, w) && n(this, T, gn).call(this, a);
+    d(this, Pt, a), a !== void 0 && e(this, w) && n(this, T, En).call(this, a);
   }
 }
-f = new WeakMap(), M = new WeakMap(), w = new WeakMap(), Ce = new WeakMap(), bt = new WeakMap(), mt = new WeakMap(), Pt = new WeakMap(), ne = new WeakMap(), _t = new WeakMap(), et = new WeakMap(), pi = new WeakMap(), xe = new WeakMap(), C = new WeakMap(), T = new WeakSet(), ia = function() {
+f = new WeakMap(), M = new WeakMap(), w = new WeakMap(), Ce = new WeakMap(), bt = new WeakMap(), mt = new WeakMap(), Pt = new WeakMap(), ne = new WeakMap(), _t = new WeakMap(), et = new WeakMap(), pi = new WeakMap(), xe = new WeakMap(), C = new WeakMap(), T = new WeakSet(), sa = function() {
   return B(this, null, function* () {
     const { default: a } = yield import("./h5LA1Y1W.js");
     if (d(this, Ce, a), !a.isSupported()) {
@@ -1502,10 +1502,10 @@ f = new WeakMap(), M = new WeakMap(), w = new WeakMap(), Ce = new WeakMap(), bt
       testBandwidth: !1,
       debug: !1
     })), e(this, w).attachMedia(e(this, f)), e(this, w).on(a.Events.MEDIA_ATTACHED, () => e(this, C).debug("[HLS] media attached")), e(this, w).on(a.Events.MANIFEST_PARSED, () => e(this, C).debug("[HLS] manifest parsed")), e(this, w).on(a.Events.ERROR, (t, i) => {
-      e(this, C).error("[HLS] error:", i), i.fatal && n(this, T, sa).call(this, i);
+      e(this, C).error("[HLS] error:", i), i.fatal && n(this, T, na).call(this, i);
     }), e(this, w).on(a.Events.MANIFEST_PARSED, () => {
       var t;
-      !e(this, Pt) || ((t = e(this, w)) == null ? void 0 : t.levels.length) === 0 || n(this, T, gn).call(this, e(this, Pt));
+      !e(this, Pt) || ((t = e(this, w)) == null ? void 0 : t.levels.length) === 0 || n(this, T, En).call(this, e(this, Pt));
     }), e(this, w).on(a.Events.LEVEL_SWITCHED, () => {
       var t, i;
       e(this, C).debug(
@@ -1518,7 +1518,7 @@ f = new WeakMap(), M = new WeakMap(), w = new WeakMap(), Ce = new WeakMap(), bt
       );
     });
   });
-}, gn = function(a) {
+}, En = function(a) {
   var s;
   if (!e(this, w)) {
     e(this, C).warn("HLS not initialized, cannot set bitrate cap");
@@ -1530,7 +1530,7 @@ f = new WeakMap(), M = new WeakMap(), w = new WeakMap(), Ce = new WeakMap(), bt
   ));
   const i = e(this, w).currentLevel;
   e(this, w).autoLevelCapping = t, i !== t && (e(this, C).debug(`Current level ${i} exceeds cap ${t}, forcing immediate switch`), e(this, w).currentLevel = t);
-}, sa = function(a) {
+}, na = function(a) {
   var i, s;
   if (!e(this, Ce)) {
     e(this, C).error("Hls class not available for error handling");
@@ -1545,34 +1545,34 @@ f = new WeakMap(), M = new WeakMap(), w = new WeakMap(), Ce = new WeakMap(), bt
       e(this, C).warn("[HLS] media error -> recoverMediaError"), (s = e(this, w)) == null || s.recoverMediaError();
       break;
     default:
-      e(this, C).error("[HLS] fatal -> destroy"), n(this, T, En).call(this);
+      e(this, C).error("[HLS] fatal -> destroy"), n(this, T, An).call(this);
       break;
   }
-}, En = function() {
+}, An = function() {
   e(this, w) && (e(this, w).destroy(), d(this, w, void 0));
-}, An = function(a) {
+}, yn = function(a) {
   if (!Number.isFinite(a)) {
     d(this, et, null);
     return;
   }
-  const t = n(this, T, la).call(this, e(this, f), a);
+  const t = n(this, T, ha).call(this, e(this, f), a);
   d(this, et, t > 0.1 ? t : null), e(this, mt) && cancelAnimationFrame(e(this, mt)), d(this, mt, requestAnimationFrame(() => {
     e(this, f).currentTime = t;
   }));
-}, na = function(a) {
+}, ra = function(a) {
   return B(this, null, function* () {
-    const { time: t, playWhenReady: i = !0 } = a || {}, s = ++fr(this, pi)._;
+    const { time: t, playWhenReady: i = !0 } = a || {}, s = ++gr(this, pi)._;
     if (!e(this, bt)) {
       e(this, C).warn("No timeshift URL");
       return;
     }
-    if (!e(this, w) && (yield n(this, T, ia).call(this), !n(this, T, Qt).call(this, s)))
+    if (!e(this, w) && (yield n(this, T, sa).call(this), !n(this, T, Qt).call(this, s)))
       return;
     d(this, ne, !1), d(this, _t, !1), e(this, w) && (!e(this, w).url || e(this, w).url !== e(this, bt)) && (e(this, C).debug("Loading timeshift URL", e(this, bt)), e(this, w).loadSource(e(this, bt)));
     const o = this.muted;
-    e(this, f).muted = !0, yield n(this, T, ra).call(this), n(this, T, Qt).call(this, s) && (n(this, T, An).call(this, t), !(i && (yield this.play(), !n(this, T, Qt).call(this, s))) && n(this, T, aa).call(this, o, s));
+    e(this, f).muted = !0, yield n(this, T, aa).call(this), n(this, T, Qt).call(this, s) && (n(this, T, yn).call(this, t), !(i && (yield this.play(), !n(this, T, Qt).call(this, s))) && n(this, T, oa).call(this, o, s));
   });
-}, ra = function() {
+}, aa = function() {
   return e(this, f).duration && !isNaN(e(this, f).duration) ? Promise.resolve() : new Promise((a) => {
     e(this, C).debug("Waiting for duration...");
     const t = () => {
@@ -1582,13 +1582,13 @@ f = new WeakMap(), M = new WeakMap(), w = new WeakMap(), Ce = new WeakMap(), bt
     }, 2e4);
     e(this, f).addEventListener("loadedmetadata", t);
   });
-}, aa = function(a, t) {
+}, oa = 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, ne) || e(this, _t) || !n(this, T, 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, T, oa).call(this, t));
+    ), a || n(this, T, la).call(this, t));
   }, u = () => {
     e(this, ne) || e(this, _t) || !n(this, T, Qt).call(this, t) || s() && (v(), o());
   };
@@ -1604,7 +1604,7 @@ f = new WeakMap(), M = new WeakMap(), w = new WeakMap(), Ce = new WeakMap(), bt
   const A = setTimeout(() => {
     e(this, C).debug("Timeout reached, forcing reveal"), v(), o();
   }, 2e3);
-}, oa = function(a) {
+}, la = function(a) {
   const t = () => {
     n(this, T, Qt).call(this, a) && (e(this, f).muted = !1);
   };
@@ -1615,15 +1615,15 @@ f = new WeakMap(), M = new WeakMap(), w = new WeakMap(), Ce = new WeakMap(), bt
   }) : setTimeout(() => {
     t();
   }, 120);
-}, la = function(a, t) {
+}, ha = function(a, t) {
   const i = a.seekable;
   if (!i || i.length === 0) return t;
   const s = i.start(0), o = i.end(i.length - 1);
   return e(this, C).debug("Clamped seekable:", Math.max(s, Math.min(t, o))), Math.max(s, Math.min(t, o));
-}, ha = function() {
+}, da = function() {
   const a = ["waiting", "seeking", "stalled", "loadstart"], t = ["canplay", "canplaythrough", "seeked", "loadeddata"];
-  a.forEach((i) => e(this, f).addEventListener(i, () => n(this, T, Ge).call(this, !0))), t.forEach((i) => e(this, f).addEventListener(i, () => n(this, T, Ge).call(this, !1))), e(this, f).addEventListener("timeupdate", e(this, Ds)), e(this, f).addEventListener("progress", e(this, Fs));
-}, Ds = new WeakMap(), Fs = new WeakMap(), Ge = function(a) {
+  a.forEach((i) => e(this, f).addEventListener(i, () => n(this, T, Ge).call(this, !0))), t.forEach((i) => e(this, f).addEventListener(i, () => n(this, T, Ge).call(this, !1))), e(this, f).addEventListener("timeupdate", e(this, Fs)), e(this, f).addEventListener("progress", e(this, Os));
+}, Fs = new WeakMap(), Os = new WeakMap(), Ge = function(a) {
   const t = a && (e(this, f).readyState < HTMLMediaElement.HAVE_FUTURE_DATA || e(this, f).seeking || e(this, f).paused && !this.userPaused);
   e(this, f).dispatchEvent(
     new CustomEvent(t ? "hlsbuffering" : "hlsnotbuffering", {
@@ -1634,8 +1634,8 @@ f = new WeakMap(), M = new WeakMap(), w = new WeakMap(), Ce = new WeakMap(), bt
 }, Qt = function(a) {
   return e(this, pi) === a;
 };
-const da = document.createElement("template");
-da.innerHTML = /* HTML */
+const ca = document.createElement("template");
+ca.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -1647,8 +1647,8 @@ da.innerHTML = /* HTML */
     }
   </style>
 `;
-var Ne, Re, W, bi, Os, Hs, Be, ca, ua;
-class dr extends rt {
+var Ne, Re, W, bi, Hs, zs, Be, ua, pa;
+class cr extends rt {
   constructor() {
     var t;
     super();
@@ -1657,13 +1657,13 @@ class dr extends rt {
     l(this, Re);
     l(this, W);
     l(this, bi, null);
-    l(this, Os, (t) => {
+    l(this, Hs, (t) => {
       t.composedPath().includes(this) || this.hide();
     });
-    l(this, Hs, () => {
+    l(this, zs, () => {
       this.hide();
     });
-    (t = this.shadowRoot) == null || t.appendChild(da.content.cloneNode(!0));
+    (t = this.shadowRoot) == null || t.appendChild(ca.content.cloneNode(!0));
   }
   connectedCallback() {
     var u, p, v, A;
@@ -1686,24 +1686,24 @@ class dr extends rt {
     d(this, W, t);
   }
   enable() {
-    super.enable(), this.addEventListener("change", e(this, Hs)), document.addEventListener("click", e(this, Os));
+    super.enable(), this.addEventListener("change", e(this, zs)), document.addEventListener("click", e(this, Hs));
   }
   hide() {
     var t, i;
     !e(this, W) || (t = e(this, W)) != null && t.hidden || (e(this, W).hidden = !0, (i = e(this, Ne)) == null || i.setAttribute("aria-expanded", "false"), this.dispatchEvent(new CustomEvent(k.UNLOCK_UI, { bubbles: !0, composed: !0 })), this.focus());
   }
   handleClick(t) {
-    e(this, W) && !t.composedPath().includes(e(this, W)) && n(this, Be, ca).call(this);
+    e(this, W) && !t.composedPath().includes(e(this, W)) && n(this, Be, ua).call(this);
   }
 }
-Ne = new WeakMap(), Re = new WeakMap(), W = new WeakMap(), bi = new WeakMap(), Os = new WeakMap(), Hs = new WeakMap(), Be = new WeakSet(), ca = function() {
+Ne = new WeakMap(), Re = new WeakMap(), W = new WeakMap(), bi = new WeakMap(), Hs = new WeakMap(), zs = new WeakMap(), Be = new WeakSet(), ua = function() {
   var t;
-  (t = e(this, W)) != null && t.hidden ? n(this, Be, ua).call(this) : this.hide();
-}, ua = function() {
+  (t = e(this, W)) != null && t.hidden ? n(this, Be, pa).call(this) : this.hide();
+}, pa = function() {
   var t, i, s;
   (t = e(this, W)) != null && t.hidden && (e(this, W).hidden = !1, (i = e(this, Ne)) == null || i.setAttribute("aria-expanded", "true"), (s = e(this, Re)) == null || s.focus(), this.dispatchEvent(new CustomEvent(k.LOCK_UI, { bubbles: !0, composed: !0 })));
 };
-class ll {
+class hl {
   constructor(a) {
     this.vindral = a;
   }
@@ -1723,8 +1723,8 @@ class ll {
     this.vindral.pause();
   }
 }
-const pa = document.createElement("template");
-pa.innerHTML = /* HTML */
+const ba = document.createElement("template");
+ba.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -1864,7 +1864,7 @@ class ni extends HTMLElement {
     l(this, Ue, null);
     l(this, Pe);
     m(this, "range");
-    d(this, Pe, this.attachShadow({ mode: "open" })), e(this, Pe).appendChild(pa.content.cloneNode(!0)), this.range = e(this, Pe).getElementById("range");
+    d(this, Pe, this.attachShadow({ mode: "open" })), e(this, Pe).appendChild(ba.content.cloneNode(!0)), this.range = e(this, Pe).getElementById("range");
   }
   connectedCallback() {
     var t;
@@ -1894,8 +1894,8 @@ class ni extends HTMLElement {
   }
 }
 Ue = new WeakMap(), Pe = new WeakMap(), m(ni, "observedAttributes", ["disabled"]);
-const ba = document.createElement("template");
-ba.innerHTML = /* HTML */
+const ma = document.createElement("template");
+ma.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -1994,6 +1994,10 @@ ba.innerHTML = /* HTML */
       z-index: 0;
     }
 
+    #video video::-webkit-media-text-track-display {
+      transform: translateY(var(--vindral-subtitle-offset, 0px)) !important;
+    }
+
     :host([user-interacting]) #video {
       cursor: auto;
     }
@@ -2087,8 +2091,8 @@ ba.innerHTML = /* HTML */
     <slot id="overlay-interactive" name="overlay-interactive"></slot>
   </div>
 `;
-const an = ["ArrowDown", "ArrowLeft", "ArrowRight", "Tab", "Enter", " ", "f", "m"];
-var zs, vt, mi, Mt, Dt, vi, b, H, re, g, fi, ot, ft, Ft, Bs, K, gt, ae, it, j, Et, gi, Ei, F, Ot, Ht, h, yn, $s, Gs, Ai, yi, ki, Ii, Ti, Li, wi, Si, Ci, Ks, kn, In, xi, Ni, Ri, qs, Ui, Pi, _i, Mi, ma, Tn, Di, Ln, va, gs, fa, ga, Es, Ea, wn, Aa, ya, ka, Fi, Ia, Ta, La, wa, Oi, Vs, Xs, Sa, Hi, js, Ys, oe, Sn, Cn, As, xt, ys, ks, Ca, xn, Js, Ws, Nn, E, L;
+const on = ["ArrowDown", "ArrowLeft", "ArrowRight", "Tab", "Enter", " ", "f", "m"];
+var Bs, vt, mi, Mt, Dt, vi, b, H, re, g, fi, ot, ft, Ft, $s, K, gt, ae, it, j, Et, gi, Ei, F, Ot, Ht, h, kn, Gs, Ks, Ai, yi, ki, Ii, Ti, Li, wi, Si, Ci, qs, In, Tn, xi, Ni, Ri, Vs, Ui, Pi, _i, Mi, va, Ln, Di, wn, fa, Es, ga, Ea, As, Aa, Sn, ya, ka, Ia, Fi, Ta, La, wa, Sa, Oi, Xs, js, Ca, Hi, Ys, Js, oe, Cn, xn, ys, xt, xa, ks, Is, Na, Nn, Ws, Qs, Rn, E, L;
 const Ye = class Ye extends HTMLElement {
   constructor() {
     var s;
@@ -2103,11 +2107,11 @@ const Ye = class Ye extends HTMLElement {
     l(this, H);
     l(this, re);
     l(this, g);
-    l(this, fi, e(Ye, zs));
+    l(this, fi, e(Ye, Bs));
     l(this, ot);
     l(this, ft);
     l(this, Ft);
-    l(this, Bs);
+    l(this, $s);
     l(this, K);
     l(this, gt);
     l(this, ae);
@@ -2120,14 +2124,14 @@ const Ye = class Ye extends HTMLElement {
     l(this, Ot, null);
     l(this, Ht, !1);
     // Store references to listener functions for removal
-    l(this, $s, (t) => {
+    l(this, Gs, (t) => {
       const i = t.filter((s) => {
         var o;
         return (o = s.video) == null ? void 0 : o.width;
       });
       n(this, h, E).call(this, r.RENDITION_LEVELS, JSON.stringify(i));
     });
-    l(this, Gs, (t) => {
+    l(this, Ks, (t) => {
       n(this, h, E).call(this, r.RENDITION_LEVEL, JSON.stringify(t));
     });
     l(this, Ai, (t) => {
@@ -2171,7 +2175,7 @@ const Ye = class Ye extends HTMLElement {
     l(this, Ci, (t) => {
       t || n(this, h, L).call(this, r.BUFFERING);
     });
-    l(this, Ks, (t) => {
+    l(this, qs, (t) => {
       var z;
       const { urls: i, duration: s } = t;
       if (!i[0] || !e(this, g)) return;
@@ -2179,7 +2183,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("authToken", u);
-      const p = al(s);
+      const p = ol(s);
       if (isNaN(p)) {
         e(this, F).error(`Invalid duration format: ${s}`);
         return;
@@ -2196,7 +2200,7 @@ const Ye = class Ye extends HTMLElement {
     l(this, Ri, () => {
       e(this, Hi).call(this), n(this, h, L).call(this, r.BUFFERING);
     });
-    l(this, qs, () => {
+    l(this, Vs, () => {
       if (!e(this, g)) return;
       const t = e(this, g).duration;
       n(this, h, E).call(this, r.DURATION, isNaN(t) ? "0" : t.toString());
@@ -2223,7 +2227,7 @@ const Ye = class Ye extends HTMLElement {
           d(this, Ht, !1);
           return;
         }
-        d(this, Ht, !1), n(this, h, ys).call(this);
+        d(this, Ht, !1), n(this, h, ks).call(this);
       }
     });
     l(this, Fi, 0);
@@ -2233,25 +2237,25 @@ const Ye = class Ye extends HTMLElement {
           d(this, Fi, t.timeStamp);
           break;
         case "pointermove":
-          n(this, h, Ia).call(this, t);
+          n(this, h, Ta).call(this, t);
           break;
         case "pointerup":
-          n(this, h, Ta).call(this, t);
+          n(this, h, La).call(this, t);
           break;
         case "mouseleave":
           n(this, h, xt).call(this);
           break;
         case "dblclick":
-          n(this, h, La).call(this, t);
+          n(this, h, wa).call(this, t);
           break;
         case "mousemove":
-          n(this, h, wa).call(this, t);
+          n(this, h, Sa).call(this, t);
           break;
         case "keydown":
-          e(this, Xs).call(this, t);
+          e(this, js).call(this, t);
           break;
         case "keyup":
-          n(this, h, xt).call(this), e(this, Vs).call(this, t);
+          n(this, h, xt).call(this), e(this, Xs).call(this, t);
           break;
       }
     });
@@ -2290,7 +2294,7 @@ const Ye = class Ye extends HTMLElement {
             }
             break;
           case k.CHANNEL_GRID_OPENED: {
-            e(this, Ot) === null && n(this, h, Sn).call(this);
+            e(this, Ot) === null && n(this, h, Cn).call(this);
             break;
           }
           case k.CHANNEL_GRID_CLOSED: {
@@ -2329,45 +2333,45 @@ const Ye = class Ye extends HTMLElement {
             break;
         }
     });
-    l(this, Vs, (t) => {
+    l(this, Xs, (t) => {
       const { key: i } = t;
-      if (!an.includes(i)) {
+      if (!on.includes(i)) {
         this.removeEventListener("keyup", this);
         return;
       }
-      n(this, h, Sa).call(this, t);
+      n(this, h, Ca).call(this, t);
     });
-    l(this, Xs, (t) => {
+    l(this, js, (t) => {
       const { metaKey: i, altKey: s, key: o } = t;
-      i || s || !an.includes(o) || this.addEventListener("keyup", this, { once: !0 });
+      i || s || !on.includes(o) || this.addEventListener("keyup", this, { once: !0 });
     });
     l(this, Hi, () => {
       this.removeAttribute(r.TIMESHIFT_POSITION), this.handleTimeShiftUpdate(!1);
     });
-    l(this, js, (t) => {
+    l(this, Ys, (t) => {
       var i;
-      e(this, g) || n(this, h, Tn).call(this), e(this, H) !== e(this, g) && (t && n(this, h, ks).call(this), d(this, H, e(this, g)), n(this, h, In).call(this), n(this, h, ma).call(this), n(this, h, gs).call(this), (i = e(this, b)) == null || i.pause(), d(this, Ht, t));
+      e(this, g) || n(this, h, Ln).call(this), e(this, H) !== e(this, g) && (t && n(this, h, Is).call(this), d(this, H, e(this, g)), n(this, h, Tn).call(this), n(this, h, va).call(this), n(this, h, Es).call(this), (i = e(this, b)) == null || i.pause(), d(this, Ht, t));
     });
-    l(this, Ys, (t) => {
+    l(this, Js, (t) => {
       var i, s, o, u;
-      t && n(this, h, ks).call(this), (i = e(this, g)) == null || i.hide(), d(this, H, e(this, re)), n(this, h, gs).call(this), this.hasAttribute(r.PAUSED) ? (s = e(this, H)) == null || s.pause() : (o = e(this, H)) == null || o.play(), n(this, h, Ln).call(this), n(this, h, kn).call(this), (u = e(this, g)) == null || u.pause(), t && (d(this, Ht, !1), setTimeout(() => {
-        n(this, h, ys).call(this);
+      t && n(this, h, Is).call(this), (i = e(this, g)) == null || i.hide(), d(this, H, e(this, re)), n(this, h, Es).call(this), this.hasAttribute(r.PAUSED) ? (s = e(this, H)) == null || s.pause() : (o = e(this, H)) == null || o.play(), n(this, h, wn).call(this), n(this, h, In).call(this), (u = e(this, g)) == null || u.pause(), t && (d(this, Ht, !1), setTimeout(() => {
+        n(this, h, ks).call(this);
       }, 100));
     });
     m(this, "handleTimeShiftUpdate", (t) => {
       var s;
       const i = this.hasAttribute(r.IS_PIP);
       if (t !== !1) {
-        e(this, js).call(this, i), (s = e(this, g)) == null || s.seek({
+        e(this, Ys).call(this, i), (s = e(this, g)) == null || s.seek({
           time: parseFloat(t),
           playWhenReady: !this.hasAttribute(r.PAUSED)
         });
         return;
       }
-      e(this, H) !== e(this, re) && e(this, Ys).call(this, i);
+      e(this, H) !== e(this, re) && e(this, Js).call(this, i);
     });
     l(this, oe, null);
-    l(this, Js, () => {
+    l(this, Ws, () => {
       var i, s, o;
       if (!("orientation" in screen) || !screen.orientation.lock)
         return;
@@ -2375,16 +2379,16 @@ const Ye = class Ye extends HTMLElement {
       t != null && t.video && screen.orientation.lock(((s = t == null ? void 0 : t.video) == null ? void 0 : s.width) > ((o = t == null ? void 0 : t.video) == null ? void 0 : o.height) ? "landscape-primary" : "portrait-primary").catch(() => {
       });
     });
-    l(this, Ws, () => {
+    l(this, Qs, () => {
       !("orientation" in screen) || !screen.orientation.unlock || screen.orientation.unlock();
     });
-    this.attachShadow({ mode: "open" }).appendChild(ba.content.cloneNode(!0));
-    const i = rn(this.getAttribute("log-level"));
-    d(this, F, Tr.get().createContext("VindralController")), e(this, F).setLevel(i), d(this, vi, (s = this.shadowRoot) == null ? void 0 : s.querySelector("#time-shift-video"));
+    this.attachShadow({ mode: "open" }).appendChild(ma.content.cloneNode(!0));
+    const i = an(this.getAttribute("log-level"));
+    d(this, F, Lr.get().createContext("VindralController")), e(this, F).setLevel(i), d(this, vi, (s = this.shadowRoot) == null ? void 0 : s.querySelector("#time-shift-video"));
   }
   connectedCallback() {
     return B(this, null, function* () {
-      D(this.getAttribute("auto-instance-enabled"), !0) && (yield n(this, h, yn).call(this));
+      D(this.getAttribute("auto-instance-enabled"), !0) && (yield n(this, h, kn).call(this));
       for (const i of Object.values(k))
         this.addEventListener(i, e(this, Oi));
       window.PointerEvent ? (this.addEventListener("pointerdown", this), this.addEventListener("pointermove", this), this.addEventListener("pointerup", this)) : this.addEventListener("mousemove", this), this.addEventListener("mouseleave", this), this.addEventListener("keydown", this), this.addEventListener("resize", this), this.addEventListener("dblclick", this), this.connectListener(this), this.tabIndex = 0, this.focus({ preventScroll: !0 });
@@ -2395,100 +2399,106 @@ const Ye = class Ye extends HTMLElement {
     (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, Oi));
-    n(this, h, Ln).call(this), n(this, h, In).call(this), this.disconnectListener(this);
+    n(this, h, wn).call(this), n(this, h, Tn).call(this), this.disconnectListener(this);
   }
   attributeChangedCallback(t, i, s) {
-    var o, u, p, v, A, z, ut, at, jt, Yt, Jt, cs, us, ps, bs;
-    if (i != s)
-      switch (e(this, F).debug("Attribute changed", { name: t, oldValue: i, newValue: s }), t) {
-        case "channel-id":
-          d(this, ot, s), e(this, b) && s && (e(this, b).channelId = s, e(this, b).play(), n(this, h, E).call(this, r.BUFFERING, ""), n(this, h, E).call(this, r.CHANNEL_ID, s), n(this, h, E).call(this, r.POSTER_SRC, e(this, b).getThumbnailUrl()));
-          break;
-        case "channel-group-id":
-          d(this, ft, s);
-          break;
-        case "url":
-          s && d(this, fi, s);
-          break;
-        case "paused":
-          x(s) ? ((o = e(this, H)) == null || o.pause(), n(this, h, E).call(this, r.PAUSED, "")) : (n(this, h, L).call(this, r.NEEDS_USER_INPUT_VIDEO), n(this, h, L).call(this, r.PAUSED), (u = e(this, H)) == null || u.play());
-          break;
-        case "target-buffer-time":
-          if (e(this, b) && s) {
-            const V = parseInt(s, 10);
-            Number.isNaN(V) || (e(this, b).targetBufferTime = V);
-          }
-          break;
-        case "user-interacting":
-          x(s) ? n(this, h, E).call(this, r.USER_INTERACTING, "") : n(this, h, L).call(this, r.USER_INTERACTING);
-          break;
-        case "muted":
-          e(this, b) && (x(s) ? (e(this, b).muted = !0, e(this, g) && (e(this, g).muted = !0), n(this, h, E).call(this, r.MUTED, ""), (p = e(this, j)) != null && p.isMediaElementSource && ((v = e(this, j)) == null || v.stop(), n(this, h, E).call(this, r.VOLUME_LEVEL, JSON.stringify({ left: null, right: null })))) : (e(this, b).muted = !1, e(this, g) && (e(this, g).muted = !1), n(this, h, L).call(this, r.MUTED), n(this, h, L).call(this, r.NEEDS_USER_INPUT_AUDIO), e(this, b).volume === 0 && (e(this, b).volume = 0.3), (A = e(this, j)) == null || A.start()));
-          break;
-        case "ui-locked":
-          x(s) ? n(this, h, As).call(this) : n(this, h, xt).call(this);
-          break;
-        case "is-fullscreen":
-          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, L).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, Bs, s), x(s) ? n(this, h, E).call(this, r.MAX_INITIAL_BITRATE, s) : n(this, h, L).call(this, r.MAX_INITIAL_BITRATE);
-          break;
-        case "is-pip":
-          x(s) ? n(this, h, ys).call(this) : n(this, h, ks).call(this);
-          break;
-        case "is-airplaying":
-          x(s) ? ((z = e(this, b)) != null && z.mediaElement && (e(this, b).mediaElement.style.display = "hidden"), (ut = e(this, b)) == null || ut.pause()) : (at = e(this, b)) != null && at.mediaElement && (e(this, b).mediaElement.style.display = "block");
-          break;
-        case "is-casting":
-          x(s) ? ((jt = e(this, gt)) != null && jt.isFullscreen() && n(this, h, xn).call(this), (Yt = e(this, b)) == null || Yt.pause()) : document.hidden || (Jt = e(this, b)) == null || Jt.play();
-          break;
-        case "cast-receiver-id":
-          d(this, gi, s);
-          break;
-        case "cast-background":
-          d(this, Ei, s);
-          break;
-        case "language":
-          e(this, b) && (e(this, b).language = s, x(s) ? n(this, h, E).call(this, r.LANGUAGE, s) : n(this, h, L).call(this, r.LANGUAGE));
-          break;
-        case "text-track":
-          e(this, b) && (e(this, b).textTrack = s, x(s) ? n(this, h, E).call(this, r.TEXT_TRACK, s) : n(this, h, L).call(this, r.TEXT_TRACK));
-          break;
-        case "log-level":
-          x(s) && e(this, F).setLevel(rn(s));
-          break;
-        case "authentication-token":
-          x(s) ? ((cs = e(this, b)) == null || cs.updateAuthenticationToken(s), (us = e(this, it)) == null || us.updateAuthenticationToken(s), n(this, h, E).call(this, r.AUTHENTICATION_TOKEN, s)) : n(this, h, L).call(this, r.AUTHENTICATION_TOKEN);
-          break;
-        case "volume":
-          if (x(s)) {
-            const V = parseFloat(s);
-            e(this, g) && (e(this, g).volume = V), e(this, b) && (e(this, b).volume = V);
-          }
-          break;
-        case "timeshift-position":
-          x(s) ? n(this, h, E).call(this, r.TIMESHIFT_POSITION, s) : n(this, h, L).call(this, r.TIMESHIFT_POSITION);
-          break;
-        case "drm-headers":
-          if (x(s)) {
-            const V = ms(s);
-            V ? (ps = e(this, b)) == null || ps.drm.setHeaders(V) : e(this, F).warn("Invalid DRM headers format:", s);
-          }
-          break;
-        case "drm-queryparams":
-          if (x(s)) {
-            const V = ms(s);
-            V ? (bs = e(this, b)) == null || bs.drm.setQueryParams(V) : e(this, F).warn("Invalid DRM query parameters format:", s);
-          }
-          break;
-      }
+    var u, p, v, A, z, ut, at, jt, Yt, Jt, cs, us, ps, bs, ms;
+    if (i == s)
+      return;
+    switch (e(this, F).debug("Attribute changed", { name: t, oldValue: i, newValue: s }), t) {
+      case "channel-id":
+        d(this, ot, s), e(this, b) && s && (e(this, b).channelId = s, e(this, b).play(), n(this, h, E).call(this, r.BUFFERING, ""), n(this, h, E).call(this, r.CHANNEL_ID, s), n(this, h, E).call(this, r.POSTER_SRC, e(this, b).getThumbnailUrl()));
+        break;
+      case "channel-group-id":
+        d(this, ft, s);
+        break;
+      case "url":
+        s && d(this, fi, s);
+        break;
+      case "paused":
+        x(s) ? ((u = e(this, H)) == null || u.pause(), n(this, h, E).call(this, r.PAUSED, "")) : (n(this, h, L).call(this, r.NEEDS_USER_INPUT_VIDEO), n(this, h, L).call(this, r.PAUSED), (p = e(this, H)) == null || p.play());
+        break;
+      case "target-buffer-time":
+        if (e(this, b) && s) {
+          const V = parseInt(s, 10);
+          Number.isNaN(V) || (e(this, b).targetBufferTime = V);
+        }
+        break;
+      case "user-interacting":
+        x(s) ? n(this, h, E).call(this, r.USER_INTERACTING, "") : n(this, h, L).call(this, r.USER_INTERACTING);
+        break;
+      case "muted":
+        e(this, b) && (x(s) ? (e(this, b).muted = !0, e(this, g) && (e(this, g).muted = !0), n(this, h, E).call(this, r.MUTED, ""), (v = e(this, j)) != null && v.isMediaElementSource && ((A = e(this, j)) == null || A.stop(), n(this, h, E).call(this, r.VOLUME_LEVEL, JSON.stringify({ left: null, right: null })))) : (e(this, b).muted = !1, e(this, g) && (e(this, g).muted = !1), n(this, h, L).call(this, r.MUTED), n(this, h, L).call(this, r.NEEDS_USER_INPUT_AUDIO), e(this, b).volume === 0 && (e(this, b).volume = 0.3), (z = e(this, j)) == null || z.start()));
+        break;
+      case "ui-locked":
+        x(s) ? n(this, h, ys).call(this) : n(this, h, xt).call(this);
+        break;
+      case "is-fullscreen":
+        x(s) ? n(this, h, Na).call(this) : n(this, h, Nn).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, L).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, L).call(this, r.MAX_INITIAL_BITRATE);
+        break;
+      case "is-pip":
+        x(s) ? n(this, h, ks).call(this) : n(this, h, Is).call(this);
+        break;
+      case "is-airplaying":
+        x(s) ? ((ut = e(this, b)) != null && ut.mediaElement && (e(this, b).mediaElement.style.display = "hidden"), (at = e(this, b)) == null || at.pause()) : (jt = e(this, b)) != null && jt.mediaElement && (e(this, b).mediaElement.style.display = "block");
+        break;
+      case "is-casting":
+        x(s) ? ((Yt = e(this, gt)) != null && Yt.isFullscreen() && n(this, h, Nn).call(this), (Jt = e(this, b)) == null || Jt.pause()) : document.hidden || (cs = e(this, b)) == null || cs.play();
+        break;
+      case "cast-receiver-id":
+        d(this, gi, s);
+        break;
+      case "cast-background":
+        d(this, Ei, s);
+        break;
+      case "language":
+        e(this, b) && (e(this, b).language = s, x(s) ? n(this, h, E).call(this, r.LANGUAGE, s) : n(this, h, L).call(this, r.LANGUAGE));
+        break;
+      case "text-track":
+        e(this, b) && (e(this, b).textTrack = s, x(s) ? n(this, h, E).call(this, r.TEXT_TRACK, s) : n(this, h, L).call(this, r.TEXT_TRACK));
+        break;
+      case "log-level":
+        x(s) && e(this, F).setLevel(an(s));
+        break;
+      case "authentication-token":
+        x(s) ? ((us = e(this, b)) == null || us.updateAuthenticationToken(s), (ps = e(this, it)) == null || ps.updateAuthenticationToken(s), n(this, h, E).call(this, r.AUTHENTICATION_TOKEN, s)) : n(this, h, L).call(this, r.AUTHENTICATION_TOKEN);
+        break;
+      case "volume":
+        if (x(s)) {
+          const V = parseFloat(s);
+          e(this, g) && (e(this, g).volume = V), e(this, b) && (e(this, b).volume = V);
+        }
+        break;
+      case "timeshift-position":
+        x(s) ? n(this, h, E).call(this, r.TIMESHIFT_POSITION, s) : n(this, h, L).call(this, r.TIMESHIFT_POSITION);
+        break;
+      case "drm-headers":
+        if (x(s)) {
+          const V = vs(s);
+          V ? (bs = e(this, b)) == null || bs.drm.setHeaders(V) : e(this, F).warn("Invalid DRM headers format:", s);
+        }
+        break;
+      case "drm-queryparams":
+        if (x(s)) {
+          const V = vs(s);
+          V ? (ms = e(this, b)) == null || ms.drm.setQueryParams(V) : e(this, F).warn("Invalid DRM query parameters format:", s);
+        }
+        break;
+    }
+    [
+      r.USER_INTERACTING,
+      r.PAUSED,
+      r.HIDE_UI_ON_PAUSE
+    ].includes(t) && n(this, h, xa).call(this);
   }
   connectListener(t) {
-    yr(t).forEach((s) => {
+    kr(t).forEach((s) => {
       var u, p;
       const o = e(this, vt).get(s);
       switch (o ? o.push(t) : e(this, vt).set(s, [t]), s) {
@@ -2516,7 +2526,7 @@ const Ye = class Ye extends HTMLElement {
     });
   }
   disconnectListener(t) {
-    yr(t).forEach((s) => {
+    kr(t).forEach((s) => {
       const o = e(this, vt).get(s);
       o && e(this, vt).set(
         s,
@@ -2528,33 +2538,33 @@ const Ye = class Ye extends HTMLElement {
     return e(this, b);
   }
   get fullscreen() {
-    return n(this, h, Es).call(this);
+    return n(this, h, As).call(this);
   }
   get airPlay() {
     return e(this, it);
   }
   connect() {
-    n(this, h, yn).call(this);
+    n(this, h, kn).call(this);
   }
 };
-zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(), Dt = new WeakMap(), vi = new WeakMap(), b = new WeakMap(), H = new WeakMap(), re = new WeakMap(), g = new WeakMap(), fi = new WeakMap(), ot = new WeakMap(), ft = new WeakMap(), Ft = new WeakMap(), Bs = 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(), F = new WeakMap(), Ot = new WeakMap(), Ht = new WeakMap(), h = new WeakSet(), yn = function() {
+Bs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(), Dt = new WeakMap(), vi = new WeakMap(), b = new WeakMap(), H = 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(), F = new WeakMap(), Ot = new WeakMap(), Ht = new WeakMap(), h = new WeakSet(), kn = function() {
   return B(this, null, function* () {
-    var br, mr;
+    var mr, vr;
     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 = Wt(this.getAttribute(r.VOLUME)), o = typeof s == "number" ? Math.max(0, Math.min(1, s)) : s, u = wr(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 = el(this.getAttribute("max-size")), jt = Wt(this.getAttribute("min-buffer-time")), Yt = Wt(this.getAttribute("max-buffer-time")), Jt = D(this.getAttribute("burst-enabled")), cs = D(this.getAttribute("mse-enabled")), us = D(this.getAttribute("mse-opus-enabled")), ps = D(this.getAttribute("ios-background-play-enabled")), bs = D(this.getAttribute("ios-wake-lock-enabled")), V = D(this.getAttribute("ios-media-element-enabled")), ko = D(this.getAttribute("abr-enabled")), Io = D(this.getAttribute("size-based-resolution-cap-enabled")), To = D(this.getAttribute("telemetry-enabled")), Lo = tl(this.getAttribute("video-codecs")), cr = Sr(this.getAttribute("poster")), wo = il(this.getAttribute("advanced")), So = rn(this.getAttribute("log-level")), Co = {
-      headers: ms(this.getAttribute("drm-headers")),
-      queryParams: ms(this.getAttribute("drm-queryparams")),
+    yield (mr = e(this, b)) == null ? void 0 : mr.unload();
+    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 = Sr(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 = il(this.getAttribute("max-size")), jt = Wt(this.getAttribute("min-buffer-time")), Yt = Wt(this.getAttribute("max-buffer-time")), Jt = D(this.getAttribute("burst-enabled")), cs = D(this.getAttribute("mse-enabled")), us = D(this.getAttribute("mse-opus-enabled")), ps = D(this.getAttribute("ios-background-play-enabled")), bs = D(this.getAttribute("ios-wake-lock-enabled")), ms = D(this.getAttribute("ios-media-element-enabled")), V = D(this.getAttribute("abr-enabled")), To = D(this.getAttribute("size-based-resolution-cap-enabled")), Lo = D(this.getAttribute("telemetry-enabled")), wo = el(this.getAttribute("video-codecs")), ur = Cr(this.getAttribute("poster")), So = sl(this.getAttribute("advanced")), Co = an(this.getAttribute("log-level")), xo = {
+      headers: vs(this.getAttribute("drm-headers")),
+      queryParams: vs(this.getAttribute("drm-queryparams")),
       widevine: {
-        videoRobustness: vs(this.getAttribute("drm-widevine-video-robustness")),
-        audioRobustness: vs(this.getAttribute("drm-widevine-audio-robustness"))
+        videoRobustness: fs(this.getAttribute("drm-widevine-video-robustness")),
+        audioRobustness: fs(this.getAttribute("drm-widevine-audio-robustness"))
       },
       playready: {
-        videoRobustness: vs(this.getAttribute("drm-playready-video-robustness")),
-        audioRobustness: vs(this.getAttribute("drm-playready-audio-robustness"))
+        videoRobustness: fs(this.getAttribute("drm-playready-video-robustness")),
+        audioRobustness: fs(this.getAttribute("drm-playready-audio-robustness"))
       }
-    }, xo = D(this.getAttribute("webtransport-enabled")), ur = Wt(this.getAttribute("reconnect-retries")), No = ur !== void 0 ? (Fo) => Fo.reconnectRetries < ur : void 0, Ro = this.getAttribute("language") || void 0;
-    d(this, b, new $o({
+    }, No = D(this.getAttribute("webtransport-enabled")), pr = Wt(this.getAttribute("reconnect-retries")), Ro = pr !== void 0 ? (Oo) => Oo.reconnectRetries < pr : void 0, Uo = this.getAttribute("language") || void 0;
+    d(this, b, new Go({
       url: e(this, fi),
       channelId: e(this, ot),
       channelGroupId: e(this, ft),
@@ -2573,86 +2583,86 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
       mseOpusEnabled: us,
       iosBackgroundPlayEnabled: ps,
       iosWakeLockEnabled: bs,
-      iosMediaElementEnabled: V,
-      abrEnabled: ko,
-      sizeBasedResolutionCapEnabled: Io,
-      telemetryEnabled: To,
-      videoCodecs: Lo,
-      poster: cr,
+      iosMediaElementEnabled: ms,
+      abrEnabled: V,
+      sizeBasedResolutionCapEnabled: To,
+      telemetryEnabled: Lo,
+      videoCodecs: wo,
+      poster: ur,
       textTrack: p,
-      advanced: wo,
-      logLevel: So,
-      language: Ro,
-      drm: Co,
-      webtransportEnabled: xo,
-      reconnectHandler: No
-    })), d(this, re, new ll(e(this, b))), e(this, H) || d(this, H, 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 = D(this.getAttribute(r.AIRPLAY_ENABLED), !1), Po = D(this.getAttribute(r.CAST_ENABLED), !0), pr = D(this.getAttribute(r.FULLSCREEN_ENABLED), !0), _o = D(this.getAttribute(r.PIP_ENABLED), !0), Mo = D(this.getAttribute(r.VU_METER_ENABLED), !1), Do = D(this.getAttribute(r.TIMESHIFT_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(
+      advanced: So,
+      logLevel: Co,
+      language: Uo,
+      drm: xo,
+      webtransportEnabled: No,
+      reconnectHandler: Ro
+    })), d(this, re, new hl(e(this, b))), e(this, H) || d(this, H, e(this, re)), n(this, h, In).call(this), d(this, Dt, (vr = this.shadowRoot) == null ? void 0 : vr.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(ur) || n(this, h, E).call(this, r.POSTER_SRC, e(this, b).getThumbnailUrl());
+    const Po = D(this.getAttribute(r.AIRPLAY_ENABLED), !1), _o = D(this.getAttribute(r.CAST_ENABLED), !0), br = D(this.getAttribute(r.FULLSCREEN_ENABLED), !0), Mo = D(this.getAttribute(r.PIP_ENABLED), !0), Do = D(this.getAttribute(r.VU_METER_ENABLED), !1), Fo = D(this.getAttribute(r.TIMESHIFT_ENABLED), !1);
+    Po && n(this, h, ka).call(this, e(this, b)), _o && n(this, h, Aa).call(this, e(this, b)), br && n(this, h, ga).call(this, e(this, b)), Mo && n(this, h, fa).call(this, e(this, b)), t || e(this, b).play(), Do && n(this, h, Ia).call(this, e(this, b)), this.dispatchEvent(
       new CustomEvent("vindral-instance-ready", { bubbles: !0, composed: !0, detail: e(this, b) })
-    ), Do && (n(this, h, Tn).call(this), pr && n(this, h, ga).call(this));
+    ), Fo && (n(this, h, Ln).call(this), br && n(this, h, Ea).call(this));
   });
-}, $s = new WeakMap(), Gs = new WeakMap(), Ai = new WeakMap(), yi = new WeakMap(), ki = new WeakMap(), Ii = new WeakMap(), Ti = new WeakMap(), Li = new WeakMap(), wi = new WeakMap(), Si = new WeakMap(), Ci = new WeakMap(), Ks = new WeakMap(), kn = function() {
-  e(this, b) && (e(this, b).on("rendition levels", e(this, $s)), e(this, b).on("rendition level", e(this, Gs)), e(this, b).on("playback state", e(this, Ai)), e(this, b).on("volume state", e(this, yi)), e(this, b).on("channel switch failed", e(this, ki)), e(this, b).on("channel switch", e(this, Ii)), e(this, b).on("channels", e(this, Ti)), e(this, b).on("languages", e(this, Li)), e(this, b).on("text tracks", e(this, wi)), e(this, b).on("needs user input", e(this, Si)), e(this, b).on("is live", e(this, Ci)), e(this, b).on("timeshift info", e(this, Ks)));
-}, In = function() {
+}, Gs = new WeakMap(), Ks = new WeakMap(), Ai = new WeakMap(), yi = new WeakMap(), ki = new WeakMap(), Ii = new WeakMap(), Ti = new WeakMap(), Li = new WeakMap(), wi = new WeakMap(), Si = new WeakMap(), Ci = new WeakMap(), qs = new WeakMap(), In = function() {
+  e(this, b) && (e(this, b).on("rendition levels", e(this, Gs)), e(this, b).on("rendition level", e(this, Ks)), e(this, b).on("playback state", e(this, Ai)), e(this, b).on("volume state", e(this, yi)), e(this, b).on("channel switch failed", e(this, ki)), e(this, b).on("channel switch", e(this, Ii)), e(this, b).on("channels", e(this, Ti)), e(this, b).on("languages", e(this, Li)), e(this, b).on("text tracks", e(this, wi)), e(this, b).on("needs user input", e(this, Si)), e(this, b).on("is live", e(this, Ci)), e(this, b).on("timeshift info", e(this, qs)));
+}, Tn = function() {
   e(this, b) && (e(this, b).off("playback state", e(this, Ai)), e(this, b).off("volume state", e(this, yi)), e(this, b).off("channel switch failed", e(this, ki)), e(this, b).off("channel switch", e(this, Ii)), e(this, b).off("channels", e(this, Ti)), e(this, b).off("languages", e(this, Li)), e(this, b).off("text tracks", e(this, wi)), e(this, b).off("needs user input", e(this, Si)), e(this, b).off("is live", e(this, Ci)));
-}, xi = new WeakMap(), Ni = new WeakMap(), Ri = new WeakMap(), qs = new WeakMap(), Ui = new WeakMap(), Pi = new WeakMap(), _i = new WeakMap(), Mi = new WeakMap(), ma = function() {
+}, xi = new WeakMap(), Ni = new WeakMap(), Ri = new WeakMap(), Vs = new WeakMap(), Ui = new WeakMap(), Pi = new WeakMap(), _i = new WeakMap(), Mi = new WeakMap(), va = function() {
   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)));
-}, Tn = function() {
+}, Ln = function() {
   var t, i, s, o;
-  d(this, g, new ol(e(this, vi), {
+  d(this, g, new ll(e(this, vi), {
     volume: (i = (t = e(this, H)) == null ? void 0 : t.volume) != null ? i : 1,
     muted: (o = (s = e(this, H)) == null ? void 0 : s.muted) != null ? o : !1,
     maxVideoBitRate: e(this, Ft) ? parseInt(e(this, Ft), 10) : void 0
-  })), e(this, g).addEventListener("durationchange", e(this, qs));
-}, Di = new WeakMap(), Ln = function() {
+  })), e(this, g).addEventListener("durationchange", e(this, Vs));
+}, Di = new WeakMap(), wn = function() {
   e(this, g) && (e(this, g).removeEventListener("playing", e(this, xi)), e(this, g).removeEventListener("pause", e(this, Ni)), e(this, g).removeEventListener("ended", e(this, Ri)), e(this, g).removeEventListener("timeupdate", e(this, Ui)), e(this, g).removeEventListener("volumechange", e(this, Pi)), e(this, g).removeEventListener("hlsbuffering", e(this, _i)), e(this, g).removeEventListener("hlsnotbuffering", e(this, Mi)), e(this, g).removeEventListener("timeshiftready", e(this, Di)));
-}, va = function(t) {
-  t.mediaElement instanceof HTMLVideoElement && (d(this, K, new Ar(t.mediaElement)), e(this, K).isSupported() && (e(this, F).debug("PIP is supported"), n(this, h, E).call(this, r.PIP_AVAILABLE, "")), e(this, K).on("on picture in picture change", (i) => {
+}, fa = function(t) {
+  t.mediaElement instanceof HTMLVideoElement && (d(this, K, new yr(t.mediaElement)), e(this, K).isSupported() && (e(this, F).debug("PIP is supported"), n(this, h, E).call(this, r.PIP_AVAILABLE, "")), e(this, K).on("on picture in picture change", (i) => {
     i ? n(this, h, E).call(this, r.IS_PIP, "") : n(this, h, L).call(this, r.IS_PIP);
   }));
-}, gs = function() {
+}, Es = function() {
   var i;
   if (!e(this, K)) return;
   let t = null;
-  e(this, H) === e(this, g) && e(this, g) ? t = e(this, g).videoElement : ((i = e(this, b)) == null ? void 0 : i.mediaElement) instanceof HTMLVideoElement && (t = e(this, b).mediaElement), t && t !== e(this, K).videoElement && (e(this, F).debug("Updating PIP target to", e(this, H) === e(this, g) ? "HLS" : "Vindral"), e(this, K).unload(), d(this, K, new Ar(t)), e(this, K).on("on picture in picture change", (s) => {
+  e(this, H) === e(this, g) && e(this, g) ? t = e(this, g).videoElement : ((i = e(this, b)) == null ? void 0 : i.mediaElement) instanceof HTMLVideoElement && (t = e(this, b).mediaElement), t && t !== e(this, K).videoElement && (e(this, F).debug("Updating PIP target to", e(this, H) === e(this, g) ? "HLS" : "Vindral"), e(this, K).unload(), d(this, K, new yr(t)), e(this, K).on("on picture in picture change", (s) => {
     s ? n(this, h, E).call(this, r.IS_PIP, "") : n(this, h, L).call(this, r.IS_PIP);
   }));
-}, fa = function(t) {
+}, ga = function(t) {
   const i = !pt.isFullscreenApiSupported(this) && pt.isFullscreenApiSupported(t.mediaElement) ? t.mediaElement : this;
   d(this, gt, new pt(i)), e(this, gt).on("on fullscreen change", (s) => {
     s ? n(this, h, E).call(this, r.FULLSCREEN, "") : n(this, h, L).call(this, r.FULLSCREEN);
   });
-}, ga = function() {
+}, Ea = function() {
   var t;
   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, L).call(this, r.FULLSCREEN);
   }));
-}, Es = function() {
+}, As = function() {
   return this.hasAttribute(r.TIMESHIFT_POSITION) ? e(this, ae) : e(this, gt);
-}, Ea = function(t) {
-  d(this, Et, new jo({
+}, Aa = function(t) {
+  d(this, Et, new Yo({
     background: e(this, Ei),
     receiverApplicationId: e(this, gi),
     options: t.getCastOptions()
   })), e(this, Et).init().then(() => {
     var i, s, o;
-    n(this, h, E).call(this, r.CAST_AVAILABLE, ""), (i = e(this, Et)) == null || i.on("connected", n(this, h, wn).bind(this)), (s = e(this, Et)) == null || s.on("resumed", n(this, h, wn).bind(this)), (o = e(this, Et)) == null || o.on("disconnected", n(this, h, Aa).bind(this));
+    n(this, h, E).call(this, r.CAST_AVAILABLE, ""), (i = e(this, Et)) == null || i.on("connected", n(this, h, Sn).bind(this)), (s = e(this, Et)) == null || s.on("resumed", n(this, h, Sn).bind(this)), (o = e(this, Et)) == null || o.on("disconnected", n(this, h, ya).bind(this));
   }).catch((i) => {
     e(this, F).warn("Failed to initialize CastSender", i);
   });
-}, wn = function() {
+}, Sn = function() {
   var i, s;
   n(this, h, E).call(this, r.IS_CASTING, "");
   const t = (s = (i = e(this, Et)) == null ? void 0 : i.getReceiverName()) != null ? s : "device";
   n(this, h, E).call(this, r.CAST_RECEIVER_NAME, t);
-}, Aa = function() {
+}, ya = function() {
   n(this, h, L).call(this, r.IS_CASTING), n(this, h, L).call(this, r.CAST_RECEIVER_NAME);
-}, ya = function(t) {
+}, ka = function(t) {
   var s;
   (s = e(this, it)) == null || s.unload();
   const i = t.getCastOptions();
-  d(this, it, new rl({
+  d(this, it, new al({
     url: i.url,
     channelId: i.channelId,
     authenticationToken: i.authenticationToken,
@@ -2664,32 +2674,32 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
   }), e(this, it).on("disconnected", () => {
     n(this, h, L).call(this, r.IS_AIRPLAYING);
   });
-}, ka = function(t) {
+}, Ia = function(t) {
   var i;
-  if ((i = e(this, j)) == null || i.unload(), !Go()) {
+  if ((i = e(this, j)) == null || i.unload(), !Ko()) {
     if (t.audioNode)
-      d(this, j, new kr(t.audioNode));
+      d(this, j, new Ir(t.audioNode));
     else if (t.mediaElement instanceof HTMLMediaElement)
-      d(this, j, new kr(t.mediaElement));
+      d(this, j, new Ir(t.mediaElement));
     else
       return;
     e(this, j).on("on decibel change", (s) => {
       n(this, h, E).call(this, r.VOLUME_LEVEL, JSON.stringify(s));
     }), n(this, h, E).call(this, r.VOLUME_LEVEL, JSON.stringify({ left: null, right: null })), (!e(this, j).isMediaElementSource || !this.hasAttribute(r.MUTED)) && e(this, j).start();
   }
-}, Fi = new WeakMap(), Ia = function(t) {
-  t.pointerType !== "mouse" && t.timeStamp - e(this, Fi) < 250 || (n(this, h, As).call(this), e(this, Mt) && clearTimeout(e(this, Mt)), t.target instanceof HTMLElement && ([this, e(this, Dt)].includes(t.target) || t.target.localName === "vindral-scroll-overlay") && n(this, h, xt).call(this));
-}, Ta = function(t) {
-  const i = this.hasAttribute(r.USER_INTERACTING);
-  t.pointerType === "touch" && t.target instanceof HTMLElement ? [this, e(this, Dt)].includes(t.target) && i ? n(this, h, Cn).call(this) : n(this, h, xt).call(this) : t.composedPath().some((s) => s instanceof HTMLElement && ["vindral-play-button"].includes(s == null ? void 0 : s.localName)) && n(this, h, xt).call(this);
+}, Fi = new WeakMap(), Ta = function(t) {
+  t.pointerType !== "mouse" && t.timeStamp - e(this, Fi) < 250 || (n(this, h, ys).call(this), e(this, Mt) && clearTimeout(e(this, Mt)), t.target instanceof HTMLElement && ([this, e(this, Dt)].includes(t.target) || t.target.localName === "vindral-scroll-overlay") && n(this, h, xt).call(this));
 }, La = function(t) {
-  !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, ""));
+  const i = this.hasAttribute(r.USER_INTERACTING);
+  t.pointerType === "touch" && t.target instanceof HTMLElement ? [this, e(this, Dt)].includes(t.target) && i ? n(this, h, xn).call(this) : n(this, h, xt).call(this) : t.composedPath().some((s) => s instanceof HTMLElement && ["vindral-play-button"].includes(s == null ? void 0 : s.localName)) && n(this, h, xt).call(this);
 }, wa = function(t) {
+  !e(this, gt) || t.target instanceof rt || t.target instanceof cr || t.target instanceof ni || (this.hasAttribute(r.FULLSCREEN) ? this.removeAttribute(r.FULLSCREEN) : this.setAttribute(r.FULLSCREEN, ""));
+}, Sa = function(t) {
   this.hasAttribute(r.USER_INTERACTING) || n(this, h, xt).call(this);
-}, Oi = new WeakMap(), Vs = new WeakMap(), Xs = new WeakMap(), Sa = function(t) {
+}, Oi = new WeakMap(), Xs = new WeakMap(), js = new WeakMap(), Ca = 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)))
+  if (!(i || s || !on.includes(o) || (((p = t.target) == null ? void 0 : p.keysUsed) || []).includes(o)))
     switch (o) {
       case "f":
         this.hasAttribute(r.FULLSCREEN) ? this.removeAttribute(r.FULLSCREEN) : this.setAttribute(r.FULLSCREEN, "");
@@ -2701,7 +2711,7 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
         (v = this.querySelector("vindral-scroll-overlay")) == null || v.setAttribute("open", "");
         break;
     }
-}, Hi = new WeakMap(), js = new WeakMap(), Ys = new WeakMap(), oe = new WeakMap(), Sn = function() {
+}, Hi = new WeakMap(), Ys = new WeakMap(), Js = new WeakMap(), oe = new WeakMap(), Cn = function() {
   return B(this, null, function* () {
     if (!e(this, b) || !e(this, ft))
       return;
@@ -2714,52 +2724,57 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
       n(this, h, E).call(this, r.CHANNELS, JSON.stringify(i));
     }
     d(this, Ot, window.setTimeout(() => {
-      n(this, h, Sn).call(this);
+      n(this, h, Cn).call(this);
     }, 1e4));
   });
-}, Cn = function() {
+}, xn = function() {
   !this.hasAttribute(r.USER_INTERACTING) || this.hasAttribute(r.UI_LOCKED) || (this.dispatchEvent(
     new CustomEvent("user-interacting", { bubbles: !0, composed: !0, detail: { active: !1 } })
   ), this.removeAttribute(r.USER_INTERACTING));
-}, As = function() {
+}, ys = function() {
   this.hasAttribute(r.USER_INTERACTING) || requestAnimationFrame(() => {
     this.setAttribute(r.USER_INTERACTING, ""), this.dispatchEvent(
       new CustomEvent("user-interacting", { bubbles: !0, composed: !0, detail: { active: !0 } })
     );
   });
 }, xt = function() {
-  n(this, h, As).call(this), e(this, Mt) && clearTimeout(e(this, Mt)), e(this, mi) && d(this, Mt, self.setTimeout(() => {
-    n(this, h, Cn).call(this);
+  n(this, h, ys).call(this), e(this, Mt) && clearTimeout(e(this, Mt)), e(this, mi) && d(this, Mt, self.setTimeout(() => {
+    n(this, h, xn).call(this);
   }, e(this, mi)));
-}, ys = function() {
+}, /** Syncs subtitle offset from CSS to media element for canvas rendering */
+xa = function() {
+  var i, s;
+  const t = getComputedStyle(this).getPropertyValue("--vindral-subtitle-offset") || "0px";
+  (s = (i = e(this, b)) == null ? void 0 : i.mediaElement) == null || s.style.setProperty("--vindral-subtitle-offset", t);
+}, ks = function() {
   var t;
-  n(this, h, gs).call(this), n(this, h, Nn).call(this), (t = e(this, K)) == null || t.request().catch((i) => {
+  n(this, h, Es).call(this), n(this, h, Rn).call(this), (t = e(this, K)) == null || t.request().catch((i) => {
     e(this, F).warn("Failed to enter picture in picture:", i);
   });
-}, ks = function() {
+}, Is = function() {
   var t;
   (t = e(this, K)) == null || t.exit().catch((i) => {
     e(this, F).warn("Failed to exit picture in picture:", i);
   });
-}, Ca = function() {
-  const t = n(this, h, Es).call(this);
+}, Na = function() {
+  const t = n(this, h, As).call(this);
   if (!t) {
     console.warn("No fullscreen target available"), this.setAttribute(r.FULLSCREEN_FALLBACK, ""), n(this, h, E).call(this, r.FULLSCREEN, "");
     return;
   }
-  t != null && t.isFullscreenApiSupported() ? (n(this, h, Nn).call(this), t == null || t.request().then(() => {
-    e(this, Js).call(this);
+  t != null && t.isFullscreenApiSupported() ? (n(this, h, Rn).call(this), t == null || t.request().then(() => {
+    e(this, Ws).call(this);
   }).catch((i) => {
     e(this, F).warn("Failed to enter fullscreen:", i);
   })) : (this.setAttribute(r.FULLSCREEN_FALLBACK, ""), n(this, h, E).call(this, r.FULLSCREEN, ""));
-}, xn = function() {
-  const t = n(this, h, Es).call(this);
+}, Nn = function() {
+  const t = n(this, h, As).call(this);
   t != null && t.isFullscreenApiSupported() ? t == null || t.exit().then(() => {
-    e(this, Ws).call(this);
+    e(this, Qs).call(this);
   }).catch((i) => {
     e(this, F).warn("Failed to exit fullscreen:", i);
   }) : (this.removeAttribute(r.FULLSCREEN_FALLBACK), n(this, h, L).call(this, r.FULLSCREEN));
-}, Js = new WeakMap(), Ws = new WeakMap(), Nn = function() {
+}, Ws = new WeakMap(), Qs = new WeakMap(), Rn = function() {
   if (!e(this, b)) return;
   e(this, b).emitter.emit("ios-hack: reset size");
 }, E = function(t, i) {
@@ -2769,7 +2784,7 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
   var i;
   (i = e(this, vt).get(t)) == null || i.forEach((s) => s.removeAttribute(t));
 }, m(Ye, "observedAttributes", [
-  ...Lr,
+  ...wr,
   "url",
   "edge-url",
   "target-buffer-time",
@@ -2803,20 +2818,20 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
   "reconnect-retries",
   "auto-instance-enabled",
   "language"
-]), l(Ye, zs, "https://lb.cdn.vindral.com");
+]), l(Ye, Bs, "https://lb.cdn.vindral.com");
 let ri = Ye;
-const xa = document.createElement("template"), hl = (
+const Ra = document.createElement("template"), 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"  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>
 `
-), dl = (
+), cl = (
   /* 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>
 `
 );
-xa.innerHTML = /* HTML */
+Ra.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -2833,14 +2848,14 @@ xa.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="enter">${hl}</slot>
-    <slot name="exit">${dl}</slot>
+    <slot name="enter">${dl}</slot>
+    <slot name="exit">${cl}</slot>
   </slot>
 `;
 const Je = class Je extends rt {
   constructor() {
     var a;
-    super(), (a = this.shadowRoot) == null || a.appendChild(xa.content.cloneNode(!0));
+    super(), (a = this.shadowRoot) == null || a.appendChild(Ra.content.cloneNode(!0));
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("aria-label", this.isFullscreen ? "Exit fullscreen" : "Enter fullscreen");
@@ -2863,14 +2878,14 @@ const Je = class Je extends rt {
   }
 };
 m(Je, "observedAttributes", [...J(Je, Je, "observedAttributes"), r.FULLSCREEN]);
-let Rn = Je;
-const cl = (
+let Un = Je;
+const ul = (
   /* 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>
 `
-), Na = document.createElement("template");
-Na.innerHTML = /* HTML */
+), Ua = document.createElement("template");
+Ua.innerHTML = /* HTML */
 `
   <style>
     :host(:not([hidden])) {
@@ -2878,38 +2893,38 @@ Na.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="button">${cl}</slot>
+  <slot name="button">${ul}</slot>
   <slot name="listbox" hidden>
     <vindral-language-menu-list id="listbox" part="listbox"></vindral-language-menu-list>
   </slot>
 `;
-var zi, Pn;
-const We = class We extends dr {
+var zi, _n;
+const We = class We extends cr {
   constructor() {
     var t, i, s, o;
     super();
     l(this, zi);
-    (t = this.shadowRoot) == null || t.appendChild(Na.content.cloneNode(!0)), this.button = (i = this.shadowRoot) == null ? void 0 : i.querySelector("slot[name=button]"), this.listbox = (s = this.shadowRoot) == null ? void 0 : s.querySelector("[part=listbox]"), this.listboxSlot = (o = this.shadowRoot) == null ? void 0 : o.querySelector("slot[name=listbox]");
+    (t = this.shadowRoot) == null || t.appendChild(Ua.content.cloneNode(!0)), this.button = (i = this.shadowRoot) == null ? void 0 : i.querySelector("slot[name=button]"), this.listbox = (s = this.shadowRoot) == null ? void 0 : s.querySelector("[part=listbox]"), this.listboxSlot = (o = this.shadowRoot) == null ? void 0 : o.querySelector("slot[name=listbox]");
   }
   connectedCallback() {
-    super.connectedCallback(), n(this, zi, Pn).call(this), this.setAttribute("aria-label", "Languages");
+    super.connectedCallback(), n(this, zi, _n).call(this), this.setAttribute("aria-label", "Languages");
   }
   attributeChangedCallback(t, i, s) {
-    super.attributeChangedCallback(t, i, s), (t === r.LANGUAGES || t === r.TEXT_TRACKS) && n(this, zi, Pn).call(this);
+    super.attributeChangedCallback(t, i, s), (t === r.LANGUAGES || t === r.TEXT_TRACKS) && n(this, zi, _n).call(this);
   }
 };
-zi = new WeakSet(), Pn = function() {
+zi = new WeakSet(), _n = function() {
   const t = (o) => (o ? JSON.parse(o) : []).length < 2, i = t(this.getAttribute(r.LANGUAGES)), s = t(this.getAttribute(r.TEXT_TRACKS));
   i && s ? this.setAttribute("hidden", "") : this.removeAttribute("hidden");
 }, m(We, "observedAttributes", [...J(We, We, "observedAttributes"), r.LANGUAGES, r.TEXT_TRACKS]);
-let Un = We;
-const Ra = document.createElement("template"), ul = (
+let Pn = We;
+const Pa = document.createElement("template"), pl = (
   /* 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>
 `
 );
-Ra.innerHTML = /* HTML */
+Pa.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -2985,7 +3000,7 @@ Ra.innerHTML = /* HTML */
     }
 
     [role="menuitem"][aria-selected="true"]::before {
-      content: url("data:image/svg+xml,${encodeURIComponent(ul)}");
+      content: url("data:image/svg+xml,${encodeURIComponent(pl)}");
       position: absolute;
       left: var(--padding-3);
       top: calc(50% - 8px);
@@ -3024,8 +3039,8 @@ Ra.innerHTML = /* HTML */
     <div class="menu"></div>
   </div>
 `;
-var Bi, $i, Gi, Ki, lt, Q, le, zt, _e, qi, At, ht, I, Pa, _a, _n, Mn, Is, Ke, qe, Ma, Da, Fa, Dn, Fn, Oa;
-class Ua extends HTMLElement {
+var Bi, $i, Gi, Ki, lt, Q, le, zt, _e, qi, At, ht, I, Ma, Da, Mn, Dn, Ts, Ke, qe, Fa, Oa, Ha, Fn, On, za;
+class _a extends HTMLElement {
   constructor() {
     super();
     l(this, I);
@@ -3042,14 +3057,14 @@ class Ua extends HTMLElement {
     l(this, At, null);
     l(this, ht, null);
     m(this, "handleEvent", (t) => {
-      t.type === "keydown" && n(this, I, Da).call(this, t);
+      t.type === "keydown" && n(this, I, Oa).call(this, t);
     });
-    this.attachShadow({ mode: "open" }).appendChild(Ra.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(Pa.content.cloneNode(!0));
   }
   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, 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));
+    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, Ma).call(this), n(this, I, Da).call(this), d(this, qi, t.host), this.addEventListener("keydown", this));
   }
   disconnectedCallback() {
     this.removeEventListener("keydown", this);
@@ -3058,10 +3073,10 @@ class Ua extends HTMLElement {
     i !== s && (t === r.LANGUAGES && s && (this.languages = JSON.parse(s)), t === r.TEXT_TRACKS && s && (this.textTracks = JSON.parse(s)), t === r.LANGUAGE && (this.language = s), t === r.TEXT_TRACK && (this.textTrack = s));
   }
   set languages(t) {
-    d(this, Bi, t), n(this, I, Mn).call(this), n(this, I, Ke).call(this);
+    d(this, Bi, t), n(this, I, Dn).call(this), n(this, I, Ke).call(this);
   }
   set textTracks(t) {
-    d(this, $i, t), n(this, I, _n).call(this), n(this, I, qe).call(this);
+    d(this, $i, t), n(this, I, Mn).call(this), n(this, I, qe).call(this);
   }
   set language(t) {
     d(this, Gi, t), n(this, I, Ke).call(this);
@@ -3076,7 +3091,7 @@ class Ua extends HTMLElement {
     e(this, At) ? e(this, At).focus() : e(this, ht) && e(this, ht).focus();
   }
 }
-Bi = new WeakMap(), $i = 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() {
+Bi = new WeakMap(), $i = 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(), Ma = function() {
   const t = (s) => {
     s.forEach((o) => {
       if (o.intersectionRatio !== 1)
@@ -3093,23 +3108,23 @@ Bi = new WeakMap(), $i = new WeakMap(), Gi = new WeakMap(), Ki = new WeakMap(),
     threshold: 0
     // 0 means any intersection is enough to be considered "inside"
   }).observe(this);
-}, _a = function() {
-  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() {
+}, Da = function() {
+  e(this, le) && (n(this, I, Dn).call(this), n(this, I, Ke).call(this)), e(this, zt) && (n(this, I, Mn).call(this), n(this, I, qe).call(this));
+}, Mn = function() {
   e(this, zt).innerHTML = "", d(this, Q, []);
-  const t = n(this, I, Is).call(this, "Off", "textTrack", void 0);
+  const t = n(this, I, Ts).call(this, "Off", "textTrack", void 0);
   e(this, zt).appendChild(t), e(this, Q).push({ element: t, value: void 0 }), e(this, $i).forEach((i) => {
-    const s = n(this, I, Is).call(this, i, "textTrack", i);
+    const s = n(this, I, Ts).call(this, i, "textTrack", i);
     e(this, zt).appendChild(s), e(this, Q).push({ element: s, value: i });
   }), n(this, I, qe).call(this);
-}, Mn = function() {
+}, Dn = function() {
   e(this, le).innerHTML = "", d(this, lt, []), e(this, Bi).forEach((t) => {
-    const i = n(this, I, Is).call(this, t, "language", t);
+    const i = n(this, I, Ts).call(this, t, "language", 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) {
+}, Ts = function(t, i, s) {
   const o = document.createElement("div");
-  return o.setAttribute("role", "menuitem"), o.textContent = t, o.addEventListener("click", () => n(this, I, Ma).call(this, s, i)), o;
+  return o.setAttribute("role", "menuitem"), o.textContent = t, o.addEventListener("click", () => n(this, I, Fa).call(this, s, i)), o;
 }, Ke = function() {
   e(this, At) && (e(this, At).removeAttribute("aria-selected"), e(this, At).tabIndex = -1);
   const t = e(this, lt).find((i) => i.value === e(this, Gi));
@@ -3123,38 +3138,38 @@ Bi = new WeakMap(), $i = new WeakMap(), Gi = new WeakMap(), Ki = new WeakMap(),
     const i = e(this, Q).find((s) => s.value === void 0);
     i && (i.element.setAttribute("aria-selected", "true"), i.element.tabIndex = 0, d(this, ht, i.element));
   }
-}, Ma = function(t, i) {
+}, Fa = function(t, i) {
   this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 }));
   const s = i === "language" ? k.SET_LANGUAGE : k.SET_TEXT_TRACK;
   this.dispatchEvent(new CustomEvent(s, { bubbles: !0, composed: !0, detail: t }));
-}, Da = function(t) {
+}, Oa = function(t) {
   var p, v, A;
   const { key: i, ctrlKey: s, altKey: o, metaKey: u } = t;
-  s || o || u || this.keysUsed.includes(i) && (t.preventDefault(), t.stopPropagation(), i === "Tab" || i === "Escape" ? (p = e(this, qi)) == null || p.hide() : i === "Enter" || i === " " ? (A = (v = n(this, I, Fn).call(this)) == null ? void 0 : v.element) == null || A.click() : n(this, I, Fa).call(this, t));
-}, Fa = function(t) {
+  s || o || u || this.keysUsed.includes(i) && (t.preventDefault(), t.stopPropagation(), i === "Tab" || i === "Escape" ? (p = e(this, qi)) == null || p.hide() : i === "Enter" || i === " " ? (A = (v = n(this, I, On).call(this)) == null ? void 0 : v.element) == null || A.click() : n(this, I, Ha).call(this, t));
+}, Ha = function(t) {
   var A;
-  const { key: i } = t, s = [...e(this, lt), ...e(this, Q)], o = (A = n(this, I, Fn).call(this)) != null ? A : s[0];
+  const { key: i } = t, s = [...e(this, lt), ...e(this, Q)], o = (A = n(this, I, On).call(this)) != null ? A : s[0];
   if (!o) return;
   const u = s.indexOf(o);
   let p = Math.max(0, u);
-  i === "ArrowDown" ? p++ : i === "ArrowUp" ? p-- : i === "ArrowLeft" ? p = n(this, I, Dn).call(this, u, "left") : i === "ArrowRight" ? p = n(this, I, Dn).call(this, u, "right") : t.key === "Home" ? p = 0 : t.key === "End" && (p = s.length - 1), p < 0 && (p = s.length - 1), p > s.length - 1 && (p = 0);
+  i === "ArrowDown" ? p++ : i === "ArrowUp" ? p-- : i === "ArrowLeft" ? p = n(this, I, Fn).call(this, u, "left") : i === "ArrowRight" ? p = n(this, I, Fn).call(this, u, "right") : t.key === "Home" ? p = 0 : t.key === "End" && (p = s.length - 1), p < 0 && (p = s.length - 1), p > s.length - 1 && (p = 0);
   const v = s[p];
-  v && (n(this, I, Oa).call(this, v.value), v.element.focus());
-}, Dn = function(t, i) {
+  v && (n(this, I, za).call(this, v.value), v.element.focus());
+}, Fn = function(t, i) {
   const s = e(this, lt).length, o = e(this, Q).length;
   return i === "left" ? t < s ? s + o - 1 : t - s - 1 : t >= s ? 0 : t + s;
-}, Fn = function() {
+}, On = function() {
   return [...e(this, lt), ...e(this, Q)].find((t) => t.element.tabIndex === 0);
-}, Oa = function(t) {
+}, za = function(t) {
   for (const i of [...e(this, lt), ...e(this, Q)])
     i.element.tabIndex = i.value === t ? 0 : -1;
-}, m(Ua, "observedAttributes", [
+}, m(_a, "observedAttributes", [
   r.LANGUAGES,
   r.TEXT_TRACKS,
   r.LANGUAGE,
   r.TEXT_TRACK
 ]);
-const Ha = document.createElement("template"), pl = (
+const Ba = document.createElement("template"), bl = (
   /* SVG */
   `
   <svg xmlns="http://www.w3.org/2000/svg" width="5" height="5" viewBox="0 0 5 5" fill="currentColor">
@@ -3162,7 +3177,7 @@ const Ha = document.createElement("template"), pl = (
   </svg>
 `
 );
-Ha.innerHTML = /* HTML */
+Ba.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3224,13 +3239,13 @@ Ha.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="icon">${pl}</slot>
+  <slot name="icon">${bl}</slot>
   <span class="live-text">LIVE</span>
 `;
 const Qe = class Qe extends rt {
   constructor() {
     var a;
-    super(), (a = this.shadowRoot) == null || a.appendChild(Ha.content.cloneNode(!0));
+    super(), (a = this.shadowRoot) == null || a.appendChild(Ba.content.cloneNode(!0));
   }
   connectedCallback() {
     super.connectedCallback(), this.updateState();
@@ -3259,8 +3274,8 @@ const Qe = class Qe extends rt {
   }
 };
 m(Qe, "observedAttributes", [...J(Qe, Qe, "observedAttributes"), r.TIMESHIFT_POSITION, r.DURATION]);
-let On = Qe;
-const za = document.createElement("template"), bl = (
+let Hn = Qe;
+const $a = document.createElement("template"), ml = (
   /* SVG */
   `
 <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  <g fill="none" stroke="currentColor">
@@ -3268,14 +3283,14 @@ const za = document.createElement("template"), bl = (
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2" />
 </g></svg>
 `
-), ml = (
+), vl = (
   /* SVG */
   `
   <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  <g fill="none" stroke="currentColor">
   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z" /></svg>
 `
 );
-za.innerHTML = /* HTML */
+$a.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3292,14 +3307,14 @@ za.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="mute">${bl}</slot>
-    <slot name="unmute">${ml}</slot>
+    <slot name="mute">${ml}</slot>
+    <slot name="unmute">${vl}</slot>
   </slot>
 `;
 const Ze = class Ze extends rt {
   constructor() {
     var a;
-    super(), (a = this.shadowRoot) == null || a.appendChild(za.content.cloneNode(!0));
+    super(), (a = this.shadowRoot) == null || a.appendChild($a.content.cloneNode(!0));
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("aria-label", this.muted ? "UnMute" : "Mute");
@@ -3322,14 +3337,14 @@ const Ze = class Ze extends rt {
   }
 };
 m(Ze, "observedAttributes", [...J(Ze, Ze, "observedAttributes"), r.MUTED]);
-let Hn = Ze;
-const Ba = document.createElement("template"), vl = (
+let zn = Ze;
+const Ga = document.createElement("template"), 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="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>
 `
 );
-Ba.innerHTML = /* HTML */
+Ga.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3340,12 +3355,12 @@ Ba.innerHTML = /* HTML */
       display: none !important;
     }
   </style>
-  <slot name="icon">${vl}</slot>
+  <slot name="icon">${fl}</slot>
 `;
 const ti = class ti extends rt {
   constructor() {
     var a;
-    super(), (a = this.shadowRoot) == null || a.appendChild(Ba.content.cloneNode(!0));
+    super(), (a = this.shadowRoot) == null || a.appendChild(Ga.content.cloneNode(!0));
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute(
@@ -3374,19 +3389,19 @@ const ti = class ti extends rt {
   }
 };
 m(ti, "observedAttributes", [...J(ti, ti, "observedAttributes"), r.IS_PIP, r.PIP_AVAILABLE]);
-let zn = ti;
-const $a = document.createElement("template"), fl = (
+let Bn = ti;
+const Ka = document.createElement("template"), gl = (
   /* 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>
 `
-), gl = (
+), El = (
   /* 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>
 `
 );
-$a.innerHTML = /* HTML */
+Ka.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3403,14 +3418,14 @@ $a.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="play">${fl}</slot>
-    <slot name="pause">${gl}</slot>
+    <slot name="play">${gl}</slot>
+    <slot name="pause">${El}</slot>
   </slot>
 `;
 const ei = class ei extends rt {
   constructor() {
     var a;
-    super(), (a = this.shadowRoot) == null || a.appendChild($a.content.cloneNode(!0));
+    super(), (a = this.shadowRoot) == null || a.appendChild(Ka.content.cloneNode(!0));
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("aria-label", this.paused ? "Play" : "Pause");
@@ -3433,15 +3448,15 @@ const ei = class ei extends rt {
   }
 };
 m(ei, "observedAttributes", [...J(ei, ei, "observedAttributes"), r.PAUSED]);
-let Bn = ei;
+let $n = ei;
 const Z = {
   TITLE: "title",
   OFFLINE: "offline",
   REFRESH_POSTER_ENABLED: "refresh-poster-enabled",
   STREAM_POLL_ENABLED: "stream-poll-enabled"
-}, El = Object.values(Z);
-var Vi, Me, Bt, he, $t, Gt, yt, Y, $n, Ga, Gn, Kn;
-class Al extends ds {
+}, Al = Object.values(Z);
+var Vi, Me, Bt, he, $t, Gt, yt, Y, Gn, qa, Kn, qn;
+class yl extends ds {
   constructor(t) {
     super();
     l(this, Y);
@@ -3452,21 +3467,21 @@ class Al extends ds {
     l(this, $t, !0);
     l(this, Gt, null);
     l(this, yt, null);
-    d(this, Me, t), d(this, Vi, new Yo({
+    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, Bt, !1), d(this, he, !1), n(this, Y, Kn).call(this), n(this, Y, $n).call(this), d(this, yt, window.setInterval(() => {
-      !e(this, he) && !e(this, Me).infiniteReconnect && !e(this, Gt) && e(this, $t) && d(this, Gt, window.setTimeout(() => n(this, Y, Ga).call(this), 300 * 1e3)), !e(this, he) && e(this, $t) && n(this, Y, $n).call(this);
+    e(this, yt) && clearInterval(e(this, yt)), d(this, Bt, !1), d(this, he, !1), n(this, Y, qn).call(this), n(this, Y, Gn).call(this), d(this, yt, window.setInterval(() => {
+      !e(this, he) && !e(this, Me).infiniteReconnect && !e(this, Gt) && e(this, $t) && d(this, Gt, window.setTimeout(() => n(this, Y, qa).call(this), 300 * 1e3)), !e(this, he) && e(this, $t) && n(this, Y, Gn).call(this);
     }, t));
   }
   stop() {
-    n(this, Y, Gn).call(this), e(this, yt) && (window.clearInterval(e(this, yt)), d(this, yt, null));
+    n(this, Y, Kn).call(this), e(this, yt) && (window.clearInterval(e(this, yt)), d(this, yt, null));
   }
 }
-Vi = new WeakMap(), Me = new WeakMap(), Bt = new WeakMap(), he = new WeakMap(), $t = new WeakMap(), Gt = new WeakMap(), yt = new WeakMap(), Y = new WeakSet(), $n = function() {
+Vi = new WeakMap(), Me = new WeakMap(), Bt = new WeakMap(), he = new WeakMap(), $t = new WeakMap(), Gt = new WeakMap(), yt = new WeakMap(), Y = new WeakSet(), Gn = function() {
   return B(this, null, function* () {
     if (e(this, Bt))
       return;
@@ -3475,22 +3490,22 @@ Vi = new WeakMap(), Me = new WeakMap(), Bt = new WeakMap(), he = new WeakMap(),
     try {
       const s = yield e(this, Vi).getChannel(e(this, Me).channelId);
       if (s.isLive) {
-        d(this, he, !0), n(this, Y, Kn).call(this), this.emit("live", s), d(this, Bt, !1);
+        d(this, he, !0), n(this, Y, qn).call(this), this.emit("live", s), d(this, Bt, !1);
         return;
       }
     } catch (s) {
-      Jo(s) && (s.status === 403 || s.status === 401) && (t = "Forbidden", i = "You do not have permission to view this stream");
+      Wo(s) && (s.status === 403 || s.status === 401) && (t = "Forbidden", i = "You do not have permission to view this stream");
     }
     e(this, $t) && this.emit("error", { title: t, message: i }), d(this, Bt, !1);
   });
-}, Ga = function() {
+}, qa = function() {
   this.stop(), d(this, $t, !1), this.emit("timeout");
-}, Gn = function() {
-  e(this, Gt) && (window.clearTimeout(e(this, Gt)), d(this, Gt, null));
 }, Kn = function() {
-  n(this, Y, Gn).call(this), d(this, $t, !0);
+  e(this, Gt) && (window.clearTimeout(e(this, Gt)), d(this, Gt, null));
+}, qn = function() {
+  n(this, Y, Kn).call(this), d(this, $t, !0);
 };
-const yl = /\/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, kl = navigator.userAgent.toLowerCase(), Il = yl.test(kl), Tl = (c) => ri.observedAttributes.includes(c), Ka = (
+const kl = /\/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, Il = navigator.userAgent.toLowerCase(), Tl = kl.test(Il), Ll = (c) => ri.observedAttributes.includes(c), Va = (
   /* HTML */
   `
   <style>
@@ -3502,7 +3517,7 @@ const yl = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|
       display: flex;
       justify-content: center;
 
-      --vindral-volume-range-display: ${Il ? "none" : "flex"};
+      --vindral-volume-range-display: ${Tl ? "none" : "flex"};
       --vindral-airplay-button-display: none;
       --vindral-play-overlay-display: none;
       --vindral-grid-item-offline-display: none;
@@ -3574,12 +3589,19 @@ const yl = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|
     :host([${r.MEDIA}="video"]) vindral-volume-range {
       display: none;
     }
+
+    /* Apply subtitle offset when the UI is visible (e.g. during user interaction
+       or when paused with the UI showing) so subtitles sit above the control bar. */
+    vindral-controller[user-interacting],
+    vindral-controller[paused]:not([hide-ui-on-pause]) {
+      --vindral-subtitle-offset: -48px;
+    }
   </style>
 `
-), Ll = (
+), wl = (
   /* HTML */
   `
-  ${Ka}
+  ${Va}
 
   <vindral-controller>
     <vindral-control-bar slot="top-bar">
@@ -3613,10 +3635,10 @@ const yl = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|
     <vindral-message id="vindral-message" slot="overlay" hidden></vindral-message>
   </vindral-controller>
 `
-), wl = (
+), Sl = (
   /* HTML */
   `
-  ${Ka}
+  ${Va}
 
   <style>
     #control-bar {
@@ -3639,9 +3661,9 @@ const yl = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|
     <vindral-message id="vindral-message" slot="overlay" hidden></vindral-message>
   </vindral-controller>
 `
-), Ir = document.createElement("template");
-var dt, O, q, kt, It, Qs, Xi, P, Va, qn, Xa, ji, Ts, Nt;
-class qa extends HTMLElement {
+), Tr = document.createElement("template");
+var dt, O, q, kt, It, Zs, Xi, P, ja, Vn, Ya, ji, Ls, Nt;
+class Xa extends HTMLElement {
   constructor() {
     super();
     l(this, P);
@@ -3650,13 +3672,13 @@ class qa extends HTMLElement {
     l(this, q);
     l(this, kt);
     l(this, It);
-    l(this, Qs, () => {
+    l(this, Zs, () => {
       Array.from(this.attributes).forEach((t) => {
         e(this, Xi).call(this, t.name, t.value);
       });
     });
     l(this, Xi, (t, i) => {
-      Tl(t) && (x(i) ? e(this, O).setAttribute(t, i) : e(this, O).removeAttribute(t));
+      Ll(t) && (x(i) ? e(this, O).setAttribute(t, i) : e(this, O).removeAttribute(t));
     });
     l(this, ji, () => {
       const t = e(this, O).instance;
@@ -3664,22 +3686,22 @@ class qa extends HTMLElement {
         i ? (this.removeAttribute(Z.OFFLINE), e(this, q).setAttribute("hidden", "")) : (this.setAttribute(Z.OFFLINE, ""), e(this, q).removeAttribute("hidden"), n(this, P, Nt).call(this, "Stream is offline", "Please stand by"));
       }), t.on("channels", (i) => {
         const s = e(this, O).getAttribute("channel-id"), o = i.find((u) => u.channelId === s);
-        o && n(this, P, Ts).call(this, o);
+        o && n(this, P, Ls).call(this, o);
       }), t.on("channel switch", ({ channelId: i }) => {
         const s = t.channels.find((o) => o.channelId === i);
-        s && n(this, P, Ts).call(this, s);
+        s && n(this, P, Ls).call(this, s);
       }), t.on("error", (i) => {
-        if (i.code() === Ko) {
+        if (i.code() === qo) {
           n(this, P, Nt).call(this, "Stream is offline", "Please stand by");
           return;
         }
-        i.isFatal() && (i.code() === qo ? n(this, P, Nt).call(this, "Forbidden", "You do not have permission to view this stream") : i.code() === Vo ? 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, O).dispatchEvent(new CustomEvent(k.EXIT_FULLSCREEN)), e(this, O).dispatchEvent(new CustomEvent(k.EXIT_PIP)));
+        i.isFatal() && (i.code() === Vo ? n(this, P, Nt).call(this, "Forbidden", "You do not have permission to view this stream") : i.code() === Xo ? 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, O).dispatchEvent(new CustomEvent(k.EXIT_FULLSCREEN)), e(this, O).dispatchEvent(new CustomEvent(k.EXIT_PIP)));
       }));
     });
-    d(this, dt, this.attachShadow({ mode: "open" })), n(this, P, qn).call(this), d(this, O, e(this, dt).querySelector("vindral-controller")), d(this, q, e(this, dt).querySelector("#vindral-message")), d(this, kt, e(this, dt).querySelector("#play-overlay"));
+    d(this, dt, this.attachShadow({ mode: "open" })), n(this, P, Vn).call(this), d(this, O, 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, O).addEventListener("vindral-instance-ready", e(this, ji)), n(this, P, Xa).call(this);
+    this.setAttribute(Z.OFFLINE, ""), e(this, O).addEventListener("vindral-instance-ready", e(this, ji)), n(this, P, Ya).call(this);
   }
   disconnectedCallback() {
     var t;
@@ -3688,7 +3710,7 @@ class qa extends HTMLElement {
   attributeChangedCallback(t, i, s) {
     if (i !== s)
       if (t === r.MEDIA)
-        n(this, P, qn).call(this);
+        n(this, P, Vn).call(this);
       else if (t === Z.REFRESH_POSTER_ENABLED) {
         const o = e(this, dt).querySelector("vindral-poster-overlay");
         o && (o.disabled = D(this.getAttribute(Z.REFRESH_POSTER_ENABLED), !1) === !1);
@@ -3702,15 +3724,15 @@ class qa extends HTMLElement {
     return e(this, O).airPlay;
   }
 }
-dt = new WeakMap(), O = new WeakMap(), q = new WeakMap(), kt = new WeakMap(), It = new WeakMap(), Qs = new WeakMap(), Xi = new WeakMap(), P = new WeakSet(), Va = function() {
-  return wr(this.getAttribute(r.MEDIA)) === "audio" ? wl : Ll;
-}, qn = function() {
-  Ir.innerHTML = n(this, P, Va).call(this);
-  const t = Ir.content.cloneNode(!0);
+dt = new WeakMap(), O = new WeakMap(), q = new WeakMap(), kt = new WeakMap(), It = new WeakMap(), Zs = new WeakMap(), Xi = new WeakMap(), P = new WeakSet(), ja = function() {
+  return Sr(this.getAttribute(r.MEDIA)) === "audio" ? Sl : wl;
+}, Vn = function() {
+  Tr.innerHTML = n(this, P, ja).call(this);
+  const t = Tr.content.cloneNode(!0);
   d(this, O, 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, O).appendChild(i);
-  }), e(this, Qs).call(this), e(this, dt).innerHTML = "", e(this, dt).appendChild(t);
-}, Xa = function() {
+  }), e(this, Zs).call(this), e(this, dt).innerHTML = "", e(this, dt).appendChild(t);
+}, Ya = function() {
   var u;
   if (D(this.getAttribute(Z.STREAM_POLL_ENABLED), !0) === !1)
     return;
@@ -3719,13 +3741,13 @@ dt = new WeakMap(), O = 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 Al({
+  d(this, It, new yl({
     url: t,
     channelId: i,
     authenticationToken: s,
     infiniteReconnect: o
   })), e(this, It).on("live", (p) => {
-    e(this, O).connect(), this.removeAttribute("offline"), e(this, q).setAttribute("hidden", ""), n(this, P, Ts).call(this, p);
+    e(this, O).connect(), this.removeAttribute("offline"), e(this, q).setAttribute("hidden", ""), n(this, P, Ls).call(this, p);
   }), e(this, It).on("timeout", () => {
     e(this, q).setAttribute("hidden", ""), e(this, kt).removeAttribute("hidden");
   }), e(this, It).on("error", (p) => {
@@ -3733,13 +3755,13 @@ dt = new WeakMap(), O = new WeakMap(), q = new WeakMap(), kt = new WeakMap(), It
   }), e(this, kt).addEventListener("click", () => {
     e(this, O).connect(), e(this, kt).setAttribute("hidden", ""), e(this, q).setAttribute("hidden", ""), e(this, O).focus();
   }), this.hasAttribute("paused") && e(this, It).start();
-}, ji = new WeakMap(), Ts = function(t) {
+}, ji = new WeakMap(), Ls = function(t) {
   var p, v;
-  const i = Sr(this.getAttribute("title"), !1);
+  const i = Cr(this.getAttribute("title"), !1);
   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, Zo({
+  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, tl({
     title: o,
     poster: u
   });
@@ -3747,9 +3769,9 @@ dt = new WeakMap(), O = 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, ...El]);
-const ja = document.createElement("template");
-ja.innerHTML = /* HTML */
+}, m(Xa, "observedAttributes", [...ri.observedAttributes, ...Al]);
+const Ja = document.createElement("template");
+Ja.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3785,9 +3807,9 @@ ja.innerHTML = /* HTML */
     }
   </style>
 `;
-const Sl = 6e3;
-var De, Kt, de, Fe, nt, Ja, Ls, Vn, Zs;
-class Ya extends HTMLElement {
+const Cl = 6e3;
+var De, Kt, de, Fe, nt, Qa, ws, Xn, tn;
+class Wa extends HTMLElement {
   constructor() {
     super();
     l(this, nt);
@@ -3795,25 +3817,25 @@ class Ya extends HTMLElement {
     l(this, Kt, 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, Ls).call(this);
+      !document.hidden && this.hasAttribute("intersecting") && this.paused && !this.disabled ? n(this, nt, Qa).call(this) : n(this, nt, ws).call(this);
     });
-    l(this, Zs, (t) => {
+    l(this, tn, (t) => {
       t.forEach((i) => {
         i.isIntersecting ? this.setAttribute("intersecting", "") : this.removeAttribute("intersecting");
       });
     });
-    this.attachShadow({ mode: "open" }).appendChild(ja.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(Ja.content.cloneNode(!0));
   }
   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, de, new IntersectionObserver(e(this, Zs))), e(this, de).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, tn))), 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, de)) == null || i.disconnect(), d(this, de, null), n(this, nt, Ls).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, Vn).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, Xn).call(this), (t === r.PAUSED || t === "disabled" || t === "intersecting") && e(this, Fe).call(this));
   }
   get disabled() {
     return this.hasAttribute("disabled");
@@ -3828,21 +3850,21 @@ class Ya extends HTMLElement {
     return this.hasAttribute(r.PAUSED);
   }
 }
-De = new WeakMap(), Kt = new WeakMap(), de = new WeakMap(), Fe = new WeakMap(), nt = new WeakSet(), Ja = function() {
-  e(this, Kt) === null && (n(this, nt, Ls).call(this), d(this, Kt, window.setInterval(() => n(this, nt, Vn).call(this), Sl)));
-}, Ls = function() {
+De = new WeakMap(), Kt = new WeakMap(), de = new WeakMap(), Fe = new WeakMap(), nt = new WeakSet(), Qa = function() {
+  e(this, Kt) === null && (n(this, nt, ws).call(this), d(this, Kt, window.setInterval(() => n(this, nt, Xn).call(this), Cl)));
+}, ws = function() {
   e(this, Kt) !== null && (clearInterval(e(this, Kt)), d(this, Kt, null)), this.style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAQAAACRI2S5AAAAEElEQVR42mNkIAAYRxWAAQAG9gAKqv6+AwAAAABJRU5ErkJggg==')";
-}, Vn = function() {
+}, Xn = 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()})`;
-}, Zs = new WeakMap(), m(Ya, "observedAttributes", [
+}, tn = new WeakMap(), m(Wa, "observedAttributes", [
   r.POSTER_SRC,
   r.PAUSED,
   "disabled",
   "intersecting"
 ]);
-const Cl = (
+const xl = (
   /* 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">
@@ -3850,8 +3872,8 @@ const Cl = (
   <path d="M14.647 4.081a.724 .724 0 0 0 1.08 .448c2.439 -1.485 5.23 1.305 3.745 3.744a.724 .724 0 0 0 .447 1.08c2.775 .673 2.775 4.62 0 5.294a.724 .724 0 0 0 -.448 1.08c1.485 2.439 -1.305 5.23 -3.744 3.745a.724 .724 0 0 0 -1.08 .447c-.673 2.775 -4.62 2.775 -5.294 0a.724 .724 0 0 0 -1.08 -.448c-2.439 1.485 -5.23 -1.305 -3.745 -3.744a.724 .724 0 0 0 -.447 -1.08c-2.775 -.673 -2.775 -4.62 0 -5.294a.724 .724 0 0 0 .448 -1.08c-1.485 -2.439 1.305 -5.23 3.744 -3.745a.722 .722 0 0 0 1.08 -.447c.673 -2.775 4.62 -2.775 5.294 0zm-2.647 4.919a3 3 0 1 0 0 6a3 3 0 0 0 0 -6z" stroke-width="0" fill="currentColor" />
 </svg>
 `
-), Wa = document.createElement("template");
-Wa.innerHTML = /* HTML */
+), Za = document.createElement("template");
+Za.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3859,38 +3881,38 @@ Wa.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="button">${Cl}</slot>
+  <slot name="button">${xl}</slot>
   <slot name="listbox" hidden>
     <vindral-rendition-levels-menu-list id="listbox" part="listbox"></vindral-rendition-levels-menu-list>
   </slot>
 `;
-var Yi, jn;
-const ii = class ii extends dr {
+var Yi, Yn;
+const ii = class ii extends cr {
   constructor() {
     var t, i, s, o;
     super();
     l(this, Yi);
-    (t = this.shadowRoot) == null || t.appendChild(Wa.content.cloneNode(!0)), this.button = (i = this.shadowRoot) == null ? void 0 : i.querySelector("slot[name=button]"), this.listbox = (s = this.shadowRoot) == null ? void 0 : s.querySelector("[part=listbox]"), this.listboxSlot = (o = this.shadowRoot) == null ? void 0 : o.querySelector("slot[name=listbox]");
+    (t = this.shadowRoot) == null || t.appendChild(Za.content.cloneNode(!0)), this.button = (i = this.shadowRoot) == null ? void 0 : i.querySelector("slot[name=button]"), this.listbox = (s = this.shadowRoot) == null ? void 0 : s.querySelector("[part=listbox]"), this.listboxSlot = (o = this.shadowRoot) == null ? void 0 : o.querySelector("slot[name=listbox]");
   }
   connectedCallback() {
-    super.connectedCallback(), n(this, Yi, jn).call(this), this.setAttribute("aria-label", "Rendition levels");
+    super.connectedCallback(), n(this, Yi, Yn).call(this), this.setAttribute("aria-label", "Rendition levels");
   }
   attributeChangedCallback(t, i, s) {
-    super.attributeChangedCallback(t, i, s), t === r.RENDITION_LEVELS && n(this, Yi, jn).call(this);
+    super.attributeChangedCallback(t, i, s), t === r.RENDITION_LEVELS && n(this, Yi, Yn).call(this);
   }
 };
-Yi = new WeakSet(), jn = function() {
+Yi = new WeakSet(), Yn = 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 Xn = ii;
-const Qa = document.createElement("template"), xl = (
+let jn = ii;
+const to = document.createElement("template"), Nl = (
   /* 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>
 `
 );
-Qa.innerHTML = /* HTML */
+to.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3963,7 +3985,7 @@ Qa.innerHTML = /* HTML */
     }
 
     [role="menuitem"][aria-selected="true"]::before {
-      content: url("data:image/svg+xml,${encodeURIComponent(xl)}");
+      content: url("data:image/svg+xml,${encodeURIComponent(Nl)}");
       position: absolute;
       left: calc(var(--padding-3) - var(--padding-1));
       top: calc(50% - 8px);
@@ -3993,8 +4015,8 @@ Qa.innerHTML = /* HTML */
     <div class="menu"></div>
   </slot>
 `;
-var ce, Ji, qt, Tt, ue, Wi, U, to, Yn, eo, Jn, io, so, no, Wn, ro;
-class Za extends HTMLElement {
+var ce, Ji, qt, Tt, ue, Wi, U, io, Jn, so, Wn, no, ro, ao, Qn, oo;
+class eo extends HTMLElement {
   constructor() {
     super();
     l(this, U);
@@ -4005,14 +4027,14 @@ class Za extends HTMLElement {
     l(this, ue, null);
     l(this, Wi, null);
     m(this, "handleEvent", (t) => {
-      t.type === "keydown" && n(this, U, so).call(this, t);
+      t.type === "keydown" && n(this, U, ro).call(this, t);
     });
-    this.attachShadow({ mode: "open" }).appendChild(Qa.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(to.content.cloneNode(!0));
   }
   connectedCallback() {
     var i;
     const t = this.getRootNode();
-    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));
+    t instanceof ShadowRoot && (d(this, ue, t.host.closest("vindral-controller")), (i = e(this, ue)) == null || i.connectListener(this), n(this, U, io).call(this), n(this, U, Jn).call(this), d(this, Wi, t.host), this.addEventListener("keydown", this));
   }
   disconnectedCallback() {
     var t;
@@ -4022,10 +4044,10 @@ class Za extends HTMLElement {
     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, ce, t), n(this, U, Yn).call(this);
+    d(this, ce, t), n(this, U, Jn).call(this);
   }
   set maxVideoBitrate(t) {
-    d(this, Ji, t), n(this, U, Jn).call(this);
+    d(this, Ji, t), n(this, U, Wn).call(this);
   }
   get keysUsed() {
     return ["Enter", "Escape", "Tab", " ", "ArrowDown", "ArrowUp", "Home", "End"];
@@ -4035,7 +4057,7 @@ class Za extends HTMLElement {
     (t = e(this, qt)) == null || t.focus();
   }
 }
-ce = new WeakMap(), Ji = new WeakMap(), qt = new WeakMap(), Tt = new WeakMap(), ue = new WeakMap(), Wi = new WeakMap(), U = new WeakSet(), to = function() {
+ce = new WeakMap(), Ji = new WeakMap(), qt = new WeakMap(), Tt = new WeakMap(), ue = new WeakMap(), Wi = new WeakMap(), U = new WeakSet(), io = function() {
   const t = (s) => {
     s.forEach((o) => {
       if (o.intersectionRatio !== 1)
@@ -4052,7 +4074,7 @@ ce = new WeakMap(), Ji = new WeakMap(), qt = new WeakMap(), Tt = new WeakMap(),
     threshold: 0
     // 0 means any intersection is enough to be considered "inside"
   }).observe(this);
-}, Yn = function() {
+}, Jn = function() {
   var i;
   const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector(".menu");
   t && (d(this, Tt, []), t.innerHTML = "", e(this, ce).sort((s, o) => {
@@ -4062,14 +4084,14 @@ ce = new WeakMap(), Ji = new WeakMap(), qt = new WeakMap(), Tt = new WeakMap(),
     var v, A, z, ut, at, jt, Yt, Jt;
     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 ? Qo(s.video) : "";
+    const u = n(this, U, so).call(this, (A = s.video) == null ? void 0 : A.frameRate);
+    o.textContent = s.video ? Zo(s.video) : "";
     const p = document.createElement("span");
-    p.classList.add("menu-item-subtitle"), p.textContent = `${Wo(((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, Tt).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) {
+    p.classList.add("menu-item-subtitle"), p.textContent = `${Qo(((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, no).call(this, s)), e(this, Tt).push({ el: o, id: (Jt = (Yt = s.video) == null ? void 0 : Yt.id) != null ? Jt : -1 }), t.appendChild(o);
+  }), n(this, U, Wn).call(this));
+}, so = function(t) {
   return t ? t[0] % t[1] === 0 ? (t[0] / t[1]).toString() : (t[0] / t[1]).toFixed(2) : "";
-}, Jn = function() {
+}, Wn = function() {
   e(this, qt) && (e(this, qt).removeAttribute("aria-selected"), e(this, qt).tabIndex = -1);
   const t = e(this, ce).sort(
     (s, o) => {
@@ -4089,31 +4111,31 @@ ce = new WeakMap(), Ji = new WeakMap(), qt = new WeakMap(), Tt = new WeakMap(),
     });
     s && (s.el.tabIndex = 0, s.el.setAttribute("aria-selected", "true"), d(this, qt, s.el));
   }
-}, io = function(t) {
+}, no = function(t) {
   this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })), this.dispatchEvent(
     new CustomEvent(k.SET_RENDITION, { bubbles: !0, composed: !0, detail: t })
   );
-}, so = function(t) {
+}, ro = function(t) {
   var p, v, A;
   const { key: i, ctrlKey: s, altKey: o, metaKey: u } = t;
-  s || o || u || this.keysUsed.includes(i) && (t.preventDefault(), t.stopPropagation(), i === "Tab" || i === "Escape" ? (p = e(this, Wi)) == null || p.hide() : i === "Enter" || i === " " ? (A = (v = n(this, U, Wn).call(this)) == null ? void 0 : v.el) == null || A.click() : n(this, U, no).call(this, t));
-}, no = function(t) {
+  s || o || u || this.keysUsed.includes(i) && (t.preventDefault(), t.stopPropagation(), i === "Tab" || i === "Escape" ? (p = e(this, Wi)) == null || p.hide() : i === "Enter" || i === " " ? (A = (v = n(this, U, Qn).call(this)) == null ? void 0 : v.el) == null || A.click() : n(this, U, ao).call(this, t));
+}, ao = function(t) {
   var A;
-  const { key: i } = t, s = e(this, Tt), o = (A = n(this, U, Wn).call(this)) != null ? A : s[0];
+  const { key: i } = t, s = e(this, Tt), o = (A = n(this, U, Qn).call(this)) != null ? A : s[0];
   if (!o) return;
   const u = s.indexOf(o);
   let p = Math.max(0, u);
   i === "ArrowDown" ? p++ : i === "ArrowUp" ? p-- : t.key === "Home" ? p = 0 : t.key === "End" && (p = s.length - 1), p < 0 && (p = s.length - 1), p > s.length - 1 && (p = 0);
   const v = s[p];
-  v && (n(this, U, ro).call(this, v.id), v.el.focus());
-}, Wn = function() {
+  v && (n(this, U, oo).call(this, v.id), v.el.focus());
+}, Qn = function() {
   return e(this, Tt).find((t) => t.el.tabIndex === 0);
-}, ro = function(t) {
+}, oo = function(t) {
   for (const i of e(this, Tt))
     i.el.tabIndex = i.id === t ? 0 : -1;
-}, m(Za, "observedAttributes", [r.RENDITION_LEVELS, r.MAX_VIDEO_BITRATE]);
-const ao = document.createElement("template");
-ao.innerHTML = /* HTML */
+}, m(eo, "observedAttributes", [r.RENDITION_LEVELS, r.MAX_VIDEO_BITRATE]);
+const lo = document.createElement("template");
+lo.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -4182,8 +4204,8 @@ ao.innerHTML = /* HTML */
   <div id="scroll-area"></div>
   <slot id="content"></slot>
 `;
-var Lt, pe, Oe, Qi, R, lo, ho, co, tn, en, ws, Qn, Zn, tr, er;
-class oo extends HTMLElement {
+var Lt, pe, Oe, Qi, R, co, uo, po, en, sn, Ss, Zn, tr, er, ir;
+class ho extends HTMLElement {
   constructor() {
     super();
     l(this, R);
@@ -4194,31 +4216,31 @@ class oo extends HTMLElement {
     m(this, "handleEvent", (t) => {
       switch (t.type) {
         case "touchstart":
-          n(this, R, lo).call(this, t);
+          n(this, R, co).call(this, t);
           break;
         case "touchmove":
-          n(this, R, ho).call(this, t);
+          n(this, R, uo).call(this, t);
           break;
         case "touchend":
-          n(this, R, co).call(this, t);
+          n(this, R, po).call(this, t);
           break;
       }
     });
-    l(this, tn, () => {
-      this.scrollTop === 0 ? (this.open = !1, this.removeAttribute("snap-touch"), n(this, R, er).call(this)) : !this.visible && this.scrollTop > 0 ? n(this, R, tr).call(this) : (
+    l(this, en, () => {
+      this.scrollTop === 0 ? (this.open = !1, this.removeAttribute("snap-touch"), n(this, R, ir).call(this)) : !this.visible && this.scrollTop > 0 ? n(this, R, er).call(this) : (
         // fully open
-        !this.hasAttribute("snap-touch") && n(this, R, Zn).call(this) && (this.open = !0, this.setAttribute("snap-touch", ""))
+        !this.hasAttribute("snap-touch") && n(this, R, tr).call(this) && (this.open = !0, this.setAttribute("snap-touch", ""))
       );
     });
-    l(this, en, () => {
+    l(this, sn, () => {
       const t = e(this, Qi);
-      if (d(this, Qi, this.scrollTop), !n(this, R, ws).call(this)) {
+      if (d(this, Qi, this.scrollTop), !n(this, R, Ss).call(this)) {
         this.scrollTop = 0;
         return;
       }
-      this.scrollTop === 0 ? (this.open = !1, n(this, R, er).call(this)) : !this.visible && this.scrollTop > 0 ? n(this, R, tr).call(this) : n(this, R, Zn).call(this) && t <= this.scrollTop && (this.open = !0);
+      this.scrollTop === 0 ? (this.open = !1, n(this, R, ir).call(this)) : !this.visible && this.scrollTop > 0 ? n(this, R, er).call(this) : n(this, R, tr).call(this) && t <= this.scrollTop && (this.open = !0);
     });
-    this.attachShadow({ mode: "open" }).appendChild(ao.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(lo.content.cloneNode(!0));
   }
   connectedCallback() {
     var i, s, o, u, p, v;
@@ -4228,11 +4250,11 @@ class oo extends HTMLElement {
         this.open && (this.open = !1);
       });
       const A = this.hasAttribute("touch-enabled");
-      if (!Xo() || !A) {
-        this.setAttribute("snap", ""), this.addEventListener("scroll", e(this, en));
+      if (!jo() || !A) {
+        this.setAttribute("snap", ""), this.addEventListener("scroll", e(this, sn));
         return;
       }
-      this.addEventListener("scroll", e(this, tn)), (u = e(this, Lt)) == null || u.addEventListener("touchstart", this, { passive: !0 }), (p = e(this, Lt)) == null || p.addEventListener("touchmove", this, { passive: !1 }), (v = e(this, Lt)) == null || v.addEventListener("touchend", this, { passive: !0 });
+      this.addEventListener("scroll", e(this, en)), (u = e(this, Lt)) == null || u.addEventListener("touchstart", this, { passive: !0 }), (p = e(this, Lt)) == null || p.addEventListener("touchmove", this, { passive: !1 }), (v = e(this, Lt)) == null || v.addEventListener("touchend", this, { passive: !0 });
     }
   }
   disconnectedCallback() {
@@ -4241,7 +4263,7 @@ class oo extends HTMLElement {
   }
   attributeChangedCallback(t, i, s) {
     var o;
-    i !== s && (t === r.USER_INTERACTING && s === null && n(this, R, Qn).call(this) && setTimeout(() => {
+    i !== s && (t === r.USER_INTERACTING && s === null && n(this, R, Zn).call(this) && setTimeout(() => {
       this.open = !1;
     }, 300), t === "open" && this.scrollTo({ top: s === null ? 0 : (o = e(this, pe)) == null ? void 0 : o.clientHeight, behavior: "smooth" }));
   }
@@ -4258,29 +4280,29 @@ class oo extends HTMLElement {
     return this.hasAttribute("visible");
   }
 }
-Lt = new WeakMap(), pe = new WeakMap(), Oe = new WeakMap(), Qi = new WeakMap(), R = new WeakSet(), lo = function(t) {
-  n(this, R, ws).call(this) && t.touches[0] && d(this, Oe, t.touches[0].clientY);
-}, ho = function(t) {
-  if (!(!n(this, R, ws).call(this) || !e(this, Oe) || this.hasAttribute("snap-touch")) && (t.preventDefault(), t.touches[0])) {
+Lt = new WeakMap(), pe = new WeakMap(), Oe = new WeakMap(), Qi = new WeakMap(), R = new WeakSet(), co = function(t) {
+  n(this, R, Ss).call(this) && t.touches[0] && d(this, Oe, t.touches[0].clientY);
+}, uo = function(t) {
+  if (!(!n(this, R, Ss).call(this) || !e(this, Oe) || this.hasAttribute("snap-touch")) && (t.preventDefault(), t.touches[0])) {
     const i = t.touches[0].clientY, s = e(this, Oe) - i;
     this.scrollTop = s;
   }
-}, co = function(t) {
-  n(this, R, Qn).call(this) && !this.hasAttribute("snap-touch") && (this.open = !0);
-}, tn = new WeakMap(), en = new WeakMap(), ws = function() {
+}, po = function(t) {
+  n(this, R, Zn).call(this) && !this.hasAttribute("snap-touch") && (this.open = !0);
+}, en = new WeakMap(), sn = new WeakMap(), Ss = function() {
   return this.hasAttribute(r.USER_INTERACTING);
-}, Qn = function() {
-  return this.scrollTop > 0;
 }, Zn = function() {
+  return this.scrollTop > 0;
+}, tr = function() {
   var t;
   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() {
+  this.visible = !0, this.dispatchEvent(new CustomEvent(k.LOCK_UI, { bubbles: !0, composed: !0 }));
+}, ir = function() {
   this.visible = !1, this.dispatchEvent(new CustomEvent(k.UNLOCK_UI, { bubbles: !0, composed: !0 }));
-}, m(oo, "observedAttributes", [r.USER_INTERACTING, "open", "touch-enabled"]);
-const uo = document.createElement("template");
-uo.innerHTML = /* HTML */
+}, m(ho, "observedAttributes", [r.USER_INTERACTING, "open", "touch-enabled"]);
+const bo = document.createElement("template");
+bo.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -4340,8 +4362,8 @@ uo.innerHTML = /* HTML */
   <div id="hover-preview"></div>
   <div id="time-tooltip"></div>
 `;
-var N, ct, wt, 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 {
+var N, ct, wt, st, St, Vt, Xt, Ct, y, Cs, sr, Zt, fe, Zi, ts, be, es, is, nr, rr, ar, or, vo, lr, te, xs, ss;
+class mo extends ni {
   constructor() {
     var t, i, s;
     super();
@@ -4355,7 +4377,7 @@ class po extends ni {
     l(this, Xt, !1);
     l(this, Ct, !1);
     l(this, Zi, (t) => {
-      if (!n(this, y, ir).call(this) || n(this, y, Zt).call(this)) {
+      if (!n(this, y, sr).call(this) || n(this, y, Zt).call(this)) {
         t.preventDefault();
         return;
       }
@@ -4364,12 +4386,12 @@ class po extends ni {
         this.setPointerCapture(t.pointerId);
       } catch (i) {
       }
-      n(this, y, nr).call(this, t);
+      n(this, y, rr).call(this, t);
     });
     l(this, ts, (t) => {
-      if (!(!n(this, y, ir).call(this) || n(this, y, Zt).call(this))) {
+      if (!(!n(this, y, sr).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);
+          t.preventDefault(), n(this, y, rr).call(this, t);
           return;
         }
         d(this, St, requestAnimationFrame(() => {
@@ -4377,8 +4399,8 @@ class po extends ni {
             e(this, wt).style.opacity = "0", d(this, St, null);
             return;
           }
-          const i = n(this, y, sr).call(this, t.clientX);
-          if (n(this, y, ar).call(this, i, t.clientX), i > this.range.valueAsNumber) {
+          const i = n(this, y, nr).call(this, t.clientX);
+          if (n(this, y, or).call(this, i, t.clientX), i > this.range.valueAsNumber) {
             const s = this.range.valueAsNumber * 100, o = (i - this.range.valueAsNumber) * 100;
             e(this, wt).style.transform = `translateX(${s}%) scaleX(${o / 100})`, e(this, wt).style.opacity = "1";
           } else
@@ -4405,7 +4427,7 @@ class po extends ni {
     l(this, ss, (t) => {
       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);
+      const i = n(this, y, Cs).call(this);
       if (i <= 0) return;
       const s = this.range.valueAsNumber * i;
       let o = s;
@@ -4431,9 +4453,9 @@ class po extends ni {
           return;
       }
       const p = Math.min(o / i, 1);
-      n(this, y, rr).call(this, p);
+      n(this, y, ar).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, wt, (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));
+    (t = this.shadowRoot) == null || t.appendChild(bo.content.cloneNode(!0)), d(this, ct, (i = this.shadowRoot) == null ? void 0 : i.getElementById("time-tooltip")), d(this, wt, (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, te).call(this) && (this.range.value = "1", n(this, y, fe).call(this));
@@ -4472,37 +4494,37 @@ class po extends ni {
     this.setAttribute(r.DURATION, t.toString());
   }
 }
-N = new WeakMap(), ct = new WeakMap(), wt = new WeakMap(), st = new WeakMap(), St = new WeakMap(), Vt = new WeakMap(), Xt = new WeakMap(), Ct = new WeakMap(), y = new WeakSet(), Ss = function() {
+N = new WeakMap(), ct = new WeakMap(), wt = new WeakMap(), st = new WeakMap(), St = new WeakMap(), Vt = new WeakMap(), Xt = new WeakMap(), Ct = new WeakMap(), y = new WeakSet(), Cs = function() {
   return e(this, N) ? e(this, N) : 1;
-}, ir = function() {
+}, sr = function() {
   return !!e(this, N) && e(this, N) > 0 && isFinite(e(this, N));
 }, Zt = function() {
   return e(this, Xt);
 }, fe = function() {
-  const t = n(this, y, Ss).call(this);
+  const t = n(this, y, Cs).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, 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) {
+    `${n(this, y, xs).call(this, this.range.valueAsNumber * t)} of ${n(this, y, xs).call(this, t)}`
+  ), !e(this, st) && !n(this, y, Zt).call(this) && n(this, y, lr).call(this, this.range.valueAsNumber));
+}, Zi = new WeakMap(), ts = new WeakMap(), be = new WeakMap(), es = new WeakMap(), is = new WeakMap(), nr = 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, Zt).call(this) || n(this, y, or).call(this, t))
+  const i = n(this, y, nr).call(this, t.clientX);
+  n(this, y, or).call(this, i, t.clientX), e(this, st) || (e(this, ct).style.opacity = "1"), n(this, y, ar).call(this, i);
+}, ar = function(t) {
+  if (n(this, y, Zt).call(this) || n(this, y, lr).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);
-}, ar = function(t, i) {
+  const i = n(this, y, Cs).call(this), s = t * i;
+  this.range.value = t.toString(), this.updateBar(), n(this, y, vo).call(this, s);
+}, or = function(t, i) {
   if (!e(this, N) || !isFinite(e(this, N)))
     return;
   const s = t * e(this, N), o = e(this, N) - s;
-  e(this, ct).textContent = `-${n(this, y, Cs).call(this, o)}`;
+  e(this, ct).textContent = `-${n(this, y, xs).call(this, o)}`;
   const u = this.getBoundingClientRect(), p = (i - u.left) / u.width * 100;
   e(this, ct).style.left = `${Math.min(Math.max(p, 2), 98)}%`;
-}, bo = function(t) {
+}, vo = function(t) {
   this.dispatchEvent(
     new CustomEvent("seek", {
       bubbles: !0,
@@ -4510,30 +4532,30 @@ N = new WeakMap(), ct = new WeakMap(), wt = new WeakMap(), st = new WeakMap(), S
       detail: t
     })
   );
-}, or = function(t) {
+}, lr = function(t) {
   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_POSITION);
-}, Cs = function(t) {
+}, xs = function(t) {
   const i = Math.floor(t / 3600), s = Math.floor(t % 3600 / 60), o = Math.floor(t % 60);
   return e(this, N) && e(this, N) >= 3600 ? `${i}:${s.toString().padStart(2, "0")}:${o.toString().padStart(2, "0")}` : `${s}:${o.toString().padStart(2, "0")}`;
-}, ss = new WeakMap(), m(po, "observedAttributes", [
+}, ss = new WeakMap(), m(mo, "observedAttributes", [
   ...ni.observedAttributes,
   r.TIMESHIFT_POSITION,
   r.DURATION
 ]);
-const mo = document.createElement("template"), Nl = (
+const fo = 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>
 `
-), Rl = (
+), Ul = (
   /* 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>
 `
 );
-mo.innerHTML = /* HTML */
+fo.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -4586,12 +4608,12 @@ mo.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="play">${Nl}</slot>
-    <slot name="unmute">${Rl}</slot>
+    <slot name="play">${Rl}</slot>
+    <slot name="unmute">${Ul}</slot>
   </slot>
 `;
 var He, ns, me, rs;
-class vo extends HTMLElement {
+class go extends HTMLElement {
   constructor() {
     super();
     l(this, He, null);
@@ -4614,7 +4636,7 @@ class vo extends HTMLElement {
       }
       this.addEventListener("keyup", e(this, me), { once: !0 });
     });
-    this.attachShadow({ mode: "open" }).appendChild(mo.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(fo.content.cloneNode(!0));
   }
   get keysUsed() {
     return ["Enter", " "];
@@ -4634,14 +4656,14 @@ class vo extends HTMLElement {
     (t = e(this, He)) == null || t.disconnectListener(this), this.disable();
   }
 }
-He = new WeakMap(), ns = new WeakMap(), me = new WeakMap(), rs = new WeakMap(), m(vo, "observedAttributes", [
+He = new WeakMap(), ns = new WeakMap(), me = new WeakMap(), rs = new WeakMap(), m(go, "observedAttributes", [
   "hidden",
   r.NEEDS_USER_INPUT_VIDEO,
   r.NEEDS_USER_INPUT_AUDIO,
   r.PAUSED
 ]);
-const fo = document.createElement("template");
-fo.innerHTML = /* HTML */
+const Eo = document.createElement("template");
+Eo.innerHTML = /* HTML */
 `
   <style>
     :host,
@@ -4730,14 +4752,14 @@ fo.innerHTML = /* HTML */
   </div>
 `;
 var as, os, ls;
-class go extends HTMLElement {
+class Ao extends HTMLElement {
   constructor() {
     super();
     l(this, as);
     l(this, os);
     l(this, ls);
     const t = this.attachShadow({ mode: "open" });
-    t.appendChild(fo.content.cloneNode(!0)), d(this, as, t.querySelector("#title")), d(this, os, t.querySelector("#description")), d(this, ls, t.querySelector("#background"));
+    t.appendChild(Eo.content.cloneNode(!0)), d(this, as, t.querySelector("#title")), d(this, os, t.querySelector("#description")), d(this, ls, t.querySelector("#background"));
   }
   connectedCallback() {
   }
@@ -4747,14 +4769,14 @@ class go extends HTMLElement {
     i !== s && (t === "title" ? e(this, as).textContent = s : t === "description" ? e(this, os).textContent = s : t === "background-image" && (e(this, ls).style.backgroundImage = `url(${s})`));
   }
 }
-as = new WeakMap(), os = new WeakMap(), ls = new WeakMap(), m(go, "observedAttributes", ["title", "description", "background-image", "hidden"]);
-const Eo = document.createElement("template"), Ul = (
+as = new WeakMap(), os = new WeakMap(), ls = new WeakMap(), m(Ao, "observedAttributes", ["title", "description", "background-image", "hidden"]);
+const yo = document.createElement("template"), Pl = (
   /* 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>
 `
 );
-Eo.innerHTML = /* HTML */
+yo.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -4804,14 +4826,14 @@ Eo.innerHTML = /* HTML */
     }
   </style>
 
-  <slot id="play" name="icon">${Ul}</slot>
+  <slot id="play" name="icon">${Pl}</slot>
 `;
 var ze;
-class Ao extends HTMLElement {
+class ko extends HTMLElement {
   constructor() {
     super();
     l(this, ze, null);
-    this.attachShadow({ mode: "open" }).appendChild(Eo.content.cloneNode(!0));
+    this.attachShadow({ mode: "open" }).appendChild(yo.content.cloneNode(!0));
   }
   connectedCallback() {
     var t;
@@ -4825,9 +4847,9 @@ class Ao extends HTMLElement {
     i !== s && t === "hidden" && !x(s) && this.focus();
   }
 }
-ze = new WeakMap(), m(Ao, "observedAttributes", ["hidden"]);
-const yo = document.createElement("template");
-yo.innerHTML = /* HTML */
+ze = new WeakMap(), m(ko, "observedAttributes", ["hidden"]);
+const Io = document.createElement("template");
+Io.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -4846,7 +4868,7 @@ yo.innerHTML = /* HTML */
     }
   </style>
 `;
-const Pl = (c) => `${Math.round(c * 100)}%`;
+const _l = (c) => `${Math.round(c * 100)}%`;
 var hs;
 const si = class si extends ni {
   constructor() {
@@ -4856,7 +4878,7 @@ const si = class si extends ni {
       const t = this.range.valueAsNumber;
       this.dispatchEvent(new CustomEvent(k.SET_VOLUME, { bubbles: !0, composed: !0, detail: t }));
     });
-    (t = this.shadowRoot) == null || t.appendChild(yo.content.cloneNode(!0));
+    (t = this.shadowRoot) == null || t.appendChild(Io.content.cloneNode(!0));
   }
   connectedCallback() {
     super.connectedCallback(), this.range.addEventListener("input", e(this, hs)), this.range.setAttribute("aria-label", "volume");
@@ -4865,7 +4887,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", Pl(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", _l(this.range.valueAsNumber)), this.updateBar());
   }
   get volume() {
     var t;
@@ -4876,10 +4898,10 @@ const si = class si extends ni {
   }
 };
 hs = new WeakMap(), m(si, "observedAttributes", [...J(si, si, "observedAttributes"), r.MUTED, r.VOLUME]);
-let lr = si;
-function Hl() {
-  customElements.define("vindral-controller", ri), customElements.define("vindral-control-bar", ea), customElements.define("vindral-play-button", Bn), customElements.define("vindral-mute-button", Hn), 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", Br), 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", On);
+let hr = si;
+function zl() {
+  customElements.define("vindral-controller", ri), customElements.define("vindral-control-bar", ia), customElements.define("vindral-play-button", $n), customElements.define("vindral-mute-button", zn), customElements.define("vindral-buffering-overlay", _r), customElements.define("vindral-scroll-overlay", ho), customElements.define("vindral-play-overlay", ko), customElements.define("vindral-user-input-play-overlay", go), customElements.define("vindral-fullscreen-button", Un), customElements.define("vindral-rendition-levels-menu", jn), customElements.define("vindral-rendition-levels-menu-list", eo), customElements.define("vindral-channel-grid-button", mn), customElements.define("vindral-channel-grid", $r), customElements.define("vindral-channel-grid-item", dr), customElements.define("vindral-pip-button", Bn), customElements.define("vindral-airplay-button", dn), customElements.define("vindral-cast-button", un), customElements.define("vindral-cast-overlay", Or), customElements.define("vindral-buffering-icon", Ur), customElements.define("vindral-language-menu", Pn), customElements.define("vindral-language-menu-list", _a), customElements.define("vindral-message", Ao), customElements.define("vindral-volume-range", hr), customElements.define("vindral-poster-overlay", Wa), customElements.define("vindral-player", Xa), customElements.define("vindral-seek-bar", mo), customElements.define("vindral-live-button", Hn);
 }
 export {
-  Hl as registerComponents
+  zl as registerComponents
 };