markdown-flow-ui 0.1.108-beta.4 → 0.1.109

package/dist/components/Slide/Player.es.js

@@ -1,26 +1,26 @@
 import { j as r } from "../../_virtual/jsx-runtime.es.js";
-import Qe, { memo as Ie, useRef as c, useState as ke, useMemo as H, useEffect as b, useCallback as l } from "react";
+import Je, { memo as Qe, useRef as c, useState as ke, useMemo as O, useEffect as b, useCallback as l } from "react";
 import { cn as Ae } from "../../lib/utils.es.js";
-import er from "./MobilePlayerSettingsSheet.es.js";
-import { DEFAULT_SLIDE_PLAYER_TEXTS as rr } from "./constants.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as tr } from "./utils/mobileScreenMode.es.js";
-import { toPlayerCustomActionList as nr } from "./utils/playerCustomActions.es.js";
+import Ie from "./MobilePlayerSettingsSheet.es.js";
+import { DEFAULT_SLIDE_PLAYER_TEXTS as er } from "./constants.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as rr } from "./utils/mobileScreenMode.es.js";
+import { toPlayerCustomActionList as tr } from "./utils/playerCustomActions.es.js";
 /* empty css              */
-import sr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
-import lr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
-import ur from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions.es.js";
-import ar from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
-import cr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-ccw.es.js";
-import ir from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-cw.es.js";
-import or from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/scan-line.es.js";
-import fr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/maximize.es.js";
-import dr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/file-pen-line.es.js";
+import nr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
+import sr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
+import lr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions.es.js";
+import ur from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
+import ar from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-ccw.es.js";
+import cr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-cw.es.js";
+import ir from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/scan-line.es.js";
+import or from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/maximize.es.js";
+import fr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/file-pen-line.es.js";
 const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
   if (typeof window > "u" || !R || Ee.has(R))
     return;
   const v = window.document.createElement("audio");
   v.preload = "auto", v.setAttribute("playsinline", "true"), v.src = R, v.load(), Ee.set(R, v);
-}, mr = () => /* @__PURE__ */ r.jsxs(
+}, dr = () => /* @__PURE__ */ r.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -39,7 +39,7 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
       /* @__PURE__ */ r.jsx("path", { d: "M12 10H16V24H12V10ZM18 10H22V24H18V10Z", fill: "white" })
     ]
   }
-), pr = () => /* @__PURE__ */ r.jsxs(
+), mr = () => /* @__PURE__ */ r.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -58,7 +58,7 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
       /* @__PURE__ */ r.jsx("path", { d: "M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z", fill: "white" })
     ]
   }
-), hr = ({
+), pr = ({
   audioList: R = [],
   className: v,
   currentAudioIndex: m = -1,
@@ -74,14 +74,14 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
   onNext: Te,
   onFullscreen: le,
   isFullscreen: ue = !1,
-  mobileViewMode: Ce = tr,
+  mobileViewMode: Ce = rr,
   settingsPortalContainer: ve,
   onMobileViewModeChange: ae,
   onEnded: ce,
   onAutoAdvanceToggle: Le,
   onInteractionToggle: Ue,
   hasInteraction: Fe = !1,
-  isInteractionOpen: O = !1,
+  isInteractionOpen: Z = !1,
   isSubtitleEnabled: J = !0,
   prevDisabled: Pe = !1,
   nextDisabled: We = !1,
@@ -91,33 +91,33 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
   texts: fe,
   ...Ve
 }) => {
-  const h = c(null), de = c(O), M = c(null), me = c(null), x = c(0), a = c(null), z = c(void 0), k = c([]), Z = c(!1), pe = c(!1), y = c(!1), U = c(null), S = c(!1), s = c(!1), p = c(null), w = c(!1), F = c(null), I = c(0), T = c("unknown"), [ee, i] = ke(j), [he, B] = ke(!1), f = m >= 0 ? R[m] : void 0, K = f?.audioUrl, Be = f?.element?.subtitle_cues ?? [], A = H(
+  const h = c(null), de = c(Z), M = c(null), me = c(null), x = c(0), a = c(null), z = c(void 0), k = c([]), $ = c(!1), pe = c(!1), y = c(!1), U = c(null), S = c(!1), s = c(!1), p = c(null), w = c(!1), F = c(null), I = c(0), T = c("unknown"), [ee, i] = ke(j), [he, B] = ke(!1), f = m >= 0 ? R[m] : void 0, K = f?.audioUrl, A = O(
     () => [...f?.audioSegments ?? []].sort(
       (e, t) => e.segment_index - t.segment_index
     ),
     [f?.audioSegments]
-  ), ye = H(
-    () => nr(ie, oe),
+  ), ye = O(
+    () => tr(ie, oe),
     [oe, ie]
-  ), ge = ye.length + 5, Ke = H(
+  ), ge = ye.length + 5, Be = O(
     () => ({
       "--slide-player-mobile-control-count": String(ge)
     }),
     [ge]
-  ), P = H(
+  ), P = O(
     () => ({
-      ...rr,
+      ...er,
       ...fe
     }),
     [fe]
-  ), re = H(() => f ? f.audioKey ?? `${String(f.sequenceNumber ?? "none")}:${String(f.audioUrl ?? "")}` : "none", [f]), Oe = G ? Y : ee, Ze = G ? Y ? "Pause autoplay" : "Play autoplay" : ee ? "Pause" : "Play";
+  ), re = O(() => f ? f.audioKey ?? `${String(f.sequenceNumber ?? "none")}:${String(f.audioUrl ?? "")}` : "none", [f]), Ke = G ? Y : ee, Ze = G ? Y ? "Pause autoplay" : "Play autoplay" : ee ? "Pause" : "Play";
   b(() => {
     z.current = f;
   }, [f]), b(() => {
     Q || B(!1);
   }, [Q]), b(() => {
-    !de.current && O && B(!1), de.current = O;
-  }, [O]), b(() => {
+    !de.current && Z && B(!1), de.current = Z;
+  }, [Z]), b(() => {
     k.current = A;
   }, [A]), b(() => {
     const e = f?.audioUrl, t = m >= 0 ? R[m + 1]?.audioUrl : void 0;
@@ -163,9 +163,9 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
       F.current = window.requestAnimationFrame(e);
     };
     F.current = window.requestAnimationFrame(e);
-  }, [o]), $ = l(() => {
+  }, [o]), H = l(() => {
     const e = h.current;
-    e && (d(), s.current = !1, y.current = !1, Z.current = !1, U.current = null, p.current = null, S.current = !1, w.current = !1, e.pause(), e.removeAttribute("src"), e.load(), M.current = null, x.current = 0, a.current = null, g(0), i(!1), n(!1));
+    e && (d(), s.current = !1, y.current = !1, $.current = !1, U.current = null, p.current = null, S.current = !1, w.current = !1, e.pause(), e.removeAttribute("src"), e.load(), M.current = null, x.current = 0, a.current = null, g(0), i(!1), n(!1));
   }, [g, d, n]), _ = l(
     (e) => {
       const t = h.current;
@@ -188,8 +188,8 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
       x.current = e, a.current = null, S.current = !1, w.current = !0, g(W(e));
       const X = C();
       s.current = X, n(!1);
-      const Je = M.current !== N;
-      return U.current = "segment", Je && (u.pause(), u.removeAttribute("src"), u.load(), M.current = N, u.src = N, u.load()), p.current = 0, u.readyState > 0 && (u.currentTime = 0, p.current = null), X ? _(`start-segment:${t}`) : (s.current = !1, w.current = !1, u.pause(), i(!1), !0);
+      const Ge = M.current !== N;
+      return U.current = "segment", Ge && (u.pause(), u.removeAttribute("src"), u.load(), M.current = N, u.src = N, u.load()), p.current = 0, u.readyState > 0 && (u.currentTime = 0, p.current = null), X ? _(`start-segment:${t}`) : (s.current = !1, w.current = !1, u.pause(), i(!1), !0);
     },
     [
       C,
@@ -232,7 +232,7 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
   b(() => {
     if (me.current === re)
       return;
-    me.current = re, x.current = 0, a.current = null, S.current = !1, y.current = !1, Z.current = !1, s.current = !1, w.current = !1, U.current = null, M.current = null, d(), g(0), n(!1);
+    me.current = re, x.current = 0, a.current = null, S.current = !1, y.current = !1, $.current = !1, s.current = !1, w.current = !1, U.current = null, M.current = null, d(), g(0), n(!1);
     const e = h.current;
     e && (e.pause(), e.removeAttribute("src"), e.load(), i(!1));
   }, [
@@ -247,11 +247,11 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
     const e = h.current;
     if (e) {
       if (L) {
-        Z.current = !!(z.current && !y.current && (!e.paused || s.current || a.current !== null)), s.current = !1, n(!1), e.pause(), i(!1);
+        $.current = !!(z.current && !y.current && (!e.paused || s.current || a.current !== null)), s.current = !1, n(!1), e.pause(), i(!1);
         return;
       }
-      if (!(!Z.current || !z.current || y.current)) {
-        if (Z.current = !1, a.current !== null) {
+      if (!(!$.current || !z.current || y.current)) {
+        if ($.current = !1, a.current !== null) {
           if (a.current < k.current.length) {
             E(a.current, "external-resume");
             return;
@@ -281,7 +281,7 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
     const e = h.current;
     if (e) {
       if (!f) {
-        $();
+        H();
         return;
       }
       if (L) {
@@ -326,7 +326,7 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
           a.current = x.current, S.current = !0, s.current = C(), i(!1), n(C());
           return;
         }
-        $();
+        H();
         return;
       }
       if (!M.current) {
@@ -354,12 +354,12 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
     L,
     C,
     g,
-    $,
+    H,
     E,
     _,
     xe,
     n
-  ]), b(() => $, [$]), b(() => d, [d]);
+  ]), b(() => H, [H]), b(() => d, [d]);
   const $e = l(() => {
     o(), we(), i(!0), n(!1), ne?.();
   }, [
@@ -369,7 +369,7 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
     n
   ]), He = l(() => {
     S.current || w.current || (d(), o(), i(!1));
-  }, [m, d, o]), qe = l(() => {
+  }, [m, d, o]), Oe = l(() => {
     const e = h.current;
     e && p.current !== null && (e.currentTime = p.current, p.current = null), o(), !(!s.current || !j) && _("canplay");
   }, [
@@ -377,29 +377,29 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
     j,
     o,
     _
-  ]), ze = l(() => {
+  ]), qe = l(() => {
     const e = h.current;
     e && p.current !== null && (e.currentTime = p.current, p.current = null), o();
-  }, [m, o]), De = l(() => {
+  }, [m, o]), ze = l(() => {
     o();
   }, [o]), Me = l(() => {
     o();
-  }, [o]), Xe = l(() => {
+  }, [o]), De = l(() => {
     const e = U.current === "url" || k.current.length === 0;
     if (d(), w.current = !1, e) {
       D("url-ended");
       return;
     }
     je();
-  }, [D, je, d]), Ye = l(() => {
+  }, [D, je, d]), Xe = l(() => {
     d(), o(), i(!1), n(!1);
-  }, [d, o, n]), Ge = l(
+  }, [d, o, n]), Ye = l(
     (e) => {
       ae?.(e), B(!1);
     },
     [ae]
   );
-  return console.log("SubtitleOverlay", Be), b(() => {
+  return b(() => {
     q?.(I.current);
   }, [q]), /* @__PURE__ */ r.jsxs("div", { className: Ae("slide-player", v), ...Ve, children: [
     /* @__PURE__ */ r.jsx(
@@ -408,20 +408,20 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
         ref: h,
         preload: "auto",
         playsInline: !0,
-        onLoadedMetadata: ze,
-        onCanPlay: qe,
+        onLoadedMetadata: qe,
+        onCanPlay: Oe,
         onPlay: $e,
         onPause: He,
         onSeeking: Me,
         onSeeked: Me,
-        onTimeUpdate: De,
-        onEnded: Xe,
-        onError: Ye
+        onTimeUpdate: ze,
+        onEnded: De,
+        onError: Xe
       }
     ),
     Q ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
       /* @__PURE__ */ r.jsx(
-        er,
+        Ie,
         {
           container: ve,
           labels: {
@@ -437,12 +437,12 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
           onOpenChange: B,
           onSubtitleToggle: se ?? (() => {
           }),
-          onViewModeChange: Ge,
+          onViewModeChange: Ye,
           open: he,
           viewMode: Ce
         }
       ),
-      /* @__PURE__ */ r.jsxs("div", { className: "slide-player__controls", style: Ke, children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "slide-player__controls", style: Be, children: [
         /* @__PURE__ */ r.jsxs("div", { className: "slide-player__group", children: [
           /* @__PURE__ */ r.jsx(
             "button",
@@ -456,7 +456,7 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
               },
               type: "button",
               children: /* @__PURE__ */ r.jsx(
-                sr,
+                nr,
                 {
                   className: "slide-player__icon",
                   strokeWidth: 2.25
@@ -464,7 +464,7 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
               )
             }
           ),
-          /* @__PURE__ */ r.jsx("button", { "aria-label": "Volume", className: "hidden", type: "button", children: /* @__PURE__ */ r.jsx(lr, { className: "slide-player__icon", strokeWidth: 2.25 }) }),
+          /* @__PURE__ */ r.jsx("button", { "aria-label": "Volume", className: "hidden", type: "button", children: /* @__PURE__ */ r.jsx(sr, { className: "slide-player__icon", strokeWidth: 2.25 }) }),
           /* @__PURE__ */ r.jsx(
             "button",
             {
@@ -473,8 +473,8 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
               className: "slide-player__action slide-player__action--subtitle",
               onClick: se,
               type: "button",
-              children: J ? /* @__PURE__ */ r.jsx(ur, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ r.jsx(
-                ar,
+              children: J ? /* @__PURE__ */ r.jsx(lr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ r.jsx(
+                ur,
                 {
                   className: "slide-player__icon",
                   strokeWidth: 2.25
@@ -490,7 +490,7 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
               disabled: Pe,
               onClick: Re,
               type: "button",
-              children: /* @__PURE__ */ r.jsx(cr, { className: "slide-player__icon", strokeWidth: 2.25 })
+              children: /* @__PURE__ */ r.jsx(ar, { className: "slide-player__icon", strokeWidth: 2.25 })
             }
           ),
           /* @__PURE__ */ r.jsx(
@@ -531,7 +531,7 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
                 }
               },
               type: "button",
-              children: Oe ? /* @__PURE__ */ r.jsx(mr, {}) : /* @__PURE__ */ r.jsx(pr, {})
+              children: Ke ? /* @__PURE__ */ r.jsx(dr, {}) : /* @__PURE__ */ r.jsx(mr, {})
             }
           ),
           /* @__PURE__ */ r.jsx(
@@ -542,7 +542,7 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
               disabled: We,
               onClick: Te,
               type: "button",
-              children: /* @__PURE__ */ r.jsx(ir, { className: "slide-player__icon", strokeWidth: 2.25 })
+              children: /* @__PURE__ */ r.jsx(cr, { className: "slide-player__icon", strokeWidth: 2.25 })
             }
           ),
           le ? /* @__PURE__ */ r.jsx(
@@ -553,13 +553,13 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
               onClick: le,
               type: "button",
               children: ue ? /* @__PURE__ */ r.jsx(
-                or,
+                ir,
                 {
                   className: "slide-player__icon",
                   strokeWidth: 2.25
                 }
               ) : /* @__PURE__ */ r.jsx(
-                fr,
+                or,
                 {
                   className: "slide-player__icon",
                   strokeWidth: 2.25
@@ -570,20 +570,20 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
         ] }),
         /* @__PURE__ */ r.jsx("div", { className: "slide-player__separator" }),
         /* @__PURE__ */ r.jsxs("div", { className: "slide-player__group", children: [
-          ye.map((e, t) => /* @__PURE__ */ r.jsx(Qe.Fragment, { children: e }, `custom-action-${t}`)),
+          ye.map((e, t) => /* @__PURE__ */ r.jsx(Je.Fragment, { children: e }, `custom-action-${t}`)),
           /* @__PURE__ */ r.jsx(
             "button",
             {
               "aria-label": "Notes",
               className: Ae(
                 "slide-player__action slide-player__action--notes",
-                O && "slide-player__action--active"
+                Z && "slide-player__action--active"
               ),
               disabled: !Fe,
               onClick: Ue,
               type: "button",
               children: /* @__PURE__ */ r.jsx(
-                dr,
+                fr,
                 {
                   className: "slide-player__icon",
                   strokeWidth: 2.25
@@ -595,9 +595,9 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
       ] })
     ] }) : null
   ] });
-}, yr = Ie(hr);
-yr.displayName = "Player";
+}, hr = Qe(pr);
+hr.displayName = "Player";
 export {
-  yr as default
+  hr as default
 };
 //# sourceMappingURL=Player.es.js.map