@chialab/pdfjs-lib 1.0.0-alpha.19 → 1.0.0-alpha.20

package/dist/node/index.js

@@ -34,11 +34,12 @@ import {
   isValidFetchUrl,
   makeSerializable,
   noContextMenu,
+  parseRgbaColor,
   rgbToHex,
   setLayerDimensions,
   stopEvent,
   toDataUrl
-} from "./chunk-QCIN557M.js";
+} from "./chunk-3XZOTLLE.js";
 import {
   AbortException,
   AnnotationBorderStyleType,
@@ -377,13 +378,13 @@ var _ImageManager = class _ImageManager {
   async getFromUrl(url) {
     return __privateMethod(this, _ImageManager_instances, get_fn).call(this, url, url);
   }
-  async getFromBlob(id, blobPromise) {
+  async getFromBlob(id2, blobPromise) {
     const blob = await blobPromise;
-    return __privateMethod(this, _ImageManager_instances, get_fn).call(this, id, blob);
+    return __privateMethod(this, _ImageManager_instances, get_fn).call(this, id2, blob);
   }
-  async getFromId(id) {
+  async getFromId(id2) {
     __privateGet(this, _cache) || __privateSet(this, _cache, /* @__PURE__ */ new Map());
-    const data = __privateGet(this, _cache).get(id);
+    const data = __privateGet(this, _cache).get(id2);
     if (!data) {
       return null;
     }
@@ -401,9 +402,9 @@ var _ImageManager = class _ImageManager {
     }
     return this.getFromUrl(data.url);
   }
-  getFromCanvas(id, canvas) {
+  getFromCanvas(id2, canvas) {
     __privateGet(this, _cache) || __privateSet(this, _cache, /* @__PURE__ */ new Map());
-    let data = __privateGet(this, _cache).get(id);
+    let data = __privateGet(this, _cache).get(id2);
     if (data?.bitmap) {
       data.refCounter += 1;
       return data;
@@ -417,20 +418,20 @@ var _ImageManager = class _ImageManager {
       refCounter: 1,
       isSvg: false
     };
-    __privateGet(this, _cache).set(id, data);
+    __privateGet(this, _cache).set(id2, data);
     __privateGet(this, _cache).set(data.id, data);
     return data;
   }
-  getSvgUrl(id) {
-    const data = __privateGet(this, _cache).get(id);
+  getSvgUrl(id2) {
+    const data = __privateGet(this, _cache).get(id2);
     if (!data?.isSvg) {
       return null;
     }
     return data.svgUrl;
   }
-  deleteId(id) {
+  deleteId(id2) {
     __privateGet(this, _cache) || __privateSet(this, _cache, /* @__PURE__ */ new Map());
-    const data = __privateGet(this, _cache).get(id);
+    const data = __privateGet(this, _cache).get(id2);
     if (!data) {
       return;
     }
@@ -452,8 +453,8 @@ var _ImageManager = class _ImageManager {
   // We must take care of having the right manager because we can copy/paste
   // some images from other documents, hence it'd be a pity to use an id from an
   // other manager.
-  isValidId(id) {
-    return id.startsWith(`image_${__privateGet(this, _baseId)}_`);
+  isValidId(id2) {
+    return id2.startsWith(`image_${__privateGet(this, _baseId)}_`);
   }
 };
 _baseId = new WeakMap();
@@ -1662,8 +1663,8 @@ var _AnnotationEditorUIManager = class _AnnotationEditorUIManager {
    * @param {string} id
    * @returns {AnnotationEditor}
    */
-  getEditor(id) {
-    return __privateGet(this, _allEditors).get(id);
+  getEditor(id2) {
+    return __privateGet(this, _allEditors).get(id2);
   }
   /**
    * Add a new editor.
@@ -2160,10 +2161,10 @@ var _AnnotationEditorUIManager = class _AnnotationEditorUIManager {
     }
     return boxes.length === 0 ? null : boxes;
   }
-  addChangedExistingAnnotation({ annotationElementId, id }) {
+  addChangedExistingAnnotation({ annotationElementId, id: id2 }) {
     (__privateGet(this, _changedExistingAnnotations) || __privateSet(this, _changedExistingAnnotations, /* @__PURE__ */ new Map())).set(
       annotationElementId,
-      id
+      id2
     );
   }
   removeChangedExistingAnnotation({ annotationElementId }) {
@@ -5194,7 +5195,7 @@ function transformPath(commands, transform) {
     }
   });
 }
-function calculateBoundingBox(commands) {
+function getBBox(commands) {
   let minX = Number.POSITIVE_INFINITY;
   let minY = Number.POSITIVE_INFINITY;
   let maxX = Number.NEGATIVE_INFINITY;
@@ -6690,25 +6691,25 @@ var CachedCanvases = class {
     this.canvasFactory = canvasFactory;
     this.cache = /* @__PURE__ */ Object.create(null);
   }
-  getCanvas(id, width, height) {
+  getCanvas(id2, width, height) {
     let canvasEntry;
-    if (this.cache[id] !== void 0) {
-      canvasEntry = this.cache[id];
+    if (this.cache[id2] !== void 0) {
+      canvasEntry = this.cache[id2];
       this.canvasFactory.reset(canvasEntry, width, height);
     } else {
       canvasEntry = this.canvasFactory.create(width, height);
-      this.cache[id] = canvasEntry;
+      this.cache[id2] = canvasEntry;
     }
     return canvasEntry;
   }
-  delete(id) {
-    delete this.cache[id];
+  delete(id2) {
+    delete this.cache[id2];
   }
   clear() {
-    for (const id in this.cache) {
-      const canvasEntry = this.cache[id];
+    for (const id2 in this.cache) {
+      const canvasEntry = this.cache[id2];
       this.canvasFactory.destroy(canvasEntry);
-      delete this.cache[id];
+      delete this.cache[id2];
     }
   }
 };
@@ -8385,7 +8386,7 @@ var _CanvasGraphics = class _CanvasGraphics {
       this.compose(dirtyBox);
     }
   }
-  beginAnnotation(id, rect, transform, matrix, hasOwnCanvas) {
+  beginAnnotation(id2, rect, transform, matrix, hasOwnCanvas) {
     __privateMethod(this, _CanvasGraphics_instances, restoreInitialState_fn).call(this);
     resetCtxToDefault(this.ctx);
     this.ctx.save();
@@ -8417,7 +8418,7 @@ var _CanvasGraphics = class _CanvasGraphics {
           canvasHeight
         );
         const { canvas, context } = this.annotationCanvas;
-        this.annotationCanvasMap.set(id, canvas);
+        this.annotationCanvasMap.set(id2, canvas);
         this.annotationCanvas.savedCtx = this.ctx;
         this.ctx = context;
         this.ctx.save();
@@ -9059,45 +9060,45 @@ var OptionalContentConfig = class {
         return __privateMethod(this, _OptionalContentConfig_instances, evaluateVisibilityExpression_fn).call(this, group.expression);
       }
       if (!group.policy || group.policy === "AnyOn") {
-        for (const id of group.ids) {
-          if (!__privateGet(this, _groups).has(id)) {
-            warn(`Optional content group not found: ${id}`);
+        for (const id2 of group.ids) {
+          if (!__privateGet(this, _groups).has(id2)) {
+            warn(`Optional content group not found: ${id2}`);
             return true;
           }
-          if (__privateGet(this, _groups).get(id).visible) {
+          if (__privateGet(this, _groups).get(id2).visible) {
             return true;
           }
         }
         return false;
       } else if (group.policy === "AllOn") {
-        for (const id of group.ids) {
-          if (!__privateGet(this, _groups).has(id)) {
-            warn(`Optional content group not found: ${id}`);
+        for (const id2 of group.ids) {
+          if (!__privateGet(this, _groups).has(id2)) {
+            warn(`Optional content group not found: ${id2}`);
             return true;
           }
-          if (!__privateGet(this, _groups).get(id).visible) {
+          if (!__privateGet(this, _groups).get(id2).visible) {
             return false;
           }
         }
         return true;
       } else if (group.policy === "AnyOff") {
-        for (const id of group.ids) {
-          if (!__privateGet(this, _groups).has(id)) {
-            warn(`Optional content group not found: ${id}`);
+        for (const id2 of group.ids) {
+          if (!__privateGet(this, _groups).has(id2)) {
+            warn(`Optional content group not found: ${id2}`);
             return true;
           }
-          if (!__privateGet(this, _groups).get(id).visible) {
+          if (!__privateGet(this, _groups).get(id2).visible) {
             return true;
           }
         }
         return false;
       } else if (group.policy === "AllOff") {
-        for (const id of group.ids) {
-          if (!__privateGet(this, _groups).has(id)) {
-            warn(`Optional content group not found: ${id}`);
+        for (const id2 of group.ids) {
+          if (!__privateGet(this, _groups).has(id2)) {
+            warn(`Optional content group not found: ${id2}`);
             return true;
           }
-          if (__privateGet(this, _groups).get(id).visible) {
+          if (__privateGet(this, _groups).get(id2).visible) {
             return false;
           }
         }
@@ -9109,16 +9110,16 @@ var OptionalContentConfig = class {
     warn(`Unknown group type ${group.type}.`);
     return true;
   }
-  setVisibility(id, visible = true, preserveRB = true) {
-    const group = __privateGet(this, _groups).get(id);
+  setVisibility(id2, visible = true, preserveRB = true) {
+    const group = __privateGet(this, _groups).get(id2);
     if (!group) {
-      warn(`Optional content group not found: ${id}`);
+      warn(`Optional content group not found: ${id2}`);
       return;
     }
     if (preserveRB && visible && group.rbGroups.length) {
       for (const rbGroup of group.rbGroups) {
         for (const otherId of rbGroup) {
-          if (otherId !== id) {
+          if (otherId !== id2) {
             __privateGet(this, _groups).get(otherId)?._setVisible(INTERNAL, false, true);
           }
         }
@@ -9172,16 +9173,16 @@ var OptionalContentConfig = class {
     }
     return [...__privateGet(this, _groups).keys()];
   }
-  getGroup(id) {
-    return __privateGet(this, _groups).get(id) || null;
+  getGroup(id2) {
+    return __privateGet(this, _groups).get(id2) || null;
   }
   getHash() {
     if (__privateGet(this, _cachedGetHash) !== null) {
       return __privateGet(this, _cachedGetHash);
     }
     const hash = new MurmurHash3_64();
-    for (const [id, group] of __privateGet(this, _groups)) {
-      hash.update(`${id}:${group.visible}`);
+    for (const [id2, group] of __privateGet(this, _groups)) {
+      hash.update(`${id2}:${group.visible}`);
     }
     return __privateSet(this, _cachedGetHash, hash.hexdigest());
   }
@@ -11506,8 +11507,8 @@ var PDFDocumentProxy = class {
    *   information of the given named destination, or `null` when the named
    *   destination is not present in the PDF file.
    */
-  getDestination(id) {
-    return this._transport.getDestination(id);
+  getDestination(id2) {
+    return this._transport.getDestination(id2);
   }
   /**
    * @returns {Promise<Array<string> | null>} A promise that is resolved with
@@ -12484,10 +12485,10 @@ setupFakeWorker_fn = function() {
     }
     const port = new LoopbackPort();
     __privateSet(this, _port2, port);
-    const id = `fake${__privateWrapper(_PDFWorker, _fakeWorkerId)._++}`;
-    const workerHandler = new MessageHandler(id + "_worker", id, port);
+    const id2 = `fake${__privateWrapper(_PDFWorker, _fakeWorkerId)._++}`;
+    const workerHandler = new MessageHandler(id2 + "_worker", id2, port);
     WorkerMessageHandler.setup(workerHandler, port);
-    __privateSet(this, _messageHandler, new MessageHandler(id, id + "_worker", port));
+    __privateSet(this, _messageHandler, new MessageHandler(id2, id2 + "_worker", port));
     __privateMethod(this, _PDFWorker_instances, resolve_fn).call(this);
   }).catch((reason) => {
     __privateGet(this, _capability3).reject(
@@ -12818,11 +12819,11 @@ var WorkerTransport = class {
       const page = __privateGet(this, _pageCache).get(data.pageIndex);
       page._startRenderPage(data.transparency, data.cacheKey);
     });
-    messageHandler.on("commonobj", ([id, type, exportedData]) => {
+    messageHandler.on("commonobj", ([id2, type, exportedData]) => {
       if (this.destroyed) {
         return null;
       }
-      if (this.commonObjs.has(id)) {
+      if (this.commonObjs.has(id2)) {
         return null;
       }
       switch (type) {
@@ -12830,16 +12831,16 @@ var WorkerTransport = class {
           if ("error" in exportedData) {
             const exportedError = exportedData.error;
             warn(`Error during font loading: ${exportedError}`);
-            this.commonObjs.resolve(id, exportedError);
+            this.commonObjs.resolve(id2, exportedError);
             break;
           }
           const inspectFont = this._params.pdfBug && globalThis.FontInspector?.enabled ? (font2, url) => globalThis.FontInspector.fontAdded(font2, url) : null;
           const font = new FontFaceObject(exportedData, inspectFont);
-          this.fontLoader.bind(font).catch(() => messageHandler.sendWithPromise("FontFallback", { id })).finally(() => {
+          this.fontLoader.bind(font).catch(() => messageHandler.sendWithPromise("FontFallback", { id: id2 })).finally(() => {
             if (!font.fontExtraProperties && font.data) {
               font.data = null;
             }
-            this.commonObjs.resolve(id, font);
+            this.commonObjs.resolve(id2, font);
           });
           break;
         case "CopyLocalImage":
@@ -12853,7 +12854,7 @@ var WorkerTransport = class {
               if (!data.dataLen) {
                 return null;
               }
-              this.commonObjs.resolve(id, structuredClone(data));
+              this.commonObjs.resolve(id2, structuredClone(data));
               return data.dataLen;
             }
           }
@@ -12861,19 +12862,19 @@ var WorkerTransport = class {
         case "FontPath":
         case "Image":
         case "Pattern":
-          this.commonObjs.resolve(id, exportedData);
+          this.commonObjs.resolve(id2, exportedData);
           break;
         default:
           throw new Error(`Got unknown common object type ${type}`);
       }
       return null;
     });
-    messageHandler.on("obj", ([id, pageIndex, type, imageData]) => {
+    messageHandler.on("obj", ([id2, pageIndex, type, imageData]) => {
       if (this.destroyed) {
         return;
       }
       const pageProxy = __privateGet(this, _pageCache).get(pageIndex);
-      if (pageProxy.objs.has(id)) {
+      if (pageProxy.objs.has(id2)) {
         return;
       }
       if (pageProxy._intentStates.size === 0) {
@@ -12883,7 +12884,7 @@ var WorkerTransport = class {
       switch (type) {
         case "Image":
         case "Pattern":
-          pageProxy.objs.resolve(id, imageData);
+          pageProxy.objs.resolve(id2, imageData);
           break;
         default:
           throw new Error(`Got unknown object type ${type}`);
@@ -12993,12 +12994,12 @@ var WorkerTransport = class {
   getDestinations() {
     return this.messageHandler.sendWithPromise("GetDestinations", null);
   }
-  getDestination(id) {
-    if (typeof id !== "string") {
+  getDestination(id2) {
+    if (typeof id2 !== "string") {
       return Promise.reject(new Error("Invalid destination request."));
     }
     return this.messageHandler.sendWithPromise("GetDestination", {
-      id
+      id: id2
     });
   }
   getPageLabels() {
@@ -13373,8 +13374,8 @@ var DOMSVGFactory = class extends BaseSVGFactory {
 
 // src/pdf.js/src/display/xfa_layer.js
 var XfaLayer = class {
-  static setupStorage(html, id, element, storage, intent) {
-    const storedData = storage.getValue(id, { value: null });
+  static setupStorage(html, id2, element, storage, intent) {
+    const storedData = storage.getValue(id2, { value: null });
     switch (element.name) {
       case "textarea":
         if (storedData.value !== null) {
@@ -13384,7 +13385,7 @@ var XfaLayer = class {
           break;
         }
         html.addEventListener("input", (event) => {
-          storage.setValue(id, { value: event.target.value });
+          storage.setValue(id2, { value: event.target.value });
         });
         break;
       case "input":
@@ -13398,7 +13399,7 @@ var XfaLayer = class {
             break;
           }
           html.addEventListener("change", (event) => {
-            storage.setValue(id, {
+            storage.setValue(id2, {
               value: event.target.checked ? event.target.getAttribute("xfaOn") : event.target.getAttribute("xfaOff")
             });
           });
@@ -13410,7 +13411,7 @@ var XfaLayer = class {
             break;
           }
           html.addEventListener("input", (event) => {
-            storage.setValue(id, { value: event.target.value });
+            storage.setValue(id2, { value: event.target.value });
           });
         }
         break;
@@ -13428,7 +13429,7 @@ var XfaLayer = class {
         html.addEventListener("input", (event) => {
           const options = event.target.options;
           const value = options.selectedIndex === -1 ? "" : options[options.selectedIndex].value;
-          storage.setValue(id, { value });
+          storage.setValue(id2, { value });
         });
         break;
     }
@@ -13965,8 +13966,8 @@ var _AnnotationElement = class _AnnotationElement {
     const defs = svgFactory.createElement("defs");
     svg.append(defs);
     const clipPath = svgFactory.createElement("clipPath");
-    const id = `clippath_${this.data.id}`;
-    clipPath.setAttribute("id", id);
+    const id2 = `clippath_${this.data.id}`;
+    clipPath.setAttribute("id", id2);
     clipPath.setAttribute("clipPathUnits", "objectBoundingBox");
     defs.append(clipPath);
     for (let i = 2, ii = quadPoints.length; i < ii; i += 8) {
@@ -13993,7 +13994,7 @@ var _AnnotationElement = class _AnnotationElement {
       style.backgroundImage = svgBuffer.join("");
     }
     this.container.append(svg);
-    this.container.style.clipPath = `url(#${id})`;
+    this.container.style.clipPath = `url(#${id2})`;
   }
   /**
    * Create a popup for the annotation's HTML element. This is used for
@@ -14041,36 +14042,36 @@ var _AnnotationElement = class _AnnotationElement {
     if (this._fieldObjects) {
       const fieldObj = this._fieldObjects[name];
       if (fieldObj) {
-        for (const { page, id, exportValues } of fieldObj) {
+        for (const { page, id: id2, exportValues } of fieldObj) {
           if (page === -1) {
             continue;
           }
-          if (id === skipId) {
+          if (id2 === skipId) {
             continue;
           }
           const exportValue = typeof exportValues === "string" ? exportValues : null;
           const domElement = document.querySelector(
-            `[data-element-id="${id}"]`
+            `[data-element-id="${id2}"]`
           );
           if (domElement && !GetElementsByNameSet.has(domElement)) {
-            warn(`_getElementsByName - element not allowed: ${id}`);
+            warn(`_getElementsByName - element not allowed: ${id2}`);
             continue;
           }
-          fields.push({ id, exportValue, domElement });
+          fields.push({ id: id2, exportValue, domElement });
         }
       }
       return fields;
     }
     for (const domElement of document.getElementsByName(name)) {
       const { exportValue } = domElement;
-      const id = domElement.getAttribute("data-element-id");
-      if (id === skipId) {
+      const id2 = domElement.getAttribute("data-element-id");
+      if (id2 === skipId) {
         continue;
       }
       if (!GetElementsByNameSet.has(domElement)) {
         continue;
       }
-      fields.push({ id, exportValue, domElement });
+      fields.push({ id: id2, exportValue, domElement });
     }
     return fields;
   }
@@ -14308,8 +14309,8 @@ var LinkAnnotationElement = class extends AnnotationElement {
         const fieldIds = new Set(resetFormRefs);
         for (const fieldName of resetFormFields) {
           const fields = this._fieldObjects[fieldName] || [];
-          for (const { id } of fields) {
-            fieldIds.add(id);
+          for (const { id: id2 } of fields) {
+            fieldIds.add(id2);
           }
         }
         for (const fields of Object.values(this._fieldObjects)) {
@@ -14327,34 +14328,34 @@ var LinkAnnotationElement = class extends AnnotationElement {
       const storage = this.annotationStorage;
       const allIds = [];
       for (const field of allFields) {
-        const { id } = field;
-        allIds.push(id);
+        const { id: id2 } = field;
+        allIds.push(id2);
         switch (field.type) {
           case "text": {
             const value = field.defaultValue || "";
-            storage.setValue(id, { value });
+            storage.setValue(id2, { value });
             break;
           }
           case "checkbox":
           case "radiobutton": {
             const value = field.defaultValue === field.exportValues;
-            storage.setValue(id, { value });
+            storage.setValue(id2, { value });
             break;
           }
           case "combobox":
           case "listbox": {
             const value = field.defaultValue || "";
-            storage.setValue(id, { value });
+            storage.setValue(id2, { value });
             break;
           }
           default:
             continue;
         }
-        const domElement = document.querySelector(`[data-element-id="${id}"]`);
+        const domElement = document.querySelector(`[data-element-id="${id2}"]`);
         if (!domElement) {
           continue;
         } else if (!GetElementsByNameSet.has(domElement)) {
-          warn(`_bindResetFormAction - element not allowed: ${id}`);
+          warn(`_bindResetFormAction - element not allowed: ${id2}`);
           continue;
         }
         domElement.dispatchEvent(new Event("resetform"));
@@ -14581,15 +14582,15 @@ var TextWidgetAnnotationElement = class extends WidgetAnnotationElement {
   }
   render() {
     const storage = this.annotationStorage;
-    const id = this.data.id;
+    const id2 = this.data.id;
     this.container.classList.add("textWidgetAnnotation");
     let element = null;
     if (this.renderForms) {
-      const storedData = storage.getValue(id, {
+      const storedData = storage.getValue(id2, {
         value: this.data.fieldValue
       });
       let textContent = storedData.value || "";
-      const maxLen = storage.getValue(id, {
+      const maxLen = storage.getValue(id2, {
         charLimit: this.data.maxLen
       }).charLimit;
       if (maxLen && textContent.length > maxLen) {
@@ -14624,7 +14625,7 @@ var TextWidgetAnnotationElement = class extends WidgetAnnotationElement {
         element.hidden = true;
       }
       GetElementsByNameSet.add(element);
-      element.setAttribute("data-element-id", id);
+      element.setAttribute("data-element-id", id2);
       element.disabled = this.data.readOnly;
       element.name = this.data.fieldName;
       element.tabIndex = 0;
@@ -14637,7 +14638,7 @@ var TextWidgetAnnotationElement = class extends WidgetAnnotationElement {
         element.maxLength = maxLen;
       }
       element.addEventListener("input", (event) => {
-        storage.setValue(id, { value: event.target.value });
+        storage.setValue(id2, { value: event.target.value });
         this.setPropertyOnSiblings(
           element,
           "value",
@@ -14678,7 +14679,7 @@ var TextWidgetAnnotationElement = class extends WidgetAnnotationElement {
           const actions = {
             value(event) {
               elementData.userValue = event.detail.value ?? "";
-              storage.setValue(id, { value: elementData.userValue.toString() });
+              storage.setValue(id2, { value: elementData.userValue.toString() });
               event.target.value = elementData.userValue;
             },
             formattedValue(event) {
@@ -14687,7 +14688,7 @@ var TextWidgetAnnotationElement = class extends WidgetAnnotationElement {
               if (formattedValue !== null && formattedValue !== void 0 && event.target !== document.activeElement) {
                 event.target.value = formattedValue;
               }
-              storage.setValue(id, {
+              storage.setValue(id2, {
                 formattedValue
               });
             },
@@ -14708,11 +14709,11 @@ var TextWidgetAnnotationElement = class extends WidgetAnnotationElement {
               }
               value = value.slice(0, charLimit);
               target.value = elementData.userValue = value;
-              storage.setValue(id, { value });
+              storage.setValue(id2, { value });
               this.linkService.eventBus?.dispatch("dispatcheventinsandbox", {
                 source: this,
                 detail: {
-                  id,
+                  id: id2,
                   name: "Keystroke",
                   value,
                   willCommit: true,
@@ -14747,7 +14748,7 @@ var TextWidgetAnnotationElement = class extends WidgetAnnotationElement {
           this.linkService.eventBus?.dispatch("dispatcheventinsandbox", {
             source: this,
             detail: {
-              id,
+              id: id2,
               name: "Keystroke",
               value,
               willCommit: true,
@@ -14772,7 +14773,7 @@ var TextWidgetAnnotationElement = class extends WidgetAnnotationElement {
             this.linkService.eventBus?.dispatch("dispatcheventinsandbox", {
               source: this,
               detail: {
-                id,
+                id: id2,
                 name: "Keystroke",
                 value,
                 willCommit: true,
@@ -14821,7 +14822,7 @@ var TextWidgetAnnotationElement = class extends WidgetAnnotationElement {
             this.linkService.eventBus?.dispatch("dispatcheventinsandbox", {
               source: this,
               detail: {
-                id,
+                id: id2,
                 name: "Keystroke",
                 value,
                 change: data || "",
@@ -14883,18 +14884,18 @@ var CheckboxWidgetAnnotationElement = class extends WidgetAnnotationElement {
   render() {
     const storage = this.annotationStorage;
     const data = this.data;
-    const id = data.id;
-    let value = storage.getValue(id, {
+    const id2 = data.id;
+    let value = storage.getValue(id2, {
       value: data.exportValue === data.fieldValue
     }).value;
     if (typeof value === "string") {
       value = value !== "Off";
-      storage.setValue(id, { value });
+      storage.setValue(id2, { value });
     }
     this.container.classList.add("buttonWidgetAnnotation", "checkBox");
     const element = document.createElement("input");
     GetElementsByNameSet.add(element);
-    element.setAttribute("data-element-id", id);
+    element.setAttribute("data-element-id", id2);
     element.disabled = data.readOnly;
     this._setRequired(element, this.data.required);
     element.type = "checkbox";
@@ -14909,7 +14910,7 @@ var CheckboxWidgetAnnotationElement = class extends WidgetAnnotationElement {
       for (const checkbox of this._getElementsByName(
         name,
         /* skipId = */
-        id
+        id2
       )) {
         const curChecked = checked && checkbox.exportValue === data.exportValue;
         if (checkbox.domElement) {
@@ -14917,7 +14918,7 @@ var CheckboxWidgetAnnotationElement = class extends WidgetAnnotationElement {
         }
         storage.setValue(checkbox.id, { value: curChecked });
       }
-      storage.setValue(id, { value: checked });
+      storage.setValue(id2, { value: checked });
     });
     element.addEventListener("resetform", (event) => {
       const defaultValue = data.defaultFieldValue || "Off";
@@ -14928,7 +14929,7 @@ var CheckboxWidgetAnnotationElement = class extends WidgetAnnotationElement {
         const actions = {
           value(event) {
             event.target.checked = event.detail.value !== "Off";
-            storage.setValue(id, { value: event.target.checked });
+            storage.setValue(id2, { value: event.target.checked });
           }
         };
         this._dispatchEventFromSandbox(actions, jsEvent);
@@ -14963,26 +14964,26 @@ var RadioButtonWidgetAnnotationElement = class extends WidgetAnnotationElement {
     this.container.classList.add("buttonWidgetAnnotation", "radioButton");
     const storage = this.annotationStorage;
     const data = this.data;
-    const id = data.id;
-    let value = storage.getValue(id, {
+    const id2 = data.id;
+    let value = storage.getValue(id2, {
       value: data.fieldValue === data.buttonValue
     }).value;
     if (typeof value === "string") {
       value = value !== data.buttonValue;
-      storage.setValue(id, { value });
+      storage.setValue(id2, { value });
     }
     if (value) {
       for (const radio of this._getElementsByName(
         data.fieldName,
         /* skipId = */
-        id
+        id2
       )) {
         storage.setValue(radio.id, { value: false });
       }
     }
     const element = document.createElement("input");
     GetElementsByNameSet.add(element);
-    element.setAttribute("data-element-id", id);
+    element.setAttribute("data-element-id", id2);
     element.disabled = data.readOnly;
     this._setRequired(element, this.data.required);
     element.type = "radio";
@@ -14996,11 +14997,11 @@ var RadioButtonWidgetAnnotationElement = class extends WidgetAnnotationElement {
       for (const radio of this._getElementsByName(
         name,
         /* skipId = */
-        id
+        id2
       )) {
         storage.setValue(radio.id, { value: false });
       }
-      storage.setValue(id, { value: checked });
+      storage.setValue(id2, { value: checked });
     });
     element.addEventListener("resetform", (event) => {
       const defaultValue = data.defaultFieldValue;
@@ -15013,7 +15014,7 @@ var RadioButtonWidgetAnnotationElement = class extends WidgetAnnotationElement {
           value: (event) => {
             const checked = pdfButtonValue === event.detail.value;
             for (const radio of this._getElementsByName(event.target.name)) {
-              const curChecked = checked && radio.id === id;
+              const curChecked = checked && radio.id === id2;
               if (radio.domElement) {
                 radio.domElement.checked = curChecked;
               }
@@ -15069,13 +15070,13 @@ var ChoiceWidgetAnnotationElement = class extends WidgetAnnotationElement {
   render() {
     this.container.classList.add("choiceWidgetAnnotation");
     const storage = this.annotationStorage;
-    const id = this.data.id;
-    const storedData = storage.getValue(id, {
+    const id2 = this.data.id;
+    const storedData = storage.getValue(id2, {
       value: this.data.fieldValue
     });
     const selectElement = document.createElement("select");
     GetElementsByNameSet.add(selectElement);
-    selectElement.setAttribute("data-element-id", id);
+    selectElement.setAttribute("data-element-id", id2);
     selectElement.disabled = this.data.readOnly;
     this._setRequired(selectElement, this.data.required);
     selectElement.name = this.data.fieldName;
@@ -15146,7 +15147,7 @@ var ChoiceWidgetAnnotationElement = class extends WidgetAnnotationElement {
             for (const option of selectElement.options) {
               option.selected = values.has(option.value);
             }
-            storage.setValue(id, {
+            storage.setValue(id2, {
               value: getValue(
                 /* isExport */
                 true
@@ -15174,7 +15175,7 @@ var ChoiceWidgetAnnotationElement = class extends WidgetAnnotationElement {
                 options[0].selected = true;
               }
             }
-            storage.setValue(id, {
+            storage.setValue(id2, {
               value: getValue(
                 /* isExport */
                 true
@@ -15190,7 +15191,7 @@ var ChoiceWidgetAnnotationElement = class extends WidgetAnnotationElement {
             while (selectElement.length !== 0) {
               selectElement.remove(0);
             }
-            storage.setValue(id, { value: null, items: [] });
+            storage.setValue(id2, { value: null, items: [] });
             selectedValues = getValue(
               /* isExport */
               false
@@ -15207,7 +15208,7 @@ var ChoiceWidgetAnnotationElement = class extends WidgetAnnotationElement {
             } else {
               selectElement.append(optionElement);
             }
-            storage.setValue(id, {
+            storage.setValue(id2, {
               value: getValue(
                 /* isExport */
                 true
@@ -15234,7 +15235,7 @@ var ChoiceWidgetAnnotationElement = class extends WidgetAnnotationElement {
             if (selectElement.options.length > 0) {
               selectElement.options[0].selected = true;
             }
-            storage.setValue(id, {
+            storage.setValue(id2, {
               value: getValue(
                 /* isExport */
                 true
@@ -15251,7 +15252,7 @@ var ChoiceWidgetAnnotationElement = class extends WidgetAnnotationElement {
             for (const option of event.target.options) {
               option.selected = indices.has(option.index);
             }
-            storage.setValue(id, {
+            storage.setValue(id2, {
               value: getValue(
                 /* isExport */
                 true
@@ -15277,12 +15278,12 @@ var ChoiceWidgetAnnotationElement = class extends WidgetAnnotationElement {
           /* isExport */
           false
         );
-        storage.setValue(id, { value: exportValue });
+        storage.setValue(id2, { value: exportValue });
         event.preventDefault();
         this.linkService.eventBus?.dispatch("dispatcheventinsandbox", {
           source: this,
           detail: {
-            id,
+            id: id2,
             name: "Keystroke",
             value: selectedValues,
             change,
@@ -15310,7 +15311,7 @@ var ChoiceWidgetAnnotationElement = class extends WidgetAnnotationElement {
       );
     } else {
       selectElement.addEventListener("input", function(event) {
-        storage.setValue(id, { value: getValue(
+        storage.setValue(id2, { value: getValue(
           /* isExport */
           true
         ) });
@@ -15359,7 +15360,7 @@ var PopupAnnotationElement = class extends AnnotationElement {
     }
     this.container.setAttribute(
       "aria-controls",
-      elementIds.map((id) => `${AnnotationPrefix}${id}`).join(",")
+      elementIds.map((id2) => `${AnnotationPrefix}${id2}`).join(",")
     );
     return this.container;
   }
@@ -16341,8 +16342,8 @@ var _AnnotationLayer = class _AnnotationLayer {
   getEditableAnnotations() {
     return Array.from(__privateGet(this, _editableAnnotations).values());
   }
-  getEditableAnnotation(id) {
-    return __privateGet(this, _editableAnnotations).get(id);
+  getEditableAnnotation(id2) {
+    return __privateGet(this, _editableAnnotations).get(id2);
   }
   /**
    * @private
@@ -16367,9 +16368,9 @@ _annotationCanvasMap = new WeakMap();
 _editableAnnotations = new WeakMap();
 _structTreeLayer = new WeakMap();
 _AnnotationLayer_instances = new WeakSet();
-appendElement_fn = async function(element, id, popupElements) {
+appendElement_fn = async function(element, id2, popupElements) {
   const contentElement = element.firstChild || element;
-  const annotationId = contentElement.id = `${AnnotationPrefix}${id}`;
+  const annotationId = contentElement.id = `${AnnotationPrefix}${id2}`;
   const ariaAttributes = await __privateGet(this, _structTreeLayer)?.getAriaAttributes(annotationId);
   if (ariaAttributes) {
     for (const [key, value] of ariaAttributes) {
@@ -16394,8 +16395,8 @@ setAnnotationCanvasMap_fn = function() {
     return;
   }
   const layer = this.div;
-  for (const [id, canvas] of __privateGet(this, _annotationCanvasMap)) {
-    const element = layer.querySelector(`[data-annotation-id="${id}"]`);
+  for (const [id2, canvas] of __privateGet(this, _annotationCanvasMap)) {
+    const element = layer.querySelector(`[data-annotation-id="${id2}"]`);
     if (!element) {
       continue;
     }
@@ -16410,13 +16411,13 @@ setAnnotationCanvasMap_fn = function() {
     } else {
       firstChild.after(canvas);
     }
-    const editableAnnotation = __privateGet(this, _editableAnnotations).get(id);
+    const editableAnnotation = __privateGet(this, _editableAnnotations).get(id2);
     if (!editableAnnotation) {
       continue;
     }
     if (editableAnnotation._hasNoCanvas) {
       this._annotationEditorUIManager?.setMissingCanvas(
-        id,
+        id2,
         element.id,
         canvas
       );
@@ -16932,7 +16933,7 @@ var _FreeTextEditor = class _FreeTextEditor extends AnnotationEditor {
           defaultAppearanceData: { fontSize, fontColor },
           rect,
           rotation,
-          id,
+          id: id2,
           popupRef
         },
         textContent,
@@ -16953,8 +16954,8 @@ var _FreeTextEditor = class _FreeTextEditor extends AnnotationEditor {
         pageIndex: pageNumber - 1,
         rect: rect.slice(0),
         rotation,
-        annotationElementId: id,
-        id,
+        annotationElementId: id2,
+        id: id2,
         deleted: false,
         popupRef
       };
@@ -18761,7 +18762,7 @@ var _HighlightEditor = class _HighlightEditor extends AnnotationEditor {
     let initialData = null;
     if (data instanceof HighlightAnnotationElement) {
       const {
-        data: { quadPoints: quadPoints2, rect, rotation, id, color: color2, opacity: opacity2, popupRef },
+        data: { quadPoints: quadPoints2, rect, rotation, id: id2, color: color2, opacity: opacity2, popupRef },
         parent: {
           page: { pageNumber }
         }
@@ -18775,8 +18776,8 @@ var _HighlightEditor = class _HighlightEditor extends AnnotationEditor {
         pageIndex: pageNumber - 1,
         rect: rect.slice(0),
         rotation,
-        annotationElementId: id,
-        id,
+        annotationElementId: id2,
+        id: id2,
         deleted: false,
         popupRef
       };
@@ -18786,7 +18787,7 @@ var _HighlightEditor = class _HighlightEditor extends AnnotationEditor {
           inkLists: inkLists2,
           rect,
           rotation,
-          id,
+          id: id2,
           color: color2,
           borderStyle: { rawWidth: thickness },
           popupRef
@@ -18804,8 +18805,8 @@ var _HighlightEditor = class _HighlightEditor extends AnnotationEditor {
         pageIndex: pageNumber - 1,
         rect: rect.slice(0),
         rotation,
-        annotationElementId: id,
-        id,
+        annotationElementId: id2,
+        id: id2,
         deleted: false,
         popupRef
       };
@@ -18853,7 +18854,7 @@ var _HighlightEditor = class _HighlightEditor extends AnnotationEditor {
         point.y = pageHeight - (points[i + 1] - pageY);
         outliner.add(point);
       }
-      const { id, clipPathId } = parent.drawLayer.draw(
+      const { id: id2, clipPathId } = parent.drawLayer.draw(
         {
           bbox: [0, 0, 1, 1],
           root: {
@@ -18876,7 +18877,7 @@ var _HighlightEditor = class _HighlightEditor extends AnnotationEditor {
       );
       __privateMethod(_c = editor, _HighlightEditor_instances, createFreeOutlines_fn).call(_c, {
         highlightOutlines: outliner.getOutlines(),
-        highlightId: id,
+        highlightId: id2,
         clipPathId
       });
       __privateMethod(_d = editor, _HighlightEditor_instances, addToDrawLayer_fn).call(_d);
@@ -19931,7 +19932,7 @@ createDrawOutlines_fn = function({ drawOutlines, drawId, drawingOptions }) {
   __privateMethod(this, _DrawingEditor_instances, updateBbox_fn).call(this, drawOutlines.box);
 };
 createDrawing_fn = function(drawOutlines, parent) {
-  const { id } = parent.drawLayer.draw(
+  const { id: id2 } = parent.drawLayer.draw(
     _DrawingEditor._mergeSVGProperties(
       this._drawingOptions.toSVGProperties(),
       drawOutlines.defaultSVGProperties
@@ -19941,7 +19942,7 @@ createDrawing_fn = function(drawOutlines, parent) {
     /* hasClip = */
     false
   );
-  return id;
+  return id2;
 };
 cleanDrawLayer_fn2 = function() {
   if (this._drawId === null || !this.parent) {
@@ -20925,7 +20926,7 @@ var _InkEditor = class _InkEditor extends DrawingEditor {
           inkLists,
           rect,
           rotation,
-          id,
+          id: id2,
           color,
           opacity,
           borderStyle: { rawWidth: thickness },
@@ -20945,8 +20946,8 @@ var _InkEditor = class _InkEditor extends DrawingEditor {
         pageIndex: pageNumber - 1,
         rect: rect.slice(0),
         rotation,
-        annotationElementId: id,
-        id,
+        annotationElementId: id2,
+        id: id2,
         deleted: false,
         popupRef
       };
@@ -21343,9 +21344,9 @@ neighborIndexToId_fn = function(i0, j0, i, j) {
 };
 _neighborIdToIndex = new WeakMap();
 clockwiseNonZero_fn = function(buf, width, i0, j0, i, j, offset) {
-  const id = __privateMethod(this, _SignatureExtractor_static, neighborIndexToId_fn).call(this, i0, j0, i, j);
+  const id2 = __privateMethod(this, _SignatureExtractor_static, neighborIndexToId_fn).call(this, i0, j0, i, j);
   for (let k = 0; k < 8; k++) {
-    const kk = (-k + id - offset + 16) % 8;
+    const kk = (-k + id2 - offset + 16) % 8;
     const shiftI = __privateGet(this, _neighborIdToIndex)[2 * kk];
     const shiftJ = __privateGet(this, _neighborIdToIndex)[2 * kk + 1];
     if (buf[(i0 + shiftI) * width + (j0 + shiftJ)] !== 0) {
@@ -21355,9 +21356,9 @@ clockwiseNonZero_fn = function(buf, width, i0, j0, i, j, offset) {
   return -1;
 };
 counterClockwiseNonZero_fn = function(buf, width, i0, j0, i, j, offset) {
-  const id = __privateMethod(this, _SignatureExtractor_static, neighborIndexToId_fn).call(this, i0, j0, i, j);
+  const id2 = __privateMethod(this, _SignatureExtractor_static, neighborIndexToId_fn).call(this, i0, j0, i, j);
   for (let k = 0; k < 8; k++) {
-    const kk = (k + id + offset + 16) % 8;
+    const kk = (k + id2 + offset + 16) % 8;
     const shiftI = __privateGet(this, _neighborIdToIndex)[2 * kk];
     const shiftJ = __privateGet(this, _neighborIdToIndex)[2 * kk + 1];
     if (buf[(i0 + shiftI) * width + (j0 + shiftJ)] !== 0) {
@@ -22381,7 +22382,7 @@ var StampEditor = class extends AnnotationEditor {
     let missingCanvas = false;
     if (data instanceof StampAnnotationElement) {
       const {
-        data: { rect: rect2, rotation, id, structParent, popupRef },
+        data: { rect: rect2, rotation, id: id2, structParent, popupRef },
         container,
         parent: {
           page: { pageNumber }
@@ -22400,7 +22401,7 @@ var StampEditor = class extends AnnotationEditor {
         missingCanvas = true;
         data._hasNoCanvas = true;
       }
-      const altText = (await parent._structTree.getAriaAttributes(`${AnnotationPrefix}${id}`))?.get("aria-label") || "";
+      const altText = (await parent._structTree.getAriaAttributes(`${AnnotationPrefix}${id2}`))?.get("aria-label") || "";
       initialData = data = {
         annotationType: AnnotationEditorType.STAMP,
         bitmapId: bitmapId2,
@@ -22408,8 +22409,8 @@ var StampEditor = class extends AnnotationEditor {
         pageIndex: pageNumber - 1,
         rect: rect2.slice(0),
         rotation,
-        annotationElementId: id,
-        id,
+        annotationElementId: id2,
+        id: id2,
         deleted: false,
         accessibilityData: {
           decorative: false,
@@ -23014,18 +23015,18 @@ var _AnnotationEditorLayer = class _AnnotationEditorLayer {
           if (!this.div.contains(elements[0])) {
             return;
           }
-          let id;
+          let id2;
           const regex = new RegExp(`^${AnnotationEditorPrefix}[0-9]+$`);
           for (const element of elements) {
             if (regex.test(element.id)) {
-              id = element.id;
+              id2 = element.id;
               break;
             }
           }
-          if (!id) {
+          if (!id2) {
             return;
           }
-          const editor = __privateGet(this, _editors).get(id);
+          const editor = __privateGet(this, _editors).get(id2);
           if (editor?.annotationElementId === null) {
             e.stopPropagation();
             e.preventDefault();
@@ -23054,18 +23055,18 @@ var _AnnotationEditorLayer = class _AnnotationEditorLayer {
     if (__privateGet(this, _annotationLayer)) {
       const editables = __privateGet(this, _annotationLayer).getEditableAnnotations();
       for (const editable of editables) {
-        const { id } = editable.data;
-        if (__privateGet(this, _uiManager3).isDeletedAnnotationElement(id)) {
+        const { id: id2 } = editable.data;
+        if (__privateGet(this, _uiManager3).isDeletedAnnotationElement(id2)) {
           continue;
         }
-        let editor = resetAnnotations.get(id);
+        let editor = resetAnnotations.get(id2);
         if (editor) {
           editor.resetAnnotationElement(editable);
           editor.show(false);
           editable.show();
           continue;
         }
-        editor = changedAnnotations.get(id);
+        editor = changedAnnotations.get(id2);
         if (editor) {
           __privateGet(this, _uiManager3).addChangedExistingAnnotation(editor);
           if (editor.renderAnnotationElement(editable)) {
@@ -23087,8 +23088,8 @@ var _AnnotationEditorLayer = class _AnnotationEditorLayer {
     this.toggleAnnotationLayerPointerEvents(true);
     __privateSet(this, _isDisabling, false);
   }
-  getEditableAnnotation(id) {
-    return __privateGet(this, _annotationLayer)?.getEditableAnnotation(id) || null;
+  getEditableAnnotation(id2) {
+    return __privateGet(this, _annotationLayer)?.getEditableAnnotation(id2) || null;
   }
   /**
    * Set the current editor.
@@ -23286,10 +23287,10 @@ var _AnnotationEditorLayer = class _AnnotationEditorLayer {
     this.updateToolbar(options);
     await __privateGet(this, _uiManager3).updateMode(options.mode);
     const { offsetX, offsetY } = __privateMethod(this, _AnnotationEditorLayer_instances, getCenterPoint_fn).call(this);
-    const id = this.getNextId();
+    const id2 = this.getNextId();
     const editor = __privateMethod(this, _AnnotationEditorLayer_instances, createNewEditor_fn).call(this, {
       parent: this,
-      id,
+      id: id2,
       x: offsetX,
       y: offsetY,
       uiManager: __privateGet(this, _uiManager3),
@@ -23316,10 +23317,10 @@ var _AnnotationEditorLayer = class _AnnotationEditorLayer {
    * @returns {AnnotationEditor}
    */
   createAndAddNewEditor(event, isCentered, data = {}) {
-    const id = this.getNextId();
+    const id2 = this.getNextId();
     const editor = __privateMethod(this, _AnnotationEditorLayer_instances, createNewEditor_fn).call(this, {
       parent: this,
-      id,
+      id: id2,
       x: event.offsetX,
       y: event.offsetY,
       uiManager: __privateGet(this, _uiManager3),
@@ -23686,41 +23687,41 @@ var _DrawLayer = class _DrawLayer {
     return shadow(this, "_svgFactory", new DOMSVGFactory());
   }
   draw(properties, isPathUpdatable = false, hasClip = false) {
-    const id = __privateWrapper(_DrawLayer, _id4)._++;
+    const id2 = __privateWrapper(_DrawLayer, _id4)._++;
     const root = __privateMethod(this, _DrawLayer_instances, createSVG_fn).call(this);
     const defs = _DrawLayer._svgFactory.createElement("defs");
     root.append(defs);
     const path = _DrawLayer._svgFactory.createElement("path");
     defs.append(path);
-    const pathId = `path_p${this.pageIndex}_${id}`;
+    const pathId = `path_p${this.pageIndex}_${id2}`;
     path.setAttribute("id", pathId);
     path.setAttribute("vector-effect", "non-scaling-stroke");
     if (isPathUpdatable) {
-      __privateGet(this, _toUpdate).set(id, path);
+      __privateGet(this, _toUpdate).set(id2, path);
     }
     const clipPathId = hasClip ? __privateMethod(this, _DrawLayer_instances, createClipPath_fn).call(this, defs, pathId) : null;
     const use = _DrawLayer._svgFactory.createElement("use");
     root.append(use);
     use.setAttribute("href", `#${pathId}`);
     this.updateProperties(root, properties);
-    __privateGet(this, _mapping).set(id, root);
-    return { id, clipPathId: `url(#${clipPathId})` };
+    __privateGet(this, _mapping).set(id2, root);
+    return { id: id2, clipPathId: `url(#${clipPathId})` };
   }
   drawOutline(properties, mustRemoveSelfIntersections) {
-    const id = __privateWrapper(_DrawLayer, _id4)._++;
+    const id2 = __privateWrapper(_DrawLayer, _id4)._++;
     const root = __privateMethod(this, _DrawLayer_instances, createSVG_fn).call(this);
     const defs = _DrawLayer._svgFactory.createElement("defs");
     root.append(defs);
     const path = _DrawLayer._svgFactory.createElement("path");
     defs.append(path);
-    const pathId = `path_p${this.pageIndex}_${id}`;
+    const pathId = `path_p${this.pageIndex}_${id2}`;
     path.setAttribute("id", pathId);
     path.setAttribute("vector-effect", "non-scaling-stroke");
     let maskId;
     if (mustRemoveSelfIntersections) {
       const mask = _DrawLayer._svgFactory.createElement("mask");
       defs.append(mask);
-      maskId = `mask_p${this.pageIndex}_${id}`;
+      maskId = `mask_p${this.pageIndex}_${id2}`;
       mask.setAttribute("id", maskId);
       mask.setAttribute("maskUnits", "objectBoundingBox");
       const rect = _DrawLayer._svgFactory.createElement("rect");
@@ -23747,12 +23748,12 @@ var _DrawLayer = class _DrawLayer {
     use1.classList.add("mainOutline");
     use2.classList.add("secondaryOutline");
     this.updateProperties(root, properties);
-    __privateGet(this, _mapping).set(id, root);
-    return id;
+    __privateGet(this, _mapping).set(id2, root);
+    return id2;
   }
-  finalizeDraw(id, properties) {
-    __privateGet(this, _toUpdate).delete(id);
-    this.updateProperties(id, properties);
+  finalizeDraw(id2, properties) {
+    __privateGet(this, _toUpdate).delete(id2);
+    this.updateProperties(id2, properties);
   }
   updateProperties(elementOrId, properties) {
     var _a2;
@@ -23782,25 +23783,25 @@ var _DrawLayer = class _DrawLayer {
       __privateMethod(this, _DrawLayer_instances, updateProperties_fn).call(this, pathElement, path);
     }
   }
-  updateParent(id, layer) {
+  updateParent(id2, layer) {
     if (layer === this) {
       return;
     }
-    const root = __privateGet(this, _mapping).get(id);
+    const root = __privateGet(this, _mapping).get(id2);
     if (!root) {
       return;
     }
     __privateGet(layer, _parent2).append(root);
-    __privateGet(this, _mapping).delete(id);
-    __privateGet(layer, _mapping).set(id, root);
+    __privateGet(this, _mapping).delete(id2);
+    __privateGet(layer, _mapping).set(id2, root);
   }
-  remove(id) {
-    __privateGet(this, _toUpdate).delete(id);
+  remove(id2) {
+    __privateGet(this, _toUpdate).delete(id2);
     if (__privateGet(this, _parent2) === null) {
       return;
     }
-    __privateGet(this, _mapping).get(id).remove();
-    __privateGet(this, _mapping).delete(id);
+    __privateGet(this, _mapping).get(id2).remove();
+    __privateGet(this, _mapping).delete(id2);
   }
   destroy() {
     __privateSet(this, _parent2, null);
@@ -23949,15 +23950,93 @@ var AnnotationOperatorsList = class {
    * @param id The id of the annotation.
    * @return The list of operators for the given annotation id.
    */
-  get(id) {
-    return this.map.get(id) ?? [];
+  get(id2) {
+    return this.map.get(id2) ?? [];
   }
 };
 
-// src/lib/SvgCanvasContext.ts
-function parseTransformMatrix(transformString) {
-  const values = transformString.match(/matrix\(([^)]+)\)/)?.[1].split(",").map(Number);
-  return new DOMMatrix(values);
+// src/lib/Svg.ts
+function isSvgElement(node) {
+  return "children" in node;
+}
+function isSvgPath(node) {
+  return node.tag === "path";
+}
+function isSvgImage(node) {
+  return node.tag === "image";
+}
+function isSvgMarkedContent(node) {
+  return node.tag === "use" && "type" in node.attrs;
+}
+function isSvgRoot(node) {
+  return node.tag === "svg";
+}
+function id(type, id2 = null, scope) {
+  return [type, scope, id2 ?? crypto.randomUUID()].filter(Boolean).join("_");
+}
+function findSvgNode(root, matcher) {
+  for (const child of root.children) {
+    if (typeof child === "string") {
+      continue;
+    }
+    if (matcher(child)) {
+      return child;
+    }
+    if (isSvgElement(child)) {
+      const result = findSvgNode(child, matcher);
+      if (result) {
+        return result;
+      }
+    }
+  }
+  return null;
+}
+function parseNumberList(input) {
+  return input.trim().replace(/[\s,]+/g, " ").split(" ").filter(Boolean).map(Number);
+}
+function parseTransform(input) {
+  if (!input) {
+    return new DOMMatrix();
+  }
+  const result = new DOMMatrix();
+  const regex = /([a-zA-Z]+)\s*\(([^)]*)\)/g;
+  let match = regex.exec(input);
+  while (match) {
+    const k = match[1];
+    const nums = parseNumberList(match[2]);
+    let t = new DOMMatrix();
+    switch (k) {
+      case "matrix":
+        if (nums.length >= 6) {
+          t = new DOMMatrix(nums);
+        }
+        break;
+      case "translate":
+        t = new DOMMatrix().translate(nums[0] || 0, nums[1] || 0);
+        break;
+      case "scale":
+        t = new DOMMatrix().scale(nums[0] ?? 1, nums[1] ?? nums[0] ?? 1);
+        break;
+      case "rotate": {
+        const angle = (nums[0] || 0) * Math.PI / 180;
+        if (nums.length >= 3) {
+          t = new DOMMatrix().translate(nums[1], nums[2]).rotate(angle).translate(-nums[1], -nums[2]);
+        } else {
+          t = new DOMMatrix().rotate(angle);
+        }
+        break;
+      }
+      case "skewX":
+        t = new DOMMatrix().skewX((nums[0] || 0) * Math.PI / 180);
+        break;
+      case "skewY":
+        t = new DOMMatrix().skewY((nums[0] || 0) * Math.PI / 180);
+        break;
+    }
+    result.multiplySelf(t);
+    match = regex.exec(input);
+  }
+  return result;
 }
 function matrixToTransform(matrix) {
   return `matrix(${matrix.a}, ${matrix.b}, ${matrix.c}, ${matrix.d}, ${matrix.e}, ${matrix.f})`;
@@ -23984,20 +24063,6 @@ function parseFontStyle(fontString) {
     fontFamilies: match.groups?.family ? match.groups.family.split(",").map((entry) => entry.trim().replace(/^"/, "").replace(/"$/, "")) : ["serif"]
   };
 }
-function parseRGBAColor(color) {
-  const match = color.match(
-    /^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)$/
-  );
-  if (!match) {
-    return { r: 0, g: 0, b: 0, a: 1 };
-  }
-  return {
-    r: Number.parseInt(match[1], 10),
-    g: Number.parseInt(match[2], 10),
-    b: Number.parseInt(match[3], 10),
-    a: match[4] ? Number.parseFloat(match[4]) : 1
-  };
-}
 function getTextAnchor(textAlign) {
   switch (textAlign) {
     case "left":
@@ -24032,6 +24097,195 @@ function getAngle(vector) {
   }
   return -Math.acos(vector[0]);
 }
+function sampleEllipse(cx, cy, rx, ry, steps) {
+  const pts = [];
+  for (let i = 0; i < steps; i++) {
+    const t = i / steps * 2 * Math.PI;
+    pts.push({ x: cx + rx * Math.cos(t), y: cy + ry * Math.sin(t) });
+  }
+  pts.push({ x: cx + rx, y: cy });
+  return pts;
+}
+function outlinePoints(node, defs = [], inheritedMatrix = new DOMMatrix()) {
+  const transformMatrix = node.attrs.transform ? inheritedMatrix.multiply(parseTransform(node.attrs.transform)) : inheritedMatrix;
+  const points = [];
+  const addPoint = (p) => {
+    const tp = transformMatrix.transformPoint(new DOMPoint(p.x, p.y));
+    points.push({
+      x: tp.x,
+      y: tp.y
+    });
+  };
+  switch (node.tag) {
+    case "image":
+    case "rect": {
+      const x = node.attrs.x || 0;
+      const y = node.attrs.y || 0;
+      const w = node.attrs.width || 0;
+      const h = node.attrs.height || 0;
+      addPoint({ x, y });
+      addPoint({ x: x + w, y });
+      addPoint({ x: x + w, y: y + h });
+      addPoint({ x, y: y + h });
+      break;
+    }
+    case "line": {
+      addPoint({
+        x: node.attrs.x1 || 0,
+        y: node.attrs.y1 || 0
+      });
+      addPoint({
+        x: node.attrs.x2 || 0,
+        y: node.attrs.y2 || 0
+      });
+      break;
+    }
+    case "polyline":
+    case "polygon": {
+      const raw = parseNumberList(node.attrs.points || "");
+      for (let i = 0; i + 1 < raw.length; i += 2) {
+        addPoint({ x: raw[i], y: raw[i + 1] });
+      }
+      break;
+    }
+    case "circle": {
+      const cx = node.attrs.cx || 0;
+      const cy = node.attrs.cy || 0;
+      const r = node.attrs.r || 0;
+      for (const p of sampleEllipse(
+        cx,
+        cy,
+        r,
+        r,
+        Math.max(12, Math.ceil(r / 2))
+      )) {
+        addPoint(p);
+      }
+      break;
+    }
+    case "ellipse": {
+      const cx = node.attrs.cx || 0;
+      const cy = node.attrs.cy || 0;
+      const rx = node.attrs.rx || 0;
+      const ry = node.attrs.ry || 0;
+      for (const p of sampleEllipse(
+        cx,
+        cy,
+        rx,
+        ry,
+        Math.max(12, Math.ceil(Math.max(rx, ry) / 2))
+      )) {
+        addPoint(p);
+      }
+      break;
+    }
+    case "path": {
+      const bbox = getBBox(parseCommands(node.attrs.d || ""));
+      addPoint({ x: bbox.x, y: bbox.y });
+      addPoint({ x: bbox.x, y: bbox.y + bbox.height });
+      addPoint({ x: bbox.x + bbox.width, y: bbox.y });
+      addPoint({ x: bbox.x + bbox.width, y: bbox.y + bbox.height });
+      break;
+    }
+    case "g": {
+      const boxes = (node.children || []).filter((child) => typeof child === "object").map((child) => getBBox2(child, defs, transformMatrix)).filter(Boolean);
+      if (!boxes.length) {
+        return [];
+      }
+      const x1 = Math.min(...boxes.map((b) => b.x));
+      const y1 = Math.min(...boxes.map((b) => b.y));
+      const x2 = Math.max(...boxes.map((b) => b.x + b.width));
+      const y2 = Math.max(...boxes.map((b) => b.y + b.height));
+      addPoint({ x: x1, y: y1 });
+      addPoint({ x: x2, y: y1 });
+      addPoint({ x: x2, y: y2 });
+      addPoint({ x: x1, y: y2 });
+      break;
+    }
+    case "use": {
+      const href = node.attrs.href;
+      if (!href) {
+        break;
+      }
+      const id2 = href.substring(1);
+      const def = defs.find(
+        (d) => typeof d.attrs.id === "string" && d.attrs.id === id2
+      );
+      if (!def) {
+        break;
+      }
+      points.push(...outlinePoints(def, defs, transformMatrix));
+      break;
+    }
+  }
+  return points;
+}
+function getBBox2(node, defs = [], inheritedMatrix = new DOMMatrix()) {
+  const points = outlinePoints(node, defs, inheritedMatrix);
+  if (!points || !points.length) {
+    return null;
+  }
+  let minX = Number.POSITIVE_INFINITY;
+  let minY = Number.POSITIVE_INFINITY;
+  let maxX = Number.NEGATIVE_INFINITY;
+  let maxY = Number.NEGATIVE_INFINITY;
+  for (const p of points) {
+    minX = Math.min(minX, p.x);
+    minY = Math.min(minY, p.y);
+    maxX = Math.max(maxX, p.x);
+    maxY = Math.max(maxY, p.y);
+  }
+  if (minX === Number.POSITIVE_INFINITY) {
+    return null;
+  }
+  return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };
+}
+function renderAttributes(attrs) {
+  const result = Object.entries(attrs).filter(([, value]) => value != null).map(([key, value]) => `${key}="${value}"`).join(" ");
+  if (result.length) {
+    return ` ${result}`;
+  }
+  return "";
+}
+function renderChildren(children) {
+  return children.map((child) => renderSvgNode(child)).join("");
+}
+function renderSvgNode(node) {
+  if (typeof node === "string") {
+    return node;
+  }
+  if (isSvgRoot(node)) {
+    return `<svg${renderAttributes({
+      xmlns: "http://www.w3.org/2000/svg",
+      version: "1.1",
+      width: `${node.attrs.width}`,
+      height: `${node.attrs.height}`,
+      viewBox: `0 0 ${node.attrs.width} ${node.attrs.height}`,
+      preserveAspectRatio: "none",
+      xmlSpace: "preserve"
+    })}>${renderChildren(node.children)}</svg>`;
+  }
+  if (isSvgImage(node)) {
+    return `<image${renderAttributes({
+      href: node.attrs.href,
+      width: `${node.attrs.width}`,
+      height: `${node.attrs.height}`,
+      transform: node.attrs.transform,
+      preserveAspectRatio: "none"
+    })} />`;
+  }
+  if (isSvgMarkedContent(node)) {
+    return `<use${renderAttributes({
+      href: node.attrs.href
+    })} />`;
+  }
+  if (isSvgElement(node)) {
+    return `<${node.tag}${renderAttributes(node.attrs)}>${renderChildren(node.children)}</${node.tag}>`;
+  }
+  return `<${node.tag}${renderAttributes(node.attrs)} />`;
+}
+
+// src/lib/SvgCanvasContext.ts
 function isCanvas(img) {
   return "toDataURL" in img;
 }
@@ -24088,12 +24342,6 @@ var SvgRadialGradient = class {
     this.stops.push({ offset, color });
   }
 };
-function isSvgElement(node) {
-  return "children" in node;
-}
-function isSvgText(node) {
-  return "text" in node;
-}
 var SvgCanvasContext = class {
   constructor(width, height, canvas) {
     __publicField(this, "_width");
@@ -24123,13 +24371,16 @@ var SvgCanvasContext = class {
     });
     __publicField(this, "_styleStack", []);
     __publicField(this, "_groupStack", []);
+    __publicField(this, "_markedStack", []);
     __publicField(this, "_transformMatrixStack", []);
     __publicField(this, "_root");
     __publicField(this, "_defs");
     __publicField(this, "_currentGroup");
     __publicField(this, "_currentElement", null);
+    __publicField(this, "_currentMarked", null);
     __publicField(this, "_transformMatrix", new DOMMatrix([1, 0, 0, 1, 0, 0]));
     __publicField(this, "_currentPosition", {});
+    __publicField(this, "_parents", /* @__PURE__ */ new Map());
     this._width = width;
     this._height = height;
     this._canvas = canvas;
@@ -24138,13 +24389,9 @@ var SvgCanvasContext = class {
     this._root = {
       tag: "svg",
       attrs: {
-        version: "1.1",
-        xmlns: "http://www.w3.org/2000/svg",
-        width: `${width}`,
-        height: `${height}`,
-        viewBox: `0 0 ${width} ${height}`,
-        preserveAspectRatio: "none",
-        "xml:space": "preserve"
+        id: id("svg" /* Root */),
+        width,
+        height
       },
       children: []
     };
@@ -24154,7 +24401,7 @@ var SvgCanvasContext = class {
       children: []
     };
     this._currentGroup = this._root;
-    this._root.children.push(this._defs);
+    this._addNode(this._defs, this._root);
     this.resetTransform();
   }
   get canvas() {
@@ -24258,8 +24505,8 @@ var SvgCanvasContext = class {
     this._height = height;
     this._canvas.width = width;
     this._canvas.height = height;
-    this._root.attrs.width = `${width}`;
-    this._root.attrs.height = `${height}`;
+    this._root.attrs.width = width;
+    this._root.attrs.height = height;
   }
   save() {
     this._groupStack.push(this._currentGroup);
@@ -24267,34 +24514,22 @@ var SvgCanvasContext = class {
     this._styleStack.push(this._getStyleState());
     this._transformMatrixStack.push(this.getTransform());
   }
-  clearRect(x, y, width, height) {
-    if (x !== 0 || y !== 0 || this._width !== width || this._height !== height) {
-      throw new Error("clearRect is not supported in SVG");
-    }
-    this._clearCanvas();
-  }
   restore() {
-    if (this._groupStack.length) {
-      const group = this._groupStack.pop();
-      if (!this._isTransformationGroup(this._currentGroup)) {
-        group.children = group.children.filter(
-          (child) => child !== this._currentGroup
-        );
-        group.children.push(...this._currentGroup.children);
-      }
-      this._currentGroup = group;
-    } else {
-      this._currentGroup = this._root;
-    }
+    this._currentGroup = this._groupStack.pop() ?? this._root;
     if (this._styleStack.length) {
-      const state = this._styleStack.pop();
-      this._applyStyleState(state);
+      this._applyStyleState(this._styleStack.pop());
     }
     if (this._transformMatrixStack.length) {
       const { a, b, c, d, e, f } = this._transformMatrixStack.pop();
       this.setTransform(a, b, c, d, e, f);
     }
   }
+  clearRect(x, y, width, height) {
+    if (x !== 0 || y !== 0 || this._width !== width || this._height !== height) {
+      throw new Error("clearRect is not supported in SVG");
+    }
+    this._clearCanvas();
+  }
   beginPath() {
     this._currentPosition = {};
     this._currentElement = {
@@ -24468,19 +24703,18 @@ var SvgCanvasContext = class {
     if (path instanceof SvgPath2D) {
       const d = toCommands(path);
       if (d && d !== "Z") {
-        const parent = this._currentGroup;
         const pathElement = {
           tag: "path",
           attrs: {
             d,
             fill: "none",
             stroke: "none",
-            "stroke-width": "0"
+            "stroke-width": "1"
           }
         };
         this._applyTransformation(pathElement);
         this._applyStyle(pathElement, "stroke");
-        parent.children.push(pathElement);
+        this._addNode(pathElement);
       }
     } else if (this._currentElement) {
       this._applyStyle(this._currentElement, "stroke");
@@ -24503,7 +24737,6 @@ var SvgCanvasContext = class {
     if (path instanceof SvgPath2D) {
       const d = toCommands(path);
       if (d && d !== "Z") {
-        const parent = this._currentGroup;
         const pathElement = {
           tag: "path",
           attrs: {
@@ -24515,7 +24748,7 @@ var SvgCanvasContext = class {
         };
         this._applyTransformation(pathElement);
         this._applyStyle(pathElement, "fill");
-        parent.children.push(pathElement);
+        this._addNode(pathElement);
       }
     } else if (this._currentElement) {
       this._applyStyle(this._currentElement, "fill");
@@ -24529,19 +24762,18 @@ var SvgCanvasContext = class {
     if (a === 1 && b === 0 && c === 0 && d === 1 && e === 0 && f === 0 && x === 0 && y === 0 && width === this._width && height === this._height) {
       this._clearCanvas();
     }
-    const parent = this._currentGroup;
     const rect = {
       tag: "rect",
       attrs: {
-        x: `${x}`,
-        y: `${y}`,
-        width: `${width}`,
-        height: `${height}`
+        x,
+        y,
+        width,
+        height
       }
     };
-    parent.children.push(rect);
-    this._applyTransformation(rect);
     this._applyStyle(rect, "fill");
+    this._applyTransformation(rect);
+    this._addNode(rect);
   }
   getLineDash() {
     return this._currentStyle.lineDash;
@@ -24586,25 +24818,18 @@ var SvgCanvasContext = class {
     } else {
       throw new Error("Invalid number of arguments");
     }
-    const parent = this._currentGroup;
     const matrix = this._transformMatrix.translate(dx, dy);
+    const href = isCanvas(image) ? image.toDataURL() : isImage(image) ? image.src : "";
     const svgImage = {
       tag: "image",
       attrs: {
-        width: `${dw}`,
-        height: `${dh}`,
-        preserveAspectRatio: "none"
+        href,
+        width: dw,
+        height: dh
       }
     };
-    if (isCanvas(image)) {
-      svgImage.attrs.href = image.toDataURL();
-    } else if (isImage(image)) {
-      svgImage.attrs.href = image.src;
-    } else {
-      throw new Error("Unknown image source");
-    }
     this._applyTransformation(svgImage, matrix);
-    parent.children.push(svgImage);
+    this._addNode(svgImage);
   }
   createPattern(image, repetition) {
     let src;
@@ -24637,19 +24862,17 @@ var SvgCanvasContext = class {
     if (path instanceof SvgPath2D && path.commands.length === 0) {
       return;
     }
-    const id = `clip_${crypto.randomUUID()}`;
+    const clipId = id("clip" /* Clip */, null, this._root.attrs.id);
     const clipPath = {
       tag: "clipPath",
       attrs: {
-        id
+        id: clipId
       },
       children: []
     };
-    this._defs.children.push(clipPath);
-    const group = this._currentGroup;
-    const clipGroup = this._isTransformationGroup(group) ? this._ensureTransformationGroup() : group;
-    clipGroup.attrs["clip-path"] = `url(#${id})`;
-    this._currentGroup = clipGroup;
+    this._addNode(clipPath, this._defs);
+    const clipGroup = this._ensureTransformationGroup();
+    clipGroup.attrs["clip-path"] = `url(#${clipId})`;
     if (path instanceof SvgPath2D) {
       const pathElement = {
         tag: "path",
@@ -24658,13 +24881,11 @@ var SvgCanvasContext = class {
         }
       };
       this._applyTransformation(pathElement);
-      clipPath.children.push(pathElement);
+      this._addNode(pathElement, clipPath);
     } else if (this._currentElement) {
-      clipPath.children.push(this._currentElement);
-      group.children = group.children.filter(
-        (node) => node !== this._currentElement
-      );
+      this._addNode(this._currentElement, clipPath);
     }
+    this._currentGroup = clipGroup;
   }
   measureText(text) {
     if (!this._ctx) {
@@ -24681,18 +24902,115 @@ var SvgCanvasContext = class {
   setTransform(a, b, c, d, e, f) {
     this._transformMatrix = new DOMMatrix([a, b, c, d, e, f]);
   }
-  _isTransformationGroup(node) {
-    return node.tag === "g" && Object.keys(node.attrs).length > 0;
+  beginMarkedContent(type, props) {
+    if (this._currentMarked) {
+      this._markedStack.push(this._currentMarked);
+    }
+    let markedId = null;
+    if (props != null) {
+      if (typeof props === "number") {
+        markedId = `${props}`;
+      } else if (typeof props === "object" && typeof props.id === "number") {
+        markedId = `${props.id}`;
+      }
+    }
+    const computedId = id(
+      "marked_content" /* MarkedContent */,
+      markedId,
+      this._root.attrs.id
+    );
+    const markedNode = {
+      tag: "use",
+      attrs: {
+        href: `#${computedId}`,
+        type,
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0
+      }
+    };
+    const groupNode = {
+      tag: "g",
+      attrs: {
+        id: computedId
+      },
+      children: []
+    };
+    this._addNode(groupNode, this._defs);
+    this._currentMarked = {
+      node: markedNode,
+      group: groupNode,
+      elements: []
+    };
+  }
+  endMarkedContent() {
+    if (!this._currentMarked) {
+      return;
+    }
+    const bbox = getBBox2(
+      this._currentMarked.group,
+      this._defs.children
+    );
+    this._currentMarked.node.attrs = {
+      ...this._currentMarked.node.attrs,
+      x: bbox?.x ?? 0,
+      y: bbox?.y ?? 0,
+      width: bbox?.width ?? 0,
+      height: bbox?.height ?? 0
+    };
+    this._currentMarked = this._markedStack.pop() ?? null;
   }
   _ensureTransformationGroup() {
-    const group = this._currentGroup;
-    const newGroup = {
+    const group = {
       tag: "g",
       attrs: {},
       children: []
     };
-    group.children.push(newGroup);
-    return newGroup;
+    this._addNode(group);
+    return group;
+  }
+  _addNode(node, parent) {
+    const oldParent = this._parents.get(node);
+    if (oldParent) {
+      oldParent.children = oldParent.children.filter((child) => child !== node);
+    }
+    if (parent) {
+      parent.children.push(node);
+      this._parents.set(node, parent);
+      return;
+    }
+    if (!this._currentMarked) {
+      this._addNode(node, this._currentGroup);
+      return;
+    }
+    let group = this._currentGroup;
+    if (this._currentMarked.elements.length === 0) {
+      const markedStackToAdd = [this._currentMarked];
+      let i;
+      for (i = this._markedStack.length - 1; i >= 0; i--) {
+        if (this._markedStack[i].elements.length !== 0) {
+          break;
+        }
+        markedStackToAdd.unshift(this._markedStack[i]);
+      }
+      for (const marked of markedStackToAdd) {
+        const parentMarked = this._markedStack[++i - 1];
+        if (!parentMarked || parentMarked.elements.includes(group)) {
+          this._addNode(marked.node, group);
+        } else {
+          this._addNode(marked.node, parentMarked.group);
+        }
+        parentMarked?.elements.push(marked.node);
+        group = marked.group;
+      }
+    }
+    if (this._currentMarked.elements.includes(group)) {
+      this._addNode(node, group);
+    } else {
+      this._addNode(node, this._currentMarked.group);
+    }
+    this._currentMarked.elements.push(node);
   }
   _applyStyleState(styleState) {
     Object.assign(this._currentStyle, styleState);
@@ -24719,11 +25037,10 @@ var SvgCanvasContext = class {
     node.attrs.transform = matrixToTransform(matrix);
   }
   _createPatternNode(pattern, transform) {
-    const id = `pattern_${crypto.randomUUID()}`;
     return {
       tag: "pattern",
       attrs: {
-        id,
+        id: id("pattern" /* Pattern */, null, this._root.attrs.id),
         width: `${pattern.width}`,
         height: `${pattern.height}`,
         patternTransform: transform ? matrixToTransform(transform) : void 0,
@@ -24742,12 +25059,11 @@ var SvgCanvasContext = class {
     };
   }
   _createGradientNode(gradient) {
-    const id = `pattern_${crypto.randomUUID()}`;
     if (gradient instanceof SvgRadialGradient) {
       return {
         tag: "radialGradient",
         attrs: {
-          id,
+          id: id("pattern" /* Pattern */, null, this._root.attrs.id),
           cx: `${gradient.x1}`,
           cy: `${gradient.y1}`,
           r: `${gradient.r1}`,
@@ -24764,7 +25080,7 @@ var SvgCanvasContext = class {
             }
           };
           if (color.startsWith("rgba(")) {
-            const parsed = parseRGBAColor(color);
+            const parsed = parseRgbaColor(color);
             stopElement.attrs["stop-color"] = `rgb(${parsed.r}, ${parsed.g}, ${parsed.b})`;
             stopElement.attrs["stop-opacity"] = `${parsed.a ?? 1}`;
           } else {
@@ -24777,7 +25093,7 @@ var SvgCanvasContext = class {
     return {
       tag: "linearGradient",
       attrs: {
-        id,
+        id: id("pattern" /* Pattern */, null, this._root.attrs.id),
         x1: `${gradient.x1}`,
         x2: `${gradient.x2}`,
         y1: `${gradient.y1}`,
@@ -24793,7 +25109,7 @@ var SvgCanvasContext = class {
           }
         };
         if (color.startsWith("rgba(")) {
-          const parsed = parseRGBAColor(color);
+          const parsed = parseRgbaColor(color);
           stopElement.attrs["stop-color"] = `rgb(${parsed.r}, ${parsed.g}, ${parsed.b})`;
           stopElement.attrs["stop-opacity"] = `${parsed.a ?? 1}`;
         } else {
@@ -24809,24 +25125,24 @@ var SvgCanvasContext = class {
       currentElement.attrs.opacity = `${globalAlpha}`;
     }
     const scale = this._getTransformScale();
-    const commands = currentElement.attrs.d ? parseCommands(currentElement.attrs.d) : [];
-    const transform = currentElement.attrs.transform ? parseTransformMatrix(currentElement.attrs.transform) : new DOMMatrix();
+    const commands = isSvgPath(currentElement) ? parseCommands(currentElement.attrs.d) : [];
+    const transform = currentElement.attrs.transform ? parseTransform(currentElement.attrs.transform) : new DOMMatrix();
     if (type === "fill") {
       const fillStyle = this._currentStyle.fillStyle;
       if (fillStyle instanceof SvgPattern) {
         const pattern = this._createPatternNode(fillStyle, fillStyle.transform);
-        this._defs.children.push(pattern);
+        this._addNode(pattern, this._defs);
         currentElement.attrs.fill = `url(#${pattern.attrs.id})`;
       } else if (fillStyle instanceof SvgLinearGradient) {
         const gradient = this._createGradientNode(fillStyle);
-        this._defs.children.push(gradient);
+        this._addNode(gradient, this._defs);
         currentElement.attrs.fill = `url(#${gradient.attrs.id})`;
       } else if (fillStyle instanceof SvgRadialGradient) {
         const gradient = this._createGradientNode(fillStyle);
-        this._defs.children.push(gradient);
+        this._addNode(gradient, this._defs);
         currentElement.attrs.fill = `url(#${gradient.attrs.id})`;
       } else if (fillStyle.startsWith("rgba")) {
-        const color = parseRGBAColor(fillStyle);
+        const color = parseRgbaColor(fillStyle);
         currentElement.attrs.fill = `rgb(${color.r}, ${color.g}, ${color.b})`;
         currentElement.attrs["fill-opacity"] = `${(color.a ?? 1) * globalAlpha}`;
       } else {
@@ -24836,19 +25152,19 @@ var SvgCanvasContext = class {
       const strokeStyle = this._currentStyle.strokeStyle;
       if (strokeStyle instanceof SvgPattern) {
         const path = transformPath(commands, transform);
-        const bbox = calculateBoundingBox(path);
+        const bbox = getBBox(path);
         const pattern = this._createPatternNode(
           strokeStyle,
           new DOMMatrix([1, 0, 0, 1, Math.max(bbox.x, 0), 0])
         );
-        this._defs.children.push(pattern);
+        this._addNode(pattern, this._defs);
         currentElement.attrs.stroke = `url(#${pattern.attrs.id})`;
       } else if (strokeStyle instanceof SvgLinearGradient) {
         const gradient = this._createGradientNode(strokeStyle);
-        this._defs.children.push(gradient);
+        this._addNode(gradient, this._defs);
         currentElement.attrs.fill = `url(#${gradient.attrs.id})`;
       } else if (strokeStyle.startsWith("rgba")) {
-        const color = parseRGBAColor(strokeStyle);
+        const color = parseRgbaColor(strokeStyle);
         currentElement.attrs.stroke = `rgb(${color.r}, ${color.g}, ${color.b})`;
         currentElement.attrs["stroke-opacity"] = `${(color.a ?? 1) * globalAlpha}`;
       } else {
@@ -24872,26 +25188,26 @@ var SvgCanvasContext = class {
     }
   }
   _addPathCommand(command) {
-    if (this._currentElement) {
-      if (this._currentElement.attrs.d) {
-        if (command === "Z" && this._currentElement.attrs.d.endsWith("Z")) {
-          return;
-        }
-        this._currentElement.attrs.d += ` ${command}`;
-      } else {
-        this._currentElement.attrs.d = command;
-        this._currentGroup.children.push(this._currentElement);
+    if (!this._currentElement || !isSvgPath(this._currentElement)) {
+      throw new Error("Current element is not a valid SVG path");
+    }
+    if (this._currentElement.attrs.d) {
+      if (command === "Z" && this._currentElement.attrs.d.endsWith("Z")) {
+        return;
       }
+      this._currentElement.attrs.d += ` ${command}`;
+    } else {
+      this._currentElement.attrs.d = command;
+      this._addNode(this._currentElement);
     }
   }
   _applyText(text, x, y, action) {
-    const parent = this._currentGroup;
     const style = parseFontStyle(this._currentStyle.font);
     const textElement = {
       tag: "text",
       attrs: {
-        x: `${x}`,
-        y: `${y}`,
+        x,
+        y,
         "font-family": style.fontFamilies.join(", "),
         "font-size": style.fontSize,
         "font-style": style.fontStyle,
@@ -24901,17 +25217,18 @@ var SvgCanvasContext = class {
           this._currentStyle.textBaseline
         )
       },
-      text
+      children: [text]
     };
     this._applyTransformation(textElement);
     this._applyStyle(textElement, action);
-    parent.children.push(textElement);
+    this._addNode(textElement);
   }
   _clearCanvas() {
     this._defs.children = [];
     this._root.children = [this._defs];
     this._currentGroup = this._root;
     this._groupStack = [];
+    this._parents.clear();
   }
 };
 async function createSvgContext(width, height) {
@@ -24928,10 +25245,13 @@ async function toSvgNode(ctx) {
   }
   return ctx.getNode();
 }
+async function toSvgString(ctx) {
+  return renderSvgNode(await toSvgNode(ctx));
+}
 
 // src/lib/PDFPageProxy.ts
 async function loadNodeCanvasFactory() {
-  const { NodeCanvasFactory: NodeCanvasFactory2 } = await import("./NodeCanvasFactory-N32SOXPQ.js");
+  const { NodeCanvasFactory: NodeCanvasFactory2 } = await import("./NodeCanvasFactory-YRBSQ5MH.js");
   return new NodeCanvasFactory2({});
 }
 var getAnnotations = PDFPageProxy.prototype.getAnnotations;
@@ -24975,13 +25295,8 @@ PDFPageProxy.prototype.getAnnotations = async function(params) {
           annotation.graphics = {
             tag: "svg",
             attrs: {
-              version: "1.1",
-              xmlns: "http://www.w3.org/2000/svg",
-              width: `${width}`,
-              height: `${height}`,
-              viewBox: `0 0 ${width * scale} ${height * scale}`,
-              preserveAspectRatio: "none",
-              "xml:space": "preserve"
+              width,
+              height
             },
             children: [
               {
@@ -25268,6 +25583,43 @@ function isRedactAnnotation(annotation) {
   return annotation.subtype === "Redact";
 }
 
+// src/lib/CanvasGraphics.ts
+var {
+  beginDrawing,
+  beginMarkedContent,
+  beginMarkedContentProps,
+  endMarkedContent
+} = CanvasGraphics.prototype;
+CanvasGraphics.prototype.beginDrawing = function(options) {
+  if (this.ctx instanceof SvgCanvasContext) {
+    options.transparency = false;
+  }
+  return beginDrawing.call(this, options);
+};
+CanvasGraphics.prototype.beginMarkedContent = function(type) {
+  beginMarkedContent.call(this, this.ctx);
+  if (this.ctx instanceof SvgCanvasContext) {
+    this.ctx.beginMarkedContent(type);
+  }
+};
+CanvasGraphics.prototype.beginMarkedContentProps = function(type, props) {
+  beginMarkedContentProps.call(this, type, props);
+  if (this.ctx instanceof SvgCanvasContext) {
+    this.ctx.beginMarkedContent(type, props);
+  }
+};
+CanvasGraphics.prototype.endMarkedContent = function() {
+  if (this.ctx instanceof SvgCanvasContext) {
+    this.ctx.endMarkedContent();
+  }
+  endMarkedContent.call(this);
+};
+Object.assign(CanvasGraphics.prototype, {
+  [OPS.beginMarkedContent]: CanvasGraphics.prototype.beginMarkedContent,
+  [OPS.beginMarkedContentProps]: CanvasGraphics.prototype.beginMarkedContentProps,
+  [OPS.endMarkedContent]: CanvasGraphics.prototype.endMarkedContent
+});
+
 // src/lib/TextLayer.ts
 function isTextNode(node) {
   return node.role === "text";
@@ -25275,8 +25627,8 @@ function isTextNode(node) {
 function isAnchorNode(node) {
   return node.role === "a";
 }
-function isImageNode(node) {
-  return node.role === "img";
+function isFigureNode(node) {
+  return node.role === "figure";
 }
 var MAX_TEXT_DIVS_TO_RENDER2 = 1e5;
 var DEFAULT_FONT_SIZE3 = 30;
@@ -25286,17 +25638,15 @@ async function createTextLayer(page, {
   canvasFactory,
   viewport = page.getViewport({ scale: 1 }),
   outputScale = 1,
-  annotations
+  annotations,
+  graphics
 }) {
-  const objs = page.objs;
-  const commonObjs = page.commonObjs;
   const styleCache = {};
   const ascentCache = /* @__PURE__ */ new Map();
   const canvasCache = /* @__PURE__ */ new Map();
   const textDivs = [];
   const markedContent = /* @__PURE__ */ new Map();
-  const [operatorList, tree, contentSource] = await Promise.all([
-    page.getOperatorList(),
+  const [tree, contentSource] = await Promise.all([
     page.getStructTree(),
     page.getTextContent({ includeMarkedContent: true })
   ]);
@@ -25317,13 +25667,6 @@ async function createTextLayer(page, {
   let disableProcessItems = false;
   let canvasContext = null;
   let container = rootContainer;
-  const getObject = (data) => {
-    try {
-      return data.startsWith("g_") ? commonObjs.get(data) : objs.get(data);
-    } catch {
-      return null;
-    }
-  };
   const processItems = async (items, lang) => {
     if (disableProcessItems) {
       return;
@@ -25508,7 +25851,7 @@ async function createTextLayer(page, {
     ascentCache.set(fontFamily, ratio);
     return ratio;
   };
-  const renderStructTreeNode = async (node, parent) => {
+  const renderStructTreeNode = (node, parent) => {
     if ("role" in node) {
       const role = node.role.toLowerCase();
       switch (role) {
@@ -25518,17 +25861,17 @@ async function createTextLayer(page, {
             children: []
           };
           parent.children.push(section);
-          await Promise.all(
-            node.children.map((child) => renderStructTreeNode(child, section))
-          );
+          for (const child of [...node.children]) {
+            renderStructTreeNode(child, section);
+          }
           break;
         }
         case "lbl":
         case "lbody":
         case "span": {
-          await Promise.all(
-            node.children.map((child) => renderStructTreeNode(child, parent))
-          );
+          for (const child of [...node.children]) {
+            renderStructTreeNode(child, parent);
+          }
           break;
         }
         case "link": {
@@ -25537,9 +25880,9 @@ async function createTextLayer(page, {
             console.warn(
               `Unsupported link type: ${ref.type}`
             );
-            await Promise.all(
-              node.children.map((child) => renderStructTreeNode(child, parent))
-            );
+            for (const child of children) {
+              renderStructTreeNode(child, parent);
+            }
             return;
           }
           const annotation = annotations?.find(
@@ -25547,9 +25890,9 @@ async function createTextLayer(page, {
           );
           if (!annotation) {
             console.warn("Link not found", ref);
-            await Promise.all(
-              children.map((child) => renderStructTreeNode(child, parent))
-            );
+            for (const child of children) {
+              renderStructTreeNode(child, parent);
+            }
             return;
           }
           if (isLinkAnnotation(annotation)) {
@@ -25559,16 +25902,16 @@ async function createTextLayer(page, {
               children: []
             };
             parent.children.push(anchor);
-            await Promise.all(
-              children.map((child) => renderStructTreeNode(child, anchor))
-            );
+            for (const child of children) {
+              renderStructTreeNode(child, anchor);
+            }
           } else {
             console.warn(
               `Unsupported annotation subtype: ${annotation.subtype}`
             );
-            await Promise.all(
-              children.map((child) => renderStructTreeNode(child, parent))
-            );
+            for (const child of children) {
+              renderStructTreeNode(child, parent);
+            }
           }
           break;
         }
@@ -25577,7 +25920,7 @@ async function createTextLayer(page, {
             break;
           }
           if (node.children.length === 1 && node.children[0].role === "Table") {
-            await renderStructTreeNode(node.children[0], parent);
+            renderStructTreeNode(node.children[0], parent);
             break;
           }
           const paragraph = {
@@ -25585,11 +25928,9 @@ async function createTextLayer(page, {
             children: []
           };
           parent.children.push(paragraph);
-          await Promise.all(
-            node.children.map(
-              (child) => renderStructTreeNode(child, paragraph)
-            )
-          );
+          for (const child of [...node.children]) {
+            renderStructTreeNode(child, paragraph);
+          }
           break;
         }
         case "l": {
@@ -25598,9 +25939,9 @@ async function createTextLayer(page, {
             children: []
           };
           parent.children.push(list);
-          await Promise.all(
-            node.children.map((child) => renderStructTreeNode(child, list))
-          );
+          for (const child of [...node.children]) {
+            renderStructTreeNode(child, list);
+          }
           break;
         }
         case "table":
@@ -25619,71 +25960,50 @@ async function createTextLayer(page, {
             children: []
           };
           parent.children.push(block);
-          await Promise.all(
-            node.children.map((child) => renderStructTreeNode(child, block))
-          );
+          for (const child of [...node.children]) {
+            renderStructTreeNode(child, block);
+          }
           break;
         }
         case "figure": {
-          await Promise.all(
-            node.children.map(async (child) => {
-              if (child.type === "content" && child.id) {
-                const [, id] = child.id.split("_mc");
-                if (!id) {
-                  return;
-                }
-                await Promise.all(
-                  getMarkedObjects(id).map(async (imageId) => {
-                    const imgData = getObject(imageId);
-                    if (!imgData?.bitmap && !imgData?.data) {
-                      return;
-                    }
-                    const canvasAndContext = await canvasFactory.create(
-                      imgData.width,
-                      imgData.height
-                    );
-                    if (imgData.bitmap) {
-                      canvasAndContext.context.drawImage(imgData.bitmap, 0, 0);
-                    } else if (imgData.data) {
-                      if (imgData.kind === ImageKind.RGB_24BPP) {
-                        const rgbaArray = new Uint8ClampedArray(
-                          imgData.width * imgData.height * 4
-                        );
-                        for (let i = 0, j = 0; i < imgData.data.length; i += 3, j += 4) {
-                          rgbaArray[j] = imgData.data[i];
-                          rgbaArray[j + 1] = imgData.data[i + 1];
-                          rgbaArray[j + 2] = imgData.data[i + 2];
-                          rgbaArray[j + 3] = 255;
-                        }
-                        const imageData = new ImageData(
-                          rgbaArray,
-                          imgData.width,
-                          imgData.height
-                        );
-                        canvasAndContext.context.putImageData(imageData, 0, 0);
-                      } else {
-                        const imageData = new ImageData(
-                          imgData.data,
-                          imgData.width,
-                          imgData.height
-                        );
-                        canvasAndContext.context.putImageData(imageData, 0, 0);
-                      }
-                    }
-                    const imgSrc = await toDataUrl(
-                      await canvasToData(canvasAndContext.canvas)
-                    );
-                    canvasFactory.destroy(canvasAndContext);
-                    const img = {
-                      role: "img",
-                      src: imgSrc
-                    };
-                    parent.children.push(img);
-                  })
-                );
+          const ids = [...node.children].filter((child) => "id" in child).map((child) => {
+            const span = markedContent.get(child.id);
+            if (!span) {
+              return child.id;
+            }
+            if (span.parent) {
+              span.parent.children = span.parent.children.filter(
+                (child2) => child2 !== span.node
+              );
+            }
+            return child.id;
+          });
+          if (graphics) {
+            for (const markedId of ids) {
+              const [, figureId] = markedId.split("_mc");
+              if (!figureId) {
+                continue;
               }
-            })
-          );
+              const useId = `#${id("marked_content" /* MarkedContent */, figureId, graphics.attrs.id)}`;
+              const graphic = findSvgNode(
+                graphics,
+                (node2) => isSvgMarkedContent(node2) && node2.attrs.href === useId
+              );
+              if (!graphic) {
+                continue;
+              }
+              const figure = {
+                role: "figure",
+                href: graphic.attrs.href,
+                x: graphic.attrs.x || 0,
+                y: graphic.attrs.y || 0,
+                width: graphic.attrs.width || 0,
+                height: graphic.attrs.height || 0,
+                alt: node.alt
+              };
+              parent.children.push(figure);
+            }
+          }
           break;
         }
         default: {
@@ -25692,9 +26012,9 @@ async function createTextLayer(page, {
             children: []
           };
           parent.children.push(block);
-          await Promise.all(
-            node.children.map((child) => renderStructTreeNode(child, block))
-          );
+          for (const child of [...node.children]) {
+            renderStructTreeNode(child, block);
+          }
           break;
         }
       }
@@ -25711,32 +26031,6 @@ async function createTextLayer(page, {
       parent.children.push(span.node);
     }
   };
-  const getMarkedObjects = (markedContentId) => {
-    const results = [];
-    let currentMarkedContent = null;
-    for (let i = 0; i < operatorList.fnArray.length; i++) {
-      const fnId = operatorList.fnArray[i];
-      const args = operatorList.argsArray[i];
-      if (fnId === OPS.endMarkedContent) {
-        if (currentMarkedContent === markedContentId) {
-          return results;
-        }
-        currentMarkedContent = null;
-        continue;
-      }
-      if (fnId === OPS.beginMarkedContentProps && args?.[0] === "Figure") {
-        currentMarkedContent = `${args[1]}`;
-        continue;
-      }
-      if (currentMarkedContent !== markedContentId) {
-        continue;
-      }
-      if (fnId === OPS.paintImageXObject) {
-        results.push(args[0]);
-      }
-    }
-    return results;
-  };
   await loadDefaultFonts();
   const reader = textContentSource.getReader();
   while (true) {
@@ -25748,9 +26042,11 @@ async function createTextLayer(page, {
     await processItems(value.items, value.lang);
   }
   const root = tree?.children[0]?.children[0];
-  await Promise.all(
-    root?.children.map((child) => renderStructTreeNode(child, rootContainer)) ?? []
-  );
+  if (root?.children) {
+    for (const child of root.children) {
+      renderStructTreeNode(child, rootContainer);
+    }
+  }
   ascentCache.clear();
   for (const canvasAndContext of canvasCache.values()) {
     canvasFactory.destroy(canvasAndContext);
@@ -25815,10 +26111,10 @@ export {
   isChoiceWidgetAnnotation,
   isCircleAnnotation,
   isDataScheme,
+  isFigureNode,
   isFileAttachmentAnnotation,
   isFreeTextAnnotation,
   isHighlightAnnotation,
-  isImageNode,
   isInkAnnotation,
   isLineAnnotation,
   isLinkAnnotation,
@@ -25836,7 +26132,10 @@ export {
   isStampAnnotation,
   isStrikeOutAnnotation,
   isSvgElement,
-  isSvgText,
+  isSvgImage,
+  isSvgMarkedContent,
+  isSvgPath,
+  isSvgRoot,
   isTextAnnotation,
   isTextNode,
   isTextWidgetAnnotation,
@@ -25850,12 +26149,14 @@ export {
   makeSerializable,
   noContextMenu,
   normalizeUnicode,
+  parseRgbaColor,
   rgbToHex,
   setLayerDimensions,
   shadow,
   stopEvent,
   toDataUrl,
   toSvgNode,
+  toSvgString,
   updateUrlHash,
   version
 };