html-flip-book-react 0.0.0-alpha.69 → 0.0.0-alpha.72

package/dist/toolbar/index.js

@@ -1,10 +1,10 @@
-import { jsx as a, jsxs as E } from "react/jsx-runtime";
-import { createContext as ve, useContext as ye, useRef as J, useReducer as Fe, useMemo as Pe, useCallback as L, useEffect as U, useState as F, useLayoutEffect as Ne } from "react";
-let Me = 4;
-function he() {
-  return Me;
+import { jsx as a, jsxs as L } from "react/jsx-runtime";
+import { createContext as Ce, useContext as Te, useRef as Q, useReducer as je, useMemo as Ie, useCallback as I, useEffect as U, useState as D, useLayoutEffect as Be } from "react";
+let Se = 4;
+function we() {
+  return Se;
 }
-const je = {
+const $e = {
   id: "download",
   enName: "Download",
   enDescription: "Download entire book or page range",
@@ -17,51 +17,51 @@ const je = {
     );
   },
   canExecute: (e) => typeof e.data?.onDownload == "function"
-}, Be = [
+}, Ae = [
   { key: "ArrowRight" },
   { key: "PageDown" },
   { key: " " }
   // Space
-], ne = {
+], le = {
   id: "flipNext",
   navKind: "flip",
   enName: "Next Page",
   enDescription: "Flip to the next page",
   nameKey: "command.jumpToNextPage",
-  hotkeys: Be,
+  hotkeys: Ae,
   execute: (e) => {
     e.handle?.flipNext();
   },
   canExecute: (e) => (e.handle?.getCurrentPageIndex() ?? 0) < (e.handle?.getTotalPages() ?? 0) - 1
-}, Se = [{ key: "ArrowLeft" }, { key: "PageUp" }], re = {
+}, Re = [{ key: "ArrowLeft" }, { key: "PageUp" }], se = {
   id: "flipPrev",
   navKind: "flip",
   enName: "Previous Page",
   enDescription: "Flip to the previous page",
   nameKey: "command.jumpToPrevPage",
-  hotkeys: Se,
+  hotkeys: Re,
   execute: (e) => {
     e.handle?.flipPrev();
   },
   canExecute: (e) => (e.handle?.getCurrentPageIndex() ?? 0) > 0
-}, $e = [{ key: "Home" }, { key: "ArrowLeft", modifiers: { ctrl: !0 } }], ae = {
+}, Ke = [{ key: "Home" }, { key: "ArrowLeft", modifiers: { ctrl: !0 } }], ie = {
   id: "goToFirst",
   navKind: "jump",
   enName: "First Page",
   enDescription: "Jump to the first page",
   nameKey: "command.jumpToFirstPage",
-  hotkeys: $e,
+  hotkeys: Ke,
   execute: (e) => {
     e.handle?.jumpToPage(0);
   },
   canExecute: (e) => e.handle?.getCurrentPageIndex() !== 0
-}, Ae = [{ key: "End" }, { key: "ArrowRight", modifiers: { ctrl: !0 } }], le = {
+}, He = [{ key: "End" }, { key: "ArrowRight", modifiers: { ctrl: !0 } }], ce = {
   id: "goToLast",
   navKind: "jump",
   enName: "Last Page",
   enDescription: "Jump to the last page",
   nameKey: "command.jumpToLastPage",
-  hotkeys: Ae,
+  hotkeys: He,
   execute: (e) => {
     const t = e.handle?.getTotalPages() ?? 0;
     e.handle?.jumpToPage(t - 1);
@@ -70,46 +70,46 @@ const je = {
     const t = e.handle?.getCurrentPageIndex() ?? 0, o = e.handle?.getTotalPages() ?? 0;
     return t !== o - 1;
   }
-}, Re = [{ key: "t" }], se = {
+}, Oe = [{ key: "t" }], de = {
   id: "goToToc",
   navKind: "jump",
   enName: "Table of Contents",
   enDescription: "Jump to the table of contents",
   nameKey: "command.jumpToToc",
-  hotkeys: Re,
+  hotkeys: Oe,
   execute: (e) => {
-    const t = e.handle?.getTocPageIndex?.() ?? he();
+    const t = e.handle?.getTocPageIndex?.() ?? we();
     e.handle?.jumpToPage(t);
   },
   canExecute: (e) => {
-    const t = e.handle?.getTocPageIndex?.() ?? he();
+    const t = e.handle?.getTocPageIndex?.() ?? we();
     return e.handle?.getCurrentPageIndex() !== t;
   }
-}, Ke = [{ key: "d", modifiers: { ctrl: !0, alt: !0 } }], He = {
+}, Ue = [{ key: "d", modifiers: { ctrl: !0, alt: !0 } }], ze = {
   id: "toggleDebug",
   enName: "Toggle Debug Toolbar",
   enDescription: "Show or hide the debug toolbar (Ctrl+Alt+D)",
   nameKey: "command.toggleDebug",
   descriptionKey: "command.toggleDebugDesc",
-  hotkeys: Ke,
+  hotkeys: Ue,
   execute: (e) => {
     e.handle?.toggleDebugBar?.();
   }
-}, X = () => document, pe = [
+}, ee = () => document, xe = [
   "fullscreenchange",
   "webkitfullscreenchange",
   "fullscreenerror",
   "webkitfullscreenerror"
 ];
-function ie() {
-  return typeof document > "u" ? null : X().fullscreenElement ?? X().webkitFullscreenElement ?? null;
+function ue() {
+  return typeof document > "u" ? null : ee().fullscreenElement ?? ee().webkitFullscreenElement ?? null;
 }
-function ce(e) {
+function me(e) {
   if (typeof document > "u") return !1;
-  const t = e ?? X().documentElement;
-  return typeof (t.requestFullscreen ?? t.webkitRequestFullscreen) != "function" ? !1 : (X().fullscreenEnabled ?? X().webkitFullscreenEnabled) !== !1;
+  const t = e ?? ee().documentElement;
+  return typeof (t.requestFullscreen ?? t.webkitRequestFullscreen) != "function" ? !1 : (ee().fullscreenEnabled ?? ee().webkitFullscreenEnabled) !== !1;
 }
-async function Oe(e) {
+async function qe(e) {
   const t = e;
   if (t.requestFullscreen) {
     await t.requestFullscreen();
@@ -121,37 +121,37 @@ async function Oe(e) {
   }
   throw new Error("Fullscreen API is not available");
 }
-async function Ue() {
-  const e = X();
+async function We() {
+  const e = ee();
   if (e.exitFullscreen) {
     await e.exitFullscreen();
     return;
   }
   e.webkitExitFullscreen && e.webkitExitFullscreen();
 }
-const ze = [{ key: "F11" }], Y = {
+const Ve = [{ key: "F11" }], te = {
   id: "toggleFullscreen",
   kind: "toggle",
   enName: "Toggle Fullscreen",
   enDescription: "Enter or exit fullscreen mode",
   nameKey: "command.toggleFullscreen",
   descriptionKey: "command.toggleFullscreenDesc",
-  hotkeys: ze,
-  canExecute: (e) => ce(e.data?.getFullscreenTarget?.()),
-  isActive: () => ie() !== null,
+  hotkeys: Ve,
+  canExecute: (e) => me(e.data?.getFullscreenTarget?.()),
+  isActive: () => ue() !== null,
   setActive: (e, t) => {
-    const o = ie();
+    const o = ue();
     if (t) {
       if (o) return;
       const n = e.data?.getFullscreenTarget?.() ?? document.documentElement;
-      if (!ce(n)) return !1;
-      Oe(n).catch(console.warn);
+      if (!me(n)) return !1;
+      qe(n).catch(console.warn);
       return;
     }
-    o && Ue().catch(console.warn);
+    o && We().catch(console.warn);
   },
-  execute: (e) => Y.setActive(e, !Y.isActive(e))
-}, ee = {
+  execute: (e) => te.setActive(e, !te.isActive(e))
+}, ne = {
   id: "toggleTextSelection",
   kind: "toggle",
   enName: "Select Text",
@@ -165,32 +165,32 @@ const ze = [{ key: "F11" }], Y = {
     e.transient ? e.handle.setMouseMode(o, { persist: !1 }) : e.handle.setMouseMode(o);
   },
   execute: (e) => {
-    const t = ee.setActive(
+    const t = ne.setActive(
       e,
-      !ee.isActive(e)
+      !ne.isActive(e)
     );
     return t !== !1 && window.getSelection()?.removeAllRanges(), t;
   }
-}, qe = [
-  ne,
-  re,
-  ae,
+}, Je = [
   le,
   se,
-  Y,
-  He,
-  ee,
-  je
+  ie,
+  ce,
+  de,
+  te,
+  ze,
+  ne,
+  $e
 ];
-function Ce(e, t) {
+function De(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function We(e, t, o) {
-  if (Ce(t.key, o) !== e.key) return !1;
+function Ge(e, t, o) {
+  if (De(t.key, o) !== e.key) return !1;
   const n = e.modifiers ?? {};
   return !(e.key !== "Control" && !!n.ctrl !== t.ctrlKey || e.key !== "Shift" && !!n.shift !== t.shiftKey || e.key !== "Alt" && !!n.alt !== t.altKey || e.key !== "Meta" && !!n.meta !== t.metaKey);
 }
-function Ve(e, t) {
+function _e(e, t) {
   const o = e.modifiers ?? {};
   return [
     o.ctrl && !t.ctrlKey,
@@ -199,11 +199,11 @@ function Ve(e, t) {
     o.meta && !t.metaKey
   ].some(Boolean);
 }
-function Je(e, t, o) {
-  const n = Ce(t.key, o);
-  return n === e.key || n.length === 1 && n.toLowerCase() === e.key.toLowerCase() ? !0 : Ve(e, t);
+function Qe(e, t, o) {
+  const n = De(t.key, o);
+  return n === e.key || n.length === 1 && n.toLowerCase() === e.key.toLowerCase() ? !0 : _e(e, t);
 }
-function Ge(e, t) {
+function Xe(e, t) {
   const o = e.modifiers ?? {}, n = t.modifiers ?? {};
   return [
     !!o.ctrl == !!n.ctrl,
@@ -212,17 +212,17 @@ function Ge(e, t) {
     !!o.meta == !!n.meta
   ].every(Boolean);
 }
-function be(e, t) {
-  return e.key === t.key && e.mode === t.mode && (e.active ?? !0) === (t.active ?? !0) && Ge(e, t);
+function ke(e, t) {
+  return e.key === t.key && e.mode === t.mode && (e.active ?? !0) === (t.active ?? !0) && Xe(e, t);
 }
-class _e {
+class Ye {
   held = /* @__PURE__ */ new Map();
   has(t) {
     return this.held.has(t);
   }
   press(t, o, n) {
     const r = this.held.get(t.id);
-    if (r?.bindings.some((i) => be(i, o))) return !1;
+    if (r?.bindings.some((i) => ke(i, o))) return !1;
     const s = r ?? {
       command: t,
       context: { ...n, transient: !0 },
@@ -232,7 +232,7 @@ class _e {
     return t.setActive(s.context, o.active ?? !0) === !1 ? !1 : (s.bindings.push(o), this.held.set(t.id, s), !0);
   }
   release(t, o) {
-    return this.removeBindings((n) => Je(n, t, o));
+    return this.removeBindings((n) => Qe(n, t, o));
   }
   /** Restore removed/disabled bindings without interrupting holds on ordinary rerenders. */
   reconcile(t, o) {
@@ -240,7 +240,7 @@ class _e {
   }
   isRegistered(t, o, n) {
     const r = n[o.command.id];
-    return !r || r.options.disableHotkeys || r.command !== o.command ? !1 : (r.options.hotkeys ?? r.command.hotkeys ?? []).some((s) => be(s, t));
+    return !r || r.options.disableHotkeys || r.command !== o.command ? !1 : (r.options.hotkeys ?? r.command.hotkeys ?? []).some((s) => ke(s, t));
   }
   clear() {
     return this.removeBindings(() => !0);
@@ -257,25 +257,25 @@ class _e {
     return o;
   }
 }
-const Te = ve(null);
-function Qe(e) {
+const Ee = Ce(null);
+function Ze(e) {
   return e instanceof HTMLElement ? !!(e.isContentEditable || e.closest('input, textarea, select, [contenteditable="true"], [contenteditable=""]')) : !1;
 }
-function Xe(e) {
+function et(e) {
   return e.options.disableHotkeys ? [] : e.options.hotkeys ?? e.command.hotkeys ?? [];
 }
-function Ye(e, t, o) {
+function tt(e, t, o) {
   return t.mode !== "hold" ? !0 : e.kind !== "toggle" ? !1 : !e.canExecute || e.canExecute(o(e));
 }
-function Ze(e, t, o, n) {
+function ot(e, t, o, n) {
   for (const r of Object.values(e)) {
-    const s = Xe(r).find(
-      (i) => We(i, t, o) && Ye(r.command, i, n)
+    const s = et(r).find(
+      (i) => Ge(i, t, o) && tt(r.command, i, n)
     );
     if (s) return { command: r.command, binding: s };
   }
 }
-const et = ({
+const nt = ({
   flipBookRef: e,
   currentPage: t,
   totalPages: o,
@@ -285,90 +285,90 @@ const et = ({
   disableHotkeys: i = !1,
   children: c
 }) => {
-  const m = J(new _e()).current, [, x] = Fe((d) => d + 1, 0), g = Pe(() => {
+  const g = Q(new Ye()).current, [, w] = je((d) => d + 1, 0), f = Ie(() => {
     const d = {};
-    for (const u of qe)
-      d[u.id] = {
-        command: u,
-        options: s[u.id] ?? {}
+    for (const m of Je)
+      d[m.id] = {
+        command: m,
+        options: s[m.id] ?? {}
       };
-    for (const u of r)
-      d[u.id] = {
-        command: u,
-        options: s[u.id] ?? {}
+    for (const m of r)
+      d[m.id] = {
+        command: m,
+        options: s[m.id] ?? {}
       };
     return d;
-  }, [r, s]), h = L(
-    (d, u) => {
-      const M = g[d.id]?.options ?? {}, I = u ? { ...M.data, ...u } : M.data;
+  }, [r, s]), p = I(
+    (d, m) => {
+      const y = f[d.id]?.options ?? {}, $ = m ? { ...y.data, ...m } : y.data;
       return {
         handle: e.current,
-        data: I
+        data: $
       };
     },
-    [e, g]
-  ), N = L(
-    (d, u) => {
-      if (m.has(d.id)) return;
-      const M = h(d, u);
-      d.canExecute && !d.canExecute(M) || (d.execute(M), x());
+    [e, f]
+  ), N = I(
+    (d, m) => {
+      if (g.has(d.id)) return;
+      const y = p(d, m);
+      d.canExecute && !d.canExecute(y) || (d.execute(y), w());
     },
-    [h, m]
-  ), T = L(
+    [p, g]
+  ), E = I(
     (d) => {
-      if (m.has(d.id)) return !1;
-      const u = h(d);
-      return d.canExecute ? d.canExecute(u) : !0;
+      if (g.has(d.id)) return !1;
+      const m = p(d);
+      return d.canExecute ? d.canExecute(m) : !0;
     },
-    [h, m]
-  ), j = L(
-    (d) => d.isActive(h(d)),
-    [h]
-  ), B = L(
-    () => Object.values(g).map((d) => d.command),
-    [g]
-  ), P = J({ registry: g, execute: N, createCommandContext: h, direction: n, disableHotkeys: i });
-  P.current = { registry: g, execute: N, createCommandContext: h, direction: n, disableHotkeys: i }, U(() => {
-    m.reconcile(g, i) && x();
-  }, [m, g, i]), U(() => {
-    const d = (p, D, $) => {
-      if (p.kind !== "toggle") return;
-      const K = P.current.createCommandContext(p);
-      !$.repeat && m.press(p, D, K) && x(), ["Control", "Shift", "Alt", "Meta"].includes(D.key) || $.preventDefault();
-    }, u = (p) => {
-      const { registry: D, execute: $, direction: K, disableHotkeys: H, createCommandContext: O } = P.current;
-      if (H || p.defaultPrevented || Qe(p.target)) return;
-      const k = Ze(D, p, K, O);
-      k && (k.binding.mode === "hold" ? d(k.command, k.binding, p) : (p.preventDefault(), $(k.command)));
-    }, M = (p) => {
-      m.release(p, P.current.direction) && x();
-    }, I = () => {
-      m.clear() && x();
-    }, A = () => {
-      document.hidden && I();
+    [p, g]
+  ), M = I(
+    (d) => d.isActive(p(d)),
+    [p]
+  ), j = I(
+    () => Object.values(f).map((d) => d.command),
+    [f]
+  ), v = Q({ registry: f, execute: N, createCommandContext: p, direction: n, disableHotkeys: i });
+  v.current = { registry: f, execute: N, createCommandContext: p, direction: n, disableHotkeys: i }, U(() => {
+    g.reconcile(f, i) && w();
+  }, [g, f, i]), U(() => {
+    const d = (b, F, k) => {
+      if (b.kind !== "toggle") return;
+      const S = v.current.createCommandContext(b);
+      !k.repeat && g.press(b, F, S) && w(), ["Control", "Shift", "Alt", "Meta"].includes(F.key) || k.preventDefault();
+    }, m = (b) => {
+      const { registry: F, execute: k, direction: S, disableHotkeys: K, createCommandContext: V } = v.current;
+      if (K || b.defaultPrevented || Ze(b.target)) return;
+      const P = ot(F, b, S, V);
+      P && (P.binding.mode === "hold" ? d(P.command, P.binding, b) : (b.preventDefault(), k(P.command)));
+    }, y = (b) => {
+      g.release(b, v.current.direction) && w();
+    }, $ = () => {
+      g.clear() && w();
+    }, O = () => {
+      document.hidden && $();
     };
-    return document.addEventListener("keydown", u), document.addEventListener("keyup", M), window.addEventListener("blur", I), document.addEventListener("visibilitychange", A), () => {
-      document.removeEventListener("keydown", u), document.removeEventListener("keyup", M), window.removeEventListener("blur", I), document.removeEventListener("visibilitychange", A), m.clear();
+    return document.addEventListener("keydown", m), document.addEventListener("keyup", y), window.addEventListener("blur", $), document.addEventListener("visibilitychange", O), () => {
+      document.removeEventListener("keydown", m), document.removeEventListener("keyup", y), window.removeEventListener("blur", $), document.removeEventListener("visibilitychange", O), g.clear();
     };
-  }, [m]);
-  const S = { execute: N, canExecute: T, isActive: j, getAllCommands: B };
-  return /* @__PURE__ */ a(Te.Provider, { value: S, children: c });
-}, Q = () => {
-  const e = ye(Te);
+  }, [g]);
+  const B = { execute: N, canExecute: E, isActive: M, getAllCommands: j };
+  return /* @__PURE__ */ a(Ee.Provider, { value: B, children: c });
+}, X = () => {
+  const e = Te(Ee);
   if (!e)
     throw new Error("useCommands must be used within a CommandProvider");
   return e;
 };
-function tt(e) {
+function rt(e) {
   let t = "";
   for (const o of new TextEncoder().encode(e))
     t += String.fromCharCode(o);
   return btoa(t);
 }
-function we(e) {
-  return { ext: "json", data: tt(JSON.stringify(e, null, "	")) };
+function ve(e) {
+  return { ext: "json", data: rt(JSON.stringify(e, null, "	")) };
 }
-function xt(e) {
+function yt(e) {
   const { pagesCount: t, pageSemantics: o } = e, n = (r) => {
     const s = o?.indexToSemanticName(r) ?? "", i = o?.indexToTitle(r) ?? "";
     return o ? { pageIndex: r, semanticName: s, title: i } : { pageIndex: r, semanticName: String(r + 1), title: `Page ${r + 1}` };
@@ -380,12 +380,12 @@ function xt(e) {
         const i = n(s);
         (i.semanticName || i.title) && r.push(i);
       }
-      return Promise.resolve(we(r));
+      return Promise.resolve(ve(r));
     },
-    onDownloadPageRange: (r) => Promise.resolve(we(r.map(n)))
+    onDownloadPageRange: (r) => Promise.resolve(ve(r.map(n)))
   };
 }
-const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE__ */ a(
+const z = { size: 24 }, at = ({ size: e = z.size, className: t }) => /* @__PURE__ */ a(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -401,7 +401,7 @@ const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE_
     "aria-hidden": "true",
     children: /* @__PURE__ */ a("path", { d: "m15 18-6-6 6-6" })
   }
-), nt = ({ size: e = z.size, className: t }) => /* @__PURE__ */ a(
+), lt = ({ size: e = z.size, className: t }) => /* @__PURE__ */ a(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -417,7 +417,7 @@ const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE_
     "aria-hidden": "true",
     children: /* @__PURE__ */ a("path", { d: "m9 18 6-6-6-6" })
   }
-), rt = ({ size: e = z.size, className: t }) => /* @__PURE__ */ E(
+), st = ({ size: e = z.size, className: t }) => /* @__PURE__ */ L(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -436,7 +436,7 @@ const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE_
       /* @__PURE__ */ a("path", { d: "M7 6v12" })
     ]
   }
-), at = ({ size: e = z.size, className: t }) => /* @__PURE__ */ E(
+), it = ({ size: e = z.size, className: t }) => /* @__PURE__ */ L(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -455,7 +455,7 @@ const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE_
       /* @__PURE__ */ a("path", { d: "M17 6v12" })
     ]
   }
-), lt = ({ size: e = z.size, className: t }) => /* @__PURE__ */ E(
+), ct = ({ size: e = z.size, className: t }) => /* @__PURE__ */ L(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -476,7 +476,7 @@ const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE_
       /* @__PURE__ */ a("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
     ]
   }
-), st = ({ size: e = z.size, className: t }) => /* @__PURE__ */ E(
+), dt = ({ size: e = z.size, className: t }) => /* @__PURE__ */ L(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -497,10 +497,10 @@ const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE_
       /* @__PURE__ */ a("path", { d: "M16 21v-3a2 2 0 0 1 2-2h3" })
     ]
   }
-), it = ({
+), ut = ({
   size: e = z.size,
   className: t
-}) => /* @__PURE__ */ E(
+}) => /* @__PURE__ */ L(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -523,7 +523,7 @@ const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE_
       /* @__PURE__ */ a("path", { d: "M21 19h.01" })
     ]
   }
-), kt = ({ size: e = z.size, className: t }) => /* @__PURE__ */ E(
+), Pt = ({ size: e = z.size, className: t }) => /* @__PURE__ */ L(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -545,7 +545,7 @@ const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE_
       /* @__PURE__ */ a("rect", { x: "16", y: "6", width: "4", height: "15", rx: "0.5" })
     ]
   }
-), ct = ({ size: e = z.size, className: t }) => /* @__PURE__ */ E(
+), mt = ({ size: e = z.size, className: t }) => /* @__PURE__ */ L(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -585,7 +585,7 @@ const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE_
     className: `flipbook-toolbar-button ${s}`.trim(),
     children: r
   }
-), vt = ({
+), Ct = ({
   onClick: e,
   ariaLabel: t,
   children: o,
@@ -600,7 +600,7 @@ const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE_
     className: `flipbook-toolbar-action ${r ?? ""}`.trim(),
     children: o
   }
-), yt = ({
+), Tt = ({
   enabled: e,
   onChange: t,
   ariaLabel: o,
@@ -623,7 +623,7 @@ const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE_
       }
     ) })
   }
-), dt = {
+), gt = {
   align: "left",
   direction: "ltr",
   translations: {
@@ -632,6 +632,7 @@ const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE_
     "toolbarItem.download.from": "From",
     "toolbarItem.download.to": "To",
     "toolbarItem.download.download": "Download",
+    "toolbarItem.download.error": "Download failed — try again",
     "command.downloadEntireBook": "Download entire book",
     "command.jumpToToc": "Table of contents",
     "command.jumpToFirstPage": "First page",
@@ -649,7 +650,7 @@ const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE_
     "toolbarItem.exitFullscreen": "Exit fullscreen",
     "toolbarItem.fullscreenUnsupported": "Fullscreen is not supported by this browser"
   }
-}, ut = {
+}, ft = {
   align: "right",
   direction: "rtl",
   translations: {
@@ -658,6 +659,7 @@ const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE_
     "toolbarItem.download.from": "מ",
     "toolbarItem.download.to": "עד",
     "toolbarItem.download.download": "הורד",
+    "toolbarItem.download.error": "ההורדה נכשלה — נסו שוב",
     "command.downloadEntireBook": "הורד את כל הספר",
     "command.jumpToToc": "תוכן העניינים",
     "command.jumpToFirstPage": "עמוד ראשון",
@@ -675,10 +677,10 @@ const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE_
     "toolbarItem.exitFullscreen": "יציאה ממסך מלא",
     "toolbarItem.fullscreenUnsupported": "מסך מלא אינו נתמך בדפדפן זה"
   }
-}, de = {
-  "en-US": dt,
-  "he-IL": ut
-}, me = "en-US", mt = {
+}, ge = {
+  "en-US": gt,
+  "he-IL": ft
+}, he = "en-US", ht = {
   "toolbarItem.download": "Download",
   "toolbarItem.downloadPageRange": "Download page range…",
   "toolbarItem.download.from": "From",
@@ -699,43 +701,39 @@ const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE_
   "toolbarItem.exitFullscreen": "Exit fullscreen",
   "toolbarItem.fullscreenUnsupported": "Fullscreen is not supported by this browser"
 };
-function Ie(e) {
-  return de[e] ?? de[me];
+function Le(e) {
+  return ge[e] ?? ge[he];
 }
-function ue(e) {
-  return Ie(e).direction === "rtl";
+function fe(e) {
+  return Le(e).direction === "rtl";
 }
-function gt(e) {
-  return ue(e) ? "rtl" : "ltr";
+function pt(e) {
+  return fe(e) ? "rtl" : "ltr";
 }
 function C(e, t) {
-  const o = Ie(t).translations[e];
+  const o = Le(t).translations[e];
   if (o !== void 0 && o !== "") return o;
-  const n = de[me].translations[e];
-  return n !== void 0 && n !== "" ? n : mt[e] ?? e;
+  const n = ge[he].translations[e];
+  return n !== void 0 && n !== "" ? n : ht[e] ?? e;
 }
-const De = ve(null);
+const Ne = Ce(null);
 function W() {
-  const e = ye(De);
+  const e = Te(Ne);
   if (!e)
     throw new Error("Toolbar components must be used within a Toolbar");
   return e;
 }
-function xe(e) {
+function ye(e) {
   return e.replace(/[׳'״"]/g, "");
 }
-function ke(e, t) {
-  try {
-    const o = atob(e.data), n = new Uint8Array(o.length);
-    for (let c = 0; c < o.length; c++)
-      n[c] = o.charCodeAt(c);
-    const r = new Blob([n]), s = URL.createObjectURL(r), i = document.createElement("a");
-    i.href = s, i.download = `${t}.${e.ext}`, i.click(), URL.revokeObjectURL(s);
-  } catch (o) {
-    console.error("Download failed:", o);
-  }
+function Pe(e, t) {
+  const o = atob(e.data), n = new Uint8Array(o.length);
+  for (let c = 0; c < o.length; c++)
+    n[c] = o.charCodeAt(c);
+  const r = new Blob([n]), s = URL.createObjectURL(r), i = document.createElement("a");
+  i.href = s, i.download = `${t}.${e.ext}`, i.click(), URL.revokeObjectURL(s);
 }
-function ft(e, t) {
+function bt(e, t) {
   const o = [];
   for (let n = 0; n < e; n++) {
     const r = t?.indexToSemanticName(n) ?? "", s = t?.indexToTitle(n) ?? "";
@@ -751,7 +749,7 @@ function ft(e, t) {
   }
   return o;
 }
-const Pt = ({
+const It = ({
   ariaLabel: e = "Download",
   className: t
 }) => {
@@ -762,140 +760,152 @@ const Pt = ({
     openDownloadMenuRef: s,
     downloadExecutorRef: i,
     flipBookRef: c
-  } = W(), m = c.current?.getDownloadConfig?.() ?? void 0, [x, g] = F(!1);
-  U(() => (s.current = () => g(!0), () => {
+  } = W(), g = c.current?.getDownloadConfig?.() ?? void 0, [w, f] = D(!1);
+  U(() => (s.current = () => f(!0), () => {
     s.current = null;
   }), [s]);
-  const [h, N] = F("entire"), [T, j] = F(0), [B, P] = F(0), [S, d] = F(null), [u, M] = F(!1), I = J(null), A = J(null), p = Pe(
-    () => ft(o, n),
+  const [p, N] = D("entire"), [E, M] = D(0), [j, v] = D(0), [B, d] = D(null), [m, y] = D(null), [$, O] = D(!1), b = Q(null), F = Q(null), k = Ie(
+    () => bt(o, n),
     [o, n]
-  ), D = !!m?.onDownloadSefer, $ = !!m?.onDownloadPageRange, K = D || $, H = p[0]?.pageIndex ?? 0, O = p[p.length - 1]?.pageIndex ?? 0;
+  ), S = !!g?.onDownloadSefer, K = !!g?.onDownloadPageRange, V = S || K, P = k[0]?.pageIndex ?? 0, Y = k[k.length - 1]?.pageIndex ?? 0;
   U(() => {
-    x && (N(D ? "entire" : "range"), j(H), P(O));
-  }, [x, D, H, O]);
-  const k = L(() => {
-    g(!1);
-  }, []);
-  Ne(() => {
-    if (!x || !A.current || !I.current) return;
-    const l = A.current, b = I.current.querySelector(".flipbook-toolbar-download-trigger"), y = () => {
-      const w = b?.getBoundingClientRect();
-      if (!w) return;
-      const R = 8, V = 6, te = window.innerHeight - w.bottom - V - R, ge = w.top - V - R, fe = Math.min(l.scrollHeight, window.innerHeight * 0.7, 480), oe = te < fe && ge > te;
-      l.style.maxHeight = `${Math.max(0, Math.min(fe, oe ? ge : te))}px`;
-      const Z = l.getBoundingClientRect(), Ee = ue(r) ? w.left : w.right - Z.width;
-      l.style.left = `${Math.max(R, Math.min(Ee, window.innerWidth - Z.width - R))}px`;
-      const Le = oe ? w.top - V - Z.height : w.bottom + V;
-      l.style.top = `${Math.max(R, Math.min(Le, window.innerHeight - Z.height - R))}px`, M(oe);
+    w && (N(S ? "entire" : "range"), M(P), v(Y));
+  }, [w, S, P, Y]);
+  const H = I(() => {
+    f(!1), y(null);
+  }, []), x = I(
+    (l) => {
+      const h = c.current?.getDownloadConfig?.()?.onDownloadError?.(l);
+      y(
+        typeof h == "string" && h ? h : C("toolbarItem.download.error", r)
+      );
+    },
+    [c, r]
+  );
+  Be(() => {
+    if (!w || !F.current || !b.current) return;
+    const l = F.current, u = b.current.querySelector(".flipbook-toolbar-download-trigger"), h = () => {
+      const T = u?.getBoundingClientRect();
+      if (!T) return;
+      const R = 8, _ = 6, re = window.innerHeight - T.bottom - _ - R, pe = T.top - _ - R, be = Math.min(l.scrollHeight, window.innerHeight * 0.7, 480), ae = re < be && pe > re;
+      l.style.maxHeight = `${Math.max(0, Math.min(be, ae ? pe : re))}px`;
+      const oe = l.getBoundingClientRect(), Fe = fe(r) ? T.left : T.right - oe.width;
+      l.style.left = `${Math.max(R, Math.min(Fe, window.innerWidth - oe.width - R))}px`;
+      const Me = ae ? T.top - _ - oe.height : T.bottom + _;
+      l.style.top = `${Math.max(R, Math.min(Me, window.innerHeight - oe.height - R))}px`, O(ae);
     };
-    y();
-    const f = new ResizeObserver(y);
-    f.observe(l);
-    const v = I.current.closest('[role="toolbar"]');
-    return v && f.observe(v), window.addEventListener("resize", y), window.addEventListener("scroll", y, !0), () => {
-      f.disconnect(), window.removeEventListener("resize", y), window.removeEventListener("scroll", y, !0);
+    h();
+    const Z = new ResizeObserver(h);
+    Z.observe(l);
+    const G = b.current.closest('[role="toolbar"]');
+    return G && Z.observe(G), window.addEventListener("resize", h), window.addEventListener("scroll", h, !0), () => {
+      Z.disconnect(), window.removeEventListener("resize", h), window.removeEventListener("scroll", h, !0);
     };
-  }, [x, r]), U(() => {
-    if (!x) return;
-    const l = (b) => {
-      I.current && !I.current.contains(b.target) && k();
+  }, [w, r]), U(() => {
+    if (!w) return;
+    const l = (u) => {
+      b.current && !b.current.contains(u.target) && H();
     };
     return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
-  }, [x, k]);
-  const G = L(async () => {
+  }, [w, H]);
+  const A = I(async () => {
     const l = c.current?.getDownloadConfig?.();
     if (l?.onDownloadSefer) {
-      d("sefer");
+      d("sefer"), y(null);
       try {
-        const b = await l.onDownloadSefer();
-        b && ke(b, l.entireBookFilename ?? "book"), k();
+        const u = await l.onDownloadSefer();
+        u && Pe(u, l.entireBookFilename ?? "book"), H();
+      } catch (u) {
+        x(u);
       } finally {
         d(null);
       }
     }
-  }, [c, k]), _ = L(
-    async (l, b) => {
-      const y = c.current?.getDownloadConfig?.();
-      if (!y?.onDownloadPageRange) return;
-      const f = [], v = [];
-      for (let w = l; w <= b; w++) {
-        f.push(w);
-        const R = p.find((V) => V.pageIndex === w);
-        R && v.push(R);
+  }, [c, H, x]), J = I(
+    async (l, u) => {
+      const h = c.current?.getDownloadConfig?.();
+      if (!h?.onDownloadPageRange) return;
+      const Z = [], G = [];
+      for (let T = l; T <= u; T++) {
+        Z.push(T);
+        const R = k.find((_) => _.pageIndex === T);
+        R && G.push(R);
       }
-      d("range");
+      d("range"), y(null);
       try {
-        const w = await y.onDownloadPageRange(
-          f,
-          v,
-          y.downloadContext
+        const T = await h.onDownloadPageRange(
+          Z,
+          G,
+          h.downloadContext
         );
-        if (w) {
-          const R = xe(v[0]?.semanticName ?? String(l)), V = xe(
-            v[v.length - 1]?.semanticName ?? String(b)
+        if (T) {
+          const R = ye(G[0]?.semanticName ?? String(l)), _ = ye(
+            G[G.length - 1]?.semanticName ?? String(u)
           );
-          ke(w, `${y.rangeFilename ?? "pages"}-${R}-${V}`);
+          Pe(T, `${h.rangeFilename ?? "pages"}-${R}-${_}`);
         }
-        k();
+        H();
+      } catch (T) {
+        x(T);
       } finally {
         d(null);
       }
     },
-    [c, p, k]
+    [c, k, H, x]
   );
-  return U(() => (i.current = (l, b) => {
-    l === void 0 && b === void 0 ? G() : l !== void 0 && b !== void 0 && _(l, b);
+  return U(() => (i.current = (l, u) => {
+    l === void 0 && u === void 0 ? A() : l !== void 0 && u !== void 0 && J(l, u);
   }, () => {
     i.current = null;
-  }), [i, G, _]), K ? /* @__PURE__ */ E("div", { className: `flipbook-toolbar-download-wrap ${t ?? ""}`.trim(), ref: I, children: [
+  }), [i, A, J]), V ? /* @__PURE__ */ L("div", { className: `flipbook-toolbar-download-wrap ${t ?? ""}`.trim(), ref: b, children: [
     /* @__PURE__ */ a(
       "button",
       {
         type: "button",
         className: "flipbook-toolbar-button flipbook-toolbar-download-trigger",
-        onClick: () => g((l) => !l),
+        onClick: () => f((l) => !l),
         "aria-label": e ?? C("toolbarItem.download", r),
-        "aria-expanded": x,
+        "aria-expanded": w,
         "aria-haspopup": "true",
-        disabled: S !== null,
-        children: /* @__PURE__ */ a(ct, { size: 18 })
+        disabled: B !== null,
+        children: /* @__PURE__ */ a(mt, { size: 18 })
       }
     ),
-    x && /* @__PURE__ */ E(
+    w && /* @__PURE__ */ L(
       "div",
       {
-        ref: A,
-        className: `flipbook-toolbar-download-menu ${u ? "flipbook-toolbar-download-menu--open-up" : ""}`.trim(),
+        ref: F,
+        className: `flipbook-toolbar-download-menu ${$ ? "flipbook-toolbar-download-menu--open-up" : ""}`.trim(),
         role: "menu",
-        dir: ue(r) ? "rtl" : "ltr",
+        dir: fe(r) ? "rtl" : "ltr",
         children: [
-          /* @__PURE__ */ E(
+          /* @__PURE__ */ L(
             "fieldset",
             {
               className: "flipbook-toolbar-download-mode",
               "aria-label": C("toolbarItem.download", r),
               children: [
-                D && /* @__PURE__ */ E("label", { className: "flipbook-toolbar-download-radio-label", children: [
+                S && /* @__PURE__ */ L("label", { className: "flipbook-toolbar-download-radio-label", children: [
                   /* @__PURE__ */ a(
                     "input",
                     {
                       type: "radio",
                       name: "download-mode",
                       className: "flipbook-toolbar-download-radio",
-                      checked: h === "entire",
+                      checked: p === "entire",
                       onChange: () => N("entire")
                     }
                   ),
                   /* @__PURE__ */ a("span", { children: C("command.downloadEntireBook", r) })
                 ] }),
-                $ && /* @__PURE__ */ E("label", { className: "flipbook-toolbar-download-radio-label", children: [
+                K && /* @__PURE__ */ L("label", { className: "flipbook-toolbar-download-radio-label", children: [
                   /* @__PURE__ */ a(
                     "input",
                     {
                       type: "radio",
                       name: "download-mode",
                       className: "flipbook-toolbar-download-radio",
-                      checked: h === "range",
+                      checked: p === "range",
                       onChange: () => N("range")
                     }
                   ),
@@ -904,32 +914,33 @@ const Pt = ({
               ]
             }
           ),
-          h === "range" && /* @__PURE__ */ E("div", { className: "flipbook-toolbar-download-range", children: [
-            /* @__PURE__ */ E("label", { className: "flipbook-toolbar-download-range-label", children: [
+          p === "range" && /* @__PURE__ */ L("div", { className: "flipbook-toolbar-download-range", children: [
+            /* @__PURE__ */ L("label", { className: "flipbook-toolbar-download-range-label", children: [
               C("toolbarItem.download.from", r),
               /* @__PURE__ */ a(
                 "select",
                 {
-                  value: T,
-                  onChange: (l) => j(Number(l.target.value)),
+                  value: E,
+                  onChange: (l) => M(Number(l.target.value)),
                   className: "flipbook-toolbar-download-range-select",
-                  children: p.map((l) => /* @__PURE__ */ a("option", { value: l.pageIndex, children: l.semanticName || l.title || `Page ${l.pageIndex + 1}` }, l.pageIndex))
+                  children: k.map((l) => /* @__PURE__ */ a("option", { value: l.pageIndex, children: l.semanticName || l.title || `Page ${l.pageIndex + 1}` }, l.pageIndex))
                 }
               )
             ] }),
-            /* @__PURE__ */ E("label", { className: "flipbook-toolbar-download-range-label", children: [
+            /* @__PURE__ */ L("label", { className: "flipbook-toolbar-download-range-label", children: [
               C("toolbarItem.download.to", r),
               /* @__PURE__ */ a(
                 "select",
                 {
-                  value: B,
-                  onChange: (l) => P(Number(l.target.value)),
+                  value: j,
+                  onChange: (l) => v(Number(l.target.value)),
                   className: "flipbook-toolbar-download-range-select",
-                  children: p.map((l) => /* @__PURE__ */ a("option", { value: l.pageIndex, children: l.semanticName || l.title || `Page ${l.pageIndex + 1}` }, l.pageIndex))
+                  children: k.map((l) => /* @__PURE__ */ a("option", { value: l.pageIndex, children: l.semanticName || l.title || `Page ${l.pageIndex + 1}` }, l.pageIndex))
                 }
               )
             ] })
           ] }),
+          m && /* @__PURE__ */ a("div", { role: "alert", className: "flipbook-toolbar-download-error", children: m }),
           /* @__PURE__ */ a(
             "button",
             {
@@ -937,39 +948,39 @@ const Pt = ({
               role: "menuitem",
               className: "flipbook-toolbar-download-menuitem flipbook-toolbar-download-primary",
               onClick: () => {
-                if (h === "entire")
-                  G();
+                if (p === "entire")
+                  A();
                 else {
-                  const l = c.current?.getTotalPages?.() ?? o, b = Math.min(T, B);
-                  let y = Math.max(T, B);
-                  if (l > 0 && y >= l && (y = l - 1), y < b) return;
-                  _(b, y);
+                  const l = c.current?.getTotalPages?.() ?? o, u = Math.min(E, j);
+                  let h = Math.max(E, j);
+                  if (l > 0 && h >= l && (h = l - 1), h < u) return;
+                  J(u, h);
                 }
               },
-              disabled: S !== null,
-              children: S === "sefer" || S === "range" ? "…" : C("toolbarItem.download.download", r)
+              disabled: B !== null,
+              children: B === "sefer" || B === "range" ? "…" : C("toolbarItem.download.download", r)
             }
           )
         ]
       }
     )
   ] }) : null;
-}, Ct = ({ children: e, className: t }) => {
-  const { locale: o } = W(), { execute: n, canExecute: r } = Q(), s = () => {
-    n(ae);
-  }, i = /* @__PURE__ */ a(rt, { size: 18 }), c = C("command.jumpToFirstPage", o);
+}, Dt = ({ children: e, className: t }) => {
+  const { locale: o } = W(), { execute: n, canExecute: r } = X(), s = () => {
+    n(ie);
+  }, i = /* @__PURE__ */ a(st, { size: 18 }), c = C("command.jumpToFirstPage", o);
   return /* @__PURE__ */ a(
     q,
     {
       onClick: s,
       ariaLabel: c,
       title: c,
-      disabled: !r(ae),
+      disabled: !r(ie),
       className: `flipbook-toolbar-first ${t ?? ""}`.trim(),
       children: e ?? i
     }
   );
-}, Tt = ({
+}, Et = ({
   targetRef: e,
   enterIcon: t,
   exitIcon: o,
@@ -978,61 +989,61 @@ const Pt = ({
   unsupportedBehavior: s = "hide",
   className: i
 }) => {
-  const c = W(), { execute: m, canExecute: x } = Q(), g = e ?? c.fullscreenTargetRef, [h, N] = F(!1), [T, j] = F(!1);
+  const c = W(), { execute: g, canExecute: w } = X(), f = e ?? c.fullscreenTargetRef, [p, N] = D(!1), [E, M] = D(!1);
   U(() => {
     const d = () => {
-      N(ie() !== null), j(ce(g?.current));
+      N(ue() !== null), M(me(f?.current));
     };
     d();
-    for (const u of pe)
-      document.addEventListener(u, d);
+    for (const m of xe)
+      document.addEventListener(m, d);
     return () => {
-      for (const u of pe)
-        document.removeEventListener(u, d);
+      for (const m of xe)
+        document.removeEventListener(m, d);
     };
-  }, [g]);
-  const B = () => {
-    e ? m(Y, {
+  }, [f]);
+  const j = () => {
+    e ? g(te, {
       getFullscreenTarget: () => e.current ?? null
-    }) : m(Y);
+    }) : g(te);
   };
-  if (!T && s === "hide") return null;
-  const P = h ? r ?? C("toolbarItem.exitFullscreen", c.locale) : n ?? C("toolbarItem.enterFullscreen", c.locale), S = h ? o ?? /* @__PURE__ */ a(st, { size: 18 }) : t ?? /* @__PURE__ */ a(lt, { size: 18 });
+  if (!E && s === "hide") return null;
+  const v = p ? r ?? C("toolbarItem.exitFullscreen", c.locale) : n ?? C("toolbarItem.enterFullscreen", c.locale), B = p ? o ?? /* @__PURE__ */ a(dt, { size: 18 }) : t ?? /* @__PURE__ */ a(ct, { size: 18 });
   return /* @__PURE__ */ a(
     q,
     {
-      onClick: B,
-      ariaLabel: P,
-      ariaPressed: h,
-      disabled: !T || !x(Y),
-      title: T ? P : C("toolbarItem.fullscreenUnsupported", c.locale),
-      className: `flipbook-toolbar-fullscreen ${h ? "flipbook-toolbar-fullscreen--active" : ""} ${i ?? ""}`.trim(),
-      children: S
+      onClick: j,
+      ariaLabel: v,
+      ariaPressed: p,
+      disabled: !E || !w(te),
+      title: E ? v : C("toolbarItem.fullscreenUnsupported", c.locale),
+      className: `flipbook-toolbar-fullscreen ${p ? "flipbook-toolbar-fullscreen--active" : ""} ${i ?? ""}`.trim(),
+      children: B
     }
   );
-}, It = ({ children: e, className: t }) => {
-  const { locale: o } = W(), { execute: n, canExecute: r } = Q(), s = () => {
-    n(le);
-  }, i = /* @__PURE__ */ a(at, { size: 18 }), c = C("command.jumpToLastPage", o);
+}, Lt = ({ children: e, className: t }) => {
+  const { locale: o } = W(), { execute: n, canExecute: r } = X(), s = () => {
+    n(ce);
+  }, i = /* @__PURE__ */ a(it, { size: 18 }), c = C("command.jumpToLastPage", o);
   return /* @__PURE__ */ a(
     q,
     {
       onClick: s,
       ariaLabel: c,
       title: c,
-      disabled: !r(le),
+      disabled: !r(ce),
       className: `flipbook-toolbar-last ${t ?? ""}`.trim(),
       children: e ?? i
     }
   );
-}, ht = ({
+}, wt = ({
   command: e,
   ariaLabel: t,
   children: o,
   disabled: n = !1,
   className: r
 }) => {
-  const { execute: s, canExecute: i, isActive: c } = Q();
+  const { execute: s, canExecute: i, isActive: c } = X();
   return /* @__PURE__ */ a(
     q,
     {
@@ -1044,40 +1055,40 @@ const Pt = ({
       children: o
     }
   );
-}, Dt = ({
+}, Nt = ({
   letters: e,
   ariaLabel: t,
   className: o
 }) => {
   const { locale: n } = W(), r = t ?? C("toolbarItem.selectText", n);
   return /* @__PURE__ */ a(
-    ht,
+    wt,
     {
-      command: ee,
+      command: ne,
       ariaLabel: r,
       className: `flipbook-toolbar-mouse-mode ${o ?? ""}`.trim(),
-      children: /* @__PURE__ */ E("span", { className: "flipbook-toolbar-mouse-mode-icon", "aria-hidden": "true", children: [
+      children: /* @__PURE__ */ L("span", { className: "flipbook-toolbar-mouse-mode-icon", "aria-hidden": "true", children: [
         /* @__PURE__ */ a("span", { className: "flipbook-toolbar-mouse-mode-caret" }),
         /* @__PURE__ */ a("span", { children: e ?? C("toolbarItem.selectionLetters", n) })
       ] })
     }
   );
-}, Et = ({ children: e, className: t }) => {
-  const { locale: o } = W(), { execute: n, canExecute: r } = Q(), s = () => {
-    n(ne);
-  }, i = C("command.jumpToNextPage", o), c = /* @__PURE__ */ a(nt, { size: 20 });
+}, Ft = ({ children: e, className: t }) => {
+  const { locale: o } = W(), { execute: n, canExecute: r } = X(), s = () => {
+    n(le);
+  }, i = C("command.jumpToNextPage", o), c = /* @__PURE__ */ a(lt, { size: 20 });
   return /* @__PURE__ */ a(
     q,
     {
       onClick: s,
       ariaLabel: i,
       title: i,
-      disabled: !r(ne),
+      disabled: !r(le),
       className: `flipbook-toolbar-next ${t ?? ""}`.trim(),
       children: e ?? c
     }
   );
-}, Lt = ({
+}, Mt = ({
   mode: e,
   showTotal: t = !0,
   placeholder: o = "—",
@@ -1086,58 +1097,58 @@ const Pt = ({
   ariaLabel: s = "Go to page",
   maxLength: i = 10
 }) => {
-  const { flipBookRef: c, pageSemantics: m, direction: x, currentPage: g, totalPages: h, of: N } = W(), T = e ?? (m ? "semantic" : "index"), j = n ?? (T === "semantic" && !!m), [B, P] = F(""), [S, d] = F(!1), u = J(!1), M = J(g), I = g, A = g + 1 < h ? g + 1 : null, p = L(
-    (f) => T === "semantic" && m ? m.indexToSemanticName(f) || "" : String(f + 1),
-    [T, m]
-  ), D = p(I), $ = A != null ? p(A) : "", K = L(() => String(N), [N]), H = L(() => {
-    const f = D, v = $;
-    let w;
-    return !f && !v ? w = o : f ? v ? f === v ? w = f : w = `${f} - ${v}` : w = f : w = v, t ? `${w} / ${K()}` : w;
-  }, [D, $, o, t, K]), O = x === "rtl" ? $ || D : D || $, k = H();
+  const { flipBookRef: c, pageSemantics: g, direction: w, currentPage: f, totalPages: p, of: N } = W(), E = e ?? (g ? "semantic" : "index"), M = n ?? (E === "semantic" && !!g), [j, v] = D(""), [B, d] = D(!1), m = Q(!1), y = Q(f), $ = f, O = f + 1 < p ? f + 1 : null, b = I(
+    (l) => E === "semantic" && g ? g.indexToSemanticName(l) || "" : String(l + 1),
+    [E, g]
+  ), F = b($), k = O != null ? b(O) : "", S = I(() => String(N), [N]), K = I(() => {
+    const l = F, u = k;
+    let h;
+    return !l && !u ? h = o : l ? u ? l === u ? h = l : h = `${l} - ${u}` : h = l : h = u, t ? `${h} / ${S()}` : h;
+  }, [F, k, o, t, S]), V = w === "rtl" ? k || F : F || k, P = K();
   U(() => {
-    const f = g !== M.current;
-    M.current = g, f && (u.current = !1), !S && !u.current && P(k);
-  }, [k, S, g]);
-  const G = L(
-    (f) => {
-      if (j) {
-        d(!0), P(O), u.current = !1;
-        const v = () => f.target.select();
-        typeof requestAnimationFrame < "u" ? requestAnimationFrame(v) : v();
+    const l = f !== y.current;
+    y.current = f, l && (m.current = !1), !B && !m.current && v(P);
+  }, [P, B, f]);
+  const Y = I(
+    (l) => {
+      if (M) {
+        d(!0), v(V), m.current = !1;
+        const u = () => l.target.select();
+        typeof requestAnimationFrame < "u" ? requestAnimationFrame(u) : u();
       }
     },
-    [j, O]
-  ), _ = L(() => {
-    d(!1), u.current || P(k);
-  }, [k]), l = L(
-    (f) => {
-      if (f.key === "Enter") {
-        if (m && B.trim()) {
-          const v = m.semanticNameToIndex(B.trim());
-          v != null && v >= 0 && v < h && (c.current?.jumpToPage(v), u.current = !0);
+    [M, V]
+  ), H = I(() => {
+    d(!1), m.current || v(P);
+  }, [P]), x = I(
+    (l) => {
+      if (l.key === "Enter") {
+        if (g && j.trim()) {
+          const u = g.semanticNameToIndex(j.trim());
+          u != null && u >= 0 && u < p && (c.current?.jumpToPage(u), m.current = !0);
         }
-        f.currentTarget.blur();
-      } else f.key === "Escape" && f.currentTarget.blur();
+        l.currentTarget.blur();
+      } else l.key === "Escape" && l.currentTarget.blur();
     },
-    [B, m, h, c]
-  ), b = L((f) => {
-    P(f.target.value);
+    [j, g, p, c]
+  ), A = I((l) => {
+    v(l.target.value);
   }, []);
-  return j ? /* @__PURE__ */ a(
+  return M ? /* @__PURE__ */ a(
     "input",
     {
       type: "text",
-      className: `flipbook-toolbar-indicator ${S ? "flipbook-toolbar-indicator--editing" : ""} ${r ?? ""}`.trim(),
-      value: B,
-      onFocus: G,
-      onBlur: _,
-      onKeyDown: l,
-      onChange: b,
+      className: `flipbook-toolbar-indicator ${B ? "flipbook-toolbar-indicator--editing" : ""} ${r ?? ""}`.trim(),
+      value: j,
+      onFocus: Y,
+      onBlur: H,
+      onKeyDown: x,
+      onChange: A,
       "aria-label": s,
       "aria-live": "polite",
       "aria-atomic": "true",
       maxLength: i,
-      readOnly: !j
+      readOnly: !M
     }
   ) : /* @__PURE__ */ a(
     "span",
@@ -1145,39 +1156,39 @@ const Pt = ({
       className: `flipbook-toolbar-indicator ${r ?? ""}`.trim(),
       "aria-live": "polite",
       "aria-atomic": "true",
-      children: k
+      children: P
     }
   );
-}, Ft = ({ children: e, className: t }) => {
-  const { locale: o } = W(), { execute: n, canExecute: r } = Q(), s = () => {
-    n(re);
-  }, i = C("command.jumpToPrevPage", o), c = /* @__PURE__ */ a(ot, { size: 20 });
+}, jt = ({ children: e, className: t }) => {
+  const { locale: o } = W(), { execute: n, canExecute: r } = X(), s = () => {
+    n(se);
+  }, i = C("command.jumpToPrevPage", o), c = /* @__PURE__ */ a(at, { size: 20 });
   return /* @__PURE__ */ a(
     q,
     {
       onClick: s,
       ariaLabel: i,
       title: i,
-      disabled: !r(re),
+      disabled: !r(se),
       className: `flipbook-toolbar-prev ${t ?? ""}`.trim(),
       children: e ?? c
     }
   );
-}, Nt = ({ children: e, ariaLabel: t, className: o }) => {
-  const { locale: n } = W(), { execute: r, canExecute: s } = Q(), i = t ?? C("command.jumpToToc", n), c = () => {
-    r(se);
-  }, m = !s(se);
+}, Bt = ({ children: e, ariaLabel: t, className: o }) => {
+  const { locale: n } = W(), { execute: r, canExecute: s } = X(), i = t ?? C("command.jumpToToc", n), c = () => {
+    r(de);
+  }, g = !s(de);
   return /* @__PURE__ */ a(
     q,
     {
       onClick: c,
       ariaLabel: i,
-      disabled: m,
+      disabled: g,
       className: `flipbook-toolbar-toc ${o ?? ""}`.trim(),
-      children: e ?? /* @__PURE__ */ a(it, { size: 18 })
+      children: e ?? /* @__PURE__ */ a(ut, { size: 18 })
     }
   );
-}, pt = {
+}, xt = {
   id: "openDownloadMenu",
   enName: "Open download menu",
   enDescription: "Open the download menu",
@@ -1187,7 +1198,7 @@ const Pt = ({
     e.data?.open?.();
   },
   canExecute: (e) => typeof e.data?.open == "function"
-}, Mt = ({
+}, St = ({
   flipBookRef: e,
   direction: t,
   locale: o,
@@ -1196,14 +1207,14 @@ const Pt = ({
   children: s,
   enableHotkeys: i = !0,
   commands: c,
-  commandOptions: m,
-  fullscreenTargetRef: x
+  commandOptions: g,
+  fullscreenTargetRef: w
 }) => {
-  const g = t ?? gt(o ?? me), h = o ?? (g === "rtl" ? "he-IL" : "en-US"), N = J(null), T = J(null), [j, B] = F(0), [P, S] = F(0), [d, u] = F(0), [M, I] = F(!0), [A, p] = F(!1), [D, $] = F("turn"), K = {
-    ...x ? {
+  const f = t ?? pt(o ?? he), p = o ?? (f === "rtl" ? "he-IL" : "en-US"), N = Q(null), E = Q(null), [M, j] = D(0), [v, B] = D(0), [d, m] = D(0), [y, $] = D(!0), [O, b] = D(!1), [F, k] = D("turn"), S = {
+    ...w ? {
       toggleFullscreen: {
         data: {
-          getFullscreenTarget: () => x.current ?? null
+          getFullscreenTarget: () => w.current ?? null
         }
       }
     } : {},
@@ -1212,112 +1223,112 @@ const Pt = ({
     },
     download: {
       data: {
-        onDownload: (l, b) => T.current?.(l, b)
+        onDownload: (x, A) => E.current?.(x, A)
       }
     }
-  }, H = new Map(Object.entries(m ?? {}));
-  for (const [l, b] of Object.entries(K)) {
-    const y = H.get(l);
-    H.set(
-      l,
-      y ? { ...b, ...y, data: { ...b.data, ...y.data } } : b
+  }, K = new Map(Object.entries(g ?? {}));
+  for (const [x, A] of Object.entries(S)) {
+    const J = K.get(x);
+    K.set(
+      x,
+      J ? { ...A, ...J, data: { ...A.data, ...J.data } } : A
     );
   }
-  const O = Object.fromEntries(H), k = L(() => {
-    const l = e.current;
-    l && (B(l.getCurrentPageIndex()), S(l.getTotalPages()), u(l.getOf()), I(l.isFirstPage()), p(l.isLastPage()), $(l.getMouseMode?.() ?? "turn"));
+  const V = Object.fromEntries(K), P = I(() => {
+    const x = e.current;
+    x && (j(x.getCurrentPageIndex()), B(x.getTotalPages()), m(x.getOf()), $(x.isFirstPage()), b(x.isLastPage()), k(x.getMouseMode?.() ?? "turn"));
   }, [e]);
   U(() => {
-    k();
-    const l = setInterval(k, 200);
-    return () => clearInterval(l);
-  }, [k]);
-  const G = /* @__PURE__ */ a(
-    De.Provider,
+    P();
+    const x = setInterval(P, 200);
+    return () => clearInterval(x);
+  }, [P]);
+  const Y = /* @__PURE__ */ a(
+    Ne.Provider,
     {
       value: {
         flipBookRef: e,
-        direction: g,
-        locale: h,
+        direction: f,
+        locale: p,
         pageSemantics: n,
-        currentPage: j,
-        totalPages: P,
+        currentPage: M,
+        totalPages: v,
         of: d,
-        isFirstPage: M,
-        isLastPage: A,
-        mouseMode: D,
+        isFirstPage: y,
+        isLastPage: O,
+        mouseMode: F,
         openDownloadMenuRef: N,
-        downloadExecutorRef: T,
-        fullscreenTargetRef: x
+        downloadExecutorRef: E,
+        fullscreenTargetRef: w
       },
       children: /* @__PURE__ */ a(
         "div",
         {
-          className: `flipbook-toolbar ${g === "rtl" ? "flipbook-toolbar--rtl" : ""} ${r}`.trim(),
+          className: `flipbook-toolbar ${f === "rtl" ? "flipbook-toolbar--rtl" : ""} ${r}`.trim(),
           role: "toolbar",
           "aria-label": "FlipBook navigation",
-          dir: g,
+          dir: f,
           children: s
         }
       )
     }
-  ), _ = [pt, ...c ?? []];
+  ), H = [xt, ...c ?? []];
   return /* @__PURE__ */ a(
-    et,
+    nt,
     {
       flipBookRef: e,
-      currentPage: j,
-      totalPages: P,
-      direction: g,
-      commands: _,
-      commandOptions: O,
+      currentPage: M,
+      totalPages: v,
+      direction: f,
+      commands: H,
+      commandOptions: V,
       disableHotkeys: !i,
-      children: G
+      children: Y
     }
   );
 };
 export {
-  vt as ActionButton,
-  yt as BookmarkToggleButton,
-  kt as BookshelfIcon,
-  rt as ChevronFirstIcon,
-  at as ChevronLastIcon,
-  ot as ChevronLeftIcon,
-  nt as ChevronRightIcon,
-  Pt as DownloadDropdown,
-  ct as DownloadIcon,
-  Ct as FirstPageButton,
-  Tt as FullscreenButton,
-  It as LastPageButton,
-  lt as MaximizeIcon,
-  st as MinimizeIcon,
-  Dt as MouseModeButton,
-  Et as NextButton,
-  Lt as PageIndicator,
-  Ft as PrevButton,
-  Lt as SemanticPageIndicator,
-  it as TableOfContentsIcon,
-  Nt as TocButton,
-  ht as ToggleButton,
-  Mt as Toolbar,
+  Ct as ActionButton,
+  Tt as BookmarkToggleButton,
+  Pt as BookshelfIcon,
+  st as ChevronFirstIcon,
+  it as ChevronLastIcon,
+  at as ChevronLeftIcon,
+  lt as ChevronRightIcon,
+  It as DownloadDropdown,
+  mt as DownloadIcon,
+  Dt as FirstPageButton,
+  Et as FullscreenButton,
+  Lt as LastPageButton,
+  ct as MaximizeIcon,
+  dt as MinimizeIcon,
+  Nt as MouseModeButton,
+  Ft as NextButton,
+  Mt as PageIndicator,
+  jt as PrevButton,
+  Mt as SemanticPageIndicator,
+  ut as TableOfContentsIcon,
+  Bt as TocButton,
+  wt as ToggleButton,
+  St as Toolbar,
   q as ToolbarButton,
-  ce as canUseFullscreen,
-  xt as createDefaultDownloadConfig,
-  qe as defaultCommands,
-  je as downloadCommand,
-  Ue as exitFullscreen,
-  ne as flipNextCommand,
-  re as flipPrevCommand,
-  pe as fullscreenStateEvents,
-  ie as getFullscreenElement,
-  ae as goToFirstCommand,
-  le as goToLastCommand,
-  se as goToTocCommand,
-  Oe as requestFullscreen,
-  He as toggleDebugCommand,
-  Y as toggleFullscreenCommand,
-  ee as toggleTextSelectionCommand,
-  Q as useCommands,
+  me as canUseFullscreen,
+  yt as createDefaultDownloadConfig,
+  Je as defaultCommands,
+  $e as downloadCommand,
+  We as exitFullscreen,
+  le as flipNextCommand,
+  se as flipPrevCommand,
+  xe as fullscreenStateEvents,
+  ue as getFullscreenElement,
+  ie as goToFirstCommand,
+  ce as goToLastCommand,
+  de as goToTocCommand,
+  qe as requestFullscreen,
+  ze as toggleDebugCommand,
+  te as toggleFullscreenCommand,
+  ne as toggleTextSelectionCommand,
+  X as useCommands,
   W as useToolbar
 };
 //# sourceMappingURL=index.js.map