@peeekpage/viewer 0.4.3 → 0.4.4

package/dist/index.js

@@ -506,17 +506,17 @@ function Tt(t) {
     isFullscreen: k,
     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), z = E(null), { layout: b, toggle: K } = kt(z, a), re = me(l, b), [T, le] = v(null), [xe, pe] = v(!1), ie = E(null), [be, ze] = v(0.707);
+  } = 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 && ze(r.naturalWidth / r.naturalHeight);
+      r.naturalWidth && r.naturalHeight && Se(r.naturalWidth / r.naturalHeight);
     }, r.src = e[0];
   }, [e]);
-  const S = ne(F, l, b), Se = S <= 0, se = S >= re - 1, he = 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((s) => ne(s, l, b)).flatMap((s) => ge(s, l, b)).filter((s) => s >= 0);
+    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;
@@ -524,7 +524,7 @@ function Tt(t) {
       const q = new globalThis.Image();
       q.src = N;
     }
-  }, [S, l, b, e]);
+  }, [z, l, b, e]);
   const W = L(
     (r) => {
       T || R((s) => {
@@ -565,16 +565,16 @@ function Tt(t) {
     if (!h || se) return;
     const r = setTimeout(() => W(1), g);
     return () => clearTimeout(r);
-  }, [h, g, se, S, W]);
+  }, [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 = z.current;
+    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) => ue(r.x, r.y, x)), [x, ue]), C(() => $({ x: 0, y: 0 }), [S]);
+  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));
@@ -589,7 +589,7 @@ function Tt(t) {
       } catch {
       }
     }
-  }, Y = ge(S, 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 : S / (re - 1) * 100, Ze = n.prev, He = n.next, Ge = T ? T.to : S, 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(S, 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 = [
+  }, 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")]
   ];
@@ -597,7 +597,7 @@ function Tt(t) {
     /* @__PURE__ */ y(
       "div",
       {
-        ref: z,
+        ref: S,
         className: "peeek__stage",
         "data-layout": b,
         tabIndex: 0,
@@ -610,7 +610,7 @@ function Tt(t) {
               type: "button",
               className: "peeek__arrow peeek__arrow--prev",
               "aria-label": Ze,
-              disabled: Se,
+              disabled: ze,
               onClick: () => W(-1),
               children: "‹"
             }
@@ -647,9 +647,9 @@ function Tt(t) {
                               className: "peeek__page-btn",
                               "aria-label": n.openFullscreen,
                               onClick: f,
-                              children: /* @__PURE__ */ o("img", { src: e[s], alt: `Page ${s + 1}`, loading: "lazy", referrerPolicy: "no-referrer" })
+                              children: /* @__PURE__ */ o("img", { src: e[s], alt: `Page ${s + 1}`, referrerPolicy: "no-referrer" })
                             }
-                          ) : /* @__PURE__ */ o("img", { src: e[s], alt: `Page ${s + 1}`, loading: "lazy", referrerPolicy: "no-referrer" }))
+                          ) : /* @__PURE__ */ o("img", { src: e[s], alt: `Page ${s + 1}`, referrerPolicy: "no-referrer" }))
                         },
                         r
                       );
@@ -766,8 +766,8 @@ function Pt(t) {
       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, u, e]);
   const j = E([]);
@@ -873,19 +873,19 @@ function Pt(t) {
             }
           ),
           e.map((m, p) => {
-            const z = p - l;
-            if (Math.abs(z) > 1) return null;
-            const b = z === 0, K = b && f.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: Ct(z, d),
+                style: Ct(S, d),
                 tabIndex: b ? 0 : -1,
                 "aria-label": K ? n.openFullscreen : `Go to page ${p + 1}`,
                 onClick: () => K ? w() : D(p),
-                children: /* @__PURE__ */ o("img", { src: m, alt: b ? `Page ${p + 1}` : "", loading: "lazy", referrerPolicy: "no-referrer" })
+                children: /* @__PURE__ */ o("img", { src: m, alt: b ? `Page ${p + 1}` : "", referrerPolicy: "no-referrer" })
               },
               p
             );
@@ -905,7 +905,7 @@ function Pt(t) {
       }
     ),
     f.thumbnails && /* @__PURE__ */ o("div", { className: "peeek__cf-thumbs", role: "group", "aria-label": "Pages", children: e.map((m, p) => {
-      const z = p === l;
+      const S = p === l;
       return /* @__PURE__ */ y(
         "button",
         {
@@ -913,9 +913,9 @@ function Pt(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" }),
@@ -946,7 +946,7 @@ const xt = [
   { top: "16%", left: "50%", size: 2, v: "B", dur: 14, delay: 3 },
   { top: "62%", left: "34%", size: 2, v: "C", dur: 12, delay: 2 }
 ];
-function zt({ strings: t, onClose: e }) {
+function St({ strings: t, onClose: e }) {
   const n = E(null);
   return C(() => {
     var a;
@@ -1027,7 +1027,7 @@ function zt({ 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.3"
+            "0.4.4"
           ] }),
           /* @__PURE__ */ o("p", { className: "peeek__about-desc", children: t.aboutDescription })
         ] })
@@ -1106,7 +1106,7 @@ function Ft(t) {
             onAbout: () => h(!0)
           }
         ),
-        _ && /* @__PURE__ */ o(zt, { strings: n, onClose: () => h(!1) })
+        _ && /* @__PURE__ */ o(St, { strings: n, onClose: () => h(!1) })
       ]
     }
   );

package/package.json

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