@vindral/web-sdk 4.1.6 → 4.1.7

package/player.js

@@ -1,11 +1,11 @@
-var Fo = Object.defineProperty;
+var Oo = Object.defineProperty;
 var Ho = Object.getPrototypeOf;
-var Oo = Reflect.get;
+var zo = Reflect.get;
 var vr = (c) => {
   throw TypeError(c);
 };
-var zo = (c, a, t) => a in c ? Fo(c, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[a] = t;
-var m = (c, a, t) => zo(c, typeof a != "symbol" ? a + "" : a, t), sn = (c, a, t) => a.has(c) || vr("Cannot " + t);
+var 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) => ({
   set _(s) {
@@ -14,8 +14,8 @@ var fr = (c, a, t, i) => ({
   get _() {
     return e(c, a, i);
   }
-}), J = (c, a, t) => Oo(Ho(c), t, a);
-var $ = (c, a, t) => new Promise((i, s) => {
+}), J = (c, a, t) => zo(Ho(c), t, a);
+var B = (c, a, t) => new Promise((i, s) => {
   var o = (v) => {
     try {
       p(t.next(v));
@@ -31,11 +31,11 @@ var $ = (c, a, t) => new Promise((i, s) => {
   }, p = (v) => v.done ? i(v.value) : Promise.resolve(v.value).then(o, u);
   p((t = t.apply(c, a)).next());
 });
-import { L as Lr, V as $o, i as Bo, C as Go, A as Ko, a as qo, b as Vo } from "./D1E3hbbb.js";
+import { L as Tr, V as $o, i as Go, C as Ko, A as qo, a as Vo, b as Xo } from "./CQiPSKHx.js";
 import { E as ds } from "./Bx7s5QdT.js";
-import { CastSender as Xo } from "./cast-sender.js";
-import { A as jo, d as Yo } from "./CPEMXA01.js";
-const on = 1e3, ln = on * 1e3, gr = ln * 1e3, nn = (c, a, t) => c % a === 0 ? c / a : (c / a).toFixed(t), Jo = (c, a = 1) => c >= gr ? `${nn(c, gr, a)} Gbit/s` : c >= ln ? `${nn(c, ln, a)} Mbit/s` : c >= on ? `${nn(c, on, a)} Kbit/s` : `${c} bit/s`, Wo = ({ width: c, height: a }) => `${c}x${a}`, Qo = ({
+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 = ({
   title: c,
   subTitle: a = "Live stream",
   poster: t
@@ -83,10 +83,11 @@ const on = 1e3, ln = on * 1e3, gr = ln * 1e3, nn = (c, a, t) => c % a === 0 ? c
   PIP_ENABLED: "pip",
   FULLSCREEN_ENABLED: "fullscreen",
   VU_METER_ENABLED: "vu-meter",
+  TIMESHIFT_ENABLED: "timeshift",
+  TIMESHIFT_POSITION: "timeshift-position",
   POSTER_SRC: "poster-src",
-  TIMESHIFT: "timeshift",
   DURATION: "duration"
-}, wr = Object.values(r), k = {
+}, Lr = Object.values(r), k = {
   PLAY: "play",
   PAUSE: "pause",
   MUTE: "mute",
@@ -108,20 +109,20 @@ const on = 1e3, ln = on * 1e3, gr = ln * 1e3, nn = (c, a, t) => c % a === 0 ? c
   SEEK: "seek",
   GO_LIVE: "go-live"
 };
-function Tr(c) {
+function wr(c) {
   return c === "audio" || c === "video" || c === "audio+video" ? c : "audio+video";
 }
 function rn(c) {
   return c === "trace" || c === "debug" || c === "info" || c === "warn" || c === "error" || c === "off" ? c : "off";
 }
-function Zo(c) {
+function tl(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 tl(c) {
+function el(c) {
   if (c !== null)
     try {
       const a = JSON.parse(c);
@@ -134,7 +135,7 @@ function tl(c) {
       return;
     }
 }
-function el(c) {
+function il(c) {
   if (c !== null)
     try {
       const a = JSON.parse(c);
@@ -160,7 +161,7 @@ function Wt(c) {
 function x(c) {
   return typeof c == "string";
 }
-function H(c, a) {
+function D(c, a) {
   if (c === null)
     return a != null ? a : void 0;
   const t = c.toLowerCase();
@@ -348,7 +349,7 @@ li = new WeakSet(), dn = function() {
   r.IS_AIRPLAYING
 ]);
 let hn = Ve;
-const Nr = document.createElement("template"), il = (
+const Nr = document.createElement("template"), sl = (
   /* SVG */
   `
 <svg width="24" height="24" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
@@ -403,7 +404,7 @@ Nr.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="icon">${il}</slot>
+  <slot name="icon">${sl}</slot>
 `;
 var Ee;
 class Rr extends HTMLElement {
@@ -622,17 +623,17 @@ class Fr extends HTMLElement {
   }
 }
 ye = new WeakMap(), ke = new WeakMap(), m(Fr, "observedAttributes", [r.IS_CASTING, r.CAST_RECEIVER_NAME]);
-function Hr(c = document) {
+function Or(c = document) {
   const a = c == null ? void 0 : c.activeElement;
   if (!a) return null;
   if (a.shadowRoot) {
-    const t = Hr(a.shadowRoot);
+    const t = Or(a.shadowRoot);
     return t != null ? t : a;
   }
   return a;
 }
-const Or = document.createElement("template");
-Or.innerHTML = /* HTML */
+const Hr = document.createElement("template");
+Hr.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -706,7 +707,7 @@ class hr extends HTMLElement {
     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(Or.content.cloneNode(!0));
+    d(this, se, document.createElement("span")), e(this, se).className = "channel-title", t.appendChild(e(this, se)), t.appendChild(Hr.content.cloneNode(!0));
   }
   attributeChangedCallback(t, i, s) {
     if (i !== s)
@@ -796,8 +797,8 @@ zr.innerHTML = /* HTML */
     <slot name="grid" id="grid"></slot>
   </div>
 `;
-var Rt, Ut, Ie, X, _, Le, hi, di, ci, S, Br, Gr, Kr, pn, qr, Vr, Xr, jr, Yr, Jr, Wr, Be;
-class $r extends HTMLElement {
+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 {
   constructor() {
     super();
     l(this, S);
@@ -806,7 +807,7 @@ class $r extends HTMLElement {
     l(this, Ie, []);
     l(this, X, []);
     l(this, _);
-    l(this, Le);
+    l(this, Te);
     l(this, hi);
     l(this, di);
     l(this, ci);
@@ -821,7 +822,7 @@ class $r extends HTMLElement {
   }
   connectedCallback() {
     var t, i, s;
-    d(this, Ut, this.closest("vindral-controller")), (t = e(this, Ut)) == null || t.connectListener(this), n(this, S, Br).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(() => {
+    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);
     }, 1e4));
   }
@@ -840,7 +841,7 @@ class $r extends HTMLElement {
           d(this, Ie, JSON.parse(s)), n(this, S, pn).call(this);
           break;
         case "authentication-token":
-          d(this, Le, s);
+          d(this, Te, s);
           break;
       }
   }
@@ -849,10 +850,10 @@ class $r extends HTMLElement {
   }
   focus() {
     var t;
-    d(this, di, Hr()), (t = e(this, _)) == null || t.focus();
+    d(this, di, Or()), (t = e(this, _)) == null || t.focus();
   }
 }
-Rt = new WeakMap(), Ut = new WeakMap(), Ie = new WeakMap(), X = new WeakMap(), _ = new WeakMap(), Le = new WeakMap(), hi = new WeakMap(), di = new WeakMap(), ci = new WeakMap(), S = new WeakSet(), Br = function() {
+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() {
   d(this, Rt, new IntersectionObserver(
     (t) => {
       t.forEach((i) => {
@@ -899,7 +900,7 @@ Rt = new WeakMap(), Ut = new WeakMap(), Ie = new WeakMap(), X = new WeakMap(), _
   i.isLive ? t.removeAttribute("offline") : t.setAttribute("offline", ""), t.setAttribute("url", i.thumbnailUrls[0] || ""), t.setAttribute("title", i.name);
 }, Vr = function(t, i) {
   const s = document.createElement("vindral-channel-grid-item");
-  return s.setAttribute("url", t.thumbnailUrls[0] || ""), s.setAttribute("title", t.name), e(this, Le) && s.setAttribute("authentication-token", e(this, Le)), t.isLive || s.setAttribute("offline", ""), t.channelId === i && (s.setAttribute("aria-selected", "true"), d(this, _, s)), s.tabIndex = -1, s.onclick = () => n(this, S, Yr).call(this, t), { element: s, thumbnail: t.thumbnailUrls[0] || "", id: t.channelId };
+  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) {
   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"));
@@ -921,19 +922,19 @@ Rt = new WeakMap(), Ut = new WeakMap(), Ie = new WeakMap(), X = new WeakMap(), _
   const u = e(this, _).getBoundingClientRect();
   switch (i) {
     case "ArrowUp":
-      if (o = n(this, S, Be).call(this, u, -1, 0), o < 0) {
+      if (o = n(this, S, $e).call(this, u, -1, 0), o < 0) {
         (p = this.parentElement) == null || p.removeAttribute("open");
         return;
       }
       break;
     case "ArrowDown":
-      o = n(this, S, Be).call(this, u, 1, 0);
+      o = n(this, S, $e).call(this, u, 1, 0);
       break;
     case "ArrowLeft":
-      o = n(this, S, Be).call(this, u, 0, -1);
+      o = n(this, S, $e).call(this, u, 0, -1);
       break;
     case "ArrowRight":
-      o = n(this, S, Be).call(this, u, 0, 1);
+      o = n(this, S, $e).call(this, u, 0, 1);
       break;
     case "Home":
       o = 0;
@@ -947,7 +948,7 @@ Rt = new WeakMap(), Ut = new WeakMap(), Ie = new WeakMap(), X = new WeakMap(), _
     if (!v) return;
     e(this, _).setAttribute("aria-selected", "false"), e(this, _).tabIndex = -1, d(this, _, v.element), e(this, _).setAttribute("aria-selected", "true"), e(this, _).tabIndex = 0, e(this, _).focus();
   }
-}, Be = function(t, i, s) {
+}, $e = function(t, i, s) {
   let o = -1, u = 1 / 0;
   return e(this, X).filter((p) => p.element.getBoundingClientRect().width > 0).forEach((p, v) => {
     const A = p.element.getBoundingClientRect(), z = i === 0 || i < 0 && A.top < t.top || i > 0 && A.top > t.top, ut = s === 0 || s < 0 && A.left < t.left || s > 0 && A.left > t.left;
@@ -956,14 +957,14 @@ Rt = new WeakMap(), Ut = new WeakMap(), Ie = new WeakMap(), X = new WeakMap(), _
       at < u && (u = at, o = v);
     }
   }), o;
-}, m($r, "observedAttributes", [
+}, m(Br, "observedAttributes", [
   r.CHANNELS,
   r.CHANNEL_ID,
   r.AUTHENTICATION_TOKEN,
   "mode",
   "hidden"
 ]);
-const sl = (
+const nl = (
   /* SVG */
   `
 <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-layout-grid" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="currentColor" stroke-linecap="round" stroke-linejoin="round">
@@ -989,47 +990,47 @@ Qr.innerHTML = /* HTML */
       display: none;
     }
   </style>
-  <slot name="button">${sl}</slot>
+  <slot name="button">${nl}</slot>
 `;
-var we, G, tt, xs, B, Zr, mn, fs, vn, fn;
+var Le, G, tt, xs, $, Zr, mn, fs, vn, fn;
 const je = class je extends rt {
   constructor() {
     var t, i;
     super();
-    l(this, B);
-    l(this, we);
+    l(this, $);
+    l(this, Le);
     l(this, G);
     l(this, tt);
     l(this, xs, (t) => {
-      t.composedPath().includes(this) || n(this, B, fs).call(this);
+      t.composedPath().includes(this) || n(this, $, fs).call(this);
     });
-    (t = this.shadowRoot) == null || t.appendChild(Qr.content.cloneNode(!0)), d(this, we, (i = this.shadowRoot) == null ? void 0 : i.querySelector("slot[name=button]"));
+    (t = this.shadowRoot) == null || t.appendChild(Qr.content.cloneNode(!0)), d(this, Le, (i = this.shadowRoot) == null ? void 0 : i.querySelector("slot[name=button]"));
   }
   connectedCallback() {
     var i;
-    super.connectedCallback(), this.setAttribute("aria-haspopup", "listbox"), this.enable(), n(this, B, vn).call(this);
+    super.connectedCallback(), this.setAttribute("aria-haspopup", "listbox"), this.enable(), n(this, $, vn).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, B, 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, $, fn).call(this);
   }
   disconnectedCallback() {
   }
   attributeChangedCallback(t, i, s) {
-    super.attributeChangedCallback(t, i, s), (t === r.CHANNEL_GROUP_ID || t === r.CHANNELS) && n(this, B, vn).call(this);
+    super.attributeChangedCallback(t, i, s), (t === r.CHANNEL_GROUP_ID || t === r.CHANNELS) && n(this, $, vn).call(this);
   }
   enable() {
     super.enable(), document.addEventListener("click", e(this, xs));
   }
   handleClick(t) {
-    n(this, B, Zr).call(this);
+    n(this, $, Zr).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);
   }
 };
-we = new WeakMap(), G = new WeakMap(), tt = new WeakMap(), xs = new WeakMap(), B = new WeakSet(), Zr = function() {
+Le = new WeakMap(), G = new WeakMap(), tt = new WeakMap(), xs = new WeakMap(), $ = new WeakSet(), Zr = function() {
   var t;
-  e(this, tt) ? e(this, tt).hasAttribute("open") ? n(this, B, fs).call(this) : n(this, B, mn).call(this) : (t = e(this, G)) != null && t.hidden ? n(this, B, mn).call(this) : n(this, B, fs).call(this), n(this, B, fn).call(this);
+  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() {
   var t;
   if (e(this, tt))
@@ -1038,7 +1039,7 @@ we = new WeakMap(), G = new WeakMap(), tt = new WeakMap(), xs = new WeakMap(), B
     if (!((t = e(this, G)) != null && t.hidden)) return;
     e(this, G).hidden = !1, e(this, G).focus();
   }
-  e(this, we).setAttribute("aria-expanded", "true");
+  e(this, Le).setAttribute("aria-expanded", "true");
 }, fs = function() {
   if (e(this, tt))
     e(this, tt).removeAttribute("open");
@@ -1046,7 +1047,7 @@ we = new WeakMap(), G = new WeakMap(), tt = new WeakMap(), xs = new WeakMap(), B
     if (!e(this, G) || e(this, G).hidden) return;
     e(this, G).hidden = !0;
   }
-  e(this, we).setAttribute("aria-expanded", "false");
+  e(this, Le).setAttribute("aria-expanded", "false");
 }, vn = function() {
   this.getAttribute(r.CHANNEL_GROUP_ID) ? this.removeAttribute("hidden") : this.setAttribute("hidden", ""), this.hasAttribute(r.CHANNELS) ? this.removeAttribute("disabled") : this.setAttribute("disabled", "");
 }, fn = function() {
@@ -1098,7 +1099,7 @@ class ea extends HTMLElement {
   }
 }
 m(ea, "observedAttributes", []);
-class nl extends ds {
+class rl extends ds {
   constructor(t) {
     super();
     m(this, "config");
@@ -1167,7 +1168,7 @@ class nl extends ds {
     return this.config.authenticationToken && t.searchParams.set("authenticationToken", this.config.authenticationToken), t.toString();
   }
   checkHlsUrl(t) {
-    return $(this, null, function* () {
+    return B(this, null, function* () {
       try {
         return (yield fetch(t, { method: "HEAD" })).ok;
       } catch (i) {
@@ -1183,14 +1184,14 @@ const ee = class ee extends ds {
     m(this, "unload", () => {
       document.removeEventListener("webkitfullscreenchange", this.onChange), document.removeEventListener("mozfullscreenchange", this.onChange), document.removeEventListener("fullscreenchange", this.onChange), this.container.removeEventListener("webkitendfullscreen", this.onChange);
     });
-    m(this, "request", () => $(this, null, function* () {
+    m(this, "request", () => B(this, null, function* () {
       try {
         yield this.requestFn();
       } catch (t) {
         throw this.onChange(), t;
       }
     }));
-    m(this, "exit", () => $(this, null, function* () {
+    m(this, "exit", () => B(this, null, function* () {
       try {
         yield this.exitFn();
       } catch (t) {
@@ -1222,21 +1223,21 @@ 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, Te, _s, Ms, ui, Se;
+var Ns, Rs, Us, Ps, we, _s, Ms, ui, Se;
 class Ar extends ds {
   constructor(t) {
     super();
     m(this, "unload", () => {
       this.element.removeEventListener("enterpictureinpicture", this.onChange), this.element.removeEventListener("leavepictureinpicture", this.onChange);
     });
-    m(this, "request", () => $(this, null, function* () {
+    m(this, "request", () => B(this, null, function* () {
       try {
         return yield e(this, Ns).call(this);
       } catch (t) {
         throw this.onChange(), t;
       }
     }));
-    m(this, "exit", () => $(this, null, function* () {
+    m(this, "exit", () => B(this, null, function* () {
       try {
         return yield e(this, Rs).call(this);
       } catch (t) {
@@ -1247,16 +1248,16 @@ class Ar extends ds {
       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, Te).call(this));
-    l(this, Ns, () => e(this, Te).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, Te).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, () => $(this, null, function* () {
+    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* () {
       yield this.element.requestPictureInPicture();
     }));
-    l(this, Ps, () => $(null, null, function* () {
+    l(this, Ps, () => B(null, null, function* () {
       yield document.exitPictureInPicture();
     }));
-    l(this, Te, () => !!this.element.requestPictureInPicture && !!document.pictureInPictureEnabled);
+    l(this, we, () => !!this.element.requestPictureInPicture && !!document.pictureInPictureEnabled);
     l(this, _s, () => !!document.pictureInPictureElement);
     l(this, Ms, () => this.element.webkitPresentationMode === "picture-in-picture");
     l(this, ui, (t) => (this.element.webkitSetPresentationMode && this.element.webkitSetPresentationMode(t), Promise.resolve()));
@@ -1267,12 +1268,29 @@ class Ar extends ds {
     return this.element;
   }
 }
-Ns = new WeakMap(), Rs = new WeakMap(), Us = new WeakMap(), Ps = new WeakMap(), Te = new WeakMap(), _s = new WeakMap(), Ms = new WeakMap(), ui = new WeakMap(), Se = new WeakMap();
+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) => {
   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) => wr.includes(i)) : [];
+  return !a && ((t = c.nodeName) != null && t.includes("-")) && (globalThis.customElements.upgrade(c), a = "observedAttributes" in c.constructor ? c.constructor.observedAttributes : void 0), Array.isArray(a) ? a.filter((i) => Lr.includes(i)) : [];
 };
+function al(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]) => {
+    const u = parseFloat(s != null ? s : "0");
+    switch ((o != null ? o : "").toLowerCase()) {
+      case "h":
+        return i + u * 3600;
+      case "m":
+        return i + u * 60;
+      case "s":
+        return i + u;
+      default:
+        return i;
+    }
+  }, 0);
+}
 class kr extends ds {
   constructor(t) {
     super();
@@ -1336,83 +1354,14 @@ class kr extends ds {
     return this.source instanceof HTMLMediaElement;
   }
 }
-const ia = document.createElement("template");
-ia.innerHTML = /* HTML */
-`
-  <style>
-    :host {
-      position: relative;
-    }
-
-    :host([hidden]) {
-      display: none;
-    }
-  </style>
-`;
-var Ce, xe, W, pi, Ds, Fs, $e, sa, na;
-class dr extends rt {
-  constructor() {
-    var t;
-    super();
-    l(this, $e);
-    l(this, Ce);
-    l(this, xe);
-    l(this, W);
-    l(this, pi, null);
-    l(this, Ds, (t) => {
-      t.composedPath().includes(this) || this.hide();
-    });
-    l(this, Fs, () => {
-      this.hide();
-    });
-    (t = this.shadowRoot) == null || t.appendChild(ia.content.cloneNode(!0));
-  }
-  connectedCallback() {
-    var u, p, v, A;
-    super.connectedCallback(), this.setAttribute("role", "button"), this.setAttribute("aria-haspopup", "listbox");
-    const t = (u = this.getAttribute("list-position")) != null ? u : "top";
-    (p = e(this, xe)) == null || p.setAttribute("list-position", t);
-    const i = this.getRootNode(), o = [...(A = (v = this.shadowRoot) == null ? void 0 : v.querySelectorAll(":not(:defined)")) != null ? A : []].map((z) => customElements.whenDefined(z.localName));
-    Promise.all(o).then(() => {
-      var z;
-      (i instanceof Document || i instanceof ShadowRoot) && (d(this, pi, i.querySelector("vindral-controller")), (z = e(this, pi)) == null || z.connectListener(this));
-    });
-  }
-  set button(t) {
-    d(this, Ce, t);
-  }
-  set listbox(t) {
-    d(this, xe, t);
-  }
-  set listboxSlot(t) {
-    d(this, W, t);
-  }
-  enable() {
-    super.enable(), this.addEventListener("change", e(this, Fs)), document.addEventListener("click", e(this, Ds));
-  }
-  hide() {
-    var t, i;
-    !e(this, W) || (t = e(this, W)) != null && t.hidden || (e(this, W).hidden = !0, (i = e(this, Ce)) == 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, $e, sa).call(this);
-  }
-}
-Ce = new WeakMap(), xe = new WeakMap(), W = new WeakMap(), pi = new WeakMap(), Ds = new WeakMap(), Fs = new WeakMap(), $e = new WeakSet(), sa = function() {
-  var t;
-  (t = e(this, W)) != null && t.hidden ? n(this, $e, na).call(this) : this.hide();
-}, na = function() {
-  var t, i, s;
-  (t = e(this, W)) != null && t.hidden && (e(this, W).hidden = !1, (i = e(this, Ce)) == null || i.setAttribute("aria-expanded", "true"), (s = e(this, xe)) == null || s.focus(), this.dispatchEvent(new CustomEvent(k.LOCK_UI, { bubbles: !0, composed: !0 })));
-};
-var f, M, T, Ne, bt, mt, Pt, ne, _t, et, bi, Re, C, L, ra, gn, aa, En, An, oa, la, ha, da, ca, ua, Hs, Os, Ge, Qt;
-class rl {
+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 {
   constructor(a, t) {
-    l(this, L);
+    l(this, T);
     l(this, f);
     l(this, M);
-    l(this, T);
-    l(this, Ne);
+    l(this, w);
+    l(this, Ce);
     l(this, bt);
     m(this, "userPaused", !0);
     l(this, mt);
@@ -1420,41 +1369,41 @@ class rl {
     l(this, ne, !1);
     l(this, _t, !1);
     l(this, et, null);
-    l(this, bi, 0);
-    l(this, Re, !1);
-    l(this, C, Lr.get().createContext("HlsPlayer"));
-    l(this, Hs, () => {
-      e(this, f).readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && !e(this, f).paused && n(this, L, Ge).call(this, !1);
+    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, Os, () => {
-      e(this, f).readyState >= HTMLMediaElement.HAVE_FUTURE_DATA && n(this, L, Ge).call(this, !1);
+    l(this, Fs, () => {
+      e(this, f).readyState >= HTMLMediaElement.HAVE_FUTURE_DATA && n(this, T, Ge).call(this, !1);
     });
     d(this, M, a), d(this, Pt, t == null ? void 0 : t.maxVideoBitRate), e(this, M).style.position = "absolute", e(this, M).style.top = "0", e(this, M).style.left = "0", e(this, M).style.width = "100%", e(this, M).style.height = "100%", e(this, M).style.opacity = "0", e(this, M).style.pointerEvents = "none", e(this, M).style.transition = "opacity 0.12s linear";
     const i = document.createElement("video");
-    d(this, f, i), a.appendChild(e(this, f)), e(this, f).style.width = "100%", e(this, f).style.height = "100%", e(this, f).setAttribute("playsinline", ""), e(this, f).setAttribute("webkit-playsinline", ""), e(this, f).setAttribute("preload", "metadata"), n(this, L, ua).call(this), d(this, Re, e(this, f).muted), (t == null ? void 0 : t.volume) !== void 0 && (this.volume = t.volume), (t == null ? void 0 : t.muted) !== void 0 && (this.muted = t.muted);
+    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);
   }
   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);
   }
   play() {
-    return $(this, null, function* () {
+    return B(this, null, function* () {
       try {
-        return e(this, T) ? (this.userPaused = !1, yield e(this, f).play()) : Promise.reject("HLS not initialized");
+        return e(this, w) ? (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);
       }
     });
   }
   seek(a) {
-    return $(this, null, function* () {
+    return B(this, null, function* () {
       if (e(this, C).debug("HlsPlayer seek to", a.time), !Number.isFinite(a.time)) {
         d(this, et, null);
         return;
       }
-      if (d(this, et, a.time > 0.1 ? a.time : null), this.isActive() && e(this, T))
-        n(this, L, An).call(this, a.time);
+      if (d(this, et, a.time > 0.1 ? a.time : null), this.isActive() && e(this, w))
+        n(this, T, An).call(this, a.time);
       else
-        return n(this, L, oa).call(this, a);
+        return n(this, T, na).call(this, a);
     });
   }
   shouldIgnoreTimeupdate() {
@@ -1475,7 +1424,7 @@ class rl {
     return e(this, M).style.opacity === "1" || e(this, M).classList.contains("active");
   }
   cleanup() {
-    n(this, L, En).call(this), e(this, mt) && (cancelAnimationFrame(e(this, mt)), d(this, mt, void 0)), d(this, et, null);
+    n(this, T, En).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);
@@ -1505,10 +1454,10 @@ class rl {
     return e(this, f).volume;
   }
   set muted(a) {
-    d(this, Re, a), e(this, f).muted = a;
+    d(this, xe, a), e(this, f).muted = a;
   }
   get muted() {
-    return e(this, Re);
+    return e(this, xe);
   }
   set currentTime(a) {
     e(this, f).currentTime = a;
@@ -1526,17 +1475,17 @@ class rl {
     return e(this, Pt);
   }
   set maxVideoBitRate(a) {
-    d(this, Pt, a), a !== void 0 && e(this, T) && n(this, L, gn).call(this, a);
+    d(this, Pt, a), a !== void 0 && e(this, w) && n(this, T, gn).call(this, a);
   }
 }
-f = new WeakMap(), M = new WeakMap(), T = new WeakMap(), Ne = new WeakMap(), bt = new WeakMap(), mt = new WeakMap(), Pt = new WeakMap(), ne = new WeakMap(), _t = new WeakMap(), et = new WeakMap(), bi = new WeakMap(), Re = new WeakMap(), C = new WeakMap(), L = new WeakSet(), ra = function() {
-  return $(this, null, function* () {
+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() {
+  return B(this, null, function* () {
     const { default: a } = yield import("./CZNJPKf5.js");
-    if (d(this, Ne, a), !a.isSupported()) {
+    if (d(this, Ce, a), !a.isSupported()) {
       e(this, C).warn("HLS not supported");
       return;
     }
-    d(this, T, new a({
+    d(this, w, new a({
       capLevelToPlayerSize: !0,
       enableWorker: !0,
       backBufferLength: 30,
@@ -1556,78 +1505,78 @@ f = new WeakMap(), M = new WeakMap(), T = new WeakMap(), Ne = new WeakMap(), bt
       startFragPrefetch: !0,
       testBandwidth: !1,
       debug: !1
-    })), e(this, T).attachMedia(e(this, f)), e(this, T).on(a.Events.MEDIA_ATTACHED, () => e(this, C).debug("[HLS] media attached")), e(this, T).on(a.Events.MANIFEST_PARSED, () => e(this, C).debug("[HLS] manifest parsed")), e(this, T).on(a.Events.ERROR, (t, i) => {
-      e(this, C).error("[HLS] error:", i), i.fatal && n(this, L, aa).call(this, i);
-    }), e(this, T).on(a.Events.MANIFEST_PARSED, () => {
+    })), 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, () => {
       var t;
-      !e(this, Pt) || ((t = e(this, T)) == null ? void 0 : t.levels.length) === 0 || n(this, L, gn).call(this, e(this, Pt));
-    }), e(this, T).on(a.Events.LEVEL_SWITCHED, () => {
+      !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, () => {
       var t, i;
       e(this, C).debug(
         "Level switched:",
-        (t = e(this, T)) == null ? void 0 : t.currentLevel,
+        (t = e(this, w)) == null ? void 0 : t.currentLevel,
         "max:",
         this.maxVideoBitRate,
         "autoLevelCapping:",
-        (i = e(this, T)) == null ? void 0 : i.autoLevelCapping
+        (i = e(this, w)) == null ? void 0 : i.autoLevelCapping
       );
     });
   });
 }, gn = function(a) {
   var s;
-  if (!e(this, T)) {
+  if (!e(this, w)) {
     e(this, C).warn("HLS not initialized, cannot set bitrate cap");
     return;
   }
-  let t = e(this, T).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, w).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, T).levels[0]) == null ? void 0 : s.bitrate)
+    "No level fits under bitrate cap: " + a + ", defaulting to lowest level: " + ((s = e(this, w).levels[0]) == null ? void 0 : s.bitrate)
   ));
-  const i = e(this, T).currentLevel;
-  e(this, T).autoLevelCapping = t, i !== t && (e(this, C).debug(`Current level ${i} exceeds cap ${t}, forcing immediate switch`), e(this, T).currentLevel = t);
-}, aa = function(a) {
+  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) {
   var i, s;
-  if (!e(this, Ne)) {
+  if (!e(this, Ce)) {
     e(this, C).error("Hls class not available for error handling");
     return;
   }
-  const t = e(this, Ne);
+  const t = e(this, Ce);
   switch (a.type) {
     case t.ErrorTypes.NETWORK_ERROR:
-      e(this, C).warn("[HLS] network error -> startLoad"), (i = e(this, T)) == null || i.startLoad();
+      e(this, C).warn("[HLS] network error -> startLoad"), (i = e(this, w)) == null || i.startLoad();
       break;
     case t.ErrorTypes.MEDIA_ERROR:
-      e(this, C).warn("[HLS] media error -> recoverMediaError"), (s = e(this, T)) == null || s.recoverMediaError();
+      e(this, C).warn("[HLS] media error -> recoverMediaError"), (s = e(this, w)) == null || s.recoverMediaError();
       break;
     default:
-      e(this, C).error("[HLS] fatal -> destroy"), n(this, L, En).call(this);
+      e(this, C).error("[HLS] fatal -> destroy"), n(this, T, En).call(this);
       break;
   }
 }, En = function() {
-  e(this, T) && (e(this, T).destroy(), d(this, T, void 0));
+  e(this, w) && (e(this, w).destroy(), d(this, w, void 0));
 }, An = function(a) {
   if (!Number.isFinite(a)) {
     d(this, et, null);
     return;
   }
-  const t = n(this, L, ca).call(this, e(this, f), a);
+  const t = n(this, T, la).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;
   }));
-}, oa = function(a) {
-  return $(this, null, function* () {
-    const { time: t, playWhenReady: i = !0 } = a || {}, s = ++fr(this, bi)._;
+}, na = function(a) {
+  return B(this, null, function* () {
+    const { time: t, playWhenReady: i = !0 } = a || {}, s = ++fr(this, pi)._;
     if (!e(this, bt)) {
       e(this, C).warn("No timeshift URL");
       return;
     }
-    if (!e(this, T) && (yield n(this, L, ra).call(this), !n(this, L, Qt).call(this, s)))
+    if (!e(this, w) && (yield n(this, T, ia).call(this), !n(this, T, Qt).call(this, s)))
       return;
-    d(this, ne, !1), d(this, _t, !1), e(this, T) && (!e(this, T).url || e(this, T).url !== e(this, bt)) && (e(this, C).debug("Loading timeshift URL", e(this, bt)), e(this, T).loadSource(e(this, bt)));
+    d(this, ne, !1), d(this, _t, !1), e(this, w) && (!e(this, w).url || e(this, w).url !== e(this, bt)) && (e(this, C).debug("Loading timeshift URL", e(this, bt)), e(this, w).loadSource(e(this, bt)));
     const o = this.muted;
-    e(this, f).muted = !0, yield n(this, L, la).call(this), n(this, L, Qt).call(this, s) && (n(this, L, An).call(this, t), !(i && (yield this.play(), !n(this, L, Qt).call(this, s))) && n(this, L, ha).call(this, o, s));
+    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));
   });
-}, la = function() {
+}, ra = 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 = () => {
@@ -1637,15 +1586,15 @@ f = new WeakMap(), M = new WeakMap(), T = new WeakMap(), Ne = new WeakMap(), bt
     }, 2e4);
     e(this, f).addEventListener("loadedmetadata", t);
   });
-}, ha = function(a, t) {
+}, aa = 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, L, Qt).call(this, t) || (d(this, _t, !0), e(this, C).debug("Revealing timeshift video"), e(this, M).classList.add("active"), e(this, M).style.opacity = "1", e(this, M).style.pointerEvents = "auto", e(this, f).dispatchEvent(
+    e(this, ne) || e(this, _t) || !n(this, T, Qt).call(this, t) || (d(this, _t, !0), e(this, C).debug("Revealing timeshift video"), e(this, M).classList.add("active"), e(this, M).style.opacity = "1", e(this, M).style.pointerEvents = "auto", e(this, f).dispatchEvent(
       new CustomEvent("timeshiftready", {
         detail: { activationId: t }
       })
-    ), a || n(this, L, da).call(this, t));
+    ), a || n(this, T, oa).call(this, t));
   }, u = () => {
-    e(this, ne) || e(this, _t) || !n(this, L, Qt).call(this, t) || s() && (v(), o());
+    e(this, ne) || e(this, _t) || !n(this, T, Qt).call(this, t) || s() && (v(), o());
   };
   let p = !1;
   const v = () => {
@@ -1659,9 +1608,9 @@ f = new WeakMap(), M = new WeakMap(), T = new WeakMap(), Ne = new WeakMap(), bt
   const A = setTimeout(() => {
     e(this, C).debug("Timeout reached, forcing reveal"), v(), o();
   }, 2e3);
-}, da = function(a) {
+}, oa = function(a) {
   const t = () => {
-    n(this, L, Qt).call(this, a) && (e(this, f).muted = !1);
+    n(this, T, Qt).call(this, a) && (e(this, f).muted = !1);
   };
   "requestVideoFrameCallback" in e(this, f) ? e(this, f).requestVideoFrameCallback(() => {
     setTimeout(() => {
@@ -1670,15 +1619,15 @@ f = new WeakMap(), M = new WeakMap(), T = new WeakMap(), Ne = new WeakMap(), bt
   }) : setTimeout(() => {
     t();
   }, 120);
-}, ca = function(a, t) {
+}, la = 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));
-}, ua = function() {
+}, ha = function() {
   const a = ["waiting", "seeking", "stalled", "loadstart"], t = ["canplay", "canplaythrough", "seeked", "loadeddata"];
-  a.forEach((i) => e(this, f).addEventListener(i, () => n(this, L, Ge).call(this, !0))), t.forEach((i) => e(this, f).addEventListener(i, () => n(this, L, Ge).call(this, !1))), e(this, f).addEventListener("timeupdate", e(this, Hs)), e(this, f).addEventListener("progress", e(this, Os));
-}, Hs = new WeakMap(), Os = new WeakMap(), Ge = function(a) {
+  a.forEach((i) => e(this, f).addEventListener(i, () => n(this, T, Ge).call(this, !0))), t.forEach((i) => e(this, f).addEventListener(i, () => n(this, T, Ge).call(this, !1))), e(this, f).addEventListener("timeupdate", e(this, Ds)), e(this, f).addEventListener("progress", e(this, Fs));
+}, Ds = new WeakMap(), Fs = 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", {
@@ -1687,9 +1636,78 @@ f = new WeakMap(), M = new WeakMap(), T = new WeakMap(), Ne = new WeakMap(), bt
     })
   );
 }, Qt = function(a) {
-  return e(this, bi) === a;
+  return e(this, pi) === a;
+};
+const da = document.createElement("template");
+da.innerHTML = /* HTML */
+`
+  <style>
+    :host {
+      position: relative;
+    }
+
+    :host([hidden]) {
+      display: none;
+    }
+  </style>
+`;
+var Ne, Re, W, bi, Os, Hs, Be, ca, ua;
+class dr extends rt {
+  constructor() {
+    var t;
+    super();
+    l(this, Be);
+    l(this, Ne);
+    l(this, Re);
+    l(this, W);
+    l(this, bi, null);
+    l(this, Os, (t) => {
+      t.composedPath().includes(this) || this.hide();
+    });
+    l(this, Hs, () => {
+      this.hide();
+    });
+    (t = this.shadowRoot) == null || t.appendChild(da.content.cloneNode(!0));
+  }
+  connectedCallback() {
+    var u, p, v, A;
+    super.connectedCallback(), this.setAttribute("role", "button"), this.setAttribute("aria-haspopup", "listbox");
+    const t = (u = this.getAttribute("list-position")) != null ? u : "top";
+    (p = e(this, Re)) == null || p.setAttribute("list-position", t);
+    const i = this.getRootNode(), o = [...(A = (v = this.shadowRoot) == null ? void 0 : v.querySelectorAll(":not(:defined)")) != null ? A : []].map((z) => customElements.whenDefined(z.localName));
+    Promise.all(o).then(() => {
+      var z;
+      (i instanceof Document || i instanceof ShadowRoot) && (d(this, bi, i.querySelector("vindral-controller")), (z = e(this, bi)) == null || z.connectListener(this));
+    });
+  }
+  set button(t) {
+    d(this, Ne, t);
+  }
+  set listbox(t) {
+    d(this, Re, t);
+  }
+  set listboxSlot(t) {
+    d(this, W, t);
+  }
+  enable() {
+    super.enable(), this.addEventListener("change", e(this, Hs)), document.addEventListener("click", e(this, Os));
+  }
+  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);
+  }
+}
+Ne = new WeakMap(), Re = new WeakMap(), W = new WeakMap(), bi = new WeakMap(), Os = new WeakMap(), Hs = new WeakMap(), Be = new WeakSet(), ca = function() {
+  var t;
+  (t = e(this, W)) != null && t.hidden ? n(this, Be, ua).call(this) : this.hide();
+}, ua = 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 al {
+class ll {
   constructor(a) {
     this.vindral = a;
   }
@@ -1700,7 +1718,7 @@ class al {
     return this.vindral.muted;
   }
   play() {
-    return $(this, null, function* () {
+    return B(this, null, function* () {
       var a;
       return (a = this.vindral) == null || a.play(), Promise.resolve();
     });
@@ -1880,23 +1898,6 @@ class ni extends HTMLElement {
   }
 }
 Ue = new WeakMap(), Pe = new WeakMap(), m(ni, "observedAttributes", ["disabled"]);
-function ol(c) {
-  if (typeof c != "string") return NaN;
-  const a = /(\d+(?:\.\d+)?)([hms])/gi, t = [...c.matchAll(a)];
-  return t.length === 0 ? NaN : t.reduce((i, [, s, o]) => {
-    const u = parseFloat(s != null ? s : "0");
-    switch ((o != null ? o : "").toLowerCase()) {
-      case "h":
-        return i + u * 3600;
-      case "m":
-        return i + u * 60;
-      case "s":
-        return i + u;
-      default:
-        return i;
-    }
-  }, 0);
-}
 const ba = document.createElement("template");
 ba.innerHTML = /* HTML */
 `
@@ -1952,6 +1953,7 @@ ba.innerHTML = /* HTML */
       --buffering-overlay-display: var(--vindral-buffering-overlay-display, flex);
       --poster-overlay-display: var(--vindral-poster-overlay-display, flex);
       --live-button-display: var(--vindral-live-button-display, flex);
+      --seek-bar-display: var(--vindral-seek-bar-display, flex);
 
       position: relative;
       display: flex;
@@ -2090,7 +2092,7 @@ ba.innerHTML = /* HTML */
   </div>
 `;
 const an = ["ArrowDown", "ArrowLeft", "ArrowRight", "Tab", "Enter", " ", "f", "m"];
-var zs, vt, mi, Mt, Dt, vi, b, O, re, g, fi, ot, ft, Ft, $s, K, gt, ae, it, j, Et, gi, Ei, D, Ht, Ot, h, yn, Bs, Gs, Ai, yi, ki, Ii, Li, wi, Ti, Si, Ci, Ks, kn, In, xi, Ni, Ri, qs, Ui, Pi, _i, Mi, ma, Ln, Di, wn, va, gs, fa, ga, Es, Ea, Tn, Aa, ya, ka, Fi, Ia, La, wa, Ta, Hi, Vs, Xs, Sa, Oi, js, Ys, oe, Sn, Cn, As, xt, ys, ks, Ca, xn, Js, Ws, Nn, E, w;
+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 Ye = class Ye extends HTMLElement {
   constructor() {
     var s;
@@ -2102,14 +2104,14 @@ const Ye = class Ye extends HTMLElement {
     l(this, Dt, null);
     l(this, vi);
     l(this, b);
-    l(this, O);
+    l(this, H);
     l(this, re);
     l(this, g);
     l(this, fi, e(Ye, zs));
     l(this, ot);
     l(this, ft);
     l(this, Ft);
-    l(this, $s);
+    l(this, Bs);
     l(this, K);
     l(this, gt);
     l(this, ae);
@@ -2118,11 +2120,11 @@ const Ye = class Ye extends HTMLElement {
     l(this, Et);
     l(this, gi);
     l(this, Ei);
-    l(this, D);
-    l(this, Ht, null);
-    l(this, Ot, !1);
+    l(this, F);
+    l(this, Ot, null);
+    l(this, Ht, !1);
     // Store references to listener functions for removal
-    l(this, Bs, (t) => {
+    l(this, $s, (t) => {
       const i = t.filter((s) => {
         var o;
         return (o = s.video) == null ? void 0 : o.width;
@@ -2135,43 +2137,43 @@ const Ye = class Ye extends HTMLElement {
     l(this, Ai, (t) => {
       switch (t) {
         case "playing":
-          n(this, h, w).call(this, r.PAUSED), n(this, h, w).call(this, r.BUFFERING);
+          n(this, h, L).call(this, r.PAUSED), n(this, h, L).call(this, r.BUFFERING);
           break;
         case "paused":
-          n(this, h, E).call(this, r.PAUSED, ""), n(this, h, w).call(this, r.BUFFERING);
+          n(this, h, E).call(this, r.PAUSED, ""), n(this, h, L).call(this, r.BUFFERING);
           break;
         case "buffering":
-          n(this, h, w).call(this, r.PAUSED), n(this, h, E).call(this, r.BUFFERING, "");
+          n(this, h, L).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, w).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, L).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, w).call(this, r.BUFFERING);
+      this.setAttribute(r.CHANNEL_ID, t), ((i = e(this, b)) == null ? void 0 : i.playbackState) !== "buffering" && n(this, h, L).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, w).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, L).call(this, r.BUFFERING);
     });
-    l(this, Li, (t) => {
+    l(this, Ti, (t) => {
       d(this, oe, Date.now()), n(this, h, E).call(this, r.CHANNELS, JSON.stringify(t));
     });
-    l(this, wi, (t) => {
+    l(this, Li, (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, Ti, (t) => {
+    l(this, wi, (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, w).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, w).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, 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));
     });
     l(this, Ci, (t) => {
-      t || n(this, h, w).call(this, r.BUFFERING);
+      t || n(this, h, L).call(this, r.BUFFERING);
     });
     l(this, Ks, (t) => {
       var z;
@@ -2180,23 +2182,23 @@ const Ye = class Ye extends HTMLElement {
       const o = new URL(i[0]);
       o.searchParams.set("channelId", (z = e(this, ot)) != null ? z : "");
       const u = this.getAttribute("authentication-token");
-      u && o.searchParams.set("authenticationToken", u);
-      const p = ol(s);
+      u && o.searchParams.set("authToken", u);
+      const p = al(s);
       if (isNaN(p)) {
-        e(this, D).error(`Invalid duration format: ${s}`);
+        e(this, F).error(`Invalid duration format: ${s}`);
         return;
       }
       const v = Math.floor(Date.now() / 1e3), A = new Date((v - p) * 1e3).toISOString();
       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, w).call(this, r.PAUSED), n(this, h, w).call(this, r.BUFFERING);
+      n(this, h, L).call(this, r.PAUSED), n(this, h, L).call(this, r.BUFFERING);
     });
     l(this, Ni, () => {
-      n(this, h, E).call(this, r.PAUSED, ""), n(this, h, w).call(this, r.BUFFERING);
+      n(this, h, E).call(this, r.PAUSED, ""), n(this, h, L).call(this, r.BUFFERING);
     });
     l(this, Ri, () => {
-      e(this, Oi).call(this), n(this, h, w).call(this, r.BUFFERING);
+      e(this, Hi).call(this), n(this, h, L).call(this, r.BUFFERING);
     });
     l(this, qs, () => {
       if (!e(this, g)) return;
@@ -2208,24 +2210,24 @@ const Ye = class Ye extends HTMLElement {
       if (!e(this, g) || e(this, g).seeking || (s = (i = e(this, g)).shouldIgnoreTimeupdate) != null && s.call(i))
         return;
       const t = e(this, g).currentTime;
-      t != null && n(this, h, E).call(this, r.TIMESHIFT, t.toString());
+      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, w).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, L).call(this, r.MUTED));
     });
     l(this, _i, () => {
       n(this, h, E).call(this, r.BUFFERING, "");
     });
     l(this, Mi, () => {
-      n(this, h, w).call(this, r.BUFFERING);
+      n(this, h, L).call(this, r.BUFFERING);
     });
     l(this, Di, () => {
-      if (e(this, Ot)) {
-        if (e(this, O) !== e(this, g)) {
-          d(this, Ot, !1);
+      if (e(this, Ht)) {
+        if (e(this, H) !== e(this, g)) {
+          d(this, Ht, !1);
           return;
         }
-        d(this, Ot, !1), n(this, h, ys).call(this);
+        d(this, Ht, !1), n(this, h, ys).call(this);
       }
     });
     l(this, Fi, 0);
@@ -2238,16 +2240,16 @@ const Ye = class Ye extends HTMLElement {
           n(this, h, Ia).call(this, t);
           break;
         case "pointerup":
-          n(this, h, La).call(this, t);
+          n(this, h, Ta).call(this, t);
           break;
         case "mouseleave":
           n(this, h, xt).call(this);
           break;
         case "dblclick":
-          n(this, h, wa).call(this, t);
+          n(this, h, La).call(this, t);
           break;
         case "mousemove":
-          n(this, h, Ta).call(this, t);
+          n(this, h, wa).call(this, t);
           break;
         case "keydown":
           e(this, Xs).call(this, t);
@@ -2257,9 +2259,9 @@ const Ye = class Ye extends HTMLElement {
           break;
       }
     });
-    l(this, Hi, (t) => {
+    l(this, Oi, (t) => {
       var i;
-      if (e(this, b) && (e(this, D).debug("Vindral event", { type: t.type }), t instanceof CustomEvent))
+      if (e(this, b) && (e(this, F).debug("Vindral event", { type: t.type }), t instanceof CustomEvent))
         switch (t.type) {
           case k.PLAY:
             this.removeAttribute(r.PAUSED);
@@ -2292,11 +2294,11 @@ const Ye = class Ye extends HTMLElement {
             }
             break;
           case k.CHANNEL_GRID_OPENED: {
-            e(this, Ht) === null && n(this, h, Sn).call(this);
+            e(this, Ot) === null && n(this, h, Sn).call(this);
             break;
           }
           case k.CHANNEL_GRID_CLOSED: {
-            e(this, Ht) !== null && (clearTimeout(e(this, Ht)), d(this, Ht, null));
+            e(this, Ot) !== null && (clearTimeout(e(this, Ot)), d(this, Ot, null));
             break;
           }
           case k.ENTER_PIP:
@@ -2327,7 +2329,7 @@ const Ye = class Ye extends HTMLElement {
             this.handleTimeShiftUpdate(String(t.detail));
             break;
           case k.GO_LIVE:
-            e(this, Oi).call(this);
+            e(this, Hi).call(this);
             break;
         }
     });
@@ -2343,16 +2345,16 @@ const Ye = class Ye extends HTMLElement {
       const { metaKey: i, altKey: s, key: o } = t;
       i || s || !an.includes(o) || this.addEventListener("keyup", this, { once: !0 });
     });
-    l(this, Oi, () => {
-      this.removeAttribute(r.TIMESHIFT), this.handleTimeShiftUpdate(!1);
+    l(this, Hi, () => {
+      this.removeAttribute(r.TIMESHIFT_POSITION), this.handleTimeShiftUpdate(!1);
     });
     l(this, js, (t) => {
       var i;
-      e(this, g) || n(this, h, Ln).call(this), e(this, O) !== e(this, g) && (t && n(this, h, ks).call(this), d(this, O, 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, Ot, t));
+      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));
     });
     l(this, Ys, (t) => {
       var i, s, o, u;
-      t && n(this, h, ks).call(this), (i = e(this, g)) == null || i.hide(), d(this, O, e(this, re)), n(this, h, gs).call(this), this.hasAttribute(r.PAUSED) ? (s = e(this, O)) == null || s.pause() : (o = e(this, O)) == null || o.play(), n(this, h, wn).call(this), n(this, h, kn).call(this), (u = e(this, g)) == null || u.pause(), t && (d(this, Ot, !1), setTimeout(() => {
+      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);
       }, 100));
     });
@@ -2366,7 +2368,7 @@ const Ye = class Ye extends HTMLElement {
         });
         return;
       }
-      e(this, O) !== e(this, re) && e(this, Ys).call(this, i);
+      e(this, H) !== e(this, re) && e(this, Ys).call(this, i);
     });
     l(this, oe, null);
     l(this, Js, () => {
@@ -2382,13 +2384,13 @@ const Ye = class Ye extends HTMLElement {
     });
     this.attachShadow({ mode: "open" }).appendChild(ba.content.cloneNode(!0));
     const i = rn(this.getAttribute("log-level"));
-    d(this, D, Lr.get().createContext("VindralController")), e(this, D).setLevel(i), d(this, vi, (s = this.shadowRoot) == null ? void 0 : s.querySelector("#time-shift-video"));
+    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 $(this, null, function* () {
-      H(this.getAttribute("auto-instance-enabled"), !0) && (yield n(this, h, yn).call(this));
+    return B(this, null, function* () {
+      D(this.getAttribute("auto-instance-enabled"), !0) && (yield n(this, h, yn).call(this));
       for (const i of Object.values(k))
-        this.addEventListener(i, e(this, Hi));
+        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 });
     });
   }
@@ -2396,13 +2398,13 @@ const Ye = class Ye extends HTMLElement {
     var t, i, s, o, u, p;
     (t = e(this, b)) == null || t.unload(), (i = e(this, K)) == null || i.unload(), (s = e(this, gt)) == null || s.unload(), (o = e(this, ae)) == null || o.unload(), (u = e(this, j)) == null || u.unload(), (p = e(this, g)) == null || p.cleanup();
     for (const v of Object.values(k))
-      this.removeEventListener(v, e(this, Hi));
-    n(this, h, wn).call(this), n(this, h, In).call(this), this.disconnectListener(this);
+      this.removeEventListener(v, e(this, Oi));
+    n(this, h, Ln).call(this), n(this, h, In).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, D).debug("Attribute changed", { name: t, oldValue: i, newValue: s }), t) {
+      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;
@@ -2413,7 +2415,7 @@ const Ye = class Ye extends HTMLElement {
           s && d(this, fi, s);
           break;
         case "paused":
-          x(s) ? ((o = e(this, O)) == null || o.pause(), n(this, h, E).call(this, r.PAUSED, "")) : (n(this, h, w).call(this, r.NEEDS_USER_INPUT_VIDEO), n(this, h, w).call(this, r.PAUSED), (u = e(this, O)) == null || u.play());
+          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) {
@@ -2422,10 +2424,10 @@ const Ye = class Ye extends HTMLElement {
           }
           break;
         case "user-interacting":
-          x(s) ? n(this, h, E).call(this, r.USER_INTERACTING, "") : n(this, h, w).call(this, r.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, w).call(this, r.MUTED), n(this, h, w).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()));
+          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);
@@ -2434,10 +2436,10 @@ const Ye = class Ye extends HTMLElement {
           x(s) ? n(this, h, Ca).call(this) : n(this, h, xn).call(this);
           break;
         case "max-video-bit-rate":
-          d(this, Ft, s), x(s) ? n(this, h, E).call(this, r.MAX_VIDEO_BITRATE, s) : n(this, h, w).call(this, r.MAX_VIDEO_BITRATE), e(this, g) && (e(this, g).maxVideoBitRate = s ? Wt(s) : void 0);
+          d(this, Ft, s), x(s) ? n(this, h, E).call(this, r.MAX_VIDEO_BITRATE, s) : n(this, h, L).call(this, r.MAX_VIDEO_BITRATE), e(this, g) && (e(this, g).maxVideoBitRate = s ? Wt(s) : void 0);
           break;
         case "max-initial-bit-rate":
-          d(this, $s, s), x(s) ? n(this, h, E).call(this, r.MAX_INITIAL_BITRATE, s) : n(this, h, w).call(this, r.MAX_INITIAL_BITRATE);
+          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);
@@ -2455,16 +2457,16 @@ const Ye = class Ye extends HTMLElement {
           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, w).call(this, r.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, w).call(this, r.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, D).setLevel(rn(s));
+          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, w).call(this, r.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)) {
@@ -2472,19 +2474,19 @@ const Ye = class Ye extends HTMLElement {
             e(this, g) && (e(this, g).volume = V), e(this, b) && (e(this, b).volume = V);
           }
           break;
-        case "timeshift":
-          x(s) ? n(this, h, E).call(this, r.TIMESHIFT, s) : n(this, h, w).call(this, r.TIMESHIFT);
+        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, D).warn("Invalid DRM headers format:", 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, D).warn("Invalid DRM query parameters format:", s);
+            V ? (bs = e(this, b)) == null || bs.drm.setQueryParams(V) : e(this, F).warn("Invalid DRM query parameters format:", s);
           }
           break;
       }
@@ -2539,12 +2541,12 @@ const Ye = class Ye extends HTMLElement {
     n(this, h, yn).call(this);
   }
 };
-zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(), Dt = new WeakMap(), vi = new WeakMap(), b = new WeakMap(), O = new WeakMap(), re = new WeakMap(), g = new WeakMap(), fi = new WeakMap(), ot = new WeakMap(), ft = new WeakMap(), Ft = new WeakMap(), $s = new WeakMap(), K = new WeakMap(), gt = new WeakMap(), ae = new WeakMap(), it = new WeakMap(), j = new WeakMap(), Et = new WeakMap(), gi = new WeakMap(), Ei = new WeakMap(), D = new WeakMap(), Ht = new WeakMap(), Ot = new WeakMap(), h = new WeakSet(), yn = function() {
-  return $(this, null, function* () {
+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() {
+  return B(this, null, function* () {
     var br, mr;
     if (!e(this, ot)) return;
     yield (br = e(this, b)) == null ? void 0 : br.unload();
-    const t = this.hasAttribute(r.PAUSED), i = this.hasAttribute(r.MUTED), s = Wt(this.getAttribute(r.VOLUME)), o = typeof s == "number" ? Math.max(0, Math.min(1, s)) : s, u = Tr(this.getAttribute(r.MEDIA)), p = this.getAttribute(r.TEXT_TRACK) || void 0, v = this.getAttribute("edge-url") || void 0, A = this.getAttribute("authentication-token") || void 0, z = Wt(this.getAttribute("max-video-bit-rate")), ut = Wt(this.getAttribute("max-initial-bit-rate")), at = tl(this.getAttribute("max-size")), jt = Wt(this.getAttribute("min-buffer-time")), Yt = Wt(this.getAttribute("max-buffer-time")), Jt = H(this.getAttribute("burst-enabled")), cs = H(this.getAttribute("mse-enabled")), us = H(this.getAttribute("mse-opus-enabled")), ps = H(this.getAttribute("ios-background-play-enabled")), bs = H(this.getAttribute("ios-wake-lock-enabled")), V = H(this.getAttribute("ios-media-element-enabled")), ko = H(this.getAttribute("abr-enabled")), Io = H(this.getAttribute("size-based-resolution-cap-enabled")), Lo = H(this.getAttribute("telemetry-enabled")), wo = Zo(this.getAttribute("video-codecs")), cr = Sr(this.getAttribute("poster")), To = el(this.getAttribute("advanced")), So = rn(this.getAttribute("log-level")), Co = {
+    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")),
       widevine: {
@@ -2555,7 +2557,7 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
         videoRobustness: vs(this.getAttribute("drm-playready-video-robustness")),
         audioRobustness: vs(this.getAttribute("drm-playready-audio-robustness"))
       }
-    }, xo = H(this.getAttribute("webtransport-enabled")), ur = Wt(this.getAttribute("reconnect-retries")), No = ur !== void 0 ? (Do) => Do.reconnectRetries < ur : void 0, Ro = this.getAttribute("language") || void 0;
+    }, 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({
       url: e(this, fi),
       channelId: e(this, ot),
@@ -2578,83 +2580,83 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
       iosMediaElementEnabled: V,
       abrEnabled: ko,
       sizeBasedResolutionCapEnabled: Io,
-      telemetryEnabled: Lo,
-      videoCodecs: wo,
+      telemetryEnabled: To,
+      videoCodecs: Lo,
       poster: cr,
       textTrack: p,
-      advanced: To,
+      advanced: wo,
       logLevel: So,
       language: Ro,
       drm: Co,
       webtransportEnabled: xo,
       reconnectHandler: No
-    })), d(this, re, new al(e(this, b))), e(this, O) || d(this, O, e(this, re)), n(this, h, kn).call(this), d(this, Dt, (mr = this.shadowRoot) == null ? void 0 : mr.querySelector("#video")), e(this, Dt) && e(this, b).attach(e(this, Dt)), this.setAttribute(r.MEDIA, e(this, b).media), e(this, b).muted && n(this, h, E).call(this, r.MUTED, ""), n(this, h, E).call(this, r.VOLUME, e(this, b).volume.toString()), x(cr) || n(this, h, E).call(this, r.POSTER_SRC, e(this, b).getThumbnailUrl());
-    const Uo = H(this.getAttribute(r.AIRPLAY_ENABLED), !1), Po = H(this.getAttribute(r.CAST_ENABLED), !0), pr = H(this.getAttribute(r.FULLSCREEN_ENABLED), !0), _o = H(this.getAttribute(r.PIP_ENABLED), !0), Mo = H(this.getAttribute(r.VU_METER_ENABLED), !1);
+    })), 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(
       new CustomEvent("vindral-instance-ready", { bubbles: !0, composed: !0, detail: e(this, b) })
-    ), n(this, h, Ln).call(this), pr && n(this, h, ga).call(this);
+    ), Do && (n(this, h, Tn).call(this), pr && n(this, h, ga).call(this));
   });
-}, Bs = new WeakMap(), Gs = new WeakMap(), Ai = new WeakMap(), yi = new WeakMap(), ki = new WeakMap(), Ii = new WeakMap(), Li = new WeakMap(), wi = new WeakMap(), Ti = new WeakMap(), Si = new WeakMap(), Ci = new WeakMap(), Ks = new WeakMap(), kn = function() {
-  e(this, b) && (e(this, b).on("rendition levels", e(this, Bs)), 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, Li)), e(this, b).on("languages", e(this, wi)), e(this, b).on("text tracks", e(this, Ti)), 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)));
+}, $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, Li)), e(this, b).off("languages", e(this, wi)), e(this, b).off("text tracks", e(this, Ti)), e(this, b).off("needs user input", e(this, Si)), e(this, b).off("is live", e(this, Ci)));
+  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() {
   e(this, g) && (e(this, g).addEventListener("playing", e(this, xi)), e(this, g).addEventListener("pause", e(this, Ni)), e(this, g).addEventListener("ended", e(this, Ri)), e(this, g).addEventListener("timeupdate", e(this, Ui)), e(this, g).addEventListener("volumechange", e(this, Pi)), e(this, g).addEventListener("hlsbuffering", e(this, _i)), e(this, g).addEventListener("hlsnotbuffering", e(this, Mi)), e(this, g).addEventListener("timeshiftready", e(this, Di)));
-}, Ln = function() {
+}, Tn = function() {
   var t, i, s, o;
-  d(this, g, new rl(e(this, vi), {
-    volume: (i = (t = e(this, O)) == null ? void 0 : t.volume) != null ? i : 1,
-    muted: (o = (s = e(this, O)) == null ? void 0 : s.muted) != null ? o : !1,
+  d(this, g, new ol(e(this, vi), {
+    volume: (i = (t = e(this, H)) == null ? void 0 : t.volume) != null ? i : 1,
+    muted: (o = (s = e(this, H)) == null ? void 0 : s.muted) != null ? o : !1,
     maxVideoBitRate: e(this, Ft) ? parseInt(e(this, Ft), 10) : void 0
   })), e(this, g).addEventListener("durationchange", e(this, qs));
-}, Di = new WeakMap(), wn = function() {
+}, 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, D).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, w).call(this, r.IS_PIP);
+  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);
   }));
 }, gs = function() {
   var i;
   if (!e(this, K)) return;
   let t = null;
-  e(this, O) === 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, D).debug("Updating PIP target to", e(this, O) === 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, w).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 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);
   }));
 }, fa = 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, w).call(this, r.FULLSCREEN);
+    s ? n(this, h, E).call(this, r.FULLSCREEN, "") : n(this, h, L).call(this, r.FULLSCREEN);
   });
 }, ga = 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, w).call(this, r.FULLSCREEN);
+    i ? n(this, h, E).call(this, r.FULLSCREEN, "") : n(this, h, L).call(this, r.FULLSCREEN);
   }));
 }, Es = function() {
-  return this.hasAttribute(r.TIMESHIFT) ? e(this, ae) : e(this, gt);
+  return this.hasAttribute(r.TIMESHIFT_POSITION) ? e(this, ae) : e(this, gt);
 }, Ea = function(t) {
-  d(this, Et, new Xo({
+  d(this, Et, new jo({
     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, Tn).bind(this)), (s = e(this, Et)) == null || s.on("resumed", n(this, h, Tn).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, 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));
   }).catch((i) => {
-    e(this, D).warn("Failed to initialize CastSender", i);
+    e(this, F).warn("Failed to initialize CastSender", i);
   });
-}, Tn = function() {
+}, wn = 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, w).call(this, r.IS_CASTING), n(this, h, w).call(this, r.CAST_RECEIVER_NAME);
+  n(this, h, L).call(this, r.IS_CASTING), n(this, h, L).call(this, r.CAST_RECEIVER_NAME);
 }, ya = function(t) {
   var s;
   (s = e(this, it)) == null || s.unload();
   const i = t.getCastOptions();
-  d(this, it, new nl({
+  d(this, it, new rl({
     url: i.url,
     channelId: i.channelId,
     authenticationToken: i.authenticationToken,
@@ -2664,11 +2666,11 @@ 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, w).call(this, r.IS_AIRPLAYING);
+    n(this, h, L).call(this, r.IS_AIRPLAYING);
   });
 }, ka = function(t) {
   var i;
-  if ((i = e(this, j)) == null || i.unload(), !Bo()) {
+  if ((i = e(this, j)) == null || i.unload(), !Go()) {
     if (t.audioNode)
       d(this, j, new kr(t.audioNode));
     else if (t.mediaElement instanceof HTMLMediaElement)
@@ -2681,14 +2683,14 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
   }
 }, 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));
-}, La = function(t) {
+}, 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);
-}, wa = function(t) {
+}, 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, ""));
-}, Ta = function(t) {
+}, wa = function(t) {
   this.hasAttribute(r.USER_INTERACTING) || n(this, h, xt).call(this);
-}, Hi = new WeakMap(), Vs = new WeakMap(), Xs = new WeakMap(), Sa = function(t) {
+}, Oi = new WeakMap(), Vs = new WeakMap(), Xs = new WeakMap(), Sa = function(t) {
   var p, v;
   const { metaKey: i, altKey: s, key: o } = t;
   if (!(i || s || !an.includes(o) || (((p = t.target) == null ? void 0 : p.keysUsed) || []).includes(o)))
@@ -2703,19 +2705,19 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
         (v = this.querySelector("vindral-scroll-overlay")) == null || v.setAttribute("open", "");
         break;
     }
-}, Oi = new WeakMap(), js = new WeakMap(), Ys = new WeakMap(), oe = new WeakMap(), Sn = function() {
-  return $(this, null, function* () {
+}, Hi = new WeakMap(), js = new WeakMap(), Ys = new WeakMap(), oe = new WeakMap(), Sn = function() {
+  return B(this, null, function* () {
     if (!e(this, b) || !e(this, ft))
       return;
     const t = Date.now();
     if (e(this, oe) && t - e(this, oe) < 1e4)
-      e(this, D).debug("Skipping channel update, last update was less than 10 seconds ago.");
+      e(this, F).debug("Skipping channel update, last update was less than 10 seconds ago.");
     else {
       d(this, oe, t);
       const i = yield e(this, b).getApiClient().getChannels(e(this, ft));
       n(this, h, E).call(this, r.CHANNELS, JSON.stringify(i));
     }
-    d(this, Ht, window.setTimeout(() => void n(this, h, Sn).call(this), 1e4));
+    d(this, Ot, window.setTimeout(() => void n(this, h, Sn).call(this), 1e4));
   });
 }, Cn = function() {
   !this.hasAttribute(r.USER_INTERACTING) || this.hasAttribute(r.UI_LOCKED) || (this.dispatchEvent(
@@ -2734,12 +2736,12 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
 }, ys = function() {
   var t;
   n(this, h, gs).call(this), n(this, h, Nn).call(this), (t = e(this, K)) == null || t.request().catch((i) => {
-    e(this, D).warn("Failed to enter picture in picture:", i);
+    e(this, F).warn("Failed to enter picture in picture:", i);
   });
 }, ks = function() {
   var t;
   (t = e(this, K)) == null || t.exit().catch((i) => {
-    e(this, D).warn("Failed to exit picture in picture:", i);
+    e(this, F).warn("Failed to exit picture in picture:", i);
   });
 }, Ca = function() {
   const t = n(this, h, Es).call(this);
@@ -2750,26 +2752,26 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
   t != null && t.isFullscreenApiSupported() ? (n(this, h, Nn).call(this), t == null || t.request().then(() => {
     e(this, Js).call(this);
   }).catch((i) => {
-    e(this, D).warn("Failed to enter fullscreen:", 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);
   t != null && t.isFullscreenApiSupported() ? t == null || t.exit().then(() => {
     e(this, Ws).call(this);
   }).catch((i) => {
-    e(this, D).warn("Failed to exit fullscreen:", i);
-  }) : (this.removeAttribute(r.FULLSCREEN_FALLBACK), n(this, h, w).call(this, r.FULLSCREEN));
+    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() {
   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));
-}, w = function(t) {
+}, L = function(t) {
   var i;
   (i = e(this, vt).get(t)) == null || i.forEach((s) => s.removeAttribute(t));
 }, m(Ye, "observedAttributes", [
-  ...wr,
+  ...Lr,
   "url",
   "edge-url",
   "target-buffer-time",
@@ -2805,12 +2807,12 @@ zs = new WeakMap(), vt = new WeakMap(), mi = new WeakMap(), Mt = new WeakMap(),
   "language"
 ]), l(Ye, zs, "https://lb.cdn.vindral.com");
 let ri = Ye;
-const xa = document.createElement("template"), ll = (
+const xa = document.createElement("template"), hl = (
   /* SVG */
   `
   <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-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>
 `
-), hl = (
+), dl = (
   /* SVG */
   `
   <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-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>
@@ -2833,8 +2835,8 @@ xa.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="enter">${ll}</slot>
-    <slot name="exit">${hl}</slot>
+    <slot name="enter">${hl}</slot>
+    <slot name="exit">${dl}</slot>
   </slot>
 `;
 const Je = class Je extends rt {
@@ -2864,7 +2866,7 @@ const Je = class Je extends rt {
 };
 m(Je, "observedAttributes", [...J(Je, Je, "observedAttributes"), r.FULLSCREEN]);
 let Rn = Je;
-const dl = (
+const cl = (
   /* SVG */
   `
     <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"><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>
@@ -2878,7 +2880,7 @@ Na.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="button">${dl}</slot>
+  <slot name="button">${cl}</slot>
   <slot name="listbox" hidden>
     <vindral-language-menu-list id="listbox" part="listbox"></vindral-language-menu-list>
   </slot>
@@ -2903,7 +2905,7 @@ zi = new WeakSet(), Pn = function() {
   i && s ? this.setAttribute("hidden", "") : this.removeAttribute("hidden");
 }, m(We, "observedAttributes", [...J(We, We, "observedAttributes"), r.LANGUAGES, r.TEXT_TRACKS]);
 let Un = We;
-const Ra = document.createElement("template"), cl = (
+const Ra = document.createElement("template"), ul = (
   /* 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>
@@ -2985,7 +2987,7 @@ Ra.innerHTML = /* HTML */
     }
 
     [role="menuitem"][aria-selected="true"]::before {
-      content: url("data:image/svg+xml,${encodeURIComponent(cl)}");
+      content: url("data:image/svg+xml,${encodeURIComponent(ul)}");
       position: absolute;
       left: var(--padding-3);
       top: calc(50% - 8px);
@@ -3024,13 +3026,13 @@ Ra.innerHTML = /* HTML */
     <div class="menu"></div>
   </div>
 `;
-var $i, Bi, Gi, Ki, lt, Q, le, zt, _e, qi, At, ht, I, Pa, _a, _n, Mn, Is, Ke, qe, Ma, Da, Fa, Dn, Fn, Ha;
+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 {
   constructor() {
     super();
     l(this, I);
-    l(this, $i, []);
     l(this, Bi, []);
+    l(this, $i, []);
     l(this, Gi);
     l(this, Ki);
     l(this, lt, []);
@@ -3062,10 +3064,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, $i, t), n(this, I, Mn).call(this), n(this, I, Ke).call(this);
+    d(this, Bi, t), n(this, I, Mn).call(this), n(this, I, Ke).call(this);
   }
   set textTracks(t) {
-    d(this, Bi, t), n(this, I, _n).call(this), n(this, I, qe).call(this);
+    d(this, $i, t), n(this, I, _n).call(this), n(this, I, qe).call(this);
   }
   set language(t) {
     d(this, Gi, t), n(this, I, Ke).call(this);
@@ -3080,7 +3082,7 @@ class Ua extends HTMLElement {
     e(this, At) ? e(this, At).focus() : e(this, ht) && e(this, ht).focus();
   }
 }
-$i = new WeakMap(), Bi = new WeakMap(), Gi = new WeakMap(), Ki = new WeakMap(), lt = new WeakMap(), Q = new WeakMap(), 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(), Pa = function() {
   const t = (s) => {
     s.forEach((o) => {
       if (o.intersectionRatio !== 1)
@@ -3102,12 +3104,12 @@ $i = new WeakMap(), Bi = new WeakMap(), Gi = new WeakMap(), Ki = new WeakMap(),
 }, _n = function() {
   e(this, zt).innerHTML = "", d(this, Q, []);
   const t = n(this, I, Is).call(this, "Off", "textTrack", void 0);
-  e(this, zt).appendChild(t), e(this, Q).push({ element: t, value: void 0 }), e(this, Bi).forEach((i) => {
+  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);
     e(this, zt).appendChild(s), e(this, Q).push({ element: s, value: i });
   }), n(this, I, qe).call(this);
 }, Mn = function() {
-  e(this, le).innerHTML = "", d(this, lt, []), e(this, $i).forEach((t) => {
+  e(this, le).innerHTML = "", d(this, lt, []), e(this, Bi).forEach((t) => {
     const i = n(this, I, Is).call(this, t, "language", t);
     e(this, le).appendChild(i), e(this, lt).push({ element: i, value: t });
   }), n(this, I, Ke).call(this);
@@ -3143,13 +3145,13 @@ $i = new WeakMap(), Bi = new WeakMap(), Gi = new WeakMap(), Ki = new WeakMap(),
   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);
   const v = s[p];
-  v && (n(this, I, Ha).call(this, v.value), v.element.focus());
+  v && (n(this, I, Oa).call(this, v.value), v.element.focus());
 }, Dn = 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() {
   return [...e(this, lt), ...e(this, Q)].find((t) => t.element.tabIndex === 0);
-}, Ha = function(t) {
+}, Oa = function(t) {
   for (const i of [...e(this, lt), ...e(this, Q)])
     i.element.tabIndex = i.value === t ? 0 : -1;
 }, m(Ua, "observedAttributes", [
@@ -3158,7 +3160,7 @@ $i = new WeakMap(), Bi = new WeakMap(), Gi = new WeakMap(), Ki = new WeakMap(),
   r.LANGUAGE,
   r.TEXT_TRACK
 ]);
-const Oa = document.createElement("template"), ul = (
+const Ha = document.createElement("template"), pl = (
   /* SVG */
   `
   <svg xmlns="http://www.w3.org/2000/svg" width="5" height="5" viewBox="0 0 5 5" fill="currentColor">
@@ -3166,7 +3168,7 @@ const Oa = document.createElement("template"), ul = (
   </svg>
 `
 );
-Oa.innerHTML = /* HTML */
+Ha.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3202,7 +3204,7 @@ Oa.innerHTML = /* HTML */
     }
 
     /* Red pulsing dot when live */
-    :host(:not([timeshift])) .live-dot {
+    :host(:not([timeshift-position])) .live-dot {
       fill: #ff0000;
       animation: pulse-dot 2s ease-in-out infinite alternate;
     }
@@ -3228,13 +3230,13 @@ Oa.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="icon">${ul}</slot>
+  <slot name="icon">${pl}</slot>
   <span class="live-text">LIVE</span>
 `;
 const Qe = class Qe extends rt {
   constructor() {
     var a;
-    super(), (a = this.shadowRoot) == null || a.appendChild(Oa.content.cloneNode(!0));
+    super(), (a = this.shadowRoot) == null || a.appendChild(Ha.content.cloneNode(!0));
   }
   connectedCallback() {
     super.connectedCallback(), this.updateState();
@@ -3243,7 +3245,7 @@ const Qe = class Qe extends rt {
     super.disconnectedCallback();
   }
   attributeChangedCallback(a, t, i) {
-    super.attributeChangedCallback(a, t, i), (a === r.TIMESHIFT || a === r.DURATION) && this.updateState();
+    super.attributeChangedCallback(a, t, i), (a === r.TIMESHIFT_POSITION || a === r.DURATION) && this.updateState();
   }
   updateState() {
     if (!this.hasAttribute(r.DURATION)) {
@@ -3253,18 +3255,18 @@ const Qe = class Qe extends rt {
     this.removeAttribute("hidden"), this.isLive ? (this.setAttribute("aria-label", "Currently live"), this.setAttribute("disabled", "")) : (this.setAttribute("aria-label", "Go live"), this.removeAttribute("disabled"));
   }
   get isLive() {
-    return !this.hasAttribute(r.TIMESHIFT);
+    return !this.hasAttribute(r.TIMESHIFT_POSITION);
   }
   set isLive(a) {
-    a ? this.removeAttribute(r.TIMESHIFT) : this.setAttribute(r.TIMESHIFT, "");
+    a ? this.removeAttribute(r.TIMESHIFT_POSITION) : this.setAttribute(r.TIMESHIFT_POSITION, "");
   }
   handleClick(a) {
     this.isLive || this.dispatchEvent(new CustomEvent(k.GO_LIVE, { bubbles: !0, composed: !0 }));
   }
 };
-m(Qe, "observedAttributes", [...J(Qe, Qe, "observedAttributes"), r.TIMESHIFT, r.DURATION]);
-let Hn = Qe;
-const za = document.createElement("template"), pl = (
+m(Qe, "observedAttributes", [...J(Qe, Qe, "observedAttributes"), r.TIMESHIFT_POSITION, r.DURATION]);
+let On = Qe;
+const za = document.createElement("template"), bl = (
   /* SVG */
   `
 <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  <g fill="none" stroke="currentColor">
@@ -3272,7 +3274,7 @@ const za = document.createElement("template"), pl = (
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2" />
 </g></svg>
 `
-), bl = (
+), ml = (
   /* SVG */
   `
   <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  <g fill="none" stroke="currentColor">
@@ -3296,8 +3298,8 @@ za.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="mute">${pl}</slot>
-    <slot name="unmute">${bl}</slot>
+    <slot name="mute">${bl}</slot>
+    <slot name="unmute">${ml}</slot>
   </slot>
 `;
 const Ze = class Ze extends rt {
@@ -3326,14 +3328,14 @@ const Ze = class Ze extends rt {
   }
 };
 m(Ze, "observedAttributes", [...J(Ze, Ze, "observedAttributes"), r.MUTED]);
-let On = Ze;
-const $a = document.createElement("template"), ml = (
+let Hn = Ze;
+const Ba = document.createElement("template"), vl = (
   /* SVG */
   `
     <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="currentColor"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="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>
 `
 );
-$a.innerHTML = /* HTML */
+Ba.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3344,12 +3346,12 @@ $a.innerHTML = /* HTML */
       display: none !important;
     }
   </style>
-  <slot name="icon">${ml}</slot>
+  <slot name="icon">${vl}</slot>
 `;
 const ti = class ti extends rt {
   constructor() {
     var a;
-    super(), (a = this.shadowRoot) == null || a.appendChild($a.content.cloneNode(!0));
+    super(), (a = this.shadowRoot) == null || a.appendChild(Ba.content.cloneNode(!0));
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute(
@@ -3379,18 +3381,18 @@ const ti = class ti extends rt {
 };
 m(ti, "observedAttributes", [...J(ti, ti, "observedAttributes"), r.IS_PIP, r.PIP_AVAILABLE]);
 let zn = ti;
-const Ba = document.createElement("template"), vl = (
+const $a = 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>
 `
-), fl = (
+), gl = (
   /* SVG */
   `
   <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="currentColor"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="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>
 `
 );
-Ba.innerHTML = /* HTML */
+$a.innerHTML = /* HTML */
 `
   <style>
     :host {
@@ -3407,14 +3409,14 @@ Ba.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="play">${vl}</slot>
-    <slot name="pause">${fl}</slot>
+    <slot name="play">${fl}</slot>
+    <slot name="pause">${gl}</slot>
   </slot>
 `;
 const ei = class ei extends rt {
   constructor() {
     var a;
-    super(), (a = this.shadowRoot) == null || a.appendChild(Ba.content.cloneNode(!0));
+    super(), (a = this.shadowRoot) == null || a.appendChild($a.content.cloneNode(!0));
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("aria-label", this.paused ? "Play" : "Pause");
@@ -3437,64 +3439,64 @@ const ei = class ei extends rt {
   }
 };
 m(ei, "observedAttributes", [...J(ei, ei, "observedAttributes"), r.PAUSED]);
-let $n = ei;
+let Bn = ei;
 const Z = {
   TITLE: "title",
   OFFLINE: "offline",
   REFRESH_POSTER_ENABLED: "refresh-poster-enabled",
   STREAM_POLL_ENABLED: "stream-poll-enabled"
-}, gl = Object.values(Z);
-var Vi, Me, $t, he, Bt, Gt, yt, Y, Bn, Ga, Gn, Kn;
-class El extends ds {
+}, El = Object.values(Z);
+var Vi, Me, Bt, he, $t, Gt, yt, Y, $n, Ga, Gn, Kn;
+class Al extends ds {
   constructor(t) {
     super();
     l(this, Y);
     l(this, Vi);
     l(this, Me);
-    l(this, $t, !1);
+    l(this, Bt, !1);
     l(this, he, !1);
-    l(this, Bt, !0);
+    l(this, $t, !0);
     l(this, Gt, null);
     l(this, yt, null);
-    d(this, Me, t), d(this, Vi, new jo({
+    d(this, Me, t), d(this, Vi, new Yo({
       publicEndpoint: t.url,
       tokenFactory: () => t.authenticationToken
     }));
   }
   start(t = 5e3) {
-    e(this, yt) && clearInterval(e(this, yt)), d(this, $t, !1), d(this, he, !1), n(this, Y, Kn).call(this), n(this, Y, Bn).call(this), d(this, yt, window.setInterval(() => {
-      !e(this, he) && !e(this, Me).infiniteReconnect && !e(this, Gt) && e(this, Bt) && d(this, Gt, window.setTimeout(() => n(this, Y, Ga).call(this), 300 * 1e3)), !e(this, he) && e(this, Bt) && n(this, Y, Bn).call(this);
+    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);
     }, t));
   }
   stop() {
     n(this, Y, Gn).call(this), e(this, yt) && (window.clearInterval(e(this, yt)), d(this, yt, null));
   }
 }
-Vi = new WeakMap(), Me = new WeakMap(), $t = new WeakMap(), he = new WeakMap(), Bt = new WeakMap(), Gt = new WeakMap(), yt = new WeakMap(), Y = new WeakSet(), Bn = function() {
-  return $(this, null, function* () {
-    if (e(this, $t))
+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() {
+  return B(this, null, function* () {
+    if (e(this, Bt))
       return;
-    d(this, $t, !0);
+    d(this, Bt, !0);
     let t = "Stream is offline", i = "Please stand by";
     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, $t, !1);
+        d(this, he, !0), n(this, Y, Kn).call(this), this.emit("live", s), d(this, Bt, !1);
         return;
       }
     } catch (s) {
-      Yo(s) && (s.status === 403 || s.status === 401) && (t = "Forbidden", i = "You do not have permission to view this stream");
+      Jo(s) && (s.status === 403 || s.status === 401) && (t = "Forbidden", i = "You do not have permission to view this stream");
     }
-    e(this, Bt) && this.emit("error", { title: t, message: i }), d(this, $t, !1);
+    e(this, $t) && this.emit("error", { title: t, message: i }), d(this, Bt, !1);
   });
 }, Ga = function() {
-  this.stop(), d(this, Bt, !1), this.emit("timeout");
+  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, Bt, !0);
+  n(this, Y, Gn).call(this), d(this, $t, !0);
 };
-const Al = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Silk-Accelerated|(hpw|web)OS|Fennec|Minimo|Opera M(obi|ini)|Blazer|Dolfin|Dolphin|Skyfire|Zune\//i, yl = navigator.userAgent.toLowerCase(), kl = Al.test(yl), Il = (c) => ri.observedAttributes.includes(c), Ka = (
+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 = (
   /* HTML */
   `
   <style>
@@ -3506,10 +3508,11 @@ const Al = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|
       display: flex;
       justify-content: center;
 
-      --vindral-volume-range-display: ${kl ? "none" : "flex"};
+      --vindral-volume-range-display: ${Il ? "none" : "flex"};
       --vindral-airplay-button-display: none;
       --vindral-play-overlay-display: none;
       --vindral-grid-item-offline-display: none;
+      --vindral-seek-bar-display: none;
     }
 
     vindral-control-bar[slot="top-bar"] {
@@ -3564,6 +3567,11 @@ const Al = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|
       --vindral-pip-button-display: none;
     }
 
+    :host([${r.TIMESHIFT_ENABLED}="false"]) {
+      --vindral-seek-bar-display: none;
+      --vindral-live-button-display: none;
+    }
+
     :host(:not([${r.CHANNEL_GROUP_ID}])) vindral-scroll-overlay {
       display: none;
     }
@@ -3638,13 +3646,13 @@ const Al = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|
   </vindral-controller>
 `
 ), Ir = document.createElement("template");
-var dt, F, q, kt, It, Qs, Xi, P, Va, qn, Xa, ji, Ls, Nt;
+var dt, O, q, kt, It, Qs, Xi, P, Va, qn, Xa, ji, Ts, Nt;
 class qa extends HTMLElement {
   constructor() {
     super();
     l(this, P);
     l(this, dt);
-    l(this, F);
+    l(this, O);
     l(this, q);
     l(this, kt);
     l(this, It);
@@ -3654,34 +3662,34 @@ class qa extends HTMLElement {
       });
     });
     l(this, Xi, (t, i) => {
-      Il(t) && (x(i) ? e(this, F).setAttribute(t, i) : e(this, F).removeAttribute(t));
+      Tl(t) && (x(i) ? e(this, O).setAttribute(t, i) : e(this, O).removeAttribute(t));
     });
     l(this, ji, () => {
-      const t = e(this, F).instance;
+      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"));
       }), t.on("channels", (i) => {
-        const s = e(this, F).getAttribute("channel-id"), o = i.find((u) => u.channelId === s);
-        o && n(this, P, Ls).call(this, o);
+        const s = e(this, O).getAttribute("channel-id"), o = i.find((u) => u.channelId === s);
+        o && n(this, P, Ts).call(this, o);
       }), t.on("channel switch", ({ channelId: i }) => {
         const s = t.channels.find((o) => o.channelId === i);
-        s && n(this, P, Ls).call(this, s);
+        s && n(this, P, Ts).call(this, s);
       }), t.on("error", (i) => {
-        if (i.code() === Go) {
+        if (i.code() === Ko) {
           n(this, P, Nt).call(this, "Stream is offline", "Please stand by");
           return;
         }
-        i.isFatal() && (i.code() === Ko ? n(this, P, Nt).call(this, "Forbidden", "You do not have permission to view this stream") : i.code() === qo ? n(this, P, Nt).call(this, "Stream is offline", "Please stand by") : n(this, P, Nt).call(this, "An error occurred", i.message), e(this, kt).removeAttribute("hidden"), this.setAttribute(Z.OFFLINE, ""), e(this, F).dispatchEvent(new CustomEvent(k.EXIT_FULLSCREEN)), e(this, F).dispatchEvent(new CustomEvent(k.EXIT_PIP)));
+        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)));
       }));
     });
-    d(this, dt, this.attachShadow({ mode: "open" })), n(this, P, qn).call(this), d(this, F, e(this, dt).querySelector("vindral-controller")), d(this, q, e(this, dt).querySelector("#vindral-message")), d(this, kt, e(this, dt).querySelector("#play-overlay"));
+    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"));
   }
   connectedCallback() {
-    this.setAttribute(Z.OFFLINE, ""), e(this, F).addEventListener("vindral-instance-ready", e(this, ji)), n(this, P, Xa).call(this);
+    this.setAttribute(Z.OFFLINE, ""), e(this, O).addEventListener("vindral-instance-ready", e(this, ji)), n(this, P, Xa).call(this);
   }
   disconnectedCallback() {
     var t;
-    e(this, F).removeEventListener("vindral-instance-ready", e(this, ji)), (t = e(this, It)) == null || t.stop();
+    e(this, O).removeEventListener("vindral-instance-ready", e(this, ji)), (t = e(this, It)) == null || t.stop();
   }
   attributeChangedCallback(t, i, s) {
     if (i !== s)
@@ -3689,55 +3697,55 @@ class qa extends HTMLElement {
         n(this, P, qn).call(this);
       else if (t === Z.REFRESH_POSTER_ENABLED) {
         const o = e(this, dt).querySelector("vindral-poster-overlay");
-        o && (o.disabled = H(this.getAttribute(Z.REFRESH_POSTER_ENABLED), !1) === !1);
+        o && (o.disabled = D(this.getAttribute(Z.REFRESH_POSTER_ENABLED), !1) === !1);
       } else
         e(this, Xi).call(this, t, s);
   }
   get instance() {
-    return e(this, F).instance;
+    return e(this, O).instance;
   }
   get airPlay() {
-    return e(this, F).airPlay;
+    return e(this, O).airPlay;
   }
 }
-dt = new WeakMap(), F = new WeakMap(), q = new WeakMap(), kt = new WeakMap(), It = new WeakMap(), Qs = new WeakMap(), Xi = new WeakMap(), P = new WeakSet(), Va = function() {
-  return Tr(this.getAttribute(r.MEDIA)) === "audio" ? wl : Ll;
+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);
-  d(this, F, t.querySelector("vindral-controller")), d(this, q, t.querySelector("#vindral-message")), d(this, kt, t.querySelector("#play-overlay")), this.children.length > 0 && Array.from(this.children).forEach((i) => {
-    e(this, F).appendChild(i);
+  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() {
   var u;
-  if (H(this.getAttribute(Z.STREAM_POLL_ENABLED), !0) === !1)
+  if (D(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");
     return;
   }
-  d(this, It, new El({
+  d(this, It, new Al({
     url: t,
     channelId: i,
     authenticationToken: s,
     infiniteReconnect: o
   })), e(this, It).on("live", (p) => {
-    e(this, F).connect(), this.removeAttribute("offline"), e(this, q).setAttribute("hidden", ""), n(this, P, Ls).call(this, p);
+    e(this, O).connect(), this.removeAttribute("offline"), e(this, q).setAttribute("hidden", ""), n(this, P, 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);
   }), e(this, kt).addEventListener("click", () => {
-    e(this, F).connect(), e(this, kt).setAttribute("hidden", ""), e(this, q).setAttribute("hidden", ""), e(this, F).focus();
+    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(), Ls = function(t) {
+}, ji = new WeakMap(), Ts = function(t) {
   var p, v;
   const i = Sr(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, Qo({
+  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({
     title: o,
     poster: u
   });
@@ -3745,7 +3753,7 @@ dt = new WeakMap(), F = new WeakMap(), q = new WeakMap(), kt = new WeakMap(), It
   e(this, q).setAttribute("title", t), e(this, q).setAttribute("description", i);
   const s = this.getAttribute("poster");
   s && e(this, q).setAttribute("background-image", s), e(this, q).removeAttribute("hidden");
-}, m(qa, "observedAttributes", [...ri.observedAttributes, ...gl]);
+}, m(qa, "observedAttributes", [...ri.observedAttributes, ...El]);
 const ja = document.createElement("template");
 ja.innerHTML = /* HTML */
 `
@@ -3783,8 +3791,8 @@ ja.innerHTML = /* HTML */
     }
   </style>
 `;
-const Tl = 6e3;
-var De, Kt, de, Fe, nt, Ja, ws, Vn, Zs;
+const Sl = 6e3;
+var De, Kt, de, Fe, nt, Ja, Ls, Vn, Zs;
 class Ya extends HTMLElement {
   constructor() {
     super();
@@ -3793,7 +3801,7 @@ 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, ws).call(this);
+      !document.hidden && this.hasAttribute("intersecting") && this.paused && !this.disabled ? n(this, nt, Ja).call(this) : n(this, nt, Ls).call(this);
     });
     l(this, Zs, (t) => {
       t.forEach((i) => {
@@ -3808,7 +3816,7 @@ class Ya extends HTMLElement {
   }
   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, ws).call(this);
+    (t = e(this, De)) == null || t.disconnectListener(this), document.removeEventListener("visibilitychange", e(this, Fe)), (i = e(this, de)) == null || i.disconnect(), d(this, de, null), n(this, nt, 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));
@@ -3827,8 +3835,8 @@ class Ya extends HTMLElement {
   }
 }
 De = new WeakMap(), Kt = new WeakMap(), de = new WeakMap(), Fe = new WeakMap(), nt = new WeakSet(), Ja = function() {
-  e(this, Kt) === null && (n(this, nt, ws).call(this), d(this, Kt, window.setInterval(() => n(this, nt, Vn).call(this), Tl)));
-}, ws = function() {
+  e(this, Kt) === null && (n(this, nt, Ls).call(this), d(this, Kt, window.setInterval(() => n(this, nt, Vn).call(this), Sl)));
+}, 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() {
   if (!this.posterSrc) return;
@@ -3840,7 +3848,7 @@ De = new WeakMap(), Kt = new WeakMap(), de = new WeakMap(), Fe = new WeakMap(),
   "disabled",
   "intersecting"
 ]);
-const Sl = (
+const Cl = (
   /* 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">
@@ -3857,7 +3865,7 @@ Wa.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="button">${Sl}</slot>
+  <slot name="button">${Cl}</slot>
   <slot name="listbox" hidden>
     <vindral-rendition-levels-menu-list id="listbox" part="listbox"></vindral-rendition-levels-menu-list>
   </slot>
@@ -3882,7 +3890,7 @@ Yi = new WeakSet(), jn = function() {
   !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"), Cl = (
+const Qa = document.createElement("template"), xl = (
   /* 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>
@@ -3961,7 +3969,7 @@ Qa.innerHTML = /* HTML */
     }
 
     [role="menuitem"][aria-selected="true"]::before {
-      content: url("data:image/svg+xml,${encodeURIComponent(Cl)}");
+      content: url("data:image/svg+xml,${encodeURIComponent(xl)}");
       position: absolute;
       left: calc(var(--padding-3) - var(--padding-1));
       top: calc(50% - 8px);
@@ -3991,7 +3999,7 @@ Qa.innerHTML = /* HTML */
     <div class="menu"></div>
   </slot>
 `;
-var ce, Ji, qt, Lt, ue, Wi, U, to, Yn, eo, Jn, io, so, no, Wn, ro;
+var ce, Ji, qt, Tt, ue, Wi, U, to, Yn, eo, Jn, io, so, no, Wn, ro;
 class Za extends HTMLElement {
   constructor() {
     super();
@@ -3999,7 +4007,7 @@ class Za extends HTMLElement {
     l(this, ce, []);
     l(this, Ji, Number.MAX_SAFE_INTEGER);
     l(this, qt, null);
-    l(this, Lt, []);
+    l(this, Tt, []);
     l(this, ue, null);
     l(this, Wi, null);
     m(this, "handleEvent", (t) => {
@@ -4037,7 +4045,7 @@ class Za extends HTMLElement {
     (t = e(this, qt)) == null || t.focus();
   }
 }
-ce = new WeakMap(), Ji = new WeakMap(), qt = new WeakMap(), Lt = new WeakMap(), ue = new WeakMap(), Wi = new WeakMap(), U = new WeakSet(), to = function() {
+ce = new WeakMap(), Ji = new WeakMap(), qt = new WeakMap(), Tt = new WeakMap(), ue = new WeakMap(), Wi = new WeakMap(), U = new WeakSet(), to = function() {
   const t = (s) => {
     s.forEach((o) => {
       if (o.intersectionRatio !== 1)
@@ -4057,7 +4065,7 @@ ce = new WeakMap(), Ji = new WeakMap(), qt = new WeakMap(), Lt = new WeakMap(),
 }, Yn = function() {
   var i;
   const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector(".menu");
-  t && (d(this, Lt, []), t.innerHTML = "", e(this, ce).sort((s, o) => {
+  t && (d(this, Tt, []), 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) => {
@@ -4065,9 +4073,9 @@ ce = new WeakMap(), Ji = new WeakMap(), qt = new WeakMap(), Lt = new WeakMap(),
     const o = document.createElement("div");
     o.setAttribute("role", "menuitem"), o.setAttribute("value", String((v = s.video) == null ? void 0 : v.height)), o.classList.add("menu-item"), o.tabIndex = -1;
     const u = n(this, U, eo).call(this, (A = s.video) == null ? void 0 : A.frameRate);
-    o.textContent = s.video ? Wo(s.video) : "";
+    o.textContent = s.video ? Qo(s.video) : "";
     const p = document.createElement("span");
-    p.classList.add("menu-item-subtitle"), p.textContent = `${Jo(((ut = (z = s.video) == null ? void 0 : z.bitRate) != null ? ut : 0) + ((jt = (at = s.audio) == null ? void 0 : at.bitRate) != null ? jt : 0))}, ${u}p`, o.appendChild(p), o.addEventListener("click", () => n(this, U, io).call(this, s)), e(this, Lt).push({ el: o, id: (Jt = (Yt = s.video) == null ? void 0 : Yt.id) != null ? Jt : -1 }), t.appendChild(o);
+    p.classList.add("menu-item-subtitle"), p.textContent = `${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) {
   return t ? t[0] % t[1] === 0 ? (t[0] / t[1]).toString() : (t[0] / t[1]).toFixed(2) : "";
@@ -4085,7 +4093,7 @@ ce = new WeakMap(), Ji = new WeakMap(), qt = new WeakMap(), Lt = new WeakMap(),
     }
   )[0] || t[t.length - 1];
   if (i) {
-    const s = e(this, Lt).find((o) => {
+    const s = e(this, Tt).find((o) => {
       var u;
       return o.id === ((u = i.video) == null ? void 0 : u.id);
     });
@@ -4101,7 +4109,7 @@ ce = new WeakMap(), Ji = new WeakMap(), qt = new WeakMap(), Lt = new WeakMap(),
   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) {
   var A;
-  const { key: i } = t, s = e(this, Lt), o = (A = n(this, U, Wn).call(this)) != null ? A : s[0];
+  const { key: i } = t, s = e(this, Tt), o = (A = n(this, U, Wn).call(this)) != null ? A : s[0];
   if (!o) return;
   const u = s.indexOf(o);
   let p = Math.max(0, u);
@@ -4109,9 +4117,9 @@ ce = new WeakMap(), Ji = new WeakMap(), qt = new WeakMap(), Lt = new WeakMap(),
   const v = s[p];
   v && (n(this, U, ro).call(this, v.id), v.el.focus());
 }, Wn = function() {
-  return e(this, Lt).find((t) => t.el.tabIndex === 0);
+  return e(this, Tt).find((t) => t.el.tabIndex === 0);
 }, ro = function(t) {
-  for (const i of e(this, Lt))
+  for (const i of e(this, Tt))
     i.el.tabIndex = i.id === t ? 0 : -1;
 }, m(Za, "observedAttributes", [r.RENDITION_LEVELS, r.MAX_VIDEO_BITRATE]);
 const ao = document.createElement("template");
@@ -4184,14 +4192,14 @@ ao.innerHTML = /* HTML */
   <div id="scroll-area"></div>
   <slot id="content"></slot>
 `;
-var wt, pe, He, Qi, R, lo, ho, co, tn, en, Ts, Qn, Zn, tr, er;
+var Lt, pe, Oe, Qi, R, lo, ho, co, tn, en, ws, Qn, Zn, tr, er;
 class oo extends HTMLElement {
   constructor() {
     super();
     l(this, R);
-    l(this, wt, null);
+    l(this, Lt, null);
     l(this, pe, null);
-    l(this, He, null);
+    l(this, Oe, null);
     l(this, Qi, 0);
     m(this, "handleEvent", (t) => {
       switch (t.type) {
@@ -4214,7 +4222,7 @@ class oo extends HTMLElement {
     });
     l(this, en, () => {
       const t = e(this, Qi);
-      if (d(this, Qi, this.scrollTop), !n(this, R, Ts).call(this)) {
+      if (d(this, Qi, this.scrollTop), !n(this, R, ws).call(this)) {
         this.scrollTop = 0;
         return;
       }
@@ -4226,20 +4234,20 @@ class oo extends HTMLElement {
     var i, s, o, u, p, v;
     const t = this.getRootNode();
     if (t instanceof Document || t instanceof ShadowRoot) {
-      d(this, wt, t.querySelector("vindral-controller")), (i = e(this, wt)) == null || i.connectListener(this), d(this, pe, (s = this.shadowRoot) == null ? void 0 : s.querySelector("#scroll-area")), (o = e(this, pe)) == null || o.addEventListener("click", () => {
+      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", () => {
         this.open && (this.open = !1);
       });
       const A = this.hasAttribute("touch-enabled");
-      if (!Vo() || !A) {
+      if (!Xo() || !A) {
         this.setAttribute("snap", ""), this.addEventListener("scroll", e(this, en));
         return;
       }
-      this.addEventListener("scroll", e(this, tn)), (u = e(this, wt)) == null || u.addEventListener("touchstart", this, { passive: !0 }), (p = e(this, wt)) == null || p.addEventListener("touchmove", this, { passive: !1 }), (v = e(this, wt)) == null || v.addEventListener("touchend", this, { passive: !0 });
+      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 });
     }
   }
   disconnectedCallback() {
     var t;
-    (t = e(this, wt)) == null || t.disconnectListener(this);
+    (t = e(this, Lt)) == null || t.disconnectListener(this);
   }
   attributeChangedCallback(t, i, s) {
     var o;
@@ -4260,16 +4268,16 @@ class oo extends HTMLElement {
     return this.hasAttribute("visible");
   }
 }
-wt = new WeakMap(), pe = new WeakMap(), He = new WeakMap(), Qi = new WeakMap(), R = new WeakSet(), lo = function(t) {
-  n(this, R, Ts).call(this) && t.touches[0] && d(this, He, t.touches[0].clientY);
+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, Ts).call(this) || !e(this, He) || this.hasAttribute("snap-touch")) && (t.preventDefault(), t.touches[0])) {
-    const i = t.touches[0].clientY, s = e(this, He) - i;
+  if (!(!n(this, R, ws).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(), Ts = function() {
+}, tn = new WeakMap(), en = new WeakMap(), ws = function() {
   return this.hasAttribute(r.USER_INTERACTING);
 }, Qn = function() {
   return this.scrollTop > 0;
@@ -4298,6 +4306,7 @@ uo.innerHTML = /* HTML */
         #b3e5fc 100%
       );
       --vindral-range-thumb-color: #03a9f4;
+      display: var(--seek-bar-display);
       position: relative;
     }
 
@@ -4341,7 +4350,7 @@ uo.innerHTML = /* HTML */
   <div id="hover-preview"></div>
   <div id="time-tooltip"></div>
 `;
-var N, ct, Tt, st, St, Vt, Xt, Ct, y, Ss, ir, Zt, fe, Zi, ts, be, es, is, sr, nr, rr, ar, bo, or, te, Cs, ss;
+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 {
   constructor() {
     var t, i, s;
@@ -4349,7 +4358,7 @@ class po extends ni {
     l(this, y);
     l(this, N);
     l(this, ct);
-    l(this, Tt);
+    l(this, wt);
     l(this, st, !1);
     l(this, St, null);
     l(this, Vt, null);
@@ -4375,15 +4384,15 @@ class po extends ni {
         }
         d(this, St, requestAnimationFrame(() => {
           if (t.pointerType !== "mouse" || e(this, st) || !this.duration) {
-            e(this, Tt).style.opacity = "0", d(this, St, null);
+            e(this, wt).style.opacity = "0", d(this, St, null);
             return;
           }
           const i = n(this, y, sr).call(this, t.clientX);
           if (n(this, y, ar).call(this, i, t.clientX), i > this.range.valueAsNumber) {
             const s = this.range.valueAsNumber * 100, o = (i - this.range.valueAsNumber) * 100;
-            e(this, Tt).style.transform = `translateX(${s}%) scaleX(${o / 100})`, e(this, Tt).style.opacity = "1";
+            e(this, wt).style.transform = `translateX(${s}%) scaleX(${o / 100})`, e(this, wt).style.opacity = "1";
           } else
-            e(this, Tt).style.opacity = "0";
+            e(this, wt).style.opacity = "0";
           d(this, St, null);
         }));
       }
@@ -4401,7 +4410,7 @@ 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, Tt).style.opacity = "0";
+      e(this, ct).style.opacity = "0", e(this, wt).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)))
@@ -4434,7 +4443,7 @@ class po extends ni {
       const p = Math.min(o / i, 1);
       n(this, y, rr).call(this, p);
     });
-    (t = this.shadowRoot) == null || t.appendChild(uo.content.cloneNode(!0)), d(this, ct, (i = this.shadowRoot) == null ? void 0 : i.getElementById("time-tooltip")), d(this, Tt, (s = this.shadowRoot) == null ? void 0 : s.getElementById("hover-preview")), this.addEventListener("pointerdown", e(this, Zi)), this.addEventListener("pointermove", e(this, ts)), this.addEventListener("pointerup", e(this, 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(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));
   }
   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));
@@ -4445,7 +4454,7 @@ class po extends ni {
   attributeChangedCallback(t, i, s) {
     if (super.attributeChangedCallback(t, i, s), i !== s)
       switch (t) {
-        case r.TIMESHIFT:
+        case r.TIMESHIFT_POSITION:
           if (n(this, y, te).call(this)) {
             e(this, st) ? d(this, Ct, !0) : (d(this, Xt, !1), d(this, Ct, !1)), this.range.value = "1", n(this, y, fe).call(this);
             return;
@@ -4473,7 +4482,7 @@ class po extends ni {
     this.setAttribute(r.DURATION, t.toString());
   }
 }
-N = new WeakMap(), ct = new WeakMap(), Tt = new WeakMap(), st = new WeakMap(), St = new WeakMap(), Vt = new WeakMap(), Xt = new WeakMap(), Ct = new WeakMap(), y = new WeakSet(), Ss = function() {
+N = new WeakMap(), ct = new WeakMap(), wt = new WeakMap(), st = new WeakMap(), St = new WeakMap(), Vt = new WeakMap(), Xt = new WeakMap(), Ct = new WeakMap(), y = new WeakSet(), Ss = function() {
   return e(this, N) ? e(this, N) : 1;
 }, ir = function() {
   return !!e(this, N) && e(this, N) > 0 && isFinite(e(this, N));
@@ -4514,21 +4523,21 @@ N = new WeakMap(), ct = new WeakMap(), Tt = new WeakMap(), st = new WeakMap(), S
 }, or = 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);
+  return !this.hasAttribute(r.TIMESHIFT_POSITION);
 }, Cs = 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", [
   ...ni.observedAttributes,
-  r.TIMESHIFT,
+  r.TIMESHIFT_POSITION,
   r.DURATION
 ]);
-const mo = document.createElement("template"), xl = (
+const mo = document.createElement("template"), Nl = (
   /* 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>
 `
-), Nl = (
+), Rl = (
   /* 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>
@@ -4587,15 +4596,15 @@ mo.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="play">${xl}</slot>
-    <slot name="unmute">${Nl}</slot>
+    <slot name="play">${Nl}</slot>
+    <slot name="unmute">${Rl}</slot>
   </slot>
 `;
-var Oe, ns, me, rs;
+var He, ns, me, rs;
 class vo extends HTMLElement {
   constructor() {
     super();
-    l(this, Oe, null);
+    l(this, He, null);
     l(this, ns, () => {
       this.dispatchEvent(new CustomEvent(k.REQUEST_USER_INPUT, { bubbles: !0, composed: !0 }));
     });
@@ -4622,7 +4631,7 @@ class vo extends HTMLElement {
   }
   connectedCallback() {
     var t;
-    d(this, Oe, this.closest("vindral-controller")), (t = e(this, Oe)) == null || t.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.enable();
+    d(this, He, this.closest("vindral-controller")), (t = e(this, He)) == null || t.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.enable();
   }
   enable() {
     this.addEventListener("click", e(this, ns)), this.addEventListener("keydown", e(this, rs)), this.tabIndex = 0;
@@ -4632,10 +4641,10 @@ class vo extends HTMLElement {
   }
   disconnectedCallback() {
     var t;
-    (t = e(this, Oe)) == null || t.disconnectListener(this), this.disable();
+    (t = e(this, He)) == null || t.disconnectListener(this), this.disable();
   }
 }
-Oe = 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(vo, "observedAttributes", [
   "hidden",
   r.NEEDS_USER_INPUT_VIDEO,
   r.NEEDS_USER_INPUT_AUDIO,
@@ -4749,7 +4758,7 @@ class go extends HTMLElement {
   }
 }
 as = new WeakMap(), os = new WeakMap(), ls = new WeakMap(), m(go, "observedAttributes", ["title", "description", "background-image", "hidden"]);
-const Eo = document.createElement("template"), Rl = (
+const Eo = document.createElement("template"), Ul = (
   /* 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>
@@ -4805,7 +4814,7 @@ Eo.innerHTML = /* HTML */
     }
   </style>
 
-  <slot id="play" name="icon">${Rl}</slot>
+  <slot id="play" name="icon">${Ul}</slot>
 `;
 var ze;
 class Ao extends HTMLElement {
@@ -4847,7 +4856,7 @@ yo.innerHTML = /* HTML */
     }
   </style>
 `;
-const Ul = (c) => `${Math.round(c * 100)}%`;
+const Pl = (c) => `${Math.round(c * 100)}%`;
 var hs;
 const si = class si extends ni {
   constructor() {
@@ -4866,7 +4875,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", Ul(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", Pl(this.range.valueAsNumber)), this.updateBar());
   }
   get volume() {
     var t;
@@ -4879,7 +4888,7 @@ 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", $n), customElements.define("vindral-mute-button", On), customElements.define("vindral-buffering-overlay", Pr), customElements.define("vindral-scroll-overlay", oo), customElements.define("vindral-play-overlay", Ao), customElements.define("vindral-user-input-play-overlay", vo), customElements.define("vindral-fullscreen-button", Rn), customElements.define("vindral-rendition-levels-menu", Xn), customElements.define("vindral-rendition-levels-menu-list", Za), customElements.define("vindral-channel-grid-button", bn), customElements.define("vindral-channel-grid", $r), customElements.define("vindral-channel-grid-item", hr), customElements.define("vindral-pip-button", zn), customElements.define("vindral-airplay-button", hn), customElements.define("vindral-cast-button", cn), customElements.define("vindral-cast-overlay", Fr), customElements.define("vindral-buffering-icon", Rr), customElements.define("vindral-language-menu", Un), customElements.define("vindral-language-menu-list", Ua), customElements.define("vindral-message", go), customElements.define("vindral-volume-range", lr), customElements.define("vindral-poster-overlay", Ya), customElements.define("vindral-player", qa), customElements.define("vindral-seek-bar", po), customElements.define("vindral-live-button", Hn);
+  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);
 }
 export {
   Hl as registerComponents