@peeekpage/viewer 0.4.2 → 0.4.4

package/dist/index.js

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

package/package.json

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