html-flip-book-react 0.0.0-alpha.35 → 0.0.0-alpha.37

package/dist/toolbar/index.js

@@ -1,10 +1,10 @@
-import { jsx as t, jsxs as C } from "react/jsx-runtime";
-import { createContext as ce, useContext as ie, useMemo as Q, useCallback as k, useEffect as A, useState as N, useRef as V, useLayoutEffect as ge } from "react";
-let he = 4;
+import { jsx as t, jsxs as T } from "react/jsx-runtime";
+import { createContext as ce, useContext as ie, useMemo as Q, useCallback as v, useEffect as z, useState as I, useRef as J, useLayoutEffect as he } from "react";
+let pe = 4;
 function re() {
-  return he;
+  return pe;
 }
-const pe = {
+const fe = {
   id: "download",
   enName: "Download",
   enDescription: "Download entire book or page range",
@@ -17,7 +17,7 @@ const pe = {
     );
   },
   canExecute: (e) => typeof e.data?.onDownload == "function"
-}, fe = [
+}, be = [
   { key: "ArrowRight" },
   { key: "PageDown" },
   { key: " " }
@@ -28,40 +28,40 @@ const pe = {
   enName: "Next Page",
   enDescription: "Flip to the next page",
   nameKey: "command.jumpToNextPage",
-  hotkeys: fe,
+  hotkeys: be,
   execute: (e) => {
     e.handle?.flipNext();
   },
   canExecute: (e) => (e.handle?.getCurrentPageIndex() ?? 0) < (e.handle?.getTotalPages() ?? 0) - 1
-}, be = [{ key: "ArrowLeft" }, { key: "PageUp" }], Z = {
+}, we = [{ key: "ArrowLeft" }, { key: "PageUp" }], Z = {
   id: "flipPrev",
   navKind: "flip",
   enName: "Previous Page",
   enDescription: "Flip to the previous page",
   nameKey: "command.jumpToPrevPage",
-  hotkeys: be,
+  hotkeys: we,
   execute: (e) => {
     e.handle?.flipPrev();
   },
   canExecute: (e) => (e.handle?.getCurrentPageIndex() ?? 0) > 0
-}, we = [{ key: "Home" }, { key: "ArrowLeft", modifiers: { ctrl: !0 } }], ee = {
+}, xe = [{ key: "Home" }, { key: "ArrowLeft", modifiers: { ctrl: !0 } }], ee = {
   id: "goToFirst",
   navKind: "jump",
   enName: "First Page",
   enDescription: "Jump to the first page",
   nameKey: "command.jumpToFirstPage",
-  hotkeys: we,
+  hotkeys: xe,
   execute: (e) => {
     e.handle?.jumpToPage(0);
   },
   canExecute: (e) => e.handle?.getCurrentPageIndex() !== 0
-}, xe = [{ key: "End" }, { key: "ArrowRight", modifiers: { ctrl: !0 } }], oe = {
+}, ke = [{ key: "End" }, { key: "ArrowRight", modifiers: { ctrl: !0 } }], oe = {
   id: "goToLast",
   navKind: "jump",
   enName: "Last Page",
   enDescription: "Jump to the last page",
   nameKey: "command.jumpToLastPage",
-  hotkeys: xe,
+  hotkeys: ke,
   execute: (e) => {
     const o = e.handle?.getTotalPages() ?? 0;
     e.handle?.jumpToPage(o - 1);
@@ -70,13 +70,13 @@ const pe = {
     const o = e.handle?.getCurrentPageIndex() ?? 0, a = e.handle?.getTotalPages() ?? 0;
     return o !== a - 1;
   }
-}, ke = [{ key: "t" }], te = {
+}, ve = [{ key: "t" }], te = {
   id: "goToToc",
   navKind: "jump",
   enName: "Table of Contents",
   enDescription: "Jump to the table of contents",
   nameKey: "command.jumpToToc",
-  hotkeys: ke,
+  hotkeys: ve,
   execute: (e) => {
     const o = e.handle?.getTocPageIndex?.() ?? re();
     e.handle?.jumpToPage(o);
@@ -85,17 +85,17 @@ const pe = {
     const o = e.handle?.getTocPageIndex?.() ?? re();
     return e.handle?.getCurrentPageIndex() !== o;
   }
-}, ve = [{ key: "d", modifiers: { ctrl: !0, alt: !0 } }], Pe = {
+}, Pe = [{ key: "d", modifiers: { ctrl: !0, alt: !0 } }], Te = {
   id: "toggleDebug",
   enName: "Toggle Debug Toolbar",
   enDescription: "Show or hide the debug toolbar (Ctrl+Alt+D)",
   nameKey: "command.toggleDebug",
   descriptionKey: "command.toggleDebugDesc",
-  hotkeys: ve,
+  hotkeys: Pe,
   execute: (e) => {
     e.handle?.toggleDebugBar?.();
   }
-}, ye = [{ key: "F11" }], Te = {
+}, ye = [{ key: "F11" }], Ce = {
   id: "toggleFullscreen",
   enName: "Toggle Fullscreen",
   enDescription: "Enter or exit fullscreen mode",
@@ -106,80 +106,80 @@ const pe = {
     const o = e.data;
     document.fullscreenElement ? document.exitFullscreen().catch(console.warn) : (o?.getFullscreenTarget?.() ?? document.documentElement).requestFullscreen().catch(console.warn);
   }
-}, Ce = [
+}, Ie = [
   Y,
   Z,
   ee,
   oe,
   te,
+  Ce,
   Te,
-  Pe,
-  pe
+  fe
 ];
-function Ie(e, o) {
+function De(e, o) {
   return o !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function De(e, o, a) {
-  if (Ie(o.key, a) !== e.key) return !1;
+function Ne(e, o, a) {
+  if (De(o.key, a) !== e.key) return !1;
   const n = e.modifiers ?? {};
   return !(!!n.ctrl !== o.ctrlKey || !!n.shift !== o.shiftKey || !!n.alt !== o.altKey || !!n.meta !== o.metaKey);
 }
-const se = ce(null), Ne = ({
+const de = ce(null), Le = ({
   flipBookRef: e,
   currentPage: o,
   totalPages: a,
   direction: n = "ltr",
-  commands: l = [],
-  commandOptions: i = {},
+  commands: r = [],
+  commandOptions: c = {},
   disableHotkeys: s = !1,
-  children: c
+  children: i
 }) => {
   const h = Q(() => {
     const d = {};
-    for (const u of Ce)
+    for (const u of Ie)
       d[u.id] = {
         command: u,
-        options: i[u.id] ?? {}
+        options: c[u.id] ?? {}
       };
-    for (const u of l)
+    for (const u of r)
       d[u.id] = {
         command: u,
-        options: i[u.id] ?? {}
+        options: c[u.id] ?? {}
       };
     return d;
-  }, [l, i]), f = k(
+  }, [r, c]), f = v(
     (d, u) => {
-      const b = h[d.id]?.options ?? {}, L = u ? { ...b.data, ...u } : b.data;
+      const b = h[d.id]?.options ?? {}, F = u ? { ...b.data, ...u } : b.data;
       return {
         handle: e.current,
-        data: L
+        data: F
       };
     },
     [e, h]
-  ), m = k(
+  ), m = v(
     (d, u) => {
       const b = f(d, u);
       d.canExecute && !d.canExecute(b) || d.execute(b);
     },
     [f]
-  ), y = k(
+  ), y = v(
     (d) => {
       const u = f(d);
       return d.canExecute ? d.canExecute(u) : !0;
     },
     [f]
-  ), I = k(
+  ), D = v(
     () => Object.values(h).map((d) => d.command),
     [h]
-  ), v = k(
+  ), P = v(
     (d) => {
       const u = d.target;
       if (!(u.tagName === "INPUT" || u.tagName === "TEXTAREA" || u.isContentEditable))
         for (const b of Object.values(h)) {
           if (b.options.disableHotkeys) continue;
-          const L = b.options.hotkeys ?? b.command.hotkeys ?? [];
-          for (const $ of L)
-            if (De($, d, n)) {
+          const F = b.options.hotkeys ?? b.command.hotkeys ?? [];
+          for (const M of F)
+            if (Ne(M, d, n)) {
               d.preventDefault(), m(b.command);
               return;
             }
@@ -187,25 +187,25 @@ const se = ce(null), Ne = ({
     },
     [h, m, n]
   );
-  A(() => {
+  z(() => {
     if (!s)
-      return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
-  }, [s, v]);
-  const T = Q(
+      return document.addEventListener("keydown", P), () => document.removeEventListener("keydown", P);
+  }, [s, P]);
+  const C = Q(
     () => ({
       execute: m,
       canExecute: y,
-      getAllCommands: I
+      getAllCommands: D
     }),
-    [m, y, I]
+    [m, y, D]
   );
-  return /* @__PURE__ */ t(se.Provider, { value: T, children: c });
+  return /* @__PURE__ */ t(de.Provider, { value: C, children: i });
 }, _ = () => {
-  const e = ie(se);
+  const e = ie(de);
   if (!e)
     throw new Error("useCommands must be used within a CommandProvider");
   return e;
-}, S = { size: 24 }, Le = ({ size: e = S.size, className: o }) => /* @__PURE__ */ t(
+}, S = { size: 24 }, Fe = ({ size: e = S.size, className: o }) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -237,7 +237,7 @@ const se = ce(null), Ne = ({
     "aria-hidden": "true",
     children: /* @__PURE__ */ t("path", { d: "m9 18 6-6-6-6" })
   }
-), Fe = ({ size: e = S.size, className: o }) => /* @__PURE__ */ C(
+), je = ({ size: e = S.size, className: o }) => /* @__PURE__ */ T(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -256,7 +256,7 @@ const se = ce(null), Ne = ({
       /* @__PURE__ */ t("path", { d: "M7 6v12" })
     ]
   }
-), je = ({ size: e = S.size, className: o }) => /* @__PURE__ */ C(
+), Me = ({ size: e = S.size, className: o }) => /* @__PURE__ */ T(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -275,7 +275,7 @@ const se = ce(null), Ne = ({
       /* @__PURE__ */ t("path", { d: "M17 6v12" })
     ]
   }
-), $e = ({ size: e = S.size, className: o }) => /* @__PURE__ */ C(
+), $e = ({ size: e = S.size, className: o }) => /* @__PURE__ */ T(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -296,7 +296,7 @@ const se = ce(null), Ne = ({
       /* @__PURE__ */ t("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
     ]
   }
-), Be = ({ size: e = S.size, className: o }) => /* @__PURE__ */ C(
+), Be = ({ size: e = S.size, className: o }) => /* @__PURE__ */ T(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -320,7 +320,7 @@ const se = ce(null), Ne = ({
 ), Re = ({
   size: e = S.size,
   className: o
-}) => /* @__PURE__ */ C(
+}) => /* @__PURE__ */ T(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -343,7 +343,7 @@ const se = ce(null), Ne = ({
       /* @__PURE__ */ t("path", { d: "M21 19h.01" })
     ]
   }
-), qe = ({ size: e = S.size, className: o }) => /* @__PURE__ */ C(
+), Ve = ({ size: e = S.size, className: o }) => /* @__PURE__ */ T(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -365,7 +365,7 @@ const se = ce(null), Ne = ({
       /* @__PURE__ */ t("rect", { x: "16", y: "6", width: "4", height: "15", rx: "0.5" })
     ]
   }
-), Me = ({ size: e = S.size, className: o }) => /* @__PURE__ */ C(
+), Se = ({ size: e = S.size, className: o }) => /* @__PURE__ */ T(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -388,37 +388,39 @@ const se = ce(null), Ne = ({
 ), U = ({
   onClick: e,
   ariaLabel: o,
-  disabled: a = !1,
-  children: n,
-  className: l = "",
-  title: i
+  ariaPressed: a,
+  disabled: n = !1,
+  children: r,
+  className: c = "",
+  title: s
 }) => /* @__PURE__ */ t(
   "button",
   {
     type: "button",
     onClick: e,
     "aria-label": o,
-    disabled: a,
-    title: i ?? o,
-    className: `flipbook-toolbar-button ${l}`.trim(),
-    children: n
+    "aria-pressed": a,
+    disabled: n,
+    title: s ?? o,
+    className: `flipbook-toolbar-button ${c}`.trim(),
+    children: r
   }
-), Ve = ({
+), Ge = ({
   onClick: e,
   ariaLabel: o,
   children: a,
   disabled: n = !1,
-  className: l
+  className: r
 }) => /* @__PURE__ */ t(
   U,
   {
     onClick: e,
     ariaLabel: o,
     disabled: n,
-    className: `flipbook-toolbar-action ${l ?? ""}`.trim(),
+    className: `flipbook-toolbar-action ${r ?? ""}`.trim(),
     children: a
   }
-), Se = {
+), Ke = {
   align: "left",
   direction: "ltr",
   translations: {
@@ -437,9 +439,11 @@ const se = ce(null), Ne = ({
     "command.toggleFullscreenDesc": "Enter or exit fullscreen mode",
     "command.toggleDebug": "Toggle debug toolbar",
     "command.toggleDebugDesc": "Show or hide the debug toolbar (Ctrl+Alt+D)",
-    "toolbarItem.goToPage": "Go to page"
+    "toolbarItem.goToPage": "Go to page",
+    "toolbarItem.selectText": "Select text with mouse",
+    "toolbarItem.selectionLetters": "Aa"
   }
-}, Ke = {
+}, Ae = {
   align: "right",
   direction: "rtl",
   translations: {
@@ -458,12 +462,14 @@ const se = ce(null), Ne = ({
     "command.toggleFullscreenDesc": "כניסה או יציאה ממסך מלא",
     "command.toggleDebug": "סרגל כלים לדיבוג",
     "command.toggleDebugDesc": "הצג או הסתר סרגל הדיבוג (Ctrl+Alt+D)",
-    "toolbarItem.goToPage": "מעבר לעמוד"
+    "toolbarItem.goToPage": "מעבר לעמוד",
+    "toolbarItem.selectText": "בחירת טקסט עם העכבר",
+    "toolbarItem.selectionLetters": "אב"
   }
 }, ne = {
-  "en-US": Se,
-  "he-IL": Ke
-}, ae = "en-US", Ae = {
+  "en-US": Ke,
+  "he-IL": Ae
+}, ae = "en-US", Oe = {
   "toolbarItem.download": "Download",
   "toolbarItem.downloadPageRange": "Download page range…",
   "toolbarItem.download.from": "From",
@@ -481,35 +487,38 @@ const se = ce(null), Ne = ({
   "command.toggleDebugDesc": "Show or hide the debug toolbar (Ctrl+Alt+D)",
   "toolbarItem.goToPage": "Go to page"
 };
-function de(e) {
+function ue(e) {
   return ne[e] ?? ne[ae];
 }
-function ue(e) {
-  return de(e).direction === "rtl";
+function me(e) {
+  return ue(e).direction === "rtl";
 }
-function Oe(e) {
-  return ue(e) ? "rtl" : "ltr";
+function ze(e) {
+  return me(e) ? "rtl" : "ltr";
 }
-function j(e, o) {
-  const a = de(o).translations[e];
+function L(e, o) {
+  const a = ue(o).translations[e];
   if (a !== void 0 && a !== "") return a;
   const n = ne[ae].translations[e];
-  return n !== void 0 && n !== "" ? n : Ae[e] ?? e;
+  return n !== void 0 && n !== "" ? n : Oe[e] ?? e;
 }
-const me = ce(null);
-function O() {
-  const e = ie(me);
+const ge = ce(null);
+function K() {
+  const e = ie(ge);
   if (!e)
     throw new Error("Toolbar components must be used within a Toolbar");
   return e;
 }
-function le(e, o) {
+function le(e) {
+  return e.replace(/[׳'״"]/g, "");
+}
+function se(e, o) {
   try {
     const a = atob(e.data), n = new Uint8Array(a.length);
-    for (let c = 0; c < a.length; c++)
-      n[c] = a.charCodeAt(c);
-    const l = new Blob([n]), i = URL.createObjectURL(l), s = document.createElement("a");
-    s.href = i, s.download = `${o}.${e.ext}`, s.click(), URL.revokeObjectURL(i);
+    for (let i = 0; i < a.length; i++)
+      n[i] = a.charCodeAt(i);
+    const r = new Blob([n]), c = URL.createObjectURL(r), s = document.createElement("a");
+    s.href = c, s.download = `${o}.${e.ext}`, s.click(), URL.revokeObjectURL(c);
   } catch (a) {
     console.error("Download failed:", a);
   }
@@ -517,134 +526,136 @@ function le(e, o) {
 function Ue(e, o) {
   const a = [];
   for (let n = 0; n < e; n++) {
-    const l = o?.indexToSemanticName(n) ?? "", i = o?.indexToTitle(n) ?? "";
-    if (!l && !i) {
+    const r = o?.indexToSemanticName(n) ?? "", c = o?.indexToTitle(n) ?? "";
+    if (!r && !c) {
       o || a.push({ pageIndex: n, semanticName: String(n + 1), title: `Page ${n + 1}` });
       continue;
     }
     a.push({
       pageIndex: n,
-      semanticName: l || String(n + 1),
-      title: i || l
+      semanticName: r || String(n + 1),
+      title: c || r
     });
   }
   return a;
 }
-const Ge = ({
+const Je = ({
   ariaLabel: e = "Download",
   className: o
 }) => {
   const {
     totalPages: a,
     pageSemantics: n,
-    locale: l,
-    openDownloadMenuRef: i,
+    locale: r,
+    openDownloadMenuRef: c,
     downloadExecutorRef: s,
-    flipBookRef: c
-  } = O(), h = c.current?.getDownloadConfig?.() ?? void 0, [f, m] = N(!1);
-  A(() => (i.current = () => m(!0), () => {
-    i.current = null;
-  }), [i]);
-  const [y, I] = N("entire"), [v, T] = N(0), [d, u] = N(0), [b, L] = N(null), [$, z] = N(!1), M = V(null), K = V(null), F = Q(
+    flipBookRef: i
+  } = K(), h = i.current?.getDownloadConfig?.() ?? void 0, [f, m] = I(!1);
+  z(() => (c.current = () => m(!0), () => {
+    c.current = null;
+  }), [c]);
+  const [y, D] = I("entire"), [P, C] = I(0), [d, u] = I(0), [b, F] = I(null), [M, q] = I(!1), B = J(null), A = J(null), j = Q(
     () => Ue(a, n),
     [a, n]
-  ), B = !!h?.onDownloadSefer, R = !!h?.onDownloadPageRange, H = B || R, W = F[0]?.pageIndex ?? 0, P = F[F.length - 1]?.pageIndex ?? 0;
-  A(() => {
-    f && (I(B ? "entire" : "range"), T(W), u(P));
-  }, [f, B, W, P]);
-  const D = k(() => {
+  ), $ = !!h?.onDownloadSefer, R = !!h?.onDownloadPageRange, V = $ || R, O = j[0]?.pageIndex ?? 0, H = j[j.length - 1]?.pageIndex ?? 0;
+  z(() => {
+    f && (D($ ? "entire" : "range"), C(O), u(H));
+  }, [f, $, O, H]);
+  const N = v(() => {
     m(!1);
   }, []);
-  ge(() => {
-    if (!f || !K.current || !M.current) return;
-    const r = K.current, w = M.current.querySelector(".flipbook-toolbar-download-trigger"), E = () => {
+  he(() => {
+    if (!f || !A.current || !B.current) return;
+    const l = A.current, w = B.current.querySelector(".flipbook-toolbar-download-trigger"), E = () => {
       const p = w?.getBoundingClientRect();
       if (!p) return;
-      const x = r.getBoundingClientRect().height, q = window.innerHeight - p.bottom;
-      z(q < x + 8);
+      const k = l.getBoundingClientRect().height, G = window.innerHeight - p.bottom;
+      q(G < k + 8);
     };
     E();
     const g = new ResizeObserver(E);
-    return g.observe(r), () => g.disconnect();
-  }, [f]), A(() => {
+    return g.observe(l), () => g.disconnect();
+  }, [f]), z(() => {
     if (!f) return;
-    const r = (w) => {
-      M.current && !M.current.contains(w.target) && D();
+    const l = (w) => {
+      B.current && !B.current.contains(w.target) && N();
     };
-    return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
-  }, [f, D]);
-  const G = k(async () => {
-    const r = c.current?.getDownloadConfig?.();
-    if (r?.onDownloadSefer) {
-      L("sefer");
+    return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
+  }, [f, N]);
+  const x = v(async () => {
+    const l = i.current?.getDownloadConfig?.();
+    if (l?.onDownloadSefer) {
+      F("sefer");
       try {
-        const w = await r.onDownloadSefer();
-        w && le(w, r.entireBookFilename ?? "book"), D();
+        const w = await l.onDownloadSefer();
+        w && se(w, l.entireBookFilename ?? "book"), N();
       } finally {
-        L(null);
+        F(null);
       }
     }
-  }, [c, D]), J = k(
-    async (r, w) => {
-      const E = c.current?.getDownloadConfig?.();
+  }, [i, N]), W = v(
+    async (l, w) => {
+      const E = i.current?.getDownloadConfig?.();
       if (!E?.onDownloadPageRange) return;
       const g = [], p = [];
-      for (let x = r; x <= w; x++) {
-        g.push(x);
-        const q = F.find((X) => X.pageIndex === x);
-        q && p.push(q);
+      for (let k = l; k <= w; k++) {
+        g.push(k);
+        const G = j.find((X) => X.pageIndex === k);
+        G && p.push(G);
       }
-      L("range");
+      F("range");
       try {
-        const x = await E.onDownloadPageRange(
+        const k = await E.onDownloadPageRange(
           g,
           p,
           E.downloadContext
         );
-        if (x) {
-          const q = p[0]?.semanticName ?? String(r), X = p[p.length - 1]?.semanticName ?? String(w);
-          le(x, `${E.rangeFilename ?? "pages"}-${q}-${X}`);
+        if (k) {
+          const G = le(p[0]?.semanticName ?? String(l)), X = le(
+            p[p.length - 1]?.semanticName ?? String(w)
+          );
+          se(k, `${E.rangeFilename ?? "pages"}-${G}-${X}`);
         }
-        D();
+        N();
       } finally {
-        L(null);
+        F(null);
       }
     },
-    [c, F, D]
+    [i, j, N]
   );
-  return A(() => (s.current = (r, w) => {
-    r === void 0 && w === void 0 ? G() : r !== void 0 && w !== void 0 && J(r, w);
+  return z(() => (s.current = (l, w) => {
+    l === void 0 && w === void 0 ? x() : l !== void 0 && w !== void 0 && W(l, w);
   }, () => {
     s.current = null;
-  }), [s, G, J]), H ? /* @__PURE__ */ C("div", { className: `flipbook-toolbar-download-wrap ${o ?? ""}`.trim(), ref: M, children: [
+  }), [s, x, W]), V ? /* @__PURE__ */ T("div", { className: `flipbook-toolbar-download-wrap ${o ?? ""}`.trim(), ref: B, children: [
     /* @__PURE__ */ t(
       "button",
       {
         type: "button",
         className: "flipbook-toolbar-button flipbook-toolbar-download-trigger",
-        onClick: () => m((r) => !r),
-        "aria-label": e ?? j("toolbarItem.download", l),
+        onClick: () => m((l) => !l),
+        "aria-label": e ?? L("toolbarItem.download", r),
         "aria-expanded": f,
         "aria-haspopup": "true",
         disabled: b !== null,
-        children: /* @__PURE__ */ t(Me, { size: 18 })
+        children: /* @__PURE__ */ t(Se, { size: 18 })
       }
     ),
-    f && /* @__PURE__ */ C(
+    f && /* @__PURE__ */ T(
       "div",
       {
-        ref: K,
-        className: `flipbook-toolbar-download-menu ${$ ? "flipbook-toolbar-download-menu--open-up" : ""}`.trim(),
+        ref: A,
+        className: `flipbook-toolbar-download-menu ${M ? "flipbook-toolbar-download-menu--open-up" : ""}`.trim(),
         role: "menu",
-        dir: ue(l) ? "rtl" : "ltr",
+        dir: me(r) ? "rtl" : "ltr",
         children: [
-          /* @__PURE__ */ C(
+          /* @__PURE__ */ T(
             "fieldset",
             {
               className: "flipbook-toolbar-download-mode",
-              "aria-label": j("toolbarItem.download", l),
+              "aria-label": L("toolbarItem.download", r),
               children: [
-                B && /* @__PURE__ */ C("label", { className: "flipbook-toolbar-download-radio-label", children: [
+                $ && /* @__PURE__ */ T("label", { className: "flipbook-toolbar-download-radio-label", children: [
                   /* @__PURE__ */ t(
                     "input",
                     {
@@ -652,12 +663,12 @@ const Ge = ({
                       name: "download-mode",
                       className: "flipbook-toolbar-download-radio",
                       checked: y === "entire",
-                      onChange: () => I("entire")
+                      onChange: () => D("entire")
                     }
                   ),
-                  /* @__PURE__ */ t("span", { children: j("command.downloadEntireBook", l) })
+                  /* @__PURE__ */ t("span", { children: L("command.downloadEntireBook", r) })
                 ] }),
-                R && /* @__PURE__ */ C("label", { className: "flipbook-toolbar-download-radio-label", children: [
+                R && /* @__PURE__ */ T("label", { className: "flipbook-toolbar-download-radio-label", children: [
                   /* @__PURE__ */ t(
                     "input",
                     {
@@ -665,36 +676,36 @@ const Ge = ({
                       name: "download-mode",
                       className: "flipbook-toolbar-download-radio",
                       checked: y === "range",
-                      onChange: () => I("range")
+                      onChange: () => D("range")
                     }
                   ),
-                  /* @__PURE__ */ t("span", { children: j("toolbarItem.downloadPageRange", l) })
+                  /* @__PURE__ */ t("span", { children: L("toolbarItem.downloadPageRange", r) })
                 ] })
               ]
             }
           ),
-          y === "range" && /* @__PURE__ */ C("div", { className: "flipbook-toolbar-download-range", children: [
-            /* @__PURE__ */ C("label", { className: "flipbook-toolbar-download-range-label", children: [
-              j("toolbarItem.download.from", l),
+          y === "range" && /* @__PURE__ */ T("div", { className: "flipbook-toolbar-download-range", children: [
+            /* @__PURE__ */ T("label", { className: "flipbook-toolbar-download-range-label", children: [
+              L("toolbarItem.download.from", r),
               /* @__PURE__ */ t(
                 "select",
                 {
-                  value: v,
-                  onChange: (r) => T(Number(r.target.value)),
+                  value: P,
+                  onChange: (l) => C(Number(l.target.value)),
                   className: "flipbook-toolbar-download-range-select",
-                  children: F.map((r) => /* @__PURE__ */ t("option", { value: r.pageIndex, children: r.semanticName || r.title || `Page ${r.pageIndex + 1}` }, r.pageIndex))
+                  children: j.map((l) => /* @__PURE__ */ t("option", { value: l.pageIndex, children: l.semanticName || l.title || `Page ${l.pageIndex + 1}` }, l.pageIndex))
                 }
               )
             ] }),
-            /* @__PURE__ */ C("label", { className: "flipbook-toolbar-download-range-label", children: [
-              j("toolbarItem.download.to", l),
+            /* @__PURE__ */ T("label", { className: "flipbook-toolbar-download-range-label", children: [
+              L("toolbarItem.download.to", r),
               /* @__PURE__ */ t(
                 "select",
                 {
                   value: d,
-                  onChange: (r) => u(Number(r.target.value)),
+                  onChange: (l) => u(Number(l.target.value)),
                   className: "flipbook-toolbar-download-range-select",
-                  children: F.map((r) => /* @__PURE__ */ t("option", { value: r.pageIndex, children: r.semanticName || r.title || `Page ${r.pageIndex + 1}` }, r.pageIndex))
+                  children: j.map((l) => /* @__PURE__ */ t("option", { value: l.pageIndex, children: l.semanticName || l.title || `Page ${l.pageIndex + 1}` }, l.pageIndex))
                 }
               )
             ] })
@@ -707,198 +718,219 @@ const Ge = ({
               className: "flipbook-toolbar-download-menuitem flipbook-toolbar-download-primary",
               onClick: () => {
                 if (y === "entire")
-                  G();
+                  x();
                 else {
-                  const r = c.current?.getTotalPages?.() ?? a, w = Math.min(v, d);
-                  let E = Math.max(v, d);
-                  if (r > 0 && E >= r && (E = r - 1), E < w) return;
-                  J(w, E);
+                  const l = i.current?.getTotalPages?.() ?? a, w = Math.min(P, d);
+                  let E = Math.max(P, d);
+                  if (l > 0 && E >= l && (E = l - 1), E < w) return;
+                  W(w, E);
                 }
               },
               disabled: b !== null,
-              children: b === "sefer" || b === "range" ? "…" : j("toolbarItem.download.download", l)
+              children: b === "sefer" || b === "range" ? "…" : L("toolbarItem.download.download", r)
             }
           )
         ]
       }
     )
   ] }) : null;
-}, Je = ({ children: e, className: o }) => {
-  const { locale: a } = O(), { execute: n, canExecute: l } = _(), i = () => {
+}, _e = ({ children: e, className: o }) => {
+  const { locale: a } = K(), { execute: n, canExecute: r } = _(), c = () => {
     n(ee);
-  }, s = /* @__PURE__ */ t(Fe, { size: 18 }), c = j("command.jumpToFirstPage", a);
+  }, s = /* @__PURE__ */ t(je, { size: 18 }), i = L("command.jumpToFirstPage", a);
   return /* @__PURE__ */ t(
     U,
     {
-      onClick: i,
-      ariaLabel: c,
-      title: c,
-      disabled: !l(ee),
+      onClick: c,
+      ariaLabel: i,
+      title: i,
+      disabled: !r(ee),
       className: `flipbook-toolbar-first ${o ?? ""}`.trim(),
       children: e ?? s
     }
   );
-}, _e = ({
+}, Xe = ({
   targetRef: e,
   enterIcon: o,
   exitIcon: a,
   ariaLabelEnter: n = "Enter fullscreen",
-  ariaLabelExit: l = "Exit fullscreen",
-  className: i
+  ariaLabelExit: r = "Exit fullscreen",
+  className: c
 }) => {
-  const [s, c] = N(!1), h = O(), f = e ?? h.fullscreenTargetRef, m = k(() => {
-    c(!!document.fullscreenElement);
+  const [s, i] = I(!1), h = K(), f = e ?? h.fullscreenTargetRef, m = v(() => {
+    i(!!document.fullscreenElement);
   }, []);
-  A(() => (document.addEventListener("fullscreenchange", m), () => {
+  z(() => (document.addEventListener("fullscreenchange", m), () => {
     document.removeEventListener("fullscreenchange", m);
   }), [m]);
   const y = async () => {
     try {
       s ? await document.exitFullscreen() : await (f?.current ?? document.documentElement).requestFullscreen();
-    } catch (T) {
-      console.warn("Fullscreen request failed:", T);
+    } catch (C) {
+      console.warn("Fullscreen request failed:", C);
     }
-  }, I = s ? l : n, v = s ? a ?? /* @__PURE__ */ t(Be, { size: 18 }) : o ?? /* @__PURE__ */ t($e, { size: 18 });
+  }, D = s ? r : n, P = s ? a ?? /* @__PURE__ */ t(Be, { size: 18 }) : o ?? /* @__PURE__ */ t($e, { size: 18 });
   return /* @__PURE__ */ t(
     U,
     {
       onClick: y,
-      ariaLabel: I,
-      className: `flipbook-toolbar-fullscreen ${s ? "flipbook-toolbar-fullscreen--active" : ""} ${i ?? ""}`.trim(),
-      children: v
+      ariaLabel: D,
+      className: `flipbook-toolbar-fullscreen ${s ? "flipbook-toolbar-fullscreen--active" : ""} ${c ?? ""}`.trim(),
+      children: P
     }
   );
-}, Xe = ({ children: e, className: o }) => {
-  const { locale: a } = O(), { execute: n, canExecute: l } = _(), i = () => {
+}, Qe = ({ children: e, className: o }) => {
+  const { locale: a } = K(), { execute: n, canExecute: r } = _(), c = () => {
     n(oe);
-  }, s = /* @__PURE__ */ t(je, { size: 18 }), c = j("command.jumpToLastPage", a);
+  }, s = /* @__PURE__ */ t(Me, { size: 18 }), i = L("command.jumpToLastPage", a);
   return /* @__PURE__ */ t(
     U,
     {
-      onClick: i,
-      ariaLabel: c,
-      title: c,
-      disabled: !l(oe),
+      onClick: c,
+      ariaLabel: i,
+      title: i,
+      disabled: !r(oe),
       className: `flipbook-toolbar-last ${o ?? ""}`.trim(),
       children: e ?? s
     }
   );
-}, Qe = ({ children: e, className: o }) => {
-  const { locale: a } = O(), { execute: n, canExecute: l } = _(), i = () => {
+}, Ye = ({
+  letters: e,
+  ariaLabel: o,
+  className: a
+}) => {
+  const { flipBookRef: n, locale: r, mouseMode: c } = K(), s = o ?? L("toolbarItem.selectText", r);
+  return /* @__PURE__ */ t(
+    U,
+    {
+      onClick: () => {
+        n.current?.setMouseMode(c === "turn" ? "select" : "turn"), window.getSelection()?.removeAllRanges();
+      },
+      ariaLabel: s,
+      ariaPressed: c === "select",
+      className: `flipbook-toolbar-mouse-mode ${a ?? ""}`.trim(),
+      children: /* @__PURE__ */ T("span", { className: "flipbook-toolbar-mouse-mode-icon", "aria-hidden": "true", children: [
+        /* @__PURE__ */ t("span", { className: "flipbook-toolbar-mouse-mode-caret" }),
+        /* @__PURE__ */ t("span", { children: e ?? L("toolbarItem.selectionLetters", r) })
+      ] })
+    }
+  );
+}, Ze = ({ children: e, className: o }) => {
+  const { locale: a } = K(), { execute: n, canExecute: r } = _(), c = () => {
     n(Y);
-  }, s = j("command.jumpToNextPage", a), c = /* @__PURE__ */ t(Ee, { size: 20 });
+  }, s = L("command.jumpToNextPage", a), i = /* @__PURE__ */ t(Ee, { size: 20 });
   return /* @__PURE__ */ t(
     U,
     {
-      onClick: i,
+      onClick: c,
       ariaLabel: s,
       title: s,
-      disabled: !l(Y),
+      disabled: !r(Y),
       className: `flipbook-toolbar-next ${o ?? ""}`.trim(),
-      children: e ?? c
+      children: e ?? i
     }
   );
-}, Ye = ({
+}, eo = ({
   mode: e,
   showTotal: o = !0,
   placeholder: a = "—",
   editable: n,
-  className: l,
-  ariaLabel: i = "Go to page",
+  className: r,
+  ariaLabel: c = "Go to page",
   maxLength: s = 10
 }) => {
-  const { flipBookRef: c, pageSemantics: h, direction: f, currentPage: m, totalPages: y, of: I } = O(), v = e ?? (h ? "semantic" : "index"), T = n ?? (v === "semantic" && !!h), [d, u] = N(""), [b, L] = N(!1), $ = V(!1), z = V(m), M = m, K = m + 1 < y ? m + 1 : null, F = k(
-    (g) => v === "semantic" && h ? h.indexToSemanticName(g) || "" : String(g + 1),
-    [v, h]
-  ), B = F(M), R = K != null ? F(K) : "", H = k(() => String(I), [I]), W = k(() => {
-    const g = B, p = R;
-    let x;
-    return !g && !p ? x = a : g ? p ? g === p ? x = g : x = `${g} - ${p}` : x = g : x = p, o ? `${x} / ${H()}` : x;
-  }, [B, R, a, o, H]), P = f === "rtl" ? R || B : B || R, D = W();
-  A(() => {
-    const g = m !== z.current;
-    z.current = m, g && ($.current = !1), !b && !$.current && u(D);
-  }, [D, b, m]);
-  const G = k(
+  const { flipBookRef: i, pageSemantics: h, direction: f, currentPage: m, totalPages: y, of: D } = K(), P = e ?? (h ? "semantic" : "index"), C = n ?? (P === "semantic" && !!h), [d, u] = I(""), [b, F] = I(!1), M = J(!1), q = J(m), B = m, A = m + 1 < y ? m + 1 : null, j = v(
+    (g) => P === "semantic" && h ? h.indexToSemanticName(g) || "" : String(g + 1),
+    [P, h]
+  ), $ = j(B), R = A != null ? j(A) : "", V = v(() => String(D), [D]), O = v(() => {
+    const g = $, p = R;
+    let k;
+    return !g && !p ? k = a : g ? p ? g === p ? k = g : k = `${g} - ${p}` : k = g : k = p, o ? `${k} / ${V()}` : k;
+  }, [$, R, a, o, V]), H = f === "rtl" ? R || $ : $ || R, N = O();
+  z(() => {
+    const g = m !== q.current;
+    q.current = m, g && (M.current = !1), !b && !M.current && u(N);
+  }, [N, b, m]);
+  const x = v(
     (g) => {
-      if (T) {
-        L(!0), u(P), $.current = !1;
+      if (C) {
+        F(!0), u(H), M.current = !1;
         const p = () => g.target.select();
         typeof requestAnimationFrame < "u" ? requestAnimationFrame(p) : p();
       }
     },
-    [T, P]
-  ), J = k(() => {
-    L(!1), $.current || u(D);
-  }, [D]), r = k(
+    [C, H]
+  ), W = v(() => {
+    F(!1), M.current || u(N);
+  }, [N]), l = v(
     (g) => {
       if (g.key === "Enter") {
         if (h && d.trim()) {
           const p = h.semanticNameToIndex(d.trim());
-          p != null && p >= 0 && p < y && (c.current?.jumpToPage(p), $.current = !0);
+          p != null && p >= 0 && p < y && (i.current?.jumpToPage(p), M.current = !0);
         }
         g.currentTarget.blur();
       } else g.key === "Escape" && g.currentTarget.blur();
     },
-    [d, h, y, c]
-  ), w = k((g) => {
+    [d, h, y, i]
+  ), w = v((g) => {
     u(g.target.value);
   }, []);
-  return T ? /* @__PURE__ */ t(
+  return C ? /* @__PURE__ */ t(
     "input",
     {
       type: "text",
-      className: `flipbook-toolbar-indicator ${b ? "flipbook-toolbar-indicator--editing" : ""} ${l ?? ""}`.trim(),
+      className: `flipbook-toolbar-indicator ${b ? "flipbook-toolbar-indicator--editing" : ""} ${r ?? ""}`.trim(),
       value: d,
-      onFocus: G,
-      onBlur: J,
-      onKeyDown: r,
+      onFocus: x,
+      onBlur: W,
+      onKeyDown: l,
       onChange: w,
-      "aria-label": i,
+      "aria-label": c,
       "aria-live": "polite",
       "aria-atomic": "true",
       maxLength: s,
-      readOnly: !T
+      readOnly: !C
     }
   ) : /* @__PURE__ */ t(
     "span",
     {
-      className: `flipbook-toolbar-indicator ${l ?? ""}`.trim(),
+      className: `flipbook-toolbar-indicator ${r ?? ""}`.trim(),
       "aria-live": "polite",
       "aria-atomic": "true",
-      children: D
+      children: N
     }
   );
-}, Ze = ({ children: e, className: o }) => {
-  const { locale: a } = O(), { execute: n, canExecute: l } = _(), i = () => {
+}, oo = ({ children: e, className: o }) => {
+  const { locale: a } = K(), { execute: n, canExecute: r } = _(), c = () => {
     n(Z);
-  }, s = j("command.jumpToPrevPage", a), c = /* @__PURE__ */ t(Le, { size: 20 });
+  }, s = L("command.jumpToPrevPage", a), i = /* @__PURE__ */ t(Fe, { size: 20 });
   return /* @__PURE__ */ t(
     U,
     {
-      onClick: i,
+      onClick: c,
       ariaLabel: s,
       title: s,
-      disabled: !l(Z),
+      disabled: !r(Z),
       className: `flipbook-toolbar-prev ${o ?? ""}`.trim(),
-      children: e ?? c
+      children: e ?? i
     }
   );
-}, eo = ({ children: e, ariaLabel: o, className: a }) => {
-  const { locale: n } = O(), { execute: l, canExecute: i } = _(), s = o ?? j("command.jumpToToc", n), c = () => {
-    l(te);
-  }, h = !i(te);
+}, to = ({ children: e, ariaLabel: o, className: a }) => {
+  const { locale: n } = K(), { execute: r, canExecute: c } = _(), s = o ?? L("command.jumpToToc", n), i = () => {
+    r(te);
+  }, h = !c(te);
   return /* @__PURE__ */ t(
     U,
     {
-      onClick: c,
+      onClick: i,
       ariaLabel: s,
       disabled: h,
       className: `flipbook-toolbar-toc ${a ?? ""}`.trim(),
       children: e ?? /* @__PURE__ */ t(Re, { size: 18 })
     }
   );
-}, ze = {
+}, He = {
   id: "openDownloadMenu",
   enName: "Open download menu",
   enDescription: "Open the download menu",
@@ -908,19 +940,19 @@ const Ge = ({
     e.data?.open?.();
   },
   canExecute: (e) => typeof e.data?.open == "function"
-}, oo = ({
+}, no = ({
   flipBookRef: e,
   direction: o,
   locale: a,
   pageSemantics: n,
-  className: l = "",
-  children: i,
+  className: r = "",
+  children: c,
   enableHotkeys: s = !0,
-  commands: c,
+  commands: i,
   commandOptions: h,
   fullscreenTargetRef: f
 }) => {
-  const m = o ?? Oe(a ?? ae), y = a ?? (m === "rtl" ? "he-IL" : "en-US"), I = V(null), v = V(null), [T, d] = N(0), [u, b] = N(0), [L, $] = N(0), [z, M] = N(!0), [K, F] = N(!1), B = {
+  const m = o ?? ze(a ?? ae), y = a ?? (m === "rtl" ? "he-IL" : "en-US"), D = J(null), P = J(null), [C, d] = I(0), [u, b] = I(0), [F, M] = I(0), [q, B] = I(!0), [A, j] = I(!1), [$, R] = I("turn"), V = {
     ...f ? {
       toggleFullscreen: {
         data: {
@@ -929,98 +961,100 @@ const Ge = ({
       }
     } : {},
     openDownloadMenu: {
-      data: { open: () => I.current?.() }
+      data: { open: () => D.current?.() }
     },
     download: {
       data: {
-        onDownload: (P, D) => v.current?.(P, D)
+        onDownload: (x, W) => P.current?.(x, W)
       }
     },
     ...h
-  }, R = k(() => {
-    const P = e.current;
-    P && (d(P.getCurrentPageIndex()), b(P.getTotalPages()), $(P.getOf()), M(P.isFirstPage()), F(P.isLastPage()));
+  }, O = v(() => {
+    const x = e.current;
+    x && (d(x.getCurrentPageIndex()), b(x.getTotalPages()), M(x.getOf()), B(x.isFirstPage()), j(x.isLastPage()), R(x.getMouseMode?.() ?? "turn"));
   }, [e]);
-  A(() => {
-    R();
-    const P = setInterval(R, 200);
-    return () => clearInterval(P);
-  }, [R]);
+  z(() => {
+    O();
+    const x = setInterval(O, 200);
+    return () => clearInterval(x);
+  }, [O]);
   const H = /* @__PURE__ */ t(
-    me.Provider,
+    ge.Provider,
     {
       value: {
         flipBookRef: e,
         direction: m,
         locale: y,
         pageSemantics: n,
-        currentPage: T,
+        currentPage: C,
         totalPages: u,
-        of: L,
-        isFirstPage: z,
-        isLastPage: K,
-        openDownloadMenuRef: I,
-        downloadExecutorRef: v,
+        of: F,
+        isFirstPage: q,
+        isLastPage: A,
+        mouseMode: $,
+        openDownloadMenuRef: D,
+        downloadExecutorRef: P,
         fullscreenTargetRef: f
       },
       children: /* @__PURE__ */ t(
         "div",
         {
-          className: `flipbook-toolbar ${m === "rtl" ? "flipbook-toolbar--rtl" : ""} ${l}`.trim(),
+          className: `flipbook-toolbar ${m === "rtl" ? "flipbook-toolbar--rtl" : ""} ${r}`.trim(),
           role: "toolbar",
           "aria-label": "FlipBook navigation",
           dir: m,
-          children: i
+          children: c
         }
       )
     }
-  ), W = [ze, ...c ?? []];
+  ), N = [He, ...i ?? []];
   return /* @__PURE__ */ t(
-    Ne,
+    Le,
     {
       flipBookRef: e,
-      currentPage: T,
+      currentPage: C,
       totalPages: u,
       direction: m,
-      commands: W,
-      commandOptions: B,
+      commands: N,
+      commandOptions: V,
       disableHotkeys: !s,
       children: H
     }
   );
 };
 export {
-  Ve as ActionButton,
-  qe as BookshelfIcon,
-  Fe as ChevronFirstIcon,
-  je as ChevronLastIcon,
-  Le as ChevronLeftIcon,
+  Ge as ActionButton,
+  Ve as BookshelfIcon,
+  je as ChevronFirstIcon,
+  Me as ChevronLastIcon,
+  Fe as ChevronLeftIcon,
   Ee as ChevronRightIcon,
-  Ge as DownloadDropdown,
-  Me as DownloadIcon,
-  Je as FirstPageButton,
-  _e as FullscreenButton,
-  Xe as LastPageButton,
+  Je as DownloadDropdown,
+  Se as DownloadIcon,
+  _e as FirstPageButton,
+  Xe as FullscreenButton,
+  Qe as LastPageButton,
   $e as MaximizeIcon,
   Be as MinimizeIcon,
-  Qe as NextButton,
-  Ye as PageIndicator,
-  Ze as PrevButton,
-  Ye as SemanticPageIndicator,
+  Ye as MouseModeButton,
+  Ze as NextButton,
+  eo as PageIndicator,
+  oo as PrevButton,
+  eo as SemanticPageIndicator,
   Re as TableOfContentsIcon,
-  eo as TocButton,
-  oo as Toolbar,
+  to as TocButton,
+  no as Toolbar,
   U as ToolbarButton,
-  Ce as defaultCommands,
-  pe as downloadCommand,
+  Ie as defaultCommands,
+  fe as downloadCommand,
   Y as flipNextCommand,
   Z as flipPrevCommand,
   ee as goToFirstCommand,
   oe as goToLastCommand,
   te as goToTocCommand,
-  Pe as toggleDebugCommand,
-  Te as toggleFullscreenCommand,
+  Te as toggleDebugCommand,
+  Ce as toggleFullscreenCommand,
   _ as useCommands,
-  O as useToolbar
+  K as useToolbar
 };
 //# sourceMappingURL=index.js.map