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

package/dist/toolbar/index.js

@@ -1,10 +1,10 @@
-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;
+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 $e = {
+const Ae = {
   id: "download",
   enName: "Download",
   enDescription: "Download entire book or page range",
@@ -17,51 +17,51 @@ const $e = {
     );
   },
   canExecute: (e) => typeof e.data?.onDownload == "function"
-}, Ae = [
+}, Re = [
   { key: "ArrowRight" },
   { key: "PageDown" },
   { key: " " }
   // Space
-], le = {
+], se = {
   id: "flipNext",
   navKind: "flip",
   enName: "Next Page",
   enDescription: "Flip to the next page",
   nameKey: "command.jumpToNextPage",
-  hotkeys: Ae,
+  hotkeys: Re,
   execute: (e) => {
     e.handle?.flipNext();
   },
   canExecute: (e) => (e.handle?.getCurrentPageIndex() ?? 0) < (e.handle?.getTotalPages() ?? 0) - 1
-}, Re = [{ key: "ArrowLeft" }, { key: "PageUp" }], se = {
+}, Ke = [{ key: "ArrowLeft" }, { key: "PageUp" }], ie = {
   id: "flipPrev",
   navKind: "flip",
   enName: "Previous Page",
   enDescription: "Flip to the previous page",
   nameKey: "command.jumpToPrevPage",
-  hotkeys: Re,
+  hotkeys: Ke,
   execute: (e) => {
     e.handle?.flipPrev();
   },
   canExecute: (e) => (e.handle?.getCurrentPageIndex() ?? 0) > 0
-}, Ke = [{ key: "Home" }, { key: "ArrowLeft", modifiers: { ctrl: !0 } }], ie = {
+}, 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: Ke,
+  hotkeys: He,
   execute: (e) => {
     e.handle?.jumpToPage(0);
   },
   canExecute: (e) => e.handle?.getCurrentPageIndex() !== 0
-}, He = [{ key: "End" }, { key: "ArrowRight", modifiers: { ctrl: !0 } }], ce = {
+}, 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: He,
+  hotkeys: Oe,
   execute: (e) => {
     const t = e.handle?.getTotalPages() ?? 0;
     e.handle?.jumpToPage(t - 1);
@@ -70,46 +70,46 @@ const $e = {
     const t = e.handle?.getCurrentPageIndex() ?? 0, o = e.handle?.getTotalPages() ?? 0;
     return t !== o - 1;
   }
-}, Oe = [{ key: "t" }], de = {
+}, Ue = [{ key: "t" }], ue = {
   id: "goToToc",
   navKind: "jump",
   enName: "Table of Contents",
   enDescription: "Jump to the table of contents",
   nameKey: "command.jumpToToc",
-  hotkeys: Oe,
+  hotkeys: Ue,
   execute: (e) => {
-    const t = e.handle?.getTocPageIndex?.() ?? we();
+    const t = e.handle?.getTocPageIndex?.() ?? xe();
     e.handle?.jumpToPage(t);
   },
   canExecute: (e) => {
-    const t = e.handle?.getTocPageIndex?.() ?? we();
+    const t = e.handle?.getTocPageIndex?.() ?? xe();
     return e.handle?.getCurrentPageIndex() !== t;
   }
-}, Ue = [{ key: "d", modifiers: { ctrl: !0, alt: !0 } }], ze = {
+}, 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: Ue,
+  hotkeys: ze,
   execute: (e) => {
     e.handle?.toggleDebugBar?.();
   }
-}, ee = () => document, xe = [
+}, te = () => document, ke = [
   "fullscreenchange",
   "webkitfullscreenchange",
   "fullscreenerror",
   "webkitfullscreenerror"
 ];
-function ue() {
-  return typeof document > "u" ? null : ee().fullscreenElement ?? ee().webkitFullscreenElement ?? null;
+function me() {
+  return typeof document > "u" ? null : te().fullscreenElement ?? te().webkitFullscreenElement ?? null;
 }
-function me(e) {
+function ge(e) {
   if (typeof document > "u") return !1;
-  const t = e ?? ee().documentElement;
-  return typeof (t.requestFullscreen ?? t.webkitRequestFullscreen) != "function" ? !1 : (ee().fullscreenEnabled ?? ee().webkitFullscreenEnabled) !== !1;
+  const t = e ?? te().documentElement;
+  return typeof (t.requestFullscreen ?? t.webkitRequestFullscreen) != "function" ? !1 : (te().fullscreenEnabled ?? te().webkitFullscreenEnabled) !== !1;
 }
-async function qe(e) {
+async function We(e) {
   const t = e;
   if (t.requestFullscreen) {
     await t.requestFullscreen();
@@ -121,37 +121,37 @@ async function qe(e) {
   }
   throw new Error("Fullscreen API is not available");
 }
-async function We() {
-  const e = ee();
+async function Ve() {
+  const e = te();
   if (e.exitFullscreen) {
     await e.exitFullscreen();
     return;
   }
   e.webkitExitFullscreen && e.webkitExitFullscreen();
 }
-const Ve = [{ key: "F11" }], te = {
+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: Ve,
-  canExecute: (e) => me(e.data?.getFullscreenTarget?.()),
-  isActive: () => ue() !== null,
+  hotkeys: Je,
+  canExecute: (e) => ge(e.data?.getFullscreenTarget?.()),
+  isActive: () => me() !== null,
   setActive: (e, t) => {
-    const o = ue();
+    const o = me();
     if (t) {
       if (o) return;
       const n = e.data?.getFullscreenTarget?.() ?? document.documentElement;
-      if (!me(n)) return !1;
-      qe(n).catch(console.warn);
+      if (!ge(n)) return !1;
+      We(n).catch(console.warn);
       return;
     }
-    o && We().catch(console.warn);
+    o && Ve().catch(console.warn);
   },
-  execute: (e) => te.setActive(e, !te.isActive(e))
-}, ne = {
+  execute: (e) => oe.setActive(e, !oe.isActive(e))
+}, re = {
   id: "toggleTextSelection",
   kind: "toggle",
   enName: "Select Text",
@@ -165,32 +165,32 @@ const Ve = [{ key: "F11" }], te = {
     e.transient ? e.handle.setMouseMode(o, { persist: !1 }) : e.handle.setMouseMode(o);
   },
   execute: (e) => {
-    const t = ne.setActive(
+    const t = re.setActive(
       e,
-      !ne.isActive(e)
+      !re.isActive(e)
     );
     return t !== !1 && window.getSelection()?.removeAllRanges(), t;
   }
-}, Je = [
-  le,
+}, Ge = [
   se,
   ie,
   ce,
   de,
-  te,
-  ze,
-  ne,
-  $e
+  ue,
+  oe,
+  qe,
+  re,
+  Ae
 ];
-function De(e, t) {
+function Ee(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function Ge(e, t, o) {
-  if (De(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 _e(e, t) {
+function Qe(e, t) {
   const o = e.modifiers ?? {};
   return [
     o.ctrl && !t.ctrlKey,
@@ -199,11 +199,11 @@ function _e(e, t) {
     o.meta && !t.metaKey
   ].some(Boolean);
 }
-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 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 Xe(e, t) {
+function Ye(e, t) {
   const o = e.modifiers ?? {}, n = t.modifiers ?? {};
   return [
     !!o.ctrl == !!n.ctrl,
@@ -212,27 +212,27 @@ function Xe(e, t) {
     !!o.meta == !!n.meta
   ].every(Boolean);
 }
-function ke(e, t) {
-  return e.key === t.key && e.mode === t.mode && (e.active ?? !0) === (t.active ?? !0) && Xe(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 Ye {
+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) => ke(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) => Qe(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 Ye {
   }
   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) => ke(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 Ye {
   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 Ee = Ce(null);
-function Ze(e) {
+const Ne = Te(null);
+function et(e) {
   return e instanceof HTMLElement ? !!(e.isContentEditable || e.closest('input, textarea, select, [contenteditable="true"], [contenteditable=""]')) : !1;
 }
-function et(e) {
+function tt(e) {
   return e.options.disableHotkeys ? [] : e.options.hotkeys ?? e.command.hotkeys ?? [];
 }
-function tt(e, t, o) {
+function ot(e, t, o) {
   return t.mode !== "hold" ? !0 : e.kind !== "toggle" ? !1 : !e.canExecute || e.canExecute(o(e));
 }
-function ot(e, t, o, n) {
+function nt(e, t, o, n) {
   for (const r of Object.values(e)) {
-    const s = et(r).find(
-      (i) => Ge(i, t, o) && tt(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 nt = ({
+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 g = Q(new Ye()).current, [, w] = je((d) => d + 1, 0), f = Ie(() => {
-    const d = {};
-    for (const m of Je)
-      d[m.id] = {
-        command: m,
-        options: s[m.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 m of r)
-      d[m.id] = {
-        command: m,
-        options: s[m.id] ?? {}
+    for (const g of r)
+      c[g.id] = {
+        command: g,
+        options: l[g.id] ?? {}
       };
-    return d;
-  }, [r, s]), p = I(
-    (d, m) => {
-      const y = f[d.id]?.options ?? {}, $ = m ? { ...y.data, ...m } : y.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: $
+        data: S
       };
     },
-    [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());
+    [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());
     },
-    [p, g]
-  ), E = I(
-    (d) => {
-      if (g.has(d.id)) return !1;
-      const m = p(d);
-      return d.canExecute ? d.canExecute(m) : !0;
+    [p, u]
+  ), N = T(
+    (c) => {
+      if (u.has(c.id)) return !1;
+      const g = p(c);
+      return c.canExecute ? c.canExecute(g) : !0;
     },
-    [p, g]
-  ), M = I(
-    (d) => d.isActive(p(d)),
+    [p, u]
+  ), j = T(
+    (c) => c.isActive(p(c)),
     [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();
+  ), $ = 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 && $();
+      document.hidden && S();
     };
-    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();
+    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();
     };
-  }, [g]);
-  const B = { execute: N, canExecute: E, isActive: M, getAllCommands: j };
-  return /* @__PURE__ */ a(Ee.Provider, { value: B, children: c });
+  }, [u]);
+  const A = { execute: E, canExecute: N, isActive: j, getAllCommands: $ };
+  return /* @__PURE__ */ a(Ne.Provider, { value: A, children: d });
 }, X = () => {
-  const e = Te(Ee);
+  const e = Ie(Ne);
   if (!e)
     throw new Error("useCommands must be used within a CommandProvider");
   return e;
 };
-function rt(e) {
+function at(e) {
   let t = "";
   for (const o of new TextEncoder().encode(e))
     t += String.fromCharCode(o);
   return btoa(t);
 }
-function ve(e) {
-  return { ext: "json", data: rt(JSON.stringify(e, null, "	")) };
+function ye(e) {
+  return { ext: "json", data: at(JSON.stringify(e, null, "	")) };
 }
-function yt(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(ve(r));
+      return Promise.resolve(ye(r));
     },
-    onDownloadPageRange: (r) => Promise.resolve(ve(r.map(n)))
+    onDownloadPageRange: (r) => Promise.resolve(ye(r.map(n)))
   };
 }
-const z = { size: 24 }, at = ({ 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 }, at = ({ size: e = z.size, className: t }) => /* @__PURE_
     "aria-hidden": "true",
     children: /* @__PURE__ */ a("path", { d: "m15 18-6-6 6-6" })
   }
-), lt = ({ 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 }, at = ({ size: e = z.size, className: t }) => /* @__PURE_
     "aria-hidden": "true",
     children: /* @__PURE__ */ a("path", { d: "m9 18 6-6-6-6" })
   }
-), st = ({ size: e = z.size, className: t }) => /* @__PURE__ */ L(
+), 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 }, at = ({ size: e = z.size, className: t }) => /* @__PURE_
       /* @__PURE__ */ a("path", { d: "M7 6v12" })
     ]
   }
-), it = ({ size: e = z.size, className: t }) => /* @__PURE__ */ L(
+), 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 }, at = ({ size: e = z.size, className: t }) => /* @__PURE_
       /* @__PURE__ */ a("path", { d: "M17 6v12" })
     ]
   }
-), ct = ({ size: e = z.size, className: t }) => /* @__PURE__ */ L(
+), 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 }, at = ({ size: e = z.size, className: t }) => /* @__PURE_
       /* @__PURE__ */ a("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
     ]
   }
-), dt = ({ size: e = z.size, className: t }) => /* @__PURE__ */ L(
+), 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 }, at = ({ size: e = z.size, className: t }) => /* @__PURE_
       /* @__PURE__ */ a("path", { d: "M16 21v-3a2 2 0 0 1 2-2h3" })
     ]
   }
-), ut = ({
-  size: e = z.size,
+), mt = ({
+  size: e = q.size,
   className: t
-}) => /* @__PURE__ */ L(
+}) => /* @__PURE__ */ M(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -523,7 +523,7 @@ const z = { size: 24 }, at = ({ size: e = z.size, className: t }) => /* @__PURE_
       /* @__PURE__ */ a("path", { d: "M21 19h.01" })
     ]
   }
-), Pt = ({ size: e = z.size, className: t }) => /* @__PURE__ */ L(
+), 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 }, at = ({ size: e = z.size, className: t }) => /* @__PURE_
       /* @__PURE__ */ a("rect", { x: "16", y: "6", width: "4", height: "15", rx: "0.5" })
     ]
   }
-), mt = ({ size: e = z.size, className: t }) => /* @__PURE__ */ L(
+), 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 }, at = ({ 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 }, at = ({ 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
   }
-), Ct = ({
+), 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 }, at = ({ size: e = z.size, className: t }) => /* @__PURE_
     className: `flipbook-toolbar-action ${r ?? ""}`.trim(),
     children: o
   }
-), Tt = ({
+), 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 }, at = ({ size: e = z.size, className: t }) => /* @__PURE_
       }
     ) })
   }
-), gt = {
+), ft = {
   align: "left",
   direction: "ltr",
   translations: {
@@ -650,7 +650,7 @@ const z = { size: 24 }, at = ({ size: e = z.size, className: t }) => /* @__PURE_
     "toolbarItem.exitFullscreen": "Exit fullscreen",
     "toolbarItem.fullscreenUnsupported": "Fullscreen is not supported by this browser"
   }
-}, ft = {
+}, ht = {
   align: "right",
   direction: "rtl",
   translations: {
@@ -677,10 +677,10 @@ const z = { size: 24 }, at = ({ size: e = z.size, className: t }) => /* @__PURE_
     "toolbarItem.exitFullscreen": "יציאה ממסך מלא",
     "toolbarItem.fullscreenUnsupported": "מסך מלא אינו נתמך בדפדפן זה"
   }
-}, ge = {
-  "en-US": gt,
-  "he-IL": ft
-}, he = "en-US", ht = {
+}, fe = {
+  "en-US": ft,
+  "he-IL": ht
+}, pe = "en-US", pt = {
   "toolbarItem.download": "Download",
   "toolbarItem.downloadPageRange": "Download page range…",
   "toolbarItem.download.from": "From",
@@ -702,245 +702,246 @@ const z = { size: 24 }, at = ({ size: e = z.size, className: t }) => /* @__PURE_
   "toolbarItem.fullscreenUnsupported": "Fullscreen is not supported by this browser"
 };
 function Le(e) {
-  return ge[e] ?? ge[he];
+  return fe[e] ?? fe[pe];
 }
-function fe(e) {
+function he(e) {
   return Le(e).direction === "rtl";
 }
-function pt(e) {
-  return fe(e) ? "rtl" : "ltr";
+function bt(e) {
+  return he(e) ? "rtl" : "ltr";
 }
-function C(e, t) {
+function y(e, t) {
   const o = Le(t).translations[e];
   if (o !== void 0 && o !== "") return o;
-  const n = ge[he].translations[e];
-  return n !== void 0 && n !== "" ? n : ht[e] ?? e;
+  const n = fe[pe].translations[e];
+  return n !== void 0 && n !== "" ? n : pt[e] ?? e;
 }
-const Ne = Ce(null);
-function W() {
-  const e = Te(Ne);
+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 ye(e) {
+function Pe(e) {
   return e.replace(/[׳'״"]/g, "");
 }
-function Pe(e, t) {
+function Ce(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);
+  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 bt(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 It = ({
+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(), g = c.current?.getDownloadConfig?.() ?? void 0, [w, f] = D(!1);
-  U(() => (s.current = () => f(!0), () => {
-    s.current = null;
-  }), [s]);
-  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]
-  ), S = !!g?.onDownloadSefer, K = !!g?.onDownloadPageRange, V = S || K, P = k[0]?.pageIndex ?? 0, Y = k[k.length - 1]?.pageIndex ?? 0;
-  U(() => {
-    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)
+    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)
       );
     },
-    [c, r]
+    [u, l]
   );
-  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);
+  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);
     };
-    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);
+    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);
     };
-  }, [w, r]), U(() => {
-    if (!w) return;
-    const l = (u) => {
-      b.current && !b.current.contains(u.target) && H();
+  }, [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);
-  }, [w, H]);
-  const A = I(async () => {
-    const l = c.current?.getDownloadConfig?.();
-    if (l?.onDownloadSefer) {
-      d("sefer"), y(null);
+    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 u = await l.onDownloadSefer();
-        u && Pe(u, l.entireBookFilename ?? "book"), H();
-      } catch (u) {
-        x(u);
+        const f = await s.onDownloadSefer();
+        f && Ce(f, s.entireBookFilename ?? "book"), b();
+      } catch (f) {
+        K(f);
       } finally {
-        d(null);
+        g(null);
       }
     }
-  }, [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);
+  }, [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"), y(null);
+      g("range"), S(null);
       try {
-        const T = await h.onDownloadPageRange(
-          Z,
+        const C = await w.onDownloadPageRange(
+          ee,
           G,
-          h.downloadContext
+          w.downloadContext
         );
-        if (T) {
-          const R = ye(G[0]?.semanticName ?? String(l)), _ = ye(
-            G[G.length - 1]?.semanticName ?? String(u)
+        if (C) {
+          const H = Pe(G[0]?.semanticName ?? String(s)), _ = Pe(
+            G[G.length - 1]?.semanticName ?? String(f)
           );
-          Pe(T, `${h.rangeFilename ?? "pages"}-${R}-${_}`);
+          Ce(C, `${w.rangeFilename ?? "pages"}-${H}-${_}`);
         }
-        H();
-      } catch (T) {
-        x(T);
+        b();
+      } catch (C) {
+        K(C);
       } finally {
-        d(null);
+        g(null);
       }
     },
-    [c, k, H, x]
+    [u, F, b, K]
   );
-  return U(() => (i.current = (l, u) => {
-    l === void 0 && u === void 0 ? A() : l !== void 0 && u !== void 0 && J(l, u);
+  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, A, J]), V ? /* @__PURE__ */ L("div", { className: `flipbook-toolbar-download-wrap ${t ?? ""}`.trim(), ref: b, 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: () => f((l) => !l),
-        "aria-label": e ?? C("toolbarItem.download", r),
-        "aria-expanded": w,
+        onClick: () => p((s) => !s),
+        "aria-label": e ?? y("toolbarItem.download", l),
+        "aria-expanded": m,
         "aria-haspopup": "true",
-        disabled: B !== null,
-        children: /* @__PURE__ */ a(mt, { size: 18 })
+        disabled: c !== null,
+        children: /* @__PURE__ */ a(gt, { size: 18 })
       }
     ),
-    w && /* @__PURE__ */ L(
+    m && /* @__PURE__ */ M(
       "div",
       {
-        ref: F,
-        className: `flipbook-toolbar-download-menu ${$ ? "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: fe(r) ? "rtl" : "ltr",
+        dir: he(l) ? "rtl" : "ltr",
         children: [
-          /* @__PURE__ */ L(
+          /* @__PURE__ */ M(
             "fieldset",
             {
               className: "flipbook-toolbar-download-mode",
-              "aria-label": C("toolbarItem.download", r),
+              "aria-label": y("toolbarItem.download", l),
               children: [
-                S && /* @__PURE__ */ L("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: p === "entire",
+                      checked: E === "entire",
                       onChange: () => N("entire")
                     }
                   ),
-                  /* @__PURE__ */ a("span", { children: C("command.downloadEntireBook", r) })
+                  /* @__PURE__ */ a("span", { children: y("command.downloadEntireBook", l) })
                 ] }),
-                K && /* @__PURE__ */ L("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: p === "range",
+                      checked: E === "range",
                       onChange: () => N("range")
                     }
                   ),
-                  /* @__PURE__ */ a("span", { children: C("toolbarItem.downloadPageRange", r) })
+                  /* @__PURE__ */ a("span", { children: y("toolbarItem.downloadPageRange", l) })
                 ] })
               ]
             }
           ),
-          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),
+          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: E,
-                  onChange: (l) => M(Number(l.target.value)),
+                  value: j,
+                  onChange: (s) => $(Number(s.target.value)),
                   className: "flipbook-toolbar-download-range-select",
-                  children: k.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__ */ L("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: j,
-                  onChange: (l) => v(Number(l.target.value)),
+                  value: x,
+                  onChange: (s) => A(Number(s.target.value)),
                   className: "flipbook-toolbar-download-range-select",
-                  children: k.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))
                 }
               )
             ] })
           ] }),
-          m && /* @__PURE__ */ a("div", { role: "alert", className: "flipbook-toolbar-download-error", children: m }),
+          L && /* @__PURE__ */ a("div", { role: "alert", className: "flipbook-toolbar-download-error", children: L }),
           /* @__PURE__ */ a(
             "button",
             {
@@ -948,207 +949,208 @@ const It = ({
               role: "menuitem",
               className: "flipbook-toolbar-download-menuitem flipbook-toolbar-download-primary",
               onClick: () => {
-                if (p === "entire")
-                  A();
+                if (E === "entire")
+                  J();
                 else {
-                  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);
+                  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: B !== null,
-              children: B === "sefer" || B === "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;
-}, 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);
+}, 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(ie),
+      onClick: l,
+      ariaLabel: d,
+      title: d,
+      disabled: !r(ce),
       className: `flipbook-toolbar-first ${t ?? ""}`.trim(),
       children: e ?? i
     }
   );
-}, Et = ({
+}, Nt = ({
   targetRef: e,
   enterIcon: t,
   exitIcon: o,
   ariaLabelEnter: n,
   ariaLabelExit: r,
-  unsupportedBehavior: s = "hide",
+  unsupportedBehavior: l = "hide",
   className: i
 }) => {
-  const c = W(), { execute: g, canExecute: w } = X(), f = e ?? c.fullscreenTargetRef, [p, N] = D(!1), [E, M] = D(!1);
-  U(() => {
-    const d = () => {
-      N(ue() !== null), M(me(f?.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 m of xe)
-      document.addEventListener(m, d);
+    c();
+    for (const g of ke)
+      document.addEventListener(g, c);
     return () => {
-      for (const m of xe)
-        document.removeEventListener(m, d);
+      for (const g of ke)
+        document.removeEventListener(g, c);
     };
-  }, [f]);
-  const j = () => {
-    e ? g(te, {
+  }, [m]);
+  const $ = () => {
+    e ? u(oe, {
       getFullscreenTarget: () => e.current ?? null
-    }) : g(te);
+    }) : u(oe);
   };
-  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 });
+  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: j,
-      ariaLabel: v,
+      onClick: $,
+      ariaLabel: x,
       ariaPressed: p,
-      disabled: !E || !w(te),
-      title: E ? v : C("toolbarItem.fullscreenUnsupported", c.locale),
+      disabled: !N || !D(oe),
+      title: N ? x : y("toolbarItem.fullscreenUnsupported", d.locale),
       className: `flipbook-toolbar-fullscreen ${p ? "flipbook-toolbar-fullscreen--active" : ""} ${i ?? ""}`.trim(),
-      children: B
+      children: A
     }
   );
 }, 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);
+  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(ce),
+      onClick: l,
+      ariaLabel: d,
+      title: d,
+      disabled: !r(de),
       className: `flipbook-toolbar-last ${t ?? ""}`.trim(),
       children: e ?? i
     }
   );
-}, wt = ({
+}, xt = ({
   command: e,
   ariaLabel: t,
   children: o,
   disabled: n = !1,
   className: r
 }) => {
-  const { execute: s, canExecute: i, isActive: c } = X();
+  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
     }
   );
-}, Nt = ({
+}, 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(
-    wt,
+    xt,
     {
-      command: ne,
+      command: re,
       ariaLabel: r,
       className: `flipbook-toolbar-mouse-mode ${o ?? ""}`.trim(),
-      children: /* @__PURE__ */ L("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) })
       ] })
     }
   );
-}, 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 });
+}, 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(le),
+      disabled: !r(se),
       className: `flipbook-toolbar-next ${t ?? ""}`.trim(),
-      children: e ?? c
+      children: e ?? d
     }
   );
-}, Mt = ({
+}, 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: 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 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();
+  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) {
+        c(!0), x(U), g.current = !1;
+        const s = () => h.target.select();
+        typeof requestAnimationFrame < "u" ? requestAnimationFrame(s) : s();
       }
     },
-    [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);
+    [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);
         }
-        l.currentTarget.blur();
-      } else l.key === "Escape" && l.currentTarget.blur();
+        h.currentTarget.blur();
+      } else h.key === "Escape" && h.currentTarget.blur();
     },
-    [j, g, p, c]
-  ), A = I((l) => {
-    v(l.target.value);
+    [$, u, p, d]
+  ), K = T((h) => {
+    x(h.target.value);
   }, []);
-  return M ? /* @__PURE__ */ a(
+  return j ? /* @__PURE__ */ a(
     "input",
     {
       type: "text",
-      className: `flipbook-toolbar-indicator ${B ? "flipbook-toolbar-indicator--editing" : ""} ${r ?? ""}`.trim(),
-      value: j,
+      className: `flipbook-toolbar-indicator ${A ? "flipbook-toolbar-indicator--editing" : ""} ${r ?? ""}`.trim(),
+      value: $,
       onFocus: Y,
-      onBlur: H,
-      onKeyDown: x,
-      onChange: A,
-      "aria-label": s,
+      onBlur: Z,
+      onKeyDown: b,
+      onChange: K,
+      "aria-label": l,
       "aria-live": "polite",
       "aria-atomic": "true",
       maxLength: i,
-      readOnly: !M
+      readOnly: !j
     }
   ) : /* @__PURE__ */ a(
     "span",
@@ -1159,36 +1161,36 @@ const It = ({
       children: P
     }
   );
-}, 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 });
+}, 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(se),
+      disabled: !r(ie),
       className: `flipbook-toolbar-prev ${t ?? ""}`.trim(),
-      children: e ?? c
+      children: e ?? d
     }
   );
-}, 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);
+}, 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: g,
+      disabled: u,
       className: `flipbook-toolbar-toc ${o ?? ""}`.trim(),
-      children: e ?? /* @__PURE__ */ a(ut, { size: 18 })
+      children: e ?? /* @__PURE__ */ a(mt, { size: 18 })
     }
   );
-}, xt = {
+}, kt = {
   id: "openDownloadMenu",
   enName: "Open download menu",
   enDescription: "Open the download menu",
@@ -1198,137 +1200,137 @@ const It = ({
     e.data?.open?.();
   },
   canExecute: (e) => typeof e.data?.open == "function"
-}, St = ({
+}, $t = ({
   flipBookRef: e,
   direction: t,
   locale: o,
   pageSemantics: n,
   className: r = "",
-  children: s,
+  children: l,
   enableHotkeys: i = !0,
-  commands: c,
-  commandOptions: g,
-  fullscreenTargetRef: w
+  commands: d,
+  commandOptions: u,
+  fullscreenTargetRef: D
 }) => {
-  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 ? {
+  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: () => w.current ?? null
+          getFullscreenTarget: () => D.current ?? null
         }
       }
     } : {},
     openDownloadMenu: {
-      data: { open: () => N.current?.() }
+      data: { open: () => E.current?.() }
     },
     download: {
       data: {
-        onDownload: (x, A) => E.current?.(x, A)
+        onDownload: (b, K) => N.current?.(b, K)
       }
     }
-  }, 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
+  }, 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 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"));
+  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(() => {
+  z(() => {
     P();
-    const x = setInterval(P, 200);
-    return () => clearInterval(x);
+    const b = setInterval(P, 200);
+    return () => clearInterval(b);
   }, [P]);
   const Y = /* @__PURE__ */ a(
-    Ne.Provider,
+    Fe.Provider,
     {
       value: {
         flipBookRef: e,
-        direction: f,
+        direction: m,
         locale: p,
         pageSemantics: n,
-        currentPage: M,
-        totalPages: v,
-        of: d,
-        isFirstPage: y,
+        currentPage: j,
+        totalPages: x,
+        of: c,
+        isFirstPage: L,
         isLastPage: O,
-        mouseMode: F,
-        openDownloadMenuRef: N,
-        downloadExecutorRef: E,
-        fullscreenTargetRef: w
+        mouseMode: v,
+        openDownloadMenuRef: E,
+        downloadExecutorRef: N,
+        fullscreenTargetRef: D
       },
       children: /* @__PURE__ */ a(
         "div",
         {
-          className: `flipbook-toolbar ${f === "rtl" ? "flipbook-toolbar--rtl" : ""} ${r}`.trim(),
+          className: `flipbook-toolbar ${m === "rtl" ? "flipbook-toolbar--rtl" : ""} ${r}`.trim(),
           role: "toolbar",
           "aria-label": "FlipBook navigation",
-          dir: f,
-          children: s
+          dir: m,
+          children: l
         }
       )
     }
-  ), H = [xt, ...c ?? []];
+  ), Z = [kt, ...d ?? []];
   return /* @__PURE__ */ a(
-    nt,
+    rt,
     {
       flipBookRef: e,
-      currentPage: M,
-      totalPages: v,
-      direction: f,
-      commands: H,
-      commandOptions: V,
+      currentPage: j,
+      totalPages: x,
+      direction: m,
+      commands: Z,
+      commandOptions: U,
       disableHotkeys: !i,
       children: Y
     }
   );
 };
 export {
-  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,
+  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,
-  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,
-  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,
+  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,
-  W as useToolbar
+  V as useToolbar
 };
 //# sourceMappingURL=index.js.map