@vindral/web-sdk 4.1.8 → 4.1.9-10-g6fb644c9

package/player.js

@@ -1,20 +1,20 @@
-var Oo = Object.defineProperty;
-var Ho = Object.getPrototypeOf;
-var zo = Reflect.get;
-var vr = (c) => {
+var $o = Object.defineProperty;
+var Go = Object.getPrototypeOf;
+var Ko = 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 qo = (c, a, t) => a in c ? $o(c, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[a] = t;
+var m = (c, a, t) => qo(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) => Ko(Go(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 Tr, V as Vo, i as Xo, C as jo, A as Yo, a as Jo, b as Wo } from "./C6dcH4vo.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 Qo } from "./cast-sender.js";
+import { A as Zo, d as tl } 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), el = (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`, il = ({ width: c, height: a }) => `${c}x${a}`, sl = ({
   title: c,
   subTitle: a = "Live stream",
   poster: t
@@ -109,20 +109,24 @@ 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 nl(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 rl(c) {
+  if (c === "no-preference" || c === "prefer-hardware" || c === "prefer-software")
+    return c;
+}
+function al(c) {
   if (c !== null)
     try {
       const a = JSON.parse(c);
@@ -135,7 +139,7 @@ function el(c) {
       return;
     }
 }
-function il(c) {
+function ol(c) {
   if (c !== null)
     try {
       const a = JSON.parse(c);
@@ -161,16 +165,16 @@ function Wt(c) {
 function x(c) {
   return typeof c == "string";
 }
-function D(c, a) {
+function P(c, a) {
   if (c === null)
     return a != null ? a : void 0;
   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 +184,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 +263,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 +287,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 +314,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 +345,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"), ll = (
   /* SVG */
   `
 <svg width="24" height="24" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
@@ -388,7 +392,7 @@ const Nr = document.createElement("template"), sl = (
 </svg>
 `
 );
-Nr.innerHTML = /* HTML */
+Rr.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -404,14 +408,14 @@ Nr.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="icon">${sl}</slot>
+  <slot name="icon">${ll}</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 +426,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 +487,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 +502,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 +529,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 +555,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 +568,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 +607,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 +626,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 +705,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 +731,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 +801,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, M, we, 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);
@@ -806,20 +810,20 @@ class Br extends HTMLElement {
     l(this, Ut, null);
     l(this, Ie, []);
     l(this, X, []);
-    l(this, _);
-    l(this, Te);
+    l(this, M);
+    l(this, we);
     l(this, hi);
     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,14 +834,14 @@ 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);
+          d(this, we, s);
           break;
       }
   }
@@ -846,22 +850,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, M)) == 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(), M = new WeakMap(), we = 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 }));
@@ -871,20 +875,20 @@ Rt = new WeakMap(), Ut = new WeakMap(), Ie = new WeakMap(), X = new WeakMap(), _
         this.focus(), (u = this.parentElement) == null || u.removeEventListener("scroll", o);
       }, 100));
     };
-    (i = this.parentElement) == null || i.addEventListener("scroll", o), this.addEventListener("keydown", this), e(this, _) && (e(this, _).tabIndex = 0);
+    (i = this.parentElement) == null || i.addEventListener("scroll", o), this.addEventListener("keydown", this), e(this, M) && (e(this, M).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) {
+    e(this, M) && (e(this, M).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);
+}, 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,30 +896,30 @@ 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, we) && s.setAttribute("authentication-token", e(this, we)), t.isLive || s.setAttribute("offline", ""), t.channelId === i && (s.setAttribute("aria-selected", "true"), d(this, M, 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"));
+    i.id === t ? (i.element.setAttribute("aria-selected", "true"), i.element.tabIndex = 0, d(this, M, 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, M)) == null || A.click() : n(this, S, Qr).call(this, t));
+}, Qr = function(t) {
   var p;
-  if (!e(this, _)) return;
+  if (!e(this, M)) return;
   const { key: i } = t;
-  let o = e(this, X).findIndex((v) => v.element === e(this, _));
-  const u = e(this, _).getBoundingClientRect();
+  let o = e(this, X).findIndex((v) => v.element === e(this, M));
+  const u = e(this, M).getBoundingClientRect();
   switch (i) {
     case "ArrowUp":
       if (o = n(this, S, $e).call(this, u, -1, 0), o < 0) {
@@ -942,7 +946,7 @@ Rt = new WeakMap(), Ut = new WeakMap(), Ie = new WeakMap(), X = new WeakMap(), _
   if (o >= 0 && o < e(this, X).length) {
     const v = e(this, X)[o];
     if (!v) return;
-    e(this, _).setAttribute("aria-selected", "false"), e(this, _).tabIndex = -1, d(this, _, v.element), e(this, _).setAttribute("aria-selected", "true"), e(this, _).tabIndex = 0, e(this, _).focus();
+    e(this, M).setAttribute("aria-selected", "false"), e(this, M).tabIndex = -1, d(this, M, v.element), e(this, M).setAttribute("aria-selected", "true"), e(this, M).tabIndex = 0, e(this, M).focus();
   }
 }, $e = function(t, i, s) {
   let o = -1, u = 1 / 0;
@@ -953,14 +957,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 hl = (
   /* 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 +975,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,48 +990,48 @@ Qr.innerHTML = /* HTML */
       display: none;
     }
   </style>
-  <slot name="button">${nl}</slot>
+  <slot name="button">${hl}</slot>
 `;
-var Le, G, tt, xs, $, Zr, mn, fs, vn, fn;
+var Te, G, tt, Ns, $, ta, vn, gs, fn, gn;
 const je = class je extends rt {
   constructor() {
     var t, i;
     super();
     l(this, $);
-    l(this, Le);
+    l(this, Te);
     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, Te, (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() {
+Te = 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", "");
@@ -1035,18 +1039,18 @@ Le = new WeakMap(), G = new WeakMap(), tt = new WeakMap(), xs = new WeakMap(), $
     if (!((t = e(this, G)) != null && t.hidden)) return;
     e(this, G).hidden = !1, e(this, G).focus();
   }
-  e(this, Le).setAttribute("aria-expanded", "true");
-}, fs = function() {
+  e(this, Te).setAttribute("aria-expanded", "true");
+}, gs = function() {
   if (e(this, tt))
     e(this, tt).removeAttribute("open");
   else {
     if (!e(this, G) || e(this, G).hidden) return;
     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", "");
+  e(this, Te).setAttribute("aria-expanded", "false");
 }, 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 +1058,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 +1089,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 dl extends ds {
   constructor(t) {
     super();
     m(this, "config");
@@ -1219,8 +1223,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, Le, Ms, Ds, ui, Se;
+class yr extends ds {
   constructor(t) {
     super();
     m(this, "unload", () => {
@@ -1228,14 +1232,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 +1247,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, "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* () {
+    m(this, "isPictureInPictureActive", () => e(this, Ds).call(this) || e(this, Ms).call(this));
+    m(this, "isSupported", () => e(this, Se).call(this) || e(this, Le).call(this));
+    l(this, Rs, () => e(this, Le).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, Le).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, Le, () => !!this.element.requestPictureInPicture && !!document.pictureInPictureEnabled);
+    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 +1268,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(), Le = 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)) : [];
 };
-function al(c) {
+function cl(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 +1291,7 @@ function al(c) {
     }
   }, 0);
 }
-class kr extends ds {
+class Ir extends ds {
   constructor(t) {
     super();
     m(this, "audioContext");
@@ -1350,13 +1354,13 @@ 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, D, L, Ce, bt, mt, Pt, ne, _t, et, pi, xe, C, w, sa, En, na, An, yn, ra, aa, oa, la, ha, da, Fs, Os, Ge, Qt;
+class ul {
   constructor(a, t) {
-    l(this, T);
-    l(this, f);
-    l(this, M);
     l(this, w);
+    l(this, f);
+    l(this, D);
+    l(this, L);
     l(this, Ce);
     l(this, bt);
     m(this, "userPaused", !0);
@@ -1368,23 +1372,23 @@ class ol {
     l(this, pi, 0);
     l(this, xe, !1);
     l(this, C, Tr.get().createContext("HlsPlayer"));
-    l(this, Ds, () => {
-      e(this, f).readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && !e(this, f).paused && n(this, T, Ge).call(this, !1);
-    });
     l(this, Fs, () => {
-      e(this, f).readyState >= HTMLMediaElement.HAVE_FUTURE_DATA && n(this, T, Ge).call(this, !1);
+      e(this, f).readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && !e(this, f).paused && n(this, w, 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";
+    l(this, Os, () => {
+      e(this, f).readyState >= HTMLMediaElement.HAVE_FUTURE_DATA && n(this, w, Ge).call(this, !1);
+    });
+    d(this, D, a), d(this, Pt, t == null ? void 0 : t.maxVideoBitRate), e(this, D).style.position = "absolute", e(this, D).style.top = "0", e(this, D).style.left = "0", e(this, D).style.width = "100%", e(this, D).style.height = "100%", e(this, D).style.opacity = "0", e(this, D).style.pointerEvents = "none", e(this, D).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, w, 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);
+    d(this, ne, !0), d(this, _t, !1), e(this, D).classList.remove("active"), e(this, D).style.opacity = "0", e(this, D).style.pointerEvents = "none", d(this, et, null);
   }
   play() {
     return B(this, null, function* () {
       try {
-        return e(this, w) ? (this.userPaused = !1, yield e(this, f).play()) : Promise.reject("HLS not initialized");
+        return e(this, L) ? (this.userPaused = !1, yield e(this, f).play()) : Promise.reject("HLS not initialized");
       } catch (a) {
         e(this, C).error("Failed to play timeshift video:", a);
       }
@@ -1396,10 +1400,10 @@ class ol {
         d(this, et, null);
         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);
+      if (d(this, et, a.time > 0.1 ? a.time : null), this.isActive() && e(this, L))
+        n(this, w, yn).call(this, a.time);
       else
-        return n(this, T, na).call(this, a);
+        return n(this, w, ra).call(this, a);
     });
   }
   shouldIgnoreTimeupdate() {
@@ -1417,10 +1421,10 @@ class ol {
     return document.pictureInPictureElement === e(this, f) ? document.exitPictureInPicture() : Promise.resolve();
   }
   isActive() {
-    return e(this, M).style.opacity === "1" || e(this, M).classList.contains("active");
+    return e(this, D).style.opacity === "1" || e(this, D).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, w, 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,17 +1475,17 @@ 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, L) && n(this, w, 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(), D = new WeakMap(), L = 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(), w = new WeakSet(), sa = function() {
   return B(this, null, function* () {
     const { default: a } = yield import("./h5LA1Y1W.js");
     if (d(this, Ce, a), !a.isSupported()) {
       e(this, C).warn("HLS not supported");
       return;
     }
-    d(this, w, new a({
+    d(this, L, new a({
       capLevelToPlayerSize: !0,
       enableWorker: !0,
       backBufferLength: 30,
@@ -1501,36 +1505,36 @@ f = new WeakMap(), M = new WeakMap(), w = new WeakMap(), Ce = new WeakMap(), bt
       startFragPrefetch: !0,
       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, w).on(a.Events.MANIFEST_PARSED, () => {
+    })), e(this, L).attachMedia(e(this, f)), e(this, L).on(a.Events.MEDIA_ATTACHED, () => e(this, C).debug("[HLS] media attached")), e(this, L).on(a.Events.MANIFEST_PARSED, () => e(this, C).debug("[HLS] manifest parsed")), e(this, L).on(a.Events.ERROR, (t, i) => {
+      e(this, C).error("[HLS] error:", i), i.fatal && n(this, w, na).call(this, i);
+    }), e(this, L).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, w).on(a.Events.LEVEL_SWITCHED, () => {
+      !e(this, Pt) || ((t = e(this, L)) == null ? void 0 : t.levels.length) === 0 || n(this, w, En).call(this, e(this, Pt));
+    }), e(this, L).on(a.Events.LEVEL_SWITCHED, () => {
       var t, i;
       e(this, C).debug(
         "Level switched:",
-        (t = e(this, w)) == null ? void 0 : t.currentLevel,
+        (t = e(this, L)) == null ? void 0 : t.currentLevel,
         "max:",
         this.maxVideoBitRate,
         "autoLevelCapping:",
-        (i = e(this, w)) == null ? void 0 : i.autoLevelCapping
+        (i = e(this, L)) == null ? void 0 : i.autoLevelCapping
       );
     });
   });
-}, gn = function(a) {
+}, En = function(a) {
   var s;
-  if (!e(this, w)) {
+  if (!e(this, L)) {
     e(this, C).warn("HLS not initialized, cannot set bitrate cap");
     return;
   }
-  let t = e(this, w).levels.map((o, u) => ({ i: u, bitrate: o.bitrate })).filter((o) => a >= o.bitrate * 0.8).map((o) => o.i).pop();
+  let t = e(this, L).levels.map((o, u) => ({ i: u, bitrate: o.bitrate })).filter((o) => a >= o.bitrate * 0.8).map((o) => o.i).pop();
   t === void 0 && (t = 0, e(this, C).debug(
-    "No level fits under bitrate cap: " + a + ", defaulting to lowest level: " + ((s = e(this, w).levels[0]) == null ? void 0 : s.bitrate)
+    "No level fits under bitrate cap: " + a + ", defaulting to lowest level: " + ((s = e(this, L).levels[0]) == null ? void 0 : s.bitrate)
   ));
-  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) {
+  const i = e(this, L).currentLevel;
+  e(this, L).autoLevelCapping = t, i !== t && (e(this, C).debug(`Current level ${i} exceeds cap ${t}, forcing immediate switch`), e(this, L).currentLevel = t);
+}, na = function(a) {
   var i, s;
   if (!e(this, Ce)) {
     e(this, C).error("Hls class not available for error handling");
@@ -1539,40 +1543,40 @@ f = new WeakMap(), M = new WeakMap(), w = new WeakMap(), Ce = new WeakMap(), bt
   const t = e(this, Ce);
   switch (a.type) {
     case t.ErrorTypes.NETWORK_ERROR:
-      e(this, C).warn("[HLS] network error -> startLoad"), (i = e(this, w)) == null || i.startLoad();
+      e(this, C).warn("[HLS] network error -> startLoad"), (i = e(this, L)) == null || i.startLoad();
       break;
     case t.ErrorTypes.MEDIA_ERROR:
-      e(this, C).warn("[HLS] media error -> recoverMediaError"), (s = e(this, w)) == null || s.recoverMediaError();
+      e(this, C).warn("[HLS] media error -> recoverMediaError"), (s = e(this, L)) == 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, w, An).call(this);
       break;
   }
-}, En = function() {
-  e(this, w) && (e(this, w).destroy(), d(this, w, void 0));
-}, An = function(a) {
+}, An = function() {
+  e(this, L) && (e(this, L).destroy(), d(this, L, void 0));
+}, 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, w, 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, L) && (yield n(this, w, sa).call(this), !n(this, w, 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)));
+    d(this, ne, !1), d(this, _t, !1), e(this, L) && (!e(this, L).url || e(this, L).url !== e(this, bt)) && (e(this, C).debug("Loading timeshift URL", e(this, bt)), e(this, L).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, w, aa).call(this), n(this, w, Qt).call(this, s) && (n(this, w, yn).call(this, t), !(i && (yield this.play(), !n(this, w, Qt).call(this, s))) && n(this, w, 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,15 +1586,15 @@ 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(
+    e(this, ne) || e(this, _t) || !n(this, w, Qt).call(this, t) || (d(this, _t, !0), e(this, C).debug("Revealing timeshift video"), e(this, D).classList.add("active"), e(this, D).style.opacity = "1", e(this, D).style.pointerEvents = "auto", e(this, f).dispatchEvent(
       new CustomEvent("timeshiftready", {
         detail: { activationId: t }
       })
-    ), a || n(this, T, oa).call(this, t));
+    ), a || n(this, w, la).call(this, t));
   }, u = () => {
-    e(this, ne) || e(this, _t) || !n(this, T, Qt).call(this, t) || s() && (v(), o());
+    e(this, ne) || e(this, _t) || !n(this, w, Qt).call(this, t) || s() && (v(), o());
   };
   let p = !1;
   const v = () => {
@@ -1604,9 +1608,9 @@ 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);
+    n(this, w, Qt).call(this, a) && (e(this, f).muted = !1);
   };
   "requestVideoFrameCallback" in e(this, f) ? e(this, f).requestVideoFrameCallback(() => {
     setTimeout(() => {
@@ -1615,15 +1619,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, w, Ge).call(this, !0))), t.forEach((i) => e(this, f).addEventListener(i, () => n(this, w, 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 +1638,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 +1651,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 +1661,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 +1690,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 pl {
   constructor(a) {
     this.vindral = a;
   }
@@ -1723,8 +1727,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 +1868,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 +1898,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 +1998,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 +2095,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, wi, Ti, Li, Si, Ci, qs, In, wn, xi, Ni, Ri, Vs, Ui, Pi, _i, Mi, va, Tn, Di, Ln, fa, Es, ga, Ea, As, Aa, Sn, ya, ka, Ia, Fi, wa, Ta, La, Sa, Oi, Xs, js, Ca, Hi, Ys, Js, oe, Cn, xn, ys, xt, xa, ks, Is, Na, Nn, Ws, Qs, Rn, E, T;
 const Ye = class Ye extends HTMLElement {
   constructor() {
     var s;
@@ -2103,11 +2111,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,58 +2128,58 @@ 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) => {
       switch (t) {
         case "playing":
-          n(this, h, L).call(this, r.PAUSED), n(this, h, L).call(this, r.BUFFERING);
+          n(this, h, T).call(this, r.PAUSED), n(this, h, T).call(this, r.BUFFERING);
           break;
         case "paused":
-          n(this, h, E).call(this, r.PAUSED, ""), n(this, h, L).call(this, r.BUFFERING);
+          n(this, h, E).call(this, r.PAUSED, ""), n(this, h, T).call(this, r.BUFFERING);
           break;
         case "buffering":
-          n(this, h, L).call(this, r.PAUSED), n(this, h, E).call(this, r.BUFFERING, "");
+          n(this, h, T).call(this, r.PAUSED), n(this, h, E).call(this, r.BUFFERING, "");
           break;
       }
     });
     l(this, yi, (t) => {
-      n(this, h, E).call(this, r.VOLUME, t.volume.toString()), t.isMuted ? n(this, h, E).call(this, r.MUTED, "") : n(this, h, L).call(this, r.MUTED);
+      n(this, h, E).call(this, r.VOLUME, t.volume.toString()), t.isMuted ? n(this, h, E).call(this, r.MUTED, "") : n(this, h, T).call(this, r.MUTED);
     });
     l(this, ki, ({ channelId: t }) => {
       var i;
-      this.setAttribute(r.CHANNEL_ID, t), ((i = e(this, b)) == null ? void 0 : i.playbackState) !== "buffering" && n(this, h, L).call(this, r.BUFFERING);
+      this.setAttribute(r.CHANNEL_ID, t), ((i = e(this, b)) == null ? void 0 : i.playbackState) !== "buffering" && n(this, h, T).call(this, r.BUFFERING);
     });
     l(this, Ii, ({ channelId: t }) => {
       var i;
-      e(this, ot) !== t && this.setAttribute(r.CHANNEL_ID, t), ((i = e(this, b)) == null ? void 0 : i.playbackState) !== "buffering" && n(this, h, L).call(this, r.BUFFERING);
+      e(this, ot) !== t && this.setAttribute(r.CHANNEL_ID, t), ((i = e(this, b)) == null ? void 0 : i.playbackState) !== "buffering" && n(this, h, T).call(this, r.BUFFERING);
     });
-    l(this, Ti, (t) => {
+    l(this, wi, (t) => {
       d(this, oe, Date.now()), n(this, h, E).call(this, r.CHANNELS, JSON.stringify(t));
     });
-    l(this, Li, (t) => {
+    l(this, Ti, (t) => {
       var i;
       n(this, h, E).call(this, r.LANGUAGES, JSON.stringify(t)), (i = e(this, b)) != null && i.language && n(this, h, E).call(this, r.LANGUAGE, e(this, b).language);
     });
-    l(this, wi, (t) => {
+    l(this, Li, (t) => {
       var i, s, o;
       n(this, h, E).call(this, r.TEXT_TRACKS, JSON.stringify(t)), (i = e(this, b)) != null && i.textTrack && n(this, h, E).call(this, r.TEXT_TRACK, (o = (s = e(this, b)) == null ? void 0 : s.textTrack) != null ? o : "");
     });
     l(this, Si, (t) => {
-      t != null && t.forVideo ? (n(this, h, E).call(this, r.NEEDS_USER_INPUT_VIDEO, ""), n(this, h, L).call(this, r.NEEDS_USER_INPUT_AUDIO)) : t != null && t.forAudio && (n(this, h, E).call(this, r.NEEDS_USER_INPUT_AUDIO, ""), n(this, h, L).call(this, r.NEEDS_USER_INPUT_VIDEO));
+      t != null && t.forVideo ? (n(this, h, E).call(this, r.NEEDS_USER_INPUT_VIDEO, ""), n(this, h, T).call(this, r.NEEDS_USER_INPUT_AUDIO)) : t != null && t.forAudio && (n(this, h, E).call(this, r.NEEDS_USER_INPUT_AUDIO, ""), n(this, h, T).call(this, r.NEEDS_USER_INPUT_VIDEO));
     });
     l(this, Ci, (t) => {
-      t || n(this, h, L).call(this, r.BUFFERING);
+      t || n(this, h, T).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 +2187,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 = cl(s);
       if (isNaN(p)) {
         e(this, F).error(`Invalid duration format: ${s}`);
         return;
@@ -2188,15 +2196,15 @@ const Ye = class Ye extends HTMLElement {
       o.searchParams.set("from", A), e(this, g).setTimeshiftUrl(o.toString()), n(this, h, E).call(this, r.DURATION, p.toString());
     });
     l(this, xi, () => {
-      n(this, h, L).call(this, r.PAUSED), n(this, h, L).call(this, r.BUFFERING);
+      n(this, h, T).call(this, r.PAUSED), n(this, h, T).call(this, r.BUFFERING);
     });
     l(this, Ni, () => {
-      n(this, h, E).call(this, r.PAUSED, ""), n(this, h, L).call(this, r.BUFFERING);
+      n(this, h, E).call(this, r.PAUSED, ""), n(this, h, T).call(this, r.BUFFERING);
     });
     l(this, Ri, () => {
-      e(this, Hi).call(this), n(this, h, L).call(this, r.BUFFERING);
+      e(this, Hi).call(this), n(this, h, T).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());
@@ -2209,13 +2217,13 @@ const Ye = class Ye extends HTMLElement {
       t != null && n(this, h, E).call(this, r.TIMESHIFT_POSITION, t.toString());
     });
     l(this, Pi, () => {
-      e(this, g) && (n(this, h, E).call(this, r.VOLUME, e(this, g).volume.toString()), e(this, g).muted ? n(this, h, E).call(this, r.MUTED, "") : n(this, h, L).call(this, r.MUTED));
+      e(this, g) && (n(this, h, E).call(this, r.VOLUME, e(this, g).volume.toString()), e(this, g).muted ? n(this, h, E).call(this, r.MUTED, "") : n(this, h, T).call(this, r.MUTED));
     });
     l(this, _i, () => {
       n(this, h, E).call(this, r.BUFFERING, "");
     });
     l(this, Mi, () => {
-      n(this, h, L).call(this, r.BUFFERING);
+      n(this, h, T).call(this, r.BUFFERING);
     });
     l(this, Di, () => {
       if (e(this, Ht)) {
@@ -2223,7 +2231,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,7 +2241,7 @@ const Ye = class Ye extends HTMLElement {
           d(this, Fi, t.timeStamp);
           break;
         case "pointermove":
-          n(this, h, Ia).call(this, t);
+          n(this, h, wa).call(this, t);
           break;
         case "pointerup":
           n(this, h, Ta).call(this, t);
@@ -2245,13 +2253,13 @@ const Ye = class Ye extends HTMLElement {
           n(this, h, La).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 +2298,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 +2337,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, Tn).call(this), e(this, H) !== e(this, g) && (t && n(this, h, Is).call(this), d(this, H, e(this, g)), n(this, h, wn).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, Ln).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 +2383,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"));
+    this.attachShadow({ mode: "open" }).appendChild(ma.content.cloneNode(!0));
+    const i = an(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"));
   }
   connectedCallback() {
     return B(this, null, function* () {
-      D(this.getAttribute("auto-instance-enabled"), !0) && (yield n(this, h, yn).call(this));
+      P(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 +2403,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, Ln).call(this), n(this, h, wn).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, T).call(this, r.NEEDS_USER_INPUT_VIDEO), n(this, h, T).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, T).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, T).call(this, r.MUTED), n(this, h, T).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, T).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, T).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, T).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, T).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, T).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, T).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 +2530,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 +2542,35 @@ 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 = al(this.getAttribute("max-size")), jt = Wt(this.getAttribute("min-buffer-time")), Yt = Wt(this.getAttribute("max-buffer-time")), Jt = P(this.getAttribute("burst-enabled")), cs = P(this.getAttribute("mse-enabled")), us = P(this.getAttribute("mse-opus-enabled")), ps = P(this.getAttribute("ios-background-play-enabled")), bs = P(this.getAttribute("ios-wake-lock-enabled")), ms = P(this.getAttribute("ios-media-element-enabled")), V = P(this.getAttribute("abr-enabled")), wo = P(this.getAttribute("size-based-resolution-cap-enabled")), To = P(this.getAttribute("telemetry-enabled")), Lo = nl(this.getAttribute("video-codecs")), ur = Cr(this.getAttribute("poster")), So = ol(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 = P(this.getAttribute("webcodecs-enabled")), Ro = rl(
+      this.getAttribute("webcodecs-hardware-acceleration")
+    ), Uo = P(this.getAttribute("offscreen-canvas-enabled")), Po = P(this.getAttribute("webtransport-enabled")), pr = Wt(this.getAttribute("reconnect-retries")), _o = pr !== void 0 ? (Bo) => Bo.reconnectRetries < pr : void 0, Mo = this.getAttribute("language") || void 0;
+    d(this, b, new Vo({
       url: e(this, fi),
       channelId: e(this, ot),
       channelGroupId: e(this, ft),
@@ -2573,86 +2589,89 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
       mseOpusEnabled: us,
       iosBackgroundPlayEnabled: ps,
       iosWakeLockEnabled: bs,
-      iosMediaElementEnabled: V,
-      abrEnabled: ko,
-      sizeBasedResolutionCapEnabled: Io,
+      iosMediaElementEnabled: ms,
+      abrEnabled: V,
+      sizeBasedResolutionCapEnabled: wo,
       telemetryEnabled: To,
       videoCodecs: Lo,
-      poster: cr,
+      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: Mo,
+      drm: xo,
+      webtransportEnabled: Po,
+      webcodecsEnabled: No,
+      webcodecsHardwareAcceleration: Ro,
+      offscreenCanvasEnabled: Uo,
+      reconnectHandler: _o
+    })), d(this, re, new pl(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 Do = P(this.getAttribute(r.AIRPLAY_ENABLED), !1), Fo = P(this.getAttribute(r.CAST_ENABLED), !0), br = P(this.getAttribute(r.FULLSCREEN_ENABLED), !0), Oo = P(this.getAttribute(r.PIP_ENABLED), !0), Ho = P(this.getAttribute(r.VU_METER_ENABLED), !1), zo = P(this.getAttribute(r.TIMESHIFT_ENABLED), !1);
+    Do && n(this, h, ka).call(this, e(this, b)), Fo && n(this, h, Aa).call(this, e(this, b)), br && n(this, h, ga).call(this, e(this, b)), Oo && n(this, h, fa).call(this, e(this, b)), t || e(this, b).play(), Ho && 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));
+    ), zo && (n(this, h, Tn).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() {
-  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() {
+}, Gs = new WeakMap(), Ks = new WeakMap(), Ai = new WeakMap(), yi = new WeakMap(), ki = new WeakMap(), Ii = new WeakMap(), wi = new WeakMap(), Ti = new WeakMap(), Li = 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, wi)), e(this, b).on("languages", e(this, Ti)), e(this, b).on("text tracks", e(this, Li)), 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)));
+}, wn = 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, wi)), e(this, b).off("languages", e(this, Ti)), e(this, b).off("text tracks", e(this, Li)), 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(), 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() {
   var t, i, s, o;
-  d(this, g, new ol(e(this, vi), {
+  d(this, g, new ul(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));
+  })), e(this, g).addEventListener("durationchange", e(this, Vs));
 }, Di = new WeakMap(), Ln = 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) => {
-    i ? n(this, h, E).call(this, r.IS_PIP, "") : n(this, h, L).call(this, r.IS_PIP);
+}, 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, T).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) => {
-    s ? n(this, h, E).call(this, r.IS_PIP, "") : n(this, h, L).call(this, r.IS_PIP);
+  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, T).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);
+    s ? n(this, h, E).call(this, r.FULLSCREEN, "") : n(this, h, T).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);
+    i ? n(this, h, E).call(this, r.FULLSCREEN, "") : n(this, h, T).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 Qo({
     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() {
-  n(this, h, L).call(this, r.IS_CASTING), n(this, h, L).call(this, r.CAST_RECEIVER_NAME);
-}, ya = function(t) {
+}, ya = function() {
+  n(this, h, T).call(this, r.IS_CASTING), n(this, h, T).call(this, r.CAST_RECEIVER_NAME);
+}, 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 dl({
     url: i.url,
     channelId: i.channelId,
     authenticationToken: i.authenticationToken,
@@ -2662,34 +2681,34 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
   }), e(this, it).on("connected", () => {
     n(this, h, E).call(this, r.IS_AIRPLAYING, "");
   }), e(this, it).on("disconnected", () => {
-    n(this, h, L).call(this, r.IS_AIRPLAYING);
+    n(this, h, T).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(), !Xo()) {
     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));
+}, Fi = new WeakMap(), wa = 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));
 }, 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);
+  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);
 }, 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, ""));
-}, 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 +2720,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,58 +2733,63 @@ 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() {
+  }) : (this.removeAttribute(r.FULLSCREEN_FALLBACK), n(this, h, T).call(this, r.FULLSCREEN));
+}, 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) {
   var s;
   (s = e(this, vt).get(t)) == null || s.forEach((o) => o.setAttribute(t, i));
-}, L = function(t) {
+}, T = function(t) {
   var i;
   (i = e(this, vt).get(t)) == null || i.forEach((s) => s.removeAttribute(t));
 }, m(Ye, "observedAttributes", [
@@ -2800,23 +2824,26 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
   "drm-playready-video-robustness",
   "drm-playready-audio-robustness",
   "webtransport-enabled",
+  "webcodecs-enabled",
+  "webcodecs-hardware-acceleration",
+  "offscreen-canvas-enabled",
   "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"), bl = (
   /* 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 = (
+), ml = (
   /* 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 +2860,14 @@ xa.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="enter">${hl}</slot>
-    <slot name="exit">${dl}</slot>
+    <slot name="enter">${bl}</slot>
+    <slot name="exit">${ml}</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 +2890,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 vl = (
   /* 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 +2905,38 @@ Na.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="button">${cl}</slot>
+  <slot name="button">${vl}</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"), fl = (
   /* 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 +3012,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(fl)}");
       position: absolute;
       left: var(--padding-3);
       top: calc(50% - 8px);
@@ -3024,8 +3051,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, ws, Ke, qe, Fa, Oa, Ha, Fn, On, za;
+class _a extends HTMLElement {
   constructor() {
     super();
     l(this, I);
@@ -3042,14 +3069,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 +3085,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 +3103,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 +3120,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, ws).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, ws).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, ws).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) {
+}, ws = 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 +3150,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"), gl = (
   /* SVG */
   `
   <svg xmlns="http://www.w3.org/2000/svg" width="5" height="5" viewBox="0 0 5 5" fill="currentColor">
@@ -3162,7 +3189,7 @@ const Ha = document.createElement("template"), pl = (
   </svg>
 `
 );
-Ha.innerHTML = /* HTML */
+Ba.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3224,13 +3251,13 @@ Ha.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="icon">${pl}</slot>
+  <slot name="icon">${gl}</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();
@@ -3258,9 +3285,13 @@ const Qe = class Qe extends rt {
     this.isLive || this.dispatchEvent(new CustomEvent(k.GO_LIVE, { bubbles: !0, composed: !0 }));
   }
 };
-m(Qe, "observedAttributes", [...J(Qe, Qe, "observedAttributes"), r.TIMESHIFT_POSITION, r.DURATION]);
-let On = Qe;
-const za = document.createElement("template"), bl = (
+m(Qe, "observedAttributes", [
+  ...J(Qe, Qe, "observedAttributes"),
+  r.TIMESHIFT_POSITION,
+  r.DURATION
+]);
+let Hn = Qe;
+const $a = document.createElement("template"), El = (
   /* 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 +3299,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 = (
+), Al = (
   /* 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 +3323,14 @@ za.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="mute">${bl}</slot>
-    <slot name="unmute">${ml}</slot>
+    <slot name="mute">${El}</slot>
+    <slot name="unmute">${Al}</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 +3353,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"), yl = (
   /* 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 +3371,12 @@ Ba.innerHTML = /* HTML */
       display: none !important;
     }
   </style>
-  <slot name="icon">${vl}</slot>
+  <slot name="icon">${yl}</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 +3405,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"), kl = (
   /* 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 = (
+), Il = (
   /* 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 +3434,14 @@ $a.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="play">${fl}</slot>
-    <slot name="pause">${gl}</slot>
+    <slot name="play">${kl}</slot>
+    <slot name="pause">${Il}</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 +3464,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 {
+}, wl = Object.values(Z);
+var Vi, Me, Bt, he, $t, Gt, yt, Y, Gn, qa, Kn, qn;
+class Tl extends ds {
   constructor(t) {
     super();
     l(this, Y);
@@ -3452,21 +3483,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 Zo({
       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 +3506,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");
+      tl(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 Ll = /\/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, Sl = navigator.userAgent.toLowerCase(), Cl = Ll.test(Sl), xl = (c) => ri.observedAttributes.includes(c), Va = (
   /* HTML */
   `
   <style>
@@ -3502,7 +3533,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: ${Cl ? "none" : "flex"};
       --vindral-airplay-button-display: none;
       --vindral-play-overlay-display: none;
       --vindral-grid-item-offline-display: none;
@@ -3574,12 +3605,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 = (
+), Nl = (
   /* HTML */
   `
-  ${Ka}
+  ${Va}
 
   <vindral-controller>
     <vindral-control-bar slot="top-bar">
@@ -3613,10 +3651,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 = (
+), Rl = (
   /* HTML */
   `
-  ${Ka}
+  ${Va}
 
   <style>
     #control-bar {
@@ -3639,47 +3677,47 @@ 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 {
+), wr = document.createElement("template");
+var dt, O, q, kt, It, Zs, Xi, _, ja, Vn, Ya, ji, Ts, Nt;
+class Xa extends HTMLElement {
   constructor() {
     super();
-    l(this, P);
+    l(this, _);
     l(this, dt);
     l(this, O);
     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));
+      xl(t) && (x(i) ? e(this, O).setAttribute(t, i) : e(this, O).removeAttribute(t));
     });
     l(this, ji, () => {
       const t = e(this, O).instance;
       t && (t.on("is live", (i) => {
-        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"));
+        i ? (this.removeAttribute(Z.OFFLINE), e(this, q).setAttribute("hidden", "")) : (this.setAttribute(Z.OFFLINE, ""), e(this, q).removeAttribute("hidden"), n(this, _, 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, _, Ts).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, _, Ts).call(this, s);
       }), t.on("error", (i) => {
-        if (i.code() === Ko) {
-          n(this, P, Nt).call(this, "Stream is offline", "Please stand by");
+        if (i.code() === jo) {
+          n(this, _, 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() === Yo ? n(this, _, Nt).call(this, "Forbidden", "You do not have permission to view this stream") : i.code() === Jo ? n(this, _, Nt).call(this, "Stream is offline", "Please stand by") : n(this, _, 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, _, 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, _, Ya).call(this);
   }
   disconnectedCallback() {
     var t;
@@ -3688,10 +3726,10 @@ class qa extends HTMLElement {
   attributeChangedCallback(t, i, s) {
     if (i !== s)
       if (t === r.MEDIA)
-        n(this, P, qn).call(this);
+        n(this, _, 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);
+        o && (o.disabled = P(this.getAttribute(Z.REFRESH_POSTER_ENABLED), !1) === !1);
       } else
         e(this, Xi).call(this, t, s);
   }
@@ -3702,44 +3740,44 @@ 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(), _ = new WeakSet(), ja = function() {
+  return Sr(this.getAttribute(r.MEDIA)) === "audio" ? Rl : Nl;
+}, Vn = function() {
+  wr.innerHTML = n(this, _, ja).call(this);
+  const t = wr.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)
+  if (P(this.getAttribute(Z.STREAM_POLL_ENABLED), !0) === !1)
     return;
   const t = this.getAttribute("url"), i = this.getAttribute("channel-id"), s = (u = this.getAttribute("authentication-token")) != null ? u : void 0, o = this.hasAttribute("infinite-reconnect");
   if (!t || !i) {
-    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");
+    this.setAttribute(Z.OFFLINE, ""), n(this, _, 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 Tl({
     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, _, Ts).call(this, p);
   }), e(this, It).on("timeout", () => {
     e(this, q).setAttribute("hidden", ""), e(this, kt).removeAttribute("hidden");
   }), e(this, It).on("error", (p) => {
-    this.setAttribute(Z.OFFLINE, ""), n(this, P, Nt).call(this, p.title, p.message);
+    this.setAttribute(Z.OFFLINE, ""), n(this, _, Nt).call(this, p.title, p.message);
   }), 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) {
   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, sl({
     title: o,
     poster: u
   });
@@ -3747,9 +3785,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, ...wl]);
+const Ja = document.createElement("template");
+Ja.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3785,9 +3823,9 @@ ja.innerHTML = /* HTML */
     }
   </style>
 `;
-const Sl = 6e3;
-var De, Kt, de, Fe, nt, Ja, Ls, Vn, Zs;
-class Ya extends HTMLElement {
+const Ul = 6e3;
+var De, Kt, de, Fe, nt, Qa, Ls, Xn, tn;
+class Wa extends HTMLElement {
   constructor() {
     super();
     l(this, nt);
@@ -3795,25 +3833,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, Ls).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);
   }
   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 +3866,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)));
+De = new WeakMap(), Kt = new WeakMap(), de = new WeakMap(), Fe = new WeakMap(), nt = new WeakSet(), Qa = function() {
+  e(this, Kt) === null && (n(this, nt, Ls).call(this), d(this, Kt, window.setInterval(() => n(this, nt, Xn).call(this), Ul)));
 }, Ls = 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 Pl = (
   /* 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 +3888,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 +3897,38 @@ Wa.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="button">${Cl}</slot>
+  <slot name="button">${Pl}</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"), _l = (
   /* 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 +4001,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(_l)}");
       position: absolute;
       left: calc(var(--padding-3) - var(--padding-1));
       top: calc(50% - 8px);
@@ -3993,26 +4031,26 @@ 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, wt, ue, Wi, U, io, Jn, so, Wn, no, ro, ao, Qn, oo;
+class eo extends HTMLElement {
   constructor() {
     super();
     l(this, U);
     l(this, ce, []);
     l(this, Ji, Number.MAX_SAFE_INTEGER);
     l(this, qt, null);
-    l(this, Tt, []);
+    l(this, wt, []);
     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 +4060,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 +4073,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(), wt = new WeakMap(), ue = new WeakMap(), Wi = new WeakMap(), U = new WeakSet(), io = function() {
   const t = (s) => {
     s.forEach((o) => {
       if (o.intersectionRatio !== 1)
@@ -4052,24 +4090,24 @@ 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) => {
+  t && (d(this, wt, []), t.innerHTML = "", e(this, ce).sort((s, o) => {
     var u, p;
     return (u = s.video) != null && u.bitRate && ((p = o.video) != null && p.bitRate) ? o.video.bitRate - s.video.bitRate : 0;
   }).forEach((s) => {
     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 ? il(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 = `${el(((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, wt).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) => {
@@ -4083,37 +4121,37 @@ ce = new WeakMap(), Ji = new WeakMap(), qt = new WeakMap(), Tt = new WeakMap(),
     }
   )[0] || t[t.length - 1];
   if (i) {
-    const s = e(this, Tt).find((o) => {
+    const s = e(this, wt).find((o) => {
       var u;
       return o.id === ((u = i.video) == null ? void 0 : u.id);
     });
     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, wt), 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() {
-  return e(this, Tt).find((t) => t.el.tabIndex === 0);
-}, ro = function(t) {
-  for (const i of e(this, Tt))
+  v && (n(this, U, oo).call(this, v.id), v.el.focus());
+}, Qn = function() {
+  return e(this, wt).find((t) => t.el.tabIndex === 0);
+}, oo = function(t) {
+  for (const i of e(this, wt))
     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,66 +4220,66 @@ 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 Tt, pe, Oe, Qi, R, co, uo, po, en, sn, Ss, Zn, tr, er, ir;
+class ho extends HTMLElement {
   constructor() {
     super();
     l(this, R);
-    l(this, Lt, null);
+    l(this, Tt, null);
     l(this, pe, null);
     l(this, Oe, null);
     l(this, Qi, 0);
     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;
     const t = this.getRootNode();
     if (t instanceof Document || t instanceof ShadowRoot) {
-      d(this, Lt, t.querySelector("vindral-controller")), (i = e(this, Lt)) == null || i.connectListener(this), d(this, pe, (s = this.shadowRoot) == null ? void 0 : s.querySelector("#scroll-area")), (o = e(this, pe)) == null || o.addEventListener("click", () => {
+      d(this, Tt, t.querySelector("vindral-controller")), (i = e(this, Tt)) == null || i.connectListener(this), d(this, pe, (s = this.shadowRoot) == null ? void 0 : s.querySelector("#scroll-area")), (o = e(this, pe)) == null || o.addEventListener("click", () => {
         this.open && (this.open = !1);
       });
       const A = this.hasAttribute("touch-enabled");
-      if (!Xo() || !A) {
-        this.setAttribute("snap", ""), this.addEventListener("scroll", e(this, en));
+      if (!Wo() || !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, Tt)) == null || u.addEventListener("touchstart", this, { passive: !0 }), (p = e(this, Tt)) == null || p.addEventListener("touchmove", this, { passive: !1 }), (v = e(this, Tt)) == null || v.addEventListener("touchend", this, { passive: !0 });
     }
   }
   disconnectedCallback() {
     var t;
-    (t = e(this, Lt)) == null || t.disconnectListener(this);
+    (t = e(this, Tt)) == null || t.disconnectListener(this);
   }
   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 +4296,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])) {
+Tt = 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,22 +4378,22 @@ 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, Lt, 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();
     l(this, y);
     l(this, N);
     l(this, ct);
-    l(this, wt);
+    l(this, Lt);
     l(this, st, !1);
     l(this, St, null);
     l(this, Vt, null);
     l(this, Xt, !1);
     l(this, Ct, !1);
     l(this, Zi, (t) => {
-      if (!n(this, y, ir).call(this) || n(this, y, Zt).call(this)) {
+      if (!n(this, y, sr).call(this) || n(this, y, Zt).call(this)) {
         t.preventDefault();
         return;
       }
@@ -4364,25 +4402,25 @@ 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(() => {
           if (t.pointerType !== "mouse" || e(this, st) || !this.duration) {
-            e(this, wt).style.opacity = "0", d(this, St, null);
+            e(this, Lt).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";
+            e(this, Lt).style.transform = `translateX(${s}%) scaleX(${o / 100})`, e(this, Lt).style.opacity = "1";
           } else
-            e(this, wt).style.opacity = "0";
+            e(this, Lt).style.opacity = "0";
           d(this, St, null);
         }));
       }
@@ -4400,12 +4438,12 @@ class po extends ni {
       this.duration && !n(this, y, Zt).call(this) && (e(this, ct).style.opacity = "1");
     });
     l(this, is, () => {
-      e(this, ct).style.opacity = "0", e(this, wt).style.opacity = "0";
+      e(this, ct).style.opacity = "0", e(this, Lt).style.opacity = "0";
     });
     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 +4469,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, Lt, (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 +4510,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(), Lt = 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 +4548,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"), Ml = (
   /* SVG */
   `
   <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="currentColor"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="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 = (
+), Dl = (
   /* 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 +4624,12 @@ mo.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="play">${Nl}</slot>
-    <slot name="unmute">${Rl}</slot>
+    <slot name="play">${Ml}</slot>
+    <slot name="unmute">${Dl}</slot>
   </slot>
 `;
 var He, ns, me, rs;
-class vo extends HTMLElement {
+class go extends HTMLElement {
   constructor() {
     super();
     l(this, He, null);
@@ -4614,7 +4652,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 +4672,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 +4768,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 +4785,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"), 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="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 +4842,14 @@ Eo.innerHTML = /* HTML */
     }
   </style>
 
-  <slot id="play" name="icon">${Ul}</slot>
+  <slot id="play" name="icon">${Fl}</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 +4863,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 +4884,7 @@ yo.innerHTML = /* HTML */
     }
   </style>
 `;
-const Pl = (c) => `${Math.round(c * 100)}%`;
+const Ol = (c) => `${Math.round(c * 100)}%`;
 var hs;
 const si = class si extends ni {
   constructor() {
@@ -4856,7 +4894,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 +4903,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", Ol(this.range.valueAsNumber)), this.updateBar());
   }
   get volume() {
     var t;
@@ -4876,10 +4914,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 Kl() {
+  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
+  Kl as registerComponents
 };