@embedpdf/plugin-annotation 2.11.1 → 2.12.1

package/dist/vue/index.js

@@ -8,8 +8,8 @@ import { usePlugin, useCapability, useDocumentPermissions, useDocumentState } fr
 import { boundingRectOrEmpty, PdfAnnotationBorderStyle, PdfVerticalAlignment, textAlignmentToCss, standardFontCssProperties, ignore, PdfErrorCode, getContrastStrokeColor, PdfBlendMode, blendModeToCss, PdfAnnotationSubtype } from "@embedpdf/models";
 import { usePointerHandlers } from "@embedpdf/plugin-interaction-manager/vue";
 import { useSelectionCapability } from "@embedpdf/plugin-selection/vue";
-const _hoisted_1$e = ["src"];
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _hoisted_1$f = ["src"];
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "appearance-image",
   props: {
     appearance: {},
@@ -52,7 +52,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           userSelect: "none",
           ...__props.style
         })
-      }, null, 44, _hoisted_1$e)) : createCommentVNode("", true);
+      }, null, 44, _hoisted_1$f)) : createCommentVNode("", true);
     };
   }
 });
@@ -119,12 +119,12 @@ function useIOSZoomPrevention(computedFontPx, active) {
     return { needsComp, adjustedFontPx, scaleComp, wrapperStyle };
   });
 }
-const _hoisted_1$d = ["width", "height", "stroke"];
+const _hoisted_1$e = ["width", "height", "stroke"];
 const _hoisted_2$a = ["width", "height", "stroke"];
 const __default__$f = {
   inheritAttrs: false
 };
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   ...__default__$f,
   __name: "annotation-container",
   props: {
@@ -689,7 +689,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
               annotation: childObject.value,
               appearanceActive: apActive.value
             }),
-            ((_a = __props.appearance) == null ? void 0 : _a.normal) ? (openBlock(), createBlock(_sfc_main$N, {
+            ((_a = __props.appearance) == null ? void 0 : _a.normal) ? (openBlock(), createBlock(_sfc_main$O, {
               key: 0,
               appearance: __props.appearance.normal,
               style: normalizeStyle({ display: apActive.value ? "block" : "none" })
@@ -738,7 +738,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
                 }, [..._cache[2] || (_cache[2] = [
                   createElementVNode("path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }, null, -1),
                   createElementVNode("path", { d: "M21 3v5h-5" }, null, -1)
-                ])], 8, _hoisted_1$d))
+                ])], 8, _hoisted_1$e))
               ], 16)
             ]) : (openBlock(), createElementBlock("div", mergeProps({ key: 2 }, rotationHandleBindings.value, { style: rotationHandleStyle.value }), [
               (openBlock(), createElementBlock("svg", {
@@ -873,14 +873,14 @@ function getAnnotationScreenBounds(annotation, scale, rotation) {
     bottom: top + maxY
   };
 }
-const _hoisted_1$c = {
+const _hoisted_1$d = {
   key: 0,
   "data-group-selection-box": "",
   "data-no-interaction": ""
 };
 const _hoisted_2$9 = ["width", "height", "stroke"];
 const _hoisted_3$9 = ["width", "height", "stroke"];
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "group-selection-box",
   props: {
     documentId: {},
@@ -1340,7 +1340,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       currentRotation: computed(() => liveRotation.value ?? 0)
     });
     return (_ctx, _cache) => {
-      return __props.selectedAnnotations.length >= 2 ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
+      return __props.selectedAnnotations.length >= 2 ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
         createElementVNode("div", {
           style: normalizeStyle(outerStyle.value)
         }, [
@@ -1508,7 +1508,7 @@ function createRenderer(entry) {
   };
 }
 const __default__$e = { inheritAttrs: false };
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   ...__default__$e,
   __name: "link-locked",
   props: {
@@ -1543,7 +1543,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "link-preview",
   props: {
     data: {},
@@ -1569,11 +1569,11 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$b = ["width", "height", "viewBox"];
+const _hoisted_1$c = ["width", "height", "viewBox"];
 const _hoisted_2$8 = ["d", "stroke-width"];
 const _hoisted_3$8 = ["d", "opacity"];
 const __default__$d = { inheritAttrs: false };
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   ...__default__$d,
   __name: "ink",
   props: {
@@ -1653,11 +1653,11 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             })
           }, null, 12, _hoisted_3$8);
         }), 128)) : createCommentVNode("", true)
-      ], 12, _hoisted_1$b);
+      ], 12, _hoisted_1$c);
     };
   }
 });
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "ink-preview",
   props: {
     data: {},
@@ -1666,20 +1666,20 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$I, mergeProps({
+      return openBlock(), createBlock(_sfc_main$J, mergeProps({
         isSelected: false,
         scale: __props.scale
       }, __props.data), null, 16, ["scale"]);
     };
   }
 });
-const _hoisted_1$a = ["width", "height", "viewBox"];
+const _hoisted_1$b = ["width", "height", "viewBox"];
 const _hoisted_2$7 = ["d", "stroke-width"];
 const _hoisted_3$7 = ["x", "y", "width", "height", "stroke-width"];
 const _hoisted_4$6 = ["d", "fill", "opacity"];
 const _hoisted_5$5 = ["x", "y", "width", "height", "fill", "opacity"];
 const __default__$c = { inheritAttrs: false };
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   ...__default__$c,
   __name: "square",
   props: {
@@ -1800,11 +1800,11 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             })
           }, null, 12, _hoisted_5$5))
         ], 64)) : createCommentVNode("", true)
-      ], 12, _hoisted_1$a);
+      ], 12, _hoisted_1$b);
     };
   }
 });
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "square-preview",
   props: {
     data: {},
@@ -1813,20 +1813,20 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$G, mergeProps({
+      return openBlock(), createBlock(_sfc_main$H, mergeProps({
         isSelected: false,
         scale: __props.scale
       }, __props.data), null, 16, ["scale"]);
     };
   }
 });
-const _hoisted_1$9 = ["width", "height", "viewBox"];
+const _hoisted_1$a = ["width", "height", "viewBox"];
 const _hoisted_2$6 = ["d", "stroke-width"];
 const _hoisted_3$6 = ["cx", "cy", "rx", "ry", "stroke-width"];
 const _hoisted_4$5 = ["d", "fill", "opacity"];
 const _hoisted_5$4 = ["cx", "cy", "rx", "ry", "fill", "opacity"];
 const __default__$b = { inheritAttrs: false };
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   ...__default__$b,
   __name: "circle",
   props: {
@@ -1949,11 +1949,11 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
             })
           }, null, 12, _hoisted_5$4))
         ], 64)) : createCommentVNode("", true)
-      ], 12, _hoisted_1$9);
+      ], 12, _hoisted_1$a);
     };
   }
 });
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "circle-preview",
   props: {
     data: {},
@@ -1962,14 +1962,14 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$E, mergeProps({
+      return openBlock(), createBlock(_sfc_main$F, mergeProps({
         isSelected: false,
         scale: __props.scale
       }, __props.data), null, 16, ["scale"]);
     };
   }
 });
-const _hoisted_1$8 = ["width", "height", "viewBox"];
+const _hoisted_1$9 = ["width", "height", "viewBox"];
 const _hoisted_2$5 = ["x1", "y1", "x2", "y2", "stroke-width"];
 const _hoisted_3$5 = ["d", "transform", "stroke-width"];
 const _hoisted_4$4 = ["d", "transform", "stroke-width"];
@@ -1977,7 +1977,7 @@ const _hoisted_5$3 = ["x1", "y1", "x2", "y2", "opacity"];
 const _hoisted_6$2 = ["d", "transform", "stroke", "fill"];
 const _hoisted_7$1 = ["d", "transform", "stroke", "fill"];
 const __default__$a = { inheritAttrs: false };
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   ...__default__$a,
   __name: "line",
   props: {
@@ -2132,11 +2132,11 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             })
           }, null, 12, _hoisted_7$1)) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true)
-      ], 12, _hoisted_1$8);
+      ], 12, _hoisted_1$9);
     };
   }
 });
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "line-preview",
   props: {
     data: {},
@@ -2145,14 +2145,14 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$C, mergeProps({
+      return openBlock(), createBlock(_sfc_main$D, mergeProps({
         isSelected: false,
         scale: __props.scale
       }, __props.data), null, 16, ["scale"]);
     };
   }
 });
-const _hoisted_1$7 = ["width", "height", "viewBox"];
+const _hoisted_1$8 = ["width", "height", "viewBox"];
 const _hoisted_2$4 = ["d", "stroke-width"];
 const _hoisted_3$4 = ["d", "transform", "stroke-width"];
 const _hoisted_4$3 = ["d", "transform", "stroke-width"];
@@ -2160,7 +2160,7 @@ const _hoisted_5$2 = ["d", "opacity"];
 const _hoisted_6$1 = ["d", "transform", "stroke", "fill"];
 const _hoisted_7 = ["d", "transform", "stroke", "fill"];
 const __default__$9 = { inheritAttrs: false };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   ...__default__$9,
   __name: "polyline",
   props: {
@@ -2329,11 +2329,11 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             })
           }, null, 12, _hoisted_7)) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true)
-      ], 12, _hoisted_1$7);
+      ], 12, _hoisted_1$8);
     };
   }
 });
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "polyline-preview",
   props: {
     data: {},
@@ -2342,21 +2342,21 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$A, mergeProps({
+      return openBlock(), createBlock(_sfc_main$B, mergeProps({
         isSelected: false,
         scale: __props.scale
       }, __props.data), null, 16, ["scale"]);
     };
   }
 });
-const _hoisted_1$6 = ["width", "height", "viewBox"];
+const _hoisted_1$7 = ["width", "height", "viewBox"];
 const _hoisted_2$3 = ["d", "stroke-width"];
 const _hoisted_3$3 = ["d", "opacity"];
 const _hoisted_4$2 = ["d", "opacity"];
 const _hoisted_5$1 = ["d"];
 const _hoisted_6 = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"];
 const __default__$8 = { inheritAttrs: false };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...__default__$8,
   __name: "polygon",
   props: {
@@ -2493,11 +2493,11 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             }, null, 8, _hoisted_6)) : createCommentVNode("", true)
           ], 64))
         ], 64)) : createCommentVNode("", true)
-      ], 12, _hoisted_1$6);
+      ], 12, _hoisted_1$7);
     };
   }
 });
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "polygon-preview",
   props: {
     data: {},
@@ -2506,14 +2506,14 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$y, mergeProps({
+      return openBlock(), createBlock(_sfc_main$z, mergeProps({
         isSelected: false,
         scale: __props.scale
       }, __props.data), null, 16, ["scale"]);
     };
   }
 });
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "free-text-preview",
   props: {
     data: {},
@@ -2535,6 +2535,34 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$6 = ["src"];
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  __name: "stamp-preview",
+  props: {
+    data: {},
+    bounds: {},
+    scale: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const rotationDeg = computed(() => (4 - props.data.pageRotation) % 4 * 90);
+    const style = computed(() => ({
+      width: "100%",
+      height: "100%",
+      opacity: 0.6,
+      objectFit: "contain",
+      pointerEvents: "none",
+      transform: rotationDeg.value ? `rotate(${rotationDeg.value}deg)` : void 0
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("img", {
+        src: __props.data.ghostUrl,
+        style: normalizeStyle(style.value),
+        alt: ""
+      }, null, 12, _hoisted_1$6);
+    };
+  }
+});
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "ink-renderer",
   props: {
@@ -2550,7 +2578,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$I, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$J, mergeProps(__props.currentObject, {
         isSelected: __props.isSelected,
         scale: __props.scale,
         onClick: __props.onClick,
@@ -2574,7 +2602,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$G, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$H, mergeProps(__props.currentObject, {
         isSelected: __props.isSelected,
         scale: __props.scale,
         onClick: __props.onClick,
@@ -2598,7 +2626,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$E, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$F, mergeProps(__props.currentObject, {
         isSelected: __props.isSelected,
         scale: __props.scale,
         onClick: __props.onClick,
@@ -2622,7 +2650,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$C, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$D, mergeProps(__props.currentObject, {
         isSelected: __props.isSelected,
         scale: __props.scale,
         onClick: __props.onClick,
@@ -2646,7 +2674,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$A, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$B, mergeProps(__props.currentObject, {
         isSelected: __props.isSelected,
         scale: __props.scale,
         onClick: __props.onClick,
@@ -2670,7 +2698,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$y, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$z, mergeProps(__props.currentObject, {
         isSelected: __props.isSelected,
         scale: __props.scale,
         onClick: __props.onClick,
@@ -3608,7 +3636,7 @@ const builtInRenderers = [
     matches: (a) => a.type === PdfAnnotationSubtype.INK,
     matchesPreview: (p) => p.type === PdfAnnotationSubtype.INK,
     component: _sfc_main$v,
-    renderPreview: _sfc_main$H,
+    renderPreview: _sfc_main$I,
     previewContainerStyle: ({ data }) => ({
       mixBlendMode: blendModeToCss(data.blendMode ?? PdfBlendMode.Normal)
     }),
@@ -3619,7 +3647,7 @@ const builtInRenderers = [
     matches: (a) => a.type === PdfAnnotationSubtype.SQUARE,
     matchesPreview: (p) => p.type === PdfAnnotationSubtype.SQUARE,
     component: _sfc_main$u,
-    renderPreview: _sfc_main$F,
+    renderPreview: _sfc_main$G,
     interactionDefaults: { isDraggable: true, isResizable: true, isRotatable: true }
   }),
   createRenderer({
@@ -3627,7 +3655,7 @@ const builtInRenderers = [
     matches: (a) => a.type === PdfAnnotationSubtype.CIRCLE,
     matchesPreview: (p) => p.type === PdfAnnotationSubtype.CIRCLE,
     component: _sfc_main$t,
-    renderPreview: _sfc_main$D,
+    renderPreview: _sfc_main$E,
     interactionDefaults: { isDraggable: true, isResizable: true, isRotatable: true }
   }),
   createRenderer({
@@ -3635,7 +3663,7 @@ const builtInRenderers = [
     matches: (a) => a.type === PdfAnnotationSubtype.LINE,
     matchesPreview: (p) => p.type === PdfAnnotationSubtype.LINE,
     component: _sfc_main$s,
-    renderPreview: _sfc_main$B,
+    renderPreview: _sfc_main$C,
     vertexConfig: {
       extractVertices: (a) => [a.linePoints.start, a.linePoints.end],
       transformAnnotation: (a, v) => ({
@@ -3650,7 +3678,7 @@ const builtInRenderers = [
     matches: (a) => a.type === PdfAnnotationSubtype.POLYLINE,
     matchesPreview: (p) => p.type === PdfAnnotationSubtype.POLYLINE,
     component: _sfc_main$r,
-    renderPreview: _sfc_main$z,
+    renderPreview: _sfc_main$A,
     vertexConfig: {
       extractVertices: (a) => a.vertices,
       transformAnnotation: (a, vertices) => ({ ...a, vertices })
@@ -3662,7 +3690,7 @@ const builtInRenderers = [
     matches: (a) => a.type === PdfAnnotationSubtype.POLYGON,
     matchesPreview: (p) => p.type === PdfAnnotationSubtype.POLYGON,
     component: _sfc_main$q,
-    renderPreview: _sfc_main$x,
+    renderPreview: _sfc_main$y,
     vertexConfig: {
       extractVertices: (a) => a.vertices,
       transformAnnotation: (a, vertices) => ({ ...a, vertices })
@@ -3715,7 +3743,7 @@ const builtInRenderers = [
     matches: (a) => a.type === PdfAnnotationSubtype.FREETEXT,
     matchesPreview: (p) => p.type === PdfAnnotationSubtype.FREETEXT,
     component: _sfc_main$o,
-    renderPreview: _sfc_main$w,
+    renderPreview: _sfc_main$x,
     interactionDefaults: { isDraggable: true, isResizable: true, isRotatable: true },
     isDraggable: (toolDraggable, { isEditing }) => toolDraggable && !isEditing,
     onDoubleClick: (id, setEditingId) => setEditingId(id)
@@ -3723,7 +3751,9 @@ const builtInRenderers = [
   createRenderer({
     id: "stamp",
     matches: (a) => a.type === PdfAnnotationSubtype.STAMP,
+    matchesPreview: (p) => p.type === PdfAnnotationSubtype.STAMP,
     component: _sfc_main$l,
+    renderPreview: _sfc_main$w,
     useAppearanceStream: false,
     interactionDefaults: { isDraggable: true, isResizable: true, isRotatable: true }
   }),
@@ -3732,7 +3762,7 @@ const builtInRenderers = [
     matches: (a) => a.type === PdfAnnotationSubtype.LINK,
     matchesPreview: (p) => p.type === PdfAnnotationSubtype.LINK,
     component: _sfc_main$j,
-    renderPreview: _sfc_main$J,
+    renderPreview: _sfc_main$K,
     interactionDefaults: { isDraggable: true, isResizable: true, isRotatable: false },
     useAppearanceStream: false,
     selectOverride: (e, annotation, helpers) => {
@@ -3750,7 +3780,7 @@ const builtInRenderers = [
       helpers.selectAnnotation(helpers.pageIndex, annotation.object.id);
     },
     hideSelectionMenu: (a) => !!a.inReplyToId,
-    renderLocked: _sfc_main$K
+    renderLocked: _sfc_main$L
   })
 ];
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
@@ -4082,7 +4112,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(resolvedAnnotations.value, ({ annotation, renderer, locked }) => {
           var _a;
-          return openBlock(), createBlock(_sfc_main$M, mergeProps({
+          return openBlock(), createBlock(_sfc_main$N, mergeProps({
             key: annotation.object.id,
             trackedAnnotation: annotation,
             isSelected: locked ? false : allSelectedIds.value.includes(annotation.object.id),
@@ -4134,7 +4164,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             } : void 0
           ]), 1040, ["trackedAnnotation", "isSelected", "isEditing", "isMultiSelected", "isDraggable", "isResizable", "lockAspectRatio", "isRotatable", "vertexConfig", "selectionMenu", "onSelect", "onDoubleClick", "zIndex", "blendMode", "style", "appearance"]);
         }), 128)),
-        allSelectedOnSamePage.value && selectedAnnotationsOnPage.value.length >= 2 ? (openBlock(), createBlock(_sfc_main$L, {
+        allSelectedOnSamePage.value && selectedAnnotationsOnPage.value.length >= 2 ? (openBlock(), createBlock(_sfc_main$M, {
           key: 0,
           documentId: __props.documentId,
           pageIndex: __props.pageIndex,
@@ -4311,7 +4341,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const { plugin: annotationPlugin } = useAnnotationPlugin();
     const previews = ref(/* @__PURE__ */ new Map());
     const fileInputRef = ref(null);
-    const canvasRef = ref(null);
     const services = computed(() => ({
       requestFile: ({ accept, onFile }) => {
         const input = fileInputRef.value;
@@ -4326,29 +4355,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           }
         };
         input.click();
-      },
-      processImage: ({ source, maxWidth, maxHeight, onComplete }) => {
-        const canvas = canvasRef.value;
-        if (!canvas || !canvas.getContext) return;
-        const ctx = canvas.getContext("2d");
-        if (!ctx) return;
-        const img = new Image();
-        img.crossOrigin = "Anonymous";
-        img.onload = () => {
-          let { naturalWidth: width, naturalHeight: height } = img;
-          const scaleX = maxWidth ? maxWidth / width : 1;
-          const scaleY = maxHeight ? maxHeight / height : 1;
-          const scaleFactor = Math.min(scaleX, scaleY, 1);
-          const finalWidth = width * scaleFactor;
-          const finalHeight = height * scaleFactor;
-          canvas.width = finalWidth;
-          canvas.height = finalHeight;
-          ctx.drawImage(img, 0, 0, finalWidth, finalHeight);
-          const imageData = ctx.getImageData(0, 0, finalWidth, finalHeight);
-          if (typeof source !== "string") URL.revokeObjectURL(img.src);
-          onComplete({ imageData, width: finalWidth, height: finalHeight });
-        };
-        img.src = typeof source === "string" ? source : URL.createObjectURL(source);
       }
     }));
     let unregister;
@@ -4384,11 +4390,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           type: "file",
           style: { "display": "none" }
         }, null, 512),
-        createElementVNode("canvas", {
-          ref_key: "canvasRef",
-          ref: canvasRef,
-          style: { "display": "none" }
-        }, null, 512),
         (openBlock(true), createElementBlock(Fragment, null, renderList(previews.value.entries(), ([toolId, preview]) => {
           return openBlock(), createBlock(_sfc_main$4, {
             key: toolId,
@@ -4556,24 +4557,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 const AnnotationPluginPackage = createPluginPackage(AnnotationPluginPackage$1).addWrapper(_sfc_main$1).addUtility(_sfc_main).build();
 export {
-  _sfc_main$M as AnnotationContainer,
+  _sfc_main$N as AnnotationContainer,
   _sfc_main$2 as AnnotationLayer,
   _sfc_main$3 as AnnotationPaintLayer,
   AnnotationPluginPackage,
   _sfc_main$6 as Annotations,
-  _sfc_main$E as Circle,
+  _sfc_main$F as Circle,
   _sfc_main$p as FreeText,
-  _sfc_main$L as GroupSelectionBox,
+  _sfc_main$M as GroupSelectionBox,
   _sfc_main$i as Highlight,
-  _sfc_main$I as Ink,
-  _sfc_main$C as Line,
+  _sfc_main$J as Ink,
+  _sfc_main$D as Line,
   _sfc_main$k as Link,
-  _sfc_main$y as Polygon,
-  _sfc_main$A as Polyline,
+  _sfc_main$z as Polygon,
+  _sfc_main$B as Polyline,
   _sfc_main$4 as PreviewRenderer,
   _sfc_main$n as RenderAnnotation,
   _sfc_main$1 as RendererRegistryProvider,
-  _sfc_main$G as Square,
+  _sfc_main$H as Square,
   _sfc_main$c as Squiggly,
   _sfc_main$m as Stamp,
   _sfc_main$e as Strikeout,