html-flip-book-react 0.0.0-alpha.51 → 0.0.0-alpha.52

package/dist/toolbar/index.js

@@ -1,10 +1,10 @@
 import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import { createContext as he, useContext as pe, useMemo as ee, useCallback as P, useEffect as W, useState as D, useRef as _, useLayoutEffect as ve } from "react";
-let Pe = 4;
+import { createContext as pe, useContext as fe, useMemo as ee, useCallback as P, useEffect as W, useState as D, useRef as _, useLayoutEffect as Pe } from "react";
+let Te = 4;
 function ue() {
-  return Pe;
+  return Te;
 }
-const Te = {
+const ye = {
   id: "download",
   enName: "Download",
   enDescription: "Download entire book or page range",
@@ -17,7 +17,7 @@ const Te = {
     );
   },
   canExecute: (e) => typeof e.data?.onDownload == "function"
-}, ye = [
+}, Ce = [
   { key: "ArrowRight" },
   { key: "PageDown" },
   { key: " " }
@@ -28,40 +28,40 @@ const Te = {
   enName: "Next Page",
   enDescription: "Flip to the next page",
   nameKey: "command.jumpToNextPage",
-  hotkeys: ye,
+  hotkeys: Ce,
   execute: (e) => {
     e.handle?.flipNext();
   },
   canExecute: (e) => (e.handle?.getCurrentPageIndex() ?? 0) < (e.handle?.getTotalPages() ?? 0) - 1
-}, Ce = [{ key: "ArrowLeft" }, { key: "PageUp" }], te = {
+}, Ie = [{ key: "ArrowLeft" }, { key: "PageUp" }], te = {
   id: "flipPrev",
   navKind: "flip",
   enName: "Previous Page",
   enDescription: "Flip to the previous page",
   nameKey: "command.jumpToPrevPage",
-  hotkeys: Ce,
+  hotkeys: Ie,
   execute: (e) => {
     e.handle?.flipPrev();
   },
   canExecute: (e) => (e.handle?.getCurrentPageIndex() ?? 0) > 0
-}, Ie = [{ key: "Home" }, { key: "ArrowLeft", modifiers: { ctrl: !0 } }], ne = {
+}, De = [{ key: "Home" }, { key: "ArrowLeft", modifiers: { ctrl: !0 } }], ne = {
   id: "goToFirst",
   navKind: "jump",
   enName: "First Page",
   enDescription: "Jump to the first page",
   nameKey: "command.jumpToFirstPage",
-  hotkeys: Ie,
+  hotkeys: De,
   execute: (e) => {
     e.handle?.jumpToPage(0);
   },
   canExecute: (e) => e.handle?.getCurrentPageIndex() !== 0
-}, De = [{ key: "End" }, { key: "ArrowRight", modifiers: { ctrl: !0 } }], ae = {
+}, Ne = [{ key: "End" }, { key: "ArrowRight", modifiers: { ctrl: !0 } }], ae = {
   id: "goToLast",
   navKind: "jump",
   enName: "Last Page",
   enDescription: "Jump to the last page",
   nameKey: "command.jumpToLastPage",
-  hotkeys: De,
+  hotkeys: Ne,
   execute: (e) => {
     const o = e.handle?.getTotalPages() ?? 0;
     e.handle?.jumpToPage(o - 1);
@@ -70,13 +70,13 @@ const Te = {
     const o = e.handle?.getCurrentPageIndex() ?? 0, a = e.handle?.getTotalPages() ?? 0;
     return o !== a - 1;
   }
-}, Ne = [{ key: "t" }], re = {
+}, Le = [{ key: "t" }], re = {
   id: "goToToc",
   navKind: "jump",
   enName: "Table of Contents",
   enDescription: "Jump to the table of contents",
   nameKey: "command.jumpToToc",
-  hotkeys: Ne,
+  hotkeys: Le,
   execute: (e) => {
     const o = e.handle?.getTocPageIndex?.() ?? ue();
     e.handle?.jumpToPage(o);
@@ -85,69 +85,69 @@ const Te = {
     const o = e.handle?.getTocPageIndex?.() ?? ue();
     return e.handle?.getCurrentPageIndex() !== o;
   }
-}, Le = [{ key: "d", modifiers: { ctrl: !0, alt: !0 } }], Ee = {
+}, Ee = [{ key: "d", modifiers: { ctrl: !0, alt: !0 } }], Fe = {
   id: "toggleDebug",
   enName: "Toggle Debug Toolbar",
   enDescription: "Show or hide the debug toolbar (Ctrl+Alt+D)",
   nameKey: "command.toggleDebug",
   descriptionKey: "command.toggleDebugDesc",
-  hotkeys: Le,
+  hotkeys: Ee,
   execute: (e) => {
     e.handle?.toggleDebugBar?.();
   }
-}, Fe = [{ key: "F11" }], je = {
+}, je = [{ key: "F11" }], Me = {
   id: "toggleFullscreen",
   enName: "Toggle Fullscreen",
   enDescription: "Enter or exit fullscreen mode",
   nameKey: "command.toggleFullscreen",
   descriptionKey: "command.toggleFullscreenDesc",
-  hotkeys: Fe,
+  hotkeys: je,
   execute: (e) => {
     const o = e.data;
     document.fullscreenElement ? document.exitFullscreen().catch(console.warn) : (o?.getFullscreenTarget?.() ?? document.documentElement).requestFullscreen().catch(console.warn);
   }
-}, Me = [
+}, $e = [
   oe,
   te,
   ne,
   ae,
   re,
-  je,
-  Ee,
-  Te
+  Me,
+  Fe,
+  ye
 ];
-function $e(e, o) {
+function Be(e, o) {
   return o !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function Be(e, o, a) {
-  if ($e(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);
+function Se(e, o, a) {
+  if (Be(o.key, a) !== e.key) return !1;
+  const r = e.modifiers ?? {};
+  return !(!!r.ctrl !== o.ctrlKey || !!r.shift !== o.shiftKey || !!r.alt !== o.altKey || !!r.meta !== o.metaKey);
 }
-const fe = he(null), Re = ({
+const be = pe(null), Re = ({
   flipBookRef: e,
   currentPage: o,
   totalPages: a,
-  direction: n = "ltr",
-  commands: l = [],
-  commandOptions: i = {},
-  disableHotkeys: s = !1,
+  direction: r = "ltr",
+  commands: n = [],
+  commandOptions: s = {},
+  disableHotkeys: i = !1,
   children: c
 }) => {
   const h = ee(() => {
     const d = {};
-    for (const u of Me)
+    for (const u of $e)
       d[u.id] = {
         command: u,
-        options: i[u.id] ?? {}
+        options: s[u.id] ?? {}
       };
-    for (const u of l)
+    for (const u of n)
       d[u.id] = {
         command: u,
-        options: i[u.id] ?? {}
+        options: s[u.id] ?? {}
       };
     return d;
-  }, [l, i]), b = P(
+  }, [n, s]), b = P(
     (d, u) => {
       const w = h[d.id]?.options ?? {}, F = u ? { ...w.data, ...u } : w.data;
       return {
@@ -179,18 +179,18 @@ const fe = he(null), Re = ({
           if (w.options.disableHotkeys) continue;
           const F = w.options.hotkeys ?? w.command.hotkeys ?? [];
           for (const M of F)
-            if (Be(M, d, n)) {
+            if (Se(M, d, r)) {
               d.preventDefault(), g(w.command);
               return;
             }
         }
     },
-    [h, g, n]
+    [h, g, r]
   );
   W(() => {
-    if (!s)
+    if (!i)
       return document.addEventListener("keydown", T), () => document.removeEventListener("keydown", T);
-  }, [s, T]);
+  }, [i, T]);
   const I = ee(
     () => ({
       execute: g,
@@ -199,13 +199,40 @@ const fe = he(null), Re = ({
     }),
     [g, C, N]
   );
-  return /* @__PURE__ */ t(fe.Provider, { value: I, children: c });
+  return /* @__PURE__ */ t(be.Provider, { value: I, children: c });
 }, X = () => {
-  const e = pe(fe);
+  const e = fe(be);
   if (!e)
     throw new Error("useCommands must be used within a CommandProvider");
   return e;
-}, K = { size: 24 }, Se = ({ size: e = K.size, className: o }) => /* @__PURE__ */ t(
+};
+function Ke(e) {
+  let o = "";
+  for (const a of new TextEncoder().encode(e))
+    o += String.fromCharCode(a);
+  return btoa(o);
+}
+function me(e) {
+  return { ext: "json", data: Ke(JSON.stringify(e, null, "	")) };
+}
+function oo(e) {
+  const { pagesCount: o, pageSemantics: a } = e, r = (n) => {
+    const s = a?.indexToSemanticName(n) ?? "", i = a?.indexToTitle(n) ?? "";
+    return a ? { pageIndex: n, semanticName: s, title: i } : { pageIndex: n, semanticName: String(n + 1), title: `Page ${n + 1}` };
+  };
+  return {
+    onDownloadSefer: () => {
+      const n = [];
+      for (let s = 0; s < o; s++) {
+        const i = r(s);
+        (i.semanticName || i.title) && n.push(i);
+      }
+      return Promise.resolve(me(n));
+    },
+    onDownloadPageRange: (n) => Promise.resolve(me(n.map(r)))
+  };
+}
+const K = { size: 24 }, Ae = ({ size: e = K.size, className: o }) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -221,7 +248,7 @@ const fe = he(null), Re = ({
     "aria-hidden": "true",
     children: /* @__PURE__ */ t("path", { d: "m15 18-6-6 6-6" })
   }
-), Ke = ({ size: e = K.size, className: o }) => /* @__PURE__ */ t(
+), ze = ({ size: e = K.size, className: o }) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -237,7 +264,7 @@ const fe = he(null), Re = ({
     "aria-hidden": "true",
     children: /* @__PURE__ */ t("path", { d: "m9 18 6-6-6-6" })
   }
-), Ae = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
+), He = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -256,7 +283,7 @@ const fe = he(null), Re = ({
       /* @__PURE__ */ t("path", { d: "M7 6v12" })
     ]
   }
-), ze = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
+), Oe = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -275,7 +302,7 @@ const fe = he(null), Re = ({
       /* @__PURE__ */ t("path", { d: "M17 6v12" })
     ]
   }
-), He = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
+), Ue = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -296,7 +323,7 @@ const fe = he(null), Re = ({
       /* @__PURE__ */ t("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
     ]
   }
-), Oe = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
+), We = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -317,7 +344,7 @@ const fe = he(null), Re = ({
       /* @__PURE__ */ t("path", { d: "M16 21v-3a2 2 0 0 1 2-2h3" })
     ]
   }
-), Ue = ({
+), qe = ({
   size: e = K.size,
   className: o
 }) => /* @__PURE__ */ y(
@@ -343,7 +370,7 @@ const fe = he(null), Re = ({
       /* @__PURE__ */ t("path", { d: "M21 19h.01" })
     ]
   }
-), Ze = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
+), to = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -365,7 +392,7 @@ const fe = he(null), Re = ({
       /* @__PURE__ */ t("rect", { x: "16", y: "6", width: "4", height: "15", rx: "0.5" })
     ]
   }
-), We = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
+), Je = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -389,10 +416,10 @@ const fe = he(null), Re = ({
   onClick: e,
   ariaLabel: o,
   ariaPressed: a,
-  disabled: n = !1,
-  children: l,
-  className: i = "",
-  title: s
+  disabled: r = !1,
+  children: n,
+  className: s = "",
+  title: i
 }) => /* @__PURE__ */ t(
   "button",
   {
@@ -400,38 +427,38 @@ const fe = he(null), Re = ({
     onClick: e,
     "aria-label": o,
     "aria-pressed": a,
-    disabled: n,
-    title: s ?? o,
-    className: `flipbook-toolbar-button ${i}`.trim(),
-    children: l
+    disabled: r,
+    title: i ?? o,
+    className: `flipbook-toolbar-button ${s}`.trim(),
+    children: n
   }
-), eo = ({
+), no = ({
   onClick: e,
   ariaLabel: o,
   children: a,
-  disabled: n = !1,
-  className: l
+  disabled: r = !1,
+  className: n
 }) => /* @__PURE__ */ t(
   A,
   {
     onClick: e,
     ariaLabel: o,
-    disabled: n,
-    className: `flipbook-toolbar-action ${l ?? ""}`.trim(),
+    disabled: r,
+    className: `flipbook-toolbar-action ${n ?? ""}`.trim(),
     children: a
   }
-), oo = ({
+), ao = ({
   enabled: e,
   onChange: o,
   ariaLabel: a,
-  className: n
+  className: r
 }) => /* @__PURE__ */ t(
   A,
   {
     onClick: () => o(!e),
     ariaLabel: a ?? (e ? "Hide bookmarks" : "Show bookmarks"),
     ariaPressed: e,
-    className: `flipbook-toolbar-bookmarks ${n ?? ""}`.trim(),
+    className: `flipbook-toolbar-bookmarks ${r ?? ""}`.trim(),
     children: /* @__PURE__ */ t("svg", { width: "18", height: "18", viewBox: "0 0 20 20", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ t(
       "path",
       {
@@ -443,7 +470,7 @@ const fe = he(null), Re = ({
       }
     ) })
   }
-), qe = {
+), Ve = {
   align: "left",
   direction: "ltr",
   translations: {
@@ -466,7 +493,7 @@ const fe = he(null), Re = ({
     "toolbarItem.selectText": "Select text with mouse",
     "toolbarItem.selectionLetters": "Aa"
   }
-}, Ve = {
+}, Ge = {
   align: "right",
   direction: "rtl",
   translations: {
@@ -490,9 +517,9 @@ const fe = he(null), Re = ({
     "toolbarItem.selectionLetters": "אב"
   }
 }, le = {
-  "en-US": qe,
-  "he-IL": Ve
-}, ie = "en-US", Ge = {
+  "en-US": Ve,
+  "he-IL": Ge
+}, se = "en-US", _e = {
   "toolbarItem.download": "Download",
   "toolbarItem.downloadPageRange": "Download page range…",
   "toolbarItem.download.from": "From",
@@ -510,126 +537,126 @@ const fe = he(null), Re = ({
   "command.toggleDebugDesc": "Show or hide the debug toolbar (Ctrl+Alt+D)",
   "toolbarItem.goToPage": "Go to page"
 };
-function be(e) {
-  return le[e] ?? le[ie];
+function we(e) {
+  return le[e] ?? le[se];
 }
-function se(e) {
-  return be(e).direction === "rtl";
+function ie(e) {
+  return we(e).direction === "rtl";
 }
-function Je(e) {
-  return se(e) ? "rtl" : "ltr";
+function Xe(e) {
+  return ie(e) ? "rtl" : "ltr";
 }
 function E(e, o) {
-  const a = be(o).translations[e];
+  const a = we(o).translations[e];
   if (a !== void 0 && a !== "") return a;
-  const n = le[ie].translations[e];
-  return n !== void 0 && n !== "" ? n : Ge[e] ?? e;
+  const r = le[se].translations[e];
+  return r !== void 0 && r !== "" ? r : _e[e] ?? e;
 }
-const we = he(null);
+const xe = pe(null);
 function z() {
-  const e = pe(we);
+  const e = fe(xe);
   if (!e)
     throw new Error("Toolbar components must be used within a Toolbar");
   return e;
 }
-function me(e) {
+function ge(e) {
   return e.replace(/[׳'״"]/g, "");
 }
-function ge(e, o) {
+function he(e, o) {
   try {
-    const a = atob(e.data), n = new Uint8Array(a.length);
+    const a = atob(e.data), r = 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);
+      r[c] = a.charCodeAt(c);
+    const n = new Blob([r]), s = URL.createObjectURL(n), i = document.createElement("a");
+    i.href = s, i.download = `${o}.${e.ext}`, i.click(), URL.revokeObjectURL(s);
   } catch (a) {
     console.error("Download failed:", a);
   }
 }
-function _e(e, o) {
+function Qe(e, o) {
   const a = [];
-  for (let n = 0; n < e; n++) {
-    const l = o?.indexToSemanticName(n) ?? "", i = o?.indexToTitle(n) ?? "";
-    if (!l && !i) {
-      o || a.push({ pageIndex: n, semanticName: String(n + 1), title: `Page ${n + 1}` });
+  for (let r = 0; r < e; r++) {
+    const n = o?.indexToSemanticName(r) ?? "", s = o?.indexToTitle(r) ?? "";
+    if (!n && !s) {
+      o || a.push({ pageIndex: r, semanticName: String(r + 1), title: `Page ${r + 1}` });
       continue;
     }
     a.push({
-      pageIndex: n,
-      semanticName: l || String(n + 1),
-      title: i || l
+      pageIndex: r,
+      semanticName: n || String(r + 1),
+      title: s || n
     });
   }
   return a;
 }
-const to = ({
+const ro = ({
   ariaLabel: e = "Download",
   className: o
 }) => {
   const {
     totalPages: a,
-    pageSemantics: n,
-    locale: l,
-    openDownloadMenuRef: i,
-    downloadExecutorRef: s,
+    pageSemantics: r,
+    locale: n,
+    openDownloadMenuRef: s,
+    downloadExecutorRef: i,
     flipBookRef: c
   } = z(), h = c.current?.getDownloadConfig?.() ?? void 0, [b, g] = D(!1);
-  W(() => (i.current = () => g(!0), () => {
-    i.current = null;
-  }), [i]);
-  const [C, N] = D("entire"), [T, I] = D(0), [d, u] = D(0), [w, F] = D(null), [M, G] = D(!1), R = _(null), H = _(null), j = ee(
-    () => _e(a, n),
-    [a, n]
-  ), $ = !!h?.onDownloadSefer, S = !!h?.onDownloadPageRange, J = $ || S, O = j[0]?.pageIndex ?? 0, q = j[j.length - 1]?.pageIndex ?? 0;
+  W(() => (s.current = () => g(!0), () => {
+    s.current = null;
+  }), [s]);
+  const [C, N] = D("entire"), [T, I] = D(0), [d, u] = D(0), [w, F] = D(null), [M, V] = D(!1), S = _(null), H = _(null), j = ee(
+    () => Qe(a, r),
+    [a, r]
+  ), $ = !!h?.onDownloadSefer, R = !!h?.onDownloadPageRange, G = $ || R, O = j[0]?.pageIndex ?? 0, q = j[j.length - 1]?.pageIndex ?? 0;
   W(() => {
     b && (N($ ? "entire" : "range"), I(O), u(q));
   }, [b, $, O, q]);
   const L = P(() => {
     g(!1);
   }, []);
-  ve(() => {
-    if (!b || !H.current || !R.current) return;
-    const r = H.current, k = R.current.querySelector(".flipbook-toolbar-download-trigger"), v = () => {
-      const p = k?.getBoundingClientRect();
+  Pe(() => {
+    if (!b || !H.current || !S.current) return;
+    const l = H.current, x = S.current.querySelector(".flipbook-toolbar-download-trigger"), v = () => {
+      const p = x?.getBoundingClientRect();
       if (!p) return;
-      const B = 8, U = 6, Y = window.innerHeight - p.bottom - U - B, ce = p.top - U - B, de = Math.min(r.scrollHeight, window.innerHeight * 0.7, 480), Z = Y < de && ce > Y;
-      r.style.maxHeight = `${Math.max(0, Math.min(de, Z ? ce : Y))}px`;
-      const Q = r.getBoundingClientRect(), ke = se(l) ? p.left : p.right - Q.width;
-      r.style.left = `${Math.max(B, Math.min(ke, window.innerWidth - Q.width - B))}px`;
-      const xe = Z ? p.top - U - Q.height : p.bottom + U;
-      r.style.top = `${Math.max(B, Math.min(xe, window.innerHeight - Q.height - B))}px`, G(Z);
+      const B = 8, U = 6, Y = window.innerHeight - p.bottom - U - B, ce = p.top - U - B, de = Math.min(l.scrollHeight, window.innerHeight * 0.7, 480), Z = Y < de && ce > Y;
+      l.style.maxHeight = `${Math.max(0, Math.min(de, Z ? ce : Y))}px`;
+      const Q = l.getBoundingClientRect(), ke = ie(n) ? p.left : p.right - Q.width;
+      l.style.left = `${Math.max(B, Math.min(ke, window.innerWidth - Q.width - B))}px`;
+      const ve = Z ? p.top - U - Q.height : p.bottom + U;
+      l.style.top = `${Math.max(B, Math.min(ve, window.innerHeight - Q.height - B))}px`, V(Z);
     };
     v();
     const m = new ResizeObserver(v);
-    m.observe(r);
-    const f = R.current.closest('[role="toolbar"]');
+    m.observe(l);
+    const f = S.current.closest('[role="toolbar"]');
     return f && m.observe(f), window.addEventListener("resize", v), window.addEventListener("scroll", v, !0), () => {
       m.disconnect(), window.removeEventListener("resize", v), window.removeEventListener("scroll", v, !0);
     };
-  }, [b, l]), W(() => {
+  }, [b, n]), W(() => {
     if (!b) return;
-    const r = (k) => {
-      R.current && !R.current.contains(k.target) && L();
+    const l = (x) => {
+      S.current && !S.current.contains(x.target) && L();
     };
-    return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
+    return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
   }, [b, L]);
-  const x = P(async () => {
-    const r = c.current?.getDownloadConfig?.();
-    if (r?.onDownloadSefer) {
+  const k = P(async () => {
+    const l = c.current?.getDownloadConfig?.();
+    if (l?.onDownloadSefer) {
       F("sefer");
       try {
-        const k = await r.onDownloadSefer();
-        k && ge(k, r.entireBookFilename ?? "book"), L();
+        const x = await l.onDownloadSefer();
+        x && he(x, l.entireBookFilename ?? "book"), L();
       } finally {
         F(null);
       }
     }
-  }, [c, L]), V = P(
-    async (r, k) => {
+  }, [c, L]), J = P(
+    async (l, x) => {
       const v = c.current?.getDownloadConfig?.();
       if (!v?.onDownloadPageRange) return;
       const m = [], f = [];
-      for (let p = r; p <= k; p++) {
+      for (let p = l; p <= x; p++) {
         m.push(p);
         const B = j.find((U) => U.pageIndex === p);
         B && f.push(B);
@@ -642,10 +669,10 @@ const to = ({
           v.downloadContext
         );
         if (p) {
-          const B = me(f[0]?.semanticName ?? String(r)), U = me(
-            f[f.length - 1]?.semanticName ?? String(k)
+          const B = ge(f[0]?.semanticName ?? String(l)), U = ge(
+            f[f.length - 1]?.semanticName ?? String(x)
           );
-          ge(p, `${v.rangeFilename ?? "pages"}-${B}-${U}`);
+          he(p, `${v.rangeFilename ?? "pages"}-${B}-${U}`);
         }
         L();
       } finally {
@@ -654,22 +681,22 @@ const to = ({
     },
     [c, j, L]
   );
-  return W(() => (s.current = (r, k) => {
-    r === void 0 && k === void 0 ? x() : r !== void 0 && k !== void 0 && V(r, k);
+  return W(() => (i.current = (l, x) => {
+    l === void 0 && x === void 0 ? k() : l !== void 0 && x !== void 0 && J(l, x);
   }, () => {
-    s.current = null;
-  }), [s, x, V]), J ? /* @__PURE__ */ y("div", { className: `flipbook-toolbar-download-wrap ${o ?? ""}`.trim(), ref: R, children: [
+    i.current = null;
+  }), [i, k, J]), G ? /* @__PURE__ */ y("div", { className: `flipbook-toolbar-download-wrap ${o ?? ""}`.trim(), ref: S, children: [
     /* @__PURE__ */ t(
       "button",
       {
         type: "button",
         className: "flipbook-toolbar-button flipbook-toolbar-download-trigger",
-        onClick: () => g((r) => !r),
-        "aria-label": e ?? E("toolbarItem.download", l),
+        onClick: () => g((l) => !l),
+        "aria-label": e ?? E("toolbarItem.download", n),
         "aria-expanded": b,
         "aria-haspopup": "true",
         disabled: w !== null,
-        children: /* @__PURE__ */ t(We, { size: 18 })
+        children: /* @__PURE__ */ t(Je, { size: 18 })
       }
     ),
     b && /* @__PURE__ */ y(
@@ -678,13 +705,13 @@ const to = ({
         ref: H,
         className: `flipbook-toolbar-download-menu ${M ? "flipbook-toolbar-download-menu--open-up" : ""}`.trim(),
         role: "menu",
-        dir: se(l) ? "rtl" : "ltr",
+        dir: ie(n) ? "rtl" : "ltr",
         children: [
           /* @__PURE__ */ y(
             "fieldset",
             {
               className: "flipbook-toolbar-download-mode",
-              "aria-label": E("toolbarItem.download", l),
+              "aria-label": E("toolbarItem.download", n),
               children: [
                 $ && /* @__PURE__ */ y("label", { className: "flipbook-toolbar-download-radio-label", children: [
                   /* @__PURE__ */ t(
@@ -697,9 +724,9 @@ const to = ({
                       onChange: () => N("entire")
                     }
                   ),
-                  /* @__PURE__ */ t("span", { children: E("command.downloadEntireBook", l) })
+                  /* @__PURE__ */ t("span", { children: E("command.downloadEntireBook", n) })
                 ] }),
-                S && /* @__PURE__ */ y("label", { className: "flipbook-toolbar-download-radio-label", children: [
+                R && /* @__PURE__ */ y("label", { className: "flipbook-toolbar-download-radio-label", children: [
                   /* @__PURE__ */ t(
                     "input",
                     {
@@ -710,33 +737,33 @@ const to = ({
                       onChange: () => N("range")
                     }
                   ),
-                  /* @__PURE__ */ t("span", { children: E("toolbarItem.downloadPageRange", l) })
+                  /* @__PURE__ */ t("span", { children: E("toolbarItem.downloadPageRange", n) })
                 ] })
               ]
             }
           ),
           C === "range" && /* @__PURE__ */ y("div", { className: "flipbook-toolbar-download-range", children: [
             /* @__PURE__ */ y("label", { className: "flipbook-toolbar-download-range-label", children: [
-              E("toolbarItem.download.from", l),
+              E("toolbarItem.download.from", n),
               /* @__PURE__ */ t(
                 "select",
                 {
                   value: T,
-                  onChange: (r) => I(Number(r.target.value)),
+                  onChange: (l) => I(Number(l.target.value)),
                   className: "flipbook-toolbar-download-range-select",
-                  children: j.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__ */ y("label", { className: "flipbook-toolbar-download-range-label", children: [
-              E("toolbarItem.download.to", l),
+              E("toolbarItem.download.to", n),
               /* @__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: j.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))
                 }
               )
             ] })
@@ -749,46 +776,46 @@ const to = ({
               className: "flipbook-toolbar-download-menuitem flipbook-toolbar-download-primary",
               onClick: () => {
                 if (C === "entire")
-                  x();
+                  k();
                 else {
-                  const r = c.current?.getTotalPages?.() ?? a, k = Math.min(T, d);
+                  const l = c.current?.getTotalPages?.() ?? a, x = Math.min(T, d);
                   let v = Math.max(T, d);
-                  if (r > 0 && v >= r && (v = r - 1), v < k) return;
-                  V(k, v);
+                  if (l > 0 && v >= l && (v = l - 1), v < x) return;
+                  J(x, v);
                 }
               },
               disabled: w !== null,
-              children: w === "sefer" || w === "range" ? "…" : E("toolbarItem.download.download", l)
+              children: w === "sefer" || w === "range" ? "…" : E("toolbarItem.download.download", n)
             }
           )
         ]
       }
     )
   ] }) : null;
-}, no = ({ children: e, className: o }) => {
-  const { locale: a } = z(), { execute: n, canExecute: l } = X(), i = () => {
-    n(ne);
-  }, s = /* @__PURE__ */ t(Ae, { size: 18 }), c = E("command.jumpToFirstPage", a);
+}, lo = ({ children: e, className: o }) => {
+  const { locale: a } = z(), { execute: r, canExecute: n } = X(), s = () => {
+    r(ne);
+  }, i = /* @__PURE__ */ t(He, { size: 18 }), c = E("command.jumpToFirstPage", a);
   return /* @__PURE__ */ t(
     A,
     {
-      onClick: i,
+      onClick: s,
       ariaLabel: c,
       title: c,
-      disabled: !l(ne),
+      disabled: !n(ne),
       className: `flipbook-toolbar-first ${o ?? ""}`.trim(),
-      children: e ?? s
+      children: e ?? i
     }
   );
-}, ao = ({
+}, io = ({
   targetRef: e,
   enterIcon: o,
   exitIcon: a,
-  ariaLabelEnter: n = "Enter fullscreen",
-  ariaLabelExit: l = "Exit fullscreen",
-  className: i
+  ariaLabelEnter: r = "Enter fullscreen",
+  ariaLabelExit: n = "Exit fullscreen",
+  className: s
 }) => {
-  const [s, c] = D(!1), h = z(), b = e ?? h.fullscreenTargetRef, g = P(() => {
+  const [i, c] = D(!1), h = z(), b = e ?? h.fullscreenTargetRef, g = P(() => {
     c(!!document.fullscreenElement);
   }, []);
   W(() => (document.addEventListener("fullscreenchange", g), () => {
@@ -796,93 +823,93 @@ const to = ({
   }), [g]);
   const C = async () => {
     try {
-      s ? await document.exitFullscreen() : await (b?.current ?? document.documentElement).requestFullscreen();
+      i ? await document.exitFullscreen() : await (b?.current ?? document.documentElement).requestFullscreen();
     } catch (I) {
       console.warn("Fullscreen request failed:", I);
     }
-  }, N = s ? l : n, T = s ? a ?? /* @__PURE__ */ t(Oe, { size: 18 }) : o ?? /* @__PURE__ */ t(He, { size: 18 });
+  }, N = i ? n : r, T = i ? a ?? /* @__PURE__ */ t(We, { size: 18 }) : o ?? /* @__PURE__ */ t(Ue, { size: 18 });
   return /* @__PURE__ */ t(
     A,
     {
       onClick: C,
       ariaLabel: N,
-      className: `flipbook-toolbar-fullscreen ${s ? "flipbook-toolbar-fullscreen--active" : ""} ${i ?? ""}`.trim(),
+      className: `flipbook-toolbar-fullscreen ${i ? "flipbook-toolbar-fullscreen--active" : ""} ${s ?? ""}`.trim(),
       children: T
     }
   );
-}, ro = ({ children: e, className: o }) => {
-  const { locale: a } = z(), { execute: n, canExecute: l } = X(), i = () => {
-    n(ae);
-  }, s = /* @__PURE__ */ t(ze, { size: 18 }), c = E("command.jumpToLastPage", a);
+}, so = ({ children: e, className: o }) => {
+  const { locale: a } = z(), { execute: r, canExecute: n } = X(), s = () => {
+    r(ae);
+  }, i = /* @__PURE__ */ t(Oe, { size: 18 }), c = E("command.jumpToLastPage", a);
   return /* @__PURE__ */ t(
     A,
     {
-      onClick: i,
+      onClick: s,
       ariaLabel: c,
       title: c,
-      disabled: !l(ae),
+      disabled: !n(ae),
       className: `flipbook-toolbar-last ${o ?? ""}`.trim(),
-      children: e ?? s
+      children: e ?? i
     }
   );
-}, lo = ({
+}, co = ({
   letters: e,
   ariaLabel: o,
   className: a
 }) => {
-  const { flipBookRef: n, locale: l, mouseMode: i } = z(), s = o ?? E("toolbarItem.selectText", l);
+  const { flipBookRef: r, locale: n, mouseMode: s } = z(), i = o ?? E("toolbarItem.selectText", n);
   return /* @__PURE__ */ t(
     A,
     {
       onClick: () => {
-        n.current?.setMouseMode(i === "turn" ? "select" : "turn"), window.getSelection()?.removeAllRanges();
+        r.current?.setMouseMode(s === "turn" ? "select" : "turn"), window.getSelection()?.removeAllRanges();
       },
-      ariaLabel: s,
-      ariaPressed: i === "select",
+      ariaLabel: i,
+      ariaPressed: s === "select",
       className: `flipbook-toolbar-mouse-mode ${a ?? ""}`.trim(),
       children: /* @__PURE__ */ y("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 ?? E("toolbarItem.selectionLetters", l) })
+        /* @__PURE__ */ t("span", { children: e ?? E("toolbarItem.selectionLetters", n) })
       ] })
     }
   );
-}, so = ({ children: e, className: o }) => {
-  const { locale: a } = z(), { execute: n, canExecute: l } = X(), i = () => {
-    n(oe);
-  }, s = E("command.jumpToNextPage", a), c = /* @__PURE__ */ t(Ke, { size: 20 });
+}, uo = ({ children: e, className: o }) => {
+  const { locale: a } = z(), { execute: r, canExecute: n } = X(), s = () => {
+    r(oe);
+  }, i = E("command.jumpToNextPage", a), c = /* @__PURE__ */ t(ze, { size: 20 });
   return /* @__PURE__ */ t(
     A,
     {
-      onClick: i,
-      ariaLabel: s,
-      title: s,
-      disabled: !l(oe),
+      onClick: s,
+      ariaLabel: i,
+      title: i,
+      disabled: !n(oe),
       className: `flipbook-toolbar-next ${o ?? ""}`.trim(),
       children: e ?? c
     }
   );
-}, io = ({
+}, mo = ({
   mode: e,
   showTotal: o = !0,
   placeholder: a = "—",
-  editable: n,
-  className: l,
-  ariaLabel: i = "Go to page",
-  maxLength: s = 10
+  editable: r,
+  className: n,
+  ariaLabel: s = "Go to page",
+  maxLength: i = 10
 }) => {
-  const { flipBookRef: c, pageSemantics: h, direction: b, currentPage: g, totalPages: C, of: N } = z(), T = e ?? (h ? "semantic" : "index"), I = n ?? (T === "semantic" && !!h), [d, u] = D(""), [w, F] = D(!1), M = _(!1), G = _(g), R = g, H = g + 1 < C ? g + 1 : null, j = P(
+  const { flipBookRef: c, pageSemantics: h, direction: b, currentPage: g, totalPages: C, of: N } = z(), T = e ?? (h ? "semantic" : "index"), I = r ?? (T === "semantic" && !!h), [d, u] = D(""), [w, F] = D(!1), M = _(!1), V = _(g), S = g, H = g + 1 < C ? g + 1 : null, j = P(
     (m) => T === "semantic" && h ? h.indexToSemanticName(m) || "" : String(m + 1),
     [T, h]
-  ), $ = j(R), S = H != null ? j(H) : "", J = P(() => String(N), [N]), O = P(() => {
-    const m = $, f = S;
+  ), $ = j(S), R = H != null ? j(H) : "", G = P(() => String(N), [N]), O = P(() => {
+    const m = $, f = R;
     let p;
-    return !m && !f ? p = a : m ? f ? m === f ? p = m : p = `${m} - ${f}` : p = m : p = f, o ? `${p} / ${J()}` : p;
-  }, [$, S, a, o, J]), q = b === "rtl" ? S || $ : $ || S, L = O();
+    return !m && !f ? p = a : m ? f ? m === f ? p = m : p = `${m} - ${f}` : p = m : p = f, o ? `${p} / ${G()}` : p;
+  }, [$, R, a, o, G]), q = b === "rtl" ? R || $ : $ || R, L = O();
   W(() => {
-    const m = g !== G.current;
-    G.current = g, m && (M.current = !1), !w && !M.current && u(L);
+    const m = g !== V.current;
+    V.current = g, m && (M.current = !1), !w && !M.current && u(L);
   }, [L, w, g]);
-  const x = P(
+  const k = P(
     (m) => {
       if (I) {
         F(!0), u(q), M.current = !1;
@@ -891,9 +918,9 @@ const to = ({
       }
     },
     [I, q]
-  ), V = P(() => {
+  ), J = P(() => {
     F(!1), M.current || u(L);
-  }, [L]), r = P(
+  }, [L]), l = P(
     (m) => {
       if (m.key === "Enter") {
         if (h && d.trim()) {
@@ -904,64 +931,64 @@ const to = ({
       } else m.key === "Escape" && m.currentTarget.blur();
     },
     [d, h, C, c]
-  ), k = P((m) => {
+  ), x = P((m) => {
     u(m.target.value);
   }, []);
   return I ? /* @__PURE__ */ t(
     "input",
     {
       type: "text",
-      className: `flipbook-toolbar-indicator ${w ? "flipbook-toolbar-indicator--editing" : ""} ${l ?? ""}`.trim(),
+      className: `flipbook-toolbar-indicator ${w ? "flipbook-toolbar-indicator--editing" : ""} ${n ?? ""}`.trim(),
       value: d,
-      onFocus: x,
-      onBlur: V,
-      onKeyDown: r,
-      onChange: k,
-      "aria-label": i,
+      onFocus: k,
+      onBlur: J,
+      onKeyDown: l,
+      onChange: x,
+      "aria-label": s,
       "aria-live": "polite",
       "aria-atomic": "true",
-      maxLength: s,
+      maxLength: i,
       readOnly: !I
     }
   ) : /* @__PURE__ */ t(
     "span",
     {
-      className: `flipbook-toolbar-indicator ${l ?? ""}`.trim(),
+      className: `flipbook-toolbar-indicator ${n ?? ""}`.trim(),
       "aria-live": "polite",
       "aria-atomic": "true",
       children: L
     }
   );
-}, co = ({ children: e, className: o }) => {
-  const { locale: a } = z(), { execute: n, canExecute: l } = X(), i = () => {
-    n(te);
-  }, s = E("command.jumpToPrevPage", a), c = /* @__PURE__ */ t(Se, { size: 20 });
+}, go = ({ children: e, className: o }) => {
+  const { locale: a } = z(), { execute: r, canExecute: n } = X(), s = () => {
+    r(te);
+  }, i = E("command.jumpToPrevPage", a), c = /* @__PURE__ */ t(Ae, { size: 20 });
   return /* @__PURE__ */ t(
     A,
     {
-      onClick: i,
-      ariaLabel: s,
-      title: s,
-      disabled: !l(te),
+      onClick: s,
+      ariaLabel: i,
+      title: i,
+      disabled: !n(te),
       className: `flipbook-toolbar-prev ${o ?? ""}`.trim(),
       children: e ?? c
     }
   );
-}, uo = ({ children: e, ariaLabel: o, className: a }) => {
-  const { locale: n } = z(), { execute: l, canExecute: i } = X(), s = o ?? E("command.jumpToToc", n), c = () => {
-    l(re);
-  }, h = !i(re);
+}, ho = ({ children: e, ariaLabel: o, className: a }) => {
+  const { locale: r } = z(), { execute: n, canExecute: s } = X(), i = o ?? E("command.jumpToToc", r), c = () => {
+    n(re);
+  }, h = !s(re);
   return /* @__PURE__ */ t(
     A,
     {
       onClick: c,
-      ariaLabel: s,
+      ariaLabel: i,
       disabled: h,
       className: `flipbook-toolbar-toc ${a ?? ""}`.trim(),
-      children: e ?? /* @__PURE__ */ t(Ue, { size: 18 })
+      children: e ?? /* @__PURE__ */ t(qe, { size: 18 })
     }
   );
-}, Xe = {
+}, Ye = {
   id: "openDownloadMenu",
   enName: "Open download menu",
   enDescription: "Open the download menu",
@@ -971,19 +998,19 @@ const to = ({
     e.data?.open?.();
   },
   canExecute: (e) => typeof e.data?.open == "function"
-}, mo = ({
+}, po = ({
   flipBookRef: e,
   direction: o,
   locale: a,
-  pageSemantics: n,
-  className: l = "",
-  children: i,
-  enableHotkeys: s = !0,
+  pageSemantics: r,
+  className: n = "",
+  children: s,
+  enableHotkeys: i = !0,
   commands: c,
   commandOptions: h,
   fullscreenTargetRef: b
 }) => {
-  const g = o ?? Je(a ?? ie), C = a ?? (g === "rtl" ? "he-IL" : "en-US"), N = _(null), T = _(null), [I, d] = D(0), [u, w] = D(0), [F, M] = D(0), [G, R] = D(!0), [H, j] = D(!1), [$, S] = D("turn"), J = {
+  const g = o ?? Xe(a ?? se), C = a ?? (g === "rtl" ? "he-IL" : "en-US"), N = _(null), T = _(null), [I, d] = D(0), [u, w] = D(0), [F, M] = D(0), [V, S] = D(!0), [H, j] = D(!1), [$, R] = D("turn"), G = {
     ...b ? {
       toggleFullscreen: {
         data: {
@@ -996,31 +1023,31 @@ const to = ({
     },
     download: {
       data: {
-        onDownload: (x, V) => T.current?.(x, V)
+        onDownload: (k, J) => T.current?.(k, J)
       }
     },
     ...h
   }, O = P(() => {
-    const x = e.current;
-    x && (d(x.getCurrentPageIndex()), w(x.getTotalPages()), M(x.getOf()), R(x.isFirstPage()), j(x.isLastPage()), S(x.getMouseMode?.() ?? "turn"));
+    const k = e.current;
+    k && (d(k.getCurrentPageIndex()), w(k.getTotalPages()), M(k.getOf()), S(k.isFirstPage()), j(k.isLastPage()), R(k.getMouseMode?.() ?? "turn"));
   }, [e]);
   W(() => {
     O();
-    const x = setInterval(O, 200);
-    return () => clearInterval(x);
+    const k = setInterval(O, 200);
+    return () => clearInterval(k);
   }, [O]);
   const q = /* @__PURE__ */ t(
-    we.Provider,
+    xe.Provider,
     {
       value: {
         flipBookRef: e,
         direction: g,
         locale: C,
-        pageSemantics: n,
+        pageSemantics: r,
         currentPage: I,
         totalPages: u,
         of: F,
-        isFirstPage: G,
+        isFirstPage: V,
         isLastPage: H,
         mouseMode: $,
         openDownloadMenuRef: N,
@@ -1030,15 +1057,15 @@ const to = ({
       children: /* @__PURE__ */ t(
         "div",
         {
-          className: `flipbook-toolbar ${g === "rtl" ? "flipbook-toolbar--rtl" : ""} ${l}`.trim(),
+          className: `flipbook-toolbar ${g === "rtl" ? "flipbook-toolbar--rtl" : ""} ${n}`.trim(),
           role: "toolbar",
           "aria-label": "FlipBook navigation",
           dir: g,
-          children: i
+          children: s
         }
       )
     }
-  ), L = [Xe, ...c ?? []];
+  ), L = [Ye, ...c ?? []];
   return /* @__PURE__ */ t(
     Re,
     {
@@ -1047,45 +1074,46 @@ const to = ({
       totalPages: u,
       direction: g,
       commands: L,
-      commandOptions: J,
-      disableHotkeys: !s,
+      commandOptions: G,
+      disableHotkeys: !i,
       children: q
     }
   );
 };
 export {
-  eo as ActionButton,
-  oo as BookmarkToggleButton,
-  Ze as BookshelfIcon,
-  Ae as ChevronFirstIcon,
-  ze as ChevronLastIcon,
-  Se as ChevronLeftIcon,
-  Ke as ChevronRightIcon,
-  to as DownloadDropdown,
-  We as DownloadIcon,
-  no as FirstPageButton,
-  ao as FullscreenButton,
-  ro as LastPageButton,
-  He as MaximizeIcon,
-  Oe as MinimizeIcon,
-  lo as MouseModeButton,
-  so as NextButton,
-  io as PageIndicator,
-  co as PrevButton,
-  io as SemanticPageIndicator,
-  Ue as TableOfContentsIcon,
-  uo as TocButton,
-  mo as Toolbar,
+  no as ActionButton,
+  ao as BookmarkToggleButton,
+  to as BookshelfIcon,
+  He as ChevronFirstIcon,
+  Oe as ChevronLastIcon,
+  Ae as ChevronLeftIcon,
+  ze as ChevronRightIcon,
+  ro as DownloadDropdown,
+  Je as DownloadIcon,
+  lo as FirstPageButton,
+  io as FullscreenButton,
+  so as LastPageButton,
+  Ue as MaximizeIcon,
+  We as MinimizeIcon,
+  co as MouseModeButton,
+  uo as NextButton,
+  mo as PageIndicator,
+  go as PrevButton,
+  mo as SemanticPageIndicator,
+  qe as TableOfContentsIcon,
+  ho as TocButton,
+  po as Toolbar,
   A as ToolbarButton,
-  Me as defaultCommands,
-  Te as downloadCommand,
+  oo as createDefaultDownloadConfig,
+  $e as defaultCommands,
+  ye as downloadCommand,
   oe as flipNextCommand,
   te as flipPrevCommand,
   ne as goToFirstCommand,
   ae as goToLastCommand,
   re as goToTocCommand,
-  Ee as toggleDebugCommand,
-  je as toggleFullscreenCommand,
+  Fe as toggleDebugCommand,
+  Me as toggleFullscreenCommand,
   X as useCommands,
   z as useToolbar
 };