@peeekpage/viewer 0.3.19 → 0.4.0

package/dist/index.js

@@ -1,34 +1,34 @@
-import { jsxs as h, jsx as a, Fragment as Ze } from "react/jsx-runtime";
-import { useState as w, useRef as O, useEffect as T, useCallback as S, useMemo as Ue } from "react";
-const je = /* @__PURE__ */ new Set(["http:", "https:"]);
-function D(t) {
+import { jsxs as h, jsx as a, Fragment as ne } from "react/jsx-runtime";
+import { useState as y, useRef as H, useEffect as T, useCallback as D, useMemo as tt } from "react";
+const nt = /* @__PURE__ */ new Set(["http:", "https:"]);
+function V(t) {
   if (typeof t != "string") return null;
   const e = t.trim();
   if (e === "" || e.includes(" ")) return null;
   const n = typeof window < "u" ? window.location.href : void 0;
-  let r;
+  let o;
   try {
-    r = new URL(e, n);
+    o = new URL(e, n);
   } catch {
     return null;
   }
-  return je.has(r.protocol) ? r.href : null;
+  return nt.has(o.protocol) ? o.href : null;
 }
-const He = /^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/, Ve = /^rgba?\([ \t]*\d{1,3}[ \t]*,[ \t]*\d{1,3}[ \t]*,[ \t]*\d{1,3}[ \t]*(?:,[ \t]*(?:0|1|0?\.\d+)[ \t]*)?\)$/;
+const at = /^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/, ot = /^rgba?\([ \t]*\d{1,3}[ \t]*,[ \t]*\d{1,3}[ \t]*,[ \t]*\d{1,3}[ \t]*(?:,[ \t]*(?:0|1|0?\.\d+)[ \t]*)?\)$/;
 function ge(t) {
   if (typeof t != "string") return null;
   const e = t.trim();
-  return He.test(e) || Ve.test(e) ? e : null;
+  return at.test(e) || ot.test(e) ? e : null;
 }
-const Xe = /url\(|image\(|image-set\(|element\(|expression|@|\/\*|;|\{|\}|<|>|\\/i, Ge = /^(repeating-)?(linear|radial|conic)-gradient\([a-z0-9#.,%()\/\s-]*\)$/i, Ye = /^hsla?\([a-z0-9.,%\/\s-]*\)$/i;
-function We(t) {
+const rt = /url\(|image\(|image-set\(|element\(|expression|@|\/\*|;|\{|\}|<|>|\\/i, lt = /^(repeating-)?(linear|radial|conic)-gradient\([a-z0-9#.,%()\/\s-]*\)$/i, it = /^hsla?\([a-z0-9.,%\/\s-]*\)$/i;
+function st(t) {
   if (typeof t != "string") return null;
   const e = t.trim();
-  if (e === "" || Xe.test(e)) return null;
+  if (e === "" || rt.test(e)) return null;
   const n = ge(e);
-  return n !== null ? n : Ye.test(e) || Ge.test(e) ? e : null;
+  return n !== null ? n : it.test(e) || lt.test(e) ? e : null;
 }
-const qe = ["en", "pt-BR"], pe = {
+const ct = ["en", "pt-BR"], Pe = {
   prev: "Previous page",
   next: "Next page",
   zoom: "Zoom level",
@@ -45,8 +45,12 @@ const qe = ["en", "pt-BR"], pe = {
   about: "About",
   aboutTagline: "Embeddable document viewer by Peeek Page",
   aboutDescription: "Peeek Viewer shows document pages that live in your own storage, so your files stay yours.",
-  aboutClose: "Close"
-}, Ke = {
+  aboutClose: "Close",
+  goToPage: "Go to page",
+  rotate: "Rotate page",
+  singlePage: "Single page",
+  doublePage: "Two pages"
+}, ut = {
   prev: "Página anterior",
   next: "Próxima página",
   zoom: "Nível de zoom",
@@ -63,88 +67,99 @@ const qe = ["en", "pt-BR"], pe = {
   about: "Sobre",
   aboutTagline: "Visualizador de documentos incorporável do Peeek Page",
   aboutDescription: "O Peeek Viewer exibe as páginas de documentos que ficam no seu próprio armazenamento, então seus arquivos continuam seus.",
-  aboutClose: "Fechar"
-}, Je = { en: pe, "pt-BR": Ke };
-function Qe(t) {
-  return Je[t] ?? pe;
+  aboutClose: "Fechar",
+  goToPage: "Ir para a página",
+  rotate: "Girar página",
+  singlePage: "Página única",
+  doublePage: "Duas páginas"
+}, dt = { en: Pe, "pt-BR": ut };
+function gt(t) {
+  return dt[t] ?? Pe;
 }
-const et = "#6E79D6";
-function I(t, e) {
+const ft = "#6E79D6";
+function P(t, e) {
   return typeof t == "boolean" ? t : e;
 }
-function H(t, e, n) {
+function q(t, e, n) {
   return e.includes(t) ? t : n;
 }
-function tt(t) {
+function mt(t) {
   return {
     src: typeof t.src == "string" ? t.src : "",
-    mode: H(t.mode, ["flip", "coverflow"], "flip"),
-    logo: D(t.logo),
-    logoLink: D(t.logoLink),
-    accentColor: ge(t.accentColor) ?? et,
-    background: H(t.background, ["color", "image", "transparent"], "color"),
-    backgroundColor: We(t.backgroundColor),
-    backgroundImage: D(t.backgroundImage),
-    layout: H(t.layout, ["single", "double"], "double"),
-    fillHeight: I(t.fillHeight, !1),
-    pageShadows: I(t.pageShadows, !0),
-    rtl: I(t.rtl, !1),
-    animateInteractions: I(t.animateInteractions, !0),
-    skin: H(t.skin, ["classic", "minimal", "showcase"], "classic"),
-    language: H(t.language, qe, "en"),
-    autoTransition: I(t.autoTransition, !1),
+    mode: q(t.mode, ["flip", "coverflow"], "flip"),
+    logo: V(t.logo),
+    logoLink: V(t.logoLink),
+    accentColor: ge(t.accentColor) ?? ft,
+    background: q(t.background, ["color", "image", "transparent"], "color"),
+    backgroundColor: st(t.backgroundColor),
+    backgroundImage: V(t.backgroundImage),
+    layout: q(t.layout, ["single", "double"], "double"),
+    fillHeight: P(t.fillHeight, !1),
+    pageShadows: P(t.pageShadows, !0),
+    rtl: P(t.rtl, !1),
+    animateInteractions: P(t.animateInteractions, !0),
+    skin: q(t.skin, ["classic", "minimal", "showcase"], "classic"),
+    language: q(t.language, ct, "en"),
+    autoTransition: P(t.autoTransition, !1),
     autoTransitionInterval: typeof t.autoTransitionInterval == "number" && t.autoTransitionInterval > 0 ? t.autoTransitionInterval : 5e3,
-    navigationControls: I(t.navigationControls, !0),
-    fullscreen: I(t.fullscreen, !0),
-    arrows: I(t.arrows, !0),
-    navigationBar: I(t.navigationBar, !0),
-    pagesOverview: I(t.pagesOverview, !0),
-    downloadUrl: D(t.downloadUrl),
-    aboutButton: I(t.aboutButton, !0),
+    navigationControls: P(t.navigationControls, !0),
+    fullscreen: P(t.fullscreen, !0),
+    arrows: P(t.arrows, !0),
+    navigationBar: P(t.navigationBar, !0),
+    pagesOverview: P(t.pagesOverview, !0),
+    downloadUrl: V(t.downloadUrl),
+    aboutButton: P(t.aboutButton, !0),
+    goToPage: P(t.goToPage, !0),
+    rotateControl: P(t.rotateControl, !0),
+    layoutToggle: P(t.layoutToggle, !0),
+    pageCurl: P(t.pageCurl, !0),
+    loadingImage: V(t.loadingImage),
+    loadingCaption: typeof t.loadingCaption == "string" && t.loadingCaption.length > 0 ? t.loadingCaption : null,
+    loadingColor: ge(t.loadingColor),
     pollInterval: typeof t.pollInterval == "number" && t.pollInterval > 0 ? t.pollInterval : 2e3,
     className: typeof t.className == "string" ? t.className : ""
   };
 }
-const re = 5e3;
-function V(t) {
+const fe = 5e3;
+function J(t) {
   return typeof t == "string" ? t : "";
 }
-function nt(t) {
+function pt(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 > re)
+  if (e.pages.length > fe)
     return { ok: !1, error: "manifest.pages exceeds the maximum" };
-  const n = e.total_pages, r = typeof n == "number" && Number.isFinite(n) && n >= 0 ? n : e.pages.length;
-  if (r > re)
+  const n = e.total_pages, o = typeof n == "number" && Number.isFinite(n) && n >= 0 ? n : e.pages.length;
+  if (o > fe)
     return { ok: !1, error: "manifest.total_pages exceeds the maximum" };
   const l = [];
-  for (const d of e.pages) {
-    if (d === null || typeof d != "object") continue;
-    const i = D(d.url);
+  for (const g of e.pages) {
+    if (g === null || typeof g != "object") continue;
+    const i = V(g.url);
     i && l.push(i);
   }
   if (l.length === 0)
     return { ok: !1, error: "manifest has no usable pages" };
   const c = e.status === "wip" ? "wip" : "done", p = e.metadata && typeof e.metadata == "object" ? e.metadata : {}, b = {
-    fileId: V(p.file_id),
-    filename: V(p.filename),
-    creationDate: V(p.creation_date),
-    fileSize: V(p.file_size),
-    mimeType: V(p.mime_type)
+    fileId: J(p.file_id),
+    filename: J(p.filename),
+    creationDate: J(p.creation_date),
+    fileSize: J(p.file_size),
+    mimeType: J(p.mime_type)
   };
   return {
     ok: !0,
-    value: { status: c, totalPages: r, pages: l, metadata: b }
+    value: { status: c, totalPages: o, pages: l, metadata: b }
   };
 }
-function rt(t, e) {
-  if (!Array.isArray(t) || t.length > re) return null;
+function bt(t, e) {
+  if (!Array.isArray(t) || t.length > fe) return null;
   const n = [];
   for (const l of t) {
-    const c = D(l);
+    const c = V(l);
     c && n.push(c);
   }
   return n.length === 0 ? null : {
@@ -160,14 +175,14 @@ function rt(t, e) {
     }
   };
 }
-function at(t, e) {
-  const [n, r] = w("loading"), [l, c] = w(null), [p, b] = w(null), d = O(null);
+function ht(t, e) {
+  const [n, o] = y("loading"), [l, c] = y(null), [p, b] = y(null), g = H(null);
   return T(() => {
     let i = !1;
-    if (r("loading"), c(null), b(null), !t) return;
-    const _ = () => {
-      d.current !== null && (clearTimeout(d.current), d.current = null);
-    }, k = async () => {
+    if (o("loading"), c(null), b(null), !t) return;
+    const k = () => {
+      g.current !== null && (clearTimeout(g.current), g.current = null);
+    }, _ = async () => {
       let u;
       try {
         const s = await fetch(t);
@@ -175,29 +190,29 @@ function at(t, e) {
         u = await s.json();
       } catch (s) {
         if (i) return;
-        b(s instanceof Error ? s.message : "fetch failed"), r("error");
+        b(s instanceof Error ? s.message : "fetch failed"), o("error");
         return;
       }
       if (i) return;
-      const f = nt(u);
-      if (!f.ok) {
-        b(f.error), r("error");
+      const d = pt(u);
+      if (!d.ok) {
+        b(d.error), o("error");
         return;
       }
-      c(f.value), r("ready"), f.value.status === "wip" && (d.current = setTimeout(k, e));
+      c(d.value), o("ready"), d.value.status === "wip" && (g.current = setTimeout(_, e));
     };
-    return k(), () => {
-      i = !0, _();
+    return _(), () => {
+      i = !0, k();
     };
   }, [t, e]), { state: n, manifest: l, error: p };
 }
-function ot(t) {
-  const [e, n] = w(!1);
+function _t(t) {
+  const [e, n] = y(!1);
   T(() => {
     const l = () => n(document.fullscreenElement != null);
     return document.addEventListener("fullscreenchange", l), () => document.removeEventListener("fullscreenchange", l);
   }, []);
-  const r = S(async () => {
+  const o = D(async () => {
     const l = t.current;
     if (l)
       try {
@@ -205,66 +220,152 @@ function ot(t) {
       } catch {
       }
   }, [t]);
-  return { isFullscreen: e, toggle: r };
+  return { isFullscreen: e, toggle: o };
 }
-const fe = "(prefers-reduced-motion: reduce)";
-function be() {
-  const [t, e] = w(() => {
+const Te = "(prefers-reduced-motion: reduce)";
+function xe() {
+  const [t, e] = y(() => {
     var n;
-    return ((n = matchMedia == null ? void 0 : matchMedia(fe)) == null ? void 0 : n.matches) ?? !1;
+    return ((n = matchMedia == null ? void 0 : matchMedia(Te)) == null ? void 0 : n.matches) ?? !1;
   });
   return T(() => {
-    const n = typeof matchMedia == "function" ? matchMedia(fe) : void 0;
+    const n = typeof matchMedia == "function" ? matchMedia(Te) : void 0;
     if (!(n != null && n.addEventListener)) return;
-    const r = () => e(n.matches);
-    return n.addEventListener("change", r), () => n.removeEventListener("change", r);
+    const o = () => e(n.matches);
+    return n.addEventListener("change", o), () => n.removeEventListener("change", o);
   }, []), t;
 }
-function ae(t, e) {
+function Ie({ go: t, jump: e, total: n, rtl: o }) {
+  return { onKeyDown: D(
+    (c) => {
+      switch (c.key) {
+        case "ArrowRight":
+          t(o ? -1 : 1);
+          break;
+        case "ArrowLeft":
+          t(o ? 1 : -1);
+          break;
+        case "Home":
+          c.preventDefault(), n > 0 && e(0);
+          break;
+        case "End":
+          c.preventDefault(), n > 0 && e(n - 1);
+          break;
+        case " ":
+        case "Spacebar":
+          c.preventDefault(), t(c.shiftKey ? -1 : 1);
+          break;
+        case "PageDown":
+          c.preventDefault(), t(1);
+          break;
+        case "PageUp":
+          c.preventDefault(), t(-1);
+          break;
+      }
+    },
+    [t, e, n, o]
+  ) };
+}
+function ze(t, e) {
+  if (e <= 0) return null;
+  const n = t.trim();
+  if (!/^\d+$/.test(n)) return null;
+  const o = Number(n);
+  return Number.isFinite(o) ? Math.max(1, Math.min(e, o)) - 1 : null;
+}
+const kt = 640;
+function yt(t, e) {
+  const [n, o] = y("auto"), [l, c] = y(null);
+  T(() => {
+    const i = t.current;
+    if (!i || (i.clientWidth > 0 && c(i.clientWidth), typeof ResizeObserver > "u")) return;
+    const k = new ResizeObserver((_) => {
+      var d;
+      const u = (d = _[0]) == null ? void 0 : d.contentRect.width;
+      typeof u == "number" && u > 0 && c(u);
+    });
+    return k.observe(i), () => k.disconnect();
+  }, [t]);
+  const p = l != null && l < kt ? "single" : e, b = n === "auto" ? p : n, g = D(() => {
+    o(b === "single" ? "double" : "single");
+  }, [b]);
+  return { layout: b, toggle: g };
+}
+function me(t, e) {
   return t <= 0 ? 0 : e === "single" ? t : 1 + Math.ceil((t - 1) / 2);
 }
-function lt(t, e) {
+function vt(t, e) {
   return e === "single" ? t : t <= 0 ? 0 : Math.floor((t - 1) / 2) + 1;
 }
-function Y(t, e, n) {
+function re(t, e, n) {
   if (e <= 0) return { left: -1, right: -1 };
   if (n === "single")
     return { left: -1, right: t >= 0 && t < e ? t : -1 };
   if (t <= 0)
     return { left: -1, right: 0 };
-  const r = 2 * t - 1, l = 2 * t;
-  return { left: r < e ? r : -1, right: l < e ? l : -1 };
+  const o = 2 * t - 1, l = 2 * t;
+  return { left: o < e ? o : -1, right: l < e ? l : -1 };
 }
-function he(t, e, n) {
-  const { left: r, right: l } = Y(t, e, n), c = [];
-  return r >= 0 && c.push(r), l >= 0 && c.push(l), c;
+function Ae(t, e, n) {
+  const { left: o, right: l } = re(t, e, n), c = [];
+  return o >= 0 && c.push(o), l >= 0 && c.push(l), c;
 }
-function ee(t, e, n) {
-  const r = ae(e, n) - 1;
-  return t < 0 ? 0 : t > r ? r : t;
+function de(t, e, n) {
+  const o = me(e, n) - 1;
+  return t < 0 ? 0 : t > o ? o : t;
 }
-function st(t) {
+function wt(t) {
   const {
     strings: e,
     label: n,
-    progress: r,
+    progress: o,
     zoom: l,
     minZoom: c,
     maxZoom: p,
-    thumbsOpen: b,
-    isFullscreen: d,
-    downloadUrl: i,
-    show: _,
-    onZoomIn: k,
-    onZoomOut: u,
-    onZoomSet: f,
-    onToggleThumbs: s,
-    onToggleFullscreen: z,
-    onAbout: Z
-  } = t;
+    total: b,
+    currentPage: g,
+    layout: i,
+    thumbsOpen: k,
+    isFullscreen: _,
+    downloadUrl: u,
+    show: d,
+    onZoomIn: s,
+    onZoomOut: O,
+    onZoomSet: z,
+    onJump: F,
+    onRotate: R,
+    onToggleLayout: I,
+    onToggleThumbs: $,
+    onToggleFullscreen: X,
+    onAbout: W
+  } = t, [S, A] = y(String(g));
+  T(() => A(String(g)), [g]);
+  const G = () => {
+    const C = ze(S, b);
+    if (C === null) {
+      A(String(g));
+      return;
+    }
+    F(C), A(String(C + 1));
+  };
   return /* @__PURE__ */ h("div", { className: "peeek__toolbar", children: [
     /* @__PURE__ */ a("span", { className: "peeek__label", children: n }),
-    _.bar && /* @__PURE__ */ a("div", { className: "peeek__scrubber", "aria-hidden": !0, children: /* @__PURE__ */ a("div", { className: "peeek__scrubber-fill", style: { width: `${r}%` } }) }),
+    d.bar && /* @__PURE__ */ a("div", { className: "peeek__scrubber", "aria-hidden": !0, children: /* @__PURE__ */ a("div", { className: "peeek__scrubber-fill", style: { width: `${o}%` } }) }),
+    d.goto && /* @__PURE__ */ a(
+      "input",
+      {
+        className: "peeek__goto",
+        type: "text",
+        inputMode: "numeric",
+        "aria-label": e.goToPage,
+        value: S,
+        onChange: (C) => A(C.target.value),
+        onBlur: G,
+        onKeyDown: (C) => {
+          C.key === "Enter" && (C.preventDefault(), G());
+        }
+      }
+    ),
     /* @__PURE__ */ a(
       "button",
       {
@@ -272,7 +373,7 @@ function st(t) {
         className: "peeek__btn",
         "aria-label": e.zoomOut,
         disabled: l <= c,
-        onClick: u,
+        onClick: O,
         children: "−"
       }
     ),
@@ -285,7 +386,7 @@ function st(t) {
         max: p,
         step: 0.25,
         value: l,
-        onChange: (N) => f(Number(N.target.value))
+        onChange: (C) => z(Number(C.target.value))
       }
     ),
     /* @__PURE__ */ a(
@@ -295,26 +396,47 @@ function st(t) {
         className: "peeek__btn",
         "aria-label": e.zoomIn,
         disabled: l >= p,
-        onClick: k,
+        onClick: s,
         children: "+"
       }
     ),
-    _.thumbnails && /* @__PURE__ */ a(
+    d.rotate && /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        className: `peeek__btn${b ? " peeek__btn--active" : ""}`,
+        className: "peeek__btn",
+        "aria-label": e.rotate,
+        onClick: R,
+        children: "⟳"
+      }
+    ),
+    d.layoutToggle && /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: "peeek__btn",
+        "aria-label": i === "single" ? e.doublePage : e.singlePage,
+        "aria-pressed": i === "double",
+        onClick: I,
+        children: i === "single" ? "▭" : "▥"
+      }
+    ),
+    d.thumbnails && /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: `peeek__btn${k ? " peeek__btn--active" : ""}`,
         "aria-label": e.thumbnails,
-        "aria-pressed": b,
-        onClick: s,
+        "aria-pressed": k,
+        onClick: $,
         children: "▦"
       }
     ),
-    i && /* @__PURE__ */ a(
+    u && /* @__PURE__ */ a(
       "a",
       {
         className: "peeek__btn",
-        href: i,
+        href: u,
         "aria-label": e.download,
         target: "_blank",
         rel: "noopener noreferrer",
@@ -322,37 +444,37 @@ function st(t) {
         children: "↓"
       }
     ),
-    _.fullscreen && /* @__PURE__ */ a(
+    d.fullscreen && /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        className: `peeek__btn${d ? " peeek__btn--active" : ""}`,
+        className: `peeek__btn${_ ? " peeek__btn--active" : ""}`,
         "aria-label": e.fullscreen,
-        "aria-pressed": d,
-        onClick: z,
+        "aria-pressed": _,
+        onClick: X,
         children: "⛶"
       }
     ),
-    _.about && /* @__PURE__ */ a(
+    d.about && /* @__PURE__ */ a(
       "button",
       {
         type: "button",
         className: "peeek__btn",
         "aria-label": e.about,
-        onClick: Z,
+        onClick: W,
         children: "?"
       }
     )
   ] });
 }
-function it({ pages: t, layout: e, rtl: n, activePages: r, onJump: l }) {
-  const c = t.length, p = new Set(r), b = ae(c, e);
-  return /* @__PURE__ */ a("div", { className: "peeek__thumbs", role: "group", "aria-label": "Pages", children: Array.from({ length: b }, (d, i) => {
-    const _ = he(i, c, e), k = _.length === 2;
+function Tt({ pages: t, layout: e, rtl: n, activePages: o, onJump: l }) {
+  const c = t.length, p = new Set(o), b = me(c, e);
+  return /* @__PURE__ */ a("div", { className: "peeek__thumbs", role: "group", "aria-label": "Pages", children: Array.from({ length: b }, (g, i) => {
+    const k = Ae(i, c, e), _ = k.length === 2;
     return /* @__PURE__ */ h("div", { className: "peeek__thumb-group", children: [
-      _.map((u, f) => {
+      k.map((u, d) => {
         let s = "";
-        return k && (s = (n ? f === 1 : f === 0) ? " peeek__thumb--flat-right" : " peeek__thumb--flat-left"), /* @__PURE__ */ a(
+        return _ && (s = (n ? d === 1 : d === 0) ? " peeek__thumb--flat-right" : " peeek__thumb--flat-left"), /* @__PURE__ */ a(
           "button",
           {
             type: "button",
@@ -365,145 +487,177 @@ function it({ pages: t, layout: e, rtl: n, activePages: r, onJump: l }) {
           u
         );
       }),
-      /* @__PURE__ */ a("span", { className: "peeek__thumb-badge", "aria-hidden": !0, children: _.map((u) => u + 1).join("-") })
+      /* @__PURE__ */ a("span", { className: "peeek__thumb-badge", "aria-hidden": !0, children: k.map((u) => u + 1).join("-") })
     ] }, i);
   }) });
 }
-const te = 1, ne = 2, me = 0.25;
-function ct(t) {
+const Ce = 20, Ct = 88, Nt = 150;
+function ae({ corner: t, pointer: e, instant: n, onActivate: o }) {
+  const l = H(null), [c, p] = y(0);
+  T(() => {
+    if (!e) {
+      p(0);
+      return;
+    }
+    const g = l.current;
+    if (!g) return;
+    const i = g.getBoundingClientRect(), k = t === "tr" || t === "br" ? i.right : i.left, _ = t === "tr" || t === "tl" ? i.top : i.bottom, u = Math.hypot(e.x - k, e.y - _);
+    p(Math.max(0, Math.min(1, 1 - u / Nt)));
+  }, [e, t]);
+  const b = Ce + c * (Ct - Ce);
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      ref: l,
+      type: "button",
+      className: `peeek__curl peeek__curl--${t}`,
+      "aria-hidden": !0,
+      tabIndex: -1,
+      onClick: o,
+      style: {
+        "--peeek-curl": `${b}px`,
+        transition: n ? "none" : void 0
+      }
+    }
+  );
+}
+const Q = 1, oe = 2, Ne = 0.25;
+function Pt(t) {
   const {
     pages: e,
     strings: n,
-    layout: r,
+    layout: o,
     rtl: l,
     pageShadows: c,
     animateInteractions: p,
     autoTransition: b,
-    autoTransitionInterval: d,
+    autoTransitionInterval: g,
     show: i,
-    downloadUrl: _,
-    isFullscreen: k,
+    downloadUrl: k,
+    isFullscreen: _,
     onToggleFullscreen: u,
-    onAbout: f
-  } = t, s = e.length, z = ae(s, r), N = be() || !p, [W, M] = w(0), [C, U] = w(1), [X, v] = w(!1), [g, P] = w({ x: 0, y: 0 }), [A, R] = w(!1), G = O(null), oe = O(null), [y, le] = w(null), se = O(null), [_e, ke] = w(0.707);
+    onAbout: d
+  } = t, s = e.length, z = xe() || !p, [F, R] = y(0), [I, $] = y(1), [X, W] = y(!1), [S, A] = y({ x: 0, y: 0 }), [G, C] = y(!1), [f, w] = y(0), [M, E] = y(null), B = H(null), le = H(null), { layout: N, toggle: Me } = yt(le, o), ie = me(s, N), [v, pe] = y(null), be = H(null), [he, $e] = y(0.707);
   T(() => {
     if (!e[0]) return;
-    const o = new globalThis.Image();
-    o.onload = () => {
-      o.naturalWidth && o.naturalHeight && ke(o.naturalWidth / o.naturalHeight);
-    }, o.src = e[0];
+    const r = new globalThis.Image();
+    r.onload = () => {
+      r.naturalWidth && r.naturalHeight && $e(r.naturalWidth / r.naturalHeight);
+    }, r.src = e[0];
   }, [e]);
-  const $ = ee(W, s, r), ye = $ <= 0, q = $ >= z - 1, E = S(
-    (o) => {
-      y || M((m) => {
-        const x = ee(m + o, s, r);
-        return x === m ? m : N ? x : (le({ dir: o, to: x }), m);
+  const U = de(F, s, N), _e = U <= 0, ee = U >= ie - 1, L = D(
+    (r) => {
+      v || R((m) => {
+        const x = de(m + r, s, N);
+        return x === m ? m : z ? x : (pe({ dir: r, to: x }), m);
       });
     },
-    [s, r, N, y]
-  ), ve = S(() => {
-    le((o) => (o && M(o.to), null));
+    [s, N, z, v]
+  ), Se = D(() => {
+    pe((r) => (r && R(r.to), null));
   }, []);
   T(() => {
-    if (!y) return;
-    const o = se.current;
-    if (!o) return;
-    o.style.transform = "rotateY(0deg)";
+    if (!v) return;
+    const r = be.current;
+    if (!r) return;
+    r.style.transform = "rotateY(0deg)";
     let m = 0;
     const x = requestAnimationFrame(() => {
       m = requestAnimationFrame(() => {
-        o.style.transform = `rotateY(${y.dir === 1 ? -180 : 180}deg)`;
+        r.style.transform = `rotateY(${v.dir === 1 ? -180 : 180}deg)`;
       });
     });
     return () => {
       cancelAnimationFrame(x), cancelAnimationFrame(m);
     };
-  }, [y]);
-  const we = S(
-    (o) => {
-      M(ee(lt(o, r), s, r));
-    },
-    [s, r]
-  ), Ne = S(
-    (o) => {
-      o.key === "ArrowRight" ? E(l ? -1 : 1) : o.key === "ArrowLeft" && E(l ? 1 : -1);
+  }, [v]);
+  const se = D(
+    (r) => {
+      R(de(vt(r, N), s, N));
     },
-    [E, l]
-  );
+    [s, N]
+  ), { onKeyDown: Fe } = Ie({ go: L, jump: se, total: s, rtl: l });
   T(() => {
-    if (!b || q) return;
-    const o = setTimeout(() => E(1), d);
-    return () => clearTimeout(o);
-  }, [b, d, q, $, E]);
-  const Te = () => U((o) => Math.min(ne, o + me)), Ce = () => U((o) => Math.max(te, o - me)), K = S((o, m, x) => {
-    const Q = oe.current;
-    if (!Q || x <= 1) return { x: 0, y: 0 };
-    const ue = (x - 1) * Q.clientWidth / 2, de = (x - 1) * Q.clientHeight / 2;
-    return { x: Math.max(-ue, Math.min(ue, o)), y: Math.max(-de, Math.min(de, m)) };
+    if (!b || ee) return;
+    const r = setTimeout(() => L(1), g);
+    return () => clearTimeout(r);
+  }, [b, g, ee, U, L]);
+  const Ee = () => $((r) => Math.min(oe, r + Ne)), Le = () => $((r) => Math.max(Q, r - Ne)), De = () => {
+    v || $((r) => r > Q ? Q : oe);
+  }, Oe = () => w((r) => (r + 90) % 360), Re = f === 90 || f === 270 ? he : 1, ce = D((r, m, x) => {
+    const ue = le.current;
+    if (!ue || x <= 1) return { x: 0, y: 0 };
+    const ve = (x - 1) * ue.clientWidth / 2, we = (x - 1) * ue.clientHeight / 2;
+    return { x: Math.max(-ve, Math.min(ve, r)), y: Math.max(-we, Math.min(we, m)) };
   }, []);
-  T(() => P((o) => K(o.x, o.y, C)), [C, K]), T(() => P({ x: 0, y: 0 }), [$]);
-  const xe = (o) => {
-    C <= 1 || (G.current = { x: o.clientX, y: o.clientY, px: g.x, py: g.y }, R(!0), o.currentTarget.setPointerCapture(o.pointerId));
-  }, Ie = (o) => {
-    const m = G.current;
-    m && P(K(m.px + (o.clientX - m.x), m.py + (o.clientY - m.y), C));
-  }, ie = (o) => {
-    if (G.current) {
-      G.current = null, R(!1);
+  T(() => A((r) => ce(r.x, r.y, I)), [I, ce]), T(() => A({ x: 0, y: 0 }), [U]);
+  const Be = (r) => {
+    var m, x;
+    I <= 1 || (B.current = { x: r.clientX, y: r.clientY, px: S.x, py: S.y }, C(!0), (x = (m = r.currentTarget).setPointerCapture) == null || x.call(m, r.pointerId));
+  }, Ue = (r) => {
+    const m = B.current;
+    m && A(ce(m.px + (r.clientX - m.x), m.py + (r.clientY - m.y), I));
+  }, ke = (r) => {
+    if (B.current) {
+      B.current = null, C(!1);
       try {
-        o.currentTarget.releasePointerCapture(o.pointerId);
+        r.currentTarget.releasePointerCapture(r.pointerId);
       } catch {
       }
     }
-  }, j = he($, s, r), J = j[0] ?? 0, ze = r === "double" && j.length === 2 ? `${j[0] + 1} - ${j[1] + 1} / ${s}` : `${J + 1} / ${s}`, Pe = z <= 1 ? 100 : $ / (z - 1) * 100, Ae = n.prev, $e = n.next, Fe = y ? y.to : $, L = Y(Fe, s, r), Se = L.left < 0 && L.right >= 0, Me = L.left >= 0 && L.right < 0, Ee = L.left >= 0 && L.right >= 0, Le = Se ? "-25%" : Me ? "25%" : "0%", F = Y($, s, r), B = y ? Y(y.to, s, r) : F, Oe = y ? y.dir === 1 ? F.right >= 0 ? F.right : F.left : F.left >= 0 ? F.left : F.right : J, Re = y ? y.dir === 1 ? B.left >= 0 ? B.left : B.right : B.right >= 0 ? B.right : B.left : J, Be = y ? y.dir === 1 ? "left" : "right" : null, ce = (o) => o === Be ? F[o] : L[o], De = [
-    ["left", ce("left")],
-    ["right", ce("right")]
+  }, Y = Ae(U, s, N), te = Y[0] ?? 0, Ze = N === "double" && Y.length === 2 ? `${Y[0] + 1} - ${Y[1] + 1} / ${s}` : `${te + 1} / ${s}`, He = ie <= 1 ? 100 : U / (ie - 1) * 100, Xe = n.prev, Ge = n.next, je = v ? v.to : U, j = re(je, s, N), Ve = j.left < 0 && j.right >= 0, Ke = j.left >= 0 && j.right < 0, We = j.left >= 0 && j.right >= 0, Ye = Ve ? "-25%" : Ke ? "25%" : "0%", Z = re(U, s, N), K = v ? re(v.to, s, N) : Z, qe = v ? v.dir === 1 ? Z.right >= 0 ? Z.right : Z.left : Z.left >= 0 ? Z.left : Z.right : te, Je = v ? v.dir === 1 ? K.left >= 0 ? K.left : K.right : K.right >= 0 ? K.right : K.left : te, Qe = v ? v.dir === 1 ? "left" : "right" : null, ye = (r) => r === Qe ? Z[r] : j[r], et = [
+    ["left", ye("left")],
+    ["right", ye("right")]
   ];
-  return /* @__PURE__ */ h(Ze, { children: [
+  return /* @__PURE__ */ h(ne, { children: [
     /* @__PURE__ */ h(
       "div",
       {
-        ref: oe,
+        ref: le,
         className: "peeek__stage",
+        "data-layout": N,
         tabIndex: 0,
-        onKeyDown: Ne,
-        style: { "--peeek-aspect": `${_e}` },
+        onKeyDown: Fe,
+        onPointerMove: (r) => E({ x: r.clientX, y: r.clientY }),
+        onPointerLeave: () => E(null),
+        style: { "--peeek-aspect": `${he}` },
         children: [
           i.arrows && /* @__PURE__ */ a(
             "button",
             {
               type: "button",
               className: "peeek__arrow peeek__arrow--prev",
-              "aria-label": Ae,
-              disabled: ye,
-              onClick: () => E(-1),
+              "aria-label": Xe,
+              disabled: _e,
+              onClick: () => L(-1),
               children: "‹"
             }
           ),
           /* @__PURE__ */ a(
             "div",
             {
-              className: `peeek__zoom${C > 1 ? " peeek__zoom--pannable" : ""}`,
+              className: `peeek__zoom${I > 1 ? " peeek__zoom--pannable" : ""}`,
               style: {
-                transform: `translate(${g.x}px, ${g.y}px) scale(${C})`,
-                transition: N || A ? "none" : void 0
+                transform: `translate(${S.x}px, ${S.y}px) scale(${I * Re}) rotate(${f}deg)`,
+                transition: z || G ? "none" : void 0
               },
-              onPointerDown: xe,
-              onPointerMove: Ie,
-              onPointerUp: ie,
-              onPointerCancel: ie,
+              onDoubleClick: De,
+              onPointerDown: Be,
+              onPointerMove: Ue,
+              onPointerUp: ke,
+              onPointerCancel: ke,
               children: /* @__PURE__ */ h(
                 "div",
                 {
-                  className: `peeek__spread${c ? " peeek--shadows" : ""}${Ee ? " peeek__spread--pair" : ""}`,
-                  style: { transform: `translateX(${Le})` },
+                  className: `peeek__spread${c ? " peeek--shadows" : ""}${We ? " peeek__spread--pair" : ""}`,
+                  style: { transform: `translateX(${Ye})` },
                   children: [
-                    De.map(([o, m]) => {
-                      const x = m >= 0 && i.fullscreen && !k && !y && C === 1;
+                    et.map(([r, m]) => {
+                      const x = m >= 0 && i.fullscreen && !_ && !v && I === 1;
                       return /* @__PURE__ */ a(
                         "div",
                         {
-                          className: `peeek__page peeek__page--${o}${m < 0 ? " peeek__page--empty" : ""}`,
+                          className: `peeek__page peeek__page--${r}${m < 0 ? " peeek__page--empty" : ""}`,
                           children: m >= 0 && (x ? /* @__PURE__ */ a(
                             "button",
                             {
@@ -515,21 +669,31 @@ function ct(t) {
                             }
                           ) : /* @__PURE__ */ a("img", { src: e[m], alt: `Page ${m + 1}`, loading: "lazy", referrerPolicy: "no-referrer" }))
                         },
-                        o
+                        r
                       );
                     }),
-                    y && /* @__PURE__ */ h(
+                    v && /* @__PURE__ */ h(
                       "div",
                       {
-                        ref: se,
-                        className: `peeek__leaf peeek__leaf--${y.dir === 1 ? "fwd" : "back"}`,
-                        onTransitionEnd: ve,
+                        ref: be,
+                        className: `peeek__leaf peeek__leaf--${v.dir === 1 ? "fwd" : "back"}`,
+                        onTransitionEnd: Se,
                         children: [
-                          /* @__PURE__ */ a("div", { className: "peeek__leaf-face peeek__leaf-face--front", children: /* @__PURE__ */ a("img", { src: e[Oe], alt: "", referrerPolicy: "no-referrer" }) }),
-                          /* @__PURE__ */ a("div", { className: "peeek__leaf-face peeek__leaf-face--back", children: /* @__PURE__ */ a("img", { src: e[Re], alt: "", referrerPolicy: "no-referrer" }) })
+                          /* @__PURE__ */ a("div", { className: "peeek__leaf-face peeek__leaf-face--front", children: /* @__PURE__ */ a("img", { src: e[qe], alt: "", referrerPolicy: "no-referrer" }) }),
+                          /* @__PURE__ */ a("div", { className: "peeek__leaf-face peeek__leaf-face--back", children: /* @__PURE__ */ a("img", { src: e[Je], alt: "", referrerPolicy: "no-referrer" }) })
                         ]
                       }
-                    )
+                    ),
+                    i.curl && I === 1 && !v && /* @__PURE__ */ h(ne, { children: [
+                      !ee && /* @__PURE__ */ h(ne, { children: [
+                        /* @__PURE__ */ a(ae, { corner: "tr", pointer: M, instant: z, onActivate: () => L(1) }),
+                        /* @__PURE__ */ a(ae, { corner: "br", pointer: M, instant: z, onActivate: () => L(1) })
+                      ] }),
+                      !_e && /* @__PURE__ */ h(ne, { children: [
+                        /* @__PURE__ */ a(ae, { corner: "tl", pointer: M, instant: z, onActivate: () => L(-1) }),
+                        /* @__PURE__ */ a(ae, { corner: "bl", pointer: M, instant: z, onActivate: () => L(-1) })
+                      ] })
+                    ] })
                   ]
                 }
               )
@@ -540,9 +704,9 @@ function ct(t) {
             {
               type: "button",
               className: "peeek__arrow peeek__arrow--next",
-              "aria-label": $e,
-              disabled: q,
-              onClick: () => E(1),
+              "aria-label": Ge,
+              disabled: ee,
+              onClick: () => L(1),
               children: "›"
             }
           )
@@ -550,99 +714,135 @@ function ct(t) {
       }
     ),
     i.toolbar && /* @__PURE__ */ a(
-      st,
+      wt,
       {
         strings: n,
-        label: ze,
-        progress: Pe,
-        zoom: C,
-        minZoom: te,
-        maxZoom: ne,
+        label: Ze,
+        progress: He,
+        zoom: I,
+        minZoom: Q,
+        maxZoom: oe,
+        total: s,
+        currentPage: te + 1,
+        layout: N,
         thumbsOpen: X,
-        isFullscreen: k,
-        downloadUrl: _,
-        show: { bar: i.bar, fullscreen: i.fullscreen, thumbnails: i.thumbnails && i.overview, about: i.about },
-        onZoomIn: Te,
-        onZoomOut: Ce,
-        onZoomSet: (o) => U(Math.min(ne, Math.max(te, o))),
-        onToggleThumbs: () => v((o) => !o),
+        isFullscreen: _,
+        downloadUrl: k,
+        show: {
+          bar: i.bar,
+          fullscreen: i.fullscreen,
+          thumbnails: i.thumbnails && i.overview,
+          about: i.about,
+          goto: i.goto,
+          rotate: i.rotate,
+          layoutToggle: i.layoutToggle
+        },
+        onZoomIn: Ee,
+        onZoomOut: Le,
+        onZoomSet: (r) => $(Math.min(oe, Math.max(Q, r))),
+        onJump: se,
+        onRotate: Oe,
+        onToggleLayout: Me,
+        onToggleThumbs: () => W((r) => !r),
         onToggleFullscreen: u,
-        onAbout: f
+        onAbout: d
       }
     ),
-    i.overview && X && /* @__PURE__ */ a(it, { pages: e, layout: r, rtl: l, activePages: j, onJump: we })
+    i.overview && X && /* @__PURE__ */ a(Tt, { pages: e, layout: N, rtl: l, activePages: Y, onJump: se })
   ] });
 }
-function ut(t, e) {
+function xt(t, e) {
   const n = e.toLowerCase();
   if (n.includes("pdf")) return "PDF";
   if (n.includes("wordprocessingml")) return "DOCX";
   if (n.includes("msword")) return "DOC";
-  const r = t.toLowerCase().split(".").pop() ?? "";
-  return r ? r.toUpperCase().slice(0, 4) : "FILE";
+  const o = t.toLowerCase().split(".").pop() ?? "";
+  return o ? o.toUpperCase().slice(0, 4) : "FILE";
 }
-function dt(t, e) {
+function It(t, e) {
   if (t === 0) return { transform: "translateX(0) scale(1)", zIndex: 30, opacity: 1 };
-  const n = t < 0 ? -1 : 1, r = e ? -1 : 1;
+  const n = t < 0 ? -1 : 1, o = e ? -1 : 1;
   return {
-    transform: `translateX(${r * n * 62}%) scale(0.82) rotateY(${-r * n * 28}deg)`,
+    transform: `translateX(${o * n * 62}%) scale(0.82) rotateY(${-o * n * 28}deg)`,
     zIndex: 20 - Math.abs(t),
     opacity: 0.55
   };
 }
-function ft(t) {
+function zt(t) {
   const {
     pages: e,
     strings: n,
-    filename: r,
+    filename: o,
     mimeType: l,
     rtl: c,
     autoTransition: p,
     autoTransitionInterval: b,
-    downloadUrl: d,
+    downloadUrl: g,
     isFullscreen: i,
-    onToggleFullscreen: _,
-    onAbout: k,
+    onToggleFullscreen: k,
+    onAbout: _,
     show: u
-  } = t, f = e.length, [s, z] = w(0), Z = be(), N = S(
-    (v) => z((g) => Math.max(0, Math.min(f - 1, g + v))),
-    [f]
-  ), W = s <= 0, M = s >= f - 1, C = O([]);
+  } = t, d = e.length, [s, O] = y(0), z = xe(), F = D(
+    (f) => O((w) => Math.max(0, Math.min(d - 1, w + f))),
+    [d]
+  ), R = D(
+    (f) => O(Math.max(0, Math.min(d - 1, f))),
+    [d]
+  ), I = s <= 0, $ = s >= d - 1, X = H([]);
   T(() => {
-    var v, g;
-    (g = (v = C.current[s]) == null ? void 0 : v.scrollIntoView) == null || g.call(v, { behavior: "smooth", inline: "center", block: "nearest" });
+    var f, w;
+    (w = (f = X.current[s]) == null ? void 0 : f.scrollIntoView) == null || w.call(f, { behavior: "smooth", inline: "center", block: "nearest" });
   }, [s]), T(() => {
-    if (!p || Z || M) return;
-    const v = setTimeout(() => N(1), b);
-    return () => clearTimeout(v);
-  }, [p, b, Z, M, s, N]);
-  const U = S(
-    (v) => {
-      v.key === "ArrowRight" ? N(c ? -1 : 1) : v.key === "ArrowLeft" && N(c ? 1 : -1);
-    },
-    [N, c]
-  ), X = ut(r, l);
+    if (!p || z || $) return;
+    const f = setTimeout(() => F(1), b);
+    return () => clearTimeout(f);
+  }, [p, b, z, $, s, F]);
+  const { onKeyDown: W } = Ie({ go: F, jump: R, total: d, rtl: c }), [S, A] = y(String(s + 1));
+  T(() => A(String(s + 1)), [s]);
+  const G = () => {
+    const f = ze(S, d);
+    if (f === null) {
+      A(String(s + 1));
+      return;
+    }
+    R(f);
+  }, C = xt(o, l);
   return /* @__PURE__ */ h("div", { className: "peeek__cf", children: [
     /* @__PURE__ */ h("div", { className: "peeek__cf-header", children: [
-      /* @__PURE__ */ a("span", { className: "peeek__cf-badge", children: X }),
+      /* @__PURE__ */ a("span", { className: "peeek__cf-badge", children: C }),
       /* @__PURE__ */ h("div", { className: "peeek__cf-meta", children: [
-        /* @__PURE__ */ a("span", { className: "peeek__cf-name", children: r }),
+        /* @__PURE__ */ a("span", { className: "peeek__cf-name", children: o }),
         /* @__PURE__ */ h("span", { className: "peeek__cf-count", children: [
-          f,
+          d,
           " ",
-          f === 1 ? n.page : n.pages
+          d === 1 ? n.page : n.pages
         ] })
       ] }),
       /* @__PURE__ */ h("span", { className: "peeek__cf-indicator", children: [
         s + 1,
         " / ",
-        f
+        d
       ] }),
-      d && /* @__PURE__ */ a(
+      u.goto && /* @__PURE__ */ a(
+        "input",
+        {
+          className: "peeek__goto",
+          type: "text",
+          inputMode: "numeric",
+          "aria-label": n.goToPage,
+          value: S,
+          onChange: (f) => A(f.target.value),
+          onBlur: G,
+          onKeyDown: (f) => {
+            f.key === "Enter" && (f.preventDefault(), G());
+          }
+        }
+      ),
+      g && /* @__PURE__ */ a(
         "a",
         {
           className: "peeek__btn",
-          href: d,
+          href: g,
           "aria-label": n.download,
           target: "_blank",
           rel: "noopener noreferrer",
@@ -657,7 +857,7 @@ function ft(t) {
           className: `peeek__btn${i ? " peeek__btn--active" : ""}`,
           "aria-label": n.fullscreen,
           "aria-pressed": i,
-          onClick: _,
+          onClick: k,
           children: "⛶"
         }
       ),
@@ -667,7 +867,7 @@ function ft(t) {
           type: "button",
           className: "peeek__btn",
           "aria-label": n.about,
-          onClick: k,
+          onClick: _,
           children: "?"
         }
       )
@@ -677,7 +877,7 @@ function ft(t) {
       {
         className: "peeek__cf-stage",
         tabIndex: 0,
-        onKeyDown: U,
+        onKeyDown: W,
         children: [
           u.arrows && /* @__PURE__ */ a(
             "button",
@@ -685,27 +885,27 @@ function ft(t) {
               type: "button",
               className: "peeek__arrow peeek__arrow--prev",
               "aria-label": n.prev,
-              disabled: W,
-              onClick: () => N(-1),
+              disabled: I,
+              onClick: () => F(-1),
               children: "‹"
             }
           ),
-          e.map((v, g) => {
-            const P = g - s;
-            if (Math.abs(P) > 1) return null;
-            const A = P === 0, R = A && u.fullscreen;
+          e.map((f, w) => {
+            const M = w - s;
+            if (Math.abs(M) > 1) return null;
+            const E = M === 0, B = E && u.fullscreen;
             return /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
-                className: `peeek__cf-card${A ? " peeek__cf-card--center" : ""}${R ? " peeek__cf-card--zoom" : ""}`,
-                style: dt(P, c),
-                tabIndex: A ? 0 : -1,
-                "aria-label": R ? n.openFullscreen : `Go to page ${g + 1}`,
-                onClick: () => R ? _() : z(g),
-                children: /* @__PURE__ */ a("img", { src: v, alt: A ? `Page ${g + 1}` : "", loading: "lazy", referrerPolicy: "no-referrer" })
+                className: `peeek__cf-card${E ? " peeek__cf-card--center" : ""}${B ? " peeek__cf-card--zoom" : ""}`,
+                style: It(M, c),
+                tabIndex: E ? 0 : -1,
+                "aria-label": B ? n.openFullscreen : `Go to page ${w + 1}`,
+                onClick: () => B ? k() : O(w),
+                children: /* @__PURE__ */ a("img", { src: f, alt: E ? `Page ${w + 1}` : "", loading: "lazy", referrerPolicy: "no-referrer" })
               },
-              g
+              w
             );
           }),
           u.arrows && /* @__PURE__ */ a(
@@ -714,43 +914,43 @@ function ft(t) {
               type: "button",
               className: "peeek__arrow peeek__arrow--next",
               "aria-label": n.next,
-              disabled: M,
-              onClick: () => N(1),
+              disabled: $,
+              onClick: () => F(1),
               children: "›"
             }
           )
         ]
       }
     ),
-    u.thumbnails && /* @__PURE__ */ a("div", { className: "peeek__cf-thumbs", role: "group", "aria-label": "Pages", children: e.map((v, g) => {
-      const P = g === s;
+    u.thumbnails && /* @__PURE__ */ a("div", { className: "peeek__cf-thumbs", role: "group", "aria-label": "Pages", children: e.map((f, w) => {
+      const M = w === s;
       return /* @__PURE__ */ h(
         "button",
         {
-          ref: (A) => {
-            C.current[g] = A;
+          ref: (E) => {
+            X.current[w] = E;
           },
           type: "button",
-          className: `peeek__cf-thumb${P ? " peeek__cf-thumb--active" : ""}`,
-          "aria-label": `Go to page ${g + 1}`,
-          "aria-current": P ? "page" : void 0,
-          onClick: () => z(g),
+          className: `peeek__cf-thumb${M ? " peeek__cf-thumb--active" : ""}`,
+          "aria-label": `Go to page ${w + 1}`,
+          "aria-current": M ? "page" : void 0,
+          onClick: () => O(w),
           children: [
-            /* @__PURE__ */ a("img", { src: v, alt: "", loading: "lazy", referrerPolicy: "no-referrer" }),
-            /* @__PURE__ */ a("span", { className: "peeek__cf-thumb-num", children: String(g + 1).padStart(2, "0") })
+            /* @__PURE__ */ a("img", { src: f, alt: "", loading: "lazy", referrerPolicy: "no-referrer" }),
+            /* @__PURE__ */ a("span", { className: "peeek__cf-thumb-num", children: String(w + 1).padStart(2, "0") })
           ]
         },
-        g
+        w
       );
     }) })
   ] });
 }
-function mt({ logo: t, logoLink: e }) {
+function At({ logo: t, logoLink: e }) {
   if (!t) return null;
   const n = /* @__PURE__ */ a("img", { src: t, alt: "Logo", loading: "lazy", referrerPolicy: "no-referrer" });
   return /* @__PURE__ */ a("div", { className: "peeek__branding", children: e ? /* @__PURE__ */ a("a", { href: e, target: "_blank", rel: "noopener noreferrer", children: n }) : n });
 }
-const gt = [
+const Mt = [
   { 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 },
@@ -764,16 +964,16 @@ const gt = [
   { 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 pt({ strings: t, onClose: e }) {
-  const n = O(null);
+function $t({ strings: t, onClose: e }) {
+  const n = H(null);
   return T(() => {
-    var r;
-    (r = n.current) == null || r.focus();
+    var o;
+    (o = n.current) == null || o.focus();
   }, []), T(() => {
-    const r = (l) => {
+    const o = (l) => {
       l.key === "Escape" && e();
     };
-    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
   }, [e]), /* @__PURE__ */ a("div", { className: "peeek__about-backdrop", onClick: e, children: /* @__PURE__ */ h(
     "div",
     {
@@ -781,18 +981,18 @@ function pt({ strings: t, onClose: e }) {
       "aria-modal": "true",
       "aria-label": "Peeek Viewer",
       className: "peeek__about",
-      onClick: (r) => r.stopPropagation(),
+      onClick: (o) => o.stopPropagation(),
       children: [
-        /* @__PURE__ */ a("span", { className: "peeek__about-particles", "aria-hidden": "true", children: gt.map((r, l) => /* @__PURE__ */ a(
+        /* @__PURE__ */ a("span", { className: "peeek__about-particles", "aria-hidden": "true", children: Mt.map((o, l) => /* @__PURE__ */ a(
           "span",
           {
             className: "peeek__about-particle",
             style: {
-              top: r.top,
-              left: r.left,
-              width: r.size,
-              height: r.size,
-              animation: `peeekAboutDrift${r.v} ${r.dur}s ease-in-out ${r.delay}s infinite`
+              top: o.top,
+              left: o.left,
+              width: o.size,
+              height: o.size,
+              animation: `peeekAboutDrift${o.v} ${o.dur}s ease-in-out ${o.delay}s infinite`
             }
           },
           l
@@ -845,7 +1045,7 @@ function pt({ strings: t, onClose: e }) {
           /* @__PURE__ */ a("div", { className: "peeek__about-tagline", children: t.aboutTagline }),
           /* @__PURE__ */ h("div", { className: "peeek__about-version", children: [
             "v",
-            "0.3.19"
+            "0.4.0"
           ] }),
           /* @__PURE__ */ a("p", { className: "peeek__about-desc", children: t.aboutDescription })
         ] })
@@ -853,14 +1053,14 @@ function pt({ strings: t, onClose: e }) {
     }
   ) });
 }
-function _t(t) {
-  const e = tt(t), n = Qe(e.language), r = O(null), { isFullscreen: l, toggle: c } = ot(r), [p, b] = w(!1), d = t.pages !== void 0, i = Ue(
-    () => d ? rt(t.pages, { filename: t.filename, mimeType: t.mimeType }) : null,
-    [d, t.pages, t.filename, t.mimeType]
-  ), _ = at(d ? null : e.src, e.pollInterval), k = d ? i : _.manifest, u = d ? i ? "ready" : "loading" : _.state, f = {
+function Lt(t) {
+  const e = mt(t), n = gt(e.language), o = H(null), { isFullscreen: l, toggle: c } = _t(o), [p, b] = y(!1), g = t.pages !== void 0, i = tt(
+    () => g ? bt(t.pages, { filename: t.filename, mimeType: t.mimeType }) : null,
+    [g, t.pages, t.filename, t.mimeType]
+  ), k = ht(g ? null : e.src, e.pollInterval), _ = g ? i : k.manifest, u = g ? i ? "ready" : "loading" : k.state, d = {
     "--peeek-accent": e.accentColor
   };
-  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}")`);
+  e.background === "transparent" ? d["--peeek-bg"] = "transparent" : e.background === "color" && e.backgroundColor ? d["--peeek-bg"] = e.backgroundColor : e.background === "image" && e.backgroundImage && (d["--peeek-bg"] = `center / cover no-repeat url("${e.backgroundImage}")`);
   const s = {
     toolbar: e.navigationControls,
     bar: e.navigationBar,
@@ -868,28 +1068,35 @@ function _t(t) {
     thumbnails: e.pagesOverview,
     arrows: e.arrows,
     overview: e.pagesOverview,
-    about: e.aboutButton
+    about: e.aboutButton,
+    goto: e.goToPage,
+    rotate: e.rotateControl,
+    layoutToggle: e.layoutToggle,
+    curl: e.pageCurl
   };
   return /* @__PURE__ */ h(
     "div",
     {
-      ref: r,
+      ref: o,
       className: `peeek${e.fillHeight ? " peeek--fill-height" : ""}${e.className ? " " + e.className : ""}`,
       "data-skin": e.skin,
       "data-layout": e.layout,
       dir: e.rtl ? "rtl" : void 0,
-      style: f,
+      style: d,
       children: [
-        /* @__PURE__ */ a(mt, { logo: e.logo, logoLink: e.logoLink }),
-        u === "loading" && /* @__PURE__ */ a("div", { className: "peeek__state", children: n.loading }),
+        /* @__PURE__ */ a(At, { logo: e.logo, logoLink: e.logoLink }),
+        u === "loading" && /* @__PURE__ */ h("div", { className: "peeek__state", style: e.loadingColor ? { color: e.loadingColor } : void 0, children: [
+          e.loadingImage && /* @__PURE__ */ a("img", { className: "peeek__state-img", src: e.loadingImage, alt: "", referrerPolicy: "no-referrer" }),
+          /* @__PURE__ */ a("span", { children: e.loadingCaption ?? n.loading })
+        ] }),
         u === "error" && /* @__PURE__ */ a("div", { className: "peeek__state", children: n.error }),
-        u === "ready" && k && e.mode === "coverflow" && /* @__PURE__ */ a(
-          ft,
+        u === "ready" && _ && e.mode === "coverflow" && /* @__PURE__ */ a(
+          zt,
           {
-            pages: k.pages,
+            pages: _.pages,
             strings: n,
-            filename: k.metadata.filename,
-            mimeType: k.metadata.mimeType,
+            filename: _.metadata.filename,
+            mimeType: _.metadata.mimeType,
             rtl: e.rtl,
             autoTransition: e.autoTransition,
             autoTransitionInterval: e.autoTransitionInterval,
@@ -897,13 +1104,13 @@ function _t(t) {
             isFullscreen: l,
             onToggleFullscreen: c,
             onAbout: () => b(!0),
-            show: { arrows: e.arrows, thumbnails: e.pagesOverview, fullscreen: e.fullscreen, about: e.aboutButton }
+            show: { arrows: e.arrows, thumbnails: e.pagesOverview, fullscreen: e.fullscreen, about: e.aboutButton, goto: e.goToPage }
           }
         ),
-        u === "ready" && k && e.mode === "flip" && /* @__PURE__ */ a(
-          ct,
+        u === "ready" && _ && e.mode === "flip" && /* @__PURE__ */ a(
+          Pt,
           {
-            pages: k.pages,
+            pages: _.pages,
             strings: n,
             layout: e.layout,
             rtl: e.rtl,
@@ -918,11 +1125,11 @@ function _t(t) {
             onAbout: () => b(!0)
           }
         ),
-        p && /* @__PURE__ */ a(pt, { strings: n, onClose: () => b(!1) })
+        p && /* @__PURE__ */ a($t, { strings: n, onClose: () => b(!1) })
       ]
     }
   );
 }
 export {
-  _t as PeeekViewer
+  Lt as PeeekViewer
 };