@peeekpage/viewer 0.4.8 → 0.4.9

package/dist/index.js

@@ -137,8 +137,8 @@ function mt(t) {
   const i = [];
   for (const g of e.pages) {
     if (g === null || typeof g != "object") continue;
-    const c = G(g.url);
-    c && i.push(c);
+    const u = G(g.url);
+    u && i.push(u);
   }
   if (i.length === 0)
     return { ok: !1, error: "manifest has no usable pages" };
@@ -177,7 +177,7 @@ function pt(t, e) {
 function bt(t, e) {
   const [n, a] = v("loading"), [i, d] = v(null), [h, k] = v(null), g = E(null);
   return C(() => {
-    let c = !1;
+    let u = !1;
     if (a("loading"), d(null), k(null), !t) return;
     const w = () => {
       g.current !== null && (clearTimeout(g.current), g.current = null);
@@ -188,20 +188,20 @@ function bt(t, e) {
         if (!l.ok) throw new Error(`HTTP ${l.status}`);
         f = await l.json();
       } catch (l) {
-        if (c) return;
+        if (u) return;
         k(l instanceof Error ? l.message : "fetch failed"), a("error");
         return;
       }
-      if (c) return;
-      const u = mt(f);
-      if (!u.ok) {
-        k(u.error), a("error");
+      if (u) return;
+      const s = mt(f);
+      if (!s.ok) {
+        k(s.error), a("error");
         return;
       }
-      d(u.value), a("ready"), u.value.status === "wip" && (g.current = setTimeout(_, e));
+      d(s.value), a("ready"), s.value.status === "wip" && (g.current = setTimeout(_, e));
     };
     return _(), () => {
-      c = !0, w();
+      u = !0, w();
     };
   }, [t, e]), { state: n, manifest: i, error: h };
 }
@@ -276,14 +276,14 @@ const kt = 640;
 function _t(t, e) {
   const [n, a] = v("auto"), [i, d] = v(null);
   C(() => {
-    const c = t.current;
-    if (!c || (c.clientWidth > 0 && d(c.clientWidth), typeof ResizeObserver > "u")) return;
+    const u = t.current;
+    if (!u || (u.clientWidth > 0 && d(u.clientWidth), typeof ResizeObserver > "u")) return;
     const w = new ResizeObserver((_) => {
-      var u;
-      const f = (u = _[0]) == null ? void 0 : u.contentRect.width;
+      var s;
+      const f = (s = _[0]) == null ? void 0 : s.contentRect.width;
       typeof f == "number" && f > 0 && d(f);
     });
-    return w.observe(c), () => w.disconnect();
+    return w.observe(u), () => w.disconnect();
   }, [t]);
   const h = i != null && i < kt ? "single" : e, k = n === "auto" ? h : n, g = L(() => {
     a(k === "single" ? "double" : "single");
@@ -323,11 +323,11 @@ function vt(t) {
     maxZoom: h,
     total: k,
     currentPage: g,
-    layout: c,
+    layout: u,
     thumbsOpen: w,
     isFullscreen: _,
     downloadUrl: f,
-    show: u,
+    show: s,
     onZoomIn: l,
     onZoomOut: D,
     onZoomSet: O,
@@ -348,9 +348,9 @@ function vt(t) {
     F(P), z(String(P + 1));
   };
   return /* @__PURE__ */ y("div", { className: "peeek__toolbar", children: [
-    /* @__PURE__ */ r("span", { className: "peeek__label", children: n }),
-    u.bar && /* @__PURE__ */ r("div", { className: "peeek__scrubber", "aria-hidden": !0, children: /* @__PURE__ */ r("div", { className: "peeek__scrubber-fill", style: { width: `${a}%` } }) }),
-    u.goto && /* @__PURE__ */ r(
+    !s.goto && /* @__PURE__ */ r("span", { className: "peeek__label", children: n }),
+    s.bar && /* @__PURE__ */ r("div", { className: "peeek__scrubber", "aria-hidden": !0, children: /* @__PURE__ */ r("div", { className: "peeek__scrubber-fill", style: { width: `${a}%` } }) }),
+    s.goto && /* @__PURE__ */ r(
       "input",
       {
         className: "peeek__goto",
@@ -399,7 +399,7 @@ function vt(t) {
         children: "+"
       }
     ),
-    u.rotate && /* @__PURE__ */ r(
+    s.rotate && /* @__PURE__ */ r(
       "button",
       {
         type: "button",
@@ -409,18 +409,18 @@ function vt(t) {
         children: "⟳"
       }
     ),
-    u.layoutToggle && /* @__PURE__ */ r(
+    s.layoutToggle && /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         className: "peeek__btn",
-        "aria-label": c === "single" ? e.doublePage : e.singlePage,
-        "aria-pressed": c === "double",
+        "aria-label": u === "single" ? e.doublePage : e.singlePage,
+        "aria-pressed": u === "double",
         onClick: x,
-        children: c === "single" ? "▭" : "▥"
+        children: u === "single" ? "▭" : "▥"
       }
     ),
-    u.thumbnails && /* @__PURE__ */ r(
+    s.thumbnails && /* @__PURE__ */ r(
       "button",
       {
         type: "button",
@@ -443,7 +443,7 @@ function vt(t) {
         children: "↓"
       }
     ),
-    u.fullscreen && /* @__PURE__ */ r(
+    s.fullscreen && /* @__PURE__ */ r(
       "button",
       {
         type: "button",
@@ -454,7 +454,7 @@ function vt(t) {
         children: "⛶"
       }
     ),
-    u.about && /* @__PURE__ */ r(
+    s.about && /* @__PURE__ */ r(
       "button",
       {
         type: "button",
@@ -468,12 +468,12 @@ function vt(t) {
 }
 function wt({ pages: t, layout: e, rtl: n, activePages: a, onJump: i }) {
   const d = t.length, h = new Set(a), k = me(d, e);
-  return /* @__PURE__ */ r("div", { className: "peeek__thumbs", role: "group", "aria-label": "Pages", children: Array.from({ length: k }, (g, c) => {
-    const w = ge(c, d, e), _ = w.length === 2;
+  return /* @__PURE__ */ r("div", { className: "peeek__thumbs", role: "group", "aria-label": "Pages", children: Array.from({ length: k }, (g, u) => {
+    const w = ge(u, d, e), _ = w.length === 2;
     return /* @__PURE__ */ y("div", { className: "peeek__thumb-group", children: [
-      w.map((f, u) => {
+      w.map((f, s) => {
         let l = "";
-        return _ && (l = (n ? u === 1 : u === 0) ? " peeek__thumb--flat-right" : " peeek__thumb--flat-left"), /* @__PURE__ */ r(
+        return _ && (l = (n ? s === 1 : s === 0) ? " peeek__thumb--flat-right" : " peeek__thumb--flat-left"), /* @__PURE__ */ r(
           "button",
           {
             type: "button",
@@ -487,7 +487,7 @@ function wt({ pages: t, layout: e, rtl: n, activePages: a, onJump: i }) {
         );
       }),
       /* @__PURE__ */ r("span", { className: "peeek__thumb-badge", "aria-hidden": !0, children: w.map((f) => f + 1).join("-") })
-    ] }, c);
+    ] }, u);
   }) });
 }
 const ee = 1, ae = 4, Te = 0.5;
@@ -501,11 +501,11 @@ function Tt(t) {
     animateInteractions: h,
     autoTransition: k,
     autoTransitionInterval: g,
-    show: c,
+    show: u,
     downloadUrl: w,
     isFullscreen: _,
     onToggleFullscreen: f,
-    onAbout: u
+    onAbout: s
   } = t, l = e.length, O = Ce() || !h, [F, R] = v(0), [x, A] = v(1), [Z, j] = v(!1), [M, z] = v({ x: 0, y: 0 }), [B, P] = v(!1), [X, m] = v(0), p = E(null), S = E(null), { layout: b, toggle: K } = _t(S, a), oe = me(l, b), [T, le] = v(null), [xe, pe] = v(!1), ie = E(null), [be, Se] = v(0.707);
   C(() => {
     if (!e[0]) return;
@@ -516,9 +516,9 @@ function Tt(t) {
   }, [e]);
   const $ = ne(F, l, b), $e = $ <= 0, se = $ >= oe - 1, he = E(/* @__PURE__ */ new Set());
   C(() => {
-    const o = [$ - 1, $ + 1, $ + 2].map((s) => ne(s, l, b)).flatMap((s) => ge(s, l, b)).filter((s) => s >= 0);
-    for (const s of o) {
-      const N = e[s];
+    const o = [$ - 1, $ + 1, $ + 2].map((c) => ne(c, l, b)).flatMap((c) => ge(c, l, b)).filter((c) => c >= 0);
+    for (const c of o) {
+      const N = e[c];
       if (!N || he.current.has(N)) continue;
       he.current.add(N);
       const q = new globalThis.Image();
@@ -527,32 +527,32 @@ function Tt(t) {
   }, [$, l, b, e]);
   const W = L(
     (o) => {
-      T || R((s) => {
-        const N = ne(s + o, l, b);
-        return N === s ? s : O ? N : (le({ dir: o, to: N }), s);
+      T || R((c) => {
+        const N = ne(c + o, l, b);
+        return N === c ? c : O ? N : (le({ dir: o, to: N }), c);
       });
     },
     [l, b, O, T]
   ), ze = L((o) => {
-    o.target === ie.current && (o.propertyName && o.propertyName !== "transform" || le((s) => s && (R(s.to), pe(!0), requestAnimationFrame(
+    o.target === ie.current && (o.propertyName && o.propertyName !== "transform" || le((c) => c && (R(c.to), pe(!0), requestAnimationFrame(
       () => requestAnimationFrame(() => {
         le(null), pe(!1);
       })
-    ), s)));
+    ), c)));
   }, []);
   C(() => {
     if (!T) return;
     const o = ie.current;
     if (!o) return;
     o.style.transform = "rotateY(0deg)";
-    let s = 0;
+    let c = 0;
     const N = requestAnimationFrame(() => {
-      s = requestAnimationFrame(() => {
+      c = requestAnimationFrame(() => {
         o.style.transform = `rotateY(${T.dir === 1 ? -180 : 180}deg)`;
       });
     });
     return () => {
-      cancelAnimationFrame(N), cancelAnimationFrame(s);
+      cancelAnimationFrame(N), cancelAnimationFrame(c);
     };
   }, [T]);
   const ce = L(
@@ -568,19 +568,19 @@ function Tt(t) {
   }, [k, g, se, $, W]);
   const Fe = () => A((o) => Math.min(ae, o + Te)), Me = () => A((o) => Math.max(ee, o - Te)), Ee = () => {
     T || A((o) => o > ee ? ee : ae);
-  }, Le = () => m((o) => (o + 90) % 360), De = X === 90 || X === 270 ? be : 1, ue = L((o, s, N) => {
+  }, Le = () => m((o) => (o + 90) % 360), De = X === 90 || X === 270 ? be : 1, ue = L((o, c, 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, o)), y: Math.max(-ve, Math.min(ve, s)) };
+    return { x: Math.max(-ye, Math.min(ye, o)), y: Math.max(-ve, Math.min(ve, c)) };
   }, []);
   C(() => z((o) => ue(o.x, o.y, x)), [x, ue]), C(() => z({ x: 0, y: 0 }), [$]);
   const Oe = (o) => {
-    var s, N;
-    x <= 1 || (p.current = { x: o.clientX, y: o.clientY, px: M.x, py: M.y }, P(!0), (N = (s = o.currentTarget).setPointerCapture) == null || N.call(s, o.pointerId));
+    var c, N;
+    x <= 1 || (p.current = { x: o.clientX, y: o.clientY, px: M.x, py: M.y }, P(!0), (N = (c = o.currentTarget).setPointerCapture) == null || N.call(c, o.pointerId));
   }, Re = (o) => {
-    const s = p.current;
-    s && z(ue(s.px + (o.clientX - s.x), s.py + (o.clientY - s.y), x));
+    const c = p.current;
+    c && z(ue(c.px + (o.clientX - c.x), c.py + (o.clientY - c.y), x));
   }, ke = (o) => {
     if (p.current) {
       p.current = null, P(!1);
@@ -604,7 +604,7 @@ function Tt(t) {
         onKeyDown: Ae,
         style: { "--peeek-aspect": `${be}` },
         children: [
-          c.arrows && /* @__PURE__ */ r(
+          u.arrows && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
@@ -634,22 +634,22 @@ function Tt(t) {
                   className: `peeek__spread${d ? " peeek--shadows" : ""}${Xe ? " peeek__spread--pair" : ""}`,
                   style: { transform: `translateX(${Ke})` },
                   children: [
-                    Je.map(([o, s]) => {
-                      const N = s >= 0 && c.fullscreen && !_ && !T && x === 1;
+                    Je.map(([o, c]) => {
+                      const N = c >= 0 && u.fullscreen && !_ && !T && x === 1;
                       return /* @__PURE__ */ r(
                         "div",
                         {
-                          className: `peeek__page peeek__page--${o}${s < 0 ? " peeek__page--empty" : ""}`,
-                          children: s >= 0 && (N ? /* @__PURE__ */ r(
+                          className: `peeek__page peeek__page--${o}${c < 0 ? " peeek__page--empty" : ""}`,
+                          children: c >= 0 && (N ? /* @__PURE__ */ r(
                             "button",
                             {
                               type: "button",
                               className: "peeek__page-btn",
                               "aria-label": n.openFullscreen,
                               onClick: f,
-                              children: /* @__PURE__ */ r("img", { src: e[s], alt: `Page ${s + 1}`, referrerPolicy: "no-referrer" })
+                              children: /* @__PURE__ */ r("img", { src: e[c], alt: `Page ${c + 1}`, referrerPolicy: "no-referrer" })
                             }
-                          ) : /* @__PURE__ */ r("img", { src: e[s], alt: `Page ${s + 1}`, referrerPolicy: "no-referrer" }))
+                          ) : /* @__PURE__ */ r("img", { src: e[c], alt: `Page ${c + 1}`, referrerPolicy: "no-referrer" }))
                         },
                         o
                       );
@@ -671,7 +671,7 @@ function Tt(t) {
               )
             }
           ),
-          c.arrows && /* @__PURE__ */ r(
+          u.arrows && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
@@ -685,7 +685,7 @@ function Tt(t) {
         ]
       }
     ),
-    c.toolbar && /* @__PURE__ */ r(
+    u.toolbar && /* @__PURE__ */ r(
       vt,
       {
         strings: n,
@@ -701,13 +701,13 @@ function Tt(t) {
         isFullscreen: _,
         downloadUrl: w,
         show: {
-          bar: c.bar,
-          fullscreen: c.fullscreen,
-          thumbnails: c.thumbnails && c.overview,
-          about: c.about,
-          goto: c.goto,
-          rotate: c.rotate,
-          layoutToggle: c.layoutToggle
+          bar: u.bar,
+          fullscreen: u.fullscreen,
+          thumbnails: u.thumbnails && u.overview,
+          about: u.about,
+          goto: u.goto,
+          rotate: u.rotate,
+          layoutToggle: u.layoutToggle
         },
         onZoomIn: Fe,
         onZoomOut: Me,
@@ -717,10 +717,10 @@ function Tt(t) {
         onToggleLayout: K,
         onToggleThumbs: () => j((o) => !o),
         onToggleFullscreen: f,
-        onAbout: u
+        onAbout: s
       }
     ),
-    c.overview && Z && /* @__PURE__ */ r(wt, { pages: e, layout: b, rtl: i, activePages: Y, onJump: ce })
+    u.overview && Z && /* @__PURE__ */ r(wt, { pages: e, layout: b, rtl: i, activePages: Y, onJump: ce })
   ] });
 }
 function Nt(t, e) {
@@ -750,26 +750,26 @@ function Pt(t) {
     autoTransition: h,
     autoTransitionInterval: k,
     downloadUrl: g,
-    isFullscreen: c,
+    isFullscreen: u,
     onToggleFullscreen: w,
     onAbout: _,
     show: f
-  } = t, u = e.length, [l, D] = v(0), O = Ce(), F = L(
-    (m) => D((p) => Math.max(0, Math.min(u - 1, p + m))),
-    [u]
+  } = t, s = e.length, [l, D] = v(0), O = Ce(), F = L(
+    (m) => D((p) => Math.max(0, Math.min(s - 1, p + m))),
+    [s]
   ), R = L(
-    (m) => D(Math.max(0, Math.min(u - 1, m))),
-    [u]
-  ), x = l <= 0, A = l >= u - 1, Z = E(/* @__PURE__ */ new Set());
+    (m) => D(Math.max(0, Math.min(s - 1, m))),
+    [s]
+  ), x = l <= 0, A = l >= s - 1, Z = E(/* @__PURE__ */ new Set());
   C(() => {
     for (const m of [l - 2, l - 1, l + 1, l + 2]) {
-      const p = m >= 0 && m < u ? e[m] : void 0;
+      const p = m >= 0 && m < s ? e[m] : void 0;
       if (!p || Z.current.has(p)) continue;
       Z.current.add(p);
       const S = new globalThis.Image();
       S.src = p;
     }
-  }, [l, u, e]);
+  }, [l, s, e]);
   const j = E([]);
   C(() => {
     var m, p;
@@ -779,10 +779,10 @@ function Pt(t) {
     const m = setTimeout(() => F(1), k);
     return () => clearTimeout(m);
   }, [h, k, O, A, l, F]);
-  const { onKeyDown: M } = Pe({ go: F, jump: R, total: u, rtl: d }), [z, B] = v(String(l + 1));
+  const { onKeyDown: M } = Pe({ go: F, jump: R, total: s, rtl: d }), [z, B] = v(String(l + 1));
   C(() => B(String(l + 1)), [l]);
   const P = () => {
-    const m = Ie(z, u);
+    const m = Ie(z, s);
     if (m === null) {
       B(String(l + 1));
       return;
@@ -795,15 +795,15 @@ function Pt(t) {
       /* @__PURE__ */ y("div", { className: "peeek__cf-meta", children: [
         /* @__PURE__ */ r("span", { className: "peeek__cf-name", children: a }),
         /* @__PURE__ */ y("span", { className: "peeek__cf-count", children: [
-          u,
+          s,
           " ",
-          u === 1 ? n.page : n.pages
+          s === 1 ? n.page : n.pages
         ] })
       ] }),
       /* @__PURE__ */ y("span", { className: "peeek__cf-indicator", children: [
         l + 1,
         " / ",
-        u
+        s
       ] }),
       f.goto && /* @__PURE__ */ r(
         "input",
@@ -836,9 +836,9 @@ function Pt(t) {
         "button",
         {
           type: "button",
-          className: `peeek__btn${c ? " peeek__btn--active" : ""}`,
+          className: `peeek__btn${u ? " peeek__btn--active" : ""}`,
           "aria-label": n.fullscreen,
-          "aria-pressed": c,
+          "aria-pressed": u,
           onClick: w,
           children: "⛶"
         }
@@ -1027,7 +1027,7 @@ function St({ strings: t, onClose: e }) {
           /* @__PURE__ */ r("div", { className: "peeek__about-tagline", children: t.aboutTagline }),
           /* @__PURE__ */ y("div", { className: "peeek__about-version", children: [
             "v",
-            "0.4.8"
+            "0.4.9"
           ] }),
           /* @__PURE__ */ r("p", { className: "peeek__about-desc", children: t.aboutDescription }),
           /* @__PURE__ */ r(
@@ -1046,13 +1046,13 @@ function St({ strings: t, onClose: e }) {
   ) });
 }
 function Ft(t) {
-  const e = gt(t), n = dt(e.language), a = E(null), { isFullscreen: i, toggle: d } = ht(a), [h, k] = v(!1), g = t.pages !== void 0, c = et(
+  const e = gt(t), n = dt(e.language), a = E(null), { isFullscreen: i, toggle: d } = ht(a), [h, k] = v(!1), g = t.pages !== void 0, u = 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), _ = g ? c : w.manifest, f = g ? c ? "ready" : "loading" : w.state, u = {
+  ), w = bt(g ? null : e.src, e.pollInterval), _ = g ? u : w.manifest, f = g ? u ? "ready" : "loading" : w.state, s = {
     "--peeek-accent": e.accentColor
   };
-  e.background === "transparent" ? u["--peeek-bg"] = "transparent" : e.background === "color" && e.backgroundColor ? u["--peeek-bg"] = e.backgroundColor : e.background === "image" && e.backgroundImage && (u["--peeek-bg"] = `center / cover no-repeat url("${e.backgroundImage}")`);
+  e.background === "transparent" ? s["--peeek-bg"] = "transparent" : e.background === "color" && e.backgroundColor ? s["--peeek-bg"] = e.backgroundColor : e.background === "image" && e.backgroundImage && (s["--peeek-bg"] = `center / cover no-repeat url("${e.backgroundImage}")`);
   const l = {
     toolbar: e.navigationControls,
     bar: e.navigationBar,
@@ -1073,7 +1073,7 @@ function Ft(t) {
       "data-skin": e.skin,
       "data-layout": e.layout,
       dir: e.rtl ? "rtl" : void 0,
-      style: u,
+      style: s,
       children: [
         /* @__PURE__ */ r(It, { logo: e.logo, logoLink: e.logoLink }),
         f === "loading" && /* @__PURE__ */ y("div", { className: "peeek__state", style: e.loadingColor ? { color: e.loadingColor } : void 0, children: [

package/package.json

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