@shznet/pdf-sign-standalone 1.0.0 → 1.0.1

package/dist/index.js

@@ -1,6 +1,6 @@
 var yi = (d) => {
   throw TypeError(d);
-}, Ms = (d, t, e) => t.has(d) || yi("Cannot " + e), Y = (d, t, e) => (Ms(d, t, "read from private field"), e ? e.call(d) : t.get(d)), Ft = (d, t, e) => t.has(d) ? yi("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(d) : t.set(d, e), mt = (d, t, e, s) => (Ms(d, t, "write to private field"), t.set(d, e), e), It = (d, t, e) => (Ms(d, t, "access private method"), e), nn = (d, t, e, s) => ({
+}, Ms = (d, t, e) => t.has(d) || yi("Cannot " + e), Y = (d, t, e) => (Ms(d, t, "read from private field"), e ? e.call(d) : t.get(d)), Ft = (d, t, e) => t.has(d) ? yi("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(d) : t.set(d, e), mt = (d, t, e, s) => (Ms(d, t, "write to private field"), t.set(d, e), e), Rt = (d, t, e) => (Ms(d, t, "access private method"), e), nn = (d, t, e, s) => ({
   set _(i) {
     mt(d, t, i);
   },
@@ -315,7 +315,7 @@ function cn() {
 function Qe(d) {
   Ke >= Ye.INFOS && console.info(`Info: ${d}`);
 }
-function I(d) {
+function R(d) {
   Ke >= Ye.WARNINGS && console.warn(`Warning: ${d}`);
 }
 function j(d) {
@@ -796,7 +796,7 @@ class Ei {
     t.div.style.transform = e, t.div.hidden = !1;
   }
 }
-const Rt = "http://www.w3.org/2000/svg";
+const It = "http://www.w3.org/2000/svg";
 class le {
   static CSS = 96;
   static PDF = 72;
@@ -933,7 +933,7 @@ function An(d, t = "document.pdf") {
   if (typeof d != "string")
     return t;
   if (Je(d))
-    return I('getPdfFilenameFromUrl: ignore "data:"-URL for performance reasons.'), t;
+    return R('getPdfFilenameFromUrl: ignore "data:"-URL for performance reasons.'), t;
   const e = ((r) => {
     try {
       return new URL(r);
@@ -986,10 +986,10 @@ class Xs {
   started = /* @__PURE__ */ Object.create(null);
   times = [];
   time(t) {
-    t in this.started && I(`Timer is already running for ${t}`), this.started[t] = Date.now();
+    t in this.started && R(`Timer is already running for ${t}`), this.started[t] = Date.now();
   }
   timeEnd(t) {
-    t in this.started || I(`Timer has not been started for ${t}`), this.times.push({
+    t in this.started || R(`Timer has not been started for ${t}`), this.times.push({
       name: t,
       start: this.started[t],
       end: Date.now()
@@ -1074,7 +1074,7 @@ function ke(d) {
     const t = parseInt(d.slice(1), 16);
     return [(t & 16711680) >> 16, (t & 65280) >> 8, t & 255];
   }
-  return d.startsWith("rgb(") ? d.slice(4, -1).split(",").map((t) => parseInt(t)) : d.startsWith("rgba(") ? d.slice(5, -1).split(",").map((t) => parseInt(t)).slice(0, 3) : (I(`Not a valid color format: "${d}"`), [0, 0, 0]);
+  return d.startsWith("rgb(") ? d.slice(4, -1).split(",").map((t) => parseInt(t)) : d.startsWith("rgba(") ? d.slice(5, -1).split(",").map((t) => parseInt(t)).slice(0, 3) : (R(`Not a valid color format: "${d}"`), [0, 0, 0]);
 }
 function En(d) {
   const t = document.createElement("span");
@@ -1297,7 +1297,7 @@ function Ci(d) {
         t.closePath();
         break;
       default:
-        I(`Unrecognized drawing path operator: ${d[e - 1]}`);
+        R(`Unrecognized drawing path operator: ${d[e - 1]}`);
         break;
     }
   return t;
@@ -1556,7 +1556,7 @@ class kn {
     return `${_e}${this.#t++}`;
   }
 }
-class Rs {
+class Is {
   #t = xi();
   #e = 0;
   #i = null;
@@ -1584,7 +1584,7 @@ class Rs {
       };
       let i;
       if (typeof e == "string" ? (s.url = e, i = await Pe(e, "blob")) : e instanceof File ? i = s.file = e : e instanceof Blob && (i = e), i.type === "image/svg+xml") {
-        const n = Rs._isSVGFittingCanvas, r = new FileReader(), a = new Image(), o = new Promise((h, l) => {
+        const n = Is._isSVGFittingCanvas, r = new FileReader(), a = new Image(), o = new Promise((h, l) => {
           a.onload = () => {
             s.bitmap = a, s.isSvg = !0, h();
           }, r.onload = async () => {
@@ -1597,7 +1597,7 @@ class Rs {
         s.bitmap = await createImageBitmap(i);
       s.refCounter = 1;
     } catch (i) {
-      I(i), s = null;
+      R(i), s = null;
     }
     return this.#i.set(t, s), s && this.#i.set(s.id, s), s;
   }
@@ -1785,7 +1785,7 @@ class De {
     a && !a(t, e) || (i.bind(t, ...r, e)(), n || Q(e));
   }
 }
-class Is {
+class Rs {
   static _colorsMapping = /* @__PURE__ */ new Map([["CanvasText", [0, 0, 0]], ["Canvas", [255, 255, 255]]]);
   get _colors() {
     const t = /* @__PURE__ */ new Map([["CanvasText", null], ["Canvas", null]]);
@@ -1797,7 +1797,7 @@ class Is {
       return e;
     for (const [s, i] of this._colors)
       if (i.every((n, r) => n === e[r]))
-        return Is._colorsMapping.get(s);
+        return Rs._colorsMapping.get(s);
     return e;
   }
   getHexCode(t) {
@@ -1837,14 +1837,14 @@ class zt {
   #P = !1;
   #M = !1;
   #B = !1;
-  #R = null;
+  #I = null;
   #L = null;
   #O = null;
   #F = null;
   #G = null;
   #C = F.NONE;
   #x = /* @__PURE__ */ new Set();
-  #I = null;
+  #R = null;
   #H = null;
   #z = null;
   #q = null;
@@ -2201,7 +2201,7 @@ class zt {
   #rt() {
     const t = document.getSelection();
     if (!t || t.isCollapsed) {
-      this.#I && (this.#E?.hide(), this.#I = null, this.#D({
+      this.#R && (this.#E?.hide(), this.#R = null, this.#D({
         hasSelectedText: !1
       }));
       return;
@@ -2209,16 +2209,16 @@ class zt {
     const {
       anchorNode: e
     } = t;
-    if (e === this.#I)
+    if (e === this.#R)
       return;
     const s = this.#Q(t).closest(".textLayer");
     if (!s) {
-      this.#I && (this.#E?.hide(), this.#I = null, this.#D({
+      this.#R && (this.#E?.hide(), this.#R = null, this.#D({
         hasSelectedText: !1
       }));
       return;
     }
-    if (this.#E?.hide(), this.#I = e, this.#D({
+    if (this.#E?.hide(), this.#R = e, this.#D({
       hasSelectedText: !0
     }), !(this.#C !== F.HIGHLIGHT && this.#C !== F.NONE) && (this.#C === F.HIGHLIGHT && this.showAllEditors("highlight", !0, !0), this.#v = this.isShiftKeyDown, !this.isShiftKeyDown)) {
       const i = this.#C === F.HIGHLIGHT ? this.#tt(s) : null;
@@ -2281,10 +2281,10 @@ class zt {
     }), e.focus();
   }
   #et() {
-    if (this.#R)
+    if (this.#I)
       return;
-    this.#R = new AbortController();
-    const t = this.combinedSignal(this.#R);
+    this.#I = new AbortController();
+    const t = this.combinedSignal(this.#I);
     window.addEventListener("keydown", this.keydown.bind(this), {
       signal: t
     }), window.addEventListener("keyup", this.keyup.bind(this), {
@@ -2292,7 +2292,7 @@ class zt {
     });
   }
   #lt() {
-    this.#R?.abort(), this.#R = null;
+    this.#I?.abort(), this.#I = null;
   }
   #ct() {
     if (this.#u)
@@ -2372,7 +2372,7 @@ class zt {
     try {
       s = JSON.parse(s);
     } catch (n) {
-      I(`paste: "${n.message}".`);
+      R(`paste: "${n.message}".`);
       return;
     }
     if (!Array.isArray(s))
@@ -2401,7 +2401,7 @@ class zt {
         mustExec: !0
       });
     } catch (n) {
-      I(`paste: "${n.message}".`);
+      R(`paste: "${n.message}".`);
     }
   }
   keydown(t) {
@@ -2855,7 +2855,7 @@ class zt {
     return this.#C !== F.NONE;
   }
   get imageManager() {
-    return L(this, "imageManager", new Rs());
+    return L(this, "imageManager", new Is());
   }
   getSelectionBoxes(t) {
     if (!t)
@@ -3446,7 +3446,7 @@ class D {
   #v = !1;
   #E = D._zIndex++;
   static _borderLineWidth = -1;
-  static _colorManager = new Is();
+  static _colorManager = new Rs();
   static _zIndex = 1;
   static _telemetryTimeout = 1e3;
   static get _resizerKeyboardManager() {
@@ -3497,7 +3497,7 @@ class D {
     return L(this, "_defaultLineColor", this._colorManager.getHexCode("CanvasText"));
   }
   static deleteAnnotationElement(t) {
-    const e = new Rn({
+    const e = new In({
       id: t.parent.getNextId(),
       parent: t.parent,
       uiManager: t._uiManager
@@ -3768,7 +3768,7 @@ class D {
     const t = this._willKeepAspectRatio ? ["topLeft", "topRight", "bottomRight", "bottomLeft"] : ["topLeft", "topMiddle", "topRight", "middleRight", "bottomRight", "bottomMiddle", "bottomLeft", "middleLeft"], e = this._uiManager._signal;
     for (const s of t) {
       const i = document.createElement("div");
-      this.#l.append(i), i.classList.add("resizer", s), i.setAttribute("data-resizer-name", s), i.addEventListener("pointerdown", this.#R.bind(this, s), {
+      this.#l.append(i), i.classList.add("resizer", s), i.setAttribute("data-resizer-name", s), i.addEventListener("pointerdown", this.#I.bind(this, s), {
         signal: e
       }), i.addEventListener("contextmenu", _t, {
         signal: e
@@ -3776,7 +3776,7 @@ class D {
     }
     this.div.prepend(this.#l);
   }
-  #R(t, e) {
+  #I(t, e) {
     e.preventDefault();
     const {
       isMac: s
@@ -3839,32 +3839,32 @@ class D {
     return Math.round(t * 1e4) / 1e4;
   }
   #F(t, e) {
-    const [s, i] = this.parentDimensions, n = this.x, r = this.y, a = this.width, o = this.height, h = D.MIN_SIZE / s, l = D.MIN_SIZE / i, c = this.#M(this.rotation), u = (k, R) => [c[0] * k + c[2] * R, c[1] * k + c[3] * R], p = this.#M(360 - this.rotation), f = (k, R) => [p[0] * k + p[2] * R, p[1] * k + p[3] * R];
+    const [s, i] = this.parentDimensions, n = this.x, r = this.y, a = this.width, o = this.height, h = D.MIN_SIZE / s, l = D.MIN_SIZE / i, c = this.#M(this.rotation), u = (k, I) => [c[0] * k + c[2] * I, c[1] * k + c[3] * I], p = this.#M(360 - this.rotation), f = (k, I) => [p[0] * k + p[2] * I, p[1] * k + p[3] * I];
     let g, b, m = !1, w = !1;
     switch (t) {
       case "topLeft":
-        m = !0, g = (k, R) => [0, 0], b = (k, R) => [k, R];
+        m = !0, g = (k, I) => [0, 0], b = (k, I) => [k, I];
         break;
       case "topMiddle":
-        g = (k, R) => [k / 2, 0], b = (k, R) => [k / 2, R];
+        g = (k, I) => [k / 2, 0], b = (k, I) => [k / 2, I];
         break;
       case "topRight":
-        m = !0, g = (k, R) => [k, 0], b = (k, R) => [0, R];
+        m = !0, g = (k, I) => [k, 0], b = (k, I) => [0, I];
         break;
       case "middleRight":
-        w = !0, g = (k, R) => [k, R / 2], b = (k, R) => [0, R / 2];
+        w = !0, g = (k, I) => [k, I / 2], b = (k, I) => [0, I / 2];
         break;
       case "bottomRight":
-        m = !0, g = (k, R) => [k, R], b = (k, R) => [0, 0];
+        m = !0, g = (k, I) => [k, I], b = (k, I) => [0, 0];
         break;
       case "bottomMiddle":
-        g = (k, R) => [k / 2, R], b = (k, R) => [k / 2, 0];
+        g = (k, I) => [k / 2, I], b = (k, I) => [k / 2, 0];
         break;
       case "bottomLeft":
-        m = !0, g = (k, R) => [0, R], b = (k, R) => [k, 0];
+        m = !0, g = (k, I) => [0, I], b = (k, I) => [k, 0];
         break;
       case "middleLeft":
-        w = !0, g = (k, R) => [0, R / 2], b = (k, R) => [k, R / 2];
+        w = !0, g = (k, I) => [0, I / 2], b = (k, I) => [k, I / 2];
         break;
     }
     const y = g(a, o), v = b(a, o);
@@ -3879,9 +3879,9 @@ class D {
     else {
       const {
         screenX: k,
-        screenY: R
+        screenY: I
       } = e, [U, ft] = this.#h;
-      [M, C] = this.screenToPageTranslation(k - U, R - ft), this.#h[0] = k, this.#h[1] = R;
+      [M, C] = this.screenToPageTranslation(k - U, I - ft), this.#h[0] = k, this.#h[1] = I;
     }
     if ([M, C] = f(M / s, C / i), m) {
       const k = Math.hypot(a, o);
@@ -4094,9 +4094,9 @@ class D {
       this.#H(t);
       return;
     }
-    this.#I(t);
+    this.#R(t);
   }
-  #I(t) {
+  #R(t) {
     const {
       isMac: e
     } = at.platform;
@@ -4113,7 +4113,7 @@ class D {
       passive: !1,
       signal: n
     }, a = (h) => {
-      i.abort(), this.#n = null, this.#f = !1, this._uiManager.endDragSession() || this.#I(h), s && this._onStopDragging();
+      i.abort(), this.#n = null, this.#f = !1, this._uiManager.endDragSession() || this.#R(h), s && this._onStopDragging();
     };
     e && (this.#S = t.clientX, this.#_ = t.clientY, this.#n = t.pointerId, this.#o = t.pointerType, window.addEventListener("pointermove", (h) => {
       s || (s = !0, this._uiManager.toggleComment(this, !0, !1), this._onStartDragging());
@@ -4564,7 +4564,7 @@ class D {
     e?.nodeName === "DIV" && e.classList.contains("annotationContent") && e.remove();
   }
 }
-class Rn extends D {
+class In extends D {
   constructor(t) {
     super(t), this.annotationElementId = t.annotationElementId, this.deleted = !0;
   }
@@ -4773,7 +4773,7 @@ class Mi extends Ls {
     });
   }
 }
-class In {
+class Rn {
   #t = /* @__PURE__ */ new Set();
   constructor({
     ownerDocument: t = globalThis.document,
@@ -4813,7 +4813,7 @@ class In {
         try {
           await a.load(), this.#t.add(i), s?.(t);
         } catch {
-          I(`Cannot load system font: ${t.baseFontName}, installing it could help to improve PDF rendering.`), this.removeNativeFontFace(a);
+          R(`Cannot load system font: ${t.baseFontName}, installing it could help to improve PDF rendering.`), this.removeNativeFontFace(a);
         }
         return;
       }
@@ -4834,7 +4834,7 @@ class In {
         try {
           await s.loaded;
         } catch (i) {
-          throw I(`Failed to load font '${s.family}': '${i}'.`), t.disableFontFace = !0, i;
+          throw R(`Failed to load font '${s.family}': '${i}'.`), t.disableFontFace = !0, i;
         }
       }
       return;
@@ -4891,7 +4891,7 @@ class In {
     let h = 0;
     function l(y, v) {
       if (++h > 30) {
-        I("Load test font never loaded."), v();
+        R("Load test font never loaded."), v();
         return;
       }
       if (o.font = "30px " + y, o.fillText(".", 0, 20), o.getImageData(0, 0, 1, 1).data[3] > 0) {
@@ -4961,7 +4961,7 @@ class Ln {
     try {
       i = t.get(s);
     } catch (r) {
-      I(`getPathGenerator - ignoring character: "${r}".`);
+      R(`getPathGenerator - ignoring character: "${r}".`);
     }
     const n = Ci(i?.path);
     return this.fontExtraProperties || t.delete(s), this.compiledGlyphs[e] = n;
@@ -5532,7 +5532,7 @@ class $n {
         signal: n
       } = s;
       if (n.aborted) {
-        I("LoopbackPort - cannot use an `aborted` signal.");
+        R("LoopbackPort - cannot use an `aborted` signal.");
         return;
       }
       const r = () => this.removeEventListener(t, e);
@@ -5935,7 +5935,7 @@ class ei extends Di {
     return e instanceof ArrayBuffer ? new Uint8Array(e) : Te(e);
   }
 }
-class Ri {
+class Ii {
   addFilter(t) {
     return "none";
   }
@@ -5954,7 +5954,7 @@ class Ri {
   destroy(t = !1) {
   }
 }
-class Un extends Ri {
+class Un extends Ii {
   #t;
   #e;
   #i;
@@ -5980,8 +5980,8 @@ class Un extends Ri {
         style: e
       } = t;
       e.visibility = "hidden", e.contain = "strict", e.width = e.height = 0, e.position = "absolute", e.top = e.left = 0, e.zIndex = -1;
-      const s = this.#a.createElementNS(Rt, "svg");
-      s.setAttribute("width", 0), s.setAttribute("height", 0), this.#i = this.#a.createElementNS(Rt, "defs"), t.append(s), s.append(this.#i), this.#a.body.append(t);
+      const s = this.#a.createElementNS(It, "svg");
+      s.setAttribute("width", 0), s.setAttribute("height", 0), this.#i = this.#a.createElementNS(It, "defs"), t.append(s), s.append(this.#i), this.#a.body.append(t);
     }
     return this.#i;
   }
@@ -6002,7 +6002,7 @@ class Un extends Ri {
     if (this.#t === void 0) {
       this.#t = "";
       const e = this.#a.URL;
-      e !== this.#a.baseURI && (Je(e) ? I('#createUrl: ignore "data:"-URL for performance reasons.') : this.#t = vi(e, ""));
+      e !== this.#a.baseURI && (Je(e) ? R('#createUrl: ignore "data:"-URL for performance reasons.') : this.#t = vi(e, ""));
     }
     return `url(${this.#t}#${t})`;
   }
@@ -6104,34 +6104,34 @@ class Un extends Ri {
     t && this.#r?.size || (this.#i?.parentNode.parentNode.remove(), this.#i = null, this.#e?.clear(), this.#e = null, this.#r?.clear(), this.#r = null, this.#n = 0);
   }
   #p(t) {
-    const e = this.#a.createElementNS(Rt, "feColorMatrix");
+    const e = this.#a.createElementNS(It, "feColorMatrix");
     e.setAttribute("type", "matrix"), e.setAttribute("values", "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0.59 0.11 0 0"), t.append(e);
   }
   #m(t) {
-    const e = this.#a.createElementNS(Rt, "feColorMatrix");
+    const e = this.#a.createElementNS(It, "feColorMatrix");
     e.setAttribute("type", "matrix"), e.setAttribute("values", "0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0"), t.append(e);
   }
   #f(t) {
-    const e = this.#a.createElementNS(Rt, "filter");
+    const e = this.#a.createElementNS(It, "filter");
     return e.setAttribute("color-interpolation-filters", "sRGB"), e.setAttribute("id", t), this.#h.append(e), e;
   }
   #c(t, e, s) {
-    const i = this.#a.createElementNS(Rt, e);
+    const i = this.#a.createElementNS(It, e);
     i.setAttribute("type", "discrete"), i.setAttribute("tableValues", s), t.append(i);
   }
   #g(t, e, s, i) {
-    const n = this.#a.createElementNS(Rt, "feComponentTransfer");
+    const n = this.#a.createElementNS(It, "feComponentTransfer");
     i.append(n), this.#c(n, "feFuncR", t), this.#c(n, "feFuncG", e), this.#c(n, "feFuncB", s);
   }
   #b(t, e) {
-    const s = this.#a.createElementNS(Rt, "feComponentTransfer");
+    const s = this.#a.createElementNS(It, "feComponentTransfer");
     e.append(s), this.#c(s, "feFuncA", t);
   }
   #w(t) {
     return this.#h.style.color = t, ke(getComputedStyle(this.#h).getPropertyValue("color"));
   }
 }
-class Ii {
+class Ri {
   constructor({
     baseUrl: t = null
   }) {
@@ -6153,7 +6153,7 @@ class Ii {
     j("Abstract method `_fetch` called.");
   }
 }
-class si extends Ii {
+class si extends Ri {
   async _fetch(t) {
     const e = await Pe(t, "arraybuffer");
     return new Uint8Array(e);
@@ -6187,12 +6187,12 @@ class ii extends Li {
     return new Uint8Array(e);
   }
 }
-dt && I("Please use the `legacy` build in Node.js environments.");
+dt && R("Please use the `legacy` build in Node.js environments.");
 async function Fs(d) {
   const t = await process.getBuiltinModule("fs").promises.readFile(d);
   return new Uint8Array(t);
 }
-class Vn extends Ri {
+class Vn extends Ii {
 }
 class Gn extends ki {
   _createCanvas(t, e) {
@@ -6204,7 +6204,7 @@ class jn extends Di {
     return Fs(t);
   }
 }
-class Wn extends Ii {
+class Wn extends Ri {
   async _fetch(t) {
     return Fs(t);
   }
@@ -6654,21 +6654,21 @@ function hs(d, t, e, s, i, n, r, a) {
   if (f >= w)
     return;
   const y = h[n], v = h[n + 1], A = h[n + 2], x = h[r], _ = h[r + 1], E = h[r + 2], S = h[a], M = h[a + 1], C = h[a + 2], H = Math.round(f), V = Math.round(w);
-  let N, Z, k, R, U, ft, Dt, tt;
+  let N, Z, k, I, U, ft, Dt, tt;
   for (let W = H; W <= V; W++) {
     if (W < b) {
       const et = W < f ? 0 : (f - W) / (f - b);
-      N = p - (p - g) * et, Z = y - (y - x) * et, k = v - (v - _) * et, R = A - (A - E) * et;
+      N = p - (p - g) * et, Z = y - (y - x) * et, k = v - (v - _) * et, I = A - (A - E) * et;
     } else {
       let et;
-      W > w ? et = 1 : b === w ? et = 0 : et = (b - W) / (b - w), N = g - (g - m) * et, Z = x - (x - S) * et, k = _ - (_ - M) * et, R = E - (E - C) * et;
+      W > w ? et = 1 : b === w ? et = 0 : et = (b - W) / (b - w), N = g - (g - m) * et, Z = x - (x - S) * et, k = _ - (_ - M) * et, I = E - (E - C) * et;
     }
     let q;
     W < f ? q = 0 : W > w ? q = 1 : q = (f - W) / (f - w), U = p - (p - m) * q, ft = y - (y - S) * q, Dt = v - (v - M) * q, tt = A - (A - C) * q;
     const Ut = Math.round(Math.min(N, U)), Nt = Math.round(Math.max(N, U));
     let Bt = c * W + Ut * 4;
     for (let et = Ut; et <= Nt; et++)
-      q = (N - et) / (N - U), q < 0 ? q = 0 : q > 1 && (q = 1), l[Bt++] = Z - (Z - ft) * q | 0, l[Bt++] = k - (k - Dt) * q | 0, l[Bt++] = R - (R - tt) * q | 0, l[Bt++] = 255;
+      q = (N - et) / (N - U), q < 0 ? q = 0 : q > 1 && (q = 1), l[Bt++] = Z - (Z - ft) * q | 0, l[Bt++] = k - (k - Dt) * q | 0, l[Bt++] = I - (I - tt) * q | 0, l[Bt++] = 255;
   }
 }
 function Qn(d, t, e) {
@@ -6784,8 +6784,8 @@ class Bs {
     let x = g, _ = b, E = !1, S = !1;
     const M = Math.ceil(h * v), C = Math.ceil(l * A), H = Math.ceil(g * v), V = Math.ceil(b * A);
     M >= H ? x = h : E = !0, C >= V ? _ = l : S = !0;
-    const N = this.getSizeAndScale(x, this.ctx.canvas.width, v), Z = this.getSizeAndScale(_, this.ctx.canvas.height, A), k = t.cachedCanvases.getCanvas("pattern", N.size, Z.size), R = k.context, U = o.createCanvasGraphics(R, e);
-    if (U.groupLevel = t.groupLevel, this.setFillAndStrokeStyleToContext(U, n, a), R.translate(-N.scale * c, -Z.scale * u), U.transform(0, N.scale, 0, 0, Z.scale, 0, 0), R.save(), U.dependencyTracker?.save(), this.clipBbox(U, c, u, p, f), U.baseTransform = X(U.ctx), U.executeOperatorList(i), U.endDrawing(), U.dependencyTracker?.restore(), R.restore(), E || S) {
+    const N = this.getSizeAndScale(x, this.ctx.canvas.width, v), Z = this.getSizeAndScale(_, this.ctx.canvas.height, A), k = t.cachedCanvases.getCanvas("pattern", N.size, Z.size), I = k.context, U = o.createCanvasGraphics(I, e);
+    if (U.groupLevel = t.groupLevel, this.setFillAndStrokeStyleToContext(U, n, a), I.translate(-N.scale * c, -Z.scale * u), U.transform(0, N.scale, 0, 0, Z.scale, 0, 0), I.save(), U.dependencyTracker?.save(), this.clipBbox(U, c, u, p, f), U.baseTransform = X(U.ctx), U.executeOperatorList(i), U.endDrawing(), U.dependencyTracker?.restore(), I.restore(), E || S) {
       const ft = k.canvas;
       E && (x = h), S && (_ = l);
       const Dt = this.getSizeAndScale(x, this.ctx.canvas.width, v), tt = this.getSizeAndScale(_, this.ctx.canvas.height, A), W = Dt.size, q = tt.size, Ut = t.cachedCanvases.getCanvas("pattern-workaround", W, q), Nt = Ut.context, Bt = E ? Math.floor(g / h) : 0, et = S ? Math.floor(b / l) : 0;
@@ -7452,7 +7452,7 @@ class oe {
     const i = this.commonObjs.get(e), n = this.current;
     if (!i)
       throw new Error(`Can't find font for ${e}`);
-    if (n.fontMatrix = i.fontMatrix || gs, (n.fontMatrix[0] === 0 || n.fontMatrix[3] === 0) && I("Invalid font matrix for font " + e), s < 0 ? (s = -s, n.fontDirection = -1) : n.fontDirection = 1, this.current.font = i, this.current.fontSize = s, i.isType3Font)
+    if (n.fontMatrix = i.fontMatrix || gs, (n.fontMatrix[0] === 0 || n.fontMatrix[3] === 0) && R("Invalid font matrix for font " + e), s < 0 ? (s = -s, n.fontDirection = -1) : n.fontDirection = 1, this.current.font = i, this.current.fontSize = s, i.isType3Font)
       return;
     const r = i.loadedName || "sans-serif", a = i.systemFontInfo?.css || `"${r}", ${i.fallbackName}`;
     let o = "normal";
@@ -7587,12 +7587,12 @@ class oe {
       }
       let H = !1;
       const V = (C.isSpace ? h : 0) + o, N = C.fontChar, Z = C.accent;
-      let k, R, U = C.width;
+      let k, I, U = C.width;
       if (p) {
         const tt = C.vmetric || g, W = -(C.vmetric ? tt[1] : U * 0.5) * b, q = tt[2] * b;
-        U = tt ? -tt[0] : U, k = W / a, R = (S + q) / a;
+        U = tt ? -tt[0] : U, k = W / a, I = (S + q) / a;
       } else
-        k = S / a, R = 0;
+        k = S / a, I = 0;
       let ft;
       if (i.remeasure && U > 0) {
         ft = r.measureText(N);
@@ -7604,11 +7604,11 @@ class oe {
       }
       if (this.contentVisible && (C.isInFont || i.missingFile)) {
         if (m && !Z)
-          r.fillText(N, k, R), this.dependencyTracker?.recordCharacterBBox(t, r, ft ? {
+          r.fillText(N, k, I), this.dependencyTracker?.recordCharacterBBox(t, r, ft ? {
             bbox: null
-          } : i, n / a, k, R, () => ft ?? r.measureText(N));
-        else if (this.paintChar(t, N, k, R, w, y), Z) {
-          const tt = k + n * Z.offset.x / a, W = R - n * Z.offset.y / a;
+          } : i, n / a, k, I, () => ft ?? r.measureText(N));
+        else if (this.paintChar(t, N, k, I, w, y), Z) {
+          const tt = k + n * Z.offset.x / a, W = I - n * Z.offset.y / a;
           this.paintChar(t, Z.fontChar, tt, W, w, y);
         }
       }
@@ -7630,7 +7630,7 @@ class oe {
         continue;
       }
       const v = (b.isSpace ? l : 0) + h, A = n.charProcOperatorList[b.operatorListId];
-      A ? this.contentVisible && (this.save(), s.scale(r, r), s.transform(...u), this.executeOperatorList(A), this.restore()) : I(`Type3 character "${b.operatorListId}" is not available.`);
+      A ? this.contentVisible && (this.save(), s.scale(r, r), s.transform(...u), this.executeOperatorList(A), this.restore()) : R(`Type3 character "${b.operatorListId}" is not available.`);
       const x = [b.width, 0];
       T.applyTransform(x, u), m = x[0] * r + v, s.translate(m, 0), i.x += m * c;
     }
@@ -7719,7 +7719,7 @@ class oe {
       return;
     this.save(t), this.inSMaskMode && (this.endSMaskMode(), this.current.activeSMask = null);
     const s = this.ctx;
-    e.isolated || Qe("TODO: Support non-isolated groups."), e.knockout && I("Knockout groups not supported.");
+    e.isolated || Qe("TODO: Support non-isolated groups."), e.knockout && R("Knockout groups not supported.");
     const i = X(s);
     if (e.matrix && s.transform(...e.matrix), !e.bbox)
       throw new Error("Bounding box is required.");
@@ -7837,7 +7837,7 @@ class oe {
       return;
     const s = this.getObject(t, e);
     if (!s) {
-      I("Dependent image isn't ready yet");
+      R("Dependent image isn't ready yet");
       return;
     }
     this.paintInlineImageXObject(t, s);
@@ -7847,7 +7847,7 @@ class oe {
       return;
     const r = this.getObject(t, e);
     if (!r) {
-      I("Dependent image isn't ready yet");
+      R("Dependent image isn't ready yet");
       return;
     }
     const a = r.width, o = r.height, h = [];
@@ -8124,7 +8124,7 @@ class cr {
       else if (this.#e.has(n))
         r = this.#e.get(n).visible;
       else
-        return I(`Optional content group not found: ${n}`), !0;
+        return R(`Optional content group not found: ${n}`), !0;
       switch (s) {
         case "And":
           if (!r)
@@ -8148,14 +8148,14 @@ class cr {
     if (!t)
       return Qe("Optional content group not defined."), !0;
     if (t.type === "OCG")
-      return this.#e.has(t.id) ? this.#e.get(t.id).visible : (I(`Optional content group not found: ${t.id}`), !0);
+      return this.#e.has(t.id) ? this.#e.get(t.id).visible : (R(`Optional content group not found: ${t.id}`), !0);
     if (t.type === "OCMD") {
       if (t.expression)
         return this.#a(t.expression);
       if (!t.policy || t.policy === "AnyOn") {
         for (const e of t.ids) {
           if (!this.#e.has(e))
-            return I(`Optional content group not found: ${e}`), !0;
+            return R(`Optional content group not found: ${e}`), !0;
           if (this.#e.get(e).visible)
             return !0;
         }
@@ -8163,7 +8163,7 @@ class cr {
       } else if (t.policy === "AllOn") {
         for (const e of t.ids) {
           if (!this.#e.has(e))
-            return I(`Optional content group not found: ${e}`), !0;
+            return R(`Optional content group not found: ${e}`), !0;
           if (!this.#e.get(e).visible)
             return !1;
         }
@@ -8171,7 +8171,7 @@ class cr {
       } else if (t.policy === "AnyOff") {
         for (const e of t.ids) {
           if (!this.#e.has(e))
-            return I(`Optional content group not found: ${e}`), !0;
+            return R(`Optional content group not found: ${e}`), !0;
           if (!this.#e.get(e).visible)
             return !0;
         }
@@ -8179,20 +8179,20 @@ class cr {
       } else if (t.policy === "AllOff") {
         for (const e of t.ids) {
           if (!this.#e.has(e))
-            return I(`Optional content group not found: ${e}`), !0;
+            return R(`Optional content group not found: ${e}`), !0;
           if (this.#e.get(e).visible)
             return !1;
         }
         return !0;
       }
-      return I(`Unknown optional content policy ${t.policy}.`), !0;
+      return R(`Unknown optional content policy ${t.policy}.`), !0;
     }
-    return I(`Unknown group type ${t.type}.`), !0;
+    return R(`Unknown group type ${t.type}.`), !0;
   }
   setVisibility(t, e = !0, s = !0) {
     const i = this.#e.get(t);
     if (!i) {
-      I(`Optional content group not found: ${t}`);
+      R(`Optional content group not found: ${t}`);
       return;
     }
     if (s && e && i.rbGroups.length)
@@ -8570,7 +8570,7 @@ function Bi(d) {
   }
   return null;
 }
-function Re(d, t) {
+function Ie(d, t) {
   return new je(`Unexpected server response (${d}) while retrieving PDF "${t}".`, d, d === 404 || d === 0 && t.startsWith("file:"));
 }
 function Oi(d) {
@@ -8587,7 +8587,7 @@ function Hi(d, t, e) {
   };
 }
 function $i(d) {
-  return d instanceof Uint8Array ? d.buffer : d instanceof ArrayBuffer ? d : (I(`getArrayBuffer - unexpected data format: ${d}`), new Uint8Array(d).buffer);
+  return d instanceof Uint8Array ? d.buffer : d instanceof ArrayBuffer ? d : (R(`getArrayBuffer - unexpected data format: ${d}`), new Uint8Array(d).buffer);
 }
 class fr {
   _responseOrigin = null;
@@ -8620,7 +8620,7 @@ class mr {
     const s = new Headers(t.headers), i = e.url;
     fetch(i, Hi(s, this._withCredentials, this._abortController)).then((n) => {
       if (t._responseOrigin = ts(n.url), !Oi(n.status))
-        throw Re(n.status, i);
+        throw Ie(n.status, i);
       this._reader = n.body.getReader(), this._headersCapability.resolve();
       const r = n.headers, {
         allowRangeRequests: a,
@@ -8683,7 +8683,7 @@ class br {
       if (o !== t._responseOrigin)
         throw new Error(`Expected range response-origin "${o}" to match "${t._responseOrigin}".`);
       if (!Oi(a.status))
-        throw Re(a.status, r);
+        throw Ie(a.status, r);
       this._readCapability.resolve(), this._reader = a.body.getReader();
     }).catch(this._readCapability.reject), this.onProgress = null;
   }
@@ -8761,7 +8761,7 @@ class wr {
       o ? s.onDone({
         begin: parseInt(o[1], 10),
         chunk: r
-      }) : (I('Missing or invalid "Content-Range" header.'), s.onError(0));
+      }) : (R('Missing or invalid "Content-Range" header.'), s.onError(0));
     } else r ? s.onDone({
       begin: 0,
       chunk: r
@@ -8839,7 +8839,7 @@ class Ar {
     }
   }
   _onError(t) {
-    this._storedError = Re(t, this._url), this._headersCapability.reject(this._storedError);
+    this._storedError = Ie(t, this._url), this._headersCapability.reject(this._storedError);
     for (const e of this._requests)
       e.reject(this._storedError);
     this._requests.length = 0, this._cachedChunks.length = 0;
@@ -8923,7 +8923,7 @@ class xr {
     this._requests.length = 0, this._close();
   }
   _onError(t) {
-    this._storedError ??= Re(t, this._url);
+    this._storedError ??= Ie(t, this._url);
     for (const e of this._requests)
       e.reject(this._storedError);
     this._requests.length = 0, this._queuedChunk = null;
@@ -9002,7 +9002,7 @@ class Cr {
     s.promises.lstat(this._url).then((i) => {
       this._contentLength = i.size, this._setReadableStream(s.createReadStream(this._url)), this._headersCapability.resolve();
     }, (i) => {
-      i.code === "ENOENT" && (i = Re(0, this._url.href)), this._storedError = i, this._headersCapability.reject(i);
+      i.code === "ENOENT" && (i = Ie(0, this._url.href)), this._storedError = i, this._headersCapability.reject(i);
     });
   }
   get headersReady() {
@@ -9270,7 +9270,7 @@ class yt {
     const e = this.#c, s = this.#m;
     for (const i of t) {
       if (e.length > Pr) {
-        I("Ignoring additional textDivs for performance reasons."), this.#i = !0;
+        R("Ignoring additional textDivs for performance reasons."), this.#i = !0;
         return;
       }
       if (i.str === void 0) {
@@ -9381,7 +9381,7 @@ class yt {
     const r = n.measureText(""), a = r.fontBoundingBoxAscent, o = Math.abs(r.fontBoundingBoxDescent);
     n.canvas.width = n.canvas.height = 0;
     let h = 0.8;
-    return a ? h = a / (a + o) : (at.platform.isFirefox && I("Enable the `dom.textMetrics.fontBoundingBox.enabled` preference in `about:config` to improve TextLayer rendering."), e.ascent ? h = e.ascent : e.descent && (h = 1 + e.descent)), this.#w.set(t, h), h;
+    return a ? h = a / (a + o) : (at.platform.isFirefox && R("Enable the `dom.textMetrics.fontBoundingBox.enabled` preference in `about:config` to improve TextLayer rendering."), e.ascent ? h = e.ascent : e.descent && (h = 1 + e.descent)), this.#w.set(t, h), h;
   }
 }
 const Mr = 100;
@@ -9395,7 +9395,7 @@ function Ui(d = {}) {
     docId: e
   } = t, s = d.url ? Nn(d.url) : null, i = d.data ? Bn(d.data) : null, n = d.httpHeaders || null, r = d.withCredentials === !0, a = d.password ?? null, o = d.range instanceof Vi ? d.range : null, h = Number.isInteger(d.rangeChunkSize) && d.rangeChunkSize > 0 ? d.rangeChunkSize : 2 ** 16;
   let l = d.worker instanceof Es ? d.worker : null;
-  const c = d.verbosity, u = typeof d.docBaseUrl == "string" && !Je(d.docBaseUrl) ? d.docBaseUrl : null, p = Fe(d.cMapUrl), f = d.cMapPacked !== !1, g = d.CMapReaderFactory || (dt ? jn : ei), b = Fe(d.iccUrl), m = Fe(d.standardFontDataUrl), w = d.StandardFontDataFactory || (dt ? Wn : si), y = Fe(d.wasmUrl), v = d.WasmFactory || (dt ? qn : ii), A = d.stopAtErrors !== !0, x = Number.isInteger(d.maxImageSize) && d.maxImageSize > -1 ? d.maxImageSize : -1, _ = d.isEvalSupported !== !1, E = typeof d.isOffscreenCanvasSupported == "boolean" ? d.isOffscreenCanvasSupported : !dt, S = typeof d.isImageDecoderSupported == "boolean" ? d.isImageDecoderSupported : !dt && (at.platform.isFirefox || !globalThis.chrome), M = Number.isInteger(d.canvasMaxAreaInBytes) ? d.canvasMaxAreaInBytes : -1, C = typeof d.disableFontFace == "boolean" ? d.disableFontFace : dt, H = d.fontExtraProperties === !0, V = d.enableXfa === !0, N = d.ownerDocument || globalThis.document, Z = d.disableRange === !0, k = d.disableStream === !0, R = d.disableAutoFetch === !0, U = d.pdfBug === !0, ft = d.CanvasFactory || (dt ? Gn : zn), Dt = d.FilterFactory || (dt ? Vn : Un), tt = d.enableHWA === !0, W = d.useWasm !== !1, q = o ? o.length : d.length ?? NaN, Ut = typeof d.useSystemFonts == "boolean" ? d.useSystemFonts : !dt && !C, Nt = typeof d.useWorkerFetch == "boolean" ? d.useWorkerFetch : !!(g === ei && w === si && v === ii && p && m && y && ye(p, document.baseURI) && ye(m, document.baseURI) && ye(y, document.baseURI)), Bt = null;
+  const c = d.verbosity, u = typeof d.docBaseUrl == "string" && !Je(d.docBaseUrl) ? d.docBaseUrl : null, p = Fe(d.cMapUrl), f = d.cMapPacked !== !1, g = d.CMapReaderFactory || (dt ? jn : ei), b = Fe(d.iccUrl), m = Fe(d.standardFontDataUrl), w = d.StandardFontDataFactory || (dt ? Wn : si), y = Fe(d.wasmUrl), v = d.WasmFactory || (dt ? qn : ii), A = d.stopAtErrors !== !0, x = Number.isInteger(d.maxImageSize) && d.maxImageSize > -1 ? d.maxImageSize : -1, _ = d.isEvalSupported !== !1, E = typeof d.isOffscreenCanvasSupported == "boolean" ? d.isOffscreenCanvasSupported : !dt, S = typeof d.isImageDecoderSupported == "boolean" ? d.isImageDecoderSupported : !dt && (at.platform.isFirefox || !globalThis.chrome), M = Number.isInteger(d.canvasMaxAreaInBytes) ? d.canvasMaxAreaInBytes : -1, C = typeof d.disableFontFace == "boolean" ? d.disableFontFace : dt, H = d.fontExtraProperties === !0, V = d.enableXfa === !0, N = d.ownerDocument || globalThis.document, Z = d.disableRange === !0, k = d.disableStream === !0, I = d.disableAutoFetch === !0, U = d.pdfBug === !0, ft = d.CanvasFactory || (dt ? Gn : zn), Dt = d.FilterFactory || (dt ? Vn : Un), tt = d.enableHWA === !0, W = d.useWasm !== !1, q = o ? o.length : d.length ?? NaN, Ut = typeof d.useSystemFonts == "boolean" ? d.useSystemFonts : !dt && !C, Nt = typeof d.useWorkerFetch == "boolean" ? d.useWorkerFetch : !!(g === ei && w === si && v === ii && p && m && y && ye(p, document.baseURI) && ye(m, document.baseURI) && ye(y, document.baseURI)), Bt = null;
   ln(c);
   const et = {
     canvasFactory: new ft({
@@ -9426,7 +9426,7 @@ function Ui(d = {}) {
     apiVersion: "5.4.530",
     data: i,
     password: a,
-    disableAutoFetch: R,
+    disableAutoFetch: I,
     rangeChunkSize: h,
     length: q,
     docBaseUrl: u,
@@ -9453,7 +9453,7 @@ function Ui(d = {}) {
     pdfBug: U,
     styleElement: Bt,
     loadingParams: {
-      disableAutoFetch: R,
+      disableAutoFetch: I,
       enableXfa: V
     }
   };
@@ -9488,7 +9488,7 @@ function Ui(d = {}) {
         throw new Error("Loading aborted");
       if (l.destroyed)
         throw new Error("Worker was destroyed");
-      const js = new we(e, is, l.port), sn = new Rr(js, t, ss, de, et, tt);
+      const js = new we(e, is, l.port), sn = new Ir(js, t, ss, de, et, tt);
       t._transport = sn, js.send("Ready", null);
     });
   }).catch(t._capability.reject), t;
@@ -10019,9 +10019,9 @@ const rt = class ve {
     if (Ft(this, Et), Ft(this, Vt, Promise.withResolvers()), Ft(this, Mt, null), Ft(this, Ht, null), Ft(this, he, null), this.name = t, this.destroyed = !1, this.verbosity = s, e) {
       if (Y(ve, ie).has(e))
         throw new Error("Cannot use more than one PDFWorker per port.");
-      Y(ve, ie).set(e, this), It(this, Et, Gi).call(this, e);
+      Y(ve, ie).set(e, this), Rt(this, Et, Gi).call(this, e);
     } else
-      It(this, Et, ji).call(this);
+      Rt(this, Et, ji).call(this);
   }
   get promise() {
     return Y(this, Vt).promise;
@@ -10063,10 +10063,10 @@ Vt = /* @__PURE__ */ new WeakMap(), Mt = /* @__PURE__ */ new WeakMap(), Ht = /*
   });
 }, Gi = function(d) {
   mt(this, Ht, d), mt(this, Mt, new we("main", "worker", d)), Y(this, Mt).on("ready", () => {
-  }), It(this, Et, ze).call(this);
+  }), Rt(this, Et, ze).call(this);
 }, ji = function() {
   if (Y(rt, Qt) || Y(rt, xe, qe)) {
-    It(this, Et, fe).call(this);
+    Rt(this, Et, fe).call(this);
     return;
   }
   let {
@@ -10077,7 +10077,7 @@ Vt = /* @__PURE__ */ new WeakMap(), Mt = /* @__PURE__ */ new WeakMap(), Ht = /*
     const t = new Worker(d, {
       type: "module"
     }), e = new we("main", "worker", t), s = () => {
-      i.abort(), e.destroy(), t.terminate(), this.destroyed ? Y(this, Vt).reject(new Error("Worker was destroyed")) : It(this, Et, fe).call(this);
+      i.abort(), e.destroy(), t.terminate(), this.destroyed ? Y(this, Vt).reject(new Error("Worker was destroyed")) : Rt(this, Et, fe).call(this);
     }, i = new AbortController();
     t.addEventListener("error", () => {
       Y(this, he) || s();
@@ -10088,7 +10088,7 @@ Vt = /* @__PURE__ */ new WeakMap(), Mt = /* @__PURE__ */ new WeakMap(), Ht = /*
         s();
         return;
       }
-      mt(this, Mt, e), mt(this, Ht, t), mt(this, he, t), It(this, Et, ze).call(this);
+      mt(this, Mt, e), mt(this, Ht, t), mt(this, he, t), Rt(this, Et, ze).call(this);
     }), e.on("ready", (r) => {
       if (i.abort(), this.destroyed) {
         s();
@@ -10097,7 +10097,7 @@ Vt = /* @__PURE__ */ new WeakMap(), Mt = /* @__PURE__ */ new WeakMap(), Ht = /*
       try {
         n();
       } catch {
-        It(this, Et, fe).call(this);
+        Rt(this, Et, fe).call(this);
       }
     });
     const n = () => {
@@ -10109,9 +10109,9 @@ Vt = /* @__PURE__ */ new WeakMap(), Mt = /* @__PURE__ */ new WeakMap(), Ht = /*
   } catch {
     Qe("The worker has been disabled.");
   }
-  It(this, Et, fe).call(this);
+  Rt(this, Et, fe).call(this);
 }, fe = function() {
-  Y(rt, Qt) || (I("Setting up fake worker."), mt(rt, Qt, !0)), rt._setupFakeWorkerGlobal.then((d) => {
+  Y(rt, Qt) || (R("Setting up fake worker."), mt(rt, Qt, !0)), rt._setupFakeWorkerGlobal.then((d) => {
     if (this.destroyed) {
       Y(this, Vt).reject(new Error("Worker was destroyed"));
       return;
@@ -10119,7 +10119,7 @@ Vt = /* @__PURE__ */ new WeakMap(), Mt = /* @__PURE__ */ new WeakMap(), Ht = /*
     const t = new $n();
     mt(this, Ht, t);
     const e = `fake${nn(rt, us)._++}`, s = new we(e + "_worker", e, t);
-    d.setup(s, t), mt(this, Mt, new we(e, e + "_worker", t)), It(this, Et, ze).call(this);
+    d.setup(s, t), mt(this, Mt, new we(e, e + "_worker", t)), Rt(this, Et, ze).call(this);
   }).catch((d) => {
     Y(this, Vt).reject(new Error(`Setting up fake worker failed: "${d.message}".`));
   });
@@ -10146,14 +10146,14 @@ Vt = /* @__PURE__ */ new WeakMap(), Mt = /* @__PURE__ */ new WeakMap(), Ht = /*
   return rt.create(d);
 };
 let Es = rt;
-class Rr {
+class Ir {
   #t = /* @__PURE__ */ new Map();
   #e = /* @__PURE__ */ new Map();
   #i = /* @__PURE__ */ new Map();
   #s = /* @__PURE__ */ new Map();
   #a = null;
   constructor(t, e, s, i, n, r) {
-    this.messageHandler = t, this.loadingTask = e, this.commonObjs = new zi(), this.fontLoader = new In({
+    this.messageHandler = t, this.loadingTask = e, this.commonObjs = new zi(), this.fontLoader = new Rn({
       ownerDocument: i.ownerDocument,
       styleElement: i.styleElement
     }), this.loadingParams = i.loadingParams, this._params = i, this.canvasFactory = n.canvasFactory, this.filterFactory = n.filterFactory, this.cMapReaderFactory = n.cMapReaderFactory, this.standardFontDataFactory = n.standardFontDataFactory, this.wasmFactory = n.wasmFactory, this.destroyed = !1, this.destroyCapability = null, this._networkStream = s, this._fullReader = null, this._lastProgress = null, this.downloadInfoCapability = Promise.withResolvers(), this.enableHWA = r, this.setupMessageHandler();
@@ -10180,7 +10180,7 @@ class Rr {
         r = bt.PRINT;
         break;
       default:
-        I(`getRenderingIntent - invalid intent: ${t}`);
+        R(`getRenderingIntent - invalid intent: ${t}`);
     }
     const o = r & bt.PRINT && s instanceof Mi ? s : this.annotationStorage;
     switch (e) {
@@ -10196,7 +10196,7 @@ class Rr {
         r += bt.ANNOTATIONS_STORAGE, a = o.serializable;
         break;
       default:
-        I(`getRenderingIntent - invalid annotationMode: ${e}`);
+        R(`getRenderingIntent - invalid annotationMode: ${e}`);
     }
     i && (r += bt.IS_EDITING), n && (r += bt.OPLIST);
     const {
@@ -10331,7 +10331,7 @@ class Rr {
         case "Font":
           if ("error" in n) {
             const c = n.error;
-            I(`Error during font loading: ${c}`), this.commonObjs.resolve(s, c);
+            R(`Error during font loading: ${c}`), this.commonObjs.resolve(s, c);
             break;
           }
           const r = new G(n), a = this._params.pdfBug && globalThis.FontInspector?.enabled ? (c, u) => globalThis.FontInspector.fontAdded(c, u) : null, o = new Ln(r, a, n.extra, n.charProcOperatorList);
@@ -10401,7 +10401,7 @@ class Rr {
     return this.messageHandler.sendWithPromise("GetData", null);
   }
   saveDocument() {
-    this.annotationStorage.size <= 0 && I("saveDocument called while `annotationStorage` is empty, please use the getData-method instead.");
+    this.annotationStorage.size <= 0 && R("saveDocument called while `annotationStorage` is empty, please use the getData-method instead.");
     const {
       map: t,
       transfer: e
@@ -10544,7 +10544,7 @@ class Rr {
     return this.#s.get(e) ?? null;
   }
 }
-class Ir {
+class Rr {
   #t = null;
   onContinue = null;
   onError = null;
@@ -10588,7 +10588,7 @@ class ne {
     enableHWA: p = !1,
     operationsFilter: f = null
   }) {
-    this.callback = t, this.params = e, this.objs = s, this.commonObjs = i, this.annotationCanvasMap = n, this.operatorListIdx = null, this.operatorList = r, this._pageIndex = a, this.canvasFactory = o, this.filterFactory = h, this._pdfBug = c, this.pageColors = u, this.running = !1, this.graphicsReadyCallback = null, this.graphicsReady = !1, this._useRequestAnimationFrame = l === !0 && typeof window < "u", this.cancelled = !1, this.capability = Promise.withResolvers(), this.task = new Ir(this), this._cancelBound = this.cancel.bind(this), this._continueBound = this._continue.bind(this), this._scheduleNextBound = this._scheduleNext.bind(this), this._nextBound = this._next.bind(this), this._canvas = e.canvas, this._canvasContext = e.canvas ? null : e.canvasContext, this._enableHWA = p, this._dependencyTracker = e.dependencyTracker, this._operationsFilter = f;
+    this.callback = t, this.params = e, this.objs = s, this.commonObjs = i, this.annotationCanvasMap = n, this.operatorListIdx = null, this.operatorList = r, this._pageIndex = a, this.canvasFactory = o, this.filterFactory = h, this._pdfBug = c, this.pageColors = u, this.running = !1, this.graphicsReadyCallback = null, this.graphicsReady = !1, this._useRequestAnimationFrame = l === !0 && typeof window < "u", this.cancelled = !1, this.capability = Promise.withResolvers(), this.task = new Rr(this), this._cancelBound = this.cancel.bind(this), this._continueBound = this._continue.bind(this), this._scheduleNextBound = this._scheduleNext.bind(this), this._nextBound = this._next.bind(this), this._canvas = e.canvas, this._canvasContext = e.canvas ? null : e.canvasContext, this._enableHWA = p, this._dependencyTracker = e.dependencyTracker, this._operationsFilter = f;
   }
   get completed() {
     return this.capability.promise.catch(function() {
@@ -10908,7 +10908,7 @@ class Fr {
 }
 class Xe extends Fr {
   _createSVG(t) {
-    return document.createElementNS(Rt, t);
+    return document.createElementNS(It, t);
   }
 }
 const Nr = 9, qt = /* @__PURE__ */ new WeakSet(), Br = (/* @__PURE__ */ new Date()).getTimezoneOffset() * 60 * 1e3;
@@ -11144,10 +11144,10 @@ class K {
           r.borderStyle = "dashed";
           break;
         case Jt.BEVELED:
-          I("Unimplemented border style: beveled");
+          R("Unimplemented border style: beveled");
           break;
         case Jt.INSET:
-          I("Unimplemented border style: inset");
+          R("Unimplemented border style: inset");
           break;
         case Jt.UNDERLINE:
           r.borderBottomStyle = "solid";
@@ -11364,7 +11364,7 @@ class K {
             continue;
           const o = typeof a == "string" ? a : null, h = document.querySelector(`[data-element-id="${r}"]`);
           if (h && !qt.has(h)) {
-            I(`_getElementsByName - element not allowed: ${r}`);
+            R(`_getElementsByName - element not allowed: ${r}`);
             continue;
           }
           s.push({
@@ -11514,7 +11514,7 @@ class Hs extends K {
   _bindResetFormAction(t, e) {
     const s = t.onclick;
     if (s || (t.href = this.linkService.getAnchorUrl("")), this.#t(), !this._fieldObjects) {
-      I('_bindResetFormAction - "resetForm" action not supported, ensure that the `fieldObjects` parameter is provided.'), s || (t.onclick = () => !1);
+      R('_bindResetFormAction - "resetForm" action not supported, ensure that the `fieldObjects` parameter is provided.'), s || (t.onclick = () => !1);
       return;
     }
     t.onclick = () => {
@@ -11574,7 +11574,7 @@ class Hs extends K {
         const u = document.querySelector(`[data-element-id="${c}"]`);
         if (u) {
           if (!qt.has(u)) {
-            I(`_bindResetFormAction - element not allowed: ${c}`);
+            R(`_bindResetFormAction - element not allowed: ${c}`);
             continue;
           }
         } else continue;
@@ -12213,7 +12213,7 @@ class jr {
   #t = null;
   #e = this.#G.bind(this);
   #i = this.#H.bind(this);
-  #s = this.#I.bind(this);
+  #s = this.#R.bind(this);
   #a = this.#x.bind(this);
   #r = null;
   #n = null;
@@ -12448,20 +12448,20 @@ class jr {
       })), s.dateTime = this.#l.toISOString(), e.append(s);
     }
     Si({
-      html: this.#R || this.#o.str,
+      html: this.#I || this.#o.str,
       dir: this.#o?.dir,
       className: "popupContent"
     }, t), this.#n.append(t);
   }
-  get #R() {
+  get #I() {
     const t = this.#S, e = this.#o;
     return t?.str && (!e?.str || e.str === t.str) && this.#S.html || null;
   }
   get #L() {
-    return this.#R?.attributes?.style?.fontSize || 0;
+    return this.#I?.attributes?.style?.fontSize || 0;
   }
   get #O() {
-    return this.#R?.attributes?.style?.color || null;
+    return this.#I?.attributes?.style?.color || null;
   }
   #F(t) {
     const e = [], s = {
@@ -12557,9 +12557,9 @@ class jr {
       this.#t.toggleCommentPopup(this, !1);
       return;
     }
-    this.#p = !this.#p, this.#p ? (this.#I(), this.#n.addEventListener("click", this.#a), this.#n.addEventListener("keydown", this.#e)) : (this.#H(), this.#n.removeEventListener("click", this.#a), this.#n.removeEventListener("keydown", this.#e));
+    this.#p = !this.#p, this.#p ? (this.#R(), this.#n.addEventListener("click", this.#a), this.#n.addEventListener("keydown", this.#e)) : (this.#H(), this.#n.removeEventListener("click", this.#a), this.#n.removeEventListener("keydown", this.#e));
   }
-  #I() {
+  #R() {
     this.#m || this.render(), this.isVisible ? this.#p && this.#n.classList.add("focused") : (this.#C(), this.#n.hidden = !1, this.#n.style.zIndex = parseInt(this.#n.style.zIndex) + 1e3);
   }
   #H() {
@@ -12569,7 +12569,7 @@ class jr {
     this.#T = this.isVisible, this.#T && (this.#n.hidden = !0);
   }
   maybeShow() {
-    this.#t || (this.#k(), this.#T && (this.#m || this.#I(), this.#T = !1, this.#n.hidden = !1));
+    this.#t || (this.#k(), this.#T && (this.#m || this.#R(), this.#T = !1, this.#n.hidden = !1));
   }
   get isVisible() {
     return this.#t ? !1 : this.#n.hidden === !1;
@@ -14477,7 +14477,7 @@ class J extends D {
     }
     return r;
   }
-  #R(t) {
+  #I(t) {
     return this.#h.serialize(t, this.#M());
   }
   static startHighlighting(t, e, {
@@ -14688,7 +14688,7 @@ class J extends D {
       opacity: this.opacity,
       thickness: this.#g,
       quadPoints: this.#B(),
-      outlines: this.#R(s.rect)
+      outlines: this.#I(s.rect)
     }), this.addComment(s), this.annotationElementId && !this.#F(s) ? null : (s.id = this.annotationElementId, s);
   }
   #F(t) {
@@ -15154,7 +15154,7 @@ class ia {
   #r;
   #n = "";
   #o = 0;
-  #l = new Ie();
+  #l = new Re();
   #h;
   #u;
   constructor(t, e, s, i, n, r) {
@@ -15270,7 +15270,7 @@ class ia {
     };
   }
 }
-class Ie extends P {
+class Re extends P {
   #t;
   #e = 0;
   #i;
@@ -15636,7 +15636,7 @@ class Us extends $ {
     return new ia(t, e, s, i, n, this._defaultDrawingOptions["stroke-width"]);
   }
   static deserializeDraw(t, e, s, i, n, r) {
-    return Ie.deserialize(t, e, s, i, n, r);
+    return Re.deserialize(t, e, s, i, n, r);
   }
   static async deserialize(t, e, s) {
     let i = null;
@@ -15776,7 +15776,7 @@ class Us extends $ {
     }), null;
   }
 }
-class Ps extends Ie {
+class Ps extends Re {
   toSVGPath() {
     let t = super.toSVGPath();
     return t.endsWith("Z") || (t += "Z"), t;
@@ -16073,7 +16073,7 @@ class te {
     }
     if (u.length === 0)
       return null;
-    const m = a ? new Ps() : new Ie();
+    const m = a ? new Ps() : new Re();
     return m.build(u, e, s, 1, i, a ? 0 : c, n), {
       outline: m,
       newCurves: b,
@@ -16164,7 +16164,7 @@ class te {
         height: c
       };
     } catch (e) {
-      return I(`decompressSignature: ${e}`), null;
+      return R(`decompressSignature: ${e}`), null;
     }
   }
 }
@@ -16427,7 +16427,7 @@ class Tt extends $ {
     }), n;
   }
   static deserializeDraw(t, e, s, i, n, r) {
-    return r.areContours ? Ps.deserialize(t, e, s, i, n, r) : Ie.deserialize(t, e, s, i, n, r);
+    return r.areContours ? Ps.deserialize(t, e, s, i, n, r) : Re.deserialize(t, e, s, i, n, r);
   }
   static async deserialize(t, e, s) {
     const i = await super.deserialize(t, e, s);
@@ -17876,9 +17876,10 @@ class ca {
       this.element.appendChild(e), this.fieldElements.set(t.id, e);
     });
   }
+  selectedFieldId = null;
   createFieldElement(t) {
     const e = document.createElement("div");
-    e.className = "sc-signature-field", e.dataset.id = t.id, e.dataset.moveable = String(t.draggable !== !1), e.style.position = "absolute", e.style.pointerEvents = "auto", e.style.boxSizing = "border-box", e.style.border = "1px solid #0056b3", e.style.backgroundColor = "rgba(0, 86, 179, 0.1)", e.style.cursor = t.draggable !== !1 ? "move" : "default", t.style && Object.assign(e.style, t.style);
+    e.className = "sc-signature-field", e.dataset.id = t.id, e.dataset.moveable = String(t.draggable !== !1), e.style.position = "absolute", e.style.pointerEvents = "auto", e.style.boxSizing = "border-box", e.style.border = "1px solid #7FA1C3", e.style.backgroundColor = "rgba(127, 161, 195, 0.1)", e.style.cursor = t.draggable !== !1 ? "move" : "default", t.style && Object.assign(e.style, t.style);
     const s = document.createElement("div");
     if (s.className = "sc-field-content", s.style.overflow = "hidden", s.style.display = "flex", s.style.alignItems = "center", s.style.justifyContent = "center", t.type === "text")
       s.textContent = t.content || "", s.style.whiteSpace = "pre-wrap", s.style.fontSize = "7pt", s.style.fontFamily = "sans-serif", s.style.lineHeight = "1.2", s.style.textAlign = "center";
@@ -17891,12 +17892,20 @@ class ca {
       const i = document.createElement("img");
       i.src = t.content || "", i.style.maxWidth = "100%", i.style.maxHeight = "100%", i.style.pointerEvents = "none", s.appendChild(i);
     }
-    return e.appendChild(s), t.resizable !== !1 && this.addResizeHandles(e), t.deletable !== !1 && this.addDeleteButton(e, t.id), this.updateElementPosition(e, t), e;
+    return e.addEventListener("mousedown", (i) => {
+      this.eventBus.emit("field:focus", { fieldId: t.id });
+    }), e.addEventListener("touchstart", (i) => {
+      this.eventBus.emit("field:focus", { fieldId: t.id });
+    }, { passive: !1 }), e.appendChild(s), t.resizable !== !1 && this.addResizeHandles(e), t.deletable !== !1 && this.addDeleteButton(e, t.id), e.addEventListener("mouseenter", () => {
+      this.selectedFieldId !== t.id && this.updateVisuals(e, t, !0, !1);
+    }), e.addEventListener("mouseleave", () => {
+      this.selectedFieldId !== t.id && this.updateVisuals(e, t, !1, !1);
+    }), this.updateElementPosition(e, t), this.selectedFieldId === t.id && this.updateVisuals(e, t, !0, !0), e;
   }
   addResizeHandles(t) {
     ["nw", "ne", "sw", "se", "n", "e", "s", "w"].forEach((e) => {
       const s = document.createElement("div");
-      s.className = `sc-resize-handle sc-resize-${e}`, s.dataset.handle = e, s.style.position = "absolute", s.style.backgroundColor = "white", s.style.border = "1px solid #0056b3", s.style.zIndex = "2", s.style.boxSizing = "border-box";
+      s.className = `sc-resize-handle sc-resize-${e}`, s.dataset.handle = e, s.style.position = "absolute", s.style.backgroundColor = "white", s.style.border = "1px solid #0056b3", s.style.zIndex = "2", s.style.boxSizing = "border-box", s.style.display = "none";
       const i = "8px", n = "6px", r = "14px";
       switch (e) {
         // Corners
@@ -17931,12 +17940,25 @@ class ca {
   }
   addDeleteButton(t, e) {
     const s = document.createElement("div");
-    s.className = "sc-delete-btn", s.innerHTML = '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>', s.title = "Delete Field", s.style.position = "absolute", s.style.top = "0", s.style.right = "0", s.style.transform = "translate(50%, -50%)", s.style.width = "20px", s.style.height = "20px", s.style.borderRadius = "50%", s.style.backgroundColor = "#ff4d4f", s.style.color = "white", s.style.display = "flex", s.style.alignItems = "center", s.style.justifyContent = "center", s.style.cursor = "pointer", s.style.zIndex = "20", s.style.boxShadow = "0 2px 4px rgba(0,0,0,0.2)", s.style.opacity = "0", s.style.transition = "opacity 0.2s", t.addEventListener("mouseenter", () => s.style.opacity = "1"), t.addEventListener("mouseleave", () => s.style.opacity = "0"), s.addEventListener("click", (i) => {
+    s.className = "sc-delete-btn", s.innerHTML = '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>', s.title = "Delete Field", s.style.position = "absolute", s.style.top = "0", s.style.right = "0", s.style.transform = "translate(50%, -50%)", s.style.width = "20px", s.style.height = "20px", s.style.borderRadius = "50%", s.style.backgroundColor = "#ff4d4f", s.style.color = "white", s.style.display = "flex", s.style.alignItems = "center", s.style.justifyContent = "center", s.style.cursor = "pointer", s.style.zIndex = "20", s.style.boxShadow = "0 2px 4px rgba(0,0,0,0.2)", s.style.display = "none", s.addEventListener("click", (i) => {
       i.preventDefault(), i.stopPropagation(), this.eventBus.emit("field:delete", { fieldId: e });
     }), s.addEventListener("touchstart", (i) => {
       i.preventDefault(), i.stopPropagation(), this.eventBus.emit("field:delete", { fieldId: e });
     }, { passive: !1 }), t.appendChild(s);
   }
+  select(t) {
+    this.selectedFieldId = t, this.fields.forEach((e) => {
+      const s = this.fieldElements.get(e.id);
+      if (!s) return;
+      const i = e.id === t;
+      this.updateVisuals(s, e, i, i);
+    });
+  }
+  updateVisuals(t, e, s, i) {
+    t.querySelectorAll(".sc-resize-handle").forEach((r) => r.style.display = s ? "block" : "none");
+    const n = t.querySelector(".sc-delete-btn");
+    n && (n.style.display = s ? "flex" : "none"), i ? (t.style.border = "1px solid #0056b3", t.style.backgroundColor = "rgba(0, 86, 179, 0.1)") : s ? (t.style.border = "1px solid #0056b3", t.style.backgroundColor = "rgba(0, 86, 179, 0.05)") : (t.style.border = e.style?.border || "1px solid #7FA1C3", t.style.backgroundColor = e.style?.backgroundColor || "rgba(127, 161, 195, 0.1)");
+  }
   updatePositions() {
     this.pageHeight !== 0 && this.fields.forEach((t) => {
       const e = this.fieldElements.get(t.id);
@@ -17971,7 +17993,7 @@ class tn {
   eventBus;
   element;
   constructor(t) {
-    this.container = t.container, this.pageIndex = t.pageIndex, this.scale = t.scale, this.eventBus = t.eventBus, this.element = document.createElement("div"), this.element.className = "page-view", this.element.dataset.pageIndex = this.pageIndex.toString(), this.element.style.position = "relative", this.element.style.flexShrink = "0", this.element.style.boxShadow = "0 2px 8px rgba(0,0,0,0.15)", this.canvasLayer = new aa(), this.element.appendChild(this.canvasLayer.getElement()), this.signatureLayer = new ca(this.eventBus), this.element.appendChild(this.signatureLayer.getElement()), t.pageDimensions && this.signatureLayer.setPageDimensions(
+    this.container = t.container, this.pageIndex = t.pageIndex, this.scale = t.scale, this.eventBus = t.eventBus, this.element = document.createElement("div"), this.element.className = "page-view", this.element.dataset.pageIndex = this.pageIndex.toString(), this.element.style.position = "relative", this.element.style.flexShrink = "0", this.element.style.boxShadow = "0 2px 8px rgba(0,0,0,0.15)", this.element.style.margin = "0 auto", this.canvasLayer = new aa(), this.element.appendChild(this.canvasLayer.getElement()), this.signatureLayer = new ca(this.eventBus), this.element.appendChild(this.signatureLayer.getElement()), t.pageDimensions && this.signatureLayer.setPageDimensions(
       t.pageDimensions.width,
       t.pageDimensions.height,
       this.scale
@@ -17985,6 +18007,9 @@ class tn {
   setFields(t) {
     this.signatureLayer.setFields(t);
   }
+  selectField(t) {
+    this.signatureLayer.select(t);
+  }
   async render() {
     if (!this.pdfPage) return;
     const t = this.pdfPage.getViewport({ scale: this.scale });
@@ -18047,7 +18072,7 @@ class da {
     this.container = t, this.pdfDocument = e, this.eventBus = s, this.totalPages = e.numPages, this.scale = i ?? 1, this.pageInfo = n ?? /* @__PURE__ */ new Map(), this.initContainer(), await this.renderCurrentPage();
   }
   initContainer() {
-    this.container.innerHTML = "", this.container.style.position = "relative", this.container.style.overflow = "auto", this.container.style.display = "flex", this.container.style.flexDirection = "column", this.container.style.alignItems = "center", this.container.style.padding = "20px", this.pageContainer = document.createElement("div"), this.pageContainer.className = "single-page-container", this.container.appendChild(this.pageContainer);
+    this.container.innerHTML = "", this.container.style.position = "relative", this.container.style.overflow = "auto", this.container.style.display = "flex", this.container.style.flexDirection = "column", this.container.style.alignItems = "", this.container.style.padding = "20px", this.pageContainer = document.createElement("div"), this.pageContainer.className = "single-page-container", this.container.appendChild(this.pageContainer);
   }
   async renderCurrentPage() {
     this.pageView && (this.pageView.destroy(), this.pageView = null), this.pageContainer.innerHTML = "";
@@ -18085,7 +18110,10 @@ class da {
     return this.totalPages;
   }
   setScale(t) {
-    this.scale = t, this.pageView && this.pageView.updateScalePreview(t), this.eventBus.emit("scale:change", { scale: t }), this.zoomTimeout && clearTimeout(this.zoomTimeout), this.zoomTimeout = setTimeout(() => {
+    const e = this.scale, s = t, i = this.container, n = i.clientWidth, r = i.clientHeight, a = i.scrollLeft, o = i.scrollTop, h = a + n / 2, l = o + r / 2, c = s / e;
+    this.scale = t, this.pageView && this.pageView.updateScalePreview(t), this.eventBus.emit("scale:change", { scale: t });
+    const u = h * c - n / 2, p = l * c - r / 2;
+    i.scrollLeft = u, i.scrollTop = p, this.zoomTimeout && clearTimeout(this.zoomTimeout), this.zoomTimeout = setTimeout(() => {
       this.pageView && this.pageView.updateScaleFull(t), this.zoomTimeout = null;
     }, 150);
   }
@@ -18098,6 +18126,9 @@ class da {
       this.pageView.setFields(e);
     }
   }
+  selectField(t) {
+    this.pageView?.selectField(t);
+  }
   destroy() {
     this.zoomTimeout && (clearTimeout(this.zoomTimeout), this.zoomTimeout = null), this.pageView && (this.pageView.destroy(), this.pageView = null), this.container.innerHTML = "";
   }
@@ -18119,7 +18150,7 @@ class ua {
     this.isDestroyed = !1, this.container = t, this.pdfDocument = e, this.eventBus = s, this.totalPages = e.numPages, this.scale = i ?? 1, this.pageInfo = n ?? /* @__PURE__ */ new Map(), this.initContainer(), await this.renderAllPages(), this.isDestroyed || this.setupIntersectionObserver();
   }
   initContainer() {
-    this.container.innerHTML = "", this.container.style.position = "relative", this.container.style.overflow = "auto", this.container.style.display = "flex", this.container.style.flexDirection = "column", this.container.style.gap = "20px", this.container.style.alignItems = "center", this.container.style.padding = "20px", this.container.scrollTop = 0;
+    this.container.innerHTML = "", this.container.style.position = "relative", this.container.style.overflow = "auto", this.container.style.display = "flex", this.container.style.flexDirection = "column", this.container.style.gap = "20px", this.container.style.alignItems = "", this.container.style.padding = "20px", this.container.scrollTop = 0;
   }
   async renderAllPages() {
     this.pageViews.forEach((t) => t.destroy()), this.pageViews = [];
@@ -18195,8 +18226,28 @@ class ua {
     return this.totalPages;
   }
   setScale(t) {
-    this.scale = t, this.pageViews.forEach((e) => e.updateScalePreview(t)), this.eventBus.emit("scale:change", { scale: t }), this.zoomTimeout && clearTimeout(this.zoomTimeout), this.zoomTimeout = setTimeout(() => {
-      this.pageViews.forEach((e) => e.updateScaleFull(t)), this.zoomTimeout = null;
+    const e = this.scale, s = this.container, i = s.clientHeight, n = s.scrollTop + i / 2;
+    let r = -1, a = 0;
+    for (let o = 0; o < this.pageViews.length; o++) {
+      const h = this.pageViews[o], l = h.element.offsetTop, c = h.element.offsetHeight, u = l + c;
+      if (n < u) {
+        r = o, a = (n - l) / c;
+        break;
+      }
+    }
+    if (r === -1 && this.pageViews.length > 0) {
+      r = this.pageViews.length - 1;
+      const o = this.pageViews[r];
+      a = (n - o.element.offsetTop) / o.element.offsetHeight;
+    }
+    if (this.scale = t, this.pageViews.forEach((o) => o.updateScalePreview(t)), this.eventBus.emit("scale:change", { scale: t }), r !== -1) {
+      const o = this.pageViews[r], h = o.element.offsetTop, l = o.element.offsetHeight, c = h + a * l;
+      s.scrollTop = c - i / 2;
+      const u = s.clientWidth, p = s.scrollLeft + u / 2, f = t / e;
+      s.scrollLeft = p * f - u / 2;
+    }
+    this.zoomTimeout && clearTimeout(this.zoomTimeout), this.zoomTimeout = setTimeout(() => {
+      this.pageViews.forEach((o) => o.updateScaleFull(t)), this.zoomTimeout = null;
     }, 150);
   }
   getScale() {
@@ -18208,6 +18259,9 @@ class ua {
       e.setFields(s);
     });
   }
+  selectField(t) {
+    this.pageViews.forEach((e) => e.selectField(t));
+  }
   destroy() {
     this.isDestroyed = !0, this.zoomTimeout && (clearTimeout(this.zoomTimeout), this.zoomTimeout = null), this.observer && (this.observer.disconnect(), this.observer = null), this.pageViews.forEach((t) => t.destroy()), this.pageViews = [], this.container.innerHTML = "";
   }
@@ -18224,6 +18278,7 @@ class pa {
   readyPromise = null;
   currentScale = 1;
   isDestroyed = !1;
+  selectedFieldId = null;
   constructor(t) {
     this.container = t.container, this.eventBus = new rn(), this.loader = new ra(t.pdfLoaderOptions), this.currentViewMode = t.viewMode ?? "scroll", t.fields && (this.fields = [...t.fields]), this.zoomHandler = new an({
       container: this.container,
@@ -18235,6 +18290,11 @@ class pa {
       this.handleFieldDrop(e.fieldId, e.clientX, e.clientY, e.elementX, e.elementY);
     }), this.eventBus.on("field:ui:resize", (e) => {
       this.updateField(e.fieldId, e.updates);
+    }), this.eventBus.on("field:focus", (e) => {
+      this.selectField(e.fieldId);
+    }), this.container.addEventListener("mousedown", (e) => {
+      const s = e.target;
+      s.closest(".sc-signature-field") || s.closest(".sc-resize-handle") || s.closest(".sc-delete-btn") || this.selectField(null);
     });
   }
   async load(t) {
@@ -18261,7 +18321,7 @@ class pa {
         this.strategy.destroy();
         return;
       }
-      this.fields.length > 0 && this.strategy.setFields(this.fields);
+      this.fields.length > 0 && this.strategy.setFields(this.fields), this.selectedFieldId && this.strategy.selectField(this.selectedFieldId);
     }
   }
   createStrategy(t) {
@@ -18330,7 +18390,7 @@ class pa {
       throw new Error("PDF document not loaded");
     if (!this.strategy)
       throw new Error("PDF viewer not ready. Please wait for PDF to fully load.");
-    if (this.readyPromise && await this.readyPromise, t.pageNumber < 1 || t.pageNumber > this.pdfDocument.numPages)
+    if (this.readyPromise && await this.readyPromise, typeof t.pageNumber != "number" || isNaN(t.pageNumber) || t.pageNumber < 1 || t.pageNumber > this.pdfDocument.numPages)
       throw new Error(`Invalid page number: ${t.pageNumber}. Document has ${this.pdfDocument.numPages} pages.`);
     if (t.rect.width <= 0 || t.rect.height <= 0)
       throw new Error("Field width and height must be greater than 0");
@@ -18352,12 +18412,22 @@ class pa {
     this.fields.push(t), this.strategy?.setFields(this.fields), this.eventBus.emit("field:add", t), this.eventBus.emit("fields:change", this.fields);
   }
   removeField(t) {
-    this.fields = this.fields.filter((e) => e.id !== t), this.strategy?.setFields(this.fields), this.eventBus.emit("field:remove", { fieldId: t }), this.eventBus.emit("fields:change", this.fields);
+    this.selectedFieldId === t && this.selectField(null), this.fields = this.fields.filter((e) => e.id !== t), this.strategy?.setFields(this.fields), this.eventBus.emit("field:remove", { fieldId: t }), this.eventBus.emit("fields:change", this.fields);
   }
   updateField(t, e) {
     const s = this.fields.findIndex((i) => i.id === t);
     s !== -1 && (this.fields[s] = { ...this.fields[s], ...e }, this.strategy?.setFields(this.fields), this.eventBus.emit("field:update", { fieldId: t, updates: e }), this.eventBus.emit("fields:change", this.fields));
   }
+  selectField(t) {
+    if (this.selectedFieldId === t)
+      return;
+    this.selectedFieldId = t, this.strategy?.selectField(t);
+    let e = null;
+    t && (e = this.fields.find((s) => String(s.id) === String(t)) || null, e || console.warn(`[PdfSignControl] Selection warning: Field with ID "${t}" not found in local state. Available IDs:`, this.fields.map((s) => s.id))), this.eventBus.emit("field:selection-change", { field: e });
+  }
+  clearFields() {
+    this.selectField(null), this.fields = [], this.strategy?.setFields(this.fields), this.eventBus.emit("fields:change", this.fields);
+  }
   handleFieldDrop(t, e, s, i, n) {
     const r = this.fields.find((v) => v.id === t);
     if (!r) return;
@@ -18563,6 +18633,9 @@ class ga {
   updateField(t, e) {
     this.viewer.updateField(t, e);
   }
+  clearFields() {
+    this.viewer.clearFields();
+  }
   async print(t) {
     return this.viewer.print(t);
   }