epochs-pdf 0.1.0

package/dist/epochs-pdf.js

@@ -0,0 +1,3449 @@
+var yi = Object.defineProperty;
+var bi = (e, t, n) => t in e ? yi(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var Ht = (e, t, n) => bi(e, typeof t != "symbol" ? t + "" : t, n);
+import { useRef as _e, useState as U, useEffect as xe, useMemo as Mt, useCallback as q, Fragment as _i } from "react";
+import { jsxs as T, jsx as a, Fragment as bt } from "react/jsx-runtime";
+import * as ct from "pdfjs-dist";
+import { TextLayer as vi } from "pdfjs-dist";
+const mt = "#ffffff", un = [
+  { id: "yellow", label: "Yellow", hex: "#facc15" },
+  { id: "green", label: "Green", hex: "#4ade80" },
+  { id: "pink", label: "Pink", hex: "#f472b6" },
+  { id: "blue", label: "Blue", hex: "#60a5fa" },
+  { id: "orange", label: "Orange", hex: "#fb923c" },
+  { id: "purple", label: "Purple", hex: "#c084fc" }
+], fn = [
+  { id: "blue", label: "Blue", hex: "#2563eb" },
+  { id: "red", label: "Red", hex: "#dc2626" },
+  { id: "green", label: "Green", hex: "#16a34a" },
+  { id: "orange", label: "Orange", hex: "#ea580c" },
+  { id: "purple", label: "Purple", hex: "#7c3aed" },
+  { id: "black", label: "Black", hex: "#111827" }
+], gn = un[0].hex, xi = fn[0].hex;
+mn(gn, "highlight");
+function zt() {
+  return `m_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 8)}`;
+}
+function Qe(e) {
+  const t = e.trim();
+  if (/^#[0-9a-fA-F]{6}$/.test(t)) return t.toLowerCase();
+  if (/^#[0-9a-fA-F]{3}$/.test(t)) {
+    const n = t[1], i = t[2], r = t[3];
+    return `#${n}${n}${i}${i}${r}${r}`.toLowerCase();
+  }
+  return t;
+}
+function mn(e, t, n = 0.45) {
+  const i = Qe(e);
+  if (t === "underline" || t === "redact") return i;
+  const r = /^#([0-9a-f]{6})$/i.exec(i);
+  if (!r) return `rgba(250, 204, 21, ${n})`;
+  const s = Number.parseInt(r[1], 16), c = s >> 16 & 255, l = s >> 8 & 255, y = s & 255;
+  return `rgba(${c}, ${l}, ${y}, ${n})`;
+}
+function jt(e, t) {
+  const n = window.getSelection();
+  if (!n || n.isCollapsed || n.rangeCount === 0)
+    return null;
+  const i = n.getRangeAt(0);
+  if (!e.contains(i.commonAncestorContainer))
+    return null;
+  const r = e.getBoundingClientRect(), s = Array.from(i.getClientRects()).filter(
+    (x) => x.width > 0 && x.height > 0
+  );
+  if (!s.length) return null;
+  const c = t || 1, l = e.clientWidth || r.width, y = e.clientHeight || r.height;
+  return { rects: s.map((x) => ({
+    x: r.width > 0 ? (x.left - r.left) / r.width * (l / c) : 0,
+    y: r.height > 0 ? (x.top - r.top) / r.height * (y / c) : 0,
+    w: r.width > 0 ? x.width / r.width * (l / c) : 0,
+    h: r.height > 0 ? x.height / r.height * (y / c) : 0
+  })), text: n.toString() };
+}
+function on(e) {
+  const n = [...e].sort((i, r) => i.y - r.y || i.x - r.x)[0] ?? { x: 0, y: 0, h: 14 };
+  return {
+    x: n.x,
+    y: n.y,
+    fontSize: Math.max(8, Math.round(n.h * 0.9) || 14)
+  };
+}
+function Ot(e, t = 2) {
+  return e.map((n) => ({
+    x: Math.max(0, n.x - t),
+    y: Math.max(0, n.y - t),
+    w: n.w + t * 2,
+    h: n.h + t * 2
+  }));
+}
+function wn(e, t, n) {
+  for (const i of t)
+    for (const r of i.rects) {
+      const s = r.x * n, c = r.y * n, l = r.w * n, y = r.h * n;
+      if (i.kind === "highlight")
+        e.save(), e.globalCompositeOperation = "multiply", e.fillStyle = i.color, e.fillRect(s, c, l, y), e.restore();
+      else if (i.kind === "redact")
+        e.fillStyle = i.color || mt, e.fillRect(s, c, l, y);
+      else {
+        const f = Math.max(2, n * 1.5);
+        e.fillStyle = i.color, e.fillRect(s, c + y - f, l, f);
+      }
+    }
+}
+function Tt() {
+  return `s_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 8)}`;
+}
+async function yn(e, t, n) {
+  for (const i of t) {
+    const r = await Mi(i.imageDataUrl);
+    e.drawImage(
+      r,
+      i.x * n,
+      i.y * n,
+      i.width * n,
+      i.height * n
+    );
+  }
+}
+function ki(e, t, n, i) {
+  e.save();
+  for (const r of t) {
+    const s = n.has(r.id), c = r.x * i, l = r.y * i, y = r.width * i, f = r.height * i;
+    e.fillStyle = s ? "rgba(29, 78, 216, 0.08)" : "rgba(29, 78, 216, 0.18)", e.strokeStyle = s ? "rgba(29, 78, 216, 0.45)" : "#1d4ed8", e.lineWidth = 1.5, e.setLineDash(s ? [] : [4, 3]), e.fillRect(c, l, y, f), e.strokeRect(c, l, y, f);
+  }
+  e.restore();
+}
+function Mi(e) {
+  return new Promise((t, n) => {
+    const i = new Image();
+    i.onload = () => t(i), i.onerror = () => n(new Error("Failed to load signature image")), i.src = e;
+  });
+}
+function Pi(e, t, n = 180, i = 64) {
+  if (e <= 0 || t <= 0)
+    return { width: n, height: i };
+  const r = Math.min(n / e, i / t);
+  return {
+    width: Math.max(40, e * r),
+    height: Math.max(20, t * r)
+  };
+}
+function Pt(e, t, n, i) {
+  const r = n.getBoundingClientRect(), s = n.clientWidth || r.width, c = n.clientHeight || r.height;
+  return r.width <= 0 || r.height <= 0 || i <= 0 ? { x: 0, y: 0 } : {
+    x: (e - r.left) / r.width * (s / i),
+    y: (t - r.top) / r.height * (c / i)
+  };
+}
+function yt(e, t) {
+  return {
+    width: e.clientWidth / t,
+    height: e.clientHeight / t
+  };
+}
+function Ni(e, t, n, i) {
+  const r = n.getBoundingClientRect(), s = n.clientWidth || r.width, c = n.clientHeight || r.height;
+  return r.width <= 0 || r.height <= 0 || i <= 0 ? { dx: 0, dy: 0 } : {
+    dx: e / r.width * (s / i),
+    dy: t / r.height * (c / i)
+  };
+}
+function $i(e, t, n) {
+  const i = t.getBoundingClientRect(), { width: r, height: s } = yt(t, n);
+  return i.width <= 0 || i.height <= 0 ? { left: 0, top: 0, right: r, bottom: s } : {
+    left: (e.left - i.left) / i.width * r,
+    top: (e.top - i.top) / i.height * s,
+    right: (e.right - i.left) / i.width * r,
+    bottom: (e.bottom - i.top) / i.height * s
+  };
+}
+const _t = 14, wt = "#111827", Ut = 24, Wt = 20;
+function Gt() {
+  return `t_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 8)}`;
+}
+function ut(e, t) {
+  if (typeof document > "u")
+    return {
+      width: Math.max(Ut, e.length * t * 0.55),
+      height: Math.max(Wt, t * 1.25)
+    };
+  const i = document.createElement("canvas").getContext("2d");
+  if (!i)
+    return {
+      width: Math.max(Ut, e.length * t * 0.55),
+      height: Math.max(Wt, t * 1.25)
+    };
+  i.font = `${t}px sans-serif`;
+  const r = e.split(`
+`), s = t * 1.25;
+  let c = Ut;
+  for (const l of r)
+    c = Math.max(c, i.measureText(l || " ").width + 4);
+  return {
+    width: c,
+    height: Math.max(Wt, r.length * s)
+  };
+}
+function Ti(e, t, n, i, r) {
+  var E;
+  const s = n.getBoundingClientRect(), c = n.clientWidth || s.width, l = n.clientHeight || s.height, y = (I) => s.width > 0 ? (I - s.left) / s.width * (c / r) : 0, f = (I) => s.height > 0 ? (I - s.top) / s.height * (l / r) : 0, x = (I, V) => {
+    const te = V === "x" ? s.width : s.height, X = V === "x" ? c : l;
+    return te > 0 ? I / te * (X / r) : 0;
+  };
+  let v = y(e), m = f(t), M = _t;
+  const $ = Ii(e, t, i);
+  if ($)
+    return {
+      x: y($.x),
+      y: f($.y),
+      fontSize: Math.max(8, Math.round(x($.fontSize, "y") * 10) / 10)
+    };
+  const G = document, S = (E = G.caretRangeFromPoint) == null ? void 0 : E.call(G, e, t);
+  if (S && i.contains(S.startContainer)) {
+    const I = S.getClientRects(), V = I.length > 0 ? I[0] : S.getBoundingClientRect();
+    if (V.height > 0) {
+      m = f(V.top), M = Li(S.startContainer, r, n);
+      const te = y(V.left);
+      return Math.abs(te - v) < x(8, "x") && (v = te), { x: v, y: m, fontSize: M };
+    }
+  }
+  const z = Ci(e, t, i);
+  return z && (m = f(z.top), M = Math.max(8, Math.round(x(z.height, "y") * 10) / 10)), { x: v, y: m, fontSize: M };
+}
+function Ii(e, t, n) {
+  var s;
+  const i = Array.from(
+    n.querySelectorAll("span")
+  );
+  if (i.length < 2) return null;
+  const r = [];
+  for (const c of i) {
+    if (!((s = c.textContent) != null && s.trim())) continue;
+    const l = c.getBoundingClientRect();
+    l.width <= 0 || l.height <= 0 || t < l.top - 4 || t > l.bottom + 4 || r.push({
+      left: l.left,
+      right: l.right,
+      top: l.top,
+      bottom: l.bottom,
+      height: l.height
+    });
+  }
+  r.sort((c, l) => c.left - l.left);
+  for (let c = 0; c < r.length - 1; c += 1) {
+    const l = r[c], y = r[c + 1], f = l.right, x = y.left;
+    if (!(x - f < 1) && e >= f - 2 && e <= x + 2)
+      return {
+        x: e,
+        y: Math.min(l.top, y.top),
+        fontSize: Math.min(l.height, y.height)
+      };
+  }
+  return null;
+}
+function Ci(e, t, n) {
+  var s;
+  const i = Array.from(
+    n.querySelectorAll("span")
+  );
+  let r = null;
+  for (const c of i) {
+    if (!((s = c.textContent) != null && s.trim())) continue;
+    const l = c.getBoundingClientRect();
+    if (l.width <= 0 || l.height <= 0 || t < l.top - 6 || t > l.bottom + 6) continue;
+    const y = (l.left + l.right) / 2, f = Math.abs(e - y);
+    (!r || f < r.dist) && (r = { top: l.top, height: l.height, dist: f });
+  }
+  return r ? { top: r.top, height: r.height } : null;
+}
+function Li(e, t, n) {
+  const i = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement;
+  return i ? Ri(i, t, n) : _t;
+}
+function Ri(e, t, n) {
+  const i = e.getBoundingClientRect().height;
+  if (i > 0) {
+    if (n) {
+      const c = n.getBoundingClientRect(), l = n.clientHeight || c.height;
+      if (c.height > 0)
+        return Math.max(
+          8,
+          Math.round(i / c.height * (l / t) * 10) / 10
+        );
+    }
+    return Math.max(8, Math.round(i / t * 10) / 10);
+  }
+  const r = window.getComputedStyle(e).fontSize, s = Number.parseFloat(r);
+  return Number.isFinite(s) && s > 0 ? Math.max(8, Math.round(s / t * 10) / 10) : _t;
+}
+function Di(e, t, n, i) {
+  for (const r of n)
+    if (r.pageNumber === i && e >= r.x && e <= r.x + r.width && t >= r.y && t <= r.y + r.height)
+      return r;
+  return null;
+}
+function Fi(e, t, n) {
+  var M;
+  if (!n) return null;
+  const i = document, r = (M = i.caretRangeFromPoint) == null ? void 0 : M.call(i, e, t);
+  if (!r || !n.contains(r.startContainer)) return null;
+  const s = r.startContainer;
+  if (s.nodeType !== Node.TEXT_NODE || !s.textContent) return null;
+  const c = s.textContent;
+  let l = r.startOffset;
+  l = Math.min(Math.max(0, l), c.length);
+  const y = ($) => /[\p{L}\p{N}_'-]/u.test($);
+  let f = l, x = l;
+  for (; f > 0 && y(c[f - 1]); ) f -= 1;
+  for (; x < c.length && y(c[x]); ) x += 1;
+  if (f === x) return null;
+  const v = document.createRange();
+  v.setStart(s, f), v.setEnd(s, x);
+  const m = window.getSelection();
+  return m == null || m.removeAllRanges(), m == null || m.addRange(v), c.slice(f, x);
+}
+function bn(e, t, n) {
+  e.save();
+  for (const i of t) {
+    if (!i.value.trim()) continue;
+    const r = i.x * n, s = i.y * n, c = Math.max(8, i.fontSize * n);
+    e.fillStyle = i.color, e.font = `${c}px sans-serif`, e.textBaseline = "top";
+    const l = c * 1.25, y = i.value.split(`
+`);
+    let f = s;
+    for (const x of y)
+      e.fillText(x, r, f), f += l;
+  }
+  e.restore();
+}
+function Ai(e, t, n, i) {
+  e.save();
+  for (const r of t) {
+    const s = n.has(r.id), c = r.x * i, l = r.y * i, y = r.width * i, f = r.height * i;
+    e.fillStyle = s ? "rgba(5, 150, 105, 0.08)" : "rgba(5, 150, 105, 0.16)", e.strokeStyle = s ? "rgba(5, 150, 105, 0.45)" : "#059669", e.lineWidth = 1.5, e.setLineDash(s ? [] : [4, 3]), e.fillRect(c, l, y, f), e.strokeRect(c, l, y, f);
+  }
+  e.restore();
+}
+function Te({
+  size: e = 14,
+  className: t,
+  children: n
+}) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: e,
+      height: e,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: t,
+      "aria-hidden": "true",
+      children: n
+    }
+  );
+}
+function Si(e) {
+  return /* @__PURE__ */ a(Te, { ...e, children: /* @__PURE__ */ a("polyline", { points: "15 18 9 12 15 6" }) });
+}
+function Ei(e) {
+  return /* @__PURE__ */ a(Te, { ...e, children: /* @__PURE__ */ a("polyline", { points: "9 18 15 12 9 6" }) });
+}
+function Bi(e) {
+  return /* @__PURE__ */ T(Te, { ...e, children: [
+    /* @__PURE__ */ a("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+    /* @__PURE__ */ a("polyline", { points: "7 10 12 15 17 10" }),
+    /* @__PURE__ */ a("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
+  ] });
+}
+function Hi(e) {
+  return /* @__PURE__ */ T(Te, { ...e, children: [
+    /* @__PURE__ */ a("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+    /* @__PURE__ */ a("polyline", { points: "15 3 21 3 21 9" }),
+    /* @__PURE__ */ a("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+  ] });
+}
+function zi(e) {
+  return /* @__PURE__ */ T(Te, { ...e, children: [
+    /* @__PURE__ */ a("rect", { x: "3", y: "3", width: "7", height: "7" }),
+    /* @__PURE__ */ a("rect", { x: "14", y: "3", width: "7", height: "7" }),
+    /* @__PURE__ */ a("rect", { x: "14", y: "14", width: "7", height: "7" }),
+    /* @__PURE__ */ a("rect", { x: "3", y: "14", width: "7", height: "7" })
+  ] });
+}
+function ji(e) {
+  return /* @__PURE__ */ a(Te, { ...e, children: /* @__PURE__ */ a("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
+}
+function Oi(e) {
+  return /* @__PURE__ */ T(Te, { ...e, children: [
+    /* @__PURE__ */ a("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ a("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  ] });
+}
+function Ui(e) {
+  return /* @__PURE__ */ T(Te, { ...e, children: [
+    /* @__PURE__ */ a("polyline", { points: "6 9 6 2 18 2 18 9" }),
+    /* @__PURE__ */ a("path", { d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" }),
+    /* @__PURE__ */ a("rect", { x: "6", y: "14", width: "12", height: "8" })
+  ] });
+}
+function Wi(e) {
+  return /* @__PURE__ */ T(Te, { ...e, children: [
+    /* @__PURE__ */ a("polyline", { points: "23 4 23 10 17 10" }),
+    /* @__PURE__ */ a("polyline", { points: "1 20 1 14 7 14" }),
+    /* @__PURE__ */ a("path", { d: "M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" })
+  ] });
+}
+function Gi(e) {
+  return /* @__PURE__ */ T(Te, { ...e, children: [
+    /* @__PURE__ */ a("polyline", { points: "23 4 23 10 17 10" }),
+    /* @__PURE__ */ a("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })
+  ] });
+}
+function Xi(e) {
+  return /* @__PURE__ */ T(Te, { ...e, children: [
+    /* @__PURE__ */ a("path", { d: "M12 20h9" }),
+    /* @__PURE__ */ a("path", { d: "M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z" })
+  ] });
+}
+function qi(e) {
+  return /* @__PURE__ */ T(Te, { ...e, children: [
+    /* @__PURE__ */ a("path", { d: "M6 3v7a6 6 0 0 0 12 0V3" }),
+    /* @__PURE__ */ a("line", { x1: "4", y1: "21", x2: "20", y2: "21" })
+  ] });
+}
+function Yi(e) {
+  return /* @__PURE__ */ T(Te, { ...e, children: [
+    /* @__PURE__ */ a("path", { d: "m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21" }),
+    /* @__PURE__ */ a("path", { d: "M22 21H7" }),
+    /* @__PURE__ */ a("path", { d: "m5 11 9 9" })
+  ] });
+}
+function Ki({ size: e = 16, className: t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: e,
+      height: e,
+      viewBox: "0 0 256 256",
+      fill: "currentColor",
+      stroke: "currentColor",
+      strokeWidth: "12",
+      strokeLinejoin: "round",
+      className: t,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ a("path", { d: "M232,172H57.32c4-7.83,8.18-16.11,12.21-24.56,15.14,3.55,34.13-8.06,56.54-34.59,3.67,12.5,12.53,34.83,29.08,35.15h.35c8.71,0,17.64-6.25,27.16-19.06C187.17,137.14,199.31,148,232,148a4,4,0,0,0,0-8c-42.88,0-44-19.24-44-20a4,4,0,0,0-7.35-2.18C168.74,136.1,160.42,140,155.48,140h-.18c-13-.25-21.29-26.52-23.38-36.61a4,4,0,0,0-7-1.69c-20.94,26.27-39.06,39.55-51.8,38.2C97.31,87.5,105.19,53.16,96.49,37.77,94,33.31,88.7,28,77.91,28,64.09,28,52.54,42.41,47,66.54A122.7,122.7,0,0,0,45.46,113c2.64,15.29,8.39,26.05,16.69,31.35-4.58,9.6-9.3,19-13.84,27.68H24a4,4,0,0,0,0,8H44.1c-12.87,24.17-23.37,41.68-23.53,41.94a4,4,0,0,0,1.37,5.49A3.93,3.93,0,0,0,24,228a4,4,0,0,0,3.43-1.94c.16-.27,11.85-19.75,25.72-46.06H232a4,4,0,0,0,0-8ZM53.34,111.61a114.81,114.81,0,0,1,1.49-43.29C58.4,52.7,66.34,36,77.91,36c7.52,0,10.23,3.26,11.61,5.7C99,58.4,79.92,106,65.6,137,59.76,132.69,55.46,123.83,53.34,111.61Z" })
+    }
+  );
+}
+function Zi(e) {
+  return /* @__PURE__ */ T(Te, { ...e, children: [
+    /* @__PURE__ */ a("path", { d: "M12 20h9" }),
+    /* @__PURE__ */ a("path", { d: "M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z" })
+  ] });
+}
+function Vi(e) {
+  return /* @__PURE__ */ T(Te, { ...e, children: [
+    /* @__PURE__ */ a("polyline", { points: "4 7 4 4 20 4 20 7" }),
+    /* @__PURE__ */ a("line", { x1: "9", y1: "20", x2: "15", y2: "20" }),
+    /* @__PURE__ */ a("line", { x1: "12", y1: "4", x2: "12", y2: "20" })
+  ] });
+}
+function Qi({
+  pdfDoc: e,
+  pageNumber: t,
+  scale: n,
+  rotation: i,
+  pageRef: r,
+  onRendered: s,
+  markupTool: c = "none",
+  markupColor: l,
+  annotations: y = [],
+  onAddAnnotation: f,
+  onRemoveAnnotation: x,
+  signatures: v = [],
+  pendingSignature: m = null,
+  onAddSignature: M,
+  onUpdateSignature: $,
+  onRemoveSignature: G,
+  onEditSignature: S,
+  onDuplicateSignature: z,
+  selectedSignatureId: E = null,
+  onSelectSignature: I,
+  signatureFields: V = [],
+  selectedSignatureFieldId: te = null,
+  onSelectSignatureField: X,
+  hasFixedSignatureFields: oe = !1,
+  onOpenSignaturePad: ke,
+  fieldValues: ye = {},
+  onFieldValueChange: D,
+  onFieldValueCommit: ae,
+  pendingFieldValue: C = null,
+  onPlaceFieldValue: F,
+  texts: Q = [],
+  onAddText: Me,
+  onUpdateText: Ie,
+  onRemoveText: ue,
+  selectedTextId: be = null,
+  onSelectText: J,
+  textFields: Ee = [],
+  selectedTextFieldId: Ye = null,
+  onSelectTextField: Pe,
+  hasFixedTextFields: Oe = !1,
+  editingTextId: ve = null,
+  onEditingTextIdChange: B
+}) {
+  const fe = _e(null), je = _e(null), ie = _e(null), ge = _e(null), he = _e(null), u = _e(null), [g, j] = U(null), Y = _e(null), se = _e(!1);
+  xe(() => {
+    if (!e || !je.current || !ie.current || !ge.current)
+      return;
+    let o = !1;
+    const w = je.current, _ = ie.current, k = ge.current, P = w.getContext("2d");
+    return P ? ((async () => {
+      try {
+        if (he.current) {
+          try {
+            he.current.cancel();
+          } catch {
+          }
+          he.current = null;
+        }
+        if (u.current) {
+          try {
+            u.current.cancel();
+          } catch {
+          }
+          u.current = null;
+        }
+        const L = await e.getPage(t);
+        if (o) return;
+        const O = L.getViewport({ scale: n, rotation: i }), Z = Math.floor(O.width), W = Math.floor(O.height);
+        w.width = Z, w.height = W, k.style.width = `${Z}px`, k.style.height = `${W}px`;
+        const H = L.render({ canvasContext: P, viewport: O });
+        if (he.current = H, await H.promise, o) return;
+        _.replaceChildren(), _.style.setProperty("--scale-factor", String(O.scale));
+        const le = await L.getTextContent();
+        if (o) return;
+        const de = new vi({
+          textContentSource: le,
+          container: _,
+          viewport: O
+        });
+        if (u.current = de, await de.render(), o) return;
+        s == null || s(t);
+      } catch {
+      }
+    })(), () => {
+      if (o = !0, he.current) {
+        try {
+          he.current.cancel();
+        } catch {
+        }
+        he.current = null;
+      }
+      if (u.current) {
+        try {
+          u.current.cancel();
+        } catch {
+        }
+        u.current = null;
+      }
+    }) : void 0;
+  }, [e, t, n, i, s]), xe(() => {
+    const o = ge.current;
+    if (!o) return;
+    const w = (N) => {
+      var W;
+      if (!f) return !1;
+      const L = N === "redact" ? mt : l;
+      if (!L) return !1;
+      const O = jt(o, n);
+      if (!O) return !1;
+      const Z = N === "redact" ? Ot(O.rects) : O.rects;
+      return f({
+        id: zt(),
+        pageNumber: t,
+        kind: N,
+        color: L,
+        rects: Z,
+        text: O.text
+      }), (W = window.getSelection()) == null || W.removeAllRanges(), !0;
+    }, _ = (N) => {
+      var le;
+      if (!f || !Me) return !1;
+      const L = jt(o, n);
+      if (!L) return !1;
+      const O = Ot(L.rects);
+      f({
+        id: zt(),
+        pageNumber: t,
+        kind: "redact",
+        color: mt,
+        rects: O,
+        text: L.text
+      });
+      const Z = on(L.rects), W = ut(N || " ", Z.fontSize), H = {
+        id: Gt(),
+        pageNumber: t,
+        x: Z.x,
+        y: Z.y,
+        width: W.width,
+        height: W.height,
+        value: N,
+        fontSize: Z.fontSize,
+        color: wt
+      };
+      return Me(H), J == null || J(H.id), B == null || B(H.id), (le = window.getSelection()) == null || le.removeAllRanges(), se.current = !0, window.setTimeout(() => {
+        se.current = !1;
+      }, 0), !0;
+    }, k = () => {
+      if (c === "highlight" || c === "underline") {
+        w(c);
+        return;
+      }
+      if (c === "erase") {
+        w("redact");
+        return;
+      }
+      if (c === "text") {
+        const N = window.getSelection();
+        N && !N.isCollapsed && N.toString().trim() && N.anchorNode && o.contains(N.anchorNode) && _(N.toString());
+      }
+    }, P = (N) => {
+      const L = N.target;
+      if (L != null && L.closest("[contenteditable='true']") || L != null && L.closest("[contenteditable='']") || L != null && L.isContentEditable)
+        return;
+      const O = window.getSelection(), Z = O != null && !O.isCollapsed && O.toString().trim().length > 0 && O.anchorNode != null && o.contains(O.anchorNode);
+      if (c === "text" && Z) {
+        if (N.key === "Enter" && !N.shiftKey) {
+          N.preventDefault(), _(O.toString());
+          return;
+        }
+        if (N.key.length === 1 && !N.ctrlKey && !N.metaKey && !N.altKey) {
+          N.preventDefault(), _(N.key);
+          return;
+        }
+      }
+      c !== "text" && c !== "erase" || N.key !== "Backspace" && N.key !== "Delete" || Z && (N.preventDefault(), w("redact"));
+    };
+    return o.addEventListener("mouseup", k), window.addEventListener("keydown", P), () => {
+      o.removeEventListener("mouseup", k), window.removeEventListener("keydown", P);
+    };
+  }, [
+    c,
+    l,
+    f,
+    Me,
+    B,
+    J,
+    t,
+    n
+  ]), xe(() => {
+    if (!g) return;
+    let o = 0, w = 0, _ = 0, k = 0;
+    const P = () => {
+      var H;
+      return (H = fe.current) == null ? void 0 : H.closest(".epochs-pdf-viewer__body");
+    }, N = (H, le) => {
+      if (g.kind !== "resize" || !$ || oe) return;
+      const de = v.find((Xe) => Xe.id === g.id);
+      if (!de) return;
+      const ne = ge.current, Ne = ne ? yt(ne, n) : { width: 1 / 0, height: 1 / 0 }, { dx: pe, dy: me } = ne ? Ni(
+        H - g.startX,
+        le - g.startY,
+        ne,
+        n
+      ) : { dx: 0, dy: 0 }, $e = Ne.width - de.x, Ge = Ne.height - de.y, Se = Math.min($e, Math.max(40, g.startW + pe)), lt = Math.min(Ge, Math.max(20, g.startH + me));
+      $(g.id, { width: Se, height: lt });
+    }, L = (H, le) => {
+      var xt;
+      if (g.kind !== "signature" || !$ || oe) return;
+      const de = v.find((Ze) => Ze.id === g.id);
+      if (!de) return;
+      let ne = (xt = document.elementFromPoint(H, le)) == null ? void 0 : xt.closest("[data-page-number]");
+      if (ne || (ne = Array.from(
+        document.querySelectorAll(".epochs-pdf-viewer__page[data-page-number]")
+      ).find((Lt) => {
+        const Je = Lt.getBoundingClientRect();
+        return le >= Je.top && le <= Je.bottom;
+      }) ?? null), ne || (ne = fe.current), !ne) return;
+      const Ne = ne.querySelector(
+        ".epochs-pdf-viewer__surface"
+      );
+      if (!Ne) return;
+      const pe = Number.parseInt(
+        ne.getAttribute("data-page-number") || String(de.pageNumber),
+        10
+      ), me = Pt(H, le, Ne, n), $e = yt(Ne, n);
+      let Ge = me.x - g.offsetX, Se = me.y - g.offsetY;
+      const lt = Math.max(0, $e.width - de.width), Xe = Math.max(0, $e.height - de.height);
+      Ge = Math.min(Math.max(0, Ge), lt), Se = Math.min(Math.max(0, Se), Xe), $(g.id, {
+        pageNumber: pe,
+        x: Ge,
+        y: Se
+      });
+    }, O = () => {
+      if (o = 0, !k) return;
+      const H = P();
+      if (!H) return;
+      const le = H.scrollHeight - H.clientHeight;
+      if (le <= 0) return;
+      const de = 56, ne = H.getBoundingClientRect(), Ne = _ - ne.top, pe = ne.bottom - _;
+      let me = 0;
+      if (k < 0 && Ne < de)
+        me = -Math.max(6, (de - Ne) / de * 28);
+      else if (k > 0 && pe < de)
+        me = Math.max(6, (de - pe) / de * 28);
+      else {
+        k = 0;
+        return;
+      }
+      const $e = H.scrollTop;
+      H.scrollTop = Math.min(le, Math.max(0, $e + me)), H.scrollTop !== $e && L(w, _), me < 0 && H.scrollTop > 0 || me > 0 && H.scrollTop < le ? o = window.requestAnimationFrame(O) : k = 0;
+    }, Z = (H) => {
+      w = H.clientX, _ = H.clientY;
+      const le = P();
+      if (le) {
+        const ne = le.getBoundingClientRect(), Ne = H.clientY - ne.top, pe = ne.bottom - H.clientY;
+        Ne < 56 ? (k = -1, o || (o = window.requestAnimationFrame(O))) : pe < 56 ? (k = 1, o || (o = window.requestAnimationFrame(O))) : k = 0;
+      }
+      g.kind === "resize" ? N(H.clientX, H.clientY) : L(H.clientX, H.clientY);
+    }, W = () => {
+      k = 0, o && (window.cancelAnimationFrame(o), o = 0), j(null);
+    };
+    return window.addEventListener("pointermove", Z), window.addEventListener("pointerup", W), window.addEventListener("pointercancel", W), () => {
+      k = 0, o && window.cancelAnimationFrame(o), window.removeEventListener("pointermove", Z), window.removeEventListener("pointerup", W), window.removeEventListener("pointercancel", W);
+    };
+  }, [
+    g,
+    oe,
+    $,
+    n,
+    v
+  ]), xe(() => {
+    if (!ve || !Y.current) return;
+    const o = Y.current, w = Q.find((P) => P.id === ve);
+    o.textContent = (w == null ? void 0 : w.value) ?? "", o.focus();
+    const _ = document.createRange();
+    _.selectNodeContents(o), _.collapse(!1);
+    const k = window.getSelection();
+    k == null || k.removeAllRanges(), k == null || k.addRange(_);
+  }, [ve]);
+  const re = (o) => {
+    fe.current = o, r == null || r(o);
+  }, Ce = y.filter((o) => o.pageNumber === t), ce = v.filter((o) => o.pageNumber === t), Be = V.filter((o) => o.pageNumber === t), Ae = Q.filter((o) => o.pageNumber === t), Ue = (o, w) => {
+    const _ = w.trim();
+    if (!_) {
+      ue == null || ue(o.id), B == null || B(null);
+      return;
+    }
+    const k = ut(_, o.fontSize);
+    Ie == null || Ie(o.id, {
+      value: _,
+      width: k.width,
+      height: k.height
+    }), B == null || B(null);
+  }, Ke = (o, w) => {
+    if (!Me) return;
+    const _ = ge.current, k = ie.current;
+    if (!_ || !k) return;
+    let P = Ti(
+      o,
+      w,
+      _,
+      k,
+      n
+    ), N, L = wt;
+    if (Oe) {
+      const W = Di(
+        P.x,
+        P.y,
+        Ee,
+        t
+      );
+      if (!W) return;
+      const H = Q.find((le) => le.fieldId === W.id);
+      if (H) {
+        J == null || J(H.id), Pe == null || Pe(W.id), B == null || B(H.id);
+        return;
+      }
+      N = W.id, P = {
+        x: W.x,
+        y: W.y,
+        fontSize: W.fontSize ?? _t
+      }, L = W.color ?? wt, Pe == null || Pe(W.id);
+    }
+    const O = ut("", P.fontSize), Z = {
+      id: Gt(),
+      fieldId: N,
+      pageNumber: t,
+      x: P.x,
+      y: P.y,
+      width: O.width,
+      height: O.height,
+      value: "",
+      fontSize: P.fontSize,
+      color: L
+    };
+    Me(Z), J == null || J(Z.id), B == null || B(Z.id);
+  }, Le = (o) => {
+    var _;
+    if (c !== "text" || o.target.closest(".epochs-pdf-viewer__inline-text"))
+      return;
+    if (se.current) {
+      se.current = !1;
+      return;
+    }
+    const w = window.getSelection();
+    if (!(w && !w.isCollapsed && w.toString().trim())) {
+      if (o.detail >= 2 && Fi(o.clientX, o.clientY, ie.current)) {
+        const P = ge.current;
+        if (P && f && Me) {
+          const N = jt(P, n);
+          if (N) {
+            f({
+              id: zt(),
+              pageNumber: t,
+              kind: "redact",
+              color: mt,
+              rects: Ot(N.rects),
+              text: N.text
+            });
+            const L = on(N.rects), O = ut(N.text || " ", L.fontSize), Z = {
+              id: Gt(),
+              pageNumber: t,
+              x: L.x,
+              y: L.y,
+              width: O.width,
+              height: O.height,
+              value: N.text,
+              fontSize: L.fontSize,
+              color: wt
+            };
+            Me(Z), J == null || J(Z.id), B == null || B(Z.id), (_ = window.getSelection()) == null || _.removeAllRanges(), se.current = !0;
+          }
+        }
+        return;
+      }
+      o.stopPropagation(), Ke(o.clientX, o.clientY);
+    }
+  }, We = (o) => {
+    const w = o.target;
+    if (!(w.closest(".epochs-pdf-viewer__signature") || w.closest(".epochs-pdf-viewer__signature-field") || w.closest(".epochs-pdf-viewer__inline-text"))) {
+      if (c === "text") {
+        Ke(o.clientX, o.clientY);
+        return;
+      }
+      if (!oe && c === "sign" && C && F) {
+        const _ = ge.current;
+        if (!_) return;
+        const k = Pt(o.clientX, o.clientY, _, n);
+        F(t, Math.max(0, k.x - 75), Math.max(0, k.y - 12));
+        return;
+      }
+      if (!oe && c === "sign" && m && M) {
+        const _ = ge.current;
+        if (!_) return;
+        const k = yt(_, n), P = Pt(o.clientX, o.clientY, _, n);
+        let N = P.x - m.width / 2, L = P.y - m.height / 2;
+        const O = Math.max(0, k.width - m.width), Z = Math.max(0, k.height - m.height);
+        N = Math.min(Math.max(0, N), O), L = Math.min(Math.max(0, L), Z), M({
+          id: Tt(),
+          pageNumber: t,
+          x: N,
+          y: L,
+          width: m.width,
+          height: m.height,
+          imageDataUrl: m.imageDataUrl
+        });
+        return;
+      }
+    }
+  }, vt = (o) => ve === o.id ? /* @__PURE__ */ a(
+    "span",
+    {
+      ref: Y,
+      contentEditable: !0,
+      suppressContentEditableWarning: !0,
+      role: "textbox",
+      "aria-label": "Edit text",
+      className: "epochs-pdf-viewer__inline-text epochs-pdf-viewer__inline-text--editing",
+      style: {
+        left: o.x * n,
+        top: o.y * n,
+        fontSize: o.fontSize * n,
+        color: o.color,
+        minWidth: Math.max(12, o.fontSize * n * 0.5),
+        width: Math.max(o.width * n, o.fontSize * n * 0.5)
+      },
+      onClick: (_) => _.stopPropagation(),
+      onPointerDown: (_) => _.stopPropagation(),
+      onInput: (_) => {
+        const k = _.currentTarget.textContent ?? "", P = ut(k || " ", o.fontSize);
+        Ie == null || Ie(o.id, {
+          value: k,
+          width: P.width,
+          height: P.height
+        });
+      },
+      onBlur: (_) => {
+        Ue(o, _.currentTarget.textContent ?? "");
+      },
+      onKeyDown: (_) => {
+        _.stopPropagation(), _.key === "Escape" && (_.preventDefault(), _.currentTarget.blur()), _.key === "Enter" && !_.shiftKey && (_.preventDefault(), _.currentTarget.blur());
+      }
+    },
+    o.id
+  ) : o.value.trim() ? /* @__PURE__ */ a(
+    "span",
+    {
+      className: be === o.id ? "epochs-pdf-viewer__inline-text epochs-pdf-viewer__inline-text--selected" : "epochs-pdf-viewer__inline-text",
+      style: {
+        left: o.x * n,
+        top: o.y * n,
+        fontSize: o.fontSize * n,
+        color: o.color
+      },
+      onClick: (_) => {
+        if (_.stopPropagation(), c === "erase") {
+          ue == null || ue(o.id);
+          return;
+        }
+        c === "text" && (J == null || J(o.id), B == null || B(o.id));
+      },
+      children: o.value
+    },
+    o.id
+  ) : null;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: re,
+      "data-page-number": t,
+      className: "epochs-pdf-viewer__page",
+      children: /* @__PURE__ */ T(
+        "div",
+        {
+          ref: ge,
+          className: `epochs-pdf-viewer__surface epochs-pdf-viewer__surface--tool-${c}`,
+          onClick: We,
+          children: [
+            /* @__PURE__ */ a("canvas", { ref: je, className: "epochs-pdf-viewer__canvas" }),
+            /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__markup-layer", "aria-hidden": "true", children: Ce.map(
+              (o) => o.kind === "redact" ? null : o.rects.map((w, _) => o.kind === "highlight" ? /* @__PURE__ */ a(
+                "div",
+                {
+                  className: "epochs-pdf-viewer__markup epochs-pdf-viewer__markup--highlight",
+                  style: {
+                    left: w.x * n,
+                    top: w.y * n,
+                    width: w.w * n,
+                    height: w.h * n,
+                    background: o.color
+                  },
+                  onClick: (k) => {
+                    c === "erase" && (k.stopPropagation(), x == null || x(o.id));
+                  }
+                },
+                `${o.id}_${_}`
+              ) : /* @__PURE__ */ a(
+                "div",
+                {
+                  className: "epochs-pdf-viewer__markup epochs-pdf-viewer__markup--underline",
+                  style: {
+                    left: w.x * n,
+                    top: (w.y + w.h) * n - Math.max(2, n * 1.5),
+                    width: w.w * n,
+                    height: Math.max(2, n * 1.5),
+                    background: o.color
+                  },
+                  onClick: (k) => {
+                    c === "erase" && (k.stopPropagation(), x == null || x(o.id));
+                  }
+                },
+                `${o.id}_${_}`
+              ))
+            ) }),
+            /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__signature-layer", children: [
+              Be.map((o) => {
+                const w = ce.some((_) => _.fieldId === o.id);
+                return /* @__PURE__ */ a(
+                  "button",
+                  {
+                    type: "button",
+                    "data-signature-field-id": o.id,
+                    className: te === o.id ? "epochs-pdf-viewer__signature-field epochs-pdf-viewer__signature-field--selected" : w ? "epochs-pdf-viewer__signature-field epochs-pdf-viewer__signature-field--filled" : "epochs-pdf-viewer__signature-field",
+                    style: {
+                      left: o.x * n,
+                      top: o.y * n,
+                      width: o.width * n,
+                      height: o.height * n
+                    },
+                    onClick: (_) => {
+                      _.stopPropagation();
+                      const k = o.type;
+                      if (k === "date" || k === "text") return;
+                      X == null || X(o.id);
+                      const P = ce.find((N) => N.fieldId === o.id);
+                      I == null || I((P == null ? void 0 : P.id) ?? null), P ? S == null || S(P.id) : ke == null || ke(o.type);
+                    },
+                    title: w ? "Signed field" : "Signature field",
+                    children: (() => {
+                      const _ = o.type;
+                      return _ === "date" ? /* @__PURE__ */ a(
+                        "input",
+                        {
+                          type: "date",
+                          className: "epochs-pdf-viewer__signature-field-input",
+                          value: ye[o.id] ?? "",
+                          onClick: (k) => k.stopPropagation(),
+                          onChange: (k) => {
+                            k.stopPropagation(), D == null || D(o.id, k.target.value), ae == null || ae(o.id);
+                          },
+                          style: { width: "100%", height: "100%" }
+                        }
+                      ) : _ === "text" ? /* @__PURE__ */ a(
+                        "input",
+                        {
+                          type: "text",
+                          className: "epochs-pdf-viewer__signature-field-input",
+                          value: ye[o.id] ?? "",
+                          placeholder: o.placeholder ?? "Enter text",
+                          onClick: (k) => k.stopPropagation(),
+                          onChange: (k) => {
+                            k.stopPropagation(), D == null || D(o.id, k.target.value);
+                          },
+                          onBlur: () => ae == null ? void 0 : ae(o.id),
+                          style: { width: "100%", height: "100%" }
+                        }
+                      ) : w ? null : /* @__PURE__ */ a("span", { children: "Sign here" });
+                    })()
+                  },
+                  o.id
+                );
+              }),
+              ce.map((o) => /* @__PURE__ */ T(
+                "div",
+                {
+                  className: E === o.id ? "epochs-pdf-viewer__signature epochs-pdf-viewer__signature--selected" : "epochs-pdf-viewer__signature",
+                  style: {
+                    left: o.x * n,
+                    top: o.y * n,
+                    width: o.width * n,
+                    height: o.height * n
+                  },
+                  onPointerDown: (w) => {
+                    if (w.stopPropagation(), w.preventDefault(), I == null || I(o.id), c === "erase" && !oe) {
+                      G == null || G(o.id);
+                      return;
+                    }
+                    if (oe) {
+                      X == null || X(o.fieldId ?? null), S == null || S(o.id);
+                      return;
+                    }
+                    const _ = ge.current;
+                    if (!_) return;
+                    const k = Pt(w.clientX, w.clientY, _, n);
+                    j({
+                      kind: "signature",
+                      id: o.id,
+                      offsetX: k.x - o.x,
+                      offsetY: k.y - o.y
+                    });
+                  },
+                  children: [
+                    /* @__PURE__ */ a(
+                      "button",
+                      {
+                        type: "button",
+                        className: "epochs-pdf-viewer__signature-edit",
+                        title: "Edit signature",
+                        "aria-label": "Edit signature",
+                        onPointerDown: (w) => {
+                          w.stopPropagation();
+                        },
+                        onClick: (w) => {
+                          w.stopPropagation(), I == null || I(o.id), S == null || S(o.id);
+                        },
+                        children: /* @__PURE__ */ a(Zi, { size: 12 })
+                      }
+                    ),
+                    oe ? null : /* @__PURE__ */ T(bt, { children: [
+                      /* @__PURE__ */ a(
+                        "button",
+                        {
+                          type: "button",
+                          className: "epochs-pdf-viewer__signature-duplicate",
+                          title: "Duplicate signature",
+                          "aria-label": "Duplicate signature",
+                          onPointerDown: (w) => {
+                            w.stopPropagation();
+                          },
+                          onClick: (w) => {
+                            w.stopPropagation(), I == null || I(o.id), z == null || z(o.id);
+                          },
+                          children: "⧉"
+                        }
+                      ),
+                      /* @__PURE__ */ a(
+                        "button",
+                        {
+                          type: "button",
+                          className: "epochs-pdf-viewer__signature-remove",
+                          title: "Remove signature",
+                          "aria-label": "Remove signature",
+                          onPointerDown: (w) => {
+                            w.stopPropagation();
+                          },
+                          onClick: (w) => {
+                            w.stopPropagation(), G == null || G(o.id);
+                          },
+                          children: "×"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ a("img", { src: o.imageDataUrl, alt: "Signature", draggable: !1 }),
+                    oe ? null : /* @__PURE__ */ a(
+                      "div",
+                      {
+                        className: "epochs-pdf-viewer__signature-resize",
+                        title: "Resize",
+                        onPointerDown: (w) => {
+                          w.stopPropagation(), w.preventDefault(), I == null || I(o.id), j({
+                            kind: "resize",
+                            id: o.id,
+                            startX: w.clientX,
+                            startY: w.clientY,
+                            startW: o.width,
+                            startH: o.height
+                          });
+                        },
+                        children: /* @__PURE__ */ a("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ a("path", { d: "M7 1L1 7M7 4L4 7", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round" }) })
+                      }
+                    )
+                  ]
+                },
+                o.id
+              ))
+            ] }),
+            /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__text-layer-overlay", children: Ae.map((o) => vt(o)) }),
+            /* @__PURE__ */ a(
+              "div",
+              {
+                ref: ie,
+                className: "textLayer epochs-pdf-viewer__text-layer",
+                onClick: Le
+              }
+            ),
+            /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__redact-layer", "aria-hidden": "true", children: Ce.map(
+              (o) => o.kind === "redact" ? o.rects.map((w, _) => /* @__PURE__ */ a(
+                "div",
+                {
+                  className: "epochs-pdf-viewer__markup epochs-pdf-viewer__markup--redact",
+                  style: {
+                    left: w.x * n,
+                    top: w.y * n,
+                    width: w.w * n,
+                    height: w.h * n,
+                    background: o.color || mt
+                  },
+                  onClick: (k) => {
+                    c === "erase" && (k.stopPropagation(), x == null || x(o.id));
+                  }
+                },
+                `${o.id}_${_}`
+              )) : null
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}
+function Ji({
+  pdfDoc: e,
+  pageNumber: t,
+  isActive: n,
+  rotation: i,
+  onSelect: r,
+  width: s = 140,
+  annotations: c = [],
+  signatures: l = [],
+  signatureFields: y = [],
+  texts: f = [],
+  textFields: x = []
+}) {
+  const v = _e(null);
+  return xe(() => {
+    if (!e || !v.current) return;
+    let m = !1;
+    const M = v.current, $ = M.getContext("2d");
+    if (!$) return;
+    let G = null;
+    return (async () => {
+      try {
+        const z = await e.getPage(t);
+        if (m) return;
+        const E = z.getViewport({ scale: 1, rotation: i }), I = s / E.width, V = z.getViewport({ scale: I, rotation: i });
+        M.width = Math.floor(V.width), M.height = Math.floor(V.height), G = z.render({ canvasContext: $, viewport: V }), await G.promise;
+        const te = c.filter((D) => D.pageNumber === t);
+        te.length > 0 && wn($, te, I);
+        const X = l.filter((D) => D.pageNumber === t), oe = y.filter(
+          (D) => D.pageNumber === t
+        );
+        oe.length > 0 && ki(
+          $,
+          oe,
+          new Set(X.map((D) => D.fieldId).filter(Boolean)),
+          I
+        ), X.length > 0 && await yn($, X, I);
+        const ke = f.filter((D) => D.pageNumber === t), ye = x.filter(
+          (D) => D.pageNumber === t
+        );
+        ye.length > 0 && Ai(
+          $,
+          ye,
+          new Set(
+            ke.filter((D) => D.fieldId && D.value.trim()).map((D) => D.fieldId)
+          ),
+          I
+        ), ke.length > 0 && bn($, ke, I);
+      } catch {
+      }
+    })(), () => {
+      if (m = !0, G)
+        try {
+          G.cancel();
+        } catch {
+        }
+    };
+  }, [
+    c,
+    e,
+    t,
+    i,
+    y,
+    l,
+    x,
+    f,
+    s
+  ]), /* @__PURE__ */ T(
+    "button",
+    {
+      type: "button",
+      onClick: () => r(t),
+      className: n ? "epochs-pdf-viewer__thumb epochs-pdf-viewer__thumb--active" : "epochs-pdf-viewer__thumb",
+      title: `Page ${t}`,
+      children: [
+        /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__thumb-frame", children: /* @__PURE__ */ a("canvas", { ref: v }) }),
+        /* @__PURE__ */ a("span", { className: "epochs-pdf-viewer__thumb-label", children: t })
+      ]
+    }
+  );
+}
+const er = /^(blob:|https?:|data:)/i;
+let _n = !1;
+function sn(e) {
+  ct.GlobalWorkerOptions.workerSrc = e, _n = !0;
+}
+function tr(e) {
+  if (e) {
+    sn(e);
+    return;
+  }
+  _n || ct.GlobalWorkerOptions.workerSrc || sn(
+    `https://unpkg.com/pdfjs-dist@${ct.version}/build/pdf.worker.min.mjs`
+  );
+}
+function nr(e, t, n = "") {
+  const i = t || e;
+  if (!i) return "";
+  if (er.test(i)) return i;
+  const r = i.startsWith("/") ? i : `/${i}`;
+  return n ? `${n.replace(/\/$/, "")}${r}` : r;
+}
+async function ir(e, t) {
+  const n = await fetch(e, t);
+  if (!n.ok)
+    throw new Error(`Failed to fetch PDF (${n.status})`);
+  return n.arrayBuffer();
+}
+async function an(e, t) {
+  if (typeof e == "string")
+    return ir(e, t);
+  if (e instanceof ArrayBuffer) return e.slice(0);
+  if (e instanceof Uint8Array) {
+    const n = new Uint8Array(e.byteLength);
+    return n.set(e), n.buffer;
+  }
+  return e.arrayBuffer();
+}
+async function rr(e, t, n) {
+  const {
+    scale: i,
+    rotation: r,
+    annotations: s,
+    signatures: c = [],
+    texts: l = [],
+    mimeType: y = "image/jpeg",
+    quality: f = 0.92
+  } = n, x = await e.getPage(t), v = x.getViewport({ scale: i, rotation: r }), m = x.getViewport({ scale: 1, rotation: r }), M = document.createElement("canvas"), $ = M.getContext("2d", { alpha: !1 });
+  if (!$)
+    throw new Error("Could not create canvas context");
+  const G = Math.floor(v.width), S = Math.floor(v.height);
+  M.width = G, M.height = S, $.fillStyle = "#ffffff", $.fillRect(0, 0, G, S), await x.render({ canvasContext: $, viewport: v }).promise;
+  const z = s.filter((X) => X.pageNumber === t);
+  z.length > 0 && wn($, z, i);
+  const E = c.filter((X) => X.pageNumber === t);
+  E.length > 0 && await yn($, E, i);
+  const I = l.filter((X) => X.pageNumber === t);
+  I.length > 0 && bn($, I, i);
+  const V = M.toDataURL(y, f), te = or(V);
+  return M.width = 0, M.height = 0, {
+    pageNumber: t,
+    width: G,
+    height: S,
+    pageWidth: m.width,
+    pageHeight: m.height,
+    dataUrl: V,
+    jpegBytes: te
+  };
+}
+async function cn(e, t) {
+  const n = [];
+  for (let i = 1; i <= e.numPages; i += 1)
+    n.push(await rr(e, i, t));
+  return n;
+}
+function or(e) {
+  const t = e.split(",")[1] ?? "", n = atob(t), i = new Uint8Array(n.length);
+  for (let r = 0; r < n.length; r += 1)
+    i[r] = n.charCodeAt(r);
+  return i;
+}
+function ze(e) {
+  return new TextEncoder().encode(e);
+}
+function ln(...e) {
+  const t = e.reduce((r, s) => r + s.byteLength, 0), n = new Uint8Array(t);
+  let i = 0;
+  for (const r of e)
+    n.set(r, i), i += r.byteLength;
+  return n;
+}
+function sr(e) {
+  const t = [], n = (m) => (t.push(m), t.length), i = [];
+  for (const m of e) {
+    const M = ln(
+      ze(
+        `<< /Type /XObject /Subtype /Image /Width ${m.width} /Height ${m.height} /ColorSpace /DeviceRGB /BitsPerComponent 8 /Filter /DCTDecode /Length ${m.jpegBytes.byteLength} >>
+stream
+`
+      ),
+      m.jpegBytes,
+      ze(`
+endstream`)
+    ), $ = n(M), G = `q
+${m.pageWidth.toFixed(2)} 0 0 ${m.pageHeight.toFixed(2)} 0 0 cm
+/Im0 Do
+Q`, S = n(
+      ze(`<< /Length ${G.length} >>
+stream
+${G}
+endstream`)
+    ), z = n(
+      ze(
+        `<< /Type /Page /Parent __PAGES__ 0 R /MediaBox [0 0 ${m.pageWidth.toFixed(2)} ${m.pageHeight.toFixed(2)}] /Contents ${S} 0 R /Resources << /XObject << /Im0 ${$} 0 R >> >> >>`
+      )
+    );
+    i.push(z);
+  }
+  const r = i.map((m) => `${m} 0 R`).join(" "), s = n(
+    ze(`<< /Type /Pages /Kids [${r}] /Count ${i.length} >>`)
+  );
+  for (const m of i) {
+    const M = new TextDecoder().decode(t[m - 1]);
+    t[m - 1] = ze(
+      M.replace("/Parent __PAGES__ 0 R", `/Parent ${s} 0 R`)
+    );
+  }
+  const c = n(ze(`<< /Type /Catalog /Pages ${s} 0 R >>`)), l = [ze(`%PDF-1.4
+`)], y = [0];
+  let f = l[0].byteLength;
+  for (let m = 0; m < t.length; m += 1) {
+    y.push(f);
+    const M = ze(`${m + 1} 0 obj
+`), $ = ze(`
+endobj
+`);
+    l.push(M, t[m], $), f += M.byteLength + t[m].byteLength + $.byteLength;
+  }
+  const x = f;
+  let v = `xref
+0 ${t.length + 1}
+`;
+  v += `0000000000 65535 f 
+`;
+  for (let m = 1; m <= t.length; m += 1)
+    v += `${String(y[m]).padStart(10, "0")} 00000 n 
+`;
+  return v += `trailer
+<< /Size ${t.length + 1} /Root ${c} 0 R >>
+`, v += `startxref
+${x}
+%%EOF`, l.push(ze(v)), ln(...l);
+}
+function Xt(e, t) {
+  const n = URL.createObjectURL(e), i = document.createElement("a");
+  i.href = n, i.download = t, i.click(), URL.revokeObjectURL(n);
+}
+const It = [
+  { id: "dancing-script", label: "Dancing Script", family: "Dancing Script" },
+  { id: "great-vibes", label: "Great Vibes", family: "Great Vibes" },
+  { id: "pacifico", label: "Pacifico", family: "Pacifico" },
+  { id: "satisfy", label: "Satisfy", family: "Satisfy" },
+  { id: "allura", label: "Allura", family: "Allura" }
+], ar = "https://fonts.googleapis.com/css2?family=Allura&family=Dancing+Script:wght@500;600&family=Great+Vibes&family=Pacifico&family=Satisfy&display=swap";
+let Nt = null;
+function cr() {
+  return typeof document > "u" ? Promise.resolve() : Nt || (Nt = new Promise((e) => {
+    var i;
+    if (!document.querySelector(
+      'link[data-epochs-signature-fonts="true"]'
+    )) {
+      const r = document.createElement("link");
+      r.rel = "stylesheet", r.href = ar, r.dataset.epochsSignatureFonts = "true", document.head.appendChild(r);
+    }
+    const n = () => Promise.all(
+      It.map(
+        (r) => document.fonts.load(`48px "${r.family}"`)
+      )
+    ).then(() => {
+    });
+    (i = document.fonts) != null && i.ready ? document.fonts.ready.then(n).then(e).catch(() => e()) : window.setTimeout(() => {
+      n().then(e).catch(() => e());
+    }, 300);
+  }), Nt);
+}
+function lr({
+  open: e,
+  onClose: t,
+  onSave: n,
+  fieldType: i,
+  showFieldTypeTabs: r = !1,
+  textPlaceholder: s
+}) {
+  const c = _e(null), l = _e(!1), y = _e(null), f = _e([]), x = _e([]), v = i ?? "sign", [m, M] = U(v), [$, G] = U(""), [S, z] = U(""), [E, I] = U("draw"), [V, te] = U(""), [X, oe] = U(""), [ke, ye] = U(!1), [D, ae] = U("signature"), [C, F] = U("#111827"), [Q, Me] = U("dancing-script"), [Ie, ue] = U(!1), be = It.find((u) => u.id === Q) ?? It[0], J = D === "initials" ? X.trim() : V.trim(), Ee = J || (D === "initials" ? "AB" : "Signature");
+  if (xe(() => {
+    e && (M(v), G((/* @__PURE__ */ new Date()).toISOString().slice(0, 10)), z(""));
+  }, [e, v]), xe(() => {
+    if (!e || m !== "sign") return;
+    const u = c.current;
+    if (!u) return;
+    const g = u.getContext("2d");
+    g && (u.width = 560, u.height = 200, g.fillStyle = "#ffffff", g.fillRect(0, 0, u.width, u.height), g.lineCap = "round", g.lineJoin = "round", g.strokeStyle = C, g.lineWidth = 2.5, y.current = null, l.current = !1);
+  }, [e, m]), xe(() => {
+    if (!e) return;
+    let u = !1;
+    return ue(!1), cr().then(() => {
+      u || ue(!0);
+    }), () => {
+      u = !0;
+    };
+  }, [e]), xe(() => {
+    const u = c.current, g = u == null ? void 0 : u.getContext("2d");
+    g && (g.strokeStyle = C, g.fillStyle = C);
+  }, [C]), xe(() => {
+    if (!e || E !== "type") return;
+    const u = c.current, g = u == null ? void 0 : u.getContext("2d");
+    if (!u || !g || (g.fillStyle = "#ffffff", g.fillRect(0, 0, u.width, u.height), !J)) return;
+    const j = D === "initials" ? 72 : be.family === "Great Vibes" || be.family === "Allura" ? 56 : be.family === "Pacifico" ? 44 : 48;
+    g.fillStyle = C, g.textAlign = "center", g.textBaseline = "middle", g.font = `${j}px "${be.family}", cursive`, g.fillText(J, u.width / 2, u.height / 2);
+  }, [
+    J,
+    D,
+    E,
+    C,
+    e,
+    be,
+    Ie
+  ]), !e) return null;
+  const Ye = (u) => {
+    const g = c.current, j = g.getBoundingClientRect();
+    return {
+      x: (u.clientX - j.left) / j.width * g.width,
+      y: (u.clientY - j.top) / j.height * g.height
+    };
+  }, Pe = (u) => {
+    if (E !== "draw") return;
+    u.currentTarget.setPointerCapture(u.pointerId), l.current = !0;
+    const g = Ye(u);
+    y.current = g, x.current = [g];
+  }, Oe = (u) => {
+    if (!l.current || E !== "draw") return;
+    const g = c.current, j = g == null ? void 0 : g.getContext("2d"), Y = y.current;
+    if (!j || !Y) return;
+    const se = Ye(u);
+    j.beginPath(), j.moveTo(Y.x, Y.y), j.lineTo(se.x, se.y), j.stroke(), y.current = se, x.current.push(se);
+  }, ve = () => {
+    x.current.length > 1 && f.current.push([...x.current]), x.current = [], l.current = !1, y.current = null;
+  }, B = () => {
+    const u = c.current, g = u == null ? void 0 : u.getContext("2d");
+    !u || !g || (g.fillStyle = "#ffffff", g.fillRect(0, 0, u.width, u.height), f.current = [], x.current = [], te(""), oe(""), ye(!1));
+  }, fe = (u) => {
+    te(u), ke || oe(dr(u));
+  }, je = () => {
+    if (E === "draw") {
+      const u = f.current;
+      if (u.length === 0) return;
+      let g = 1 / 0, j = 1 / 0, Y = -1 / 0, se = -1 / 0;
+      for (const Ke of u)
+        for (const Le of Ke)
+          Le.x < g && (g = Le.x), Le.y < j && (j = Le.y), Le.x > Y && (Y = Le.x), Le.y > se && (se = Le.y);
+      const re = 8;
+      g = Math.max(0, g - re), j = Math.max(0, j - re), Y += re, se += re;
+      const Ce = Y - g, ce = se - j, Be = u.map((Ke) => "M" + Ke.map((We) => ({ x: We.x - g, y: We.y - j })).map((We) => `${We.x.toFixed(1)},${We.y.toFixed(1)}`).join("L")).join(" "), Ae = `<svg xmlns="http://www.w3.org/2000/svg" width="${Ce.toFixed(0)}" height="${ce.toFixed(0)}" viewBox="0 0 ${Ce.toFixed(0)} ${ce.toFixed(0)}"><path d="${Be}" fill="none" stroke="${C}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`, Ue = `data:image/svg+xml;base64,${btoa(Ae)}`;
+      n(Ue, Ce, ce);
+    } else {
+      if (!J) return;
+      const u = 3, g = D === "initials" ? 72 : be.family === "Great Vibes" || be.family === "Allura" ? 56 : be.family === "Pacifico" ? 44 : 48, Y = document.createElement("canvas").getContext("2d");
+      Y.font = `${g * u}px "${be.family}", cursive`;
+      const se = Y.measureText(J), re = 12 * u, Ce = Math.ceil(se.width) + re * 2, ce = g * u + re * 2, Be = document.createElement("canvas");
+      Be.width = Ce, Be.height = ce;
+      const Ae = Be.getContext("2d");
+      Ae.clearRect(0, 0, Ce, ce), Ae.font = `${g * u}px "${be.family}", cursive`, Ae.fillStyle = C, Ae.textBaseline = "middle", Ae.fillText(J, re, ce / 2);
+      const Ue = Be.toDataURL("image/png");
+      n(Ue, Ce / u, ce / u);
+    }
+  }, ie = () => {
+    const u = m === "date" ? $ : S.trim();
+    if (!u) return;
+    const g = document.createElement("canvas"), j = g.getContext("2d"), Y = 16;
+    j.font = `${Y}px sans-serif`;
+    const se = j.measureText(u), re = 8;
+    g.width = Math.ceil(se.width) + re * 2, g.height = Y + re * 2, j.clearRect(0, 0, g.width, g.height), j.font = `${Y}px sans-serif`, j.fillStyle = "#111827", j.textBaseline = "middle", j.fillText(u, re, g.height / 2);
+    const Ce = g.toDataURL("image/png");
+    n(Ce, g.width, g.height);
+  }, ge = m === "sign";
+  return /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__modal", role: "dialog", "aria-modal": "true", children: [
+    /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__modal-backdrop", onClick: t }),
+    /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__modal-card", children: [
+      /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__modal-header", children: [
+        /* @__PURE__ */ a("h3", { children: m === "date" ? "Pick a date" : m === "text" ? "Enter text" : "Create e-signature" }),
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "epochs-pdf-viewer__btn",
+            onClick: t,
+            title: "Close",
+            children: "×"
+          }
+        )
+      ] }),
+      r && !i ? /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__field-type-tabs", role: "tablist", children: ["sign", "date", "text"].map((u) => /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          "aria-selected": m === u,
+          className: m === u ? "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text epochs-pdf-viewer__btn--active" : "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
+          onClick: () => M(u),
+          children: u === "sign" ? "Sign" : u === "date" ? "Date" : "Text"
+        },
+        u
+      )) }) : null,
+      ge ? /* @__PURE__ */ T(bt, { children: [
+        /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__sign-modes", children: [
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: E === "draw" ? "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text epochs-pdf-viewer__btn--active" : "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
+              onClick: () => {
+                I("draw"), B();
+              },
+              children: "Draw"
+            }
+          ),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: E === "type" ? "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text epochs-pdf-viewer__btn--active" : "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
+              onClick: () => I("type"),
+              children: "Type"
+            }
+          ),
+          /* @__PURE__ */ T("label", { className: "epochs-pdf-viewer__sign-ink", children: [
+            "Ink",
+            /* @__PURE__ */ a(
+              "input",
+              {
+                type: "color",
+                value: C,
+                onChange: (u) => F(u.target.value)
+              }
+            )
+          ] })
+        ] }),
+        E === "type" ? /* @__PURE__ */ T(bt, { children: [
+          /* @__PURE__ */ a(
+            "div",
+            {
+              className: "epochs-pdf-viewer__sign-fonts",
+              role: "group",
+              "aria-label": "Handwriting style",
+              children: It.map((u) => /* @__PURE__ */ a(
+                "button",
+                {
+                  type: "button",
+                  className: Q === u.id ? "epochs-pdf-viewer__sign-font epochs-pdf-viewer__sign-font--active" : "epochs-pdf-viewer__sign-font",
+                  style: { fontFamily: `"${u.family}", cursive` },
+                  onClick: () => Me(u.id),
+                  title: u.label,
+                  children: Ee
+                },
+                u.id
+              ))
+            }
+          ),
+          /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__sign-type-fields", children: [
+            /* @__PURE__ */ T("label", { className: "epochs-pdf-viewer__sign-type-field", children: [
+              /* @__PURE__ */ a("span", { children: "Full name" }),
+              /* @__PURE__ */ a(
+                "input",
+                {
+                  className: "epochs-pdf-viewer__sign-type-input",
+                  type: "text",
+                  value: V,
+                  onChange: (u) => fe(u.target.value),
+                  onFocus: () => ae("signature"),
+                  placeholder: "Type your full name",
+                  style: { fontFamily: `"${be.family}", cursive` },
+                  autoFocus: !0
+                }
+              )
+            ] }),
+            /* @__PURE__ */ T("label", { className: "epochs-pdf-viewer__sign-type-field", children: [
+              /* @__PURE__ */ a("span", { children: "Initials" }),
+              /* @__PURE__ */ a(
+                "input",
+                {
+                  className: "epochs-pdf-viewer__sign-type-input",
+                  type: "text",
+                  value: X,
+                  onChange: (u) => {
+                    ye(!0), oe(u.target.value.toUpperCase());
+                  },
+                  onFocus: () => ae("initials"),
+                  placeholder: "e.g. JD",
+                  maxLength: 4,
+                  style: { fontFamily: `"${be.family}", cursive` }
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ T(
+            "div",
+            {
+              className: "epochs-pdf-viewer__sign-type-kind",
+              role: "group",
+              "aria-label": "Preview type",
+              children: [
+                /* @__PURE__ */ a(
+                  "button",
+                  {
+                    type: "button",
+                    className: D === "signature" ? "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text epochs-pdf-viewer__btn--active" : "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
+                    onClick: () => ae("signature"),
+                    children: "Use full name"
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "button",
+                  {
+                    type: "button",
+                    className: D === "initials" ? "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text epochs-pdf-viewer__btn--active" : "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
+                    onClick: () => ae("initials"),
+                    children: "Use initials"
+                  }
+                )
+              ]
+            }
+          )
+        ] }) : /* @__PURE__ */ a("p", { className: "epochs-pdf-viewer__sign-hint", children: "Draw your signature below" }),
+        /* @__PURE__ */ a(
+          "canvas",
+          {
+            ref: c,
+            className: E === "draw" ? "epochs-pdf-viewer__sign-canvas" : "epochs-pdf-viewer__sign-canvas epochs-pdf-viewer__sign-canvas--preview",
+            onPointerDown: Pe,
+            onPointerMove: Oe,
+            onPointerUp: ve,
+            onPointerLeave: ve
+          }
+        )
+      ] }) : m === "date" ? /* @__PURE__ */ T("label", { className: "epochs-pdf-viewer__sign-type-field", style: { padding: "1rem" }, children: [
+        /* @__PURE__ */ a("span", { children: "Date" }),
+        /* @__PURE__ */ a(
+          "input",
+          {
+            className: "epochs-pdf-viewer__sign-type-input",
+            type: "date",
+            value: $,
+            onChange: (u) => G(u.target.value),
+            autoFocus: !0
+          }
+        )
+      ] }) : /* @__PURE__ */ T("label", { className: "epochs-pdf-viewer__sign-type-field", style: { padding: "1rem" }, children: [
+        /* @__PURE__ */ a("span", { children: "Text" }),
+        /* @__PURE__ */ a(
+          "input",
+          {
+            className: "epochs-pdf-viewer__sign-type-input",
+            type: "text",
+            value: S,
+            onChange: (u) => z(u.target.value),
+            placeholder: s ?? "Enter text",
+            autoFocus: !0
+          }
+        )
+      ] }),
+      /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__modal-actions", children: [
+        ge ? /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
+            onClick: B,
+            children: "Clear"
+          }
+        ) : null,
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
+            onClick: t,
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text epochs-pdf-viewer__btn--primary",
+            onClick: ge ? je : ie,
+            disabled: m === "date" ? !$ : m === "text" ? !S.trim() : !1,
+            children: ge ? "Use signature" : "Place on page"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function dr(e) {
+  const t = e.trim().split(/\s+/).filter(Boolean);
+  return t.length === 0 ? "" : t.length === 1 ? t[0].slice(0, 2).toUpperCase() : t.slice(0, 3).map((n) => {
+    var i;
+    return ((i = n[0]) == null ? void 0 : i.toUpperCase()) ?? "";
+  }).join("");
+}
+const Ct = "__epochsToolbarToolId";
+function Fe(e, t) {
+  const n = (() => null);
+  return n.displayName = t, Object.defineProperty(n, Ct, {
+    value: e,
+    enumerable: !0
+  }), n;
+}
+function dn(e) {
+  return e[Ct];
+}
+function hr(e) {
+  return typeof e == "function" && Ct in e && typeof e[Ct] == "string";
+}
+const vn = Fe("thumbnail", "Thumbnail"), xn = Fe("navigation", "Navigation"), kn = Fe("zoom", "Zoom"), Mn = Fe("rotate", "Rotate"), Pn = Fe("reload", "Reload"), Nn = Fe("print", "Print"), $n = Fe("open", "Open"), Tn = Fe("download", "Download"), In = Fe("highlight", "Highlight"), Cn = Fe("underline", "Underline"), Ln = Fe("signature", "Signature"), Rn = Fe("text", "AddText"), Dn = Fe("erase", "Erase"), Fn = Fe("clear", "Clear"), Br = [
+  vn,
+  xn,
+  kn,
+  Mn,
+  In,
+  Cn,
+  Ln,
+  Rn,
+  Dn,
+  Fn,
+  Pn,
+  Nn,
+  $n,
+  Tn
+], hn = [
+  [vn, xn],
+  [
+    kn,
+    Mn,
+    In,
+    Cn,
+    Ln,
+    Rn,
+    Dn,
+    Fn,
+    Pn,
+    Nn,
+    $n,
+    Tn
+  ]
+], pr = [
+  "highlight",
+  "underline",
+  "signature",
+  "text",
+  "erase",
+  "clear"
+];
+function pn(e) {
+  return pr.includes(e);
+}
+function ur(e, t, n) {
+  const i = [];
+  switch (n != null && n.showMarkupSep && i.push(
+    /* @__PURE__ */ a(
+      "span",
+      {
+        className: "epochs-pdf-viewer__toolbar-sep",
+        "aria-hidden": "true"
+      },
+      `${e}-sep`
+    )
+  ), e) {
+    case "thumbnail":
+      i.push(
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "epochs-pdf-viewer__btn",
+            onClick: () => t.setShowThumbnails((r) => !r),
+            title: t.showThumbnails ? "Hide thumbnails" : "Show thumbnails",
+            children: /* @__PURE__ */ a(zi, {})
+          },
+          "thumbnail"
+        )
+      );
+      break;
+    case "navigation":
+      i.push(
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "epochs-pdf-viewer__btn",
+            onClick: t.handlePrev,
+            disabled: !t.canGoPrev || t.status !== "ready",
+            title: "Previous page",
+            children: /* @__PURE__ */ a(Si, {})
+          },
+          "nav-prev"
+        ),
+        /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__page-input", children: [
+          /* @__PURE__ */ a(
+            "input",
+            {
+              type: "number",
+              value: t.pageNumber,
+              min: 1,
+              max: t.numPages || 1,
+              onChange: (r) => {
+                const s = Number.parseInt(r.target.value, 10);
+                Number.isFinite(s) && t.scrollToPage(
+                  Math.max(1, Math.min(t.numPages || 1, s))
+                );
+              },
+              disabled: t.status !== "ready",
+              "aria-label": "Page number"
+            }
+          ),
+          /* @__PURE__ */ T("span", { children: [
+            "/ ",
+            t.numPages || "-"
+          ] })
+        ] }, "nav-page"),
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "epochs-pdf-viewer__btn",
+            onClick: t.handleNext,
+            disabled: !t.canGoNext || t.status !== "ready",
+            title: "Next page",
+            children: /* @__PURE__ */ a(Ei, {})
+          },
+          "nav-next"
+        )
+      );
+      break;
+    case "zoom":
+      i.push(
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "epochs-pdf-viewer__btn",
+            onClick: t.handleZoomOut,
+            disabled: t.status !== "ready",
+            title: "Zoom out",
+            children: /* @__PURE__ */ a(ji, {})
+          },
+          "zoom-out"
+        ),
+        /* @__PURE__ */ T("span", { className: "epochs-pdf-viewer__zoom-label", children: [
+          Math.round(t.scale * 100),
+          "%"
+        ] }, "zoom-label"),
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "epochs-pdf-viewer__btn",
+            onClick: t.handleZoomIn,
+            disabled: t.status !== "ready",
+            title: "Zoom in",
+            children: /* @__PURE__ */ a(Oi, {})
+          },
+          "zoom-in"
+        ),
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
+            onClick: () => void t.handleFitWidth(),
+            disabled: t.status !== "ready",
+            title: "Fit to width",
+            children: "Fit"
+          },
+          "zoom-fit"
+        )
+      );
+      break;
+    case "rotate":
+      i.push(
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "epochs-pdf-viewer__btn",
+            onClick: t.handleRotate,
+            disabled: t.status !== "ready",
+            title: "Rotate",
+            children: /* @__PURE__ */ a(Gi, {})
+          },
+          "rotate"
+        )
+      );
+      break;
+    case "highlight":
+      i.push(
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: t.markupTool === "highlight" ? "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--active" : "epochs-pdf-viewer__btn",
+            onClick: () => t.toggleMarkupTool("highlight"),
+            disabled: t.status !== "ready",
+            title: "Highlight text — select text to highlight",
+            children: /* @__PURE__ */ a(Xi, {})
+          },
+          "highlight"
+        )
+      );
+      break;
+    case "underline":
+      i.push(
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: t.markupTool === "underline" ? "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--active" : "epochs-pdf-viewer__btn",
+            onClick: () => t.toggleMarkupTool("underline"),
+            disabled: t.status !== "ready",
+            title: "Underline text — select text to underline",
+            children: /* @__PURE__ */ a(qi, {})
+          },
+          "underline"
+        )
+      );
+      break;
+    case "signature":
+      i.push(
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: t.markupTool === "sign" ? "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--active" : "epochs-pdf-viewer__btn",
+            onClick: () => {
+              if (!t.hasFixedSignatureFields && t.pendingSignature && t.markupTool !== "sign") {
+                t.setMarkupTool("sign");
+                return;
+              }
+              t.setSignaturePadOpen(!0);
+            },
+            disabled: t.status !== "ready",
+            title: t.hasFixedSignatureFields ? "Create e-signature for a fixed field" : t.pendingSignature ? "Place signature — click on the page, then drag to move" : "Create e-signature",
+            children: /* @__PURE__ */ a(Ki, {})
+          },
+          "signature"
+        )
+      );
+      break;
+    case "text":
+      i.push(
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: t.markupTool === "text" ? "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--active" : "epochs-pdf-viewer__btn",
+            onClick: () => t.toggleMarkupTool("text"),
+            disabled: t.status !== "ready",
+            title: t.hasFixedTextFields ? "Edit text in predefined areas — click to type" : "Edit PDF text — select words, then change them",
+            children: /* @__PURE__ */ a(Vi, {})
+          },
+          "text"
+        )
+      );
+      break;
+    case "erase":
+      i.push(
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: t.markupTool === "erase" ? "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--active" : "epochs-pdf-viewer__btn",
+            onClick: () => t.toggleMarkupTool("erase"),
+            disabled: t.status !== "ready",
+            title: "Remove text — select PDF words to cover them, or click added markup",
+            children: /* @__PURE__ */ a(Yi, {})
+          },
+          "erase"
+        )
+      );
+      break;
+    case "clear":
+      i.push(
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
+            onClick: t.handleClearAnnotations,
+            disabled: t.status !== "ready" || t.annotationsLength === 0 && t.signaturesLength === 0 && t.textsLength === 0,
+            title: "Clear all markup",
+            children: "Clear"
+          },
+          "clear"
+        )
+      );
+      break;
+    case "reload":
+      i.push(
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "epochs-pdf-viewer__btn",
+            onClick: () => void t.loadDocument(),
+            title: "Reload",
+            children: /* @__PURE__ */ a(Wi, {})
+          },
+          "reload"
+        )
+      );
+      break;
+    case "print":
+      i.push(
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "epochs-pdf-viewer__btn",
+            onClick: () => void t.handlePrint(),
+            disabled: t.status !== "ready" || !t.pdfDoc || t.isPrinting,
+            title: t.isPrinting ? "Preparing print…" : "Print (includes highlights & underlines)",
+            children: /* @__PURE__ */ a(Ui, {})
+          },
+          "print"
+        )
+      );
+      break;
+    case "open":
+      i.push(
+        /* @__PURE__ */ a(
+          "a",
+          {
+            className: "epochs-pdf-viewer__btn",
+            href: t.displayUrl || t.resolvedUrl || void 0,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            title: "Open in new tab",
+            children: /* @__PURE__ */ a(Hi, {})
+          },
+          "open"
+        )
+      );
+      break;
+    case "download":
+      i.push(
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "epochs-pdf-viewer__btn",
+            onClick: () => void t.handleDownload(),
+            disabled: t.status !== "ready" || !t.pdfDoc || t.isDownloading,
+            title: t.isDownloading ? "Preparing download…" : t.annotationsLength > 0 || t.signaturesLength > 0 || t.textsLength > 0 ? "Download PDF with markup" : "Download PDF",
+            children: /* @__PURE__ */ a(Bi, {})
+          },
+          "download"
+        )
+      );
+      break;
+  }
+  return i.length > 0 ? i : null;
+}
+function fr(e, t) {
+  const n = [];
+  if (e.markupTool === "sign" && e.pendingSignature && !e.hasFixedSignatureFields && t.has("signature") && n.push(
+    /* @__PURE__ */ a("span", { className: "epochs-pdf-viewer__markup-hint", children: "Click page to place duplicate/new signature" }, "sign-hint")
+  ), e.markupTool === "text" && t.has("text") && n.push(
+    /* @__PURE__ */ a("span", { className: "epochs-pdf-viewer__markup-hint", children: e.hasFixedTextFields ? "Click in a predefined text area to type" : "Select text to edit it — e.g. change this PDF to this is PDF" }, "text-hint")
+  ), e.markupTool === "erase" && t.has("erase") && n.push(
+    /* @__PURE__ */ a("span", { className: "epochs-pdf-viewer__markup-hint", children: "Select PDF words to remove · click added text/markup to erase" }, "erase-hint")
+  ), e.markupTool === "highlight" && t.has("highlight") || e.markupTool === "underline" && t.has("underline")) {
+    const i = e.markupTool === "highlight" ? e.highlightHex : e.underlineHex, r = e.markupTool === "highlight" ? e.setHighlightHex : e.setUnderlineHex, s = e.markupTool === "highlight" ? un : fn;
+    n.push(
+      /* @__PURE__ */ T(
+        "div",
+        {
+          className: "epochs-pdf-viewer__color-picker",
+          role: "group",
+          "aria-label": `${e.markupTool} color`,
+          children: [
+            s.map((c) => /* @__PURE__ */ a(
+              "button",
+              {
+                type: "button",
+                className: Qe(i) === Qe(c.hex) ? "epochs-pdf-viewer__swatch epochs-pdf-viewer__swatch--active" : "epochs-pdf-viewer__swatch",
+                style: { background: c.hex },
+                title: c.label,
+                "aria-label": c.label,
+                "aria-pressed": Qe(i) === Qe(c.hex),
+                onClick: () => r(Qe(c.hex))
+              },
+              c.id
+            )),
+            /* @__PURE__ */ T(
+              "label",
+              {
+                className: "epochs-pdf-viewer__custom-color",
+                title: "Custom color",
+                children: [
+                  /* @__PURE__ */ a(
+                    "span",
+                    {
+                      className: "epochs-pdf-viewer__custom-color-chip",
+                      style: { background: i }
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    "input",
+                    {
+                      type: "color",
+                      value: Qe(i),
+                      onChange: (c) => r(Qe(c.target.value)),
+                      "aria-label": "Custom color"
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        },
+        "color-picker"
+      )
+    );
+  }
+  return n.length > 0 ? n : null;
+}
+function gr(e, t) {
+  if (!e) return null;
+  if (Array.isArray(e)) {
+    const s = (c) => (c ?? []).filter(hr).map(dn);
+    return {
+      left: s(e[0]),
+      right: s(e[1])
+    };
+  }
+  const n = t.enableThumbnails, i = (s, c) => s.map(dn).filter((l) => c[l] !== !1), r = {
+    thumbnail: n,
+    navigation: t.enableNavigation,
+    zoom: t.enableZoom,
+    rotate: t.enableRotate,
+    reload: t.enableReload,
+    print: t.enablePrint,
+    open: t.enableOpen,
+    download: t.enableDownload,
+    highlight: t.enableHighlight,
+    underline: t.enableUnderline,
+    signature: t.enableSignature,
+    text: t.enableText,
+    erase: t.enableErase,
+    clear: t.enableClear
+  };
+  return {
+    left: i(hn[0], r),
+    right: i(hn[1], r)
+  };
+}
+function Hr({
+  file: e,
+  fileUrl: t,
+  baseUrl: n = "",
+  fetchOptions: i,
+  height: r = "80vh",
+  title: s = "PDF document",
+  initialScale: c = 1,
+  withThumbnails: l = !1,
+  thumbnailWidth: y = 140,
+  maxThumbnails: f = 60,
+  className: x,
+  workerSrc: v,
+  enableToolbar: m = !1,
+  enableThumbnails: M,
+  enableNavigation: $ = !0,
+  enableZoom: G = !0,
+  enableRotate: S = !0,
+  enableReload: z = !0,
+  enablePrint: E = !0,
+  enableOpen: I = !0,
+  enableDownload: V = !0,
+  enableMarkup: te = !0,
+  enableHighlight: X = !0,
+  enableUnderline: oe = !0,
+  enableSignature: ke = !0,
+  enableText: ye = !0,
+  enableErase: D = !0,
+  enableClear: ae = !0,
+  signatureFields: C = [],
+  textFields: F = [],
+  onSignatureComplete: Q,
+  onFieldValueComplete: Me,
+  openSignaturePad: Ie = !1,
+  onSignaturePadClose: ue,
+  onSubmit: be,
+  submitLabel: J = "Submit"
+}) {
+  const Ee = _e(null), Ye = _e(null), Pe = _e(/* @__PURE__ */ new Map()), Oe = _e(!1), ve = Mt(() => e && typeof e != "string" ? e : null, [e]), B = Mt(() => ve ? "" : nr(typeof e == "string" ? e : void 0, t, n), [ve, e, t, n]), [fe, je] = U("idle"), [ie, ge] = U(null), [he, u] = U(0), [g, j] = U(1), [Y, se] = U(c), [re, Ce] = U(0), [ce, Be] = U(null), [Ae, Ue] = U(!1), [Ke, Le] = U(!1), [We, vt] = U(!1), [o, w] = U("none"), [_, k] = U([]), [P, N] = U([]), [L, O] = U([]), [Z, W] = U(!1), [H, le] = U(void 0), [de, ne] = U(null), [Ne, pe] = U(
+    null
+  ), [me, $e] = U(
+    null
+  ), [Ge, Se] = U(null), [lt, Xe] = U(null), [xt, Ze] = U(null), [Lt, Je] = U(null), [Kt, On] = U(gn), [Zt, Un] = U(xi), He = C.length > 0, dt = F.length > 0, [it, Wn] = U({});
+  xe(() => {
+    Ie && W(!0);
+  }, [Ie]);
+  const et = Mt(
+    () => gr(m, {
+      enableThumbnails: M,
+      enableNavigation: $,
+      enableZoom: G,
+      enableRotate: S,
+      enableReload: z,
+      enablePrint: E,
+      enableOpen: I,
+      enableDownload: V,
+      enableHighlight: X,
+      enableUnderline: oe,
+      enableSignature: ke,
+      enableText: ye,
+      enableErase: D,
+      enableClear: ae
+    }),
+    [
+      m,
+      M,
+      $,
+      G,
+      S,
+      z,
+      E,
+      I,
+      V,
+      X,
+      oe,
+      ke,
+      ye,
+      D,
+      ae
+    ]
+  ), tt = Mt(() => et ? /* @__PURE__ */ new Set([...et.left, ...et.right]) : /* @__PURE__ */ new Set(), [et]);
+  xe(() => {
+    if (!tt.has("thumbnail")) {
+      Ue(!1);
+      return;
+    }
+    const p = window.matchMedia("(max-width: 720px)"), d = () => {
+      Ue(p.matches ? !1 : l);
+    };
+    return d(), p.addEventListener("change", d), () => p.removeEventListener("change", d);
+  }, [tt, l]);
+  const Vt = !He && tt.has("highlight"), Qt = !He && tt.has("underline"), Rt = tt.has("signature"), Jt = tt.has("text") || dt, en = !He && tt.has("erase"), ht = q(() => {
+    Ye.current && (URL.revokeObjectURL(Ye.current), Ye.current = null);
+  }, []), Dt = q(async () => {
+    if (!(!ve && !B)) {
+      tr(v), je("loading"), ge(null), u(0), j(1), k([]), N([]), O([]), ne(null), pe(null), $e(null), Se(null), Xe(null), Ze(null), Je(null), w("none");
+      try {
+        const h = ve ? await an(ve, i) : await an(B, i), p = new Blob([h], { type: "application/pdf" }), d = URL.createObjectURL(p);
+        ht(), Ye.current = d, Be(d);
+        const A = await ct.getDocument({
+          data: h,
+          cMapUrl: `https://unpkg.com/pdfjs-dist@${ct.version}/cmaps/`,
+          cMapPacked: !0,
+          standardFontDataUrl: `https://unpkg.com/pdfjs-dist@${ct.version}/standard_fonts/`
+        }).promise;
+        ge(A), u(A.numPages), je("ready");
+      } catch {
+        je("error");
+      }
+    }
+  }, [
+    ve,
+    B,
+    i,
+    ht,
+    v
+  ]);
+  xe(() => {
+    if (!ve && !B) {
+      je("idle"), ge(null), u(0), Be(null), ht();
+      return;
+    }
+    return Dt(), () => {
+      ht();
+    };
+  }, [ve, B, Dt, ht]), xe(() => {
+    (o === "highlight" && !Vt || o === "underline" && !Qt || o === "sign" && !Rt || o === "text" && !Jt || o === "erase" && !en) && w("none");
+  }, [Vt, Qt, Rt, Jt, en, o]);
+  const rt = q(
+    (h) => {
+      const p = Math.max(1, Math.min(he || 1, h)), d = Pe.current.get(p);
+      if (!d) {
+        j(p);
+        return;
+      }
+      Oe.current = !0, d.scrollIntoView({ behavior: "smooth", block: "start" }), j(p), window.setTimeout(() => {
+        Oe.current = !1;
+      }, 500);
+    },
+    [he]
+  ), ot = q(
+    (h) => {
+      const p = Pe.current.get(h.pageNumber);
+      p && (Oe.current = !0, j(h.pageNumber));
+      const d = () => {
+        var A;
+        const b = (A = Ee.current) == null ? void 0 : A.querySelector(
+          `[data-signature-field-id="${CSS.escape(h.id)}"]`
+        );
+        b ? b.scrollIntoView({ behavior: "smooth", block: "center" }) : p && p.scrollIntoView({ behavior: "smooth", block: "start" }), window.setTimeout(() => {
+          Oe.current = !1;
+        }, 500);
+      };
+      window.requestAnimationFrame(() => {
+        window.setTimeout(d, 40);
+      });
+    },
+    []
+  );
+  xe(() => {
+    if (fe !== "ready" || !Ee.current || !he) return;
+    const h = Ee.current, p = new IntersectionObserver(
+      (d) => {
+        if (Oe.current) return;
+        let b = null;
+        for (const A of d) {
+          if (!A.isIntersecting) continue;
+          const R = Number.parseInt(
+            A.target.dataset.pageNumber || "0",
+            10
+          );
+          R && (!b || A.intersectionRatio > b.ratio) && (b = { page: R, ratio: A.intersectionRatio });
+        }
+        b && j(b.page);
+      },
+      {
+        root: h,
+        threshold: [0.25, 0.5, 0.75]
+      }
+    );
+    for (let d = 1; d <= he; d += 1) {
+      const b = Pe.current.get(d);
+      b && p.observe(b);
+    }
+    return () => p.disconnect();
+  }, [fe, he]);
+  const Ft = g > 1, At = he ? g < he : !1, Gn = q(() => {
+    Ft && rt(g - 1);
+  }, [Ft, g, rt]), Xn = q(() => {
+    At && rt(g + 1);
+  }, [At, g, rt]), qn = q(() => {
+    Ce((h) => (h + 90) % 360);
+  }, []), Yn = q(() => {
+    se((h) => Math.max(0.25, Math.round((h - 0.1) * 100) / 100));
+  }, []), Kn = q(() => {
+    se((h) => Math.min(5, Math.round((h + 0.1) * 100) / 100));
+  }, []), St = q(async () => {
+    if (!(!ie || !Ee.current))
+      try {
+        const p = (await ie.getPage(g)).getViewport({ scale: 1, rotation: re }), b = window.matchMedia("(max-width: 720px)").matches ? 16 : 24, R = Math.max(
+          0,
+          Ee.current.clientWidth - b
+        ) / p.width;
+        se(Math.max(0.25, Math.min(5, Math.round(R * 100) / 100)));
+      } catch {
+      }
+  }, [ie, g, re]);
+  xe(() => {
+    if (fe !== "ready" || !ie || !window.matchMedia("(max-width: 720px)").matches) return;
+    let h = !1;
+    const p = () => {
+      h || St();
+    };
+    p();
+    const d = Ee.current, b = typeof ResizeObserver < "u" && d ? new ResizeObserver(() => p()) : null;
+    b == null || b.observe(d);
+    const A = window.matchMedia("(max-width: 720px)"), R = () => {
+      A.matches && p();
+    };
+    return A.addEventListener("change", R), () => {
+      h = !0, b == null || b.disconnect(), A.removeEventListener("change", R);
+    };
+  }, [fe, ie, Ae, re, St]);
+  const Zn = q(async () => {
+    var h;
+    if (!(!ie || fe !== "ready")) {
+      Le(!0);
+      try {
+        const p = await cn(ie, {
+          scale: 1.5,
+          rotation: re,
+          annotations: _,
+          signatures: P,
+          texts: L,
+          mimeType: "image/png"
+        }), d = document.createElement("iframe");
+        d.style.position = "fixed", d.style.right = "0", d.style.bottom = "0", d.style.width = "0", d.style.height = "0", d.style.border = "0", d.setAttribute("aria-hidden", "true"), document.body.appendChild(d);
+        const b = (h = d.contentWindow) == null ? void 0 : h.document;
+        if (!b) throw new Error("print iframe not available");
+        b.open(), b.write(`<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>${s.replace(/</g, "&lt;")}</title>
+    <style>
+      html, body { margin: 0; padding: 0; }
+      img { width: 100%; display: block; }
+      .page { page-break-after: always; }
+      .page:last-child { page-break-after: auto; }
+      @page { margin: 10mm; }
+    </style>
+  </head>
+  <body></body>
+</html>`), b.close();
+        const A = b.body;
+        for (const R of p) {
+          const K = b.createElement("img");
+          K.src = R.dataUrl;
+          const Re = b.createElement("div");
+          Re.className = "page", Re.appendChild(K), A.appendChild(Re);
+        }
+        await Promise.all(
+          Array.from(A.querySelectorAll("img")).map(
+            (R) => {
+              var K;
+              return ((K = R.decode) == null ? void 0 : K.call(R).catch(() => {
+              })) ?? Promise.resolve();
+            }
+          )
+        ), setTimeout(() => {
+          var R, K;
+          try {
+            (R = d.contentWindow) == null || R.focus(), (K = d.contentWindow) == null || K.print();
+          } finally {
+            setTimeout(() => {
+              try {
+                document.body.removeChild(d);
+              } catch {
+              }
+            }, 1e3);
+          }
+        }, 50);
+      } catch {
+        try {
+          ce ? window.open(ce, "_blank", "noopener,noreferrer") : B && window.open(B, "_blank", "noopener,noreferrer");
+        } catch {
+        }
+      } finally {
+        Le(!1);
+      }
+    }
+  }, [ie, fe, re, s, ce, B, _, P, L]), Vn = q(async () => {
+    if (!ie || fe !== "ready") return;
+    const h = `${s.replace(/[^\w.-]+/g, "_") || "document"}.pdf`;
+    if (!(_.length > 0 || P.length > 0 || L.length > 0) && ce) {
+      Xt(
+        await fetch(ce).then((d) => d.blob()),
+        h
+      );
+      return;
+    }
+    vt(!0);
+    try {
+      const d = await cn(ie, {
+        scale: 2,
+        rotation: re,
+        annotations: _,
+        signatures: P,
+        texts: L,
+        mimeType: "image/jpeg",
+        quality: 0.92
+      }), b = sr(d), A = new Uint8Array(b.byteLength);
+      A.set(b), Xt(
+        new Blob([A], { type: "application/pdf" }),
+        h
+      );
+    } catch {
+      ce && Xt(
+        await fetch(ce).then((d) => d.blob()),
+        h
+      );
+    } finally {
+      vt(!1);
+    }
+  }, [ie, fe, re, s, ce, _, P, L]), Qn = q((h) => {
+    w((p) => p === h ? "none" : h);
+  }, []), Jn = o === "highlight" || o === "underline" ? mn(o === "highlight" ? Kt : o === "underline" ? Zt : null, o) : void 0, st = Ne != null ? P.find((h) => h.id === Ne) ?? null : null, ei = q((h) => {
+    k((p) => [...p, h]);
+  }, []), ti = q((h) => {
+    k((p) => p.filter((d) => d.id !== h));
+  }, []), ni = q(() => {
+    k([]), N([]), O([]), pe(null), Xe(null), Ze(null), Je(null);
+  }, []), ii = q(
+    (h) => {
+      le(h), W(!0);
+    },
+    []
+  ), ri = q((h, p) => {
+    Wn((d) => ({ ...d, [h]: p }));
+  }, []), oi = q(
+    (h) => {
+      const p = it[h];
+      p && (Me == null || Me(h, p));
+      const d = C.findIndex((R) => R.id === h), b = new Set(
+        Object.keys(it).filter((R) => {
+          var K;
+          return (K = it[R]) == null ? void 0 : K.trim();
+        })
+      );
+      b.add(h);
+      const A = C.slice(d + 1).find(
+        (R) => !b.has(R.id) && !P.some((K) => K.fieldId === R.id)
+      ) ?? C.slice(0, Math.max(0, d)).find(
+        (R) => !b.has(R.id) && !P.some((K) => K.fieldId === R.id)
+      );
+      if (A) {
+        $e(A.id), ot(A);
+        const R = A.type;
+        (R === "sign" || !R) && window.setTimeout(() => W(!0), 350);
+      }
+    },
+    [C, it, P, ot]
+  ), si = q(
+    (h, p, d) => {
+      const b = Pi(p, d);
+      if (Ge) {
+        N(
+          (ee) => ee.map(
+            (De) => De.id === Ge ? {
+              ...De,
+              imageDataUrl: h,
+              width: De.fieldId ? De.width : b.width,
+              height: De.fieldId ? De.height : b.height
+            } : De
+          )
+        ), ne(null), w("none"), W(!1), Se(null);
+        return;
+      }
+      if (He) {
+        const ee = C.find(
+          (we) => we.id === me && !P.some((nt) => nt.fieldId === we.id)
+        ) ?? C.find(
+          (we) => !P.some((nt) => nt.fieldId === we.id)
+        );
+        if (!ee) {
+          W(!1);
+          return;
+        }
+        const De = {
+          id: Tt(),
+          fieldId: ee.id,
+          pageNumber: ee.pageNumber,
+          x: ee.x,
+          y: ee.y,
+          width: ee.width,
+          height: ee.height,
+          imageDataUrl: h
+        };
+        N((we) => [
+          ...we.filter((nt) => nt.fieldId !== ee.id),
+          De
+        ]), Q == null || Q(ee.id, De), ne(null), w("none"), W(!1), Se(null);
+        const Ve = new Set(
+          P.filter((we) => we.fieldId && we.fieldId !== ee.id).map((we) => we.fieldId)
+        );
+        Ve.add(ee.id);
+        const kt = C.findIndex(
+          (we) => we.id === ee.id
+        ), pt = C.slice(kt + 1).find((we) => !Ve.has(we.id)) ?? C.slice(0, Math.max(0, kt)).find((we) => !Ve.has(we.id));
+        pt ? ($e(pt.id), pe(null), ot(pt), window.setTimeout(() => {
+          W(!0);
+        }, 350)) : (pe(De.id), $e(ee.id));
+        return;
+      }
+      const A = Pe.current.get(g), R = A == null ? void 0 : A.querySelector(
+        ".epochs-pdf-viewer__surface"
+      );
+      let K = 24, Re = 24;
+      if (R) {
+        const ee = yt(R, Y), De = R.closest(".epochs-pdf-viewer__body");
+        if (De) {
+          const Ve = $i(
+            De.getBoundingClientRect(),
+            R,
+            Y
+          ), kt = Math.max(0, Ve.top), pt = Math.min(ee.height, Ve.bottom), we = Math.max(0, Ve.left), nt = Math.min(ee.width, Ve.right);
+          K = Math.max(0, (we + nt) / 2 - b.width / 2), Re = Math.max(0, (kt + pt) / 2 - b.height / 2), K = Math.min(K, Math.max(0, ee.width - b.width)), Re = Math.min(Re, Math.max(0, ee.height - b.height));
+        } else
+          K = Math.max(0, (ee.width - b.width) / 2), Re = Math.max(0, (ee.height - b.height) / 2);
+      }
+      const qe = {
+        id: Tt(),
+        pageNumber: g,
+        x: K,
+        y: Re,
+        width: b.width,
+        height: b.height,
+        imageDataUrl: h
+      };
+      N((ee) => [...ee, qe]), Q == null || Q(void 0, qe), pe(qe.id), ne(null), w("none"), W(!1), Se(null);
+    },
+    [
+      Ge,
+      He,
+      g,
+      Y,
+      ot,
+      me,
+      C,
+      P,
+      Q
+    ]
+  ), ai = q((h) => {
+    N((p) => [...p, h]), pe(h.id), ne(null), w("none");
+  }, []), ci = q(
+    (h, p) => {
+      N(
+        (d) => d.map((b) => b.id === h ? { ...b, ...p } : b)
+      );
+    },
+    []
+  ), li = q((h) => {
+    const p = P.find((d) => d.id === h);
+    N((d) => d.filter((b) => b.id !== h)), pe((d) => d === h ? null : d), p != null && p.fieldId && $e(p.fieldId);
+  }, [P]), di = q((h) => {
+    const p = h ? P.find((qe) => qe.id === h) ?? null : st;
+    if (!p) return;
+    const d = Pe.current.get(p.pageNumber), b = d == null ? void 0 : d.querySelector(
+      ".epochs-pdf-viewer__surface"
+    ), A = 18;
+    let R = p.x + A, K = p.y + A;
+    if (b) {
+      const qe = b.clientWidth / Y, ee = b.clientHeight / Y;
+      R = Math.min(
+        Math.max(0, R),
+        Math.max(0, qe - p.width)
+      ), K = Math.min(
+        Math.max(0, K),
+        Math.max(0, ee - p.height)
+      );
+    }
+    const Re = {
+      ...p,
+      id: Tt(),
+      x: R,
+      y: K
+    };
+    N((qe) => [...qe, Re]), pe(Re.id), ne(null), w("none");
+  }, [Y, st, P]), hi = q((h) => {
+    const p = h ?? (st == null ? void 0 : st.id);
+    p && (pe(p), Se(p), W(!0));
+  }, [st]), pi = q((h) => {
+    O((p) => h.fieldId ? [...p.filter((d) => d.fieldId !== h.fieldId), h] : [...p, h]), Xe(h.id), h.fieldId && Ze(h.fieldId);
+  }, []), ui = q(
+    (h, p) => {
+      O(
+        (d) => d.map((b) => b.id === h ? { ...b, ...p } : b)
+      );
+    },
+    []
+  ), fi = q((h) => {
+    const p = L.find((d) => d.id === h);
+    O((d) => d.filter((b) => b.id !== h)), Xe((d) => d === h ? null : d), Je((d) => d === h ? null : d), p != null && p.fieldId && Ze(p.fieldId);
+  }, [L]);
+  xe(() => {
+    dt && O(
+      (h) => h.map((p) => {
+        if (!p.fieldId) return p;
+        const d = F.find((b) => b.id === p.fieldId);
+        return d ? {
+          ...p,
+          pageNumber: d.pageNumber,
+          x: d.x,
+          y: d.y,
+          width: d.width,
+          height: d.height,
+          fontSize: d.fontSize ?? p.fontSize ?? _t,
+          color: d.color ?? p.color ?? wt
+        } : p;
+      })
+    );
+  }, [dt, F]);
+  const tn = q(
+    (h) => {
+      var A;
+      if (!C.length) return;
+      const p = me != null ? C.findIndex((R) => R.id === me) : -1, d = Math.min(
+        C.length - 1,
+        Math.max(0, (p < 0 ? 0 : p) + h)
+      ), b = C[d];
+      b && ($e(b.id), pe(
+        ((A = P.find((R) => R.fieldId === b.id)) == null ? void 0 : A.id) ?? null
+      ), ot(b));
+    },
+    [
+      ot,
+      me,
+      C,
+      P
+    ]
+  );
+  if (!ve && !B)
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        "data-testid": "pdf-viewer",
+        className: `epochs-pdf-viewer epochs-pdf-viewer--empty ${x ?? ""}`.trim(),
+        children: "No PDF file provided."
+      }
+    );
+  const gi = {
+    height: r
+  }, nn = {
+    status: fe,
+    showThumbnails: Ae,
+    setShowThumbnails: Ue,
+    canGoPrev: Ft,
+    canGoNext: At,
+    handlePrev: Gn,
+    handleNext: Xn,
+    pageNumber: g,
+    numPages: he,
+    scrollToPage: rt,
+    scale: Y,
+    handleZoomOut: Yn,
+    handleZoomIn: Kn,
+    handleFitWidth: St,
+    handleRotate: qn,
+    markupTool: o,
+    toggleMarkupTool: (h) => Qn(h),
+    hasFixedSignatureFields: He,
+    hasFixedTextFields: dt,
+    pendingSignature: de,
+    setMarkupTool: w,
+    setSignaturePadOpen: W,
+    annotationsLength: _.length,
+    signaturesLength: P.length,
+    textsLength: L.length,
+    handleClearAnnotations: ni,
+    highlightHex: Kt,
+    underlineHex: Zt,
+    setHighlightHex: On,
+    setUnderlineHex: Un,
+    loadDocument: Dt,
+    handlePrint: Zn,
+    isPrinting: Ke,
+    pdfDoc: ie,
+    displayUrl: ce,
+    resolvedUrl: B,
+    handleDownload: Vn,
+    isDownloading: We
+  }, mi = (h) => h.filter((p) => !(He && (p === "highlight" || p === "underline" || p === "erase"))), Et = me ? C.findIndex((h) => h.id === me) : 0, wi = C.filter((h) => {
+    var d;
+    const p = h.type ?? "sign";
+    return p === "date" || p === "text" ? !!((d = it[h.id]) != null && d.trim()) : P.some((b) => b.fieldId === h.id);
+  }).length, Bt = C.length > 0 ? Math.round(wi / C.length * 100) : 0, rn = (h, p = !1) => {
+    const d = mi(h);
+    if (d.length === 0 && !p)
+      return /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__toolbar-group" });
+    if (d.length === 0)
+      return /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__toolbar-group epochs-pdf-viewer__toolbar-group--end" });
+    const b = d.map((A, R) => {
+      const K = d[R - 1], Re = pn(A) && (!K || !pn(K));
+      return /* @__PURE__ */ a(_i, { children: ur(A, nn, { showMarkupSep: Re }) }, A);
+    });
+    return /* @__PURE__ */ T(
+      "div",
+      {
+        className: p ? "epochs-pdf-viewer__toolbar-group epochs-pdf-viewer__toolbar-group--end" : "epochs-pdf-viewer__toolbar-group",
+        children: [
+          b,
+          fr(nn, new Set(d))
+        ]
+      }
+    );
+  };
+  return /* @__PURE__ */ T(
+    "div",
+    {
+      "data-testid": "pdf-viewer",
+      "data-file-url": B || void 0,
+      className: `epochs-pdf-viewer ${x ?? ""}`.trim(),
+      style: gi,
+      children: [
+        et ? /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__toolbar", children: [
+          rn(et.left),
+          rn(et.right, !0)
+        ] }) : null,
+        Rt || Ie ? /* @__PURE__ */ a(
+          lr,
+          {
+            open: Z,
+            onClose: () => {
+              W(!1), Se(null), ue == null || ue();
+            },
+            onSave: si,
+            fieldType: H,
+            showFieldTypeTabs: !He
+          }
+        ) : null,
+        /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__content", children: [
+          Ae ? /* @__PURE__ */ a(
+            "div",
+            {
+              className: "epochs-pdf-viewer__thumbnails",
+              style: { width: y + 24 },
+              children: fe === "ready" && ie ? /* @__PURE__ */ T(bt, { children: [
+                Array.from({
+                  length: Math.min(he || 0, f)
+                }).map((h, p) => {
+                  const d = p + 1;
+                  return /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__thumb-wrap", children: /* @__PURE__ */ a(
+                    Ji,
+                    {
+                      pdfDoc: ie,
+                      pageNumber: d,
+                      isActive: d === g,
+                      rotation: re,
+                      onSelect: rt,
+                      width: y,
+                      annotations: _,
+                      signatures: P,
+                      signatureFields: C,
+                      texts: L,
+                      textFields: F
+                    }
+                  ) }, d);
+                }),
+                he > f ? /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__thumb-more", children: [
+                  "Showing first ",
+                  f,
+                  " pages"
+                ] }) : null
+              ] }) : /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__muted", children: "Thumbnails" })
+            }
+          ) : null,
+          /* @__PURE__ */ T("div", { ref: Ee, className: "epochs-pdf-viewer__body", children: [
+            fe === "loading" ? /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__overlay epochs-pdf-viewer__muted", children: [
+              "Loading PDF…",
+              /* @__PURE__ */ a("span", { className: "epochs-pdf-viewer__spinner" })
+            ] }) : null,
+            fe === "error" ? /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__overlay epochs-pdf-viewer__error", children: [
+              "Unable to load PDF.",
+              B ? /* @__PURE__ */ a(
+                "a",
+                {
+                  className: "epochs-pdf-viewer__open-link",
+                  href: B,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  children: "Open file"
+                }
+              ) : null
+            ] }) : null,
+            fe === "ready" && ie ? /* @__PURE__ */ a("div", { children: Array.from({ length: he }).map((h, p) => {
+              const d = p + 1;
+              return /* @__PURE__ */ a(
+                Qi,
+                {
+                  pdfDoc: ie,
+                  pageNumber: d,
+                  scale: Y,
+                  rotation: re,
+                  markupTool: te ? o : "none",
+                  markupColor: Jn,
+                  annotations: _,
+                  onAddAnnotation: ei,
+                  onRemoveAnnotation: ti,
+                  signatures: P,
+                  pendingSignature: de,
+                  onAddSignature: ai,
+                  onUpdateSignature: ci,
+                  onRemoveSignature: li,
+                  onEditSignature: hi,
+                  onDuplicateSignature: di,
+                  selectedSignatureId: Ne,
+                  onSelectSignature: pe,
+                  signatureFields: C,
+                  selectedSignatureFieldId: me,
+                  onSelectSignatureField: $e,
+                  hasFixedSignatureFields: He,
+                  onOpenSignaturePad: ii,
+                  fieldValues: it,
+                  onFieldValueChange: ri,
+                  onFieldValueCommit: oi,
+                  texts: L,
+                  onAddText: pi,
+                  onUpdateText: ui,
+                  onRemoveText: fi,
+                  selectedTextId: lt,
+                  onSelectText: Xe,
+                  textFields: F,
+                  selectedTextFieldId: xt,
+                  onSelectTextField: Ze,
+                  hasFixedTextFields: dt,
+                  editingTextId: Lt,
+                  onEditingTextIdChange: Je,
+                  pageRef: (b) => {
+                    b && Pe.current.set(d, b);
+                  }
+                },
+                d
+              );
+            }) }) : null
+          ] })
+        ] }),
+        He || be ? /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__footer", role: "navigation", "aria-label": "Viewer actions", children: [
+          He ? /* @__PURE__ */ T(bt, { children: [
+            /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__footer-nav", children: [
+              /* @__PURE__ */ a(
+                "button",
+                {
+                  type: "button",
+                  className: "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
+                  disabled: C.length <= 1 || Et <= 0,
+                  onClick: () => tn(-1),
+                  children: "Prev"
+                }
+              ),
+              /* @__PURE__ */ a(
+                "button",
+                {
+                  type: "button",
+                  className: "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
+                  disabled: C.length <= 1 || Et >= C.length - 1,
+                  onClick: () => tn(1),
+                  children: "Next"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__footer-center", children: [
+              /* @__PURE__ */ T("span", { className: "epochs-pdf-viewer__footer-label", children: [
+                "Field ",
+                Math.max(1, Et + 1),
+                " of ",
+                C.length
+              ] }),
+              /* @__PURE__ */ a(
+                "div",
+                {
+                  className: "epochs-pdf-viewer__footer-progress",
+                  role: "progressbar",
+                  "aria-valuemin": 0,
+                  "aria-valuemax": 100,
+                  "aria-valuenow": Bt,
+                  "aria-label": "Signature progress",
+                  children: /* @__PURE__ */ a(
+                    "div",
+                    {
+                      className: "epochs-pdf-viewer__footer-progress-bar",
+                      style: { width: `${Bt}%` }
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ T("span", { className: "epochs-pdf-viewer__footer-percent", children: [
+                Bt,
+                "%"
+              ] })
+            ] })
+          ] }) : /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__footer-center" }),
+          be ? /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text epochs-pdf-viewer__btn--primary",
+              onClick: be,
+              children: J
+            }
+          ) : null
+        ] }) : null
+      ]
+    }
+  );
+}
+function mr(e) {
+  return null;
+}
+mr.displayName = "Document";
+function wr(e) {
+  return null;
+}
+wr.displayName = "Page";
+function yr(e) {
+  return null;
+}
+yr.displayName = "View";
+function br(e) {
+  return null;
+}
+br.displayName = "Text";
+function _r(e) {
+  return null;
+}
+_r.displayName = "Image";
+function vr(e) {
+  return null;
+}
+vr.displayName = "Link";
+const xr = {
+  Document: "DOCUMENT",
+  Page: "PAGE",
+  View: "VIEW",
+  Text: "TEXT",
+  Image: "IMAGE",
+  Link: "LINK"
+};
+function kr(e) {
+  if (typeof e == "string") return e;
+  if (typeof e == "function") {
+    const t = e;
+    return t.displayName || t.name || null;
+  }
+  return null;
+}
+function An(e) {
+  const t = [], n = (i) => {
+    if (!(i == null || typeof i == "boolean")) {
+      if (Array.isArray(i)) {
+        i.forEach(n);
+        return;
+      }
+      t.push(i);
+    }
+  };
+  return n(e), t;
+}
+function Sn(e) {
+  return An(e).map((t) => typeof t == "string" || typeof t == "number" ? String(t) : t && typeof t == "object" && "props" in t ? Sn(t.props.children) : "").join("");
+}
+function En(e) {
+  const t = kr(e.type), n = t ? xr[t] : void 0;
+  if (!n)
+    throw new Error(
+      `[epochs-pdf] Unsupported element "${t ?? "unknown"}". Use Document, Page, View, Text, Image, or Link.`
+    );
+  const i = { ...e.props }, r = i.children;
+  if (delete i.children, n === "TEXT" || n === "LINK")
+    return {
+      type: n,
+      props: i,
+      children: [],
+      text: Sn(r)
+    };
+  const s = An(r).filter(
+    (c) => !!c && typeof c == "object" && "type" in c
+  ).map(En);
+  return {
+    type: n,
+    props: i,
+    children: s
+  };
+}
+const Mr = {
+  A4: [595.28, 841.89],
+  LETTER: [612, 792],
+  LEGAL: [612, 1008]
+};
+function Pr(e = "A4", t = "portrait") {
+  const [n, i] = Array.isArray(e) ? e : Mr[e];
+  return t === "landscape" ? [i, n] : [n, i];
+}
+function Bn(e = {}) {
+  const t = e.padding ?? 0;
+  return {
+    top: e.paddingTop ?? t,
+    right: e.paddingRight ?? t,
+    bottom: e.paddingBottom ?? t,
+    left: e.paddingLeft ?? t
+  };
+}
+function ft(e = {}) {
+  const t = e.margin ?? 0;
+  return {
+    top: e.marginTop ?? t,
+    right: e.marginRight ?? t,
+    bottom: e.marginBottom ?? t,
+    left: e.marginLeft ?? t
+  };
+}
+function $t(e) {
+  if (!e) return null;
+  const t = e.trim();
+  if (t.startsWith("#")) {
+    const i = t.slice(1);
+    if (i.length === 3) {
+      const r = parseInt(i[0] + i[0], 16) / 255, s = parseInt(i[1] + i[1], 16) / 255, c = parseInt(i[2] + i[2], 16) / 255;
+      return [r, s, c];
+    }
+    if (i.length === 6) {
+      const r = parseInt(i.slice(0, 2), 16) / 255, s = parseInt(i.slice(2, 4), 16) / 255, c = parseInt(i.slice(4, 6), 16) / 255;
+      return [r, s, c];
+    }
+  }
+  const n = e.match(
+    /rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i
+  );
+  return n ? [
+    Math.min(1, Number(n[1]) / 255),
+    Math.min(1, Number(n[2]) / 255),
+    Math.min(1, Number(n[3]) / 255)
+  ] : null;
+}
+function at(e, t, n = 0) {
+  if (e == null) return n;
+  if (typeof e == "number") return e;
+  if (e.endsWith("%")) {
+    const r = Number.parseFloat(e);
+    return Number.isFinite(r) ? r / 100 * t : n;
+  }
+  const i = Number.parseFloat(e);
+  return Number.isFinite(i) ? i : n;
+}
+function qt(e) {
+  return e === "bold" ? !0 : typeof e == "number" ? e >= 600 : !1;
+}
+const Nr = 12, $r = 1.4, Tr = 0.5;
+function Hn(e, t, n) {
+  const i = t.fontSize ?? Nr, r = (t.lineHeight ?? $r) * i, s = i * (qt(t.fontWeight) ? 0.55 : Tr);
+  if (!e)
+    return { width: 0, height: r, lines: [""] };
+  const c = e.split(/\s+/), l = [];
+  let y = "";
+  for (const x of c) {
+    const v = y ? `${y} ${x}` : x;
+    v.length * s <= n || !y ? y = v : (l.push(y), y = x);
+  }
+  y && l.push(y);
+  const f = Math.max(...l.map((x) => x.length * s), 0);
+  return {
+    width: Math.min(f, n),
+    height: l.length * r,
+    lines: l
+  };
+}
+function zn(e, t, n, i, r) {
+  const s = e.props.style ?? {}, c = ft(s), l = Bn(s), y = t + c.left, f = n + c.top, x = Math.max(
+    0,
+    at(s.width, i, i) - c.left - c.right
+  ), v = Math.max(0, x - l.left - l.right);
+  if (e.type === "TEXT" || e.type === "LINK") {
+    const F = Hn(e.text ?? "", s, v), Q = at(s.height, r, F.height + l.top + l.bottom);
+    return {
+      x: y,
+      y: f,
+      width: x,
+      height: Q,
+      node: e,
+      children: [],
+      style: s,
+      text: e.text
+    };
+  }
+  if (e.type === "IMAGE") {
+    const F = at(s.width, i, Math.min(200, i)), Q = at(s.height, r, 120);
+    return {
+      x: y,
+      y: f,
+      width: F - c.left - c.right,
+      height: Q,
+      node: e,
+      children: [],
+      style: s
+    };
+  }
+  const m = s.flexDirection ?? "column", M = s.gap ?? 0, $ = [];
+  let G = y + l.left, S = f + l.top, z = 0, E = 0;
+  for (let F = 0; F < e.children.length; F++) {
+    const Q = e.children[F], Me = m === "row" ? Math.max(0, v - z - (F > 0 ? M : 0)) : v, Ie = m === "column" ? Math.max(0, r - (S - n) - c.bottom) : r, ue = zn(Q, G, S, Me, Ie);
+    $.push(ue), m === "row" ? (z += ue.width + ft(Q.props.style ?? {}).left + ft(Q.props.style ?? {}).right, F < e.children.length - 1 && (z += M), G = y + l.left + z, E = Math.max(E, ue.height)) : (z += ue.height + ft(Q.props.style ?? {}).top + ft(Q.props.style ?? {}).bottom, F < e.children.length - 1 && (z += M), S = f + l.top + z, E = Math.max(E, ue.width));
+  }
+  const I = at(
+    s.height,
+    r,
+    m === "column" ? z + l.top + l.bottom : E + l.top + l.bottom
+  ), V = m === "row" ? at(s.width, i, z + l.left + l.right) : x, te = s.justifyContent ?? "flex-start", X = s.alignItems ?? "stretch", oe = m === "column" ? I - l.top - l.bottom : V - l.left - l.right, ye = Math.max(0, oe - z);
+  let D = 0, ae = M;
+  te === "center" && (D = ye / 2), te === "flex-end" && (D = ye), te === "space-between" && $.length > 1 && (ae = M + ye / ($.length - 1)), te === "space-around" && $.length > 0 && (ae = M + ye / $.length, D = ae / 2);
+  let C = 0;
+  for (const F of $)
+    m === "column" ? (F.y = f + l.top + D + C, X === "center" ? F.x = y + l.left + Math.max(0, (v - F.width) / 2) : X === "flex-end" ? F.x = y + l.left + Math.max(0, v - F.width) : X === "stretch" && F.style.width == null && (F.width = v), C += F.height + ae) : (F.x = y + l.left + D + C, X === "center" ? F.y = f + l.top + Math.max(0, (I - l.top - l.bottom - F.height) / 2) : X === "flex-end" ? F.y = f + l.top + Math.max(0, I - l.top - l.bottom - F.height) : X === "stretch" && F.style.height == null && (F.height = I - l.top - l.bottom), C += F.width + ae);
+  return {
+    x: y,
+    y: f,
+    width: V,
+    height: I,
+    node: e,
+    children: $,
+    style: s
+  };
+}
+function Ir(e) {
+  if (e.type !== "DOCUMENT")
+    throw new Error("[epochs-pdf] Root element must be <Document>.");
+  const t = [];
+  for (const n of e.children) {
+    if (n.type !== "PAGE")
+      throw new Error("[epochs-pdf] Direct children of <Document> must be <Page>.");
+    const i = n.props.size, r = n.props.orientation ?? "portrait", [s, c] = Pr(i, r), l = n.props.style ?? {}, y = Bn(l), f = {
+      type: "VIEW",
+      props: {
+        style: {
+          ...l,
+          width: s,
+          height: c,
+          paddingTop: y.top,
+          paddingRight: y.right,
+          paddingBottom: y.bottom,
+          paddingLeft: y.left
+        }
+      },
+      children: n.children
+    }, x = zn(f, 0, 0, s, c);
+    t.push({
+      width: s,
+      height: c,
+      boxes: x.children,
+      style: l
+    });
+  }
+  return {
+    meta: {
+      title: String(e.props.title ?? "Untitled"),
+      author: String(e.props.author ?? ""),
+      subject: String(e.props.subject ?? ""),
+      creator: String(e.props.creator ?? "epochs-pdf")
+    },
+    pages: t
+  };
+}
+function gt(e) {
+  return e.replace(/\\/g, "\\\\").replace(/\(/g, "\\(").replace(/\)/g, "\\)").replace(/\r/g, "\\r").replace(/\n/g, "\\n");
+}
+class Cr {
+  constructor() {
+    Ht(this, "objects", [null]);
+    Ht(this, "offsets", [0]);
+  }
+  addObject(t) {
+    return this.objects.push(t), this.objects.length - 1;
+  }
+  build(t) {
+    const n = this.addObject(
+      `<< /Title (${gt(t.meta.title)}) /Author (${gt(t.meta.author)}) /Subject (${gt(t.meta.subject)}) /Creator (${gt(t.meta.creator)}) /Producer (epochs-pdf) >>`
+    ), i = this.addObject(
+      "<< /Type /Font /Subtype /Type1 /BaseFont /Helvetica >>"
+    ), r = this.addObject(
+      "<< /Type /Font /Subtype /Type1 /BaseFont /Helvetica-Bold >>"
+    ), s = [];
+    for (const v of t.pages) {
+      const m = this.renderPageContent(
+        v.boxes,
+        v.width,
+        v.height,
+        v.style
+      ), M = this.addObject(
+        `<< /Length ${m.length} >>
+stream
+${m}
+endstream`
+      ), $ = this.addObject("");
+      s.push($), this.objects[$] = `<< /Type /Page /Parent 0 0 R /MediaBox [0 0 ${v.width.toFixed(2)} ${v.height.toFixed(2)}] /Contents ${M} 0 R /Resources << /Font << /F1 ${i} 0 R /F2 ${r} 0 R >> >> >>`;
+    }
+    const c = s.map((v) => `${v} 0 R`).join(" "), l = this.addObject(
+      `<< /Type /Pages /Kids [${c}] /Count ${s.length} >>`
+    );
+    for (const v of s)
+      this.objects[v] = this.objects[v].replace(
+        "/Parent 0 0 R",
+        `/Parent ${l} 0 R`
+      );
+    const y = this.addObject(
+      `<< /Type /Catalog /Pages ${l} 0 R >>`
+    );
+    let f = `%PDF-1.4
+`;
+    this.offsets = [0];
+    for (let v = 1; v < this.objects.length; v++)
+      this.offsets[v] = f.length, f += `${v} 0 obj
+${this.objects[v]}
+endobj
+`;
+    const x = f.length;
+    f += `xref
+0 ${this.objects.length}
+`, f += `0000000000 65535 f 
+`;
+    for (let v = 1; v < this.objects.length; v++)
+      f += `${String(this.offsets[v]).padStart(10, "0")} 00000 n 
+`;
+    return f += `trailer
+<< /Size ${this.objects.length} /Root ${y} 0 R /Info ${n} 0 R >>
+`, f += `startxref
+${x}
+%%EOF`, new TextEncoder().encode(f);
+  }
+  renderPageContent(t, n, i, r) {
+    const s = [], c = $t(r.backgroundColor);
+    c && (s.push("q"), s.push(
+      `${c[0].toFixed(3)} ${c[1].toFixed(3)} ${c[2].toFixed(3)} rg`
+    ), s.push(
+      `0 0 ${n.toFixed(2)} ${i.toFixed(2)} re f`
+    ), s.push("Q"));
+    const l = (y) => {
+      const { x: f, y: x, width: v, height: m, style: M, node: $, text: G } = y, S = i - x - m, z = $t(M.backgroundColor);
+      if (z && (s.push("q"), s.push(`${z[0].toFixed(3)} ${z[1].toFixed(3)} ${z[2].toFixed(3)} rg`), s.push(`${f.toFixed(2)} ${S.toFixed(2)} ${v.toFixed(2)} ${m.toFixed(2)} re f`), s.push("Q")), M.borderWidth && M.borderWidth > 0) {
+        const E = $t(M.borderColor) ?? [0, 0, 0];
+        s.push("q"), s.push(`${M.borderWidth} w`), s.push(`${E[0].toFixed(3)} ${E[1].toFixed(3)} ${E[2].toFixed(3)} RG`), s.push(`${f.toFixed(2)} ${S.toFixed(2)} ${v.toFixed(2)} ${m.toFixed(2)} re S`), s.push("Q");
+      }
+      if (($.type === "TEXT" || $.type === "LINK") && G != null) {
+        const E = M.fontSize ?? 12, I = $t(M.color) ?? [0, 0, 0], V = qt(M.fontWeight) ? "F2" : "F1", te = M.paddingLeft ?? M.padding ?? 0, X = M.paddingTop ?? M.padding ?? 0, oe = Math.max(0, v - te - (M.paddingRight ?? M.padding ?? 0)), ke = Hn(G, M, oe || v), ye = (M.lineHeight ?? 1.4) * E;
+        s.push("q"), s.push("BT"), s.push(`/${V} ${E} Tf`), s.push(`${I[0].toFixed(3)} ${I[1].toFixed(3)} ${I[2].toFixed(3)} rg`), ke.lines.forEach((D, ae) => {
+          let C = f + te;
+          const F = D.length * E * (qt(M.fontWeight) ? 0.55 : 0.5);
+          M.textAlign === "center" ? C = f + (v - F) / 2 : M.textAlign === "right" && (C = f + v - F - (M.paddingRight ?? M.padding ?? 0));
+          const Q = i - x - X - E - ae * ye;
+          s.push(`1 0 0 1 ${C.toFixed(2)} ${Q.toFixed(2)} Tm`), s.push(`(${gt(D)}) Tj`);
+        }), s.push("ET"), s.push("Q");
+      }
+      $.type === "IMAGE" && (s.push("q"), s.push("0.85 0.85 0.85 rg"), s.push(`${f.toFixed(2)} ${S.toFixed(2)} ${v.toFixed(2)} ${m.toFixed(2)} re f`), s.push("0.6 0.6 0.6 RG 1 w"), s.push(`${f.toFixed(2)} ${S.toFixed(2)} ${v.toFixed(2)} ${m.toFixed(2)} re S`), s.push(
+        `BT /F1 10 Tf 0.4 0.4 0.4 rg 1 0 0 1 ${(f + 8).toFixed(2)} ${(S + m / 2 - 4).toFixed(2)} Tm (Image) Tj ET`
+      ), s.push("Q"));
+      for (const E of y.children)
+        l(E);
+    };
+    for (const y of t)
+      l(y);
+    return s.join(`
+`);
+  }
+}
+function Lr(e) {
+  return new Cr().build(e);
+}
+function Yt(e) {
+  const t = En(e), n = Ir(t);
+  return Lr(n);
+}
+function zr(e) {
+  return Yt(e);
+}
+function jn(e) {
+  const t = Yt(e), n = new Uint8Array(t.byteLength);
+  return n.set(t), new Blob([n], { type: "application/pdf" });
+}
+function Rr(e) {
+  return URL.createObjectURL(jn(e));
+}
+function jr(e, t = "document.pdf") {
+  const n = Rr(e), i = document.createElement("a");
+  i.href = n, i.download = t, i.click(), URL.revokeObjectURL(n);
+}
+async function Or(e) {
+  return Yt(e);
+}
+async function Ur(e) {
+  return jn(e);
+}
+export {
+  Br as ALL_TOOLBAR_TOOLS,
+  Rn as AddText,
+  Fn as Clear,
+  hn as DEFAULT_TOOLBAR_LAYOUT,
+  mr as Document,
+  Tn as Download,
+  Dn as Erase,
+  un as HIGHLIGHT_PRESETS,
+  In as Highlight,
+  _r as Image,
+  vr as Link,
+  xn as Navigation,
+  $n as Open,
+  Mr as PAGE_SIZES,
+  wr as Page,
+  Hr as PdfViewer,
+  Nn as Print,
+  Pn as Reload,
+  Mn as Rotate,
+  Ln as Signature,
+  br as Text,
+  vn as Thumbnail,
+  fn as UNDERLINE_PRESETS,
+  Cn as Underline,
+  yr as View,
+  kn as Zoom,
+  Hr as default,
+  jr as download,
+  mn as hexToMarkupColor,
+  zr as pdf,
+  Ur as renderToBlob,
+  Or as renderToBuffer,
+  Pr as resolvePageSize,
+  sn as setPdfWorkerSrc,
+  jn as toBlob,
+  Rr as toUrl
+};
+//# sourceMappingURL=epochs-pdf.js.map