pdf-tsx 0.9.0 → 0.10.0

package/dist/es/components/features/PDFSignatures.js

@@ -2,42 +2,40 @@ import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
 import { computeFit as t } from "../../utils/pdfFit.js";
 import { useSignatures as n } from "../../hooks/useSignatures.js";
 import r from "./PDFSignatures.module.js";
-import { c as i } from "react/compiler-runtime";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { memo as i, useCallback as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/features/PDFSignatures.tsx
-function s(e) {
+function c(e) {
 	if (!e) return;
 	let t = e.match(/D:(\d{4})(\d{2})(\d{2})(\d{2})?(\d{2})?(\d{2})?/);
 	if (!t) return e;
 	let [, n, r, i, a = "00", o = "00"] = t;
 	return `${i}/${r}/${n} ${a}:${o}`;
 }
-function c() {
-	let e = i(1), t;
-	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ a("svg", {
+function l() {
+	return /* @__PURE__ */ o("svg", {
 		width: "10",
 		height: "10",
 		viewBox: "0 0 10 10",
 		fill: "none",
 		"aria-hidden": !0,
-		children: /* @__PURE__ */ a("path", {
+		children: /* @__PURE__ */ o("path", {
 			d: "M1.5 5L3.8 7.5L8.5 2.5",
 			stroke: "currentColor",
 			strokeWidth: "1.6",
 			strokeLinecap: "round",
 			strokeLinejoin: "round"
 		})
-	}), e[0] = t) : t = e[0], t;
+	});
 }
-function l() {
-	let e = i(1), t;
-	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ a("svg", {
+function u() {
+	return /* @__PURE__ */ o("svg", {
 		width: "10",
 		height: "10",
 		viewBox: "0 0 10 10",
 		fill: "none",
 		"aria-hidden": !0,
-		children: /* @__PURE__ */ a("circle", {
+		children: /* @__PURE__ */ o("circle", {
 			cx: "5",
 			cy: "5",
 			r: "3.7",
@@ -45,138 +43,117 @@ function l() {
 			strokeWidth: "1.3",
 			strokeDasharray: "2.2 1.4"
 		})
-	}), e[0] = t) : t = e[0], t;
+	});
 }
-function u(e) {
-	let t = i(26), { sig: n, onClick: u } = e, d = !!n.rect, f = `${r.card} ${n.signed ? r.cardSigned : ""} ${d ? r.cardClickable : ""}`, p;
-	t[0] === n.fieldName ? p = t[1] : (p = /* @__PURE__ */ a("span", {
-		className: r.fieldName,
-		children: n.fieldName
-	}), t[0] = n.fieldName, t[1] = p);
-	let m = `${r.statusChip} ${n.signed ? r.statusChipSigned : ""}`, h;
-	t[2] === n.signed ? h = t[3] : (h = n.signed ? /* @__PURE__ */ a(c, {}) : /* @__PURE__ */ a(l, {}), t[2] = n.signed, t[3] = h);
-	let g = n.signed ? "Firmato" : "Non firmato", _;
-	t[4] !== m || t[5] !== h || t[6] !== g ? (_ = /* @__PURE__ */ o("span", {
-		className: m,
-		children: [h, g]
-	}), t[4] = m, t[5] = h, t[6] = g, t[7] = _) : _ = t[7];
-	let v;
-	t[8] !== p || t[9] !== _ ? (v = /* @__PURE__ */ o("div", {
-		className: r.cardHeader,
-		children: [p, _]
-	}), t[8] = p, t[9] = _, t[10] = v) : v = t[10];
-	let y;
-	t[11] !== n.location || t[12] !== n.reason || t[13] !== n.signDate || t[14] !== n.signerName ? (y = (n.signerName || n.signDate || n.reason || n.location) && /* @__PURE__ */ o("div", {
-		className: r.fieldList,
-		children: [
-			n.signerName && /* @__PURE__ */ o("div", {
-				className: r.fieldRow,
-				children: [/* @__PURE__ */ a("span", {
-					className: r.fieldLabel,
-					children: "Firmatario"
-				}), /* @__PURE__ */ a("span", {
-					className: r.fieldValue,
-					children: n.signerName
-				})]
-			}),
-			n.signDate && /* @__PURE__ */ o("div", {
-				className: r.fieldRow,
-				children: [/* @__PURE__ */ a("span", {
-					className: r.fieldLabel,
-					children: "Data"
-				}), /* @__PURE__ */ a("span", {
-					className: r.fieldValue,
-					children: s(n.signDate)
-				})]
-			}),
-			n.reason && /* @__PURE__ */ o("div", {
-				className: r.fieldRow,
-				children: [/* @__PURE__ */ a("span", {
-					className: r.fieldLabel,
-					children: "Motivo"
-				}), /* @__PURE__ */ a("span", {
-					className: r.fieldValue,
-					children: n.reason
-				})]
-			}),
-			n.location && /* @__PURE__ */ o("div", {
-				className: r.fieldRow,
-				children: [/* @__PURE__ */ a("span", {
-					className: r.fieldLabel,
-					children: "Luogo"
-				}), /* @__PURE__ */ a("span", {
-					className: r.fieldValue,
-					children: n.location
-				})]
-			})
-		]
-	}), t[11] = n.location, t[12] = n.reason, t[13] = n.signDate, t[14] = n.signerName, t[15] = y) : y = t[15];
-	let b;
-	t[16] !== v || t[17] !== y ? (b = /* @__PURE__ */ o("div", {
+var d = i(function({ sig: e, onNavigate: t }) {
+	let n = !!e.rect, i = `${r.card} ${e.signed ? r.cardSigned : ""} ${n ? r.cardClickable : ""}`, d = a(() => t(e), [t, e]), f = /* @__PURE__ */ s("div", {
 		className: r.cardBody,
-		children: [v, y]
-	}), t[16] = v, t[17] = y, t[18] = b) : b = t[18];
-	let x = b;
-	if (d) {
-		let e;
-		return t[19] !== x || t[20] !== f || t[21] !== u ? (e = /* @__PURE__ */ a("button", {
-			type: "button",
-			className: f,
-			onClick: u,
-			children: x
-		}), t[19] = x, t[20] = f, t[21] = u, t[22] = e) : e = t[22], e;
-	}
-	let S;
-	return t[23] !== x || t[24] !== f ? (S = /* @__PURE__ */ a("div", {
-		className: f,
-		children: x
-	}), t[23] = x, t[24] = f, t[25] = S) : S = t[25], S;
-}
-function d(t) {
-	let s = i(8), { icon: c } = t, { pdf: l } = e(), u;
-	s[0] === l ? u = s[1] : (u = { pdf: l }, s[0] = l, s[1] = u);
-	let { signatures: d, loading: f } = n(u), p = d.length, m;
-	s[2] !== p || s[3] !== f ? (m = !f && p > 0 && /* @__PURE__ */ a("span", {
-		className: r.badge,
-		children: p > 99 ? "99+" : p
-	}), s[2] = p, s[3] = f, s[4] = m) : m = s[4];
-	let h;
-	return s[5] !== c || s[6] !== m ? (h = /* @__PURE__ */ o("span", {
+		children: [/* @__PURE__ */ s("div", {
+			className: r.cardHeader,
+			children: [/* @__PURE__ */ o("span", {
+				className: r.fieldName,
+				children: e.fieldName
+			}), /* @__PURE__ */ s("span", {
+				className: `${r.statusChip} ${e.signed ? r.statusChipSigned : ""}`,
+				children: [e.signed ? /* @__PURE__ */ o(l, {}) : /* @__PURE__ */ o(u, {}), e.signed ? "Firmato" : "Non firmato"]
+			})]
+		}), (e.signerName || e.signDate || e.reason || e.location) && /* @__PURE__ */ s("div", {
+			className: r.fieldList,
+			children: [
+				e.signerName && /* @__PURE__ */ s("div", {
+					className: r.fieldRow,
+					children: [/* @__PURE__ */ o("span", {
+						className: r.fieldLabel,
+						children: "Firmatario"
+					}), /* @__PURE__ */ o("span", {
+						className: r.fieldValue,
+						children: e.signerName
+					})]
+				}),
+				e.signDate && /* @__PURE__ */ s("div", {
+					className: r.fieldRow,
+					children: [/* @__PURE__ */ o("span", {
+						className: r.fieldLabel,
+						children: "Data"
+					}), /* @__PURE__ */ o("span", {
+						className: r.fieldValue,
+						children: c(e.signDate)
+					})]
+				}),
+				e.reason && /* @__PURE__ */ s("div", {
+					className: r.fieldRow,
+					children: [/* @__PURE__ */ o("span", {
+						className: r.fieldLabel,
+						children: "Motivo"
+					}), /* @__PURE__ */ o("span", {
+						className: r.fieldValue,
+						children: e.reason
+					})]
+				}),
+				e.location && /* @__PURE__ */ s("div", {
+					className: r.fieldRow,
+					children: [/* @__PURE__ */ o("span", {
+						className: r.fieldLabel,
+						children: "Luogo"
+					}), /* @__PURE__ */ o("span", {
+						className: r.fieldValue,
+						children: e.location
+					})]
+				})
+			]
+		})]
+	});
+	return n ? /* @__PURE__ */ o("button", {
+		type: "button",
+		className: i,
+		onClick: d,
+		children: f
+	}) : /* @__PURE__ */ o("div", {
+		className: i,
+		children: f
+	});
+});
+function f({ icon: t }) {
+	let { pdf: i } = e(), { signatures: a, loading: c } = n({ pdf: i }), l = a.length;
+	return /* @__PURE__ */ s("span", {
 		className: r.iconWrapper,
-		children: [c, m]
-	}), s[5] = c, s[6] = m, s[7] = h) : h = s[7], h;
+		children: [t, !c && l > 0 && /* @__PURE__ */ o("span", {
+			className: r.badge,
+			children: l > 99 ? "99+" : l
+		})]
+	});
 }
-function f() {
-	let s = i(24), { pdf: c, goToPage: l, setHighlight: d, setZoom: f, rotation: p, containerRef: m } = e(), h;
-	s[0] === c ? h = s[1] : (h = { pdf: c }, s[0] = c, s[1] = h);
-	let { signatures: g, loading: _ } = n(h), v, y, b, x;
-	if (s[2] !== m || s[3] !== l || s[4] !== _ || s[5] !== c || s[6] !== p || s[7] !== d || s[8] !== f || s[9] !== g) {
-		let e = async (e) => {
-			c && m.current && f(await t("page", c, m.current, p)), l(e.page), e.rect && d({
-				page: e.page,
-				pdfRect: e.rect
-			});
-		};
-		v = r.list, s[14] === _ ? y = s[15] : (y = _ && /* @__PURE__ */ a("div", {
-			className: r.emptyState,
-			children: "Caricamento..."
-		}), s[14] = _, s[15] = y), s[16] !== _ || s[17] !== g ? (b = !_ && g.length === 0 && /* @__PURE__ */ a("div", {
-			className: r.emptyState,
-			children: "Nessuna firma rilevata."
-		}), s[16] = _, s[17] = g, s[18] = b) : b = s[18], x = !_ && g.map((t, n) => /* @__PURE__ */ a(u, {
-			sig: t,
-			onClick: () => e(t)
-		}, n)), s[2] = m, s[3] = l, s[4] = _, s[5] = c, s[6] = p, s[7] = d, s[8] = f, s[9] = g, s[10] = v, s[11] = y, s[12] = b, s[13] = x;
-	} else v = s[10], y = s[11], b = s[12], x = s[13];
-	let S;
-	return s[19] !== v || s[20] !== y || s[21] !== b || s[22] !== x ? (S = /* @__PURE__ */ o("div", {
-		className: v,
+function p() {
+	let { pdf: i, goToPage: c, setHighlight: l, setZoom: u, rotation: f, containerRef: p } = e(), { signatures: m, loading: h } = n({ pdf: i }), g = a(async (e) => {
+		i && p.current && u(await t("page", i, p.current, f)), c(e.page), e.rect && l({
+			page: e.page,
+			pdfRect: e.rect
+		});
+	}, [
+		i,
+		p,
+		f,
+		c,
+		u,
+		l
+	]);
+	return /* @__PURE__ */ s("div", {
+		className: r.list,
 		children: [
-			y,
-			b,
-			x
+			h && /* @__PURE__ */ o("div", {
+				className: r.emptyState,
+				children: "Caricamento..."
+			}),
+			!h && m.length === 0 && /* @__PURE__ */ o("div", {
+				className: r.emptyState,
+				children: "Nessuna firma rilevata."
+			}),
+			!h && m.map((e, t) => /* @__PURE__ */ o(d, {
+				sig: e,
+				onNavigate: g
+			}, t))
 		]
-	}), s[19] = v, s[20] = y, s[21] = b, s[22] = x, s[23] = S) : S = s[23], S;
+	});
 }
 //#endregion
-export { f as PDFSignatures, d as PDFSignaturesIcon };
+export { p as PDFSignatures, f as PDFSignaturesIcon };

package/dist/es/components/features/PDFSignatures.module.js

@@ -1,20 +1,20 @@
 var e = {
-	list: "_list_irrdi_1",
-	emptyState: "_emptyState_irrdi_15",
-	card: "_card_irrdi_29",
-	cardSigned: "_cardSigned_irrdi_63",
-	cardClickable: "_cardClickable_irrdi_73",
-	cardBody: "_cardBody_irrdi_99",
-	cardHeader: "_cardHeader_irrdi_107",
-	fieldName: "_fieldName_irrdi_123",
-	statusChip: "_statusChip_irrdi_145",
-	statusChipSigned: "_statusChipSigned_irrdi_177",
-	fieldList: "_fieldList_irrdi_189",
-	fieldRow: "_fieldRow_irrdi_201",
-	fieldLabel: "_fieldLabel_irrdi_217",
-	fieldValue: "_fieldValue_irrdi_227",
-	iconWrapper: "_iconWrapper_irrdi_237",
-	badge: "_badge_irrdi_251"
+	list: "_list_b0wj1_1",
+	emptyState: "_emptyState_b0wj1_8",
+	card: "_card_b0wj1_15",
+	cardSigned: "_cardSigned_b0wj1_32",
+	cardClickable: "_cardClickable_b0wj1_37",
+	cardBody: "_cardBody_b0wj1_50",
+	cardHeader: "_cardHeader_b0wj1_54",
+	fieldName: "_fieldName_b0wj1_62",
+	statusChip: "_statusChip_b0wj1_73",
+	statusChipSigned: "_statusChipSigned_b0wj1_89",
+	fieldList: "_fieldList_b0wj1_95",
+	fieldRow: "_fieldRow_b0wj1_101",
+	fieldLabel: "_fieldLabel_b0wj1_109",
+	fieldValue: "_fieldValue_b0wj1_114",
+	iconWrapper: "_iconWrapper_b0wj1_119",
+	badge: "_badge_b0wj1_126"
 };
 //#endregion
 export { e as default };

package/dist/es/components/features/PDFThemeToggle.js

@@ -1,17 +1,16 @@
 import { ToolbarButton as e } from "../ui/ToolbarButton.js";
 import { useTheme as t } from "../../hooks/useTheme.js";
-import { c as n } from "react/compiler-runtime";
 import "react";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/components/features/PDFThemeToggle.tsx
-function i(i) {
-	let a = n(4), { lightIcon: o, darkIcon: s } = i, { isDark: c, toggleTheme: l } = t(), u = c ? "Switch to light mode" : "Switch to dark mode", d = c ? o : s, f;
-	return a[0] !== u || a[1] !== d || a[2] !== l ? (f = /* @__PURE__ */ r(e, {
-		onClick: l,
-		title: u,
-		children: d
-	}), a[0] = u, a[1] = d, a[2] = l, a[3] = f) : f = a[3], f;
+function r({ lightIcon: r, darkIcon: i }) {
+	let { isDark: a, toggleTheme: o } = t();
+	return /* @__PURE__ */ n(e, {
+		onClick: o,
+		title: a ? "Switch to light mode" : "Switch to dark mode",
+		children: a ? r : i
+	});
 }
-i.toolbarLabel = "Tema";
+r.toolbarLabel = "Tema";
 //#endregion
-export { i as PDFThemeToggle };
+export { r as PDFThemeToggle };

package/dist/es/components/features/PDFThumbnails.js

@@ -1,63 +1,54 @@
 import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
 import { useThumbnails as t } from "../../hooks/useThumbnails.js";
 import n from "./PDFThumbnails.module.js";
-import { c as r } from "react/compiler-runtime";
-import { useEffect as i, useRef as a, useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/features/PDFThumbnails.tsx
-var l = 3;
-function u(e, t, n) {
+var c = 3;
+function l(e, t, n) {
 	let r = new Set(t);
 	for (let t of e) {
 		if (!t.isIntersecting) continue;
 		let e = Number(t.target.dataset.page);
-		for (let t = Math.max(1, e - l); t <= Math.min(n, e + l); t++) r.add(t);
+		for (let t = Math.max(1, e - c); t <= Math.min(n, e + c); t++) r.add(t);
 	}
 	let i = Array.from(r).sort((e, t) => e - t);
 	return i.join(",") === t.join(",") ? t : i;
 }
-function d() {
-	let l = r(14), { pdf: d, rotation: f, currentPage: p, goToPage: m, numPages: h } = e(), g;
-	l[0] === Symbol.for("react.memo_cache_sentinel") ? (g = [], l[0] = g) : g = l[0];
-	let _ = a(g), v;
-	l[1] === Symbol.for("react.memo_cache_sentinel") ? (v = [], l[1] = v) : v = l[1];
-	let [y, b] = o(v), x;
-	l[2] !== d || l[3] !== f || l[4] !== y ? (x = {
-		pdf: d,
-		rotation: f,
-		visiblePages: y
-	}, l[2] = d, l[3] = f, l[4] = y, l[5] = x) : x = l[5];
-	let { thumbnails: S } = t(x), C, w;
-	l[6] === h ? (C = l[7], w = l[8]) : (C = () => {
-		if (h === 0) return;
-		let e = new IntersectionObserver((e) => b((t) => u(e, t, h)), { threshold: 0 });
-		return _.current.forEach((t) => {
+function u() {
+	let { pdf: c, rotation: u, currentPage: d, goToPage: f, numPages: p } = e(), m = i([]), [h, g] = a([]), { thumbnails: _ } = t({
+		pdf: c,
+		rotation: u,
+		visiblePages: h
+	});
+	return r(() => {
+		if (p === 0) return;
+		let e = new IntersectionObserver((e) => g((t) => l(e, t, p)), { threshold: 0 });
+		return m.current.forEach((t) => {
 			t && e.observe(t);
 		}), () => e.disconnect();
-	}, w = [h], l[6] = h, l[7] = C, l[8] = w), i(C, w);
-	let T;
-	return l[9] !== p || l[10] !== m || l[11] !== h || l[12] !== S ? (T = /* @__PURE__ */ s("div", {
+	}, [p]), /* @__PURE__ */ o("div", {
 		className: n.thumbnailList,
-		children: Array.from({ length: h }, (e, t) => {
-			let r = t + 1, i = S[t], a = p === r;
-			return /* @__PURE__ */ c("div", {
+		children: Array.from({ length: p }, (e, t) => {
+			let r = t + 1, i = _[t], a = d === r;
+			return /* @__PURE__ */ s("div", {
 				className: `${n.thumbnailItem} ${a ? n.thumbnailItemActive : ""}`,
-				onClick: () => m(r),
+				onClick: () => f(r),
 				ref: (e) => {
-					_.current[t] = e;
+					m.current[t] = e;
 				},
 				"data-page": r,
-				children: [i ? /* @__PURE__ */ s("img", {
+				children: [i ? /* @__PURE__ */ o("img", {
 					src: i,
 					className: `${n.thumbnailImg} ${a ? n.thumbnailImgActive : ""}`,
 					alt: `Anteprima pagina ${r}`
-				}) : /* @__PURE__ */ s("div", { className: n.thumbnailSkeleton }), /* @__PURE__ */ s("div", {
+				}) : /* @__PURE__ */ o("div", { className: n.thumbnailSkeleton }), /* @__PURE__ */ o("div", {
 					className: `${n.thumbnailLabel} ${a ? n.thumbnailLabelActive : ""}`,
 					children: r
 				})]
 			}, t);
 		})
-	}), l[9] = p, l[10] = m, l[11] = h, l[12] = S, l[13] = T) : T = l[13], T;
+	});
 }
 //#endregion
-export { d as PDFThumbnails };
+export { u as PDFThumbnails };

package/dist/es/components/features/PDFThumbnails.module.js

@@ -1,13 +1,13 @@
 var e = {
-	thumbnailList: "_thumbnailList_vk7sw_1",
-	thumbnailItem: "_thumbnailItem_vk7sw_11",
-	thumbnailItemActive: "_thumbnailItemActive_vk7sw_37",
-	thumbnailImg: "_thumbnailImg_vk7sw_55",
-	thumbnailImgActive: "_thumbnailImgActive_vk7sw_67",
-	thumbnailSkeleton: "_thumbnailSkeleton_vk7sw_75",
-	shimmer: "_shimmer_vk7sw_1",
-	thumbnailLabel: "_thumbnailLabel_vk7sw_103",
-	thumbnailLabelActive: "_thumbnailLabelActive_vk7sw_117"
+	thumbnailList: "_thumbnailList_t3mg8_1",
+	thumbnailItem: "_thumbnailItem_t3mg8_6",
+	thumbnailItemActive: "_thumbnailItemActive_t3mg8_19",
+	thumbnailImg: "_thumbnailImg_t3mg8_28",
+	thumbnailImgActive: "_thumbnailImgActive_t3mg8_34",
+	thumbnailSkeleton: "_thumbnailSkeleton_t3mg8_40",
+	shimmer: "_shimmer_t3mg8_1",
+	thumbnailLabel: "_thumbnailLabel_t3mg8_63",
+	thumbnailLabelActive: "_thumbnailLabelActive_t3mg8_70"
 };
 //#endregion
 export { e as default };

package/dist/es/components/features/PDFZoomControls.js

@@ -1,44 +1,29 @@
 import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
 import { ToolbarButton as t } from "../ui/ToolbarButton.js";
 import n from "./PDFZoomControls.module.js";
-import { c as r } from "react/compiler-runtime";
-import "react";
+import { useCallback as r } from "react";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/features/PDFZoomControls.tsx
-function s(s) {
-	let c = r(21), { zoomOutIcon: l, zoomInIcon: u } = s, { zoom: d, setZoom: f, setFitMode: p } = e(), m;
-	c[0] !== p || c[1] !== f ? (m = (e) => {
-		p(null), f((t) => Math.min(Math.max(t + e, .2), 3));
-	}, c[0] = p, c[1] = f, c[2] = m) : m = c[2];
-	let h = m, g;
-	c[3] === h ? g = c[4] : (g = () => h(-.2), c[3] = h, c[4] = g);
-	let _;
-	c[5] !== g || c[6] !== l ? (_ = /* @__PURE__ */ a(t, {
-		onClick: g,
-		title: "Riduci zoom",
-		children: l
-	}), c[5] = g, c[6] = l, c[7] = _) : _ = c[7];
-	let v;
-	c[8] === d ? v = c[9] : (v = Math.round(d * 100), c[8] = d, c[9] = v);
-	let y;
-	c[10] === v ? y = c[11] : (y = /* @__PURE__ */ o("span", {
-		className: n.zoomLabel,
-		children: [v, "%"]
-	}), c[10] = v, c[11] = y);
-	let b;
-	c[12] === h ? b = c[13] : (b = () => h(.2), c[12] = h, c[13] = b);
-	let x;
-	c[14] !== b || c[15] !== u ? (x = /* @__PURE__ */ a(t, {
-		onClick: b,
-		title: "Aumenta zoom",
-		children: u
-	}), c[14] = b, c[15] = u, c[16] = x) : x = c[16];
-	let S;
-	return c[17] !== _ || c[18] !== y || c[19] !== x ? (S = /* @__PURE__ */ o(i, { children: [
-		_,
-		y,
-		x
-	] }), c[17] = _, c[18] = y, c[19] = x, c[20] = S) : S = c[20], S;
+function s({ zoomOutIcon: s, zoomInIcon: c }) {
+	let { zoom: l, setZoom: u, setFitMode: d } = e(), f = r((e) => {
+		d(null), u((t) => Math.min(Math.max(t + e, .2), 3));
+	}, [d, u]), p = r(() => f(-.2), [f]), m = r(() => f(.2), [f]);
+	return /* @__PURE__ */ o(i, { children: [
+		/* @__PURE__ */ a(t, {
+			onClick: p,
+			title: "Riduci zoom",
+			children: s
+		}),
+		/* @__PURE__ */ o("span", {
+			className: n.zoomLabel,
+			children: [Math.round(l * 100), "%"]
+		}),
+		/* @__PURE__ */ a(t, {
+			onClick: m,
+			title: "Aumenta zoom",
+			children: c
+		})
+	] });
 }
 s.toolbarLabel = "Zoom";
 //#endregion

package/dist/es/components/features/PDFZoomControls.module.js

@@ -1,3 +1,3 @@
-var e = { zoomLabel: "_zoomLabel_1r6if_1" };
+var e = { zoomLabel: "_zoomLabel_m8iv9_1" };
 //#endregion
 export { e as default };