@embedpdf/plugin-annotation 2.9.0 → 2.10.0

package/dist/vue/index.js

@@ -1,15 +1,15 @@
 import { createPluginPackage } from "@embedpdf/core";
-import { AnnotationPlugin, initialDocumentState, inferRotationCenterFromRects, generateCloudyRectanglePath, generateCloudyEllipsePath, patching, generateCloudyPolygonPath, resolveInteractionProp, getAnnotationsByPageIndex, getSelectedAnnotationIds, AnnotationPluginPackage as AnnotationPluginPackage$1 } from "@embedpdf/plugin-annotation";
+import { AnnotationPlugin, initialDocumentState, inferRotationCenterFromRects, generateCloudyRectanglePath, generateCloudyEllipsePath, patching, generateCloudyPolygonPath, LockModeType, getAnnotationCategories, hasLockedFlag, isCategoryLocked, resolveInteractionProp, getAnnotationsByPageIndex, getSelectedAnnotationIds, AnnotationPluginPackage as AnnotationPluginPackage$1 } from "@embedpdf/plugin-annotation";
 export * from "@embedpdf/plugin-annotation";
-import { defineComponent, ref, watchEffect, openBlock, createElementBlock, normalizeStyle, createCommentVNode, toValue, watch, computed, shallowRef, toRaw, useSlots, createElementVNode, renderSlot, createBlock, Fragment, unref, normalizeProps, mergeProps, renderList, withCtx, resolveDynamicComponent, Teleport, toDisplayString, markRaw, provide, inject, onUnmounted, onMounted, createVNode, createSlots, guardReactiveProps } from "vue";
+import { defineComponent, ref, watchEffect, openBlock, createElementBlock, normalizeStyle, createCommentVNode, toValue, watch, computed, shallowRef, toRaw, useSlots, createElementVNode, renderSlot, createBlock, Fragment, unref, normalizeProps, mergeProps, renderList, withCtx, resolveDynamicComponent, Teleport, toDisplayString, markRaw, provide, inject, onUnmounted, nextTick, createVNode, createSlots, guardReactiveProps, onMounted } from "vue";
 import { getCounterRotation } from "@embedpdf/utils";
 import { useInteractionHandles, useDoublePressProps, CounterRotate, deepToRaw } from "@embedpdf/utils/vue";
-import { useCapability, usePlugin, useDocumentPermissions, useDocumentState } from "@embedpdf/core/vue";
+import { usePlugin, useCapability, useDocumentPermissions, useDocumentState } from "@embedpdf/core/vue";
 import { boundingRectOrEmpty, PdfAnnotationBorderStyle, PdfVerticalAlignment, textAlignmentToCss, standardFontCssProperties, ignore, PdfErrorCode, getContrastStrokeColor, PdfBlendMode, PdfAnnotationSubtype, blendModeToCss } from "@embedpdf/models";
 import { usePointerHandlers } from "@embedpdf/plugin-interaction-manager/vue";
 import { useSelectionCapability } from "@embedpdf/plugin-selection/vue";
-const _hoisted_1$d = ["src"];
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _hoisted_1$e = ["src"];
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "appearance-image",
   props: {
     appearance: {},
@@ -52,7 +52,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           userSelect: "none",
           ...__props.style
         })
-      }, null, 44, _hoisted_1$d)) : createCommentVNode("", true);
+      }, null, 44, _hoisted_1$e)) : createCommentVNode("", true);
     };
   }
 });
@@ -86,13 +86,46 @@ const useAnnotation = (documentId) => {
     })
   };
 };
-const _hoisted_1$c = ["width", "height", "stroke"];
+const MIN_IOS_FOCUS_FONT_PX = 16;
+function detectIOS() {
+  try {
+    const nav = navigator;
+    return /iPad|iPhone|iPod/.test(navigator.userAgent) || navigator.platform === "MacIntel" && (nav == null ? void 0 : nav.maxTouchPoints) > 1;
+  } catch {
+    return false;
+  }
+}
+let _isIOS;
+function getIsIOS() {
+  if (_isIOS === void 0) {
+    _isIOS = detectIOS();
+  }
+  return _isIOS;
+}
+function useIOSZoomPrevention(computedFontPx, active) {
+  const isIOS = getIsIOS();
+  return computed(() => {
+    const px = toValue(computedFontPx);
+    const isActive = toValue(active);
+    const needsComp = isIOS && isActive && px > 0 && px < MIN_IOS_FOCUS_FONT_PX;
+    const adjustedFontPx = needsComp ? MIN_IOS_FOCUS_FONT_PX : px;
+    const scaleComp = needsComp ? px / MIN_IOS_FOCUS_FONT_PX : 1;
+    const wrapperStyle = needsComp ? {
+      width: `${100 / scaleComp}%`,
+      height: `${100 / scaleComp}%`,
+      transform: `scale(${scaleComp})`,
+      transformOrigin: "top left"
+    } : void 0;
+    return { needsComp, adjustedFontPx, scaleComp, wrapperStyle };
+  });
+}
+const _hoisted_1$d = ["width", "height", "stroke"];
 const _hoisted_2$a = ["width", "height", "stroke"];
-const __default__$e = {
+const __default__$f = {
   inheritAttrs: false
 };
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
+  ...__default__$f,
   __name: "annotation-container",
   props: {
     scale: {},
@@ -534,7 +567,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
       height: `${innerHeight.value}px`,
       transform: annotationRotation.value !== 0 ? `rotate(${annotationRotation.value}deg)` : void 0,
       transformOrigin: innerTransformOrigin.value,
-      pointerEvents: "none"
+      pointerEvents: props.isEditing ? "auto" : "none"
     }));
     const innerRotatedStyle = computed(() => ({
       position: "absolute",
@@ -546,7 +579,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
       transformOrigin: innerTransformOrigin.value,
       outline: showOutline.value ? `${outlineWidth.value}px ${outlineStyle.value} ${outlineColor.value}` : "none",
       outlineOffset: showOutline.value ? `${outlineOff.value}px` : "0px",
-      pointerEvents: props.isSelected && !props.isMultiSelected ? "auto" : "none",
+      pointerEvents: props.isSelected && !props.isMultiSelected && !props.isEditing ? "auto" : "none",
       touchAction: "none",
       cursor: props.isSelected && effectiveIsDraggable.value ? "move" : "default"
     }));
@@ -656,7 +689,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
               annotation: childObject.value,
               appearanceActive: apActive.value
             }),
-            ((_a = __props.appearance) == null ? void 0 : _a.normal) ? (openBlock(), createBlock(_sfc_main$D, {
+            ((_a = __props.appearance) == null ? void 0 : _a.normal) ? (openBlock(), createBlock(_sfc_main$G, {
               key: 0,
               appearance: __props.appearance.normal,
               style: normalizeStyle({ display: apActive.value ? "block" : "none" })
@@ -705,7 +738,7 @@ const _sfc_main$C = /* @__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$c))
+                ])], 8, _hoisted_1$d))
               ], 16)
             ]) : (openBlock(), createElementBlock("div", mergeProps({ key: 2 }, rotationHandleBindings.value, { style: rotationHandleStyle.value }), [
               (openBlock(), createElementBlock("svg", {
@@ -840,14 +873,14 @@ function getAnnotationScreenBounds(annotation, scale, rotation) {
     bottom: top + maxY
   };
 }
-const _hoisted_1$b = {
+const _hoisted_1$c = {
   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$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "group-selection-box",
   props: {
     documentId: {},
@@ -1307,7 +1340,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       currentRotation: computed(() => liveRotation.value ?? 0)
     });
     return (_ctx, _cache) => {
-      return __props.selectedAnnotations.length >= 2 ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return __props.selectedAnnotations.length >= 2 ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
         createElementVNode("div", {
           style: normalizeStyle(outerStyle.value)
         }, [
@@ -1466,14 +1499,79 @@ function createRenderer(entry) {
     isDraggable: entry.isDraggable,
     onDoubleClick: entry.onDoubleClick,
     selectOverride: entry.selectOverride,
-    hideSelectionMenu: entry.hideSelectionMenu
+    hideSelectionMenu: entry.hideSelectionMenu,
+    renderPreview: entry.renderPreview ? markRaw(entry.renderPreview) : void 0,
+    hiddenWhenLocked: entry.hiddenWhenLocked,
+    renderLocked: entry.renderLocked ? markRaw(entry.renderLocked) : void 0
   };
 }
-const _hoisted_1$a = ["width", "height", "viewBox"];
+const __default__$e = { inheritAttrs: false };
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
+  ...__default__$e,
+  __name: "link-locked",
+  props: {
+    annotation: {},
+    currentObject: {},
+    isSelected: { type: Boolean },
+    isEditing: { type: Boolean },
+    scale: {},
+    pageIndex: {},
+    documentId: {},
+    onClick: { type: Function },
+    appearanceActive: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const { provides } = useAnnotationCapability();
+    const handleClick = () => {
+      const target = props.annotation.object.target;
+      if (!target || !provides.value) return;
+      provides.value.forDocument(props.documentId).navigateTarget(target);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        onClick: handleClick,
+        style: {
+          width: "100%",
+          height: "100%",
+          cursor: "pointer",
+          pointerEvents: "auto"
+        }
+      });
+    };
+  }
+});
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
+  __name: "link-preview",
+  props: {
+    data: {},
+    bounds: {},
+    scale: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const style = computed(() => ({
+      position: "absolute",
+      left: 0,
+      top: 0,
+      width: `${props.bounds.size.width * props.scale}px`,
+      height: `${props.bounds.size.height * props.scale}px`,
+      borderBottom: `${props.data.strokeWidth * props.scale}px solid ${props.data.strokeColor}`,
+      backgroundColor: "rgba(0, 0, 255, 0.05)",
+      boxSizing: "border-box"
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle(style.value)
+      }, null, 4);
+    };
+  }
+});
+const _hoisted_1$b = ["width", "height", "viewBox"];
 const _hoisted_2$8 = ["d", "stroke-width"];
 const _hoisted_3$8 = ["d", "opacity"];
 const __default__$d = { inheritAttrs: false };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   ...__default__$d,
   __name: "ink",
   props: {
@@ -1531,8 +1629,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             onPointerdown: _cache[0] || (_cache[0] = //@ts-ignore
             (...args) => __props.onClick && __props.onClick(...args)),
             style: normalizeStyle({
-              cursor: __props.isSelected ? "move" : "pointer",
-              pointerEvents: __props.isSelected ? "none" : "visibleStroke",
+              cursor: __props.isSelected ? "move" : __props.onClick ? "pointer" : "default",
+              pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : "visibleStroke",
               strokeLinecap: "round",
               strokeLinejoin: "round"
             })
@@ -1553,11 +1651,11 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             })
           }, null, 12, _hoisted_3$8);
         }), 128)) : createCommentVNode("", true)
-      ], 12, _hoisted_1$a);
+      ], 12, _hoisted_1$b);
     };
   }
 });
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "ink-renderer",
   props: {
     annotation: {},
@@ -1572,7 +1670,7 @@ const _sfc_main$z = /* @__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,
@@ -1581,13 +1679,13 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = ["width", "height", "viewBox"];
+const _hoisted_1$a = ["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$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...__default__$c,
   __name: "square",
   props: {
@@ -1659,8 +1757,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           onPointerdown: _cache[0] || (_cache[0] = //@ts-ignore
           (...args) => __props.onClick && __props.onClick(...args)),
           style: normalizeStyle({
-            cursor: __props.isSelected ? "move" : "pointer",
-            pointerEvents: __props.isSelected ? "none" : __props.color === "transparent" ? "visibleStroke" : "visible"
+            cursor: __props.isSelected ? "move" : __props.onClick ? "pointer" : "default",
+            pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : __props.color === "transparent" ? "visibleStroke" : "visible"
           })
         }, null, 44, _hoisted_2$7)) : (openBlock(), createElementBlock("rect", {
           key: 1,
@@ -1674,8 +1772,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           onPointerdown: _cache[1] || (_cache[1] = //@ts-ignore
           (...args) => __props.onClick && __props.onClick(...args)),
           style: normalizeStyle({
-            cursor: __props.isSelected ? "move" : "pointer",
-            pointerEvents: __props.isSelected ? "none" : __props.color === "transparent" ? "visibleStroke" : "visible"
+            cursor: __props.isSelected ? "move" : __props.onClick ? "pointer" : "default",
+            pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : __props.color === "transparent" ? "visibleStroke" : "visible"
           })
         }, null, 44, _hoisted_3$7)),
         !__props.appearanceActive ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
@@ -1708,11 +1806,11 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             })
           }, null, 12, _hoisted_5$5))
         ], 64)) : createCommentVNode("", true)
-      ], 12, _hoisted_1$9);
+      ], 12, _hoisted_1$a);
     };
   }
 });
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "square-renderer",
   props: {
     annotation: {},
@@ -1727,7 +1825,7 @@ const _sfc_main$x = /* @__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,
@@ -1736,13 +1834,13 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$8 = ["width", "height", "viewBox"];
+const _hoisted_1$9 = ["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$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...__default__$b,
   __name: "circle",
   props: {
@@ -1816,8 +1914,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
           onPointerdown: _cache[0] || (_cache[0] = //@ts-ignore
           (...args) => __props.onClick && __props.onClick(...args)),
           style: normalizeStyle({
-            cursor: __props.isSelected ? "move" : "pointer",
-            pointerEvents: __props.isSelected ? "none" : __props.color === "transparent" ? "visibleStroke" : "visible"
+            cursor: __props.isSelected ? "move" : __props.onClick ? "pointer" : "default",
+            pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : __props.color === "transparent" ? "visibleStroke" : "visible"
           })
         }, null, 44, _hoisted_2$6)) : (openBlock(), createElementBlock("ellipse", {
           key: 1,
@@ -1831,8 +1929,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
           onPointerdown: _cache[1] || (_cache[1] = //@ts-ignore
           (...args) => __props.onClick && __props.onClick(...args)),
           style: normalizeStyle({
-            cursor: __props.isSelected ? "move" : "pointer",
-            pointerEvents: __props.isSelected ? "none" : __props.color === "transparent" ? "visibleStroke" : "visible"
+            cursor: __props.isSelected ? "move" : __props.onClick ? "pointer" : "default",
+            pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : __props.color === "transparent" ? "visibleStroke" : "visible"
           })
         }, null, 44, _hoisted_3$6)),
         !__props.appearanceActive ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
@@ -1865,11 +1963,11 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
             })
           }, null, 12, _hoisted_5$4))
         ], 64)) : createCommentVNode("", true)
-      ], 12, _hoisted_1$8);
+      ], 12, _hoisted_1$9);
     };
   }
 });
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "circle-renderer",
   props: {
     annotation: {},
@@ -1884,7 +1982,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$w, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$x, mergeProps(__props.currentObject, {
         isSelected: __props.isSelected,
         scale: __props.scale,
         onClick: __props.onClick,
@@ -1893,7 +1991,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = ["width", "height", "viewBox"];
+const _hoisted_1$8 = ["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"];
@@ -1901,7 +1999,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$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...__default__$a,
   __name: "line",
   props: {
@@ -1973,8 +2071,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           onPointerdown: _cache[0] || (_cache[0] = //@ts-ignore
           (...args) => __props.onClick && __props.onClick(...args)),
           style: normalizeStyle({
-            cursor: __props.isSelected ? "move" : "pointer",
-            pointerEvents: __props.isSelected ? "none" : "visibleStroke",
+            cursor: __props.isSelected ? "move" : __props.onClick ? "pointer" : "default",
+            pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : "visibleStroke",
             strokeLinecap: "butt"
           })
         }, null, 44, _hoisted_2$5),
@@ -1988,8 +2086,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           onPointerdown: _cache[1] || (_cache[1] = //@ts-ignore
           (...args) => __props.onClick && __props.onClick(...args)),
           style: normalizeStyle({
-            cursor: __props.isSelected ? "move" : "pointer",
-            pointerEvents: __props.isSelected ? "none" : endings.value.start.filled ? "visible" : "visibleStroke",
+            cursor: __props.isSelected ? "move" : __props.onClick ? "pointer" : "default",
+            pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : endings.value.start.filled ? "visible" : "visibleStroke",
             strokeLinecap: "butt"
           })
         }, null, 44, _hoisted_3$5)) : createCommentVNode("", true),
@@ -2003,8 +2101,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           onPointerdown: _cache[2] || (_cache[2] = //@ts-ignore
           (...args) => __props.onClick && __props.onClick(...args)),
           style: normalizeStyle({
-            cursor: __props.isSelected ? "move" : "pointer",
-            pointerEvents: __props.isSelected ? "none" : endings.value.end.filled ? "visible" : "visibleStroke",
+            cursor: __props.isSelected ? "move" : __props.onClick ? "pointer" : "default",
+            pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : endings.value.end.filled ? "visible" : "visibleStroke",
             strokeLinecap: "butt"
           })
         }, null, 44, _hoisted_4$4)) : createCommentVNode("", true),
@@ -2056,11 +2154,11 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             })
           }, null, 12, _hoisted_7$1)) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true)
-      ], 12, _hoisted_1$7);
+      ], 12, _hoisted_1$8);
     };
   }
 });
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "line-renderer",
   props: {
     annotation: {},
@@ -2075,7 +2173,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$u, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$v, mergeProps(__props.currentObject, {
         isSelected: __props.isSelected,
         scale: __props.scale,
         onClick: __props.onClick,
@@ -2084,7 +2182,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$6 = ["width", "height", "viewBox"];
+const _hoisted_1$7 = ["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"];
@@ -2092,7 +2190,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$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...__default__$9,
   __name: "polyline",
   props: {
@@ -2178,8 +2276,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           onPointerdown: _cache[0] || (_cache[0] = //@ts-ignore
           (...args) => __props.onClick && __props.onClick(...args)),
           style: normalizeStyle({
-            cursor: __props.isSelected ? "move" : "pointer",
-            pointerEvents: __props.isSelected ? "none" : "visibleStroke",
+            cursor: __props.isSelected ? "move" : __props.onClick ? "pointer" : "default",
+            pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : "visibleStroke",
             strokeLinecap: "butt",
             strokeLinejoin: "miter"
           })
@@ -2194,8 +2292,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           onPointerdown: _cache[1] || (_cache[1] = //@ts-ignore
           (...args) => __props.onClick && __props.onClick(...args)),
           style: normalizeStyle({
-            cursor: __props.isSelected ? "move" : "pointer",
-            pointerEvents: __props.isSelected ? "none" : endings.value.start.filled ? "visible" : "visibleStroke",
+            cursor: __props.isSelected ? "move" : __props.onClick ? "pointer" : "default",
+            pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : endings.value.start.filled ? "visible" : "visibleStroke",
             strokeLinecap: "butt"
           })
         }, null, 44, _hoisted_3$4)) : createCommentVNode("", true),
@@ -2209,8 +2307,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           onPointerdown: _cache[2] || (_cache[2] = //@ts-ignore
           (...args) => __props.onClick && __props.onClick(...args)),
           style: normalizeStyle({
-            cursor: __props.isSelected ? "move" : "pointer",
-            pointerEvents: __props.isSelected ? "none" : endings.value.end.filled ? "visible" : "visibleStroke",
+            cursor: __props.isSelected ? "move" : __props.onClick ? "pointer" : "default",
+            pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : endings.value.end.filled ? "visible" : "visibleStroke",
             strokeLinecap: "butt"
           })
         }, null, 44, _hoisted_4$3)) : createCommentVNode("", true),
@@ -2261,11 +2359,11 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             })
           }, null, 12, _hoisted_7)) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true)
-      ], 12, _hoisted_1$6);
+      ], 12, _hoisted_1$7);
     };
   }
 });
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "polyline-renderer",
   props: {
     annotation: {},
@@ -2280,7 +2378,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$s, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$t, mergeProps(__props.currentObject, {
         isSelected: __props.isSelected,
         scale: __props.scale,
         onClick: __props.onClick,
@@ -2289,14 +2387,14 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = ["width", "height", "viewBox"];
+const _hoisted_1$6 = ["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$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...__default__$8,
   __name: "polygon",
   props: {
@@ -2373,8 +2471,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           onPointerdown: _cache[0] || (_cache[0] = //@ts-ignore
           (...args) => __props.onClick && __props.onClick(...args)),
           style: normalizeStyle({
-            cursor: __props.isSelected ? "move" : "pointer",
-            pointerEvents: __props.isSelected ? "none" : __props.color === "transparent" ? "visibleStroke" : "visible",
+            cursor: __props.isSelected ? "move" : __props.onClick ? "pointer" : "default",
+            pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : __props.color === "transparent" ? "visibleStroke" : "visible",
             strokeLinecap: "butt",
             strokeLinejoin: "miter"
           })
@@ -2433,11 +2531,11 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
             }, null, 8, _hoisted_6)) : createCommentVNode("", true)
           ], 64))
         ], 64)) : createCommentVNode("", true)
-      ], 12, _hoisted_1$5);
+      ], 12, _hoisted_1$6);
     };
   }
 });
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "polygon-renderer",
   props: {
     annotation: {},
@@ -2452,7 +2550,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$q, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$r, mergeProps(__props.currentObject, {
         isSelected: __props.isSelected,
         scale: __props.scale,
         onClick: __props.onClick,
@@ -2461,9 +2559,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = ["contenteditable"];
+const _hoisted_1$5 = ["contenteditable"];
 const __default__$7 = { inheritAttrs: false };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...__default__$7,
   __name: "free-text",
   props: {
@@ -2487,48 +2585,46 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         return ((_a = annotationCapability.value) == null ? void 0 : _a.forDocument(props.documentId)) ?? null;
       }
     );
-    const isIOS = ref(false);
-    onMounted(() => {
-      try {
-        const nav = navigator;
-        isIOS.value = /iPad|iPhone|iPod/.test(navigator.userAgent) || navigator.platform === "MacIntel" && (nav == null ? void 0 : nav.maxTouchPoints) > 1;
-      } catch {
-        isIOS.value = false;
-      }
-    });
+    const ios = useIOSZoomPrevention(
+      () => props.annotation.object.fontSize * props.scale,
+      () => props.isEditing
+    );
     watch(
       () => props.isEditing,
-      (editing) => {
-        if (editing && editorRef.value) {
-          editingRef.value = true;
-          const editor = editorRef.value;
-          editor.focus();
-          const selection = window.getSelection();
-          if (selection) {
-            const range = document.createRange();
-            range.selectNodeContents(editor);
+      async (editing) => {
+        var _a, _b;
+        if (!editing) return;
+        await nextTick();
+        if (!editorRef.value) return;
+        editingRef.value = true;
+        const editor = editorRef.value;
+        editor.focus();
+        const tool = (_a = annotationProvides.value) == null ? void 0 : _a.findToolForAnnotation(props.annotation.object);
+        const isDefaultContent = ((_b = tool == null ? void 0 : tool.defaults) == null ? void 0 : _b.contents) != null && props.annotation.object.contents === tool.defaults.contents;
+        const selection = window.getSelection();
+        if (selection) {
+          const range = document.createRange();
+          range.selectNodeContents(editor);
+          if (!isDefaultContent) {
             range.collapse(false);
-            selection.removeAllRanges();
-            selection.addRange(range);
           }
+          selection.removeAllRanges();
+          selection.addRange(range);
         }
-      }
+      },
+      { immediate: true }
     );
     const handleBlur = () => {
       if (!editingRef.value) return;
       editingRef.value = false;
       if (!annotationProvides.value || !editorRef.value) return;
       annotationProvides.value.updateAnnotation(props.pageIndex, props.annotation.object.id, {
-        contents: editorRef.value.innerText
+        contents: editorRef.value.innerText.replace(/\u00A0/g, " ")
       });
     };
     const editorStyle = computed(() => {
       const { object: anno } = props.annotation;
-      const computedFontPx = anno.fontSize * props.scale;
-      const MIN_IOS_FOCUS_FONT_PX = 16;
-      const needsComp = isIOS.value && props.isEditing && computedFontPx > 0 && computedFontPx < MIN_IOS_FOCUS_FONT_PX;
-      const adjustedFontPx = needsComp ? MIN_IOS_FOCUS_FONT_PX : computedFontPx;
-      const scaleComp = needsComp ? computedFontPx / MIN_IOS_FOCUS_FONT_PX : 1;
+      const { needsComp, adjustedFontPx, scaleComp } = ios.value;
       const invScalePercent = needsComp ? 100 / scaleComp : 100;
       return {
         color: anno.fontColor,
@@ -2544,7 +2640,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         height: needsComp ? `${invScalePercent}%` : "100%",
         lineHeight: "1.18",
         overflow: "hidden",
-        cursor: props.isEditing ? "text" : "pointer",
+        cursor: props.isEditing ? "text" : props.onClick ? "pointer" : "default",
         outline: "none",
         transform: needsComp ? `scale(${scaleComp})` : void 0,
         transformOrigin: "top left"
@@ -2557,7 +2653,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           width: `${__props.annotation.object.rect.size.width * __props.scale}px`,
           height: `${__props.annotation.object.rect.size.height * __props.scale}px`,
           cursor: __props.isSelected && !__props.isEditing ? "move" : "default",
-          pointerEvents: __props.isSelected && !__props.isEditing ? "none" : "auto",
+          pointerEvents: !__props.onClick ? "none" : __props.isSelected && !__props.isEditing ? "none" : "auto",
           zIndex: 2,
           opacity: __props.appearanceActive ? 0 : 1
         }),
@@ -2571,12 +2667,12 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           tabindex: "0",
           style: normalizeStyle(editorStyle.value),
           contenteditable: __props.isEditing
-        }, toDisplayString(__props.annotation.object.contents), 45, _hoisted_1$4)
+        }, toDisplayString(__props.annotation.object.contents), 45, _hoisted_1$5)
       ], 36);
     };
   }
 });
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "free-text-renderer",
   props: {
     annotation: {},
@@ -2591,7 +2687,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$o, {
+      return openBlock(), createBlock(_sfc_main$p, {
         documentId: __props.documentId,
         isSelected: __props.isSelected,
         isEditing: __props.isEditing,
@@ -2604,8 +2700,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$3 = ["src"];
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _hoisted_1$4 = ["src"];
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "render-annotation",
   props: {
     documentId: {},
@@ -2700,12 +2796,12 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
           display: "block",
           ...__props.style
         })
-      }, null, 44, _hoisted_1$3)) : createCommentVNode("", true);
+      }, null, 44, _hoisted_1$4)) : createCommentVNode("", true);
     };
   }
 });
 const __default__$6 = { inheritAttrs: false };
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...__default__$6,
   __name: "stamp",
   props: {
@@ -2728,13 +2824,13 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           width: "100%",
           height: "100%",
           zIndex: 2,
-          pointerEvents: __props.isSelected ? "none" : "auto",
-          cursor: "pointer"
+          pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : "auto",
+          cursor: __props.onClick ? "pointer" : "default"
         }),
         onPointerdown: _cache[0] || (_cache[0] = //@ts-ignore
         (...args) => __props.onClick && __props.onClick(...args))
       }, [
-        createVNode(_sfc_main$m, {
+        createVNode(_sfc_main$n, {
           documentId: __props.documentId,
           pageIndex: __props.pageIndex,
           annotation: { ...__props.annotation.object, id: __props.annotation.object.id },
@@ -2745,7 +2841,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "stamp-renderer",
   props: {
     annotation: {},
@@ -2760,7 +2856,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$l, {
+      return openBlock(), createBlock(_sfc_main$m, {
         isSelected: __props.isSelected,
         annotation: __props.annotation,
         documentId: __props.documentId,
@@ -2771,12 +2867,12 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$2 = ["width", "height", "viewBox"];
+const _hoisted_1$3 = ["width", "height", "viewBox"];
 const _hoisted_2$2 = ["width", "height"];
 const _hoisted_3$2 = ["y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"];
 const _hoisted_4$1 = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-dasharray"];
 const __default__$5 = { inheritAttrs: false };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...__default__$5,
   __name: "link",
   props: {
@@ -2805,10 +2901,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     });
     const isUnderline = computed(() => props.strokeStyle === PdfAnnotationBorderStyle.UNDERLINE);
     const hitAreaCursor = computed(
-      () => props.hasIRT ? "default" : props.isSelected ? "move" : "pointer"
+      () => props.hasIRT || !props.onClick ? "default" : props.isSelected ? "move" : "pointer"
     );
     const hitAreaPointerEvents = computed(
-      () => props.hasIRT ? "none" : props.isSelected ? "none" : "visible"
+      () => props.hasIRT || !props.onClick ? "none" : props.isSelected ? "none" : "visible"
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("svg", {
@@ -2860,11 +2956,11 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           "stroke-dasharray": dashArray.value,
           style: { "pointer-events": "none" }
         }, null, 8, _hoisted_4$1))
-      ], 12, _hoisted_1$2);
+      ], 12, _hoisted_1$3);
     };
   }
 });
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "link-renderer",
   props: {
     annotation: {},
@@ -2879,7 +2975,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$j, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$k, mergeProps(__props.currentObject, {
         isSelected: __props.isSelected,
         scale: __props.scale,
         onClick: __props.onClick,
@@ -2889,7 +2985,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 const __default__$4 = { inheritAttrs: false };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...__default__$4,
   __name: "highlight",
   props: {
@@ -2927,7 +3023,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "highlight-renderer",
   props: {
     annotation: {},
@@ -2942,7 +3038,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$h, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$i, mergeProps(__props.currentObject, {
         scale: __props.scale,
         onClick: __props.onClick,
         appearanceActive: __props.appearanceActive
@@ -2951,7 +3047,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 const __default__$3 = { inheritAttrs: false };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...__default__$3,
   __name: "underline",
   props: {
@@ -3003,7 +3099,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "underline-renderer",
   props: {
     annotation: {},
@@ -3018,7 +3114,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$f, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$g, mergeProps(__props.currentObject, {
         scale: __props.scale,
         onClick: __props.onClick,
         appearanceActive: __props.appearanceActive
@@ -3027,7 +3123,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 const __default__$2 = { inheritAttrs: false };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...__default__$2,
   __name: "strikeout",
   props: {
@@ -3080,7 +3176,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "strikeout-renderer",
   props: {
     annotation: {},
@@ -3095,7 +3191,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$d, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$e, mergeProps(__props.currentObject, {
         scale: __props.scale,
         onClick: __props.onClick,
         appearanceActive: __props.appearanceActive
@@ -3104,7 +3200,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 const __default__$1 = { inheritAttrs: false };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...__default__$1,
   __name: "squiggly",
   props: {
@@ -3168,7 +3264,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "squiggly-renderer",
   props: {
     annotation: {},
@@ -3183,7 +3279,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$b, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$c, mergeProps(__props.currentObject, {
         scale: __props.scale,
         onClick: __props.onClick,
         appearanceActive: __props.appearanceActive
@@ -3191,11 +3287,11 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = ["width", "height", "viewBox"];
+const _hoisted_1$2 = ["width", "height", "viewBox"];
 const _hoisted_2$1 = ["d"];
 const _hoisted_3$1 = ["d", "fill", "stroke", "opacity"];
 const __default__ = { inheritAttrs: false };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...__default__,
   __name: "caret",
   props: {
@@ -3246,8 +3342,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           onPointerdown: _cache[0] || (_cache[0] = //@ts-ignore
           (...args) => __props.onClick && __props.onClick(...args)),
           style: normalizeStyle({
-            cursor: __props.isSelected ? "move" : "pointer",
-            pointerEvents: __props.isSelected ? "none" : "visible"
+            cursor: __props.isSelected ? "move" : __props.onClick ? "pointer" : "default",
+            pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : "visible"
           })
         }, null, 44, _hoisted_2$1),
         !__props.appearanceActive ? (openBlock(), createElementBlock("path", {
@@ -3260,11 +3356,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           "fill-rule": "evenodd",
           style: { pointerEvents: "none" }
         }, null, 8, _hoisted_3$1)) : createCommentVNode("", true)
-      ], 12, _hoisted_1$1);
+      ], 12, _hoisted_1$2);
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "caret-renderer",
   props: {
     annotation: {},
@@ -3279,7 +3375,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$9, mergeProps(__props.currentObject, {
+      return openBlock(), createBlock(_sfc_main$a, mergeProps(__props.currentObject, {
         isSelected: __props.isSelected,
         scale: __props.scale,
         onClick: __props.onClick,
@@ -3288,7 +3384,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = {
+const _hoisted_1$1 = {
   key: 0,
   style: { position: "absolute", inset: 0, pointerEvents: "none" },
   viewBox: "0 0 20 20",
@@ -3299,7 +3395,7 @@ const _hoisted_2 = ["fill", "opacity", "stroke"];
 const _hoisted_3 = ["stroke"];
 const _hoisted_4 = ["stroke"];
 const _hoisted_5 = ["stroke"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "text",
   props: {
     isSelected: { type: Boolean },
@@ -3317,13 +3413,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           position: "absolute",
           inset: 0,
           zIndex: 2,
-          pointerEvents: __props.isSelected ? "none" : "auto",
-          cursor: __props.isSelected ? "move" : "pointer"
+          pointerEvents: !__props.onClick ? "none" : __props.isSelected ? "none" : "auto",
+          cursor: __props.isSelected ? "move" : __props.onClick ? "pointer" : "default"
         }),
         onPointerdown: _cache[0] || (_cache[0] = //@ts-ignore
         (...args) => __props.onClick && __props.onClick(...args))
       }, [
-        !__props.appearanceActive ? (openBlock(), createElementBlock("svg", _hoisted_1, [
+        !__props.appearanceActive ? (openBlock(), createElementBlock("svg", _hoisted_1$1, [
           createElementVNode("path", {
             d: "M 0.5 15.5 L 0.5 0.5 L 19.5 0.5 L 19.5 15.5 L 8.5 15.5 L 6.5 19.5 L 4.5 15.5 Z",
             fill: __props.color,
@@ -3361,7 +3457,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "text-renderer",
   props: {
     annotation: {},
@@ -3376,7 +3472,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$7, {
+      return openBlock(), createBlock(_sfc_main$8, {
         isSelected: __props.isSelected,
         color: __props.currentObject.strokeColor ?? __props.currentObject.color,
         opacity: __props.currentObject.opacity,
@@ -3390,25 +3486,25 @@ const builtInRenderers = [
   createRenderer({
     id: "ink",
     matches: (a) => a.type === PdfAnnotationSubtype.INK,
-    component: _sfc_main$z,
+    component: _sfc_main$A,
     interactionDefaults: { isDraggable: true, isResizable: true, isRotatable: true }
   }),
   createRenderer({
     id: "square",
     matches: (a) => a.type === PdfAnnotationSubtype.SQUARE,
-    component: _sfc_main$x,
+    component: _sfc_main$y,
     interactionDefaults: { isDraggable: true, isResizable: true, isRotatable: true }
   }),
   createRenderer({
     id: "circle",
     matches: (a) => a.type === PdfAnnotationSubtype.CIRCLE,
-    component: _sfc_main$v,
+    component: _sfc_main$w,
     interactionDefaults: { isDraggable: true, isResizable: true, isRotatable: true }
   }),
   createRenderer({
     id: "line",
     matches: (a) => a.type === PdfAnnotationSubtype.LINE,
-    component: _sfc_main$t,
+    component: _sfc_main$u,
     vertexConfig: {
       extractVertices: (a) => [a.linePoints.start, a.linePoints.end],
       transformAnnotation: (a, v) => ({
@@ -3421,7 +3517,7 @@ const builtInRenderers = [
   createRenderer({
     id: "polyline",
     matches: (a) => a.type === PdfAnnotationSubtype.POLYLINE,
-    component: _sfc_main$r,
+    component: _sfc_main$s,
     vertexConfig: {
       extractVertices: (a) => a.vertices,
       transformAnnotation: (a, vertices) => ({ ...a, vertices })
@@ -3431,7 +3527,7 @@ const builtInRenderers = [
   createRenderer({
     id: "polygon",
     matches: (a) => a.type === PdfAnnotationSubtype.POLYGON,
-    component: _sfc_main$p,
+    component: _sfc_main$q,
     vertexConfig: {
       extractVertices: (a) => a.vertices,
       transformAnnotation: (a, vertices) => ({ ...a, vertices })
@@ -3441,7 +3537,7 @@ const builtInRenderers = [
   createRenderer({
     id: "highlight",
     matches: (a) => a.type === PdfAnnotationSubtype.HIGHLIGHT,
-    component: _sfc_main$g,
+    component: _sfc_main$h,
     zIndex: 0,
     interactionDefaults: { isDraggable: false, isResizable: false, isRotatable: false },
     defaultBlendMode: PdfBlendMode.Multiply
@@ -3449,40 +3545,40 @@ const builtInRenderers = [
   createRenderer({
     id: "underline",
     matches: (a) => a.type === PdfAnnotationSubtype.UNDERLINE,
-    component: _sfc_main$e,
+    component: _sfc_main$f,
     zIndex: 0,
     interactionDefaults: { isDraggable: false, isResizable: false, isRotatable: false }
   }),
   createRenderer({
     id: "strikeout",
     matches: (a) => a.type === PdfAnnotationSubtype.STRIKEOUT,
-    component: _sfc_main$c,
+    component: _sfc_main$d,
     zIndex: 0,
     interactionDefaults: { isDraggable: false, isResizable: false, isRotatable: false }
   }),
   createRenderer({
     id: "squiggly",
     matches: (a) => a.type === PdfAnnotationSubtype.SQUIGGLY,
-    component: _sfc_main$a,
+    component: _sfc_main$b,
     zIndex: 0,
     interactionDefaults: { isDraggable: false, isResizable: false, isRotatable: false }
   }),
   createRenderer({
     id: "text",
     matches: (a) => a.type === PdfAnnotationSubtype.TEXT && !a.inReplyToId,
-    component: _sfc_main$6,
+    component: _sfc_main$7,
     interactionDefaults: { isDraggable: true, isResizable: false, isRotatable: false }
   }),
   createRenderer({
     id: "caret",
     matches: (a) => a.type === PdfAnnotationSubtype.CARET,
-    component: _sfc_main$8,
+    component: _sfc_main$9,
     interactionDefaults: { isDraggable: false, isResizable: false, isRotatable: false }
   }),
   createRenderer({
     id: "freeText",
     matches: (a) => a.type === PdfAnnotationSubtype.FREETEXT,
-    component: _sfc_main$n,
+    component: _sfc_main$o,
     interactionDefaults: { isDraggable: true, isResizable: true, isRotatable: true },
     isDraggable: (toolDraggable, { isEditing }) => toolDraggable && !isEditing,
     onDoubleClick: (id, setEditingId) => setEditingId(id)
@@ -3490,15 +3586,16 @@ const builtInRenderers = [
   createRenderer({
     id: "stamp",
     matches: (a) => a.type === PdfAnnotationSubtype.STAMP,
-    component: _sfc_main$k,
+    component: _sfc_main$l,
     useAppearanceStream: false,
     interactionDefaults: { isDraggable: true, isResizable: true, isRotatable: true }
   }),
   createRenderer({
     id: "link",
     matches: (a) => a.type === PdfAnnotationSubtype.LINK,
-    component: _sfc_main$i,
-    interactionDefaults: { isDraggable: false, isResizable: false, isRotatable: false },
+    component: _sfc_main$j,
+    renderPreview: _sfc_main$C,
+    interactionDefaults: { isDraggable: true, isResizable: true, isRotatable: false },
     useAppearanceStream: false,
     selectOverride: (e, annotation, helpers) => {
       e.stopPropagation();
@@ -3514,10 +3611,11 @@ const builtInRenderers = [
       }
       helpers.selectAnnotation(helpers.pageIndex, annotation.object.id);
     },
-    hideSelectionMenu: (a) => !!a.inReplyToId
+    hideSelectionMenu: (a) => !!a.inReplyToId,
+    renderLocked: _sfc_main$D
   })
 ];
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "annotations",
   props: {
     documentId: {},
@@ -3548,6 +3646,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     });
     const editingId = ref(null);
     const appearanceMap = shallowRef({});
+    const lockedMode = shallowRef({ type: LockModeType.None });
     let prevScale = props.scale;
     const annotationProvides = computed(
       () => annotationCapability.value ? annotationCapability.value.forDocument(props.documentId) : null
@@ -3579,10 +3678,17 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         const syncState = (state) => {
           annotations.value = getAnnotationsByPageIndex(state, pageIndex);
           allSelectedIds.value = getSelectedAnnotationIds(state);
+          lockedMode.value = state.locked;
         };
         syncState(provides.getState());
         const off = provides.onStateChange(syncState);
         onCleanup(off);
+        const offEvent = provides.onAnnotationEvent((event) => {
+          if (event.type === "create" && event.editAfterCreate) {
+            editingId.value = event.annotation.id;
+          }
+        });
+        onCleanup(offEvent);
       },
       { immediate: true }
     );
@@ -3617,13 +3723,20 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     const resolvedAnnotations = computed(
-      () => annotations.value.map((annotation) => ({
-        annotation,
-        renderer: resolveRenderer(annotation)
-      }))
+      () => annotations.value.map((annotation) => {
+        var _a;
+        const renderer = resolveRenderer(annotation);
+        if (!renderer) return null;
+        const tool = ((_a = annotationProvides.value) == null ? void 0 : _a.findToolForAnnotation(annotation.object)) ?? null;
+        const categories = getAnnotationCategories(tool);
+        const locked = hasLockedFlag(annotation.object) || isCategoryLocked(categories, lockedMode.value);
+        if (locked && renderer.hiddenWhenLocked) return null;
+        return { annotation, renderer, tool, locked };
+      }).filter((v) => v !== null)
     );
-    const getFinalDraggable = (annotation, renderer) => {
+    const getFinalDraggable = (annotation, renderer, locked) => {
       var _a;
+      if (locked) return false;
       const tool = (_a = annotationProvides.value) == null ? void 0 : _a.findToolForAnnotation(annotation.object);
       const defaults = renderer.interactionDefaults;
       const isEditing = editingId.value === annotation.object.id;
@@ -3634,8 +3747,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       );
       return renderer.isDraggable ? renderer.isDraggable(resolvedDraggable, { isEditing }) : resolvedDraggable;
     };
-    const getResolvedResizable = (annotation, renderer) => {
+    const getResolvedResizable = (annotation, renderer, locked) => {
       var _a, _b;
+      if (locked) return false;
       const tool = (_a = annotationProvides.value) == null ? void 0 : _a.findToolForAnnotation(annotation.object);
       return resolveInteractionProp(
         tool == null ? void 0 : tool.interaction.isResizable,
@@ -3652,8 +3766,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         ((_b = renderer.interactionDefaults) == null ? void 0 : _b.lockAspectRatio) ?? false
       );
     };
-    const getResolvedRotatable = (annotation, renderer) => {
+    const getResolvedRotatable = (annotation, renderer, locked) => {
       var _a, _b;
+      if (locked) return false;
       const tool = (_a = annotationProvides.value) == null ? void 0 : _a.findToolForAnnotation(annotation.object);
       return resolveInteractionProp(
         tool == null ? void 0 : tool.interaction.isRotatable,
@@ -3661,13 +3776,18 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         ((_b = renderer.interactionDefaults) == null ? void 0 : _b.isRotatable) ?? false
       );
     };
-    const getSelectionMenu = (annotation, renderer) => {
+    const getSelectionMenu = (annotation, renderer, locked) => {
       var _a;
+      if (locked) return void 0;
       if ((_a = renderer.hideSelectionMenu) == null ? void 0 : _a.call(renderer, annotation.object)) return void 0;
       if (isMultiSelected.value) return void 0;
       return props.selectionMenu;
     };
-    const getOnSelect = (annotation, renderer) => {
+    const noopSelect = (e) => {
+      e.stopPropagation();
+    };
+    const getOnSelect = (annotation, renderer, locked) => {
+      if (locked) return noopSelect;
       if (renderer.selectOverride) {
         const selectHelpers = {
           defaultSelect: handleClick,
@@ -3688,6 +3808,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
     const handlePointerDown = (_pos, pe) => {
       if (pe.target === pe.currentTarget && annotationProvides.value) {
+        if (editingId.value && annotations.value.some((a) => a.object.id === editingId.value)) {
+          pe.stopImmediatePropagation();
+        }
         annotationProvides.value.deselectAnnotation();
         editingId.value = null;
       }
@@ -3787,7 +3910,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       const allSelected = annotationProvides.value.getSelectedAnnotations();
       return allSelected.every((ta) => ta.object.pageIndex === props.pageIndex);
     });
-    const getOnDoubleClick = (renderer, annotation) => {
+    const getOnDoubleClick = (renderer, annotation, locked) => {
+      if (locked) return void 0;
       if (!renderer.onDoubleClick) return void 0;
       return (e) => {
         e.stopPropagation();
@@ -3799,8 +3923,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         annotation.object.blendMode ?? renderer.defaultBlendMode ?? PdfBlendMode.Normal
       );
     };
-    const getAppearance = (annotation, renderer) => {
+    const getAppearance = (annotation, renderer, locked) => {
       var _a, _b;
+      if (locked && renderer.renderLocked) return void 0;
       const tool = (_a = annotationProvides.value) == null ? void 0 : _a.findToolForAnnotation(annotation.object);
       const useAP = ((_b = tool == null ? void 0 : tool.behavior) == null ? void 0 : _b.useAppearanceStream) ?? renderer.useAppearanceStream ?? true;
       return useAP ? getAppearanceForAnnotation(annotation) : void 0;
@@ -3817,65 +3942,61 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(resolvedAnnotations.value, ({ annotation, renderer }) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(resolvedAnnotations.value, ({ annotation, renderer, locked }) => {
           var _a;
-          return openBlock(), createElementBlock(Fragment, {
-            key: annotation.object.id
+          return openBlock(), createBlock(_sfc_main$F, mergeProps({
+            key: annotation.object.id,
+            trackedAnnotation: annotation,
+            isSelected: locked ? false : allSelectedIds.value.includes(annotation.object.id),
+            isEditing: locked ? false : editingId.value === annotation.object.id,
+            isMultiSelected: locked ? false : isMultiSelected.value,
+            isDraggable: getFinalDraggable(annotation, renderer, locked),
+            isResizable: getResolvedResizable(annotation, renderer, locked),
+            lockAspectRatio: getResolvedLockAspectRatio(annotation, renderer),
+            isRotatable: getResolvedRotatable(annotation, renderer, locked),
+            vertexConfig: locked ? void 0 : renderer.vertexConfig,
+            selectionMenu: getSelectionMenu(annotation, renderer, locked),
+            onSelect: getOnSelect(annotation, renderer, locked),
+            onDoubleClick: getOnDoubleClick(renderer, annotation, locked),
+            zIndex: renderer.zIndex,
+            blendMode: getBlendMode(annotation, renderer),
+            style: (_a = renderer.containerStyle) == null ? void 0 : _a.call(renderer, annotation.object),
+            appearance: getAppearance(annotation, renderer, locked)
+          }, { ref_for: true }, containerProps.value), createSlots({
+            default: withCtx(({ annotation: currentObject, appearanceActive }) => [
+              (openBlock(), createBlock(resolveDynamicComponent(locked && renderer.renderLocked ? renderer.renderLocked : renderer.component), {
+                annotation,
+                currentObject,
+                isSelected: locked ? false : allSelectedIds.value.includes(annotation.object.id),
+                isEditing: locked ? false : editingId.value === annotation.object.id,
+                scale: __props.scale,
+                pageIndex: __props.pageIndex,
+                documentId: __props.documentId,
+                onClick: locked ? void 0 : getOnSelect(annotation, renderer, locked),
+                appearanceActive
+              }, null, 8, ["annotation", "currentObject", "isSelected", "isEditing", "scale", "pageIndex", "documentId", "onClick", "appearanceActive"]))
+            ]),
+            "resize-handle": withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, "resize-handle", mergeProps({ ref_for: true }, slotProps))
+            ]),
+            "vertex-handle": withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, "vertex-handle", mergeProps({ ref_for: true }, slotProps))
+            ]),
+            "rotation-handle": withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, "rotation-handle", mergeProps({ ref_for: true }, slotProps))
+            ]),
+            _: 2
           }, [
-            renderer ? (openBlock(), createBlock(_sfc_main$C, mergeProps({
-              key: 0,
-              trackedAnnotation: annotation,
-              isSelected: allSelectedIds.value.includes(annotation.object.id),
-              isEditing: editingId.value === annotation.object.id,
-              isMultiSelected: isMultiSelected.value,
-              isDraggable: getFinalDraggable(annotation, renderer),
-              isResizable: getResolvedResizable(annotation, renderer),
-              lockAspectRatio: getResolvedLockAspectRatio(annotation, renderer),
-              isRotatable: getResolvedRotatable(annotation, renderer),
-              vertexConfig: renderer.vertexConfig,
-              selectionMenu: getSelectionMenu(annotation, renderer),
-              onSelect: getOnSelect(annotation, renderer),
-              onDoubleClick: getOnDoubleClick(renderer, annotation),
-              zIndex: renderer.zIndex,
-              blendMode: getBlendMode(annotation, renderer),
-              style: (_a = renderer.containerStyle) == null ? void 0 : _a.call(renderer, annotation.object),
-              appearance: getAppearance(annotation, renderer)
-            }, { ref_for: true }, containerProps.value), createSlots({
-              default: withCtx(({ annotation: currentObject, appearanceActive }) => [
-                (openBlock(), createBlock(resolveDynamicComponent(renderer.component), {
-                  annotation,
-                  currentObject,
-                  isSelected: allSelectedIds.value.includes(annotation.object.id),
-                  isEditing: editingId.value === annotation.object.id,
-                  scale: __props.scale,
-                  pageIndex: __props.pageIndex,
-                  documentId: __props.documentId,
-                  onClick: getOnSelect(annotation, renderer),
-                  appearanceActive
-                }, null, 8, ["annotation", "currentObject", "isSelected", "isEditing", "scale", "pageIndex", "documentId", "onClick", "appearanceActive"]))
-              ]),
-              "resize-handle": withCtx((slotProps) => [
-                renderSlot(_ctx.$slots, "resize-handle", mergeProps({ ref_for: true }, slotProps))
+            !isMultiSelected.value ? {
+              name: "selection-menu",
+              fn: withCtx((slotProps) => [
+                renderSlot(_ctx.$slots, "selection-menu", mergeProps({ ref_for: true }, slotProps))
               ]),
-              "vertex-handle": withCtx((slotProps) => [
-                renderSlot(_ctx.$slots, "vertex-handle", mergeProps({ ref_for: true }, slotProps))
-              ]),
-              "rotation-handle": withCtx((slotProps) => [
-                renderSlot(_ctx.$slots, "rotation-handle", mergeProps({ ref_for: true }, slotProps))
-              ]),
-              _: 2
-            }, [
-              !isMultiSelected.value ? {
-                name: "selection-menu",
-                fn: withCtx((slotProps) => [
-                  renderSlot(_ctx.$slots, "selection-menu", mergeProps({ ref_for: true }, slotProps))
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1040, ["trackedAnnotation", "isSelected", "isEditing", "isMultiSelected", "isDraggable", "isResizable", "lockAspectRatio", "isRotatable", "vertexConfig", "selectionMenu", "onSelect", "onDoubleClick", "zIndex", "blendMode", "style", "appearance"])) : createCommentVNode("", true)
-          ], 64);
+              key: "0"
+            } : 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$B, {
+        allSelectedOnSamePage.value && selectedAnnotationsOnPage.value.length >= 2 ? (openBlock(), createBlock(_sfc_main$E, {
           key: 0,
           documentId: __props.documentId,
           pageIndex: __props.pageIndex,
@@ -3909,7 +4030,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "text-markup",
   props: {
     documentId: {},
@@ -3958,25 +4079,25 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           inset: 0
         })
       }, [
-        activeTool.value.defaults.type === unref(PdfAnnotationSubtype).HIGHLIGHT ? (openBlock(), createBlock(_sfc_main$h, {
+        activeTool.value.defaults.type === unref(PdfAnnotationSubtype).HIGHLIGHT ? (openBlock(), createBlock(_sfc_main$i, {
           key: 0,
           strokeColor: activeTool.value.defaults.strokeColor,
           opacity: activeTool.value.defaults.opacity,
           segmentRects: rects.value,
           scale: __props.scale
-        }, null, 8, ["strokeColor", "opacity", "segmentRects", "scale"])) : activeTool.value.defaults.type === unref(PdfAnnotationSubtype).UNDERLINE ? (openBlock(), createBlock(_sfc_main$f, {
+        }, null, 8, ["strokeColor", "opacity", "segmentRects", "scale"])) : activeTool.value.defaults.type === unref(PdfAnnotationSubtype).UNDERLINE ? (openBlock(), createBlock(_sfc_main$g, {
           key: 1,
           strokeColor: activeTool.value.defaults.strokeColor,
           opacity: activeTool.value.defaults.opacity,
           segmentRects: rects.value,
           scale: __props.scale
-        }, null, 8, ["strokeColor", "opacity", "segmentRects", "scale"])) : activeTool.value.defaults.type === unref(PdfAnnotationSubtype).STRIKEOUT ? (openBlock(), createBlock(_sfc_main$d, {
+        }, null, 8, ["strokeColor", "opacity", "segmentRects", "scale"])) : activeTool.value.defaults.type === unref(PdfAnnotationSubtype).STRIKEOUT ? (openBlock(), createBlock(_sfc_main$e, {
           key: 2,
           strokeColor: activeTool.value.defaults.strokeColor,
           opacity: activeTool.value.defaults.opacity,
           segmentRects: rects.value,
           scale: __props.scale
-        }, null, 8, ["strokeColor", "opacity", "segmentRects", "scale"])) : activeTool.value.defaults.type === unref(PdfAnnotationSubtype).SQUIGGLY ? (openBlock(), createBlock(_sfc_main$b, {
+        }, null, 8, ["strokeColor", "opacity", "segmentRects", "scale"])) : activeTool.value.defaults.type === unref(PdfAnnotationSubtype).SQUIGGLY ? (openBlock(), createBlock(_sfc_main$c, {
           key: 3,
           strokeColor: activeTool.value.defaults.strokeColor,
           opacity: activeTool.value.defaults.opacity,
@@ -3987,14 +4108,19 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "preview-renderer",
   props: {
+    toolId: {},
     preview: {},
     scale: {}
   },
   setup(__props) {
     const props = __props;
+    const registry = useRendererRegistry();
+    const customMatch = computed(
+      () => (registry == null ? void 0 : registry.getAll().find((r) => r.id === props.toolId && r.renderPreview)) ?? null
+    );
     const style = computed(() => {
       const base = {
         position: "absolute",
@@ -4011,30 +4137,31 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       return base;
     });
     return (_ctx, _cache) => {
+      var _a;
       return openBlock(), createElementBlock("div", {
         style: normalizeStyle(style.value)
       }, [
-        __props.preview.type === unref(PdfAnnotationSubtype).CIRCLE ? (openBlock(), createBlock(unref(_sfc_main$w), mergeProps({
+        __props.preview.type === unref(PdfAnnotationSubtype).CIRCLE ? (openBlock(), createBlock(unref(_sfc_main$x), mergeProps({
           key: 0,
           isSelected: false,
           scale: __props.scale
-        }, __props.preview.data), null, 16, ["scale"])) : __props.preview.type === unref(PdfAnnotationSubtype).SQUARE ? (openBlock(), createBlock(unref(_sfc_main$y), mergeProps({
+        }, __props.preview.data), null, 16, ["scale"])) : __props.preview.type === unref(PdfAnnotationSubtype).SQUARE ? (openBlock(), createBlock(unref(_sfc_main$z), mergeProps({
           key: 1,
           isSelected: false,
           scale: __props.scale
-        }, __props.preview.data), null, 16, ["scale"])) : __props.preview.type === unref(PdfAnnotationSubtype).POLYGON ? (openBlock(), createBlock(unref(_sfc_main$q), mergeProps({
+        }, __props.preview.data), null, 16, ["scale"])) : __props.preview.type === unref(PdfAnnotationSubtype).POLYGON ? (openBlock(), createBlock(unref(_sfc_main$r), mergeProps({
           key: 2,
           isSelected: false,
           scale: __props.scale
-        }, __props.preview.data), null, 16, ["scale"])) : __props.preview.type === unref(PdfAnnotationSubtype).POLYLINE ? (openBlock(), createBlock(unref(_sfc_main$s), mergeProps({
+        }, __props.preview.data), null, 16, ["scale"])) : __props.preview.type === unref(PdfAnnotationSubtype).POLYLINE ? (openBlock(), createBlock(unref(_sfc_main$t), mergeProps({
           key: 3,
           isSelected: false,
           scale: __props.scale
-        }, __props.preview.data), null, 16, ["scale"])) : __props.preview.type === unref(PdfAnnotationSubtype).LINE ? (openBlock(), createBlock(unref(_sfc_main$u), mergeProps({
+        }, __props.preview.data), null, 16, ["scale"])) : __props.preview.type === unref(PdfAnnotationSubtype).LINE ? (openBlock(), createBlock(unref(_sfc_main$v), mergeProps({
           key: 4,
           isSelected: false,
           scale: __props.scale
-        }, __props.preview.data), null, 16, ["scale"])) : __props.preview.type === unref(PdfAnnotationSubtype).INK ? (openBlock(), createBlock(unref(_sfc_main$A), mergeProps({
+        }, __props.preview.data), null, 16, ["scale"])) : __props.preview.type === unref(PdfAnnotationSubtype).INK ? (openBlock(), createBlock(unref(_sfc_main$B), mergeProps({
           key: 5,
           isSelected: false,
           scale: __props.scale
@@ -4046,12 +4173,17 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             border: `1px dashed ${__props.preview.data.fontColor || "#000000"}`,
             backgroundColor: "transparent"
           })
-        }, null, 4)) : createCommentVNode("", true)
+        }, null, 4)) : ((_a = customMatch.value) == null ? void 0 : _a.renderPreview) ? (openBlock(), createBlock(resolveDynamicComponent(customMatch.value.renderPreview), {
+          key: 7,
+          data: __props.preview.data,
+          bounds: __props.preview.bounds,
+          scale: __props.scale
+        }, null, 8, ["data", "bounds", "scale"])) : createCommentVNode("", true)
       ], 4);
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "annotation-paint-layer",
   props: {
     documentId: {},
@@ -4142,17 +4274,18 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           style: { "display": "none" }
         }, null, 512),
         (openBlock(true), createElementBlock(Fragment, null, renderList(previews.value.entries(), ([toolId, preview]) => {
-          return openBlock(), createBlock(_sfc_main$3, {
+          return openBlock(), createBlock(_sfc_main$4, {
             key: toolId,
+            toolId,
             preview,
             scale: __props.scale
-          }, null, 8, ["preview", "scale"]);
+          }, null, 8, ["toolId", "preview", "scale"]);
         }), 128))
       ], 64);
     };
   }
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "annotation-layer",
   props: {
     documentId: {},
@@ -4226,7 +4359,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        createVNode(_sfc_main$5, {
+        createVNode(_sfc_main$6, {
           documentId: __props.documentId,
           pageIndex: __props.pageIndex,
           scale: actualScale.value,
@@ -4260,12 +4393,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 8, ["documentId", "pageIndex", "scale", "rotation", "pageWidth", "pageHeight", "resizeUi", "vertexUi", "rotationUi", "selectionOutlineColor", "selectionOutline", "groupSelectionOutline", "selectionMenu", "groupSelectionMenu", "annotationRenderers"]),
-        createVNode(_sfc_main$4, {
+        createVNode(_sfc_main$5, {
           documentId: __props.documentId,
           pageIndex: __props.pageIndex,
           scale: actualScale.value
         }, null, 8, ["documentId", "pageIndex", "scale"]),
-        createVNode(_sfc_main$2, {
+        createVNode(_sfc_main$3, {
           documentId: __props.documentId,
           pageIndex: __props.pageIndex,
           scale: actualScale.value
@@ -4274,7 +4407,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "renderer-registry-provider",
   setup(__props) {
     provideRendererRegistry();
@@ -4283,38 +4416,61 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AnnotationPluginPackage = createPluginPackage(AnnotationPluginPackage$1).addWrapper(_sfc_main).build();
+const _hoisted_1 = { style: { "display": "none" } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "annotation-navigation-handler",
+  setup(__props) {
+    const { plugin } = useAnnotationPlugin();
+    const { provides } = useAnnotationCapability();
+    watchEffect((onCleanup) => {
+      const p = provides.value;
+      const pl = plugin.value;
+      if (!p || !pl) return;
+      const unsub = p.onNavigate((event) => {
+        if (event.result.outcome === "uri" && pl.config.autoOpenLinks !== false) {
+          window.open(event.result.uri, "_blank", "noopener,noreferrer");
+        }
+      });
+      onCleanup(unsub);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", _hoisted_1);
+    };
+  }
+});
+const AnnotationPluginPackage = createPluginPackage(AnnotationPluginPackage$1).addWrapper(_sfc_main$1).addUtility(_sfc_main).build();
 export {
-  _sfc_main$C as AnnotationContainer,
-  _sfc_main$1 as AnnotationLayer,
-  _sfc_main$2 as AnnotationPaintLayer,
+  _sfc_main$F as AnnotationContainer,
+  _sfc_main$2 as AnnotationLayer,
+  _sfc_main$3 as AnnotationPaintLayer,
   AnnotationPluginPackage,
-  _sfc_main$5 as Annotations,
-  _sfc_main$w as Circle,
-  _sfc_main$o as FreeText,
-  _sfc_main$B as GroupSelectionBox,
-  _sfc_main$h as Highlight,
-  _sfc_main$A as Ink,
-  _sfc_main$u as Line,
-  _sfc_main$j as Link,
-  _sfc_main$q as Polygon,
-  _sfc_main$s as Polyline,
-  _sfc_main$3 as PreviewRenderer,
-  _sfc_main$m as RenderAnnotation,
-  _sfc_main as RendererRegistryProvider,
-  _sfc_main$y as Square,
-  _sfc_main$b as Squiggly,
-  _sfc_main$l as Stamp,
-  _sfc_main$d as Strikeout,
-  _sfc_main$7 as Text,
-  _sfc_main$4 as TextMarkup,
-  _sfc_main$f as Underline,
+  _sfc_main$6 as Annotations,
+  _sfc_main$x as Circle,
+  _sfc_main$p as FreeText,
+  _sfc_main$E as GroupSelectionBox,
+  _sfc_main$i as Highlight,
+  _sfc_main$B as Ink,
+  _sfc_main$v as Line,
+  _sfc_main$k as Link,
+  _sfc_main$r as Polygon,
+  _sfc_main$t as Polyline,
+  _sfc_main$4 as PreviewRenderer,
+  _sfc_main$n as RenderAnnotation,
+  _sfc_main$1 as RendererRegistryProvider,
+  _sfc_main$z as Square,
+  _sfc_main$c as Squiggly,
+  _sfc_main$m as Stamp,
+  _sfc_main$e as Strikeout,
+  _sfc_main$8 as Text,
+  _sfc_main$5 as TextMarkup,
+  _sfc_main$g as Underline,
   createRenderer,
   createRendererRegistry,
   provideRendererRegistry,
   useAnnotation,
   useAnnotationCapability,
   useAnnotationPlugin,
+  useIOSZoomPrevention,
   useRegisterRenderers,
   useRendererRegistry
 };