laif-ds 0.2.87 → 0.2.89

package/dist/components/ui/zoomable-image.js

@@ -0,0 +1,213 @@
+"use client";
+import { jsxs as N, jsx as m } from "react/jsx-runtime";
+import { useRef as y, useState as P, useEffect as E } from "react";
+import { Button as X } from "./button.js";
+import { Icon as Y } from "./icon.js";
+import { cn as L } from "../../lib/utils.js";
+const i = 1, A = 5, T = 1.25, S = (r, s, l) => Math.min(l, Math.max(s, r)), j = (r, s) => Math.hypot(r.x - s.x, r.y - s.y), J = (r, s) => ({
+  x: (r.x + s.x) / 2,
+  y: (r.y + s.y) / 2
+});
+function v(r, s, l) {
+  const p = S(s, i, A);
+  if (p === r.scale) return r;
+  if (p <= i) return { scale: i, x: 0, y: 0 };
+  const d = p / r.scale;
+  return {
+    scale: p,
+    x: l.x - (l.x - r.x) * d,
+    y: l.y - (l.y - r.y) * d
+  };
+}
+function re({
+  src: r,
+  alt: s = "preview",
+  className: l
+}) {
+  const p = y(null), d = y(null), [o, x] = P({
+    scale: 1,
+    x: 0,
+    y: 0
+  }), [k, B] = P(!1), [Z, g] = P(!1), [O, z] = P(!0), C = y(o);
+  C.current = o;
+  const a = y(/* @__PURE__ */ new Map()), u = y(null), R = y(null), h = y(null);
+  E(() => {
+    x({ scale: 1, x: 0, y: 0 }), g(!1);
+  }, [r]);
+  const I = () => {
+    h.current && clearTimeout(h.current), h.current = setTimeout(() => z(!1), 2e3);
+  }, $ = () => {
+    z(!0), I();
+  }, V = () => {
+    h.current && clearTimeout(h.current), z(!0);
+  };
+  E(() => (I(), () => {
+    h.current && clearTimeout(h.current);
+  }), []);
+  const b = (e) => {
+    if (e.scale <= i) return e;
+    const n = d.current?.getBoundingClientRect();
+    if (!n) return e;
+    const t = n.width * (e.scale - 1) / 2, c = n.height * (e.scale - 1) / 2;
+    return {
+      ...e,
+      x: S(e.x, -t, t),
+      y: S(e.y, -c, c)
+    };
+  };
+  E(() => {
+    const e = d.current;
+    if (!e) return;
+    const n = (t) => {
+      t.preventDefault();
+      const c = e.getBoundingClientRect(), f = {
+        x: t.clientX - c.left - c.width / 2,
+        y: t.clientY - c.top - c.height / 2
+      }, M = t.deltaY < 0 ? T : 1 / T;
+      g(!1), x(
+        (w) => b(v(w, w.scale * M, f))
+      );
+    };
+    return e.addEventListener("wheel", n, { passive: !1 }), () => e.removeEventListener("wheel", n);
+  }, []);
+  const _ = (e, n) => {
+    const t = d.current?.getBoundingClientRect();
+    return t ? {
+      x: e - t.left - t.width / 2,
+      y: n - t.top - t.height / 2
+    } : { x: 0, y: 0 };
+  }, F = (e) => {
+    if (e.currentTarget.setPointerCapture(e.pointerId), g(!1), a.current.set(e.pointerId, { x: e.clientX, y: e.clientY }), a.current.size === 2) {
+      u.current = null;
+      const [n, t] = [...a.current.values()];
+      R.current = j(n, t);
+    } else C.current.scale > i && (u.current = { x: e.clientX, y: e.clientY });
+  }, H = (e) => {
+    if (!a.current.has(e.pointerId)) return;
+    a.current.set(e.pointerId, { x: e.clientX, y: e.clientY });
+    const n = [...a.current.values()];
+    if (n.length >= 2) {
+      const t = j(n[0], n[1]), c = R.current;
+      if (R.current = t, c) {
+        const f = J(n[0], n[1]), M = _(f.x, f.y);
+        x(
+          (w) => b(v(w, w.scale * (t / c), M))
+        );
+      }
+      return;
+    }
+    if (u.current && C.current.scale > i) {
+      const t = e.clientX - u.current.x, c = e.clientY - u.current.y;
+      u.current = { x: e.clientX, y: e.clientY }, k || B(!0), x(
+        (f) => b({ ...f, x: f.x + t, y: f.y + c })
+      );
+    }
+  }, D = (e) => {
+    if (a.current.delete(e.pointerId), a.current.size < 2 && (R.current = null), a.current.size === 1) {
+      const [n] = [...a.current.values()];
+      u.current = { ...n };
+    } else a.current.size === 0 && (u.current = null, B(!1));
+  }, U = () => {
+    g(!0), x(
+      (e) => b(v(e, e.scale * T, { x: 0, y: 0 }))
+    );
+  }, W = () => {
+    g(!0), x(
+      (e) => b(v(e, e.scale / T, { x: 0, y: 0 }))
+    );
+  }, q = () => {
+    g(!0), x({ scale: 1, x: 0, y: 0 });
+  }, G = o.scale === i && o.x === 0 && o.y === 0;
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      ref: p,
+      className: L("relative h-full w-full overflow-hidden", l),
+      onPointerMove: $,
+      children: [
+        /* @__PURE__ */ m(
+          "div",
+          {
+            ref: d,
+            className: "flex h-full w-full touch-none items-center justify-center select-none",
+            onPointerDown: F,
+            onPointerMove: H,
+            onPointerUp: D,
+            onPointerCancel: D,
+            style: {
+              cursor: o.scale > i ? k ? "grabbing" : "grab" : "default"
+            },
+            children: /* @__PURE__ */ m(
+              "img",
+              {
+                src: r,
+                alt: s,
+                draggable: !1,
+                onDragStart: (e) => e.preventDefault(),
+                className: "max-h-full w-auto max-w-full object-contain",
+                style: {
+                  transform: `translate(${o.x}px, ${o.y}px) scale(${o.scale})`,
+                  transformOrigin: "center",
+                  transition: Z ? "transform 150ms ease-out" : "none"
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ N(
+          "div",
+          {
+            onPointerEnter: V,
+            onPointerLeave: I,
+            className: L(
+              "border-d-border bg-d-background/90 absolute bottom-3 left-1/2 flex -translate-x-1/2 items-center gap-1 rounded-md border p-1 shadow-sm backdrop-blur transition-opacity duration-300",
+              O ? "opacity-100" : "pointer-events-none opacity-0"
+            ),
+            children: [
+              /* @__PURE__ */ m(
+                X,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  "aria-label": "Riduci zoom",
+                  onClick: W,
+                  disabled: o.scale <= i,
+                  children: /* @__PURE__ */ m(Y, { name: "ZoomOut", className: "h-4 w-4" })
+                }
+              ),
+              /* @__PURE__ */ N("span", { className: "text-d-foreground min-w-[3.5ch] text-center text-xs tabular-nums", children: [
+                Math.round(o.scale * 100),
+                "%"
+              ] }),
+              /* @__PURE__ */ m(
+                X,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  "aria-label": "Aumenta zoom",
+                  onClick: U,
+                  disabled: o.scale >= A,
+                  children: /* @__PURE__ */ m(Y, { name: "ZoomIn", className: "h-4 w-4" })
+                }
+              ),
+              /* @__PURE__ */ m(
+                X,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  "aria-label": "Reimposta zoom",
+                  onClick: q,
+                  disabled: G,
+                  children: /* @__PURE__ */ m(Y, { name: "RotateCcw", className: "h-4 w-4" })
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  re as ZoomableImage
+};

package/dist/index.d.ts

@@ -2772,6 +2772,7 @@ declare interface PreviewOptions {
     filename?: string;
     mimeType?: string;
     title?: default_2.ReactNode;
+    alt?: string;
     readOnly?: boolean;
     page?: number;
     size?: "sm" | "default" | "lg" | "xl" | "full";

package/dist/node_modules/eventemitter3/index.js

@@ -1,5 +1,5 @@
 "use client";
-import e from "../../_virtual/index3.js";
+import e from "../../_virtual/index5.js";
 export {
   e as EventEmitter,
   e as default

package/dist/node_modules/eventemitter3/index2.js

@@ -1,5 +1,5 @@
 "use client";
-import { __module as x } from "../../_virtual/index6.js";
+import { __module as x } from "../../_virtual/index7.js";
 var w;
 function O() {
   return w ? x.exports : (w = 1, (function(d) {

package/dist/node_modules/hast-util-to-jsx-runtime/lib/index.js

@@ -3,7 +3,7 @@ import { stringify as w } from "../../comma-separated-tokens/index.js";
 import { ok as u } from "../../devlop/lib/default.js";
 import { svg as m, html as C } from "../../property-information/index.js";
 import { stringify as N } from "../../space-separated-tokens/index.js";
-import S from "../../../_virtual/index4.js";
+import S from "../../../_virtual/index3.js";
 import { whitespace as j } from "../../hast-util-whitespace/lib/index.js";
 import { name as x } from "../../estree-util-is-identifier-name/lib/index.js";
 import { VFileMessage as h } from "../../vfile-message/lib/index.js";

package/dist/node_modules/recharts/es6/util/Events.js

@@ -1,5 +1,5 @@
 "use client";
-import e from "../../../../_virtual/index3.js";
+import e from "../../../../_virtual/index5.js";
 var r = new e(), n = "recharts.syncEvent.tooltip";
 export {
   n as TOOLTIP_SYNC_EVENT,

package/dist/node_modules/style-to-object/cjs/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { __exports as r } from "../../../_virtual/index7.js";
+import { __exports as r } from "../../../_virtual/index6.js";
 import { __require as c } from "../../inline-style-parser/index.js";
 var f;
 function j() {

package/dist/node_modules/unified/lib/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { bail as P } from "../../bail/index.js";
-import y from "../../../_virtual/index5.js";
+import y from "../../../_virtual/index4.js";
 import z from "../../is-plain-obj/index.js";
 import { CallableInstance as C } from "./callable-instance.js";
 import { trough as A } from "../../trough/lib/index.js";