html-flip-book-react 0.0.0-alpha.71 → 0.0.0-alpha.73

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 M } from "react/jsx-runtime";
+import { createContext as Te, useContext as Ie, useRef as Q, useReducer as Be, useMemo as De, useCallback as T, useEffect as z, useState as I, useLayoutEffect as Se } from "react";
+let $e = 4;
+function xe() {
+  return $e;
 }
-const je = {
+const Ae = {
   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 = [
+}, Re = [
   { key: "ArrowRight" },
   { key: "PageDown" },
   { key: " " }
   // Space
-], ne = {
+], se = {
   id: "flipNext",
   navKind: "flip",
   enName: "Next Page",
   enDescription: "Flip to the next page",
   nameKey: "command.jumpToNextPage",
-  hotkeys: Be,
+  hotkeys: Re,
   execute: (e) => {
     e.handle?.flipNext();
   },
   canExecute: (e) => (e.handle?.getCurrentPageIndex() ?? 0) < (e.handle?.getTotalPages() ?? 0) - 1
-}, Se = [{ key: "ArrowLeft" }, { key: "PageUp" }], re = {
+}, Ke = [{ key: "ArrowLeft" }, { key: "PageUp" }], ie = {
   id: "flipPrev",
   navKind: "flip",
   enName: "Previous Page",
   enDescription: "Flip to the previous page",
   nameKey: "command.jumpToPrevPage",
-  hotkeys: Se,
+  hotkeys: Ke,
   execute: (e) => {
     e.handle?.flipPrev();
   },
   canExecute: (e) => (e.handle?.getCurrentPageIndex() ?? 0) > 0
-}, $e = [{ key: "Home" }, { key: "ArrowLeft", modifiers: { ctrl: !0 } }], ae = {
+}, He = [{ key: "Home" }, { key: "ArrowLeft", modifiers: { ctrl: !0 } }], ce = {
   id: "goToFirst",
   navKind: "jump",
   enName: "First Page",
   enDescription: "Jump to the first page",
   nameKey: "command.jumpToFirstPage",
-  hotkeys: $e,
+  hotkeys: He,
   execute: (e) => {
     e.handle?.jumpToPage(0);
   },
   canExecute: (e) => e.handle?.getCurrentPageIndex() !== 0
-}, Ae = [{ key: "End" }, { key: "ArrowRight", modifiers: { ctrl: !0 } }], le = {
+}, Oe = [{ key: "End" }, { key: "ArrowRight", modifiers: { ctrl: !0 } }], de = {
   id: "goToLast",
   navKind: "jump",
   enName: "Last Page",
   enDescription: "Jump to the last page",
   nameKey: "command.jumpToLastPage",
-  hotkeys: Ae,
+  hotkeys: Oe,
   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 = {
+}, Ue = [{ key: "t" }], ue = {
   id: "goToToc",
   navKind: "jump",
   enName: "Table of Contents",
   enDescription: "Jump to the table of contents",
   nameKey: "command.jumpToToc",
-  hotkeys: Re,
+  hotkeys: Ue,
   execute: (e) => {
-    const t = e.handle?.getTocPageIndex?.() ?? he();
+    const t = e.handle?.getTocPageIndex?.() ?? xe();
     e.handle?.jumpToPage(t);
   },
   canExecute: (e) => {
-    const t = e.handle?.getTocPageIndex?.() ?? he();
+    const t = e.handle?.getTocPageIndex?.() ?? xe();
     return e.handle?.getCurrentPageIndex() !== t;
   }
-}, Ke = [{ key: "d", modifiers: { ctrl: !0, alt: !0 } }], He = {
+}, ze = [{ key: "d", modifiers: { ctrl: !0, alt: !0 } }], qe = {
   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: ze,
   execute: (e) => {
     e.handle?.toggleDebugBar?.();
   }
-}, X = () => document, pe = [
+}, te = () => document, ke = [
   "fullscreenchange",
   "webkitfullscreenchange",
   "fullscreenerror",
   "webkitfullscreenerror"
 ];
-function ie() {
-  return typeof document > "u" ? null : X().fullscreenElement ?? X().webkitFullscreenElement ?? null;
+function me() {
+  return typeof document > "u" ? null : te().fullscreenElement ?? te().webkitFullscreenElement ?? null;
 }
-function ce(e) {
+function ge(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 ?? te().documentElement;
+  return typeof (t.requestFullscreen ?? t.webkitRequestFullscreen) != "function" ? !1 : (te().fullscreenEnabled ?? te().webkitFullscreenEnabled) !== !1;
 }
-async function Oe(e) {
+async function We(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 Ve() {
+  const e = te();
   if (e.exitFullscreen) {
     await e.exitFullscreen();
     return;
   }
   e.webkitExitFullscreen && e.webkitExitFullscreen();
 }
-const ze = [{ key: "F11" }], Y = {
+const Je = [{ key: "F11" }], oe = {
   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: Je,
+  canExecute: (e) => ge(e.data?.getFullscreenTarget?.()),
+  isActive: () => me() !== null,
   setActive: (e, t) => {
-    const o = ie();
+    const o = me();
     if (t) {
       if (o) return;
       const n = e.data?.getFullscreenTarget?.() ?? document.documentElement;
-      if (!ce(n)) return !1;
-      Oe(n).catch(console.warn);
+      if (!ge(n)) return !1;
+      We(n).catch(console.warn);
       return;
     }
-    o && Ue().catch(console.warn);
+    o && Ve().catch(console.warn);
   },
-  execute: (e) => Y.setActive(e, !Y.isActive(e))
-}, ee = {
+  execute: (e) => oe.setActive(e, !oe.isActive(e))
+}, re = {
   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 = re.setActive(
       e,
-      !ee.isActive(e)
+      !re.isActive(e)
     );
     return t !== !1 && window.getSelection()?.removeAllRanges(), t;
   }
-}, qe = [
-  ne,
-  re,
-  ae,
-  le,
+}, Ge = [
   se,
-  Y,
-  He,
-  ee,
-  je
+  ie,
+  ce,
+  de,
+  ue,
+  oe,
+  qe,
+  re,
+  Ae
 ];
-function Ce(e, t) {
+function Ee(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 _e(e, t, o) {
+  if (Ee(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 Qe(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 Xe(e, t, o) {
+  const n = Ee(t.key, o);
+  return n === e.key || n.length === 1 && n.toLowerCase() === e.key.toLowerCase() ? !0 : Qe(e, t);
 }
-function Ge(e, t) {
+function Ye(e, t) {
   const o = e.modifiers ?? {}, n = t.modifiers ?? {};
   return [
     !!o.ctrl == !!n.ctrl,
@@ -212,27 +212,27 @@ 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 ve(e, t) {
+  return e.key === t.key && e.mode === t.mode && (e.active ?? !0) === (t.active ?? !0) && Ye(e, t);
 }
-class _e {
+class Ze {
   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;
-    const s = r ?? {
+    if (r?.bindings.some((i) => ve(i, o))) return !1;
+    const l = r ?? {
       command: t,
       context: { ...n, transient: !0 },
       initial: t.isActive(n),
       bindings: []
     };
-    return t.setActive(s.context, o.active ?? !0) === !1 ? !1 : (s.bindings.push(o), this.held.set(t.id, s), !0);
+    return t.setActive(l.context, o.active ?? !0) === !1 ? !1 : (l.bindings.push(o), this.held.set(t.id, l), !0);
   }
   release(t, o) {
-    return this.removeBindings((n) => Je(n, t, o));
+    return this.removeBindings((n) => Xe(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((l) => ve(l, t));
   }
   clear() {
     return this.removeBindings(() => !0);
@@ -248,144 +248,144 @@ class _e {
   removeBindings(t) {
     let o = !1;
     for (const [n, r] of this.held) {
-      const s = r.bindings.filter((c) => !t(c, r));
-      if (s.length === r.bindings.length) continue;
-      o = !0, r.bindings = s;
-      const i = s.length ? s[s.length - 1].active ?? !0 : r.initial;
-      r.command.setActive(r.context, i), s.length || this.held.delete(n);
+      const l = r.bindings.filter((d) => !t(d, r));
+      if (l.length === r.bindings.length) continue;
+      o = !0, r.bindings = l;
+      const i = l.length ? l[l.length - 1].active ?? !0 : r.initial;
+      r.command.setActive(r.context, i), l.length || this.held.delete(n);
     }
     return o;
   }
 }
-const Te = ve(null);
-function Qe(e) {
+const Ne = Te(null);
+function et(e) {
   return e instanceof HTMLElement ? !!(e.isContentEditable || e.closest('input, textarea, select, [contenteditable="true"], [contenteditable=""]')) : !1;
 }
-function Xe(e) {
+function tt(e) {
   return e.options.disableHotkeys ? [] : e.options.hotkeys ?? e.command.hotkeys ?? [];
 }
-function Ye(e, t, o) {
+function ot(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 nt(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 l = tt(r).find(
+      (i) => _e(i, t, o) && ot(r.command, i, n)
     );
-    if (s) return { command: r.command, binding: s };
+    if (l) return { command: r.command, binding: l };
   }
 }
-const et = ({
+const rt = ({
   flipBookRef: e,
   currentPage: t,
   totalPages: o,
   direction: n = "ltr",
   commands: r = [],
-  commandOptions: s = {},
+  commandOptions: l = {},
   disableHotkeys: i = !1,
-  children: c
+  children: d
 }) => {
-  const m = J(new _e()).current, [, x] = Fe((d) => d + 1, 0), g = Pe(() => {
-    const d = {};
-    for (const u of qe)
-      d[u.id] = {
-        command: u,
-        options: s[u.id] ?? {}
+  const u = Q(new Ze()).current, [, D] = Be((c) => c + 1, 0), m = De(() => {
+    const c = {};
+    for (const g of Ge)
+      c[g.id] = {
+        command: g,
+        options: l[g.id] ?? {}
       };
-    for (const u of r)
-      d[u.id] = {
-        command: u,
-        options: s[u.id] ?? {}
+    for (const g of r)
+      c[g.id] = {
+        command: g,
+        options: l[g.id] ?? {}
       };
-    return d;
-  }, [r, s]), h = L(
-    (d, u) => {
-      const M = g[d.id]?.options ?? {}, I = u ? { ...M.data, ...u } : M.data;
+    return c;
+  }, [r, l]), p = T(
+    (c, g) => {
+      const L = m[c.id]?.options ?? {}, S = g ? { ...L.data, ...g } : L.data;
       return {
         handle: e.current,
-        data: I
+        data: S
       };
     },
-    [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, m]
+  ), E = T(
+    (c, g) => {
+      if (u.has(c.id)) return;
+      const L = p(c, g);
+      c.canExecute && !c.canExecute(L) || (c.execute(L), D());
     },
-    [h, m]
-  ), T = L(
-    (d) => {
-      if (m.has(d.id)) return !1;
-      const u = h(d);
-      return d.canExecute ? d.canExecute(u) : !0;
+    [p, u]
+  ), N = T(
+    (c) => {
+      if (u.has(c.id)) return !1;
+      const g = p(c);
+      return c.canExecute ? c.canExecute(g) : !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, u]
+  ), j = T(
+    (c) => c.isActive(p(c)),
+    [p]
+  ), $ = T(
+    () => Object.values(m).map((c) => c.command),
+    [m]
+  ), x = Q({ registry: m, execute: E, createCommandContext: p, direction: n, disableHotkeys: i });
+  x.current = { registry: m, execute: E, createCommandContext: p, direction: n, disableHotkeys: i }, z(() => {
+    u.reconcile(m, i) && D();
+  }, [u, m, i]), z(() => {
+    const c = (k, v, B) => {
+      if (k.kind !== "toggle") return;
+      const F = x.current.createCommandContext(k);
+      !B.repeat && u.press(k, v, F) && D(), ["Control", "Shift", "Alt", "Meta"].includes(v.key) || B.preventDefault();
+    }, g = (k) => {
+      const { registry: v, execute: B, direction: F, disableHotkeys: R, createCommandContext: U } = x.current;
+      if (R || k.defaultPrevented || et(k.target)) return;
+      const P = nt(v, k, F, U);
+      P && (P.binding.mode === "hold" ? c(P.command, P.binding, k) : (k.preventDefault(), B(P.command)));
+    }, L = (k) => {
+      u.release(k, x.current.direction) && D();
+    }, S = () => {
+      u.clear() && D();
+    }, O = () => {
+      document.hidden && S();
     };
-    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", g), document.addEventListener("keyup", L), window.addEventListener("blur", S), document.addEventListener("visibilitychange", O), () => {
+      document.removeEventListener("keydown", g), document.removeEventListener("keyup", L), window.removeEventListener("blur", S), document.removeEventListener("visibilitychange", O), u.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);
+  }, [u]);
+  const A = { execute: E, canExecute: N, isActive: j, getAllCommands: $ };
+  return /* @__PURE__ */ a(Ne.Provider, { value: A, children: d });
+}, X = () => {
+  const e = Ie(Ne);
   if (!e)
     throw new Error("useCommands must be used within a CommandProvider");
   return e;
 };
-function tt(e) {
+function at(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 ye(e) {
+  return { ext: "json", data: at(JSON.stringify(e, null, "	")) };
 }
-function xt(e) {
+function Pt(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}` };
+    const l = o?.indexToSemanticName(r) ?? "", i = o?.indexToTitle(r) ?? "";
+    return o ? { pageIndex: r, semanticName: l, title: i } : { pageIndex: r, semanticName: String(r + 1), title: `Page ${r + 1}` };
   };
   return {
     onDownloadSefer: () => {
       const r = [];
-      for (let s = 0; s < t; s++) {
-        const i = n(s);
+      for (let l = 0; l < t; l++) {
+        const i = n(l);
         (i.semanticName || i.title) && r.push(i);
       }
-      return Promise.resolve(we(r));
+      return Promise.resolve(ye(r));
     },
-    onDownloadPageRange: (r) => Promise.resolve(we(r.map(n)))
+    onDownloadPageRange: (r) => Promise.resolve(ye(r.map(n)))
   };
 }
-const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE__ */ a(
+const q = { size: 24 }, lt = ({ size: e = q.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(
+), st = ({ size: e = q.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(
+), it = ({ size: e = q.size, className: t }) => /* @__PURE__ */ M(
   "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(
+), ct = ({ size: e = q.size, className: t }) => /* @__PURE__ */ M(
   "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(
+), dt = ({ size: e = q.size, className: t }) => /* @__PURE__ */ M(
   "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(
+), ut = ({ size: e = q.size, className: t }) => /* @__PURE__ */ M(
   "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 = ({
-  size: e = z.size,
+), mt = ({
+  size: e = q.size,
   className: t
-}) => /* @__PURE__ */ E(
+}) => /* @__PURE__ */ M(
   "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(
+), Ct = ({ size: e = q.size, className: t }) => /* @__PURE__ */ M(
   "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(
+), gt = ({ size: e = q.size, className: t }) => /* @__PURE__ */ M(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -565,13 +565,13 @@ const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE_
       /* @__PURE__ */ a("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
     ]
   }
-), q = ({
+), W = ({
   onClick: e,
   ariaLabel: t,
   ariaPressed: o,
   disabled: n = !1,
   children: r,
-  className: s = "",
+  className: l = "",
   title: i
 }) => /* @__PURE__ */ a(
   "button",
@@ -582,17 +582,17 @@ const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE_
     "aria-pressed": o,
     disabled: n,
     title: i ?? t,
-    className: `flipbook-toolbar-button ${s}`.trim(),
+    className: `flipbook-toolbar-button ${l}`.trim(),
     children: r
   }
-), vt = ({
+), Tt = ({
   onClick: e,
   ariaLabel: t,
   children: o,
   disabled: n = !1,
   className: r
 }) => /* @__PURE__ */ a(
-  q,
+  W,
   {
     onClick: e,
     ariaLabel: t,
@@ -600,13 +600,13 @@ const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE_
     className: `flipbook-toolbar-action ${r ?? ""}`.trim(),
     children: o
   }
-), yt = ({
+), It = ({
   enabled: e,
   onChange: t,
   ariaLabel: o,
   className: n
 }) => /* @__PURE__ */ a(
-  q,
+  W,
   {
     onClick: () => t(!e),
     ariaLabel: o ?? (e ? "Hide bookmarks" : "Show bookmarks"),
@@ -623,7 +623,7 @@ const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE_
       }
     ) })
   }
-), dt = {
+), ft = {
   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 = {
+}, ht = {
   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 = {
+}, fe = {
+  "en-US": ft,
+  "he-IL": ht
+}, pe = "en-US", pt = {
   "toolbarItem.download": "Download",
   "toolbarItem.downloadPageRange": "Download page range…",
   "toolbarItem.download.from": "From",
@@ -699,237 +701,247 @@ 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 fe[e] ?? fe[pe];
 }
-function ue(e) {
-  return Ie(e).direction === "rtl";
+function he(e) {
+  return Le(e).direction === "rtl";
 }
-function gt(e) {
-  return ue(e) ? "rtl" : "ltr";
+function bt(e) {
+  return he(e) ? "rtl" : "ltr";
 }
-function C(e, t) {
-  const o = Ie(t).translations[e];
+function y(e, t) {
+  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 = fe[pe].translations[e];
+  return n !== void 0 && n !== "" ? n : pt[e] ?? e;
 }
-const De = ve(null);
-function W() {
-  const e = ye(De);
+const Fe = Te(null);
+function V() {
+  const e = Ie(Fe);
   if (!e)
     throw new Error("Toolbar components must be used within a Toolbar");
   return e;
 }
-function xe(e) {
+function Pe(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 Ce(e, t) {
+  const o = atob(e.data), n = new Uint8Array(o.length);
+  for (let d = 0; d < o.length; d++)
+    n[d] = o.charCodeAt(d);
+  const r = new Blob([n]), l = URL.createObjectURL(r), i = document.createElement("a");
+  i.href = l, i.download = `${t}.${e.ext}`, i.click(), URL.revokeObjectURL(l);
 }
-function ft(e, t) {
+function wt(e, t) {
   const o = [];
   for (let n = 0; n < e; n++) {
-    const r = t?.indexToSemanticName(n) ?? "", s = t?.indexToTitle(n) ?? "";
-    if (!r && !s) {
+    const r = t?.indexToSemanticName(n) ?? "", l = t?.indexToTitle(n) ?? "";
+    if (!r && !l) {
       t || o.push({ pageIndex: n, semanticName: String(n + 1), title: `Page ${n + 1}` });
       continue;
     }
     o.push({
       pageIndex: n,
       semanticName: r || String(n + 1),
-      title: s || r
+      title: l || r
     });
   }
   return o;
 }
-const Pt = ({
+const Dt = ({
   ariaLabel: e = "Download",
-  className: t
+  className: t,
+  children: o
 }) => {
   const {
-    totalPages: o,
-    pageSemantics: n,
-    locale: r,
-    openDownloadMenuRef: s,
-    downloadExecutorRef: i,
-    flipBookRef: c
-  } = W(), m = c.current?.getDownloadConfig?.() ?? void 0, [x, g] = F(!1);
-  U(() => (s.current = () => g(!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),
-    [o, n]
-  ), D = !!m?.onDownloadSefer, $ = !!m?.onDownloadPageRange, K = D || $, H = p[0]?.pageIndex ?? 0, O = p[p.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);
+    totalPages: n,
+    pageSemantics: r,
+    locale: l,
+    openDownloadMenuRef: i,
+    downloadExecutorRef: d,
+    flipBookRef: u
+  } = V(), D = u.current?.getDownloadConfig?.() ?? void 0, [m, p] = I(!1);
+  z(() => (i.current = () => p(!0), () => {
+    i.current = null;
+  }), [i]);
+  const [E, N] = I("entire"), [j, $] = I(0), [x, A] = I(0), [c, g] = I(null), [L, S] = I(null), [O, k] = I(!1), v = Q(null), B = Q(null), F = De(
+    () => wt(n, r),
+    [n, r]
+  ), R = !!D?.onDownloadSefer, U = !!D?.onDownloadPageRange, P = R || U, Y = F[0]?.pageIndex ?? 0, Z = F[F.length - 1]?.pageIndex ?? 0;
+  z(() => {
+    m && (N(R ? "entire" : "range"), $(Y), A(Z));
+  }, [m, R, Y, Z]);
+  const b = T(() => {
+    p(!1), S(null);
+  }, []), K = T(
+    (s) => {
+      const w = u.current?.getDownloadConfig?.()?.onDownloadError?.(s);
+      S(
+        typeof w == "string" && w ? w : y("toolbarItem.download.error", l)
+      );
+    },
+    [u, l]
+  );
+  Se(() => {
+    if (!m || !B.current || !v.current) return;
+    const s = B.current, f = v.current.querySelector(".flipbook-toolbar-download-trigger"), w = () => {
+      const C = f?.getBoundingClientRect();
+      if (!C) return;
+      const H = 8, _ = 6, ae = window.innerHeight - C.bottom - _ - H, be = C.top - _ - H, we = Math.min(s.scrollHeight, window.innerHeight * 0.7, 480), le = ae < we && be > ae;
+      s.style.maxHeight = `${Math.max(0, Math.min(we, le ? be : ae))}px`;
+      const ne = s.getBoundingClientRect(), Me = he(l) ? C.left : C.right - ne.width;
+      s.style.left = `${Math.max(H, Math.min(Me, window.innerWidth - ne.width - H))}px`;
+      const je = le ? C.top - _ - ne.height : C.bottom + _;
+      s.style.top = `${Math.max(H, Math.min(je, window.innerHeight - ne.height - H))}px`, k(le);
     };
-    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);
+    w();
+    const ee = new ResizeObserver(w);
+    ee.observe(s);
+    const G = v.current.closest('[role="toolbar"]');
+    return G && ee.observe(G), window.addEventListener("resize", w), window.addEventListener("scroll", w, !0), () => {
+      ee.disconnect(), window.removeEventListener("resize", w), window.removeEventListener("scroll", w, !0);
     };
-  }, [x, r]), U(() => {
-    if (!x) return;
-    const l = (b) => {
-      I.current && !I.current.contains(b.target) && k();
+  }, [m, l]), z(() => {
+    if (!m) return;
+    const s = (f) => {
+      v.current && !v.current.contains(f.target) && b();
     };
-    return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
-  }, [x, k]);
-  const G = L(async () => {
-    const l = c.current?.getDownloadConfig?.();
-    if (l?.onDownloadSefer) {
-      d("sefer");
+    return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
+  }, [m, b]);
+  const J = T(async () => {
+    const s = u.current?.getDownloadConfig?.();
+    if (s?.onDownloadSefer) {
+      g("sefer"), S(null);
       try {
-        const b = await l.onDownloadSefer();
-        b && ke(b, l.entireBookFilename ?? "book"), k();
+        const f = await s.onDownloadSefer();
+        f && Ce(f, s.entireBookFilename ?? "book"), b();
+      } catch (f) {
+        K(f);
       } finally {
-        d(null);
+        g(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);
+  }, [u, b, K]), h = T(
+    async (s, f) => {
+      const w = u.current?.getDownloadConfig?.();
+      if (!w?.onDownloadPageRange) return;
+      const ee = [], G = [];
+      for (let C = s; C <= f; C++) {
+        ee.push(C);
+        const H = F.find((_) => _.pageIndex === C);
+        H && G.push(H);
       }
-      d("range");
+      g("range"), S(null);
       try {
-        const w = await y.onDownloadPageRange(
-          f,
-          v,
-          y.downloadContext
+        const C = await w.onDownloadPageRange(
+          ee,
+          G,
+          w.downloadContext
         );
-        if (w) {
-          const R = xe(v[0]?.semanticName ?? String(l)), V = xe(
-            v[v.length - 1]?.semanticName ?? String(b)
+        if (C) {
+          const H = Pe(G[0]?.semanticName ?? String(s)), _ = Pe(
+            G[G.length - 1]?.semanticName ?? String(f)
           );
-          ke(w, `${y.rangeFilename ?? "pages"}-${R}-${V}`);
+          Ce(C, `${w.rangeFilename ?? "pages"}-${H}-${_}`);
         }
-        k();
+        b();
+      } catch (C) {
+        K(C);
       } finally {
-        d(null);
+        g(null);
       }
     },
-    [c, p, k]
+    [u, F, b, K]
   );
-  return U(() => (i.current = (l, b) => {
-    l === void 0 && b === void 0 ? G() : l !== void 0 && b !== void 0 && _(l, b);
+  return z(() => (d.current = (s, f) => {
+    s === void 0 && f === void 0 ? J() : s !== void 0 && f !== void 0 && h(s, f);
   }, () => {
-    i.current = null;
-  }), [i, G, _]), K ? /* @__PURE__ */ E("div", { className: `flipbook-toolbar-download-wrap ${t ?? ""}`.trim(), ref: I, children: [
+    d.current = null;
+  }), [d, J, h]), P ? /* @__PURE__ */ M("div", { className: `flipbook-toolbar-download-wrap ${t ?? ""}`.trim(), ref: v, children: [
     /* @__PURE__ */ a(
       "button",
       {
         type: "button",
         className: "flipbook-toolbar-button flipbook-toolbar-download-trigger",
-        onClick: () => g((l) => !l),
-        "aria-label": e ?? C("toolbarItem.download", r),
-        "aria-expanded": x,
+        onClick: () => p((s) => !s),
+        "aria-label": e ?? y("toolbarItem.download", l),
+        "aria-expanded": m,
         "aria-haspopup": "true",
-        disabled: S !== null,
-        children: /* @__PURE__ */ a(ct, { size: 18 })
+        disabled: c !== null,
+        children: /* @__PURE__ */ a(gt, { size: 18 })
       }
     ),
-    x && /* @__PURE__ */ E(
+    m && /* @__PURE__ */ M(
       "div",
       {
-        ref: A,
-        className: `flipbook-toolbar-download-menu ${u ? "flipbook-toolbar-download-menu--open-up" : ""}`.trim(),
+        ref: B,
+        className: `flipbook-toolbar-download-menu ${O ? "flipbook-toolbar-download-menu--open-up" : ""}`.trim(),
         role: "menu",
-        dir: ue(r) ? "rtl" : "ltr",
+        dir: he(l) ? "rtl" : "ltr",
         children: [
-          /* @__PURE__ */ E(
+          /* @__PURE__ */ M(
             "fieldset",
             {
               className: "flipbook-toolbar-download-mode",
-              "aria-label": C("toolbarItem.download", r),
+              "aria-label": y("toolbarItem.download", l),
               children: [
-                D && /* @__PURE__ */ E("label", { className: "flipbook-toolbar-download-radio-label", children: [
+                R && /* @__PURE__ */ M("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: E === "entire",
                       onChange: () => N("entire")
                     }
                   ),
-                  /* @__PURE__ */ a("span", { children: C("command.downloadEntireBook", r) })
+                  /* @__PURE__ */ a("span", { children: y("command.downloadEntireBook", l) })
                 ] }),
-                $ && /* @__PURE__ */ E("label", { className: "flipbook-toolbar-download-radio-label", children: [
+                U && /* @__PURE__ */ M("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: E === "range",
                       onChange: () => N("range")
                     }
                   ),
-                  /* @__PURE__ */ a("span", { children: C("toolbarItem.downloadPageRange", r) })
+                  /* @__PURE__ */ a("span", { children: y("toolbarItem.downloadPageRange", l) })
                 ] })
               ]
             }
           ),
-          h === "range" && /* @__PURE__ */ E("div", { className: "flipbook-toolbar-download-range", children: [
-            /* @__PURE__ */ E("label", { className: "flipbook-toolbar-download-range-label", children: [
-              C("toolbarItem.download.from", r),
+          E === "range" && /* @__PURE__ */ M("div", { className: "flipbook-toolbar-download-range", children: [
+            /* @__PURE__ */ M("label", { className: "flipbook-toolbar-download-range-label", children: [
+              y("toolbarItem.download.from", l),
               /* @__PURE__ */ a(
                 "select",
                 {
-                  value: T,
-                  onChange: (l) => j(Number(l.target.value)),
+                  value: j,
+                  onChange: (s) => $(Number(s.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: F.map((s) => /* @__PURE__ */ a("option", { value: s.pageIndex, children: s.semanticName || s.title || `Page ${s.pageIndex + 1}` }, s.pageIndex))
                 }
               )
             ] }),
-            /* @__PURE__ */ E("label", { className: "flipbook-toolbar-download-range-label", children: [
-              C("toolbarItem.download.to", r),
+            /* @__PURE__ */ M("label", { className: "flipbook-toolbar-download-range-label", children: [
+              y("toolbarItem.download.to", l),
               /* @__PURE__ */ a(
                 "select",
                 {
-                  value: B,
-                  onChange: (l) => P(Number(l.target.value)),
+                  value: x,
+                  onChange: (s) => A(Number(s.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: F.map((s) => /* @__PURE__ */ a("option", { value: s.pageIndex, children: s.semanticName || s.title || `Page ${s.pageIndex + 1}` }, s.pageIndex))
                 }
               )
             ] })
           ] }),
+          L && /* @__PURE__ */ a("div", { role: "alert", className: "flipbook-toolbar-download-error", children: L }),
           /* @__PURE__ */ a(
             "button",
             {
@@ -937,203 +949,204 @@ const Pt = ({
               role: "menuitem",
               className: "flipbook-toolbar-download-menuitem flipbook-toolbar-download-primary",
               onClick: () => {
-                if (h === "entire")
-                  G();
+                if (E === "entire")
+                  J();
                 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 s = u.current?.getTotalPages?.() ?? n, f = Math.min(j, x);
+                  let w = Math.max(j, x);
+                  if (s > 0 && w >= s && (w = s - 1), w < f) return;
+                  h(f, w);
                 }
               },
-              disabled: S !== null,
-              children: S === "sefer" || S === "range" ? "…" : C("toolbarItem.download.download", r)
+              disabled: c !== null,
+              children: c === "sefer" || c === "range" ? "…" : y("toolbarItem.download.download", l)
             }
-          )
+          ),
+          o && /* @__PURE__ */ a("div", { className: "flipbook-toolbar-download-extra", children: o })
         ]
       }
     )
   ] }) : 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);
+}, Et = ({ children: e, className: t }) => {
+  const { locale: o } = V(), { execute: n, canExecute: r } = X(), l = () => {
+    n(ce);
+  }, i = /* @__PURE__ */ a(it, { size: 18 }), d = y("command.jumpToFirstPage", o);
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
-      onClick: s,
-      ariaLabel: c,
-      title: c,
-      disabled: !r(ae),
+      onClick: l,
+      ariaLabel: d,
+      title: d,
+      disabled: !r(ce),
       className: `flipbook-toolbar-first ${t ?? ""}`.trim(),
       children: e ?? i
     }
   );
-}, Tt = ({
+}, Nt = ({
   targetRef: e,
   enterIcon: t,
   exitIcon: o,
   ariaLabelEnter: n,
   ariaLabelExit: r,
-  unsupportedBehavior: s = "hide",
+  unsupportedBehavior: l = "hide",
   className: i
 }) => {
-  const c = W(), { execute: m, canExecute: x } = Q(), g = e ?? c.fullscreenTargetRef, [h, N] = F(!1), [T, j] = F(!1);
-  U(() => {
-    const d = () => {
-      N(ie() !== null), j(ce(g?.current));
+  const d = V(), { execute: u, canExecute: D } = X(), m = e ?? d.fullscreenTargetRef, [p, E] = I(!1), [N, j] = I(!1);
+  z(() => {
+    const c = () => {
+      E(me() !== null), j(ge(m?.current));
     };
-    d();
-    for (const u of pe)
-      document.addEventListener(u, d);
+    c();
+    for (const g of ke)
+      document.addEventListener(g, c);
     return () => {
-      for (const u of pe)
-        document.removeEventListener(u, d);
+      for (const g of ke)
+        document.removeEventListener(g, c);
     };
-  }, [g]);
-  const B = () => {
-    e ? m(Y, {
+  }, [m]);
+  const $ = () => {
+    e ? u(oe, {
       getFullscreenTarget: () => e.current ?? null
-    }) : m(Y);
+    }) : u(oe);
   };
-  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 (!N && l === "hide") return null;
+  const x = p ? r ?? y("toolbarItem.exitFullscreen", d.locale) : n ?? y("toolbarItem.enterFullscreen", d.locale), A = p ? o ?? /* @__PURE__ */ a(ut, { size: 18 }) : t ?? /* @__PURE__ */ a(dt, { size: 18 });
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
-      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: $,
+      ariaLabel: x,
+      ariaPressed: p,
+      disabled: !N || !D(oe),
+      title: N ? x : y("toolbarItem.fullscreenUnsupported", d.locale),
+      className: `flipbook-toolbar-fullscreen ${p ? "flipbook-toolbar-fullscreen--active" : ""} ${i ?? ""}`.trim(),
+      children: A
     }
   );
-}, 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 } = V(), { execute: n, canExecute: r } = X(), l = () => {
+    n(de);
+  }, i = /* @__PURE__ */ a(ct, { size: 18 }), d = y("command.jumpToLastPage", o);
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
-      onClick: s,
-      ariaLabel: c,
-      title: c,
-      disabled: !r(le),
+      onClick: l,
+      ariaLabel: d,
+      title: d,
+      disabled: !r(de),
       className: `flipbook-toolbar-last ${t ?? ""}`.trim(),
       children: e ?? i
     }
   );
-}, ht = ({
+}, xt = ({
   command: e,
   ariaLabel: t,
   children: o,
   disabled: n = !1,
   className: r
 }) => {
-  const { execute: s, canExecute: i, isActive: c } = Q();
+  const { execute: l, canExecute: i, isActive: d } = X();
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
-      onClick: () => s(e),
+      onClick: () => l(e),
       ariaLabel: t,
-      ariaPressed: c(e),
+      ariaPressed: d(e),
       disabled: n || !i(e),
       className: r,
       children: o
     }
   );
-}, Dt = ({
+}, Ft = ({
   letters: e,
   ariaLabel: t,
   className: o
 }) => {
-  const { locale: n } = W(), r = t ?? C("toolbarItem.selectText", n);
+  const { locale: n } = V(), r = t ?? y("toolbarItem.selectText", n);
   return /* @__PURE__ */ a(
-    ht,
+    xt,
     {
-      command: ee,
+      command: re,
       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__ */ M("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) })
+        /* @__PURE__ */ a("span", { children: e ?? y("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 });
+}, Mt = ({ children: e, className: t }) => {
+  const { locale: o } = V(), { execute: n, canExecute: r } = X(), l = () => {
+    n(se);
+  }, i = y("command.jumpToNextPage", o), d = /* @__PURE__ */ a(st, { size: 20 });
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
-      onClick: s,
+      onClick: l,
       ariaLabel: i,
       title: i,
-      disabled: !r(ne),
+      disabled: !r(se),
       className: `flipbook-toolbar-next ${t ?? ""}`.trim(),
-      children: e ?? c
+      children: e ?? d
     }
   );
-}, Lt = ({
+}, jt = ({
   mode: e,
   showTotal: t = !0,
   placeholder: o = "—",
   editable: n,
   className: r,
-  ariaLabel: s = "Go to page",
+  ariaLabel: l = "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();
-  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) => {
+  const { flipBookRef: d, pageSemantics: u, direction: D, currentPage: m, totalPages: p, of: E } = V(), N = e ?? (u ? "semantic" : "index"), j = n ?? (N === "semantic" && !!u), [$, x] = I(""), [A, c] = I(!1), g = Q(!1), L = Q(m), S = m, O = m + 1 < p ? m + 1 : null, k = T(
+    (h) => N === "semantic" && u ? u.indexToSemanticName(h) || "" : String(h + 1),
+    [N, u]
+  ), v = k(S), B = O != null ? k(O) : "", F = T(() => String(E), [E]), R = T(() => {
+    const h = v, s = B;
+    let f;
+    return !h && !s ? f = o : h ? s ? h === s ? f = h : f = `${h} - ${s}` : f = h : f = s, t ? `${f} / ${F()}` : f;
+  }, [v, B, o, t, F]), U = D === "rtl" ? B || v : v || B, P = R();
+  z(() => {
+    const h = m !== L.current;
+    L.current = m, h && (g.current = !1), !A && !g.current && x(P);
+  }, [P, A, m]);
+  const Y = T(
+    (h) => {
       if (j) {
-        d(!0), P(O), u.current = !1;
-        const v = () => f.target.select();
-        typeof requestAnimationFrame < "u" ? requestAnimationFrame(v) : v();
+        c(!0), x(U), g.current = !1;
+        const s = () => h.target.select();
+        typeof requestAnimationFrame < "u" ? requestAnimationFrame(s) : s();
       }
     },
-    [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);
+    [j, U]
+  ), Z = T(() => {
+    c(!1), g.current || x(P);
+  }, [P]), b = T(
+    (h) => {
+      if (h.key === "Enter") {
+        if (u && $.trim()) {
+          const s = u.semanticNameToIndex($.trim());
+          s != null && s >= 0 && s < p && (d.current?.jumpToPage(s), g.current = !0);
         }
-        f.currentTarget.blur();
-      } else f.key === "Escape" && f.currentTarget.blur();
+        h.currentTarget.blur();
+      } else h.key === "Escape" && h.currentTarget.blur();
     },
-    [B, m, h, c]
-  ), b = L((f) => {
-    P(f.target.value);
+    [$, u, p, d]
+  ), K = T((h) => {
+    x(h.target.value);
   }, []);
   return j ? /* @__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,
-      "aria-label": s,
+      className: `flipbook-toolbar-indicator ${A ? "flipbook-toolbar-indicator--editing" : ""} ${r ?? ""}`.trim(),
+      value: $,
+      onFocus: Y,
+      onBlur: Z,
+      onKeyDown: b,
+      onChange: K,
+      "aria-label": l,
       "aria-live": "polite",
       "aria-atomic": "true",
       maxLength: i,
@@ -1145,39 +1158,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 });
+}, Bt = ({ children: e, className: t }) => {
+  const { locale: o } = V(), { execute: n, canExecute: r } = X(), l = () => {
+    n(ie);
+  }, i = y("command.jumpToPrevPage", o), d = /* @__PURE__ */ a(lt, { size: 20 });
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
-      onClick: s,
+      onClick: l,
       ariaLabel: i,
       title: i,
-      disabled: !r(re),
+      disabled: !r(ie),
       className: `flipbook-toolbar-prev ${t ?? ""}`.trim(),
-      children: e ?? c
+      children: e ?? d
     }
   );
-}, 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);
+}, St = ({ children: e, ariaLabel: t, className: o }) => {
+  const { locale: n } = V(), { execute: r, canExecute: l } = X(), i = t ?? y("command.jumpToToc", n), d = () => {
+    r(ue);
+  }, u = !l(ue);
   return /* @__PURE__ */ a(
-    q,
+    W,
     {
-      onClick: c,
+      onClick: d,
       ariaLabel: i,
-      disabled: m,
+      disabled: u,
       className: `flipbook-toolbar-toc ${o ?? ""}`.trim(),
-      children: e ?? /* @__PURE__ */ a(it, { size: 18 })
+      children: e ?? /* @__PURE__ */ a(mt, { size: 18 })
     }
   );
-}, pt = {
+}, kt = {
   id: "openDownloadMenu",
   enName: "Open download menu",
   enDescription: "Open the download menu",
@@ -1187,137 +1200,137 @@ const Pt = ({
     e.data?.open?.();
   },
   canExecute: (e) => typeof e.data?.open == "function"
-}, Mt = ({
+}, $t = ({
   flipBookRef: e,
   direction: t,
   locale: o,
   pageSemantics: n,
   className: r = "",
-  children: s,
+  children: l,
   enableHotkeys: i = !0,
-  commands: c,
-  commandOptions: m,
-  fullscreenTargetRef: x
+  commands: d,
+  commandOptions: u,
+  fullscreenTargetRef: D
 }) => {
-  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 m = t ?? bt(o ?? pe), p = o ?? (m === "rtl" ? "he-IL" : "en-US"), E = Q(null), N = Q(null), [j, $] = I(0), [x, A] = I(0), [c, g] = I(0), [L, S] = I(!0), [O, k] = I(!1), [v, B] = I("turn"), F = {
+    ...D ? {
       toggleFullscreen: {
         data: {
-          getFullscreenTarget: () => x.current ?? null
+          getFullscreenTarget: () => D.current ?? null
         }
       }
     } : {},
     openDownloadMenu: {
-      data: { open: () => N.current?.() }
+      data: { open: () => E.current?.() }
     },
     download: {
       data: {
-        onDownload: (l, b) => T.current?.(l, b)
+        onDownload: (b, K) => N.current?.(b, K)
       }
     }
-  }, 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
+  }, R = new Map(Object.entries(u ?? {}));
+  for (const [b, K] of Object.entries(F)) {
+    const J = R.get(b);
+    R.set(
+      b,
+      J ? { ...K, ...J, data: { ...K.data, ...J.data } } : K
     );
   }
-  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 U = Object.fromEntries(R), P = T(() => {
+    const b = e.current;
+    b && ($(b.getCurrentPageIndex()), A(b.getTotalPages()), g(b.getOf()), S(b.isFirstPage()), k(b.isLastPage()), B(b.getMouseMode?.() ?? "turn"));
   }, [e]);
-  U(() => {
-    k();
-    const l = setInterval(k, 200);
-    return () => clearInterval(l);
-  }, [k]);
-  const G = /* @__PURE__ */ a(
-    De.Provider,
+  z(() => {
+    P();
+    const b = setInterval(P, 200);
+    return () => clearInterval(b);
+  }, [P]);
+  const Y = /* @__PURE__ */ a(
+    Fe.Provider,
     {
       value: {
         flipBookRef: e,
-        direction: g,
-        locale: h,
+        direction: m,
+        locale: p,
         pageSemantics: n,
         currentPage: j,
-        totalPages: P,
-        of: d,
-        isFirstPage: M,
-        isLastPage: A,
-        mouseMode: D,
-        openDownloadMenuRef: N,
-        downloadExecutorRef: T,
-        fullscreenTargetRef: x
+        totalPages: x,
+        of: c,
+        isFirstPage: L,
+        isLastPage: O,
+        mouseMode: v,
+        openDownloadMenuRef: E,
+        downloadExecutorRef: N,
+        fullscreenTargetRef: D
       },
       children: /* @__PURE__ */ a(
         "div",
         {
-          className: `flipbook-toolbar ${g === "rtl" ? "flipbook-toolbar--rtl" : ""} ${r}`.trim(),
+          className: `flipbook-toolbar ${m === "rtl" ? "flipbook-toolbar--rtl" : ""} ${r}`.trim(),
           role: "toolbar",
           "aria-label": "FlipBook navigation",
-          dir: g,
-          children: s
+          dir: m,
+          children: l
         }
       )
     }
-  ), _ = [pt, ...c ?? []];
+  ), Z = [kt, ...d ?? []];
   return /* @__PURE__ */ a(
-    et,
+    rt,
     {
       flipBookRef: e,
       currentPage: j,
-      totalPages: P,
-      direction: g,
-      commands: _,
-      commandOptions: O,
+      totalPages: x,
+      direction: m,
+      commands: Z,
+      commandOptions: U,
       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,
-  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,
-  W as useToolbar
+  Tt as ActionButton,
+  It as BookmarkToggleButton,
+  Ct as BookshelfIcon,
+  it as ChevronFirstIcon,
+  ct as ChevronLastIcon,
+  lt as ChevronLeftIcon,
+  st as ChevronRightIcon,
+  Dt as DownloadDropdown,
+  gt as DownloadIcon,
+  Et as FirstPageButton,
+  Nt as FullscreenButton,
+  Lt as LastPageButton,
+  dt as MaximizeIcon,
+  ut as MinimizeIcon,
+  Ft as MouseModeButton,
+  Mt as NextButton,
+  jt as PageIndicator,
+  Bt as PrevButton,
+  jt as SemanticPageIndicator,
+  mt as TableOfContentsIcon,
+  St as TocButton,
+  xt as ToggleButton,
+  $t as Toolbar,
+  W as ToolbarButton,
+  ge as canUseFullscreen,
+  Pt as createDefaultDownloadConfig,
+  Ge as defaultCommands,
+  Ae as downloadCommand,
+  Ve as exitFullscreen,
+  se as flipNextCommand,
+  ie as flipPrevCommand,
+  ke as fullscreenStateEvents,
+  me as getFullscreenElement,
+  ce as goToFirstCommand,
+  de as goToLastCommand,
+  ue as goToTocCommand,
+  We as requestFullscreen,
+  qe as toggleDebugCommand,
+  oe as toggleFullscreenCommand,
+  re as toggleTextSelectionCommand,
+  X as useCommands,
+  V as useToolbar
 };
 //# sourceMappingURL=index.js.map