@glitchlab/react-video-player 1.4.0 → 1.4.1

package/dist/index.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as g, jsx as t } from "react/jsx-runtime";
-import we, { useState as k, useRef as H, useCallback as M, useEffect as P, useImperativeHandle as Le, useMemo as K } from "react";
+import we, { useState as k, useRef as H, useCallback as P, useEffect as M, useImperativeHandle as Le, useMemo as K } from "react";
 import $ from "hls.js";
 function ae(e) {
   var n, s, r = "";
@@ -448,12 +448,12 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
 );
 function re(e) {
   if (!Number.isFinite(e) || e < 0) return "--:--";
-  const n = Math.floor(e), s = Math.floor(n / 3600), r = Math.floor(n % 3600 / 60), i = (n % 60).toString().padStart(2, "0");
+  const n = Math.floor(e), s = Math.floor(n / 3600), r = Math.floor(n % 3600 / 60), c = (n % 60).toString().padStart(2, "0");
   if (s > 0) {
     const u = r.toString().padStart(2, "0");
-    return `${s}:${u}:${i}`;
+    return `${s}:${u}:${c}`;
   }
-  return `${r}:${i}`;
+  return `${r}:${c}`;
 }
 const _e = {
   index: -1
@@ -491,30 +491,30 @@ const se = (() => {
   container: s,
   onTogglePlay: r,
   qualityLevels: l = [],
-  currentLevel: i = -1,
+  currentLevel: c = -1,
   selectedLevel: u = -1,
-  onSelectLevel: c
+  onSelectLevel: i
 }) => {
-  const [p, d] = k(!0), C = H(null), b = M(() => {
+  const [p, d] = k(!0), C = H(null), b = P(() => {
     C.current !== null && (clearTimeout(C.current), C.current = null);
-  }, []), o = M(() => {
+  }, []), o = P(() => {
     b(), n && (C.current = setTimeout(() => d(!1), Ue));
-  }, [b, n]), a = M(() => {
+  }, [b, n]), a = P(() => {
     d(!0), o();
   }, [o]);
-  return P(() => {
+  return M(() => {
     if (!n) {
       b(), d(!0);
       return;
     }
     return o(), b;
-  }, [n, o, b]), P(() => {
+  }, [n, o, b]), M(() => {
     if (!s) return;
     const m = () => a();
     return s.addEventListener("mousemove", m), s.addEventListener("touchstart", m), s.addEventListener("focusin", m), () => {
       s.removeEventListener("mousemove", m), s.removeEventListener("touchstart", m), s.removeEventListener("focusin", m);
     };
-  }, [s, a]), P(() => {
+  }, [s, a]), M(() => {
     if (!s || !e) return;
     const m = (f) => {
       if (!(!s.contains(document.activeElement) || f.target.tagName === "INPUT" && f.key !== " "))
@@ -568,9 +568,9 @@ const se = (() => {
           Ke,
           {
             levels: l,
-            currentLevel: i,
+            currentLevel: c,
             selectedLevel: u,
-            onSelect: c
+            onSelect: i
           }
         ),
         /* @__PURE__ */ t(Je, { video: e }),
@@ -582,12 +582,12 @@ const se = (() => {
   );
 };
 function ee(e, n, s) {
-  P(() => {
+  M(() => {
     if (!e) return;
-    const r = (i) => {
-      n.current && !n.current.contains(i.target) && s();
-    }, l = (i) => {
-      i.key === "Escape" && s();
+    const r = (c) => {
+      n.current && !n.current.contains(c.target) && s();
+    }, l = (c) => {
+      c.key === "Escape" && s();
     };
     return document.addEventListener("mousedown", r), document.addEventListener("keydown", l), () => {
       document.removeEventListener("mousedown", r), document.removeEventListener("keydown", l);
@@ -608,8 +608,8 @@ const Oe = ({
     children: e ? /* @__PURE__ */ t(Te, {}) : /* @__PURE__ */ t(Pe, {})
   }
 ), qe = ({ video: e }) => {
-  const [n, s] = k(0), [r, l] = k(0), [i, u] = k(0);
-  P(() => {
+  const [n, s] = k(0), [r, l] = k(0), [c, u] = k(0);
+  M(() => {
     if (!e) return;
     const b = () => s(e.currentTime), o = () => l(Number.isFinite(e.duration) ? e.duration : 0), a = () => {
       const m = e.buffered;
@@ -629,8 +629,8 @@ const Oe = ({
       e.removeEventListener("timeupdate", b), e.removeEventListener("durationchange", o), e.removeEventListener("loadedmetadata", o), e.removeEventListener("progress", a), e.removeEventListener("timeupdate", a);
     };
   }, [e]);
-  const c = r > 0, p = c ? n / r * 100 : 0, d = c ? i / r * 100 : 0, C = (b) => {
-    if (!e || !c) return;
+  const i = r > 0, p = i ? n / r * 100 : 0, d = i ? c / r * 100 : 0, C = (b) => {
+    if (!e || !i) return;
     const o = Number(b.target.value) / 100 * r;
     e.currentTime = o, s(o);
   };
@@ -661,7 +661,7 @@ const Oe = ({
         step: 0.1,
         value: p,
         onChange: C,
-        disabled: !c,
+        disabled: !i,
         "aria-label": "Seek",
         "aria-valuemin": 0,
         "aria-valuemax": Math.floor(r),
@@ -671,11 +671,11 @@ const Oe = ({
   ] });
 }, Fe = ({ video: e }) => {
   const [n, s] = k(0), [r, l] = k(0);
-  return P(() => {
+  return M(() => {
     if (!e) return;
-    const i = () => s(e.currentTime), u = () => l(Number.isFinite(e.duration) ? e.duration : 0);
-    return i(), u(), e.addEventListener("timeupdate", i), e.addEventListener("durationchange", u), e.addEventListener("loadedmetadata", u), () => {
-      e.removeEventListener("timeupdate", i), e.removeEventListener("durationchange", u), e.removeEventListener("loadedmetadata", u);
+    const c = () => s(e.currentTime), u = () => l(Number.isFinite(e.duration) ? e.duration : 0);
+    return c(), u(), e.addEventListener("timeupdate", c), e.addEventListener("durationchange", u), e.addEventListener("loadedmetadata", u), () => {
+      e.removeEventListener("timeupdate", c), e.removeEventListener("durationchange", u), e.removeEventListener("loadedmetadata", u);
     };
   }, [e]), /* @__PURE__ */ g("span", { className: "gvp-time", "aria-live": "off", children: [
     re(n),
@@ -684,22 +684,22 @@ const Oe = ({
   ] });
 }, Qe = ({ video: e }) => {
   const [n, s] = k(1), [r, l] = k(!1);
-  P(() => {
+  M(() => {
     if (!e) return;
     const d = () => {
       s(e.volume), l(e.muted);
     };
     return d(), e.addEventListener("volumechange", d), () => e.removeEventListener("volumechange", d);
   }, [e]);
-  const i = () => {
+  const c = () => {
     e && (e.muted = !e.muted);
   }, u = (d) => {
     if (!e) return;
     const C = Number(d.target.value) / 100;
     e.volume = C, C > 0 && e.muted && (e.muted = !1);
   };
-  let c = Ie;
-  r || n === 0 ? c = He : n < 0.5 && (c = Se);
+  let i = Ie;
+  r || n === 0 ? i = He : n < 0.5 && (i = Se);
   const p = r ? 0 : Math.round(n * 100);
   return /* @__PURE__ */ g("div", { className: I("gvp-volume", !se && "is-expandable"), children: [
     /* @__PURE__ */ t(
@@ -709,8 +709,8 @@ const Oe = ({
         className: "gvp-ctrl-btn",
         "aria-label": r ? "Unmute" : "Mute",
         "aria-pressed": r,
-        onClick: i,
-        children: /* @__PURE__ */ t(c, {})
+        onClick: c,
+        children: /* @__PURE__ */ t(i, {})
       }
     ),
     !se && /* @__PURE__ */ g("div", { className: "gvp-volume-slider-wrap", children: [
@@ -740,18 +740,18 @@ const Oe = ({
     ] })
   ] });
 }, Ye = [0.5, 0.75, 1, 1.25, 1.5, 2], ze = ({ video: e }) => {
-  const [n, s] = k(1), [r, l] = k(!1), i = H(null);
-  P(() => {
+  const [n, s] = k(1), [r, l] = k(!1), c = H(null);
+  M(() => {
     if (!e) return;
     const d = () => s(e.playbackRate);
     return d(), e.addEventListener("ratechange", d), () => e.removeEventListener("ratechange", d);
   }, [e]);
-  const u = M(() => l(!1), []);
-  ee(r, i, u);
-  const c = (d) => {
+  const u = P(() => l(!1), []);
+  ee(r, c, u);
+  const i = (d) => {
     e && (e.playbackRate = d), s(d), l(!1);
   }, p = n === 1 ? "1×" : `${n}×`;
-  return /* @__PURE__ */ g("div", { className: "gvp-speed", ref: i, children: [
+  return /* @__PURE__ */ g("div", { className: "gvp-speed", ref: c, children: [
     /* @__PURE__ */ g(
       "button",
       {
@@ -775,16 +775,16 @@ const Oe = ({
         role: "option",
         "aria-selected": d === n,
         className: I("gvp-speed-menu-item", d === n && "is-active"),
-        onClick: () => c(d),
+        onClick: () => i(d),
         children: d === 1 ? "Normal" : `${d}×`
       }
     ) }, d)) })
   ] });
 }, Ke = ({ levels: e, currentLevel: n, selectedLevel: s, onSelect: r }) => {
-  const [l, i] = k(!1), u = H(null), c = M(() => i(!1), []);
-  if (ee(l, u, c), e.length < 2) return null;
+  const [l, c] = k(!1), u = H(null), i = P(() => c(!1), []);
+  if (ee(l, u, i), e.length < 2) return null;
   const p = (o) => {
-    r == null || r(o), i(!1);
+    r == null || r(o), c(!1);
   }, d = [...e].sort((o, a) => a.height - o.height), C = e.find((o) => o.index === n);
   let b;
   if (s < 0)
@@ -802,7 +802,7 @@ const Oe = ({
         "aria-haspopup": "listbox",
         "aria-expanded": l,
         "aria-label": `Quality: ${b}`,
-        onClick: () => i((o) => !o),
+        onClick: () => c((o) => !o),
         children: [
           /* @__PURE__ */ t(We, {}),
           /* @__PURE__ */ t("span", { className: "gvp-quality-label", children: b })
@@ -842,7 +842,7 @@ const Oe = ({
     ] })
   ] });
 }, Je = ({ video: e }) => {
-  const [n, s] = k([]), [r, l] = k(-1), [i, u] = k(!1), c = H(null), p = M((o) => {
+  const [n, s] = k([]), [r, l] = k(-1), [c, u] = k(!1), i = H(null), p = P((o) => {
     const a = [];
     for (let f = 0; f < o.length; f++) {
       const w = o[f];
@@ -857,7 +857,7 @@ const Oe = ({
       }
     l(m);
   }, []);
-  P(() => {
+  M(() => {
     if (!e) {
       s([]), l(-1);
       return;
@@ -870,8 +870,8 @@ const Oe = ({
         o.removeEventListener("addtrack", a), o.removeEventListener("removetrack", a), o.removeEventListener("change", a);
       };
   }, [e, p]);
-  const d = M(() => u(!1), []);
-  ee(i, c, d);
+  const d = P(() => u(!1), []);
+  ee(c, i, d);
   const C = (o) => {
     if (!e) return;
     const a = e.textTracks;
@@ -884,21 +884,21 @@ const Oe = ({
     for (let a = 0; a < o.length; a++) o[a].mode = "hidden";
     l(-1), u(!1);
   };
-  return n.length === 0 ? null : /* @__PURE__ */ g("div", { className: "gvp-captions", ref: c, children: [
+  return n.length === 0 ? null : /* @__PURE__ */ g("div", { className: "gvp-captions", ref: i, children: [
     /* @__PURE__ */ t(
       "button",
       {
         type: "button",
         className: I("gvp-ctrl-btn", r >= 0 && "is-active"),
         "aria-haspopup": "listbox",
-        "aria-expanded": i,
+        "aria-expanded": c,
         "aria-label": "Captions",
         "aria-pressed": r >= 0,
         onClick: () => u((o) => !o),
         children: /* @__PURE__ */ t(Be, {})
       }
     ),
-    i && // NOSONAR: typescript:S6819
+    c && // NOSONAR: typescript:S6819
     /* @__PURE__ */ g("ul", { className: "gvp-captions-menu", role: "listbox", "aria-label": "Captions", children: [
       /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
         "button",
@@ -925,15 +925,17 @@ const Oe = ({
     ] })
   ] });
 }, Xe = ({ video: e }) => {
-  const [n, s] = k(!1);
-  if (P(() => {
+  const [n, s] = k(!1), [r, l] = k(!1);
+  if (M(() => {
+    l(!0);
+  }, []), M(() => {
     if (!e) return;
-    const l = () => s(!0), i = () => s(!1);
-    return e.addEventListener("enterpictureinpicture", l), e.addEventListener("leavepictureinpicture", i), () => {
-      e.removeEventListener("enterpictureinpicture", l), e.removeEventListener("leavepictureinpicture", i);
+    const u = () => s(!0), i = () => s(!1);
+    return e.addEventListener("enterpictureinpicture", u), e.addEventListener("leavepictureinpicture", i), () => {
+      e.removeEventListener("enterpictureinpicture", u), e.removeEventListener("leavepictureinpicture", i);
     };
-  }, [e]), !document.pictureInPictureEnabled) return null;
-  const r = () => {
+  }, [e]), !r || !document.pictureInPictureEnabled) return null;
+  const c = () => {
     document.pictureInPictureElement ? document.exitPictureInPicture().catch(() => {
     }) : e == null || e.requestPictureInPicture().catch(() => {
     });
@@ -945,13 +947,13 @@ const Oe = ({
       className: I("gvp-ctrl-btn", n && "is-active"),
       "aria-label": n ? "Exit picture-in-picture" : "Picture-in-picture",
       "aria-pressed": n,
-      onClick: r,
+      onClick: c,
       children: /* @__PURE__ */ t(De, {})
     }
   );
 }, Ge = ({ container: e, video: n }) => {
   const [s, r] = k(!1);
-  return P(() => {
+  return M(() => {
     if (G) return;
     const p = () => r(j.element() === e);
     return p(), j.onChange(p);
@@ -981,8 +983,8 @@ function oe(e, n, s) {
   if (r) return r;
   if (n) {
     try {
-      const i = new Intl.DisplayNames(void 0, { type: "language" }).of(n);
-      if (i && i !== n) return i;
+      const c = new Intl.DisplayNames(void 0, { type: "language" }).of(n);
+      if (c && c !== n) return c;
     } catch {
     }
     return n;
@@ -996,21 +998,21 @@ const le = we.forwardRef(
     isHls: s,
     autoPlay: r,
     children: l,
-    onAudioTracks: i,
+    onAudioTracks: c,
     audioTrackIndex: u,
-    onQualityLevels: c,
+    onQualityLevels: i,
     onCurrentLevel: p,
     qualityLevelIndex: d,
     ...C
   }, b) => {
-    const o = H(null), a = H(null), m = H(i);
-    m.current = i;
-    const f = H(c);
-    f.current = c;
+    const o = H(null), a = H(null), m = H(c);
+    m.current = c;
+    const f = H(i);
+    f.current = i;
     const w = H(p);
     w.current = p, Le(b, () => o.current);
     const U = globalThis.window !== void 0 && $.isSupported(), V = !!s || U && typeof e == "string" && e.endsWith(".m3u8");
-    return P(() => {
+    return M(() => {
       var F, Z, q;
       if (!e) return;
       const v = o.current;
@@ -1080,11 +1082,11 @@ const le = we.forwardRef(
         for (v.removeEventListener("loadedmetadata", W), R == null || R(), a.current && (a.current.destroy(), a.current = null), v.pause(), v.removeAttribute("src"); v.firstChild; ) v.firstChild.remove();
         v.load(), S([]), T([]), D(-1);
       };
-    }, [e, V, n, r]), P(() => {
+    }, [e, V, n, r]), M(() => {
       if (d == null) return;
       const v = a.current;
       v && v.currentLevel !== d && (v.currentLevel = d);
-    }, [d]), P(() => {
+    }, [d]), M(() => {
       var T;
       if (u == null || u < 0) return;
       const v = a.current;
@@ -1133,41 +1135,41 @@ function tt(e) {
     if (/^\d+s?$/.test(s)) return Number.parseInt(s, 10);
     const r = /^(?:(\d+)h)?(?:(\d+)m)?(?:(\d+)s)?$/.exec(s);
     if (r) {
-      const l = Number.parseInt(r[1] ?? "0", 10), i = Number.parseInt(r[2] ?? "0", 10), u = Number.parseInt(r[3] ?? "0", 10), c = l * 3600 + i * 60 + u;
-      return c > 0 ? c : null;
+      const l = Number.parseInt(r[1] ?? "0", 10), c = Number.parseInt(r[2] ?? "0", 10), u = Number.parseInt(r[3] ?? "0", 10), i = l * 3600 + c * 60 + u;
+      return i > 0 ? i : null;
     }
   } catch {
   }
   return null;
 }
 function nt(e, n = {}) {
-  const { autoPlay: s = !1, muted: r = !0, loop: l = !1, controls: i = !0, startSeconds: u } = n, c = new URLSearchParams({
+  const { autoPlay: s = !1, muted: r = !0, loop: l = !1, controls: c = !0, startSeconds: u } = n, i = new URLSearchParams({
     rel: "0",
     modestbranding: "1",
     playsinline: "1",
-    controls: i ? "1" : "0"
+    controls: c ? "1" : "0"
   });
-  return s ? (c.set("autoplay", "1"), c.set("mute", "1")) : r && c.set("mute", "1"), l && (c.set("loop", "1"), c.set("playlist", e)), u && u > 0 && c.set("start", String(u)), `https://www.youtube-nocookie.com/embed/${e}?${c.toString()}`;
+  return s ? (i.set("autoplay", "1"), i.set("mute", "1")) : r && i.set("mute", "1"), l && (i.set("loop", "1"), i.set("playlist", e)), u && u > 0 && i.set("start", String(u)), `https://www.youtube-nocookie.com/embed/${e}?${i.toString()}`;
 }
 const rt = ({
   tracks: e,
   activeIndex: n,
   onSelect: s
 }) => {
-  const [r, l] = k(!1), i = H(null);
-  P(() => {
+  const [r, l] = k(!1), c = H(null);
+  M(() => {
     if (!r) return;
-    const c = (d) => {
-      i.current && !i.current.contains(d.target) && l(!1);
+    const i = (d) => {
+      c.current && !c.current.contains(d.target) && l(!1);
     }, p = (d) => {
       d.key === "Escape" && l(!1);
     };
-    return document.addEventListener("mousedown", c), document.addEventListener("keydown", p), () => {
-      document.removeEventListener("mousedown", c), document.removeEventListener("keydown", p);
+    return document.addEventListener("mousedown", i), document.addEventListener("keydown", p), () => {
+      document.removeEventListener("mousedown", i), document.removeEventListener("keydown", p);
     };
   }, [r]);
-  const u = e.find((c) => c.index === n) ?? e[0];
-  return /* @__PURE__ */ g("div", { className: "gvp-audio", ref: i, children: [
+  const u = e.find((i) => i.index === n) ?? e[0];
+  return /* @__PURE__ */ g("div", { className: "gvp-audio", ref: c, children: [
     /* @__PURE__ */ g(
       "button",
       {
@@ -1176,7 +1178,7 @@ const rt = ({
         "aria-haspopup": "listbox",
         "aria-expanded": r,
         "aria-label": "Audio track",
-        onClick: () => l((c) => !c),
+        onClick: () => l((i) => !i),
         children: [
           /* @__PURE__ */ t(Me, {}),
           /* @__PURE__ */ t("span", { className: "gvp-audio-label", children: u == null ? void 0 : u.label }),
@@ -1188,22 +1190,22 @@ const rt = ({
     // (it renders the OS dropdown chrome), so this is a custom listbox with
     // full keyboard + ARIA support.
     // NOSONAR: typescript:S6819
-    /* @__PURE__ */ t("ul", { className: "gvp-audio-menu", role: "listbox", "aria-label": "Audio tracks", children: e.map((c) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+    /* @__PURE__ */ t("ul", { className: "gvp-audio-menu", role: "listbox", "aria-label": "Audio tracks", children: e.map((i) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
       "button",
       {
         type: "button",
         role: "option",
-        "aria-selected": c.index === n,
+        "aria-selected": i.index === n,
         className: I(
           "gvp-audio-menu-item",
-          c.index === n && "is-active"
+          i.index === n && "is-active"
         ),
         onClick: () => {
-          s(c.index), l(!1);
+          s(i.index), l(!1);
         },
-        children: c.label
+        children: i.label
       }
-    ) }, c.index)) })
+    ) }, i.index)) })
   ] });
 }, lt = ({
   src: e,
@@ -1211,9 +1213,9 @@ const rt = ({
   showDeviceToggle: s = !0,
   defaultDevice: r = "desktop",
   hoverPlay: l = !1,
-  tooltipText: i,
+  tooltipText: c,
   onClose: u,
-  className: c = "",
+  className: i = "",
   muted: p = !0,
   loop: d = !1,
   controls: C = !0,
@@ -1223,7 +1225,7 @@ const rt = ({
   hlsConfig: m,
   children: f
 }) => {
-  const w = H(null), U = H(null), [V, v] = k(r), [S, T] = k(!1), [D, W] = k(!1), [R, F] = k([]), [Z, q] = k(-1), [h, L] = k([]), [B, N] = k(-1), [y, _] = k(-1), [ie, ce] = k(null), [ue, de] = k(null), he = M((E) => {
+  const w = H(null), U = H(null), [V, v] = k(r), [S, T] = k(!1), [D, W] = k(!1), [R, F] = k([]), [Z, q] = k(-1), [h, L] = k([]), [B, N] = k(-1), [y, _] = k(-1), [ie, ce] = k(null), [ue, de] = k(null), he = P((E) => {
     w.current = E, de(E);
   }, []), O = C === !0 || C === "custom", J = C === "native", Q = K(() => et(e), [e]), A = Q !== null, pe = K(() => V === "mobile" ? (a == null ? void 0 : a.mobile) ?? "9/16" : (a == null ? void 0 : a.desktop) ?? "16/9", [V, a]), me = K(() => V === "mobile" ? (o == null ? void 0 : o.mobile) ?? "420px" : (o == null ? void 0 : o.desktop) ?? "960px", [V, o]), fe = K(
     () => Q ? nt(Q, {
@@ -1236,11 +1238,11 @@ const rt = ({
       startSeconds: tt(e)
     }) : null,
     [Q, e, b, p, d, O, J]
-  ), ge = M((E) => {
+  ), ge = P((E) => {
     F(E), q(-1);
-  }, []), ve = M((E) => {
+  }, []), ve = P((E) => {
     L(E), _(-1);
-  }, []), Y = M(async () => {
+  }, []), Y = P(async () => {
     const E = w.current;
     if (E) {
       if (U.current)
@@ -1250,7 +1252,7 @@ const rt = ({
         }
       E.pause();
     }
-  }, []), z = M(async () => {
+  }, []), z = P(async () => {
     const E = w.current;
     if (E)
       try {
@@ -1262,11 +1264,11 @@ const rt = ({
       } finally {
         U.current = null;
       }
-  }, []), ke = M(() => {
+  }, []), ke = P(() => {
     !l || A || z();
-  }, [l, A, z]), be = M(() => {
+  }, [l, A, z]), be = P(() => {
     !l || A || Y().then(() => T(!1));
-  }, [l, A, Y]), X = M(async () => {
+  }, [l, A, Y]), X = P(async () => {
     const E = w.current;
     E && (E.paused ? await z() : (await Y(), T(!1)));
   }, [z, Y]), Ce = !A && R.length > 1;
@@ -1279,7 +1281,7 @@ const rt = ({
       "div",
       {
         ref: ce,
-        className: I("gvp-root", c),
+        className: I("gvp-root", i),
         style: { width: me, aspectRatio: pe },
         onMouseEnter: () => {
           W(!0), ke();
@@ -1392,7 +1394,7 @@ const rt = ({
               "aria-label": "Play",
               children: [
                 /* @__PURE__ */ t(Ne, {}),
-                i && D && /* @__PURE__ */ t("span", { className: "gvp-tooltip", role: "tooltip", children: i })
+                c && D && /* @__PURE__ */ t("span", { className: "gvp-tooltip", role: "tooltip", children: c })
               ]
             }
           ) }),