@peeekpage/viewer 0.4.8 → 0.4.10

package/dist/index.d.ts

@@ -48,7 +48,6 @@ export declare interface PeeekViewerProps {
     aboutButton?: boolean;
     goToPage?: boolean;
     rotateControl?: boolean;
-    layoutToggle?: boolean;
     loadingImage?: string;
     loadingCaption?: string;
     loadingColor?: string;

package/dist/index.js

@@ -1,6 +1,6 @@
-import { jsxs as y, jsx as r, Fragment as Qe } from "react/jsx-runtime";
-import { useState as v, useRef as E, useEffect as C, useCallback as L, useMemo as et } from "react";
-const tt = /* @__PURE__ */ new Set(["http:", "https:"]);
+import { jsxs as y, jsx as r, Fragment as Je } from "react/jsx-runtime";
+import { useState as v, useRef as E, useEffect as P, useCallback as D, useMemo as Qe } from "react";
+const et = /* @__PURE__ */ new Set(["http:", "https:"]);
 function G(t) {
   if (typeof t != "string") return null;
   const e = t.trim();
@@ -12,23 +12,23 @@ function G(t) {
   } catch {
     return null;
   }
-  return tt.has(a.protocol) ? a.href : null;
+  return et.has(a.protocol) ? a.href : null;
 }
-const nt = /^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/, at = /^rgba?\([ \t]*\d{1,3}[ \t]*,[ \t]*\d{1,3}[ \t]*,[ \t]*\d{1,3}[ \t]*(?:,[ \t]*(?:0|1|0?\.\d+)[ \t]*)?\)$/;
-function de(t) {
+const tt = /^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/, nt = /^rgba?\([ \t]*\d{1,3}[ \t]*,[ \t]*\d{1,3}[ \t]*,[ \t]*\d{1,3}[ \t]*(?:,[ \t]*(?:0|1|0?\.\d+)[ \t]*)?\)$/;
+function ue(t) {
   if (typeof t != "string") return null;
   const e = t.trim();
-  return nt.test(e) || at.test(e) ? e : null;
+  return tt.test(e) || nt.test(e) ? e : null;
 }
-const rt = /url\(|image\(|image-set\(|element\(|expression|@|\/\*|;|\{|\}|<|>|\\/i, ot = /^(repeating-)?(linear|radial|conic)-gradient\([a-z0-9#.,%()\/\s-]*\)$/i, lt = /^hsla?\([a-z0-9.,%\/\s-]*\)$/i;
-function it(t) {
+const at = /url\(|image\(|image-set\(|element\(|expression|@|\/\*|;|\{|\}|<|>|\\/i, rt = /^(repeating-)?(linear|radial|conic)-gradient\([a-z0-9#.,%()\/\s-]*\)$/i, ot = /^hsla?\([a-z0-9.,%\/\s-]*\)$/i;
+function lt(t) {
   if (typeof t != "string") return null;
   const e = t.trim();
-  if (e === "" || rt.test(e)) return null;
-  const n = de(e);
-  return n !== null ? n : lt.test(e) || ot.test(e) ? e : null;
+  if (e === "" || at.test(e)) return null;
+  const n = ue(e);
+  return n !== null ? n : ot.test(e) || rt.test(e) ? e : null;
 }
-const st = ["en", "pt-BR"], Ne = {
+const it = ["en", "pt-BR"], Ne = {
   prev: "Previous page",
   next: "Next page",
   zoom: "Zoom level",
@@ -50,7 +50,7 @@ const st = ["en", "pt-BR"], Ne = {
   rotate: "Rotate page",
   singlePage: "Single page",
   doublePage: "Two pages"
-}, ct = {
+}, st = {
   prev: "Página anterior",
   next: "Próxima página",
   zoom: "Nível de zoom",
@@ -72,26 +72,26 @@ const st = ["en", "pt-BR"], Ne = {
   rotate: "Girar página",
   singlePage: "Página única",
   doublePage: "Duas páginas"
-}, ut = { en: Ne, "pt-BR": ct };
-function dt(t) {
-  return ut[t] ?? Ne;
+}, ct = { en: Ne, "pt-BR": st };
+function ut(t) {
+  return ct[t] ?? Ne;
 }
-const ft = "#6E79D6";
+const dt = "#6E79D6";
 function I(t, e) {
   return typeof t == "boolean" ? t : e;
 }
 function J(t, e, n) {
   return e.includes(t) ? t : n;
 }
-function gt(t) {
+function ft(t) {
   return {
     src: typeof t.src == "string" ? t.src : "",
     mode: J(t.mode, ["flip", "coverflow"], "flip"),
     logo: G(t.logo),
     logoLink: G(t.logoLink),
-    accentColor: de(t.accentColor) ?? ft,
+    accentColor: ue(t.accentColor) ?? dt,
     background: J(t.background, ["color", "image", "transparent"], "color"),
-    backgroundColor: it(t.backgroundColor),
+    backgroundColor: lt(t.backgroundColor),
     backgroundImage: G(t.backgroundImage),
     layout: J(t.layout, ["single", "double"], "double"),
     fillHeight: I(t.fillHeight, !1),
@@ -99,7 +99,7 @@ function gt(t) {
     rtl: I(t.rtl, !1),
     animateInteractions: I(t.animateInteractions, !0),
     skin: J(t.skin, ["classic", "minimal", "showcase"], "classic"),
-    language: J(t.language, st, "en"),
+    language: J(t.language, it, "en"),
     autoTransition: I(t.autoTransition, !1),
     autoTransitionInterval: typeof t.autoTransitionInterval == "number" && t.autoTransitionInterval > 0 ? t.autoTransitionInterval : 5e3,
     navigationControls: I(t.navigationControls, !0),
@@ -111,38 +111,37 @@ function gt(t) {
     aboutButton: I(t.aboutButton, !0),
     goToPage: I(t.goToPage, !0),
     rotateControl: I(t.rotateControl, !0),
-    layoutToggle: I(t.layoutToggle, !0),
     loadingImage: G(t.loadingImage),
     loadingCaption: typeof t.loadingCaption == "string" && t.loadingCaption.length > 0 ? t.loadingCaption : null,
-    loadingColor: de(t.loadingColor),
+    loadingColor: ue(t.loadingColor),
     pollInterval: typeof t.pollInterval == "number" && t.pollInterval > 0 ? t.pollInterval : 2e3,
     className: typeof t.className == "string" ? t.className : ""
   };
 }
-const fe = 5e3;
+const de = 5e3;
 function Q(t) {
   return typeof t == "string" ? t : "";
 }
-function mt(t) {
+function gt(t) {
   if (t === null || typeof t != "object" || Array.isArray(t))
     return { ok: !1, error: "manifest is not an object" };
   const e = t;
   if (!Array.isArray(e.pages))
     return { ok: !1, error: "manifest.pages is missing or not an array" };
-  if (e.pages.length > fe)
+  if (e.pages.length > de)
     return { ok: !1, error: "manifest.pages exceeds the maximum" };
   const n = e.total_pages, a = typeof n == "number" && Number.isFinite(n) && n >= 0 ? n : e.pages.length;
-  if (a > fe)
+  if (a > de)
     return { ok: !1, error: "manifest.total_pages exceeds the maximum" };
   const i = [];
   for (const g of e.pages) {
     if (g === null || typeof g != "object") continue;
-    const c = G(g.url);
-    c && i.push(c);
+    const d = G(g.url);
+    d && i.push(d);
   }
   if (i.length === 0)
     return { ok: !1, error: "manifest has no usable pages" };
-  const d = e.status === "wip" ? "wip" : "done", h = e.metadata && typeof e.metadata == "object" ? e.metadata : {}, k = {
+  const u = e.status === "wip" ? "wip" : "done", h = e.metadata && typeof e.metadata == "object" ? e.metadata : {}, k = {
     fileId: Q(h.file_id),
     filename: Q(h.filename),
     creationDate: Q(h.creation_date),
@@ -151,15 +150,15 @@ function mt(t) {
   };
   return {
     ok: !0,
-    value: { status: d, totalPages: a, pages: i, metadata: k }
+    value: { status: u, totalPages: a, pages: i, metadata: k }
   };
 }
-function pt(t, e) {
-  if (!Array.isArray(t) || t.length > fe) return null;
+function mt(t, e) {
+  if (!Array.isArray(t) || t.length > de) return null;
   const n = [];
   for (const i of t) {
-    const d = G(i);
-    d && n.push(d);
+    const u = G(i);
+    u && n.push(u);
   }
   return n.length === 0 ? null : {
     status: "done",
@@ -174,44 +173,44 @@ function pt(t, e) {
     }
   };
 }
-function bt(t, e) {
-  const [n, a] = v("loading"), [i, d] = v(null), [h, k] = v(null), g = E(null);
-  return C(() => {
-    let c = !1;
-    if (a("loading"), d(null), k(null), !t) return;
+function pt(t, e) {
+  const [n, a] = v("loading"), [i, u] = v(null), [h, k] = v(null), g = E(null);
+  return P(() => {
+    let d = !1;
+    if (a("loading"), u(null), k(null), !t) return;
     const w = () => {
       g.current !== null && (clearTimeout(g.current), g.current = null);
     }, _ = async () => {
-      let f;
+      let s;
       try {
         const l = await fetch(t);
         if (!l.ok) throw new Error(`HTTP ${l.status}`);
-        f = await l.json();
+        s = await l.json();
       } catch (l) {
-        if (c) return;
+        if (d) return;
         k(l instanceof Error ? l.message : "fetch failed"), a("error");
         return;
       }
-      if (c) return;
-      const u = mt(f);
-      if (!u.ok) {
-        k(u.error), a("error");
+      if (d) return;
+      const f = gt(s);
+      if (!f.ok) {
+        k(f.error), a("error");
         return;
       }
-      d(u.value), a("ready"), u.value.status === "wip" && (g.current = setTimeout(_, e));
+      u(f.value), a("ready"), f.value.status === "wip" && (g.current = setTimeout(_, e));
     };
     return _(), () => {
-      c = !0, w();
+      d = !0, w();
     };
   }, [t, e]), { state: n, manifest: i, error: h };
 }
-function ht(t) {
+function bt(t) {
   const [e, n] = v(!1);
-  C(() => {
+  P(() => {
     const i = () => n(document.fullscreenElement != null);
     return document.addEventListener("fullscreenchange", i), () => document.removeEventListener("fullscreenchange", i);
   }, []);
-  const a = L(async () => {
+  const a = D(async () => {
     const i = t.current;
     if (i)
       try {
@@ -221,23 +220,23 @@ function ht(t) {
   }, [t]);
   return { isFullscreen: e, toggle: a };
 }
-const we = "(prefers-reduced-motion: reduce)";
+const ve = "(prefers-reduced-motion: reduce)";
 function Ce() {
   const [t, e] = v(() => {
     var n;
-    return ((n = matchMedia == null ? void 0 : matchMedia(we)) == null ? void 0 : n.matches) ?? !1;
+    return ((n = matchMedia == null ? void 0 : matchMedia(ve)) == null ? void 0 : n.matches) ?? !1;
   });
-  return C(() => {
-    const n = typeof matchMedia == "function" ? matchMedia(we) : void 0;
+  return P(() => {
+    const n = typeof matchMedia == "function" ? matchMedia(ve) : void 0;
     if (!(n != null && n.addEventListener)) return;
     const a = () => e(n.matches);
     return n.addEventListener("change", a), () => n.removeEventListener("change", a);
   }, []), t;
 }
-function Pe({ go: t, jump: e, total: n, rtl: a }) {
-  return { onKeyDown: L(
-    (d) => {
-      switch (d.key) {
+function Te({ go: t, jump: e, total: n, rtl: a }) {
+  return { onKeyDown: D(
+    (u) => {
+      switch (u.key) {
         case "ArrowRight":
           t(a ? -1 : 1);
           break;
@@ -245,55 +244,55 @@ function Pe({ go: t, jump: e, total: n, rtl: a }) {
           t(a ? 1 : -1);
           break;
         case "Home":
-          d.preventDefault(), n > 0 && e(0);
+          u.preventDefault(), n > 0 && e(0);
           break;
         case "End":
-          d.preventDefault(), n > 0 && e(n - 1);
+          u.preventDefault(), n > 0 && e(n - 1);
           break;
         case " ":
         case "Spacebar":
-          d.preventDefault(), t(d.shiftKey ? -1 : 1);
+          u.preventDefault(), t(u.shiftKey ? -1 : 1);
           break;
         case "PageDown":
-          d.preventDefault(), t(1);
+          u.preventDefault(), t(1);
           break;
         case "PageUp":
-          d.preventDefault(), t(-1);
+          u.preventDefault(), t(-1);
           break;
       }
     },
     [t, e, n, a]
   ) };
 }
-function Ie(t, e) {
+function Pe(t, e) {
   if (e <= 0) return null;
   const n = t.trim();
   if (!/^\d+$/.test(n)) return null;
   const a = Number(n);
   return Number.isFinite(a) ? Math.max(1, Math.min(e, a)) - 1 : null;
 }
-const kt = 640;
-function _t(t, e) {
-  const [n, a] = v("auto"), [i, d] = v(null);
-  C(() => {
-    const c = t.current;
-    if (!c || (c.clientWidth > 0 && d(c.clientWidth), typeof ResizeObserver > "u")) return;
+const ht = 640;
+function kt(t, e) {
+  const [n, a] = v("auto"), [i, u] = v(null);
+  P(() => {
+    const d = t.current;
+    if (!d || (d.clientWidth > 0 && u(d.clientWidth), typeof ResizeObserver > "u")) return;
     const w = new ResizeObserver((_) => {
-      var u;
-      const f = (u = _[0]) == null ? void 0 : u.contentRect.width;
-      typeof f == "number" && f > 0 && d(f);
+      var f;
+      const s = (f = _[0]) == null ? void 0 : f.contentRect.width;
+      typeof s == "number" && s > 0 && u(s);
     });
-    return w.observe(c), () => w.disconnect();
+    return w.observe(d), () => w.disconnect();
   }, [t]);
-  const h = i != null && i < kt ? "single" : e, k = n === "auto" ? h : n, g = L(() => {
+  const h = i != null && i < ht ? "single" : e, k = n === "auto" ? h : n, g = D(() => {
     a(k === "single" ? "double" : "single");
   }, [k]);
   return { layout: k, toggle: g };
 }
-function me(t, e) {
+function ge(t, e) {
   return t <= 0 ? 0 : e === "single" ? t : 1 + Math.ceil((t - 1) / 2);
 }
-function yt(t, e) {
+function _t(t, e) {
   return e === "single" ? t : t <= 0 ? 0 : Math.floor((t - 1) / 2) + 1;
 }
 function re(t, e, n) {
@@ -305,63 +304,61 @@ function re(t, e, n) {
   const a = 2 * t - 1, i = 2 * t;
   return { left: a < e ? a : -1, right: i < e ? i : -1 };
 }
-function ge(t, e, n) {
-  const { left: a, right: i } = re(t, e, n), d = [];
-  return a >= 0 && d.push(a), i >= 0 && d.push(i), d;
+function fe(t, e, n) {
+  const { left: a, right: i } = re(t, e, n), u = [];
+  return a >= 0 && u.push(a), i >= 0 && u.push(i), u;
 }
 function ne(t, e, n) {
-  const a = me(e, n) - 1;
+  const a = ge(e, n) - 1;
   return t < 0 ? 0 : t > a ? a : t;
 }
-function vt(t) {
+function yt(t) {
   const {
     strings: e,
     label: n,
     progress: a,
     zoom: i,
-    minZoom: d,
+    minZoom: u,
     maxZoom: h,
     total: k,
     currentPage: g,
-    layout: c,
-    thumbsOpen: w,
-    isFullscreen: _,
-    downloadUrl: f,
-    show: u,
-    onZoomIn: l,
-    onZoomOut: D,
-    onZoomSet: O,
-    onJump: F,
-    onRotate: R,
-    onToggleLayout: x,
-    onToggleThumbs: A,
-    onToggleFullscreen: Z,
-    onAbout: j
-  } = t, [M, z] = v(String(g));
-  C(() => z(String(g)), [g]);
-  const B = () => {
-    const P = Ie(M, k);
-    if (P === null) {
-      z(String(g));
+    thumbsOpen: d,
+    isFullscreen: w,
+    downloadUrl: _,
+    show: s,
+    onZoomIn: f,
+    onZoomOut: l,
+    onZoomSet: L,
+    onJump: O,
+    onRotate: A,
+    onToggleThumbs: R,
+    onToggleFullscreen: x,
+    onAbout: z
+  } = t, [B, F] = v(String(g));
+  P(() => F(String(g)), [g]);
+  const M = () => {
+    const T = Pe(B, k);
+    if (T === null) {
+      F(String(g));
       return;
     }
-    F(P), z(String(P + 1));
+    O(T), F(String(T + 1));
   };
   return /* @__PURE__ */ y("div", { className: "peeek__toolbar", children: [
-    /* @__PURE__ */ r("span", { className: "peeek__label", children: n }),
-    u.bar && /* @__PURE__ */ r("div", { className: "peeek__scrubber", "aria-hidden": !0, children: /* @__PURE__ */ r("div", { className: "peeek__scrubber-fill", style: { width: `${a}%` } }) }),
-    u.goto && /* @__PURE__ */ r(
+    !s.goto && /* @__PURE__ */ r("span", { className: "peeek__label", children: n }),
+    s.bar && /* @__PURE__ */ r("div", { className: "peeek__scrubber", "aria-hidden": !0, children: /* @__PURE__ */ r("div", { className: "peeek__scrubber-fill", style: { width: `${a}%` } }) }),
+    s.goto && /* @__PURE__ */ r(
       "input",
       {
         className: "peeek__goto",
         type: "text",
         inputMode: "numeric",
         "aria-label": e.goToPage,
-        value: M,
-        onChange: (P) => z(P.target.value),
-        onBlur: B,
-        onKeyDown: (P) => {
-          P.key === "Enter" && (P.preventDefault(), B());
+        value: B,
+        onChange: (T) => F(T.target.value),
+        onBlur: M,
+        onKeyDown: (T) => {
+          T.key === "Enter" && (T.preventDefault(), M());
         }
       }
     ),
@@ -371,8 +368,8 @@ function vt(t) {
         type: "button",
         className: "peeek__btn",
         "aria-label": e.zoomOut,
-        disabled: i <= d,
-        onClick: D,
+        disabled: i <= u,
+        onClick: l,
         children: "−"
       }
     ),
@@ -381,11 +378,11 @@ function vt(t) {
       {
         type: "range",
         "aria-label": e.zoom,
-        min: d,
+        min: u,
         max: h,
         step: 0.25,
         value: i,
-        onChange: (P) => O(Number(P.target.value))
+        onChange: (T) => L(Number(T.target.value))
       }
     ),
     /* @__PURE__ */ r(
@@ -395,47 +392,36 @@ function vt(t) {
         className: "peeek__btn",
         "aria-label": e.zoomIn,
         disabled: i >= h,
-        onClick: l,
+        onClick: f,
         children: "+"
       }
     ),
-    u.rotate && /* @__PURE__ */ r(
+    s.rotate && /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         className: "peeek__btn",
         "aria-label": e.rotate,
-        onClick: R,
+        onClick: A,
         children: "⟳"
       }
     ),
-    u.layoutToggle && /* @__PURE__ */ r(
+    s.thumbnails && /* @__PURE__ */ r(
       "button",
       {
         type: "button",
-        className: "peeek__btn",
-        "aria-label": c === "single" ? e.doublePage : e.singlePage,
-        "aria-pressed": c === "double",
-        onClick: x,
-        children: c === "single" ? "▭" : "▥"
-      }
-    ),
-    u.thumbnails && /* @__PURE__ */ r(
-      "button",
-      {
-        type: "button",
-        className: `peeek__btn${w ? " peeek__btn--active" : ""}`,
+        className: `peeek__btn${d ? " peeek__btn--active" : ""}`,
         "aria-label": e.thumbnails,
-        "aria-pressed": w,
-        onClick: A,
+        "aria-pressed": d,
+        onClick: R,
         children: "▦"
       }
     ),
-    f && /* @__PURE__ */ r(
+    _ && /* @__PURE__ */ r(
       "a",
       {
         className: "peeek__btn",
-        href: f,
+        href: _,
         "aria-label": e.download,
         target: "_blank",
         rel: "noopener noreferrer",
@@ -443,157 +429,157 @@ function vt(t) {
         children: "↓"
       }
     ),
-    u.fullscreen && /* @__PURE__ */ r(
+    s.fullscreen && /* @__PURE__ */ r(
       "button",
       {
         type: "button",
-        className: `peeek__btn${_ ? " peeek__btn--active" : ""}`,
+        className: `peeek__btn${w ? " peeek__btn--active" : ""}`,
         "aria-label": e.fullscreen,
-        "aria-pressed": _,
-        onClick: Z,
+        "aria-pressed": w,
+        onClick: x,
         children: "⛶"
       }
     ),
-    u.about && /* @__PURE__ */ r(
+    s.about && /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         className: "peeek__btn",
         "aria-label": e.about,
-        onClick: j,
+        onClick: z,
         children: "?"
       }
     )
   ] });
 }
-function wt({ pages: t, layout: e, rtl: n, activePages: a, onJump: i }) {
-  const d = t.length, h = new Set(a), k = me(d, e);
-  return /* @__PURE__ */ r("div", { className: "peeek__thumbs", role: "group", "aria-label": "Pages", children: Array.from({ length: k }, (g, c) => {
-    const w = ge(c, d, e), _ = w.length === 2;
+function vt({ pages: t, layout: e, rtl: n, activePages: a, onJump: i }) {
+  const u = t.length, h = new Set(a), k = ge(u, e);
+  return /* @__PURE__ */ r("div", { className: "peeek__thumbs", role: "group", "aria-label": "Pages", children: Array.from({ length: k }, (g, d) => {
+    const w = fe(d, u, e), _ = w.length === 2;
     return /* @__PURE__ */ y("div", { className: "peeek__thumb-group", children: [
-      w.map((f, u) => {
+      w.map((s, f) => {
         let l = "";
-        return _ && (l = (n ? u === 1 : u === 0) ? " peeek__thumb--flat-right" : " peeek__thumb--flat-left"), /* @__PURE__ */ r(
+        return _ && (l = (n ? f === 1 : f === 0) ? " peeek__thumb--flat-right" : " peeek__thumb--flat-left"), /* @__PURE__ */ r(
           "button",
           {
             type: "button",
-            "aria-label": `Go to page ${f + 1}`,
-            "aria-current": h.has(f),
-            className: `peeek__thumb${h.has(f) ? " peeek__thumb--active" : ""}${l}`,
-            onClick: () => i(f),
-            children: /* @__PURE__ */ r("img", { src: t[f], alt: "", loading: "lazy", referrerPolicy: "no-referrer" })
+            "aria-label": `Go to page ${s + 1}`,
+            "aria-current": h.has(s),
+            className: `peeek__thumb${h.has(s) ? " peeek__thumb--active" : ""}${l}`,
+            onClick: () => i(s),
+            children: /* @__PURE__ */ r("img", { src: t[s], alt: "", loading: "lazy", referrerPolicy: "no-referrer" })
           },
-          f
+          s
         );
       }),
-      /* @__PURE__ */ r("span", { className: "peeek__thumb-badge", "aria-hidden": !0, children: w.map((f) => f + 1).join("-") })
-    ] }, c);
+      /* @__PURE__ */ r("span", { className: "peeek__thumb-badge", "aria-hidden": !0, children: w.map((s) => s + 1).join("-") })
+    ] }, d);
   }) });
 }
-const ee = 1, ae = 4, Te = 0.5;
-function Tt(t) {
+const ee = 1, ae = 4, we = 0.5;
+function wt(t) {
   const {
     pages: e,
     strings: n,
     layout: a,
     rtl: i,
-    pageShadows: d,
+    pageShadows: u,
     animateInteractions: h,
     autoTransition: k,
     autoTransitionInterval: g,
-    show: c,
+    show: d,
     downloadUrl: w,
     isFullscreen: _,
-    onToggleFullscreen: f,
-    onAbout: u
-  } = t, l = e.length, O = Ce() || !h, [F, R] = v(0), [x, A] = v(1), [Z, j] = v(!1), [M, z] = v({ x: 0, y: 0 }), [B, P] = v(!1), [X, m] = v(0), p = E(null), S = E(null), { layout: b, toggle: K } = _t(S, a), oe = me(l, b), [T, le] = v(null), [xe, pe] = v(!1), ie = E(null), [be, Se] = v(0.707);
-  C(() => {
+    onToggleFullscreen: s,
+    onAbout: f
+  } = t, l = e.length, O = Ce() || !h, [A, R] = v(0), [x, z] = v(1), [B, F] = v(!1), [M, T] = v({ x: 0, y: 0 }), [V, X] = v(!1), [K, m] = v(0), p = E(null), S = E(null), { layout: b } = kt(S, a), Z = ge(l, b), [N, oe] = v(null), [Ie, me] = v(!1), le = E(null), [pe, xe] = v(0.707);
+  P(() => {
     if (!e[0]) return;
     const o = new globalThis.Image();
     o.onload = () => {
-      o.naturalWidth && o.naturalHeight && Se(o.naturalWidth / o.naturalHeight);
+      o.naturalWidth && o.naturalHeight && xe(o.naturalWidth / o.naturalHeight);
     }, o.src = e[0];
   }, [e]);
-  const $ = ne(F, l, b), $e = $ <= 0, se = $ >= oe - 1, he = E(/* @__PURE__ */ new Set());
-  C(() => {
-    const o = [$ - 1, $ + 1, $ + 2].map((s) => ne(s, l, b)).flatMap((s) => ge(s, l, b)).filter((s) => s >= 0);
-    for (const s of o) {
-      const N = e[s];
-      if (!N || he.current.has(N)) continue;
-      he.current.add(N);
+  const $ = ne(A, l, b), Se = $ <= 0, ie = $ >= Z - 1, be = E(/* @__PURE__ */ new Set());
+  P(() => {
+    const o = [$ - 1, $ + 1, $ + 2].map((c) => ne(c, l, b)).flatMap((c) => fe(c, l, b)).filter((c) => c >= 0);
+    for (const c of o) {
+      const C = e[c];
+      if (!C || be.current.has(C)) continue;
+      be.current.add(C);
       const q = new globalThis.Image();
-      q.src = N;
+      q.src = C;
     }
   }, [$, l, b, e]);
-  const W = L(
+  const W = D(
     (o) => {
-      T || R((s) => {
-        const N = ne(s + o, l, b);
-        return N === s ? s : O ? N : (le({ dir: o, to: N }), s);
+      N || R((c) => {
+        const C = ne(c + o, l, b);
+        return C === c ? c : O ? C : (oe({ dir: o, to: C }), c);
       });
     },
-    [l, b, O, T]
-  ), ze = L((o) => {
-    o.target === ie.current && (o.propertyName && o.propertyName !== "transform" || le((s) => s && (R(s.to), pe(!0), requestAnimationFrame(
+    [l, b, O, N]
+  ), $e = D((o) => {
+    o.target === le.current && (o.propertyName && o.propertyName !== "transform" || oe((c) => c && (R(c.to), me(!0), requestAnimationFrame(
       () => requestAnimationFrame(() => {
-        le(null), pe(!1);
+        oe(null), me(!1);
       })
-    ), s)));
+    ), c)));
   }, []);
-  C(() => {
-    if (!T) return;
-    const o = ie.current;
+  P(() => {
+    if (!N) return;
+    const o = le.current;
     if (!o) return;
     o.style.transform = "rotateY(0deg)";
-    let s = 0;
-    const N = requestAnimationFrame(() => {
-      s = requestAnimationFrame(() => {
-        o.style.transform = `rotateY(${T.dir === 1 ? -180 : 180}deg)`;
+    let c = 0;
+    const C = requestAnimationFrame(() => {
+      c = requestAnimationFrame(() => {
+        o.style.transform = `rotateY(${N.dir === 1 ? -180 : 180}deg)`;
       });
     });
     return () => {
-      cancelAnimationFrame(N), cancelAnimationFrame(s);
+      cancelAnimationFrame(C), cancelAnimationFrame(c);
     };
-  }, [T]);
-  const ce = L(
+  }, [N]);
+  const se = D(
     (o) => {
-      R(ne(yt(o, b), l, b));
+      R(ne(_t(o, b), l, b));
     },
     [l, b]
-  ), { onKeyDown: Ae } = Pe({ go: W, jump: ce, total: l, rtl: i });
-  C(() => {
-    if (!k || se) return;
+  ), { onKeyDown: ze } = Te({ go: W, jump: se, total: l, rtl: i });
+  P(() => {
+    if (!k || ie) return;
     const o = setTimeout(() => W(1), g);
     return () => clearTimeout(o);
-  }, [k, g, se, $, W]);
-  const Fe = () => A((o) => Math.min(ae, o + Te)), Me = () => A((o) => Math.max(ee, o - Te)), Ee = () => {
-    T || A((o) => o > ee ? ee : ae);
-  }, Le = () => m((o) => (o + 90) % 360), De = X === 90 || X === 270 ? be : 1, ue = L((o, s, N) => {
+  }, [k, g, ie, $, W]);
+  const Ae = () => z((o) => Math.min(ae, o + we)), Fe = () => z((o) => Math.max(ee, o - we)), Me = () => {
+    N || z((o) => o > ee ? ee : ae);
+  }, Ee = () => m((o) => (o + 90) % 360), De = K === 90 || K === 270 ? pe : 1, ce = D((o, c, C) => {
     const q = S.current;
-    if (!q || N <= 1) return { x: 0, y: 0 };
-    const ye = (N - 1) * q.clientWidth / 2, ve = (N - 1) * q.clientHeight / 2;
-    return { x: Math.max(-ye, Math.min(ye, o)), y: Math.max(-ve, Math.min(ve, s)) };
+    if (!q || C <= 1) return { x: 0, y: 0 };
+    const _e = (C - 1) * q.clientWidth / 2, ye = (C - 1) * q.clientHeight / 2;
+    return { x: Math.max(-_e, Math.min(_e, o)), y: Math.max(-ye, Math.min(ye, c)) };
   }, []);
-  C(() => z((o) => ue(o.x, o.y, x)), [x, ue]), C(() => z({ x: 0, y: 0 }), [$]);
-  const Oe = (o) => {
-    var s, N;
-    x <= 1 || (p.current = { x: o.clientX, y: o.clientY, px: M.x, py: M.y }, P(!0), (N = (s = o.currentTarget).setPointerCapture) == null || N.call(s, o.pointerId));
-  }, Re = (o) => {
-    const s = p.current;
-    s && z(ue(s.px + (o.clientX - s.x), s.py + (o.clientY - s.y), x));
-  }, ke = (o) => {
+  P(() => T((o) => ce(o.x, o.y, x)), [x, ce]), P(() => T({ x: 0, y: 0 }), [$]);
+  const Le = (o) => {
+    var c, C;
+    x <= 1 || (p.current = { x: o.clientX, y: o.clientY, px: M.x, py: M.y }, X(!0), (C = (c = o.currentTarget).setPointerCapture) == null || C.call(c, o.pointerId));
+  }, Oe = (o) => {
+    const c = p.current;
+    c && T(ce(c.px + (o.clientX - c.x), c.py + (o.clientY - c.y), x));
+  }, he = (o) => {
     if (p.current) {
-      p.current = null, P(!1);
+      p.current = null, X(!1);
       try {
         o.currentTarget.releasePointerCapture(o.pointerId);
       } catch {
       }
     }
-  }, Y = ge($, l, b), te = Y[0] ?? 0, Be = b === "double" && Y.length === 2 ? `${Y[0] + 1} - ${Y[1] + 1} / ${l}` : `${te + 1} / ${l}`, Ue = oe <= 1 ? 100 : $ / (oe - 1) * 100, Ze = n.prev, He = n.next, Ge = T ? T.to : $, H = re(Ge, l, b), je = H.left < 0 && H.right >= 0, Ve = H.left >= 0 && H.right < 0, Xe = H.left >= 0 && H.right >= 0, Ke = je ? "-25%" : Ve ? "25%" : "0%", U = re($, l, b), V = T ? re(T.to, l, b) : U, We = T ? T.dir === 1 ? U.right >= 0 ? U.right : U.left : U.left >= 0 ? U.left : U.right : te, Ye = T ? T.dir === 1 ? V.left >= 0 ? V.left : V.right : V.right >= 0 ? V.right : V.left : te, qe = T ? T.dir === 1 ? "left" : "right" : null, _e = (o) => o === qe && !xe ? U[o] : H[o], Je = [
-    ["left", _e("left")],
-    ["right", _e("right")]
+  }, Y = fe($, l, b), te = Y[0] ?? 0, Re = b === "double" && Y.length === 2 ? `${Y[0] + 1} - ${Y[1] + 1} / ${l}` : `${te + 1} / ${l}`, Be = Z <= 1 ? 100 : $ / (Z - 1) * 100, Ue = n.prev, Ze = n.next, He = N ? N.to : $, H = re(He, l, b), Ge = H.left < 0 && H.right >= 0, je = H.left >= 0 && H.right < 0, Ve = H.left >= 0 && H.right >= 0, Xe = Ge ? "-25%" : je ? "25%" : "0%", U = re($, l, b), j = N ? re(N.to, l, b) : U, Ke = N ? N.dir === 1 ? U.right >= 0 ? U.right : U.left : U.left >= 0 ? U.left : U.right : te, We = N ? N.dir === 1 ? j.left >= 0 ? j.left : j.right : j.right >= 0 ? j.right : j.left : te, Ye = N ? N.dir === 1 ? "left" : "right" : null, ke = (o) => o === Ye && !Ie ? U[o] : H[o], qe = [
+    ["left", ke("left")],
+    ["right", ke("right")]
   ];
-  return /* @__PURE__ */ y(Qe, { children: [
+  return /* @__PURE__ */ y(Je, { children: [
     /* @__PURE__ */ y(
       "div",
       {
@@ -601,16 +587,16 @@ function Tt(t) {
         className: "peeek__stage",
         "data-layout": b,
         tabIndex: 0,
-        onKeyDown: Ae,
-        style: { "--peeek-aspect": `${be}` },
+        onKeyDown: ze,
+        style: { "--peeek-aspect": `${pe}` },
         children: [
-          c.arrows && /* @__PURE__ */ r(
+          d.arrows && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
               className: "peeek__arrow peeek__arrow--prev",
-              "aria-label": Ze,
-              disabled: $e,
+              "aria-label": Ue,
+              disabled: Se,
               onClick: () => W(-1),
               children: "‹"
             }
@@ -620,49 +606,49 @@ function Tt(t) {
             {
               className: `peeek__zoom${x > 1 ? " peeek__zoom--pannable" : ""}`,
               style: {
-                transform: `translate(${M.x}px, ${M.y}px) scale(${x * De}) rotate(${X}deg)`,
-                transition: O || B ? "none" : void 0
+                transform: `translate(${M.x}px, ${M.y}px) scale(${x * De}) rotate(${K}deg)`,
+                transition: O || V ? "none" : void 0
               },
-              onDoubleClick: Ee,
-              onPointerDown: Oe,
-              onPointerMove: Re,
-              onPointerUp: ke,
-              onPointerCancel: ke,
+              onDoubleClick: Me,
+              onPointerDown: Le,
+              onPointerMove: Oe,
+              onPointerUp: he,
+              onPointerCancel: he,
               children: /* @__PURE__ */ y(
                 "div",
                 {
-                  className: `peeek__spread${d ? " peeek--shadows" : ""}${Xe ? " peeek__spread--pair" : ""}`,
-                  style: { transform: `translateX(${Ke})` },
+                  className: `peeek__spread${u ? " peeek--shadows" : ""}${Ve ? " peeek__spread--pair" : ""}`,
+                  style: { transform: `translateX(${Xe})` },
                   children: [
-                    Je.map(([o, s]) => {
-                      const N = s >= 0 && c.fullscreen && !_ && !T && x === 1;
+                    qe.map(([o, c]) => {
+                      const C = c >= 0 && d.fullscreen && !_ && !N && x === 1;
                       return /* @__PURE__ */ r(
                         "div",
                         {
-                          className: `peeek__page peeek__page--${o}${s < 0 ? " peeek__page--empty" : ""}`,
-                          children: s >= 0 && (N ? /* @__PURE__ */ r(
+                          className: `peeek__page peeek__page--${o}${c < 0 ? " peeek__page--empty" : ""}`,
+                          children: c >= 0 && (C ? /* @__PURE__ */ r(
                             "button",
                             {
                               type: "button",
                               className: "peeek__page-btn",
                               "aria-label": n.openFullscreen,
-                              onClick: f,
-                              children: /* @__PURE__ */ r("img", { src: e[s], alt: `Page ${s + 1}`, referrerPolicy: "no-referrer" })
+                              onClick: s,
+                              children: /* @__PURE__ */ r("img", { src: e[c], alt: `Page ${c + 1}`, referrerPolicy: "no-referrer" })
                             }
-                          ) : /* @__PURE__ */ r("img", { src: e[s], alt: `Page ${s + 1}`, referrerPolicy: "no-referrer" }))
+                          ) : /* @__PURE__ */ r("img", { src: e[c], alt: `Page ${c + 1}`, referrerPolicy: "no-referrer" }))
                         },
                         o
                       );
                     }),
-                    T && /* @__PURE__ */ y(
+                    N && /* @__PURE__ */ y(
                       "div",
                       {
-                        ref: ie,
-                        className: `peeek__leaf peeek__leaf--${T.dir === 1 ? "fwd" : "back"}`,
-                        onTransitionEnd: ze,
+                        ref: le,
+                        className: `peeek__leaf peeek__leaf--${N.dir === 1 ? "fwd" : "back"}`,
+                        onTransitionEnd: $e,
                         children: [
-                          /* @__PURE__ */ r("div", { className: "peeek__leaf-face peeek__leaf-face--front", children: /* @__PURE__ */ r("img", { src: e[We], alt: "", referrerPolicy: "no-referrer" }) }),
-                          /* @__PURE__ */ r("div", { className: "peeek__leaf-face peeek__leaf-face--back", children: /* @__PURE__ */ r("img", { src: e[Ye], alt: "", referrerPolicy: "no-referrer" }) })
+                          /* @__PURE__ */ r("div", { className: "peeek__leaf-face peeek__leaf-face--front", children: /* @__PURE__ */ r("img", { src: e[Ke], alt: "", referrerPolicy: "no-referrer" }) }),
+                          /* @__PURE__ */ r("div", { className: "peeek__leaf-face peeek__leaf-face--back", children: /* @__PURE__ */ r("img", { src: e[We], alt: "", referrerPolicy: "no-referrer" }) })
                         ]
                       }
                     )
@@ -671,13 +657,13 @@ function Tt(t) {
               )
             }
           ),
-          c.arrows && /* @__PURE__ */ r(
+          d.arrows && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
               className: "peeek__arrow peeek__arrow--next",
-              "aria-label": He,
-              disabled: se,
+              "aria-label": Ze,
+              disabled: ie,
               onClick: () => W(1),
               children: "›"
             }
@@ -685,42 +671,39 @@ function Tt(t) {
         ]
       }
     ),
-    c.toolbar && /* @__PURE__ */ r(
-      vt,
+    d.toolbar && /* @__PURE__ */ r(
+      yt,
       {
         strings: n,
-        label: Be,
-        progress: Ue,
+        label: Re,
+        progress: Be,
         zoom: x,
         minZoom: ee,
         maxZoom: ae,
         total: l,
         currentPage: te + 1,
-        layout: b,
-        thumbsOpen: Z,
+        thumbsOpen: B,
         isFullscreen: _,
         downloadUrl: w,
         show: {
-          bar: c.bar,
-          fullscreen: c.fullscreen,
-          thumbnails: c.thumbnails && c.overview,
-          about: c.about,
-          goto: c.goto,
-          rotate: c.rotate,
-          layoutToggle: c.layoutToggle
+          bar: d.bar,
+          fullscreen: d.fullscreen,
+          thumbnails: d.thumbnails && d.overview,
+          about: d.about,
+          goto: d.goto,
+          rotate: d.rotate
         },
-        onZoomIn: Fe,
-        onZoomOut: Me,
-        onZoomSet: (o) => A(Math.min(ae, Math.max(ee, o))),
-        onJump: ce,
-        onRotate: Le,
-        onToggleLayout: K,
-        onToggleThumbs: () => j((o) => !o),
-        onToggleFullscreen: f,
-        onAbout: u
+        onZoomIn: Ae,
+        onZoomOut: Fe,
+        onZoomSet: (o) => z(Math.min(ae, Math.max(ee, o))),
+        onJump: se,
+        onRotate: Ee,
+        onToggleThumbs: () => F((o) => !o),
+        onToggleFullscreen: s,
+        onAbout: f
       }
     ),
-    c.overview && Z && /* @__PURE__ */ r(wt, { pages: e, layout: b, rtl: i, activePages: Y, onJump: ce })
+    d.overview && B && /* @__PURE__ */ r(vt, { pages: e, layout: b, rtl: i, activePages: Y, onJump: se })
   ] });
 }
 function Nt(t, e) {
@@ -740,83 +723,83 @@ function Ct(t, e) {
     opacity: 0.55
   };
 }
-function Pt(t) {
+function Tt(t) {
   const {
     pages: e,
     strings: n,
     filename: a,
     mimeType: i,
-    rtl: d,
+    rtl: u,
     autoTransition: h,
     autoTransitionInterval: k,
     downloadUrl: g,
-    isFullscreen: c,
+    isFullscreen: d,
     onToggleFullscreen: w,
     onAbout: _,
-    show: f
-  } = t, u = e.length, [l, D] = v(0), O = Ce(), F = L(
-    (m) => D((p) => Math.max(0, Math.min(u - 1, p + m))),
-    [u]
-  ), R = L(
-    (m) => D(Math.max(0, Math.min(u - 1, m))),
-    [u]
-  ), x = l <= 0, A = l >= u - 1, Z = E(/* @__PURE__ */ new Set());
-  C(() => {
+    show: s
+  } = t, f = e.length, [l, L] = v(0), O = Ce(), A = D(
+    (m) => L((p) => Math.max(0, Math.min(f - 1, p + m))),
+    [f]
+  ), R = D(
+    (m) => L(Math.max(0, Math.min(f - 1, m))),
+    [f]
+  ), x = l <= 0, z = l >= f - 1, B = E(/* @__PURE__ */ new Set());
+  P(() => {
     for (const m of [l - 2, l - 1, l + 1, l + 2]) {
-      const p = m >= 0 && m < u ? e[m] : void 0;
-      if (!p || Z.current.has(p)) continue;
-      Z.current.add(p);
+      const p = m >= 0 && m < f ? e[m] : void 0;
+      if (!p || B.current.has(p)) continue;
+      B.current.add(p);
       const S = new globalThis.Image();
       S.src = p;
     }
-  }, [l, u, e]);
-  const j = E([]);
-  C(() => {
+  }, [l, f, e]);
+  const F = E([]);
+  P(() => {
     var m, p;
-    (p = (m = j.current[l]) == null ? void 0 : m.scrollIntoView) == null || p.call(m, { behavior: "smooth", inline: "center", block: "nearest" });
-  }, [l]), C(() => {
-    if (!h || O || A) return;
-    const m = setTimeout(() => F(1), k);
+    (p = (m = F.current[l]) == null ? void 0 : m.scrollIntoView) == null || p.call(m, { behavior: "smooth", inline: "center", block: "nearest" });
+  }, [l]), P(() => {
+    if (!h || O || z) return;
+    const m = setTimeout(() => A(1), k);
     return () => clearTimeout(m);
-  }, [h, k, O, A, l, F]);
-  const { onKeyDown: M } = Pe({ go: F, jump: R, total: u, rtl: d }), [z, B] = v(String(l + 1));
-  C(() => B(String(l + 1)), [l]);
-  const P = () => {
-    const m = Ie(z, u);
+  }, [h, k, O, z, l, A]);
+  const { onKeyDown: M } = Te({ go: A, jump: R, total: f, rtl: u }), [T, V] = v(String(l + 1));
+  P(() => V(String(l + 1)), [l]);
+  const X = () => {
+    const m = Pe(T, f);
     if (m === null) {
-      B(String(l + 1));
+      V(String(l + 1));
       return;
     }
     R(m);
-  }, X = Nt(a, i);
+  }, K = Nt(a, i);
   return /* @__PURE__ */ y("div", { className: "peeek__cf", children: [
     /* @__PURE__ */ y("div", { className: "peeek__cf-header", children: [
-      /* @__PURE__ */ r("span", { className: "peeek__cf-badge", children: X }),
+      /* @__PURE__ */ r("span", { className: "peeek__cf-badge", children: K }),
       /* @__PURE__ */ y("div", { className: "peeek__cf-meta", children: [
         /* @__PURE__ */ r("span", { className: "peeek__cf-name", children: a }),
         /* @__PURE__ */ y("span", { className: "peeek__cf-count", children: [
-          u,
+          f,
           " ",
-          u === 1 ? n.page : n.pages
+          f === 1 ? n.page : n.pages
         ] })
       ] }),
       /* @__PURE__ */ y("span", { className: "peeek__cf-indicator", children: [
         l + 1,
         " / ",
-        u
+        f
       ] }),
-      f.goto && /* @__PURE__ */ r(
+      s.goto && /* @__PURE__ */ r(
         "input",
         {
           className: "peeek__goto",
           type: "text",
           inputMode: "numeric",
           "aria-label": n.goToPage,
-          value: z,
-          onChange: (m) => B(m.target.value),
-          onBlur: P,
+          value: T,
+          onChange: (m) => V(m.target.value),
+          onBlur: X,
           onKeyDown: (m) => {
-            m.key === "Enter" && (m.preventDefault(), P());
+            m.key === "Enter" && (m.preventDefault(), X());
           }
         }
       ),
@@ -832,18 +815,18 @@ function Pt(t) {
           children: "↓"
         }
       ),
-      f.fullscreen && /* @__PURE__ */ r(
+      s.fullscreen && /* @__PURE__ */ r(
         "button",
         {
           type: "button",
-          className: `peeek__btn${c ? " peeek__btn--active" : ""}`,
+          className: `peeek__btn${d ? " peeek__btn--active" : ""}`,
           "aria-label": n.fullscreen,
-          "aria-pressed": c,
+          "aria-pressed": d,
           onClick: w,
           children: "⛶"
         }
       ),
-      f.about && /* @__PURE__ */ r(
+      s.about && /* @__PURE__ */ r(
         "button",
         {
           type: "button",
@@ -861,62 +844,62 @@ function Pt(t) {
         tabIndex: 0,
         onKeyDown: M,
         children: [
-          f.arrows && /* @__PURE__ */ r(
+          s.arrows && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
               className: "peeek__arrow peeek__arrow--prev",
               "aria-label": n.prev,
               disabled: x,
-              onClick: () => F(-1),
+              onClick: () => A(-1),
               children: "‹"
             }
           ),
           e.map((m, p) => {
             const S = p - l;
             if (Math.abs(S) > 1) return null;
-            const b = S === 0, K = b && f.fullscreen;
+            const b = S === 0, Z = b && s.fullscreen;
             return /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
-                className: `peeek__cf-card${b ? " peeek__cf-card--center" : ""}${K ? " peeek__cf-card--zoom" : ""}`,
-                style: Ct(S, d),
+                className: `peeek__cf-card${b ? " peeek__cf-card--center" : ""}${Z ? " peeek__cf-card--zoom" : ""}`,
+                style: Ct(S, u),
                 tabIndex: b ? 0 : -1,
-                "aria-label": K ? n.openFullscreen : `Go to page ${p + 1}`,
-                onClick: () => K ? w() : D(p),
+                "aria-label": Z ? n.openFullscreen : `Go to page ${p + 1}`,
+                onClick: () => Z ? w() : L(p),
                 children: /* @__PURE__ */ r("img", { src: m, alt: b ? `Page ${p + 1}` : "", referrerPolicy: "no-referrer" })
               },
               p
             );
           }),
-          f.arrows && /* @__PURE__ */ r(
+          s.arrows && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
               className: "peeek__arrow peeek__arrow--next",
               "aria-label": n.next,
-              disabled: A,
-              onClick: () => F(1),
+              disabled: z,
+              onClick: () => A(1),
               children: "›"
             }
           )
         ]
       }
     ),
-    f.thumbnails && /* @__PURE__ */ r("div", { className: "peeek__cf-thumbs", role: "group", "aria-label": "Pages", children: e.map((m, p) => {
+    s.thumbnails && /* @__PURE__ */ r("div", { className: "peeek__cf-thumbs", role: "group", "aria-label": "Pages", children: e.map((m, p) => {
       const S = p === l;
       return /* @__PURE__ */ y(
         "button",
         {
           ref: (b) => {
-            j.current[p] = b;
+            F.current[p] = b;
           },
           type: "button",
           className: `peeek__cf-thumb${S ? " peeek__cf-thumb--active" : ""}`,
           "aria-label": `Go to page ${p + 1}`,
           "aria-current": S ? "page" : void 0,
-          onClick: () => D(p),
+          onClick: () => L(p),
           children: [
             /* @__PURE__ */ r("img", { src: m, alt: "", loading: "lazy", referrerPolicy: "no-referrer" }),
             /* @__PURE__ */ r("span", { className: "peeek__cf-thumb-num", children: String(p + 1).padStart(2, "0") })
@@ -927,12 +910,12 @@ function Pt(t) {
     }) })
   ] });
 }
-function It({ logo: t, logoLink: e }) {
+function Pt({ logo: t, logoLink: e }) {
   if (!t) return null;
   const n = /* @__PURE__ */ r("img", { src: t, alt: "Logo", loading: "lazy", referrerPolicy: "no-referrer" });
   return /* @__PURE__ */ r("div", { className: "peeek__branding", children: e ? /* @__PURE__ */ r("a", { href: e, target: "_blank", rel: "noopener noreferrer", children: n }) : n });
 }
-const xt = [
+const It = [
   { top: "12%", left: "10%", size: 3, v: "A", dur: 13, delay: 0 },
   { top: "22%", left: "82%", size: 2, v: "B", dur: 16, delay: 2 },
   { top: "40%", left: "16%", size: 2, v: "C", dur: 12, delay: 1 },
@@ -946,12 +929,12 @@ const xt = [
   { top: "16%", left: "50%", size: 2, v: "B", dur: 14, delay: 3 },
   { top: "62%", left: "34%", size: 2, v: "C", dur: 12, delay: 2 }
 ];
-function St({ strings: t, onClose: e }) {
+function xt({ strings: t, onClose: e }) {
   const n = E(null);
-  return C(() => {
+  return P(() => {
     var a;
     (a = n.current) == null || a.focus();
-  }, []), C(() => {
+  }, []), P(() => {
     const a = (i) => {
       i.key === "Escape" && e();
     };
@@ -965,7 +948,7 @@ function St({ strings: t, onClose: e }) {
       className: "peeek__about",
       onClick: (a) => a.stopPropagation(),
       children: [
-        /* @__PURE__ */ r("span", { className: "peeek__about-particles", "aria-hidden": "true", children: xt.map((a, i) => /* @__PURE__ */ r(
+        /* @__PURE__ */ r("span", { className: "peeek__about-particles", "aria-hidden": "true", children: It.map((a, i) => /* @__PURE__ */ r(
           "span",
           {
             className: "peeek__about-particle",
@@ -1027,7 +1010,7 @@ function St({ strings: t, onClose: e }) {
           /* @__PURE__ */ r("div", { className: "peeek__about-tagline", children: t.aboutTagline }),
           /* @__PURE__ */ y("div", { className: "peeek__about-version", children: [
             "v",
-            "0.4.8"
+            "0.4.10"
           ] }),
           /* @__PURE__ */ r("p", { className: "peeek__about-desc", children: t.aboutDescription }),
           /* @__PURE__ */ r(
@@ -1045,14 +1028,14 @@ function St({ strings: t, onClose: e }) {
     }
   ) });
 }
-function Ft(t) {
-  const e = gt(t), n = dt(e.language), a = E(null), { isFullscreen: i, toggle: d } = ht(a), [h, k] = v(!1), g = t.pages !== void 0, c = et(
-    () => g ? pt(t.pages, { filename: t.filename, mimeType: t.mimeType }) : null,
+function At(t) {
+  const e = ft(t), n = ut(e.language), a = E(null), { isFullscreen: i, toggle: u } = bt(a), [h, k] = v(!1), g = t.pages !== void 0, d = Qe(
+    () => g ? mt(t.pages, { filename: t.filename, mimeType: t.mimeType }) : null,
     [g, t.pages, t.filename, t.mimeType]
-  ), w = bt(g ? null : e.src, e.pollInterval), _ = g ? c : w.manifest, f = g ? c ? "ready" : "loading" : w.state, u = {
+  ), w = pt(g ? null : e.src, e.pollInterval), _ = g ? d : w.manifest, s = g ? d ? "ready" : "loading" : w.state, f = {
     "--peeek-accent": e.accentColor
   };
-  e.background === "transparent" ? u["--peeek-bg"] = "transparent" : e.background === "color" && e.backgroundColor ? u["--peeek-bg"] = e.backgroundColor : e.background === "image" && e.backgroundImage && (u["--peeek-bg"] = `center / cover no-repeat url("${e.backgroundImage}")`);
+  e.background === "transparent" ? f["--peeek-bg"] = "transparent" : e.background === "color" && e.backgroundColor ? f["--peeek-bg"] = e.backgroundColor : e.background === "image" && e.backgroundImage && (f["--peeek-bg"] = `center / cover no-repeat url("${e.backgroundImage}")`);
   const l = {
     toolbar: e.navigationControls,
     bar: e.navigationBar,
@@ -1062,8 +1045,7 @@ function Ft(t) {
     overview: e.pagesOverview,
     about: e.aboutButton,
     goto: e.goToPage,
-    rotate: e.rotateControl,
-    layoutToggle: e.layoutToggle
+    rotate: e.rotateControl
   };
   return /* @__PURE__ */ y(
     "div",
@@ -1073,16 +1055,16 @@ function Ft(t) {
       "data-skin": e.skin,
       "data-layout": e.layout,
       dir: e.rtl ? "rtl" : void 0,
-      style: u,
+      style: f,
       children: [
-        /* @__PURE__ */ r(It, { logo: e.logo, logoLink: e.logoLink }),
-        f === "loading" && /* @__PURE__ */ y("div", { className: "peeek__state", style: e.loadingColor ? { color: e.loadingColor } : void 0, children: [
+        /* @__PURE__ */ r(Pt, { logo: e.logo, logoLink: e.logoLink }),
+        s === "loading" && /* @__PURE__ */ y("div", { className: "peeek__state", style: e.loadingColor ? { color: e.loadingColor } : void 0, children: [
           e.loadingImage && /* @__PURE__ */ r("img", { className: "peeek__state-img", src: e.loadingImage, alt: "", referrerPolicy: "no-referrer" }),
           /* @__PURE__ */ r("span", { children: e.loadingCaption ?? n.loading })
         ] }),
-        f === "error" && /* @__PURE__ */ r("div", { className: "peeek__state", children: n.error }),
-        f === "ready" && _ && e.mode === "coverflow" && /* @__PURE__ */ r(
-          Pt,
+        s === "error" && /* @__PURE__ */ r("div", { className: "peeek__state", children: n.error }),
+        s === "ready" && _ && e.mode === "coverflow" && /* @__PURE__ */ r(
+          Tt,
           {
             pages: _.pages,
             strings: n,
@@ -1093,13 +1075,13 @@ function Ft(t) {
             autoTransitionInterval: e.autoTransitionInterval,
             downloadUrl: e.downloadUrl,
             isFullscreen: i,
-            onToggleFullscreen: d,
+            onToggleFullscreen: u,
             onAbout: () => k(!0),
             show: { arrows: e.arrows, thumbnails: e.pagesOverview, fullscreen: e.fullscreen, about: e.aboutButton, goto: e.goToPage }
           }
         ),
-        f === "ready" && _ && e.mode === "flip" && /* @__PURE__ */ r(
-          Tt,
+        s === "ready" && _ && e.mode === "flip" && /* @__PURE__ */ r(
+          wt,
           {
             pages: _.pages,
             strings: n,
@@ -1112,15 +1094,15 @@ function Ft(t) {
             show: l,
             downloadUrl: e.downloadUrl,
             isFullscreen: i,
-            onToggleFullscreen: d,
+            onToggleFullscreen: u,
             onAbout: () => k(!0)
           }
         ),
-        h && /* @__PURE__ */ r(St, { strings: n, onClose: () => k(!1) })
+        h && /* @__PURE__ */ r(xt, { strings: n, onClose: () => k(!1) })
       ]
     }
   );
 }
 export {
-  Ft as PeeekViewer
+  At as PeeekViewer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@peeekpage/viewer",
-  "version": "0.4.8",
+  "version": "0.4.10",
   "description": "PeeekViewer: embeddable document viewer (flip and coverflow) for peeek.page.",
   "type": "module",
   "license": "MIT",