pdf-tsx 0.2.0 → 0.4.0

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

@@ -1,43 +1,33 @@
 import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
-import { ToolbarButton as t } from "../ui/ToolbarButton.js";
+import { computeFit as t } from "../../utils/pdfFit.js";
+import { ToolbarButton as n } from "../ui/ToolbarButton.js";
 import "react";
-import { c as n } from "react/compiler-runtime";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { c as r } from "react/compiler-runtime";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/features/PDFPageFit.tsx
-var o = 60, s = 10;
-function c(c) {
-	let l = n(19), { fitWidthIcon: u, fitPageIcon: d } = c, { pdf: f, rotation: p, setZoom: m, containerRef: h } = e(), g;
-	l[0] !== h || l[1] !== f || l[2] !== p || l[3] !== m ? (g = async () => {
-		if (!f || !h.current) return;
-		let e = (await f.getPage(1)).getViewport({
-			scale: 1,
-			rotation: p
-		});
-		m((h.current.clientWidth - o) / e.width);
-	}, l[0] = h, l[1] = f, l[2] = p, l[3] = m, l[4] = g) : g = l[4];
-	let _ = g, v;
-	l[5] !== h || l[6] !== f || l[7] !== p || l[8] !== m ? (v = async () => {
-		if (!f || !h.current) return;
-		let e = (await f.getPage(1)).getViewport({
-			scale: 1,
-			rotation: p
-		}), t = h.current.clientWidth - o, n = h.current.clientHeight - s * 2;
-		m(Math.min(t / e.width, n / e.height));
-	}, l[5] = h, l[6] = f, l[7] = p, l[8] = m, l[9] = v) : v = l[9];
-	let y = v, b;
-	l[10] !== u || l[11] !== _ ? (b = /* @__PURE__ */ i(t, {
+function s(s) {
+	let c = r(18), { fitWidthIcon: l, fitPageIcon: u } = s, { pdf: d, rotation: f, setZoom: p, containerRef: m } = e(), h;
+	c[0] !== m || c[1] !== d || c[2] !== f || c[3] !== p ? (h = async (e) => {
+		!d || !m.current || p(await t(e, d, m.current, f));
+	}, c[0] = m, c[1] = d, c[2] = f, c[3] = p, c[4] = h) : h = c[4];
+	let g = h, _;
+	c[5] === g ? _ = c[6] : (_ = () => g("width"), c[5] = g, c[6] = _);
+	let v;
+	c[7] !== l || c[8] !== _ ? (v = /* @__PURE__ */ a(n, {
 		onClick: _,
 		title: "Adatta alla larghezza",
-		children: u
-	}), l[10] = u, l[11] = _, l[12] = b) : b = l[12];
-	let x;
-	l[13] !== d || l[14] !== y ? (x = /* @__PURE__ */ i(t, {
+		children: l
+	}), c[7] = l, c[8] = _, c[9] = v) : v = c[9];
+	let y;
+	c[10] === g ? y = c[11] : (y = () => g("page"), c[10] = g, c[11] = y);
+	let b;
+	c[12] !== u || c[13] !== y ? (b = /* @__PURE__ */ a(n, {
 		onClick: y,
 		title: "Adatta pagina intera",
-		children: d
-	}), l[13] = d, l[14] = y, l[15] = x) : x = l[15];
-	let S;
-	return l[16] !== b || l[17] !== x ? (S = /* @__PURE__ */ a(r, { children: [b, x] }), l[16] = b, l[17] = x, l[18] = S) : S = l[18], S;
+		children: u
+	}), c[12] = u, c[13] = y, c[14] = b) : b = c[14];
+	let x;
+	return c[15] !== v || c[16] !== b ? (x = /* @__PURE__ */ o(i, { children: [v, b] }), c[15] = v, c[16] = b, c[17] = x) : x = c[17], x;
 }
 //#endregion
-export { c as PDFPageFit };
+export { s as PDFPageFit };

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

@@ -9,9 +9,9 @@ function i(i) {
 	a[0] === s ? c = a[1] : (c = () => {
 		let e = URL.createObjectURL(s), t = document.createElement("iframe");
 		t.style.display = "none", t.src = e, document.body.appendChild(t), t.onload = () => {
-			t.contentWindow?.print(), setTimeout(() => {
+			t.contentWindow?.addEventListener("afterprint", () => {
 				document.body.removeChild(t), URL.revokeObjectURL(e);
-			}, 1e3);
+			}, { once: !0 }), t.contentWindow?.print();
 		};
 	}, a[0] = s, a[1] = c);
 	let l = c, u;

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

@@ -6,7 +6,7 @@ import { c as a } from "react/compiler-runtime";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/features/PDFSearch.tsx
 function l(l) {
-	let u = a(33), { searchIcon: d, prevIcon: f, nextIcon: p, clearIcon: m } = l, { pdf: h, goToPage: g, setHighlight: _, setSearchMatches: v } = e(), [y, b] = i(""), [x, S] = i(0), C;
+	let u = a(35), { searchIcon: d, prevIcon: f, nextIcon: p, clearIcon: m } = l, { pdf: h, goToPage: g, setHighlight: _, setSearchMatches: v } = e(), [y, b] = i(""), [x, S] = i(0), C;
 	u[0] !== h || u[1] !== y ? (C = {
 		pdf: h,
 		query: y
@@ -32,14 +32,19 @@ function l(l) {
 		b(""), S(0), _(null);
 	}, u[14] = _, u[15] = N);
 	let P = N, F;
-	u[16] !== M || u[17] !== y ? (F = /* @__PURE__ */ s("input", {
+	u[16] === d ? F = u[17] : (F = /* @__PURE__ */ s("span", {
+		className: n.searchIconWrapper,
+		children: d
+	}), u[16] = d, u[17] = F);
+	let I;
+	u[18] !== M || u[19] !== y ? (I = /* @__PURE__ */ s("input", {
 		className: n.searchInput,
 		value: y,
 		onChange: M,
 		placeholder: "Cerca nel documento..."
-	}), u[16] = M, u[17] = y, u[18] = F) : F = u[18];
-	let I;
-	u[19] !== m || u[20] !== P || u[21] !== x || u[22] !== A || u[23] !== p || u[24] !== f || u[25] !== y || u[26] !== T || u[27] !== E ? (I = y && /* @__PURE__ */ c(o, { children: [
+	}), u[18] = M, u[19] = y, u[20] = I) : I = u[20];
+	let L;
+	u[21] !== m || u[22] !== P || u[23] !== x || u[24] !== A || u[25] !== p || u[26] !== f || u[27] !== y || u[28] !== T || u[29] !== E ? (L = y && /* @__PURE__ */ c(o, { children: [
 		/* @__PURE__ */ s("span", {
 			className: n.counter,
 			children: T ? "…" : E === 0 ? "0" : `${x + 1}/${E}`
@@ -61,16 +66,16 @@ function l(l) {
 			onClick: P,
 			children: m
 		})
-	] }), u[19] = m, u[20] = P, u[21] = x, u[22] = A, u[23] = p, u[24] = f, u[25] = y, u[26] = T, u[27] = E, u[28] = I) : I = u[28];
-	let L;
-	return u[29] !== d || u[30] !== F || u[31] !== I ? (L = /* @__PURE__ */ c("div", {
+	] }), u[21] = m, u[22] = P, u[23] = x, u[24] = A, u[25] = p, u[26] = f, u[27] = y, u[28] = T, u[29] = E, u[30] = L) : L = u[30];
+	let R;
+	return u[31] !== F || u[32] !== I || u[33] !== L ? (R = /* @__PURE__ */ c("div", {
 		className: n.wrapper,
 		children: [
-			d,
 			F,
-			I
+			I,
+			L
 		]
-	}), u[29] = d, u[30] = F, u[31] = I, u[32] = L) : L = u[32], L;
+	}), u[31] = F, u[32] = I, u[33] = L, u[34] = R) : R = u[34], R;
 }
 //#endregion
 export { l as PDFSearch };

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

@@ -1,8 +1,9 @@
 var e = {
-	wrapper: "_wrapper_yinyt_1",
-	searchInput: "_searchInput_yinyt_13",
-	navButton: "_navButton_yinyt_53",
-	counter: "_counter_yinyt_95"
+	wrapper: "_wrapper_4qrs1_1",
+	searchIconWrapper: "_searchIconWrapper_4qrs1_13",
+	searchInput: "_searchInput_4qrs1_25",
+	navButton: "_navButton_4qrs1_65",
+	counter: "_counter_4qrs1_107"
 };
 //#endregion
 export { e as default };

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

@@ -0,0 +1,20 @@
+import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
+import t from "../ui/ToolbarButton.module.js";
+import { c as n } from "react/compiler-runtime";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/features/PDFSidebarToggle.tsx
+function i(i) {
+	let a = n(5), { collapseIcon: o, expandIcon: s } = i, { sidebarCollapsed: c, setSidebarCollapsed: l } = e();
+	if (!c) return null;
+	let u;
+	a[0] === l ? u = a[1] : (u = () => l(!1), a[0] = l, a[1] = u);
+	let d = s ?? o, f;
+	return a[2] !== u || a[3] !== d ? (f = /* @__PURE__ */ r("button", {
+		className: t.btn,
+		onClick: u,
+		title: "Espandi sidebar",
+		children: d
+	}), a[2] = u, a[3] = d, a[4] = f) : f = a[4], f;
+}
+//#endregion
+export { i as PDFSidebarToggle };

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

@@ -87,8 +87,22 @@ function s(e) {
 		children: [g, C]
 	}), t[26] = c, t[27] = l, t[28] = C, t[29] = g, t[30] = w) : w = t[30], w;
 }
-function c() {
-	let o = r(22), { pdf: c, goToPage: l, setHighlight: u } = e(), d;
+function c(o) {
+	let s = r(8), { icon: c } = o, { pdf: l } = e(), u;
+	s[0] === l ? u = s[1] : (u = { pdf: l }, s[0] = l, s[1] = u);
+	let { signatures: d, loading: f } = t(u), p = d.length, m;
+	s[2] !== p || s[3] !== f ? (m = !f && p > 0 && /* @__PURE__ */ i("span", {
+		className: n.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__ */ a("span", {
+		className: n.iconWrapper,
+		children: [c, m]
+	}), s[5] = c, s[6] = m, s[7] = h) : h = s[7], h;
+}
+function l() {
+	let o = r(18), { pdf: c, goToPage: l, setHighlight: u } = e(), d;
 	o[0] === c ? d = o[1] : (d = { pdf: c }, o[0] = c, o[1] = d);
 	let { signatures: f, loading: p } = t(d), m;
 	o[2] !== l || o[3] !== u ? (m = (e) => {
@@ -113,20 +127,14 @@ function c() {
 		onClick: () => h(e)
 	}, t)), o[10] = h, o[11] = p, o[12] = f, o[13] = v) : v = o[13];
 	let y;
-	o[14] !== p || o[15] !== f ? (y = !p && f.length > 0 && /* @__PURE__ */ i("div", {
-		className: n.disclaimer,
-		children: "La presenza del campo firma non garantisce la validità crittografica."
-	}), o[14] = p, o[15] = f, o[16] = y) : y = o[16];
-	let b;
-	return o[17] !== g || o[18] !== _ || o[19] !== v || o[20] !== y ? (b = /* @__PURE__ */ a("div", {
+	return o[14] !== g || o[15] !== _ || o[16] !== v ? (y = /* @__PURE__ */ a("div", {
 		className: n.list,
 		children: [
 			g,
 			_,
-			v,
-			y
+			v
 		]
-	}), o[17] = g, o[18] = _, o[19] = v, o[20] = y, o[21] = b) : b = o[21], b;
+	}), o[14] = g, o[15] = _, o[16] = v, o[17] = y) : y = o[17], y;
 }
 //#endregion
-export { c as PDFSignatures };
+export { l as PDFSignatures, c as PDFSignaturesIcon };

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

@@ -1,18 +1,20 @@
 var e = {
-	list: "_list_1xon0_1",
-	emptyState: "_emptyState_1xon0_11",
-	card: "_card_1xon0_23",
-	cardClickable: "_cardClickable_1xon0_45",
-	cardSigned: "_cardSigned_1xon0_61",
-	cardHeader: "_cardHeader_1xon0_71",
-	statusDot: "_statusDot_1xon0_85",
-	statusDotSigned: "_statusDotSigned_1xon0_113",
-	statusLabel: "_statusLabel_1xon0_121",
-	statusLabelSigned: "_statusLabelSigned_1xon0_137",
-	fieldList: "_fieldList_1xon0_145",
-	fieldRow: "_fieldRow_1xon0_157",
-	fieldLabel: "_fieldLabel_1xon0_167",
-	disclaimer: "_disclaimer_1xon0_175"
+	list: "_list_11831_1",
+	emptyState: "_emptyState_11831_11",
+	card: "_card_11831_23",
+	cardClickable: "_cardClickable_11831_45",
+	cardSigned: "_cardSigned_11831_61",
+	cardHeader: "_cardHeader_11831_71",
+	statusDot: "_statusDot_11831_85",
+	statusDotSigned: "_statusDotSigned_11831_113",
+	statusLabel: "_statusLabel_11831_121",
+	statusLabelSigned: "_statusLabelSigned_11831_137",
+	fieldList: "_fieldList_11831_145",
+	fieldRow: "_fieldRow_11831_157",
+	fieldLabel: "_fieldLabel_11831_167",
+	disclaimer: "_disclaimer_11831_175",
+	iconWrapper: "_iconWrapper_11831_197",
+	badge: "_badge_11831_211"
 };
 //#endregion
 export { e as default };

package/dist/es/context/ThemeContext.js

@@ -5,38 +5,38 @@ import { jsx as s } from "react/jsx-runtime";
 //#region src/context/ThemeContext.tsx
 var c = r(null);
 function l(r) {
-	let i = o(17), { children: l, themeOverrides: d } = r, [f, p] = a(!0), m, h;
-	i[0] !== f || i[1] !== d?.dark || i[2] !== d?.light ? (h = f ? {
+	let i = o(17), { children: l, themeOverrides: d, defaultTheme: f } = r, [p, m] = a((f === void 0 ? "light" : f) === "dark"), h, g;
+	i[0] !== p || i[1] !== d?.dark || i[2] !== d?.light ? (g = p ? {
 		...e,
 		...d?.dark
 	} : {
 		...t,
 		...d?.light
-	}, m = n(h), i[0] = f, i[1] = d?.dark, i[2] = d?.light, i[3] = m, i[4] = h) : (m = i[3], h = i[4]);
-	let g = m, _;
-	i[5] === Symbol.for("react.memo_cache_sentinel") ? (_ = () => p(u), i[5] = _) : _ = i[5];
-	let v;
-	i[6] !== f || i[7] !== h ? (v = {
-		isDark: f,
-		toggleTheme: _,
-		theme: h
-	}, i[6] = f, i[7] = h, i[8] = v) : v = i[8];
-	let y = g, b;
-	i[9] === y ? b = i[10] : (b = {
-		...y,
+	}, h = n(g), i[0] = p, i[1] = d?.dark, i[2] = d?.light, i[3] = h, i[4] = g) : (h = i[3], g = i[4]);
+	let _ = h, v;
+	i[5] === Symbol.for("react.memo_cache_sentinel") ? (v = () => m(u), i[5] = v) : v = i[5];
+	let y;
+	i[6] !== p || i[7] !== g ? (y = {
+		isDark: p,
+		toggleTheme: v,
+		theme: g
+	}, i[6] = p, i[7] = g, i[8] = y) : y = i[8];
+	let b = _, x;
+	i[9] === b ? x = i[10] : (x = {
+		...b,
 		height: "100%",
 		width: "100%"
-	}, i[9] = y, i[10] = b);
-	let x;
-	i[11] !== l || i[12] !== b ? (x = /* @__PURE__ */ s("div", {
-		style: b,
-		children: l
-	}), i[11] = l, i[12] = b, i[13] = x) : x = i[13];
+	}, i[9] = b, i[10] = x);
 	let S;
-	return i[14] !== v || i[15] !== x ? (S = /* @__PURE__ */ s(c.Provider, {
-		value: v,
-		children: x
-	}), i[14] = v, i[15] = x, i[16] = S) : S = i[16], S;
+	i[11] !== l || i[12] !== x ? (S = /* @__PURE__ */ s("div", {
+		style: x,
+		children: l
+	}), i[11] = l, i[12] = x, i[13] = S) : S = i[13];
+	let C;
+	return i[14] !== y || i[15] !== S ? (C = /* @__PURE__ */ s(c.Provider, {
+		value: y,
+		children: S
+	}), i[14] = y, i[15] = S, i[16] = C) : C = i[16], C;
 }
 function u(e) {
 	return !e;

package/dist/es/index.js

@@ -1,17 +1,18 @@
 import { darkTheme as e, lightTheme as t } from "./theme.js";
 import n from "./components/PDFViewer.js";
 import { PDFSidebar as r } from "./components/PDFSidebar.js";
-import { PDFAnnotations as i } from "./components/features/PDFAnnotations.js";
-import { PDFChangeFile as a } from "./components/features/PDFChangeFile.js";
-import { PDFDownloadButton as o } from "./components/features/PDFDownloadButton.js";
-import { PDFNavigation as s } from "./components/features/PDFNavigation.js";
-import { PDFOutline as c } from "./components/features/PDFOutline.js";
-import { PDFPageFit as l } from "./components/features/PDFPageFit.js";
-import { PDFRotationControl as u } from "./components/features/PDFRotationControl.js";
-import { PDFSearch as d } from "./components/features/PDFSearch.js";
-import { PDFSignatures as f } from "./components/features/PDFSignatures.js";
-import { PDFThumbnails as p } from "./components/features/PDFThumbnails.js";
-import { PDFZoomControls as m } from "./components/features/PDFZoomControls.js";
-import { PDFThemeToggle as h } from "./components/features/PDFThemeToggle.js";
-import { PDFPrintButton as g } from "./components/features/PDFPrintButton.js";
-export { i as PDFAnnotations, a as PDFChangeFile, o as PDFDownloadButton, s as PDFNavigation, c as PDFOutline, l as PDFPageFit, g as PDFPrintButton, u as PDFRotationControl, d as PDFSearch, r as PDFSidebar, f as PDFSignatures, h as PDFThemeToggle, p as PDFThumbnails, n as PDFViewer, m as PDFZoomControls, e as darkTheme, t as lightTheme };
+import { PDFAnnotations as i, PDFAnnotationsIcon as a } from "./components/features/PDFAnnotations.js";
+import { PDFChangeFile as o } from "./components/features/PDFChangeFile.js";
+import { PDFDownloadButton as s } from "./components/features/PDFDownloadButton.js";
+import { PDFNavigation as c } from "./components/features/PDFNavigation.js";
+import { PDFOutline as l } from "./components/features/PDFOutline.js";
+import { PDFPageFit as u } from "./components/features/PDFPageFit.js";
+import { PDFRotationControl as d } from "./components/features/PDFRotationControl.js";
+import { PDFSearch as f } from "./components/features/PDFSearch.js";
+import { PDFSignatures as p, PDFSignaturesIcon as m } from "./components/features/PDFSignatures.js";
+import { PDFThumbnails as h } from "./components/features/PDFThumbnails.js";
+import { PDFZoomControls as g } from "./components/features/PDFZoomControls.js";
+import { PDFThemeToggle as _ } from "./components/features/PDFThemeToggle.js";
+import { PDFPrintButton as v } from "./components/features/PDFPrintButton.js";
+import { PDFSidebarToggle as y } from "./components/features/PDFSidebarToggle.js";
+export { i as PDFAnnotations, a as PDFAnnotationsIcon, o as PDFChangeFile, s as PDFDownloadButton, c as PDFNavigation, l as PDFOutline, u as PDFPageFit, v as PDFPrintButton, d as PDFRotationControl, f as PDFSearch, r as PDFSidebar, y as PDFSidebarToggle, p as PDFSignatures, m as PDFSignaturesIcon, _ as PDFThemeToggle, h as PDFThumbnails, n as PDFViewer, g as PDFZoomControls, e as darkTheme, t as lightTheme };

package/dist/es/pdf-tsx.css

@@ -1,2 +1,2 @@
-._wrapper_184n8_1{border-right:1px solid var(--pdf-border);height:100%;display:flex}._buttonBar_184n8_13{background-color:var(--pdf-bg);flex-direction:column;flex-shrink:0;gap:2px;width:48px;padding-top:4px;display:flex}._panelButton_184n8_33{cursor:pointer;width:44px;height:44px;color:var(--pdf-text-muted);background-color:#0000;border:none;border-radius:6px;justify-content:center;align-items:center;margin:0 2px;transition:background-color .15s,color .15s;display:flex}._panelButton_184n8_33:hover{background-color:var(--pdf-surface);color:var(--pdf-text-secondary)}._panelButtonActive_184n8_73{background-color:var(--pdf-surface);color:var(--pdf-accent-light)}._panelButtonActive_184n8_73:hover{color:var(--pdf-accent-light)}._contentPanel_184n8_91{background-color:var(--pdf-panel-bg);border-right:1px solid var(--pdf-panel-border);flex-direction:column;width:260px;display:flex}._panelHeader_184n8_107{color:var(--pdf-text-muted);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--pdf-panel-border);background-color:var(--pdf-panel-header-bg);flex-shrink:0;padding:10px 14px;font-size:11px;font-weight:600}._panelBody_184n8_131{flex:1;overflow-y:auto}._appLayout_nel8e_1{width:100%;height:100%;display:flex;overflow:hidden}._mainContent_nel8e_15{flex-direction:column;flex:1;min-width:0;display:flex}._toolbar_nel8e_29{border-bottom:1px solid var(--pdf-border);background-color:var(--pdf-bg);z-index:10;flex-shrink:0;align-items:center;gap:2px;height:44px;padding:0 12px;display:flex}._scrollContainer_nel8e_53{background-color:var(--pdf-scroll-area);flex-direction:column;flex:1;align-items:center;padding:10px 20px;display:flex;overflow-y:auto}._pageWrapper_nel8e_73{margin-bottom:25px;position:relative}._pageCanvas_nel8e_83{box-shadow:0 5px 20px var(--pdf-shadow-page);pointer-events:none;background-color:#fff;display:block}._textLayer_nel8e_97{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;text-align:initial;opacity:1;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;caret-color:canvastext;z-index:0;--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size));line-height:1;position:absolute;inset:0;overflow:clip}._textLayer_nel8e_97 :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;position:absolute}._textLayer_nel8e_97>:not(._markedContent_nel8e_149),._textLayer_nel8e_97 ._markedContent_nel8e_149 span:not(._markedContent_nel8e_149){z-index:1;--font-height:0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x:1;--rotate:0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}._textLayer_nel8e_97 ._markedContent_nel8e_149{display:contents}._textLayer_nel8e_97 ._endOfContent_nel8e_177{z-index:0;cursor:default;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:100% 0 0}._textLayer_nel8e_97._selecting_nel8e_195 ._endOfContent_nel8e_177{top:0}._textLayer_nel8e_97 ::selection{background:#0000ff40}._textLayer_nel8e_97 br::selection{background:0 0}._pageSkeleton_nel8e_235{background:linear-gradient(90deg,#3f3f46 25%,#52525b 50%,#3f3f46 75%) 0 0/200% 100%;border-radius:1px;animation:1.4s infinite _shimmer_nel8e_1}@keyframes _shimmer_nel8e_1{0%{background-position:200% 0}to{background-position:-200% 0}}._highlightOverlay_nel8e_267{pointer-events:none;background-color:#ffdc0059;border:2px solid #ffa000e6;border-radius:2px;position:absolute}._linkOverlay_nel8e_283{pointer-events:all;cursor:pointer;position:absolute}._searchMatchOverlay_nel8e_295{pointer-events:none;background-color:#fde0474d;border-bottom:2px solid #eab308cc;position:absolute}._list_173qc_1{flex-direction:column;display:flex}._emptyState_173qc_11{color:var(--pdf-text-secondary);padding:20px 14px;font-size:12px}._pageHeader_173qc_23{color:var(--pdf-text-secondary);text-transform:uppercase;letter-spacing:.5px;background-color:var(--pdf-panel-header-bg);border-bottom:1px solid var(--pdf-panel-border);padding:5px 12px;font-size:10px;font-weight:600}._card_173qc_45{border:1px solid var(--pdf-panel-border);background-color:var(--pdf-panel-bg);border-radius:6px;margin:8px;padding:10px 12px;font-size:12px;transition:box-shadow .12s}._cardClickable_173qc_65{cursor:pointer}._cardClickable_173qc_65:hover{box-shadow:0 1px 6px var(--pdf-shadow-page)}._cardHeader_173qc_81{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}._cardLabel_173qc_95{color:var(--pdf-text-secondary);font-size:11px;font-weight:600}._cardPage_173qc_107{color:var(--pdf-text-secondary);font-size:10px}._cardAuthor_173qc_117{color:var(--pdf-text-muted);margin-bottom:3px;font-size:11px}._cardContent_173qc_129{color:var(--pdf-text-primary);font-size:12px;line-height:1.5}._btn_12ml0_1{color:var(--pdf-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:6px 8px;font-family:inherit;font-size:13px;line-height:1;transition:background .12s,color .12s;display:flex}._btn_12ml0_1:hover:not(:disabled){background:var(--pdf-surface);color:var(--pdf-text-primary)}._btn_12ml0_1:disabled{color:var(--pdf-border);cursor:default}._primary_12ml0_57{background:var(--pdf-accent);color:#fff;padding:6px 14px}._primary_12ml0_57:hover:not(:disabled){background:var(--pdf-accent-hover);color:#fff}._navWrapper_6ysgx_1{align-items:center;gap:2px;margin-left:auto;display:flex}._pageInput_6ysgx_15{background:var(--pdf-surface);width:32px;color:var(--pdf-text-primary);font-variant-numeric:tabular-nums;text-align:center;border:1px solid #0000;border-radius:4px;outline:none;padding:3px 4px;font-family:inherit;font-size:12px}._pageInput_6ysgx_15:focus{border-color:var(--pdf-accent);background:var(--pdf-bg)}._pageInput_6ysgx_15::-webkit-outer-spin-button{-webkit-appearance:none}._pageInput_6ysgx_15::-webkit-inner-spin-button{-webkit-appearance:none}._pageInput_6ysgx_15{-moz-appearance:textfield}._pageTotal_6ysgx_71{color:var(--pdf-text-placeholder);font-variant-numeric:tabular-nums;font-size:12px}._emptyState_1w4ic_1{color:var(--pdf-text-secondary);padding:20px 14px;font-size:12px}._tree_1w4ic_13{flex-direction:column;padding:4px 0;display:flex}._row_1w4ic_25{color:var(--pdf-text-secondary);cursor:pointer;border-radius:4px;align-items:center;gap:4px;margin:0 4px;padding:5px 12px;font-size:12px;line-height:1.4;display:flex}._row_1w4ic_25:hover{background-color:var(--pdf-surface-hover);color:var(--pdf-text-primary)}._chevronBtn_1w4ic_61{cursor:pointer;color:var(--pdf-text-secondary);background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:flex}._chevronBtn_1w4ic_61:hover{color:var(--pdf-text-muted)}._title_1w4ic_91{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}._wrapper_yinyt_1{align-items:center;gap:4px;display:flex}._searchInput_yinyt_13{background:var(--pdf-surface);border:1px solid var(--pdf-border);color:var(--pdf-text-primary);border-radius:4px;outline:none;width:180px;padding:4px 8px;font-family:inherit;font-size:13px}._searchInput_yinyt_13:focus{border-color:var(--pdf-accent)}._searchInput_yinyt_13::placeholder{color:var(--pdf-text-placeholder)}._navButton_yinyt_53{color:var(--pdf-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px 5px;display:flex}._navButton_yinyt_53:hover:not(:disabled){background:var(--pdf-surface);color:var(--pdf-text-primary)}._navButton_yinyt_53:disabled{color:var(--pdf-border);cursor:default}._counter_yinyt_95{color:var(--pdf-text-muted);text-align:center;min-width:36px;font-size:11px}._list_1xon0_1{flex-direction:column;display:flex}._emptyState_1xon0_11{color:var(--pdf-text-secondary);padding:20px 14px;font-size:12px}._card_1xon0_23{border:1px solid var(--pdf-border);background-color:var(--pdf-panel-bg);cursor:default;border-radius:6px;margin:8px;padding:12px;font-size:12px;transition:box-shadow .12s}._cardClickable_1xon0_45{cursor:pointer}._cardClickable_1xon0_45:hover{box-shadow:0 1px 6px var(--pdf-shadow-page)}._cardSigned_1xon0_61{background-color:#f0fdf4;border-color:#bbf7d0}._cardHeader_1xon0_71{align-items:center;gap:7px;margin-bottom:8px;display:flex}._statusDot_1xon0_85{background-color:var(--pdf-border-light);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;line-height:1;display:flex}._statusDotSigned_1xon0_113{background-color:#22c55e}._statusLabel_1xon0_121{color:var(--pdf-text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}._statusLabelSigned_1xon0_137{color:#16a34a}._fieldList_1xon0_145{flex-direction:column;gap:3px;display:flex}._fieldRow_1xon0_157{color:var(--pdf-text-secondary);font-size:12px}._fieldLabel_1xon0_167{color:var(--pdf-text-secondary)}._disclaimer_1xon0_175{color:#a16207;background-color:#fefce8;border:1px solid #fef08a;border-radius:4px;margin:0 8px 12px;padding:8px 10px;font-size:10px;line-height:1.5}._thumbnailList_116om_1{background-color:var(--pdf-panel-bg);padding-bottom:8px}._thumbnailItem_116om_11{cursor:pointer;text-align:center;background-color:#0000;border-left:2px solid #0000;padding:12px 16px;transition:background-color .15s}._thumbnailItem_116om_11:hover{background-color:var(--pdf-surface-hover)}._thumbnailItemActive_116om_37{background-color:var(--pdf-accent-subtle);border-left-color:var(--pdf-accent)}._thumbnailItemActive_116om_37:hover{background-color:var(--pdf-accent-subtle)}._thumbnailImg_116om_55{width:120px;box-shadow:0 1px 4px var(--pdf-shadow-page);border-radius:2px}._thumbnailImgActive_116om_67{box-shadow:0 0 0 2px var(--pdf-accent), 0 2px 8px var(--pdf-shadow-page)}._thumbnailLabel_116om_75{color:var(--pdf-text-muted);margin-top:6px;font-size:11px;font-weight:400}._thumbnailLabelActive_116om_89{color:var(--pdf-accent-hover);font-weight:600}._zoomLabel_1r6if_1{text-align:center;min-width:42px;color:var(--pdf-text-muted);font-variant-numeric:tabular-nums;font-size:12px}
+._wrapper_1xud4_1{border-right:1px solid var(--pdf-border);height:100%;display:flex}._wrapperCollapsed_1xud4_13{border-right:1px solid var(--pdf-border);background-color:var(--pdf-bg);flex-direction:column;height:100%;padding-top:4px;display:flex}._buttonBar_1xud4_31{background-color:var(--pdf-bg);flex-direction:column;flex-shrink:0;gap:2px;width:48px;padding-top:4px;display:flex}._toggleButton_1xud4_51{border-bottom:1px solid var(--pdf-border);border-radius:0;width:48px;margin:0;padding-bottom:6px}._panelButton_1xud4_69{cursor:pointer;width:44px;height:44px;color:var(--pdf-text-muted);background-color:#0000;border:none;border-radius:6px;justify-content:center;align-items:center;margin:0 2px;transition:background-color .15s,color .15s;display:flex}._panelButton_1xud4_69:hover{background-color:var(--pdf-surface);color:var(--pdf-text-secondary)}._panelButtonActive_1xud4_109{background-color:var(--pdf-surface);color:var(--pdf-accent-light)}._panelButtonActive_1xud4_109:hover{color:var(--pdf-accent-light)}._contentPanel_1xud4_127{background-color:var(--pdf-panel-bg);border-right:1px solid var(--pdf-panel-border);flex-direction:column;width:260px;display:flex}._panelHeader_1xud4_143{color:var(--pdf-text-muted);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--pdf-panel-border);background-color:var(--pdf-panel-header-bg);flex-shrink:0;padding:10px 14px;font-size:11px;font-weight:600}._panelBody_1xud4_167{flex:1;overflow-y:auto}._appLayout_8il7s_1{width:100%;height:100%;display:flex;overflow:hidden}._mainContent_8il7s_15{flex-direction:column;flex:1;min-width:0;display:flex}._toolbar_8il7s_29{border-bottom:1px solid var(--pdf-border);background-color:var(--pdf-bg);z-index:10;flex-shrink:0;align-items:center;gap:2px;height:44px;padding:0 12px;display:flex}._scrollContainer_8il7s_53{background-color:var(--pdf-scroll-area);flex-direction:column;flex:1;align-items:center;padding:10px 20px;display:flex;overflow-y:auto}._pageWrapper_8il7s_73{margin-bottom:25px;position:relative}._pageCanvas_8il7s_83{box-shadow:0 5px 20px var(--pdf-shadow-page);pointer-events:none;background-color:#fff;display:block}._textLayer_8il7s_97{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;text-align:initial;opacity:1;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;caret-color:canvastext;z-index:0;--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size));line-height:1;position:absolute;inset:0;overflow:clip}._textLayer_8il7s_97 :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;position:absolute}._textLayer_8il7s_97>:not(._markedContent_8il7s_149),._textLayer_8il7s_97 ._markedContent_8il7s_149 span:not(._markedContent_8il7s_149){z-index:1;--font-height:0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x:1;--rotate:0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}._textLayer_8il7s_97 ._markedContent_8il7s_149{display:contents}._textLayer_8il7s_97 ._endOfContent_8il7s_179{z-index:0;cursor:default;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:100% 0 0}._textLayer_8il7s_97._selecting_8il7s_197 ._endOfContent_8il7s_179{top:0}._textLayer_8il7s_97 ::selection{background:#0000ff40}._textLayer_8il7s_97 br::selection{background:0 0}._pageSkeleton_8il7s_237{background:linear-gradient(90deg,#3f3f46 25%,#52525b 50%,#3f3f46 75%) 0 0/200% 100%;border-radius:1px;animation:1.4s infinite _shimmer_8il7s_1}@keyframes _shimmer_8il7s_1{0%{background-position:200% 0}to{background-position:-200% 0}}._highlightOverlay_8il7s_269{pointer-events:none;background-color:#ffdc0059;border:2px solid #ffa000e6;border-radius:2px;position:absolute}._linkOverlay_8il7s_285{pointer-events:all;cursor:pointer;position:absolute}._searchMatchOverlay_8il7s_297{pointer-events:none;background-color:#fde0474d;border-bottom:2px solid #eab308cc;position:absolute}._list_10scn_1{flex-direction:column;display:flex}._emptyState_10scn_11{color:var(--pdf-text-secondary);padding:20px 14px;font-size:12px}._pageHeader_10scn_23{color:var(--pdf-text-secondary);text-transform:uppercase;letter-spacing:.5px;background-color:var(--pdf-panel-header-bg);border-bottom:1px solid var(--pdf-panel-border);padding:5px 12px;font-size:10px;font-weight:600}._card_10scn_45{border:1px solid var(--pdf-panel-border);background-color:var(--pdf-panel-bg);border-radius:6px;margin:8px;padding:10px 12px;font-size:12px;transition:box-shadow .12s}._cardClickable_10scn_65{cursor:pointer}._cardClickable_10scn_65:hover{box-shadow:0 1px 6px var(--pdf-shadow-page)}._cardHeader_10scn_81{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}._cardLabel_10scn_95{color:var(--pdf-text-secondary);font-size:11px;font-weight:600}._cardPage_10scn_107{color:var(--pdf-text-secondary);font-size:10px}._cardAuthor_10scn_117{color:var(--pdf-text-muted);margin-bottom:3px;font-size:11px}._cardContent_10scn_129{color:var(--pdf-text-primary);font-size:12px;line-height:1.5}._iconWrapper_10scn_141{justify-content:center;align-items:center;display:flex;position:relative}._badge_10scn_155{background-color:var(--pdf-accent);color:#fff;text-align:center;pointer-events:none;box-sizing:border-box;border-radius:7px;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:-5px;right:-7px}._btn_12ml0_1{color:var(--pdf-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:6px 8px;font-family:inherit;font-size:13px;line-height:1;transition:background .12s,color .12s;display:flex}._btn_12ml0_1:hover:not(:disabled){background:var(--pdf-surface);color:var(--pdf-text-primary)}._btn_12ml0_1:disabled{color:var(--pdf-border);cursor:default}._primary_12ml0_57{background:var(--pdf-accent);color:#fff;padding:6px 14px}._primary_12ml0_57:hover:not(:disabled){background:var(--pdf-accent-hover);color:#fff}._navWrapper_1s04k_1{align-items:center;gap:2px;display:flex}._pageInput_1s04k_13{background:var(--pdf-surface);width:32px;color:var(--pdf-text-primary);font-variant-numeric:tabular-nums;text-align:center;border:1px solid #0000;border-radius:4px;outline:none;padding:3px 4px;font-family:inherit;font-size:12px}._pageInput_1s04k_13:focus{border-color:var(--pdf-accent);background:var(--pdf-bg)}._pageInput_1s04k_13::-webkit-outer-spin-button{-webkit-appearance:none}._pageInput_1s04k_13::-webkit-inner-spin-button{-webkit-appearance:none}._pageInput_1s04k_13{-moz-appearance:textfield}._pageTotal_1s04k_69{color:var(--pdf-text-placeholder);font-variant-numeric:tabular-nums;font-size:12px}._emptyState_1w4ic_1{color:var(--pdf-text-secondary);padding:20px 14px;font-size:12px}._tree_1w4ic_13{flex-direction:column;padding:4px 0;display:flex}._row_1w4ic_25{color:var(--pdf-text-secondary);cursor:pointer;border-radius:4px;align-items:center;gap:4px;margin:0 4px;padding:5px 12px;font-size:12px;line-height:1.4;display:flex}._row_1w4ic_25:hover{background-color:var(--pdf-surface-hover);color:var(--pdf-text-primary)}._chevronBtn_1w4ic_61{cursor:pointer;color:var(--pdf-text-secondary);background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:flex}._chevronBtn_1w4ic_61:hover{color:var(--pdf-text-muted)}._title_1w4ic_91{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}._wrapper_4qrs1_1{align-items:center;gap:4px;display:flex}._searchIconWrapper_4qrs1_13{color:var(--pdf-text-secondary);align-items:center;display:flex}._searchInput_4qrs1_25{background:var(--pdf-surface);border:1px solid var(--pdf-border);color:var(--pdf-text-primary);border-radius:4px;outline:none;width:180px;padding:4px 8px;font-family:inherit;font-size:13px}._searchInput_4qrs1_25:focus{border-color:var(--pdf-accent)}._searchInput_4qrs1_25::placeholder{color:var(--pdf-text-placeholder)}._navButton_4qrs1_65{color:var(--pdf-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px 5px;display:flex}._navButton_4qrs1_65:hover:not(:disabled){background:var(--pdf-surface);color:var(--pdf-text-primary)}._navButton_4qrs1_65:disabled{color:var(--pdf-border);cursor:default}._counter_4qrs1_107{color:var(--pdf-text-muted);text-align:center;min-width:36px;font-size:11px}._list_11831_1{flex-direction:column;display:flex}._emptyState_11831_11{color:var(--pdf-text-secondary);padding:20px 14px;font-size:12px}._card_11831_23{border:1px solid var(--pdf-border);background-color:var(--pdf-panel-bg);cursor:default;border-radius:6px;margin:8px;padding:12px;font-size:12px;transition:box-shadow .12s}._cardClickable_11831_45{cursor:pointer}._cardClickable_11831_45:hover{box-shadow:0 1px 6px var(--pdf-shadow-page)}._cardSigned_11831_61{background-color:#f0fdf4;border-color:#bbf7d0}._cardHeader_11831_71{align-items:center;gap:7px;margin-bottom:8px;display:flex}._statusDot_11831_85{background-color:var(--pdf-border-light);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;line-height:1;display:flex}._statusDotSigned_11831_113{background-color:#22c55e}._statusLabel_11831_121{color:var(--pdf-text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}._statusLabelSigned_11831_137{color:#16a34a}._fieldList_11831_145{flex-direction:column;gap:3px;display:flex}._fieldRow_11831_157{color:var(--pdf-text-secondary);font-size:12px}._fieldLabel_11831_167{color:var(--pdf-text-secondary)}._disclaimer_11831_175{color:#a16207;background-color:#fefce8;border:1px solid #fef08a;border-radius:4px;margin:0 8px 12px;padding:8px 10px;font-size:10px;line-height:1.5}._iconWrapper_11831_197{justify-content:center;align-items:center;display:flex;position:relative}._badge_11831_211{background-color:var(--pdf-accent);color:#fff;text-align:center;pointer-events:none;box-sizing:border-box;border-radius:7px;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:-5px;right:-7px}._thumbnailList_116om_1{background-color:var(--pdf-panel-bg);padding-bottom:8px}._thumbnailItem_116om_11{cursor:pointer;text-align:center;background-color:#0000;border-left:2px solid #0000;padding:12px 16px;transition:background-color .15s}._thumbnailItem_116om_11:hover{background-color:var(--pdf-surface-hover)}._thumbnailItemActive_116om_37{background-color:var(--pdf-accent-subtle);border-left-color:var(--pdf-accent)}._thumbnailItemActive_116om_37:hover{background-color:var(--pdf-accent-subtle)}._thumbnailImg_116om_55{width:120px;box-shadow:0 1px 4px var(--pdf-shadow-page);border-radius:2px}._thumbnailImgActive_116om_67{box-shadow:0 0 0 2px var(--pdf-accent), 0 2px 8px var(--pdf-shadow-page)}._thumbnailLabel_116om_75{color:var(--pdf-text-muted);margin-top:6px;font-size:11px;font-weight:400}._thumbnailLabelActive_116om_89{color:var(--pdf-accent-hover);font-weight:600}._zoomLabel_1r6if_1{text-align:center;min-width:42px;color:var(--pdf-text-muted);font-variant-numeric:tabular-nums;font-size:12px}
 /*$vite$:1*/

package/dist/es/utils/pdfFit.js

@@ -0,0 +1,13 @@
+//#region src/utils/pdfFit.ts
+var e = 60, t = 10;
+async function n(n, r, i, a) {
+	let o = (await r.getPage(1)).getViewport({
+		scale: 1,
+		rotation: a
+	}), s = i.clientWidth - e;
+	if (n === "width") return s / o.width;
+	let c = i.clientHeight - t * 2;
+	return Math.min(s / o.width, c / o.height);
+}
+//#endregion
+export { n as computeFit };

package/dist/index.d.ts

@@ -2,7 +2,7 @@ export { default as PDFViewer } from './components/PDFViewer';
 export type { Theme } from './theme';
 export { darkTheme, lightTheme } from './theme';
 export { PDFSidebar } from './components/PDFSidebar';
-export { PDFAnnotations } from './components/features/PDFAnnotations';
+export { PDFAnnotations, PDFAnnotationsIcon } from './components/features/PDFAnnotations';
 export { PDFChangeFile } from './components/features/PDFChangeFile';
 export { PDFDownloadButton } from './components/features/PDFDownloadButton';
 export { PDFNavigation } from './components/features/PDFNavigation';
@@ -10,8 +10,9 @@ export { PDFOutline } from './components/features/PDFOutline';
 export { PDFPageFit } from './components/features/PDFPageFit';
 export { PDFRotationControl } from './components/features/PDFRotationControl';
 export { PDFSearch } from './components/features/PDFSearch';
-export { PDFSignatures } from './components/features/PDFSignatures';
+export { PDFSignatures, PDFSignaturesIcon } from './components/features/PDFSignatures';
 export { PDFThumbnails } from './components/features/PDFThumbnails';
 export { PDFZoomControls } from './components/features/PDFZoomControls';
 export { PDFThemeToggle } from './components/features/PDFThemeToggle';
 export { PDFPrintButton } from './components/features/PDFPrintButton';
+export { PDFSidebarToggle } from './components/features/PDFSidebarToggle';

package/dist/utils/pdfFit.d.ts

@@ -0,0 +1,2 @@
+import type * as pdfjsLib from "pdfjs-dist";
+export declare function computeFit(mode: "width" | "page", pdf: pdfjsLib.PDFDocumentProxy, container: HTMLDivElement, rotation: number): Promise<number>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pdf-tsx",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "A fully-featured, composable PDF viewer component for React",
   "type": "module",
   "main": "./dist/cjs/index.cjs",