@vindral/web-sdk 4.2.0-5-g7d2f2421 → 4.2.0-6-g76abf9e5

package/player.js

@@ -31,11 +31,11 @@ var q = (p, a, t) => new Promise((i, s) => {
   }, c = (m) => m.done ? i(m.value) : Promise.resolve(m.value).then(o, u);
   c((t = t.apply(p, a)).next());
 });
-import { i as rh, e as ah, g as oh, f as lh, s as ia, h as hh, j as dh, k as ch, l as uh, m as ph, o as sa, p as bh, L as da, V as mh, q as vh, r as fh, u as gh, C as Eh, A as Ah, t as yh, v as kh } from "./DUiPjZzG.js";
+import { n as rh, i as ah, e as oh, g as lh, f as hh, s as ia, h as dh, j as ch, k as uh, l as ph, m as bh, o as sa, p as mh, L as da, V as vh, q as fh, r as gh, u as Eh, C as Ah, A as yh, t as kh, v as Ih } from "./BIfIQRAg.js";
 import { E as Ys } from "./DGo74EDo.js";
-import { CastSender as Ih } from "./cast-sender.js";
-import { A as Lh, d as Th } from "./CuhQLT-7.js";
-const Fn = 1e3, Hn = Fn * 1e3, na = Hn * 1e3, Dn = (p, a, t) => p % a === 0 ? p / a : (p / a).toFixed(t), ca = (p, a = 1) => p >= na ? `${Dn(p, na, a)} Gbit/s` : p >= Hn ? `${Dn(p, Hn, a)} Mbit/s` : p >= Fn ? `${Dn(p, Fn, a)} Kbit/s` : `${p} bit/s`, ua = ({ width: p, height: a }) => `${p}x${a}`, Sh = ({
+import { CastSender as Lh } from "./cast-sender.js";
+import { A as Th, d as Sh } from "./CuhQLT-7.js";
+const Fn = 1e3, Hn = Fn * 1e3, na = Hn * 1e3, Dn = (p, a, t) => p % a === 0 ? p / a : (p / a).toFixed(t), ca = (p, a = 1) => p >= na ? `${Dn(p, na, a)} Gbit/s` : p >= Hn ? `${Dn(p, Hn, a)} Mbit/s` : p >= Fn ? `${Dn(p, Fn, a)} Kbit/s` : `${p} bit/s`, ua = ({ width: p, height: a }) => `${p}x${a}`, wh = ({
   title: p,
   subTitle: a = "Live stream",
   poster: t
@@ -45,14 +45,14 @@ const Fn = 1e3, Hn = Fn * 1e3, na = Hn * 1e3, Dn = (p, a, t) => p % a === 0 ? p
     artist: a,
     artwork: t ? [{ src: t }] : []
   }));
-}, wh = (p) => p === "mse" || p === "webcodecs" || p === "wasm";
-function Ch(p) {
+}, Ch = (p) => p === "mse" || p === "webcodecs" || p === "wasm";
+function xh(p) {
   if (p === null || p === "auto")
     return;
-  const a = p.split(",").filter(wh);
+  const a = p.split(",").filter(Ch);
   return a.length > 0 ? a : void 0;
 }
-function xh(p) {
+function Nh(p) {
   if (p === "no-preference" || p === "prefer-hardware" || p === "prefer-software")
     return p;
 }
@@ -130,14 +130,14 @@ function ba(p) {
 function Mn(p) {
   return p === "trace" || p === "debug" || p === "info" || p === "warn" || p === "error" || p === "off" ? p : "off";
 }
-function Nh(p) {
+function Rh(p) {
   if (p === null)
     return;
   const a = p.split(",").map((t) => t.trim()).filter((t) => t === "h264" || t === "av1");
   if (a.length !== 0)
     return a;
 }
-function Rh(p) {
+function _h(p) {
   if (p !== null)
     try {
       const a = JSON.parse(p);
@@ -150,7 +150,7 @@ function Rh(p) {
       return;
     }
 }
-function _h(p) {
+function Uh(p) {
   if (p !== null)
     try {
       const a = JSON.parse(p);
@@ -426,7 +426,7 @@ Be = new WeakMap(), ze = new WeakMap(), et = new WeakMap(), Fi = new WeakMap(),
   var t, i, s;
   (t = e(this, et)) != null && t.hidden && (e(this, et).hidden = !1, (i = e(this, Be)) == null || i.setAttribute("aria-expanded", "true"), (s = e(this, ze)) == null || s.focus(), this.dispatchEvent(new CustomEvent(y.LOCK_UI, { bubbles: !0, composed: !0 })));
 };
-const Uh = (
+const Ph = (
   /* 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">
@@ -443,7 +443,7 @@ ya.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="button">${Uh}</slot>
+  <slot name="button">${Ph}</slot>
   <slot name="listbox" hidden>
     <vindral-advanced-rendition-menu-list id="listbox" part="listbox"></vindral-advanced-rendition-menu-list>
   </slot>
@@ -842,7 +842,7 @@ $e = new WeakMap(), Ae = new WeakMap(), it = new WeakMap(), Tt = new WeakMap(),
   r.RENDITION_LEVEL,
   r.SIZE_BASED_RESOLUTION_CAP_ENABLED
 ]);
-const Pa = document.createElement("template"), Ph = (
+const Pa = document.createElement("template"), Dh = (
   /* SVG */
   `
 <svg width="24" height="24" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
@@ -897,7 +897,7 @@ Pa.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="icon">${Ph}</slot>
+  <slot name="icon">${Dh}</slot>
 `;
 var Ke;
 class Da extends HTMLElement {
@@ -1486,7 +1486,7 @@ qt = new WeakMap(), St = new WeakMap(), je = new WeakMap(), Z = new WeakMap(), z
   "mode",
   "hidden"
 ]);
-const Dh = (
+const Mh = (
   /* 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">
@@ -1512,7 +1512,7 @@ oo.innerHTML = /* HTML */
       display: none;
     }
   </style>
-  <slot name="button">${Dh}</slot>
+  <slot name="button">${Mh}</slot>
 `;
 var Je, X, st, pn, V, lo, Jn, Qs, Zn, Qn;
 const Ii = class Ii extends mt {
@@ -1621,7 +1621,7 @@ class co extends HTMLElement {
   }
 }
 v(co, "observedAttributes", []);
-class Mh extends Ys {
+class Oh extends Ys {
   constructor(t) {
     super();
     v(this, "config");
@@ -1675,9 +1675,9 @@ class Mh extends Ys {
    * Show the AirPlay picker.
    */
   showPlaybackTargetPicker() {
-    this.element.paused && (this.element.play(), this.connectingTimeout = window.setTimeout(() => {
+    "webkitShowPlaybackTargetPicker" in this.element && this.castingAvailable && (this.element.paused && (this.element.play().catch(rh), this.connectingTimeout = window.setTimeout(() => {
       this.casting || (this.element.pause(), this.element.src = "", this.element.src = this.hlsUrl);
-    }, 3e4)), this.element.webkitShowPlaybackTargetPicker();
+    }, 3e4)), this.element.webkitShowPlaybackTargetPicker());
   }
   /**
    * Returns if AirPlay is supported.
@@ -1722,7 +1722,7 @@ const Fe = class Fe extends Ys {
     }));
     v(this, "onChange", () => this.emit("on fullscreen change", this.isFullscreen()));
     // into the yolo zone
-    v(this, "isFullscreen", () => rh());
+    v(this, "isFullscreen", () => ah());
     v(this, "isSupported", () => Fe.isFullscreenApiSupported(this.container) || !this.isInIframe());
     v(this, "isFullscreenApiSupported", () => Fe.isFullscreenApiSupported(this.container));
     v(this, "isInIframe", () => window.location !== window.parent.location);
@@ -1730,14 +1730,14 @@ const Fe = class Fe extends Ys {
   }
   get requestFn() {
     var t;
-    return (t = oh(this.container)) != null ? t : (() => Promise.resolve());
+    return (t = lh(this.container)) != null ? t : (() => Promise.resolve());
   }
   get exitFn() {
     var t;
-    return Fe.isFullscreenApiSupported(this.container) && this.isFullscreen() ? (t = lh(this.container)) != null ? t : (() => Promise.resolve()) : () => Promise.resolve();
+    return Fe.isFullscreenApiSupported(this.container) && this.isFullscreen() ? (t = hh(this.container)) != null ? t : (() => Promise.resolve()) : () => Promise.resolve();
   }
 };
-v(Fe, "isFullscreenApiSupported", (t) => ah(t));
+v(Fe, "isFullscreenApiSupported", (t) => oh(t));
 let Lt = Fe;
 var bn, mn, vn, fn, Ze, gn, En, Gi, Qe;
 class aa extends Ys {
@@ -1768,17 +1768,17 @@ class aa extends Ys {
     l(this, bn, () => e(this, Ze).call(this) ? e(this, vn).call(this) : e(this, Qe).call(this) ? e(this, Gi).call(this, "picture-in-picture") : Promise.resolve());
     l(this, mn, () => this.isPictureInPictureActive() ? e(this, Ze).call(this) ? e(this, fn).call(this) : e(this, Qe).call(this) ? e(this, Gi).call(this, "inline") : Promise.resolve() : Promise.resolve());
     l(this, vn, () => q(this, null, function* () {
-      const t = hh(this.element);
+      const t = dh(this.element);
       t && (yield t());
     }));
     l(this, fn, () => q(null, null, function* () {
-      const t = dh();
+      const t = ch();
       t && (yield t());
     }));
-    l(this, Ze, () => ch(this.element));
-    l(this, gn, () => uh());
-    l(this, En, () => ph(this.element) === "picture-in-picture");
-    l(this, Gi, (t) => (sa(this.element) && bh(this.element, t), Promise.resolve()));
+    l(this, Ze, () => uh(this.element));
+    l(this, gn, () => ph());
+    l(this, En, () => bh(this.element) === "picture-in-picture");
+    l(this, Gi, (t) => (sa(this.element) && mh(this.element, t), Promise.resolve()));
     l(this, Qe, () => sa(this.element));
     this.element = t, this.element.addEventListener("enterpictureinpicture", this.onChange), this.element.addEventListener("leavepictureinpicture", this.onChange), ia(this.element, !0);
   }
@@ -1792,7 +1792,7 @@ const oa = (p) => {
   let a = "observedAttributes" in p.constructor ? p.constructor.observedAttributes : void 0;
   return !a && ((t = p.nodeName) != null && t.includes("-")) && (globalThis.customElements.upgrade(p), a = "observedAttributes" in p.constructor ? p.constructor.observedAttributes : void 0), Array.isArray(a) ? a.filter((i) => pa.includes(i)) : [];
 };
-function Oh(p) {
+function Fh(p) {
   if (typeof p != "string") return NaN;
   const a = /(\d+(?:\.\d+)?)([hms])/gi, t = [...p.matchAll(a)];
   return t.length === 0 ? NaN : t.reduce((i, s) => {
@@ -2165,7 +2165,7 @@ f = new WeakMap(), $ = new WeakMap(), x = new WeakMap(), ti = new WeakMap(), wt
   return e(this, Ki) === a;
 }, l(Gt, Xi, ["waiting", "seeking", "stalled", "loadstart"]), l(Gt, ji, ["canplay", "canplaythrough", "seeked", "loadeddata"]);
 let tr = Gt;
-class Fh {
+class Hh {
   constructor(a) {
     this.vindral = a;
   }
@@ -2650,7 +2650,7 @@ const Li = class Li extends HTMLElement {
       o.searchParams.set("channelId", (N = e(this, At)) != null ? N : "");
       const u = this.getAttribute("authentication-token");
       u && o.searchParams.set("authToken", u);
-      const c = Oh(s);
+      const c = Fh(s);
       if (isNaN(c)) {
         e(this, K).error(`Invalid duration format: ${s}`);
         return;
@@ -2855,14 +2855,14 @@ const Li = class Li extends HTMLElement {
       const t = (s = e(this, b)) == null ? void 0 : s.currentRenditionLevel;
       if (!(t != null && t.video))
         return;
-      const i = fh(
+      const i = gh(
         t.video.width > t.video.height ? "landscape-primary" : "portrait-primary"
       );
       i && i.catch(() => {
       });
     });
     l(this, xn, () => {
-      gh();
+      Eh();
     });
     this.attachShadow({ mode: "open" }).appendChild(ko.content.cloneNode(!0));
     const i = Mn(this.getAttribute("log-level"));
@@ -3062,7 +3062,7 @@ An = new WeakMap(), xt = new WeakMap(), Ji = new WeakMap(), lt = new WeakMap(),
     if (!e(this, At)) return;
     const t = e(this, M) === e(this, Jt);
     yield (Zr = e(this, b)) == null ? void 0 : Zr.unload(), t && h(this, M, void 0);
-    const i = this.hasAttribute(r.PAUSED), s = this.hasAttribute(r.MUTED), o = Bt(this.getAttribute(r.VOLUME)), u = typeof o == "number" ? Math.max(0, Math.min(1, o)) : o, c = ba(this.getAttribute(r.MEDIA)), m = this.getAttribute(r.TEXT_TRACK) || void 0, E = this.getAttribute("edge-url") || void 0, N = this.getAttribute("authentication-token") || void 0, H = Bt(this.getAttribute("max-video-bit-rate")), G = Bt(this.getAttribute("max-initial-bit-rate")), vt = Rh(this.getAttribute("max-size")), ft = Bt(this.getAttribute("min-buffer-time")), gt = Bt(this.getAttribute("max-buffer-time")), de = R(this.getAttribute("burst-enabled")), ce = R(this.getAttribute("mse-enabled")), ue = R(this.getAttribute("mse-opus-enabled")), pe = R(this.getAttribute("ios-background-play-enabled")), be = R(this.getAttribute("ios-wake-lock-enabled")), B = R(this.getAttribute("stream-to-media-element-enabled")), Dl = R(this.getAttribute("ios-media-element-enabled")), Ml = R(this.getAttribute("abr-enabled"), !0), Ol = R(this.getAttribute("size-based-resolution-cap-enabled")), Fl = R(this.getAttribute("telemetry-enabled")), Hl = Nh(this.getAttribute("video-codecs")), Yr = ma(this.getAttribute("poster")), Bl = _h(this.getAttribute("advanced")), zl = Mn(this.getAttribute("log-level")), $l = {
+    const i = this.hasAttribute(r.PAUSED), s = this.hasAttribute(r.MUTED), o = Bt(this.getAttribute(r.VOLUME)), u = typeof o == "number" ? Math.max(0, Math.min(1, o)) : o, c = ba(this.getAttribute(r.MEDIA)), m = this.getAttribute(r.TEXT_TRACK) || void 0, E = this.getAttribute("edge-url") || void 0, N = this.getAttribute("authentication-token") || void 0, H = Bt(this.getAttribute("max-video-bit-rate")), G = Bt(this.getAttribute("max-initial-bit-rate")), vt = _h(this.getAttribute("max-size")), ft = Bt(this.getAttribute("min-buffer-time")), gt = Bt(this.getAttribute("max-buffer-time")), de = R(this.getAttribute("burst-enabled")), ce = R(this.getAttribute("mse-enabled")), ue = R(this.getAttribute("mse-opus-enabled")), pe = R(this.getAttribute("ios-background-play-enabled")), be = R(this.getAttribute("ios-wake-lock-enabled")), B = R(this.getAttribute("stream-to-media-element-enabled")), Dl = R(this.getAttribute("ios-media-element-enabled")), Ml = R(this.getAttribute("abr-enabled"), !0), Ol = R(this.getAttribute("size-based-resolution-cap-enabled")), Fl = R(this.getAttribute("telemetry-enabled")), Hl = Rh(this.getAttribute("video-codecs")), Yr = ma(this.getAttribute("poster")), Bl = Uh(this.getAttribute("advanced")), zl = Mn(this.getAttribute("log-level")), $l = {
       headers: Ws(this.getAttribute("drm-headers")),
       queryParams: Ws(this.getAttribute("drm-queryparams")),
       widevine: {
@@ -3073,10 +3073,10 @@ An = new WeakMap(), xt = new WeakMap(), Ji = new WeakMap(), lt = new WeakMap(),
         videoRobustness: Js(this.getAttribute("drm-playready-video-robustness")),
         audioRobustness: Js(this.getAttribute("drm-playready-audio-robustness"))
       }
-    }, Gl = xh(
+    }, Gl = Nh(
       this.getAttribute("webcodecs-hardware-acceleration")
-    ), Kl = Ch(this.getAttribute("decoders")), ql = R(this.getAttribute("offscreen-canvas-enabled")), Vl = R(this.getAttribute("webtransport-enabled")), Wr = Bt(this.getAttribute("reconnect-retries")), Xl = Wr !== void 0 ? (th) => th.reconnectRetries < Wr : void 0, jl = this.getAttribute("language") || void 0;
-    h(this, b, new mh({
+    ), Kl = xh(this.getAttribute("decoders")), ql = R(this.getAttribute("offscreen-canvas-enabled")), Vl = R(this.getAttribute("webtransport-enabled")), Wr = Bt(this.getAttribute("reconnect-retries")), Xl = Wr !== void 0 ? (th) => th.reconnectRetries < Wr : void 0, jl = this.getAttribute("language") || void 0;
+    h(this, b, new vh({
       url: e(this, Qi),
       channelId: e(this, At),
       channelGroupId: e(this, Nt),
@@ -3112,7 +3112,7 @@ An = new WeakMap(), xt = new WeakMap(), Ji = new WeakMap(), lt = new WeakMap(),
       decoders: Kl,
       offscreenCanvasEnabled: ql,
       reconnectHandler: Xl
-    })), h(this, Jt, new Fh(e(this, b))), e(this, M) || h(this, M, e(this, Jt)), n(this, d, rr).call(this), h(this, Wt, (Qr = this.shadowRoot) == null ? void 0 : Qr.querySelector("#video")), e(this, Wt) && e(this, b).attach(e(this, Wt)), this.setAttribute(r.MEDIA, e(this, b).media), e(this, b).muted && n(this, d, A).call(this, r.MUTED, ""), e(this, b).abrEnabled ? n(this, d, A).call(this, r.ABR_ENABLED, "") : n(this, d, w).call(this, r.ABR_ENABLED), n(this, d, A).call(this, r.SIZE_BASED_RESOLUTION_CAP_ENABLED, e(this, b).sizeBasedResolutionCapEnabled ? "true" : "false"), n(this, d, A).call(this, r.VOLUME, e(this, b).volume.toString()), U(Yr) || n(this, d, A).call(this, r.POSTER_SRC, e(this, b).getThumbnailUrl());
+    })), h(this, Jt, new Hh(e(this, b))), e(this, M) || h(this, M, e(this, Jt)), n(this, d, rr).call(this), h(this, Wt, (Qr = this.shadowRoot) == null ? void 0 : Qr.querySelector("#video")), e(this, Wt) && e(this, b).attach(e(this, Wt)), this.setAttribute(r.MEDIA, e(this, b).media), e(this, b).muted && n(this, d, A).call(this, r.MUTED, ""), e(this, b).abrEnabled ? n(this, d, A).call(this, r.ABR_ENABLED, "") : n(this, d, w).call(this, r.ABR_ENABLED), n(this, d, A).call(this, r.SIZE_BASED_RESOLUTION_CAP_ENABLED, e(this, b).sizeBasedResolutionCapEnabled ? "true" : "false"), n(this, d, A).call(this, r.VOLUME, e(this, b).volume.toString()), U(Yr) || n(this, d, A).call(this, r.POSTER_SRC, e(this, b).getThumbnailUrl());
     const Yl = R(this.getAttribute(r.AIRPLAY_ENABLED), !1), Wl = R(this.getAttribute(r.CAST_ENABLED), !0), Jr = R(this.getAttribute(r.FULLSCREEN_ENABLED), !0), Jl = R(this.getAttribute(r.PIP_ENABLED), !0), Zl = R(this.getAttribute(r.VU_METER_ENABLED), !1), Ql = R(this.getAttribute(r.TIMESHIFT_ENABLED), !1);
     Yl && n(this, d, xo).call(this, e(this, b)), Wl && n(this, d, wo).call(this, e(this, b)), Jr && n(this, d, To).call(this, e(this, b)), Jl && n(this, d, Lo).call(this, e(this, b)), i || e(this, b).play(), Zl && n(this, d, No).call(this, e(this, b)), this.dispatchEvent(
       new CustomEvent("vindral-instance-ready", { bubbles: !0, composed: !0, detail: e(this, b) })
@@ -3160,7 +3160,7 @@ An = new WeakMap(), xt = new WeakMap(), Ji = new WeakMap(), lt = new WeakMap(),
 }, en = function() {
   return this.hasAttribute(r.TIMESHIFT_POSITION) ? e(this, Le) : e(this, Rt);
 }, wo = function(t) {
-  h(this, _t, new Ih({
+  h(this, _t, new Lh({
     background: e(this, es),
     receiverApplicationId: e(this, ts),
     options: t.getCastOptions()
@@ -3181,7 +3181,7 @@ An = new WeakMap(), xt = new WeakMap(), Ji = new WeakMap(), lt = new WeakMap(),
   var s;
   (s = e(this, ht)) == null || s.unload();
   const i = t.getCastOptions();
-  h(this, ht, new Mh({
+  h(this, ht, new Oh({
     url: i.url,
     channelId: i.channelId,
     authenticationToken: i.authenticationToken,
@@ -3195,7 +3195,7 @@ An = new WeakMap(), xt = new WeakMap(), Ji = new WeakMap(), lt = new WeakMap(),
   });
 }, No = function(t) {
   var i;
-  if ((i = e(this, Q)) == null || i.unload(), !vh()) {
+  if ((i = e(this, Q)) == null || i.unload(), !fh()) {
     if (t.audioNode)
       h(this, Q, new la(t.audioNode));
     else if (t.mediaElement instanceof HTMLMediaElement)
@@ -3349,12 +3349,12 @@ Mo = function() {
   "language"
 ]), l(Li, An, "https://lb.cdn.vindral.com");
 let Pi = Li;
-const Fo = document.createElement("template"), Hh = (
+const Fo = document.createElement("template"), Bh = (
   /* 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>
 `
-), Bh = (
+), zh = (
   /* 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>
@@ -3377,8 +3377,8 @@ Fo.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="enter">${Hh}</slot>
-    <slot name="exit">${Bh}</slot>
+    <slot name="enter">${Bh}</slot>
+    <slot name="exit">${zh}</slot>
   </slot>
 `;
 const Ti = class Ti extends mt {
@@ -3408,7 +3408,7 @@ const Ti = class Ti extends mt {
 };
 v(Ti, "observedAttributes", [...W(Ti, Ti, "observedAttributes"), r.FULLSCREEN]);
 let mr = Ti;
-const zh = (
+const $h = (
   /* 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>
@@ -3422,7 +3422,7 @@ Ho.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="button">${zh}</slot>
+  <slot name="button">${$h}</slot>
   <slot name="listbox" hidden>
     <vindral-language-menu-list id="listbox" part="listbox"></vindral-language-menu-list>
   </slot>
@@ -3447,7 +3447,7 @@ Ls = new WeakSet(), fr = function() {
   i && s ? this.setAttribute("hidden", "") : this.removeAttribute("hidden");
 }, v(Si, "observedAttributes", [...W(Si, Si, "observedAttributes"), r.LANGUAGES, r.TEXT_TRACKS]);
 let vr = Si;
-const Bo = document.createElement("template"), $h = (
+const Bo = document.createElement("template"), Gh = (
   /* 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>
@@ -3529,7 +3529,7 @@ Bo.innerHTML = /* HTML */
     }
 
     [role="menuitem"][aria-selected="true"]::before {
-      content: url("data:image/svg+xml,${encodeURIComponent($h)}");
+      content: url("data:image/svg+xml,${encodeURIComponent(Gh)}");
       position: absolute;
       left: var(--padding-3);
       top: calc(50% - 8px);
@@ -3698,7 +3698,7 @@ Ts = new WeakMap(), Ss = new WeakMap(), ws = new WeakMap(), Cs = new WeakMap(),
   r.LANGUAGE,
   r.TEXT_TRACK
 ]);
-const jo = document.createElement("template"), Gh = (
+const jo = document.createElement("template"), Kh = (
   /* SVG */
   `
   <svg xmlns="http://www.w3.org/2000/svg" width="5" height="5" viewBox="0 0 5 5" fill="currentColor">
@@ -3768,7 +3768,7 @@ jo.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="icon">${Gh}</slot>
+  <slot name="icon">${Kh}</slot>
   <span class="live-text">LIVE</span>
 `;
 const wi = class wi extends mt {
@@ -3808,7 +3808,7 @@ v(wi, "observedAttributes", [
   r.DURATION
 ]);
 let kr = wi;
-const Yo = document.createElement("template"), Kh = (
+const Yo = document.createElement("template"), qh = (
   /* SVG */
   `
 <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  <g fill="none" stroke="currentColor">
@@ -3816,7 +3816,7 @@ const Yo = document.createElement("template"), Kh = (
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2" />
 </g></svg>
 `
-), qh = (
+), Vh = (
   /* SVG */
   `
   <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  <g fill="none" stroke="currentColor">
@@ -3840,8 +3840,8 @@ Yo.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="mute">${Kh}</slot>
-    <slot name="unmute">${qh}</slot>
+    <slot name="mute">${qh}</slot>
+    <slot name="unmute">${Vh}</slot>
   </slot>
 `;
 const Ci = class Ci extends mt {
@@ -3871,7 +3871,7 @@ const Ci = class Ci extends mt {
 };
 v(Ci, "observedAttributes", [...W(Ci, Ci, "observedAttributes"), r.MUTED]);
 let Ir = Ci;
-const Wo = document.createElement("template"), Vh = (
+const Wo = document.createElement("template"), Xh = (
   /* 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>
@@ -3888,7 +3888,7 @@ Wo.innerHTML = /* HTML */
       display: none !important;
     }
   </style>
-  <slot name="icon">${Vh}</slot>
+  <slot name="icon">${Xh}</slot>
 `;
 const xi = class xi extends mt {
   constructor() {
@@ -3923,12 +3923,12 @@ const xi = class xi extends mt {
 };
 v(xi, "observedAttributes", [...W(xi, xi, "observedAttributes"), r.IS_PIP, r.PIP_AVAILABLE]);
 let Lr = xi;
-const Jo = document.createElement("template"), Xh = (
+const Jo = document.createElement("template"), jh = (
   /* 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>
 `
-), jh = (
+), Yh = (
   /* 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>
@@ -3951,8 +3951,8 @@ Jo.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="play">${Xh}</slot>
-    <slot name="pause">${jh}</slot>
+    <slot name="play">${jh}</slot>
+    <slot name="pause">${Yh}</slot>
   </slot>
 `;
 const Ni = class Ni extends mt {
@@ -3988,9 +3988,9 @@ const J = {
   ADVANCED_RENDITION_MENU_ENABLED: "advanced-rendition-menu-enabled",
   REFRESH_POSTER_ENABLED: "refresh-poster-enabled",
   STREAM_POLL_ENABLED: "stream-poll-enabled"
-}, Yh = Object.values(J);
+}, Wh = Object.values(J);
 var Ns, ri, ie, we, se, ne, Pt, tt, Sr, Zo, wr, Cr;
-class Wh extends Ys {
+class Jh extends Ys {
   constructor(t) {
     super();
     l(this, tt);
@@ -4001,7 +4001,7 @@ class Wh extends Ys {
     l(this, se, !0);
     l(this, ne, null);
     l(this, Pt, null);
-    h(this, ri, t), h(this, Ns, new Lh({
+    h(this, ri, t), h(this, Ns, new Th({
       publicEndpoint: t.url,
       tokenFactory: () => t.authenticationToken
     }));
@@ -4028,7 +4028,7 @@ Ns = new WeakMap(), ri = new WeakMap(), ie = new WeakMap(), we = new WeakMap(),
         return;
       }
     } catch (s) {
-      Th(s) && (s.status === 403 || s.status === 401) && (t = "Forbidden", i = "You do not have permission to view this stream");
+      Sh(s) && (s.status === 403 || s.status === 401) && (t = "Forbidden", i = "You do not have permission to view this stream");
     }
     e(this, se) && this.emit("error", { title: t, message: i }), h(this, ie, !1);
   });
@@ -4039,7 +4039,7 @@ Ns = new WeakMap(), ri = new WeakMap(), ie = new WeakMap(), we = new WeakMap(),
 }, Cr = function() {
   n(this, tt, wr).call(this), h(this, se, !0);
 };
-const Jh = /\/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, Zh = navigator.userAgent.toLowerCase(), Qh = Jh.test(Zh), td = (p) => Pi.observedAttributes.includes(p), Qo = (
+const Zh = /\/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, Qh = navigator.userAgent.toLowerCase(), td = Zh.test(Qh), ed = (p) => Pi.observedAttributes.includes(p), Qo = (
   /* HTML */
   `
   <style>
@@ -4051,7 +4051,7 @@ const Jh = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|
       display: flex;
       justify-content: center;
 
-      --vindral-volume-range-display: ${Qh ? "none" : "flex"};
+      --vindral-volume-range-display: ${td ? "none" : "flex"};
       --vindral-airplay-button-display: none;
       --vindral-play-overlay-display: none;
       --vindral-grid-item-offline-display: none;
@@ -4133,7 +4133,7 @@ const Jh = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|
     }
   </style>
 `
-), ed = (p) => {
+), id = (p) => {
   const a = p ? "vindral-advanced-rendition-menu" : "vindral-rendition-levels-menu";
   return (
     /* HTML */
@@ -4173,7 +4173,7 @@ const Jh = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|
     </vindral-controller>
   `
   );
-}, id = (
+}, sd = (
   /* HTML */
   `
   ${Qo}
@@ -4217,7 +4217,7 @@ class tl extends HTMLElement {
       });
     });
     l(this, _s, (t, i) => {
-      td(t) && (U(i) ? e(this, O).setAttribute(t, i) : e(this, O).removeAttribute(t));
+      ed(t) && (U(i) ? e(this, O).setAttribute(t, i) : e(this, O).removeAttribute(t));
     });
     l(this, Rn, () => {
       Array.from(this.children).forEach((t) => {
@@ -4235,11 +4235,11 @@ class tl extends HTMLElement {
         const s = t.channels.find((o) => o.channelId === i);
         s && n(this, F, on).call(this, s);
       }), t.on("error", (i) => {
-        if (i.code() === Eh) {
+        if (i.code() === Ah) {
           n(this, F, $t).call(this, "Stream is offline", "Please stand by");
           return;
         }
-        i.isFatal() && (i.code() === Ah ? n(this, F, $t).call(this, "Forbidden", "You do not have permission to view this stream") : i.code() === yh ? n(this, F, $t).call(this, "Stream is offline", "Please stand by") : n(this, F, $t).call(this, "An error occurred", i.message), e(this, rt).removeAttribute("hidden"), this.setAttribute(J.OFFLINE, ""), e(this, O).dispatchEvent(new CustomEvent(y.EXIT_FULLSCREEN)), e(this, O).dispatchEvent(new CustomEvent(y.EXIT_PIP)));
+        i.isFatal() && (i.code() === yh ? n(this, F, $t).call(this, "Forbidden", "You do not have permission to view this stream") : i.code() === kh ? n(this, F, $t).call(this, "Stream is offline", "Please stand by") : n(this, F, $t).call(this, "An error occurred", i.message), e(this, rt).removeAttribute("hidden"), this.setAttribute(J.OFFLINE, ""), e(this, O).dispatchEvent(new CustomEvent(y.EXIT_FULLSCREEN)), e(this, O).dispatchEvent(new CustomEvent(y.EXIT_PIP)));
       }));
     });
     l(this, xe, () => {
@@ -4276,7 +4276,7 @@ dt = new WeakMap(), O = new WeakMap(), Y = new WeakMap(), rt = new WeakMap(), ct
     this.getAttribute(J.ADVANCED_RENDITION_MENU_ENABLED),
     !1
   );
-  return t === "audio" ? id : ed(i);
+  return t === "audio" ? sd : id(i);
 }, Rn = new WeakMap(), xr = function() {
   const t = e(this, dt).hasChildNodes(), i = t ? e(this, O) : void 0, s = t ? e(this, rt) : void 0;
   this.isConnected && i && i.removeEventListener("vindral-instance-ready", e(this, Ce)), this.isConnected && s && e(this, ct) && s.removeEventListener("click", e(this, xe)), ha.innerHTML = n(this, F, el).call(this);
@@ -4293,7 +4293,7 @@ dt = new WeakMap(), O = new WeakMap(), Y = new WeakMap(), rt = new WeakMap(), ct
     this.setAttribute(J.OFFLINE, ""), n(this, F, $t).call(this, "Invalid options", "Please enter at least a channel id and url to start the stream");
     return;
   }
-  h(this, ct, new Wh({
+  h(this, ct, new Jh({
     url: t,
     channelId: i,
     authenticationToken: s,
@@ -4311,7 +4311,7 @@ dt = new WeakMap(), O = new WeakMap(), Y = new WeakMap(), rt = new WeakMap(), ct
   if (!i) return;
   const s = this.getAttribute("poster"), o = typeof i == "string" ? i : t.name;
   let u;
-  typeof s == "string" ? u = s : u = (m = (c = this.instance) == null ? void 0 : c.getThumbnailUrl()) != null ? m : t.thumbnailUrls.length ? t.thumbnailUrls[0] : void 0, Sh({
+  typeof s == "string" ? u = s : u = (m = (c = this.instance) == null ? void 0 : c.getThumbnailUrl()) != null ? m : t.thumbnailUrls.length ? t.thumbnailUrls[0] : void 0, wh({
     title: o,
     poster: u
   });
@@ -4319,7 +4319,7 @@ dt = new WeakMap(), O = new WeakMap(), Y = new WeakMap(), rt = new WeakMap(), ct
   e(this, Y).setAttribute("title", t), e(this, Y).setAttribute("description", i);
   const s = this.getAttribute("poster");
   s && e(this, Y).setAttribute("background-image", s), e(this, Y).removeAttribute("hidden");
-}, v(tl, "observedAttributes", [...Pi.observedAttributes, ...Yh]);
+}, v(tl, "observedAttributes", [...Pi.observedAttributes, ...Wh]);
 const sl = document.createElement("template");
 sl.innerHTML = /* HTML */
 `
@@ -4357,7 +4357,7 @@ sl.innerHTML = /* HTML */
     }
   </style>
 `;
-const sd = 6e3;
+const nd = 6e3;
 var ai, re, Ne, oi, bt, rl, ln, Nr, _n;
 class nl extends HTMLElement {
   constructor() {
@@ -4401,7 +4401,7 @@ class nl extends HTMLElement {
   }
 }
 ai = new WeakMap(), re = new WeakMap(), Ne = new WeakMap(), oi = new WeakMap(), bt = new WeakSet(), rl = function() {
-  e(this, re) === null && (n(this, bt, ln).call(this), h(this, re, window.setInterval(() => n(this, bt, Nr).call(this), sd)));
+  e(this, re) === null && (n(this, bt, ln).call(this), h(this, re, window.setInterval(() => n(this, bt, Nr).call(this), nd)));
 }, ln = function() {
   e(this, re) !== null && (clearInterval(e(this, re)), h(this, re, null)), this.style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAQAAACRI2S5AAAAEElEQVR42mNkIAAYRxWAAQAG9gAKqv6+AwAAAABJRU5ErkJggg==')";
 }, Nr = function() {
@@ -4414,7 +4414,7 @@ ai = new WeakMap(), re = new WeakMap(), Ne = new WeakMap(), oi = new WeakMap(),
   "disabled",
   "intersecting"
 ]);
-const nd = (
+const rd = (
   /* 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">
@@ -4431,7 +4431,7 @@ al.innerHTML = /* HTML */
     }
   </style>
 
-  <slot name="button">${nd}</slot>
+  <slot name="button">${rd}</slot>
   <slot name="listbox" hidden>
     <vindral-rendition-levels-menu-list id="listbox" part="listbox"></vindral-rendition-levels-menu-list>
   </slot>
@@ -4456,7 +4456,7 @@ Us = new WeakSet(), _r = function() {
   !t || t === "[]" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
 }, v(Ri, "observedAttributes", [...W(Ri, Ri, "observedAttributes"), r.RENDITION_LEVELS]);
 let Rr = Ri;
-const ol = document.createElement("template"), rd = (
+const ol = document.createElement("template"), ad = (
   /* 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>
@@ -4535,7 +4535,7 @@ ol.innerHTML = /* HTML */
     }
 
     [role="menuitem"][aria-selected="true"]::before {
-      content: url("data:image/svg+xml,${encodeURIComponent(rd)}");
+      content: url("data:image/svg+xml,${encodeURIComponent(ad)}");
       position: absolute;
       left: calc(var(--padding-3) - var(--padding-1));
       top: calc(50% - 8px);
@@ -4801,7 +4801,7 @@ class vl extends HTMLElement {
     if (t instanceof Document || t instanceof ShadowRoot) {
       h(this, at, t.querySelector("vindral-controller")), (i = e(this, at)) == null || i.connectListener(this), h(this, Mt, (s = this.shadowRoot) == null ? void 0 : s.querySelector("#scroll-area")), (o = e(this, Mt)) == null || o.addEventListener("click", e(this, Ms));
       const E = this.hasAttribute("touch-enabled");
-      h(this, li, kh() && E), e(this, li) ? ((u = e(this, at)) == null || u.addEventListener("touchstart", this, { passive: !0 }), (c = e(this, at)) == null || c.addEventListener("touchmove", this, { passive: !1 }), (m = e(this, at)) == null || m.addEventListener("touchend", this, { passive: !0 })) : this.setAttribute("snap", ""), this.addEventListener("scroll", e(this, Os));
+      h(this, li, Ih() && E), e(this, li) ? ((u = e(this, at)) == null || u.addEventListener("touchstart", this, { passive: !0 }), (c = e(this, at)) == null || c.addEventListener("touchmove", this, { passive: !1 }), (m = e(this, at)) == null || m.addEventListener("touchend", this, { passive: !0 })) : this.setAttribute("snap", ""), this.addEventListener("scroll", e(this, Os));
     }
   }
   disconnectedCallback() {
@@ -5113,12 +5113,12 @@ P = new WeakMap(), It = new WeakMap(), Ot = new WeakMap(), pt = new WeakMap(), F
   r.TIMESHIFT_POSITION,
   r.DURATION
 ]);
-const Cl = document.createElement("template"), ad = (
+const Cl = document.createElement("template"), od = (
   /* 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>
 `
-), od = (
+), ld = (
   /* 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>
@@ -5177,8 +5177,8 @@ Cl.innerHTML = /* HTML */
   </style>
 
   <slot name="icon">
-    <slot name="play">${ad}</slot>
-    <slot name="unmute">${od}</slot>
+    <slot name="play">${od}</slot>
+    <slot name="unmute">${ld}</slot>
   </slot>
 `;
 var hi, Gs, De, Ks;
@@ -5339,7 +5339,7 @@ class Rl extends HTMLElement {
   }
 }
 qs = new WeakMap(), Vs = new WeakMap(), Xs = new WeakMap(), v(Rl, "observedAttributes", ["title", "description", "background-image", "hidden"]);
-const _l = document.createElement("template"), ld = (
+const _l = document.createElement("template"), hd = (
   /* 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>
@@ -5395,7 +5395,7 @@ _l.innerHTML = /* HTML */
     }
   </style>
 
-  <slot id="play" name="icon">${ld}</slot>
+  <slot id="play" name="icon">${hd}</slot>
 `;
 var di;
 class Ul extends HTMLElement {
@@ -5437,7 +5437,7 @@ Pl.innerHTML = /* HTML */
     }
   </style>
 `;
-const hd = (p) => `${Math.round(p * 100)}%`;
+const dd = (p) => `${Math.round(p * 100)}%`;
 var js;
 const _i = class _i extends Ui {
   constructor() {
@@ -5456,7 +5456,7 @@ const _i = class _i extends Ui {
     super.disconnectedCallback(), this.range.removeEventListener("input", e(this, js));
   }
   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", hd(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", dd(this.range.valueAsNumber)), this.updateBar());
   }
   get volume() {
     var t;
@@ -5468,9 +5468,9 @@ const _i = class _i extends Ui {
 };
 js = new WeakMap(), v(_i, "observedAttributes", [...W(_i, _i, "observedAttributes"), r.MUTED, r.VOLUME]);
 let Xr = _i;
-function md() {
+function vd() {
   customElements.define("vindral-controller", Pi), customElements.define("vindral-control-bar", co), customElements.define("vindral-advanced-rendition-menu", $n), customElements.define("vindral-advanced-rendition-menu-list", Ia), customElements.define("vindral-play-button", Tr), customElements.define("vindral-mute-button", Ir), customElements.define("vindral-buffering-overlay", Oa), customElements.define("vindral-scroll-overlay", vl), customElements.define("vindral-play-overlay", Ul), customElements.define("vindral-user-input-play-overlay", xl), customElements.define("vindral-fullscreen-button", mr), customElements.define("vindral-rendition-levels-menu", Rr), customElements.define("vindral-rendition-levels-menu-list", ll), customElements.define("vindral-channel-grid-button", Wn), customElements.define("vindral-channel-grid", qa), customElements.define("vindral-channel-grid-item", jr), customElements.define("vindral-pip-button", Lr), customElements.define("vindral-airplay-button", Bn), customElements.define("vindral-cast-button", Vn), customElements.define("vindral-cast-overlay", za), customElements.define("vindral-buffering-icon", Da), customElements.define("vindral-language-menu", vr), customElements.define("vindral-language-menu-list", zo), customElements.define("vindral-message", Rl), customElements.define("vindral-volume-range", Xr), customElements.define("vindral-poster-overlay", nl), customElements.define("vindral-player", tl), customElements.define("vindral-seek-bar", Sl), customElements.define("vindral-live-button", kr);
 }
 export {
-  md as registerComponents
+  vd as registerComponents
 };