@embedpdf/plugin-annotation 2.9.1 → 2.10.0

package/dist/svelte/index.js

@@ -1,10 +1,10 @@
 import { createPluginPackage } from "@embedpdf/core";
-import { AnnotationPlugin, initialDocumentState, generateCloudyRectanglePath, generateCloudyEllipsePath, patching, generateCloudyPolygonPath, getAnnotationsByPageIndex, getSelectedAnnotationIds, resolveInteractionProp, AnnotationPluginPackage as AnnotationPluginPackage$1 } from "@embedpdf/plugin-annotation";
+import { AnnotationPlugin, initialDocumentState, generateCloudyRectanglePath, generateCloudyEllipsePath, patching, generateCloudyPolygonPath, LockModeType, getAnnotationsByPageIndex, getSelectedAnnotationIds, resolveInteractionProp, getAnnotationCategories, hasLockedFlag, isCategoryLocked, AnnotationPluginPackage as AnnotationPluginPackage$1 } from "@embedpdf/plugin-annotation";
 export * from "@embedpdf/plugin-annotation";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { setContext, getContext, untrack } from "svelte";
-import { useCapability, usePlugin, useDocumentPermissions, useDocumentState } from "@embedpdf/core/svelte";
+import { usePlugin, useCapability, useDocumentPermissions, useDocumentState } from "@embedpdf/core/svelte";
 import { getCounterRotation } from "@embedpdf/utils";
 import { useInteractionHandles, deepToRaw, doublePress, CounterRotate } from "@embedpdf/utils/svelte";
 import { inferRotationCenterFromRects, boundingRectOrEmpty, PdfAnnotationBorderStyle, PdfVerticalAlignment, standardFontCssProperties, textAlignmentToCss, ignore, PdfErrorCode, getContrastStrokeColor, PdfBlendMode, PdfAnnotationSubtype, blendModeToCss } from "@embedpdf/models";
@@ -55,7 +55,10 @@ function createRenderer(entry) {
     isDraggable: entry.isDraggable,
     onDoubleClick: entry.onDoubleClick,
     selectOverride: entry.selectOverride,
-    hideSelectionMenu: entry.hideSelectionMenu
+    hideSelectionMenu: entry.hideSelectionMenu,
+    renderPreview: entry.renderPreview,
+    hiddenWhenLocked: entry.hiddenWhenLocked,
+    renderLocked: entry.renderLocked
   };
 }
 function RendererRegistryProvider($$anchor, $$props) {
@@ -96,6 +99,66 @@ const useAnnotation = (getDocumentId) => {
     }
   };
 };
+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(getComputedFontPx, getActive) {
+  const isIOS = getIsIOS();
+  const needsComp = $.derived(() => {
+    const px = getComputedFontPx();
+    return isIOS && getActive() && px > 0 && px < MIN_IOS_FOCUS_FONT_PX;
+  });
+  const adjustedFontPx = $.derived(() => $.get(needsComp) ? MIN_IOS_FOCUS_FONT_PX : getComputedFontPx());
+  const scaleComp = $.derived(() => $.get(needsComp) ? getComputedFontPx() / MIN_IOS_FOCUS_FONT_PX : 1);
+  const wrapperStyle = $.derived(() => {
+    if (!$.get(needsComp)) return "";
+    const s = $.get(scaleComp);
+    return `width: ${100 / s}%; height: ${100 / s}%; transform: scale(${s}); transform-origin: top left;`;
+  });
+  return {
+    get needsComp() {
+      return $.get(needsComp);
+    },
+    get adjustedFontPx() {
+      return $.get(adjustedFontPx);
+    },
+    get scaleComp() {
+      return $.get(scaleComp);
+    },
+    get wrapperStyle() {
+      return $.get(wrapperStyle);
+    }
+  };
+}
+function AnnotationNavigationHandler($$anchor, $$props) {
+  $.push($$props, true);
+  const { plugin } = useAnnotationPlugin();
+  const { provides } = useAnnotationCapability();
+  $.user_effect(() => {
+    const p = provides;
+    const pl = plugin;
+    if (!p || !pl) return;
+    return p.onNavigate((event) => {
+      if (event.result.outcome === "uri" && pl.config.autoOpenLinks !== false) {
+        window.open(event.result.uri, "_blank", "noopener,noreferrer");
+      }
+    });
+  });
+  $.pop();
+}
 var root_1$f = $.from_html(`<img alt="" draggable="false"/>`);
 function AppearanceImage($$anchor, $$props) {
   $.push($$props, true);
@@ -145,7 +208,7 @@ var root_7$1 = $.from_html(`<div style="display: contents;"><!> <div><svg viewBo
 var root_12 = $.from_html(`<div></div>`);
 var root_16 = $.from_html(`<div></div>`);
 var root_23 = $.from_html(`<div><div> </div></div>`);
-var root$e = $.from_html(`<div data-no-interaction=""><div><div><!> <!></div></div>  <div><!> <!> <div><!> <!></div></div> <!> <!></div>`);
+var root$g = $.from_html(`<div data-no-interaction=""><div><div><!> <!></div></div>  <div><!> <!> <div><!> <!></div></div> <!> <!></div>`);
 function AnnotationContainer($$anchor, $$props) {
   $.push($$props, true);
   let isEditing = $.prop($$props, "isEditing", 3, false), isMultiSelected = $.prop($$props, "isMultiSelected", 3, false), isRotatable = $.prop($$props, "isRotatable", 3, true), lockAspectRatio = $.prop($$props, "lockAspectRatio", 3, false), propsClass = $.prop($$props, "class", 3, ""), outlineOffset = $.prop($$props, "outlineOffset", 3, 1), zIndex = $.prop($$props, "zIndex", 3, 1), restProps = $.rest_props($$props, [
@@ -504,7 +567,7 @@ function AnnotationContainer($$anchor, $$props) {
       }
     };
   }
-  var div = root$e();
+  var div = root$g();
   var div_1 = $.child(div);
   let styles;
   var div_2 = $.child(div_1);
@@ -1670,6 +1733,48 @@ function GroupSelectionBox($$anchor, $$props) {
   $.pop();
 }
 $.delegate(["pointermove"]);
+var root$f = $.from_html(`<div role="link" tabindex="-1"></div>`);
+function LinkLockedMode($$anchor, $$props) {
+  $.push($$props, true);
+  const { provides } = useAnnotationCapability();
+  function handleClick() {
+    const target = $$props.annotation.object.target;
+    if (!target || !provides) return;
+    provides.forDocument($$props.documentId).navigateTarget(target);
+  }
+  var div = root$f();
+  div.__click = handleClick;
+  div.__keydown = (e) => {
+    if (e.key === "Enter") handleClick();
+  };
+  $.set_style(div, "", {}, {
+    width: "100%",
+    height: "100%",
+    cursor: "pointer",
+    "pointer-events": "auto"
+  });
+  $.append($$anchor, div);
+  $.pop();
+}
+$.delegate(["click", "keydown"]);
+var root$e = $.from_html(`<div></div>`);
+function LinkPreview($$anchor, $$props) {
+  $.push($$props, true);
+  var div = root$e();
+  let styles;
+  $.template_effect(() => styles = $.set_style(div, "", styles, {
+    position: "absolute",
+    left: "0",
+    top: "0",
+    width: `${$$props.bounds.size.width * $$props.scale}px`,
+    height: `${$$props.bounds.size.height * $$props.scale}px`,
+    "border-bottom": `${$$props.data.strokeWidth * $$props.scale}px solid ${$$props.data.strokeColor ?? ""}`,
+    "background-color": "rgba(0, 0, 255, 0.05)",
+    "box-sizing": "border-box"
+  }));
+  $.append($$anchor, div);
+  $.pop();
+}
 var root_1$d = $.from_svg(`<path fill="none" stroke="transparent"></path>`);
 var root_3$4 = $.from_svg(`<path fill="none"></path>`);
 var root$d = $.from_svg(`<svg><!><!></svg>`);
@@ -1705,8 +1810,8 @@ function Ink($$anchor, $$props) {
       $.set_attribute(path, "d", $.get(d));
       $.set_attribute(path, "stroke-width", $.get(hitStrokeWidth));
       styles_1 = $.set_style(path, "", styles_1, {
-        cursor: $$props.isSelected ? "move" : "pointer",
-        "pointer-events": $$props.isSelected ? "none" : "visibleStroke",
+        cursor: $$props.isSelected ? "move" : $$props.onClick ? "pointer" : "default",
+        "pointer-events": !$$props.onClick ? "none" : $$props.isSelected ? "none" : "visibleStroke",
         "stroke-linecap": "round",
         "stroke-linejoin": "round"
       });
@@ -1825,8 +1930,8 @@ function Square($$anchor, $$props) {
         $.set_attribute(path, "d", $.get(cloudyPath).path);
         $.set_attribute(path, "stroke-width", $.get(hitStrokeWidth));
         styles_1 = $.set_style(path, "", styles_1, {
-          cursor: $$props.isSelected ? "move" : "pointer",
-          "pointer-events": $$props.isSelected ? "none" : color() === "transparent" ? "visibleStroke" : "visible"
+          cursor: $$props.isSelected ? "move" : $$props.onClick ? "pointer" : "default",
+          "pointer-events": !$$props.onClick ? "none" : $$props.isSelected ? "none" : color() === "transparent" ? "visibleStroke" : "visible"
         });
       });
       $.append($$anchor2, path);
@@ -1845,8 +1950,8 @@ function Square($$anchor, $$props) {
         $.set_attribute(rect_1, "height", $.get(height));
         $.set_attribute(rect_1, "stroke-width", $.get(hitStrokeWidth));
         styles_2 = $.set_style(rect_1, "", styles_2, {
-          cursor: $$props.isSelected ? "move" : "pointer",
-          "pointer-events": $$props.isSelected ? "none" : color() === "transparent" ? "visibleStroke" : "visible"
+          cursor: $$props.isSelected ? "move" : $$props.onClick ? "pointer" : "default",
+          "pointer-events": !$$props.onClick ? "none" : $$props.isSelected ? "none" : color() === "transparent" ? "visibleStroke" : "visible"
         });
       });
       $.append($$anchor2, rect_1);
@@ -1978,7 +2083,7 @@ function Circle($$anchor, $$props) {
   let svgWidth = $.derived(() => $.get(width) * $$props.scale);
   let svgHeight = $.derived(() => $.get(height) * $$props.scale);
   let hitStrokeWidth = $.derived(() => Math.max($$props.strokeWidth, MIN_HIT_AREA_SCREEN_PX / $$props.scale));
-  let peValue = $.derived(() => $$props.isSelected ? "none" : color() === "transparent" ? "visibleStroke" : "visible");
+  let peValue = $.derived(() => !$$props.onClick ? "none" : $$props.isSelected ? "none" : color() === "transparent" ? "visibleStroke" : "visible");
   var svg = root$b();
   let styles;
   var node = $.child(svg);
@@ -1994,7 +2099,9 @@ function Circle($$anchor, $$props) {
         $.set_attribute(path, "d", $.get(cloudyPath).path);
         $.set_attribute(path, "stroke-width", $.get(hitStrokeWidth));
         $.set_attribute(path, "pointer-events", $.get(peValue));
-        styles_1 = $.set_style(path, "", styles_1, { cursor: $$props.isSelected ? "move" : "pointer" });
+        styles_1 = $.set_style(path, "", styles_1, {
+          cursor: $$props.isSelected ? "move" : $$props.onClick ? "pointer" : "default"
+        });
       });
       $.append($$anchor2, path);
     };
@@ -2012,7 +2119,9 @@ function Circle($$anchor, $$props) {
         $.set_attribute(ellipse, "ry", $.get(ry));
         $.set_attribute(ellipse, "stroke-width", $.get(hitStrokeWidth));
         $.set_attribute(ellipse, "pointer-events", $.get(peValue));
-        styles_2 = $.set_style(ellipse, "", styles_2, { cursor: $$props.isSelected ? "move" : "pointer" });
+        styles_2 = $.set_style(ellipse, "", styles_2, {
+          cursor: $$props.isSelected ? "move" : $$props.onClick ? "pointer" : "default"
+        });
       });
       $.append($$anchor2, ellipse);
     };
@@ -2158,8 +2267,8 @@ function Line($$anchor, $$props) {
         $.set_attribute(path, "transform", $.get(endings).start.transform);
         $.set_attribute(path, "stroke-width", $.get(hitStrokeWidth));
         styles_2 = $.set_style(path, "", styles_2, {
-          cursor: $$props.isSelected ? "move" : "pointer",
-          "pointer-events": $$props.isSelected ? "none" : $.get(endings).start.filled ? "visible" : "visibleStroke",
+          cursor: $$props.isSelected ? "move" : $$props.onClick ? "pointer" : "default",
+          "pointer-events": !$$props.onClick ? "none" : $$props.isSelected ? "none" : $.get(endings).start.filled ? "visible" : "visibleStroke",
           "stroke-linecap": "butt"
         });
       });
@@ -2183,8 +2292,8 @@ function Line($$anchor, $$props) {
         $.set_attribute(path_1, "transform", $.get(endings).end.transform);
         $.set_attribute(path_1, "stroke-width", $.get(hitStrokeWidth));
         styles_3 = $.set_style(path_1, "", styles_3, {
-          cursor: $$props.isSelected ? "move" : "pointer",
-          "pointer-events": $$props.isSelected ? "none" : $.get(endings).end.filled ? "visible" : "visibleStroke",
+          cursor: $$props.isSelected ? "move" : $$props.onClick ? "pointer" : "default",
+          "pointer-events": !$$props.onClick ? "none" : $$props.isSelected ? "none" : $.get(endings).end.filled ? "visible" : "visibleStroke",
           "stroke-linecap": "butt"
         });
       });
@@ -2278,8 +2387,8 @@ function Line($$anchor, $$props) {
     $.set_attribute(line, "y2", $.get(y2));
     $.set_attribute(line, "stroke-width", $.get(hitStrokeWidth));
     styles_1 = $.set_style(line, "", styles_1, {
-      cursor: $$props.isSelected ? "move" : "pointer",
-      "pointer-events": $$props.isSelected ? "none" : "visibleStroke",
+      cursor: $$props.isSelected ? "move" : $$props.onClick ? "pointer" : "default",
+      "pointer-events": !$$props.onClick ? "none" : $$props.isSelected ? "none" : "visibleStroke",
       "stroke-linecap": "butt"
     });
   });
@@ -2358,8 +2467,8 @@ function Polyline($$anchor, $$props) {
         $.set_attribute(path_1, "transform", $.get(endings).start.transform);
         $.set_attribute(path_1, "stroke-width", $.get(hitStrokeWidth));
         styles_2 = $.set_style(path_1, "", styles_2, {
-          cursor: $$props.isSelected ? "move" : "pointer",
-          "pointer-events": $$props.isSelected ? "none" : $.get(endings).start.filled ? "visible" : "visibleStroke",
+          cursor: $$props.isSelected ? "move" : $$props.onClick ? "pointer" : "default",
+          "pointer-events": !$$props.onClick ? "none" : $$props.isSelected ? "none" : $.get(endings).start.filled ? "visible" : "visibleStroke",
           "stroke-linecap": "butt"
         });
       });
@@ -2383,8 +2492,8 @@ function Polyline($$anchor, $$props) {
         $.set_attribute(path_2, "transform", $.get(endings).end.transform);
         $.set_attribute(path_2, "stroke-width", $.get(hitStrokeWidth));
         styles_3 = $.set_style(path_2, "", styles_3, {
-          cursor: $$props.isSelected ? "move" : "pointer",
-          "pointer-events": $$props.isSelected ? "none" : $.get(endings).end.filled ? "visible" : "visibleStroke",
+          cursor: $$props.isSelected ? "move" : $$props.onClick ? "pointer" : "default",
+          "pointer-events": !$$props.onClick ? "none" : $$props.isSelected ? "none" : $.get(endings).end.filled ? "visible" : "visibleStroke",
           "stroke-linecap": "butt"
         });
       });
@@ -2474,8 +2583,8 @@ function Polyline($$anchor, $$props) {
     $.set_attribute(path, "d", $.get(pathData));
     $.set_attribute(path, "stroke-width", $.get(hitStrokeWidth));
     styles_1 = $.set_style(path, "", styles_1, {
-      cursor: $$props.isSelected ? "move" : "pointer",
-      "pointer-events": $$props.isSelected ? "none" : "visibleStroke",
+      cursor: $$props.isSelected ? "move" : $$props.onClick ? "pointer" : "default",
+      "pointer-events": !$$props.onClick ? "none" : $$props.isSelected ? "none" : "visibleStroke",
       "stroke-linecap": "butt",
       "stroke-linejoin": "miter"
     });
@@ -2641,8 +2750,8 @@ function Polygon($$anchor, $$props) {
     $.set_attribute(path, "d", $.get(isCloudy) && $.get(cloudyPath) ? $.get(cloudyPath).path : $.get(pathData));
     $.set_attribute(path, "stroke-width", $.get(hitStrokeWidth));
     styles_1 = $.set_style(path, "", styles_1, {
-      cursor: $$props.isSelected ? "move" : "pointer",
-      "pointer-events": $$props.isSelected ? "none" : color() === "transparent" ? "visibleStroke" : "visible",
+      cursor: $$props.isSelected ? "move" : $$props.onClick ? "pointer" : "default",
+      "pointer-events": !$$props.onClick ? "none" : $$props.isSelected ? "none" : color() === "transparent" ? "visibleStroke" : "visible",
       "stroke-linecap": "butt",
       "stroke-linejoin": "miter"
     });
@@ -2674,7 +2783,6 @@ function FreeText($$anchor, $$props) {
   const annotationCapability = useAnnotationCapability();
   const annotationProvides = $.derived(() => annotationCapability.provides ? annotationCapability.provides.forDocument($$props.documentId) : null);
   let editorRef = null;
-  let isIOS = $.state(false);
   let editingRef = false;
   $.user_effect(() => {
     var _a, _b, _c;
@@ -2693,27 +2801,14 @@ function FreeText($$anchor, $$props) {
     selection.removeAllRanges();
     selection.addRange(range);
   });
-  $.user_pre_effect(() => {
-    try {
-      const nav = navigator;
-      const ios = /iPad|iPhone|iPod/.test(navigator.userAgent) || navigator.platform === "MacIntel" && (nav == null ? void 0 : nav.maxTouchPoints) > 1;
-      $.set(isIOS, ios, true);
-    } catch {
-      $.set(isIOS, false);
-    }
-  });
   function handleBlur() {
     if (!editingRef) return;
     editingRef = false;
     if (!$.get(annotationProvides) || !editorRef) return;
     $.get(annotationProvides).updateAnnotation($$props.pageIndex, $$props.annotation.object.id, { contents: editorRef.innerText.replace(/\u00A0/g, " ") });
   }
-  const computedFontPx = $.derived(() => $$props.annotation.object.fontSize * $$props.scale);
-  const MIN_IOS_FOCUS_FONT_PX = 16;
-  const needsComp = $.derived(() => $.get(isIOS) && $$props.isEditing && $.get(computedFontPx) > 0 && $.get(computedFontPx) < MIN_IOS_FOCUS_FONT_PX);
-  const adjustedFontPx = $.derived(() => $.get(needsComp) ? MIN_IOS_FOCUS_FONT_PX : $.get(computedFontPx));
-  const scaleComp = $.derived(() => $.get(needsComp) ? $.get(computedFontPx) / MIN_IOS_FOCUS_FONT_PX : 1);
-  const invScalePercent = $.derived(() => $.get(needsComp) ? 100 / $.get(scaleComp) : 100);
+  const ios = useIOSZoomPrevention(() => $$props.annotation.object.fontSize * $$props.scale, () => $$props.isEditing);
+  const invScalePercent = $.derived(() => ios.needsComp ? 100 / ios.scaleComp : 100);
   const outerW = $.derived(() => $$props.annotation.object.rect.size.width * $$props.scale);
   const outerH = $.derived(() => $$props.annotation.object.rect.size.height * $$props.scale);
   const justify = $.derived(() => $$props.annotation.object.verticalAlign === PdfVerticalAlignment.Top ? "flex-start" : $$props.annotation.object.verticalAlign === PdfVerticalAlignment.Middle ? "center" : "flex-end");
@@ -2739,7 +2834,7 @@ function FreeText($$anchor, $$props) {
         height: `${$.get(outerH)}px`,
         "z-index": 2,
         cursor: $$props.isSelected && !$$props.isEditing ? "move" : "default",
-        "pointer-events": $$props.isSelected && !$$props.isEditing ? "none" : "auto",
+        "pointer-events": !$$props.onClick ? "none" : $$props.isSelected && !$$props.isEditing ? "none" : "auto",
         opacity: appearanceActive() ? 0 : 1
       });
       $.set_attribute(span, "contenteditable", $$props.isEditing);
@@ -2752,20 +2847,20 @@ function FreeText($$anchor, $$props) {
         "flex-direction": "column",
         "justify-content": $.get(justify),
         color: $$props.annotation.object.fontColor,
-        "font-size": `${$.get(adjustedFontPx)}px`,
+        "font-size": `${ios.adjustedFontPx}px`,
         "font-family": $.get(fontCss).fontFamily,
         "font-weight": $.get(fontCss).fontWeight,
         "font-style": $.get(fontCss).fontStyle,
         "text-align": textAlignmentToCss($$props.annotation.object.textAlign),
         "background-color": $$props.annotation.object.color ?? $$props.annotation.object.backgroundColor,
         opacity: $$props.annotation.object.opacity,
-        width: $.get(needsComp) ? `${$.get(invScalePercent)}%` : "100%",
-        height: $.get(needsComp) ? `${$.get(invScalePercent)}%` : "100%",
+        width: ios.needsComp ? `${$.get(invScalePercent)}%` : "100%",
+        height: ios.needsComp ? `${$.get(invScalePercent)}%` : "100%",
         "line-height": "1.18",
         overflow: "hidden",
-        cursor: $$props.isEditing ? "text" : "pointer",
+        cursor: $$props.isEditing ? "text" : $$props.onClick ? "pointer" : "default",
         outline: "none",
-        transform: $.get(needsComp) ? `scale(${$.get(scaleComp)})` : void 0,
+        transform: ios.needsComp ? `scale(${ios.scaleComp})` : void 0,
         "transform-origin": "top left"
       })
     ]
@@ -2923,8 +3018,8 @@ function Stamp($$anchor, $$props) {
   });
   $.reset(div);
   $.template_effect(() => styles = $.set_style(div, "position: absolute; width: 100%; height: 100%; z-index: 2;", styles, {
-    "pointer-events": $$props.isSelected ? "none" : "auto",
-    cursor: "pointer"
+    "pointer-events": !$$props.onClick ? "none" : $$props.isSelected ? "none" : "auto",
+    cursor: $$props.isSelected ? "move" : $$props.onClick ? "pointer" : "default"
   }));
   $.append($$anchor, div);
   $.pop();
@@ -2970,8 +3065,8 @@ function Link($$anchor, $$props) {
     return void 0;
   });
   const isUnderline = $.derived(() => strokeStyle() === PdfAnnotationBorderStyle.UNDERLINE);
-  const hitAreaCursor = $.derived(() => hasIRT() ? "default" : $$props.isSelected ? "move" : "pointer");
-  const hitAreaPointerEvents = $.derived(() => hasIRT() ? "none" : $$props.isSelected ? "none" : "visible");
+  const hitAreaCursor = $.derived(() => hasIRT() || !$$props.onClick ? "default" : $$props.isSelected ? "move" : "pointer");
+  const hitAreaPointerEvents = $.derived(() => hasIRT() || !$$props.onClick ? "none" : $$props.isSelected ? "none" : "visible");
   var svg = root$5();
   let styles;
   var rect_1 = $.child(svg);
@@ -3405,8 +3500,10 @@ function Caret($$anchor, $$props) {
       "z-index": "2"
     });
     $.set_attribute(path_1, "d", $.get(path));
-    $.set_attribute(path_1, "pointer-events", $$props.isSelected ? "none" : "visible");
-    styles_1 = $.set_style(path_1, "", styles_1, { cursor: $$props.isSelected ? "move" : "pointer" });
+    $.set_attribute(path_1, "pointer-events", !$$props.onClick ? "none" : $$props.isSelected ? "none" : "visible");
+    styles_1 = $.set_style(path_1, "", styles_1, {
+      cursor: $$props.isSelected ? "move" : $$props.onClick ? "pointer" : "default"
+    });
   });
   $.append($$anchor, svg);
   $.pop();
@@ -3469,8 +3566,8 @@ function Text($$anchor, $$props) {
     position: "absolute",
     inset: "0",
     "z-index": "2",
-    "pointer-events": $$props.isSelected ? "none" : "auto",
-    cursor: $$props.isSelected ? "move" : "pointer"
+    "pointer-events": !$$props.onClick ? "none" : $$props.isSelected ? "none" : "auto",
+    cursor: $$props.isSelected ? "move" : $$props.onClick ? "pointer" : "default"
   }));
   $.append($$anchor, div);
   $.pop();
@@ -3612,7 +3709,8 @@ const builtInRenderers = [
     id: "link",
     matches: (a) => a.type === PdfAnnotationSubtype.LINK,
     component: LinkRenderer,
-    interactionDefaults: { isDraggable: false, isResizable: false, isRotatable: false },
+    renderPreview: LinkPreview,
+    interactionDefaults: { isDraggable: true, isResizable: true, isRotatable: false },
     useAppearanceStream: false,
     selectOverride: (e, annotation, helpers) => {
       e.stopPropagation();
@@ -3628,7 +3726,8 @@ const builtInRenderers = [
       }
       helpers.selectAnnotation(helpers.pageIndex, annotation.object.id);
     },
-    hideSelectionMenu: (a) => !!a.inReplyToId
+    hideSelectionMenu: (a) => !!a.inReplyToId,
+    renderLocked: LinkLockedMode
   })
 ];
 var root$2 = $.from_html(`<!> <!>`, 1);
@@ -3642,6 +3741,7 @@ function Annotations($$anchor, $$props) {
   let allSelectedIds = $.state($.proxy([]));
   let editingId = $.state(null);
   let appearanceMap = $.state($.proxy({}));
+  let lockedMode = $.state($.proxy({ type: LockModeType.None }));
   let prevScale = $$props.scale;
   const annotationProvides = $.derived(() => annotationCapability.provides ? annotationCapability.provides.forDocument($$props.documentId) : null);
   const isMultiSelected = $.derived(() => $.get(allSelectedIds).length > 1);
@@ -3668,9 +3768,11 @@ function Annotations($$anchor, $$props) {
     const currentState = $.get(annotationProvides).getState();
     $.set(annotations, getAnnotationsByPageIndex(currentState, $$props.pageIndex), true);
     $.set(allSelectedIds, getSelectedAnnotationIds(currentState), true);
+    $.set(lockedMode, currentState.locked, true);
     const off = $.get(annotationProvides).onStateChange((state) => {
       $.set(annotations, getAnnotationsByPageIndex(state, $$props.pageIndex), true);
       $.set(allSelectedIds, getSelectedAnnotationIds(state), true);
+      $.set(lockedMode, state.locked, true);
     });
     return () => off == null ? void 0 : off();
   });
@@ -3780,174 +3882,195 @@ function Annotations($$anchor, $$props) {
     var fragment_1 = $.comment();
     var node_1 = $.first_child(fragment_1);
     {
-      var consequent = ($$anchor3) => {
-        const isSelected = $.derived(() => $.get(allSelectedIds).includes($.get(annotation).object.id));
-        const isEditing = $.derived(() => $.get(editingId) === $.get(annotation).object.id);
+      var consequent_1 = ($$anchor3) => {
         const tool = $.derived(() => {
           var _a;
-          return (_a = $.get(annotationProvides)) == null ? void 0 : _a.findToolForAnnotation($.get(annotation).object);
-        });
-        const defaults = $.derived(() => $.get(renderer).interactionDefaults);
-        const resolvedDraggable = $.derived(() => {
-          var _a, _b;
-          return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable, $.get(annotation).object, ((_b = $.get(defaults)) == null ? void 0 : _b.isDraggable) ?? true);
+          return ((_a = $.get(annotationProvides)) == null ? void 0 : _a.findToolForAnnotation($.get(annotation).object)) ?? null;
         });
-        const finalDraggable = $.derived(() => $.get(renderer).isDraggable ? $.get(renderer).isDraggable($.get(resolvedDraggable), { isEditing: $.get(isEditing) }) : $.get(resolvedDraggable));
-        const useAP = $.derived(() => {
-          var _a, _b;
-          return ((_b = (_a = $.get(tool)) == null ? void 0 : _a.behavior) == null ? void 0 : _b.useAppearanceStream) ?? $.get(renderer).useAppearanceStream ?? true;
-        });
-        const selectHelpers = $.derived(() => ({
-          defaultSelect: handleClick,
-          selectAnnotation: (pi, id) => {
-            var _a;
-            return (_a = $.get(annotationProvides)) == null ? void 0 : _a.selectAnnotation(pi, id);
-          },
-          clearSelection: () => {
-            var _a;
-            return (_a = selectionCapability.provides) == null ? void 0 : _a.clear();
-          },
-          allAnnotations: $.get(annotations),
-          pageIndex: $$props.pageIndex
-        }));
-        const onSelect = $.derived(() => $.get(renderer).selectOverride ? (e) => $.get(renderer).selectOverride(e, $.get(annotation), $.get(selectHelpers)) : (e) => handleClick(e, $.get(annotation)));
-        const RendererComponent = $.derived(() => $.get(renderer).component);
+        const categories = $.derived(() => getAnnotationCategories($.get(tool)));
+        const locked = $.derived(() => hasLockedFlag($.get(annotation).object) || isCategoryLocked($.get(categories), $.get(lockedMode)));
+        var fragment_2 = $.comment();
+        var node_2 = $.first_child(fragment_2);
         {
-          const children = ($$anchor4, currentObject = $.noop, $$arg1) => {
-            let appearanceActive = () => $$arg1 == null ? void 0 : $$arg1().appearanceActive;
-            var fragment_3 = $.comment();
-            var node_2 = $.first_child(fragment_3);
-            $.component(node_2, () => $.get(RendererComponent), ($$anchor5, RendererComponent_1) => {
-              RendererComponent_1($$anchor5, {
-                get annotation() {
-                  return $.get(annotation);
-                },
-                get currentObject() {
-                  return currentObject();
-                },
-                get isSelected() {
-                  return $.get(isSelected);
-                },
-                get isEditing() {
-                  return $.get(isEditing);
-                },
-                get scale() {
-                  return $$props.scale;
-                },
-                get pageIndex() {
-                  return $$props.pageIndex;
-                },
-                get documentId() {
-                  return $$props.documentId;
-                },
-                get onClick() {
-                  return $.get(onSelect);
-                },
-                get appearanceActive() {
-                  return appearanceActive();
+          var consequent = ($$anchor4) => {
+            const hasRenderLocked = $.derived(() => $.get(locked) && !!$.get(renderer).renderLocked);
+            const isSelected = $.derived(() => $.get(locked) ? false : $.get(allSelectedIds).includes($.get(annotation).object.id));
+            const isEditing = $.derived(() => $.get(locked) ? false : $.get(editingId) === $.get(annotation).object.id);
+            const defaults = $.derived(() => $.get(renderer).interactionDefaults);
+            const resolvedDraggable = $.derived(() => {
+              var _a, _b;
+              return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable, $.get(annotation).object, ((_b = $.get(defaults)) == null ? void 0 : _b.isDraggable) ?? true);
+            });
+            const finalDraggable = $.derived(() => $.get(locked) ? false : $.get(renderer).isDraggable ? $.get(renderer).isDraggable($.get(resolvedDraggable), { isEditing: $.get(isEditing) }) : $.get(resolvedDraggable));
+            const useAP = $.derived(() => {
+              var _a, _b;
+              return ((_b = (_a = $.get(tool)) == null ? void 0 : _a.behavior) == null ? void 0 : _b.useAppearanceStream) ?? $.get(renderer).useAppearanceStream ?? true;
+            });
+            const appearance = $.derived(() => $.get(hasRenderLocked) ? void 0 : $.get(useAP) ? getAppearanceForAnnotation($.get(annotation)) : void 0);
+            const selectHelpers = $.derived(() => ({
+              defaultSelect: handleClick,
+              selectAnnotation: (pi, id) => {
+                var _a;
+                return (_a = $.get(annotationProvides)) == null ? void 0 : _a.selectAnnotation(pi, id);
+              },
+              clearSelection: () => {
+                var _a;
+                return (_a = selectionCapability.provides) == null ? void 0 : _a.clear();
+              },
+              allAnnotations: $.get(annotations),
+              pageIndex: $$props.pageIndex
+            }));
+            const noopSelect = $.derived(() => (e) => {
+              e.stopPropagation();
+            });
+            const onSelect = $.derived(() => $.get(locked) ? $.get(noopSelect) : $.get(renderer).selectOverride ? (e) => $.get(renderer).selectOverride(e, $.get(annotation), $.get(selectHelpers)) : (e) => handleClick(e, $.get(annotation)));
+            const RendererComponent = $.derived(() => $.get(hasRenderLocked) ? $.get(renderer).renderLocked : $.get(renderer).component);
+            {
+              const children = ($$anchor5, currentObject = $.noop, $$arg1) => {
+                let appearanceActive = () => $$arg1 == null ? void 0 : $$arg1().appearanceActive;
+                var fragment_4 = $.comment();
+                var node_3 = $.first_child(fragment_4);
+                {
+                  let $02 = $.derived(() => $.get(locked) ? void 0 : $.get(onSelect));
+                  $.component(node_3, () => $.get(RendererComponent), ($$anchor6, RendererComponent_1) => {
+                    RendererComponent_1($$anchor6, {
+                      get annotation() {
+                        return $.get(annotation);
+                      },
+                      get currentObject() {
+                        return currentObject();
+                      },
+                      get isSelected() {
+                        return $.get(isSelected);
+                      },
+                      get isEditing() {
+                        return $.get(isEditing);
+                      },
+                      get scale() {
+                        return $$props.scale;
+                      },
+                      get pageIndex() {
+                        return $$props.pageIndex;
+                      },
+                      get documentId() {
+                        return $$props.documentId;
+                      },
+                      get onClick() {
+                        return $.get($02);
+                      },
+                      get appearanceActive() {
+                        return appearanceActive();
+                      }
+                    });
+                  });
                 }
+                $.append($$anchor5, fragment_4);
+              };
+              let $0 = $.derived(() => $.get(locked) ? false : $.get(isMultiSelected));
+              let $1 = $.derived(() => {
+                var _a, _b;
+                return $.get(locked) ? false : resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable, $.get(annotation).object, ((_b = $.get(defaults)) == null ? void 0 : _b.isResizable) ?? false);
               });
-            });
-            $.append($$anchor4, fragment_3);
+              let $2 = $.derived(() => {
+                var _a, _b;
+                return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio, $.get(annotation).object, ((_b = $.get(defaults)) == null ? void 0 : _b.lockAspectRatio) ?? false);
+              });
+              let $3 = $.derived(() => {
+                var _a, _b;
+                return $.get(locked) ? false : resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isRotatable, $.get(annotation).object, ((_b = $.get(defaults)) == null ? void 0 : _b.isRotatable) ?? false);
+              });
+              let $4 = $.derived(() => $.get(locked) ? void 0 : $.get(renderer).vertexConfig);
+              let $5 = $.derived(() => {
+                var _a, _b;
+                return $.get(locked) ? void 0 : ((_b = (_a = $.get(renderer)).hideSelectionMenu) == null ? void 0 : _b.call(_a, $.get(annotation).object)) ? void 0 : $.get(isMultiSelected) ? void 0 : $$props.selectionMenu;
+              });
+              let $6 = $.derived(() => {
+                var _a, _b;
+                return $.get(locked) ? void 0 : ((_b = (_a = $.get(renderer)).hideSelectionMenu) == null ? void 0 : _b.call(_a, $.get(annotation).object)) ? void 0 : $.get(isMultiSelected) ? void 0 : $$props.selectionMenuSnippet;
+              });
+              let $7 = $.derived(() => $.get(locked) ? void 0 : $.get(renderer).onDoubleClick ? (e) => {
+                e.stopPropagation();
+                $.get(renderer).onDoubleClick($.get(annotation).object.id, setEditingId);
+              } : void 0);
+              let $8 = $.derived(() => blendModeToCss($.get(annotation).object.blendMode ?? $.get(renderer).defaultBlendMode ?? PdfBlendMode.Normal));
+              let $9 = $.derived(() => {
+                var _a, _b;
+                return (_b = (_a = $.get(renderer)).containerStyle) == null ? void 0 : _b.call(_a, $.get(annotation).object);
+              });
+              AnnotationContainer($$anchor4, $.spread_props(
+                {
+                  get trackedAnnotation() {
+                    return $.get(annotation);
+                  },
+                  get isSelected() {
+                    return $.get(isSelected);
+                  },
+                  get isEditing() {
+                    return $.get(isEditing);
+                  },
+                  get isMultiSelected() {
+                    return $.get($0);
+                  },
+                  get isDraggable() {
+                    return $.get(finalDraggable);
+                  },
+                  get isResizable() {
+                    return $.get($1);
+                  },
+                  get lockAspectRatio() {
+                    return $.get($2);
+                  },
+                  get isRotatable() {
+                    return $.get($3);
+                  },
+                  get vertexConfig() {
+                    return $.get($4);
+                  },
+                  get selectionMenu() {
+                    return $.get($5);
+                  },
+                  get selectionMenuSnippet() {
+                    return $.get($6);
+                  },
+                  get onSelect() {
+                    return $.get(onSelect);
+                  },
+                  get onDoubleClick() {
+                    return $.get($7);
+                  },
+                  get zIndex() {
+                    return $.get(renderer).zIndex;
+                  },
+                  get blendMode() {
+                    return $.get($8);
+                  },
+                  get style() {
+                    return $.get($9);
+                  },
+                  get appearance() {
+                    return $.get(appearance);
+                  }
+                },
+                () => annotationsProps,
+                { children, $$slots: { default: true } }
+              ));
+            }
           };
-          let $0 = $.derived(() => {
-            var _a, _b;
-            return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable, $.get(annotation).object, ((_b = $.get(defaults)) == null ? void 0 : _b.isResizable) ?? false);
+          $.if(node_2, ($$render) => {
+            if (!($.get(locked) && $.get(renderer).hiddenWhenLocked)) $$render(consequent);
           });
-          let $1 = $.derived(() => {
-            var _a, _b;
-            return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio, $.get(annotation).object, ((_b = $.get(defaults)) == null ? void 0 : _b.lockAspectRatio) ?? false);
-          });
-          let $2 = $.derived(() => {
-            var _a, _b;
-            return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isRotatable, $.get(annotation).object, ((_b = $.get(defaults)) == null ? void 0 : _b.isRotatable) ?? false);
-          });
-          let $3 = $.derived(() => {
-            var _a, _b;
-            return ((_b = (_a = $.get(renderer)).hideSelectionMenu) == null ? void 0 : _b.call(_a, $.get(annotation).object)) ? void 0 : $.get(isMultiSelected) ? void 0 : $$props.selectionMenu;
-          });
-          let $4 = $.derived(() => {
-            var _a, _b;
-            return ((_b = (_a = $.get(renderer)).hideSelectionMenu) == null ? void 0 : _b.call(_a, $.get(annotation).object)) ? void 0 : $.get(isMultiSelected) ? void 0 : $$props.selectionMenuSnippet;
-          });
-          let $5 = $.derived(() => $.get(renderer).onDoubleClick ? (e) => {
-            e.stopPropagation();
-            $.get(renderer).onDoubleClick($.get(annotation).object.id, setEditingId);
-          } : void 0);
-          let $6 = $.derived(() => blendModeToCss($.get(annotation).object.blendMode ?? $.get(renderer).defaultBlendMode ?? PdfBlendMode.Normal));
-          let $7 = $.derived(() => {
-            var _a, _b;
-            return (_b = (_a = $.get(renderer)).containerStyle) == null ? void 0 : _b.call(_a, $.get(annotation).object);
-          });
-          let $8 = $.derived(() => $.get(useAP) ? getAppearanceForAnnotation($.get(annotation)) : void 0);
-          AnnotationContainer($$anchor3, $.spread_props(
-            {
-              get trackedAnnotation() {
-                return $.get(annotation);
-              },
-              get isSelected() {
-                return $.get(isSelected);
-              },
-              get isEditing() {
-                return $.get(isEditing);
-              },
-              get isMultiSelected() {
-                return $.get(isMultiSelected);
-              },
-              get isDraggable() {
-                return $.get(finalDraggable);
-              },
-              get isResizable() {
-                return $.get($0);
-              },
-              get lockAspectRatio() {
-                return $.get($1);
-              },
-              get isRotatable() {
-                return $.get($2);
-              },
-              get vertexConfig() {
-                return $.get(renderer).vertexConfig;
-              },
-              get selectionMenu() {
-                return $.get($3);
-              },
-              get selectionMenuSnippet() {
-                return $.get($4);
-              },
-              get onSelect() {
-                return $.get(onSelect);
-              },
-              get onDoubleClick() {
-                return $.get($5);
-              },
-              get zIndex() {
-                return $.get(renderer).zIndex;
-              },
-              get blendMode() {
-                return $.get($6);
-              },
-              get style() {
-                return $.get($7);
-              },
-              get appearance() {
-                return $.get($8);
-              }
-            },
-            () => annotationsProps,
-            { children, $$slots: { default: true } }
-          ));
         }
+        $.append($$anchor3, fragment_2);
       };
       $.if(node_1, ($$render) => {
-        if ($.get(renderer)) $$render(consequent);
+        if ($.get(renderer)) $$render(consequent_1);
       });
     }
     $.append($$anchor2, fragment_1);
   });
-  var node_3 = $.sibling(node, 2);
+  var node_4 = $.sibling(node, 2);
   {
-    var consequent_1 = ($$anchor2) => {
+    var consequent_2 = ($$anchor2) => {
       {
         let $0 = $.derived(() => $$props.groupSelectionOutline ?? $$props.selectionOutline);
         GroupSelectionBox($$anchor2, {
@@ -4005,8 +4128,8 @@ function Annotations($$anchor, $$props) {
         });
       }
     };
-    $.if(node_3, ($$render) => {
-      if ($.get(allSelectedOnSamePage) && $.get(selectedAnnotationsOnPage).length >= 2) $$render(consequent_1);
+    $.if(node_4, ($$render) => {
+      if ($.get(allSelectedOnSamePage) && $.get(selectedAnnotationsOnPage).length >= 2) $$render(consequent_2);
     });
   }
   $.append($$anchor, fragment);
@@ -4265,8 +4388,10 @@ var root_7 = $.from_html(`<div><!></div>`);
 var root_9 = $.from_html(`<div><!></div>`);
 var root_11 = $.from_html(`<div><!></div>`);
 var root_13 = $.from_html(`<div><div></div></div>`);
+var root_15 = $.from_html(`<div><!></div>`);
 function PreviewRenderer($$anchor, $$props) {
   $.push($$props, true);
+  const registry = getRendererRegistry();
   const bounds = $.derived(() => $$props.preview.bounds);
   const style = $.derived(() => ({
     left: $.get(bounds).origin.x * $$props.scale,
@@ -4302,7 +4427,7 @@ function PreviewRenderer($$anchor, $$props) {
       }));
       $.append($$anchor2, div);
     };
-    var alternate_5 = ($$anchor2) => {
+    var alternate_6 = ($$anchor2) => {
       var fragment_1 = $.comment();
       var node_2 = $.first_child(fragment_1);
       {
@@ -4331,7 +4456,7 @@ function PreviewRenderer($$anchor, $$props) {
           }));
           $.append($$anchor3, div_1);
         };
-        var alternate_4 = ($$anchor3) => {
+        var alternate_5 = ($$anchor3) => {
           var fragment_2 = $.comment();
           var node_4 = $.first_child(fragment_2);
           {
@@ -4360,7 +4485,7 @@ function PreviewRenderer($$anchor, $$props) {
               }));
               $.append($$anchor4, div_2);
             };
-            var alternate_3 = ($$anchor4) => {
+            var alternate_4 = ($$anchor4) => {
               var fragment_3 = $.comment();
               var node_6 = $.first_child(fragment_3);
               {
@@ -4389,7 +4514,7 @@ function PreviewRenderer($$anchor, $$props) {
                   }));
                   $.append($$anchor5, div_3);
                 };
-                var alternate_2 = ($$anchor5) => {
+                var alternate_3 = ($$anchor5) => {
                   var fragment_4 = $.comment();
                   var node_8 = $.first_child(fragment_4);
                   {
@@ -4418,7 +4543,7 @@ function PreviewRenderer($$anchor, $$props) {
                       }));
                       $.append($$anchor6, div_4);
                     };
-                    var alternate_1 = ($$anchor6) => {
+                    var alternate_2 = ($$anchor6) => {
                       var fragment_5 = $.comment();
                       var node_10 = $.first_child(fragment_5);
                       {
@@ -4450,7 +4575,7 @@ function PreviewRenderer($$anchor, $$props) {
                           ]);
                           $.append($$anchor7, div_5);
                         };
-                        var alternate = ($$anchor7) => {
+                        var alternate_1 = ($$anchor7) => {
                           var fragment_6 = $.comment();
                           var node_12 = $.first_child(fragment_6);
                           {
@@ -4479,10 +4604,53 @@ function PreviewRenderer($$anchor, $$props) {
                               });
                               $.append($$anchor8, div_6);
                             };
+                            var alternate = ($$anchor8) => {
+                              const match = $.derived(() => registry == null ? void 0 : registry.getAll().find((r) => r.id === $$props.toolId && r.renderPreview));
+                              var fragment_7 = $.comment();
+                              var node_13 = $.first_child(fragment_7);
+                              {
+                                var consequent_7 = ($$anchor9) => {
+                                  const PreviewComponent = $.derived(() => $.get(match).renderPreview);
+                                  var div_8 = root_15();
+                                  let styles_8;
+                                  var node_14 = $.child(div_8);
+                                  $.component(node_14, () => $.get(PreviewComponent), ($$anchor10, PreviewComponent_1) => {
+                                    PreviewComponent_1($$anchor10, {
+                                      get data() {
+                                        return $$props.preview.data;
+                                      },
+                                      get bounds() {
+                                        return $$props.preview.bounds;
+                                      },
+                                      get scale() {
+                                        return $$props.scale;
+                                      }
+                                    });
+                                  });
+                                  $.reset(div_8);
+                                  $.template_effect(() => styles_8 = $.set_style(div_8, "", styles_8, {
+                                    position: "absolute",
+                                    left: `${$.get(style).left ?? ""}px`,
+                                    top: `${$.get(style).top ?? ""}px`,
+                                    width: `${$.get(style).width ?? ""}px`,
+                                    height: `${$.get(style).height ?? ""}px`,
+                                    "pointer-events": "none",
+                                    "z-index": "10"
+                                  }));
+                                  $.append($$anchor9, div_8);
+                                };
+                                $.if(node_13, ($$render) => {
+                                  var _a;
+                                  if ((_a = $.get(match)) == null ? void 0 : _a.renderPreview) $$render(consequent_7);
+                                });
+                              }
+                              $.append($$anchor8, fragment_7);
+                            };
                             $.if(
                               node_12,
                               ($$render) => {
                                 if ($$props.preview.type === PdfAnnotationSubtype.FREETEXT) $$render(consequent_6);
+                                else $$render(alternate, false);
                               },
                               true
                             );
@@ -4493,7 +4661,7 @@ function PreviewRenderer($$anchor, $$props) {
                           node_10,
                           ($$render) => {
                             if ($$props.preview.type === PdfAnnotationSubtype.INK) $$render(consequent_5);
-                            else $$render(alternate, false);
+                            else $$render(alternate_1, false);
                           },
                           true
                         );
@@ -4504,7 +4672,7 @@ function PreviewRenderer($$anchor, $$props) {
                       node_8,
                       ($$render) => {
                         if ($$props.preview.type === PdfAnnotationSubtype.LINE) $$render(consequent_4);
-                        else $$render(alternate_1, false);
+                        else $$render(alternate_2, false);
                       },
                       true
                     );
@@ -4515,7 +4683,7 @@ function PreviewRenderer($$anchor, $$props) {
                   node_6,
                   ($$render) => {
                     if ($$props.preview.type === PdfAnnotationSubtype.POLYLINE) $$render(consequent_3);
-                    else $$render(alternate_2, false);
+                    else $$render(alternate_3, false);
                   },
                   true
                 );
@@ -4526,7 +4694,7 @@ function PreviewRenderer($$anchor, $$props) {
               node_4,
               ($$render) => {
                 if ($$props.preview.type === PdfAnnotationSubtype.POLYGON) $$render(consequent_2);
-                else $$render(alternate_3, false);
+                else $$render(alternate_4, false);
               },
               true
             );
@@ -4537,7 +4705,7 @@ function PreviewRenderer($$anchor, $$props) {
           node_2,
           ($$render) => {
             if ($$props.preview.type === PdfAnnotationSubtype.SQUARE) $$render(consequent_1);
-            else $$render(alternate_4, false);
+            else $$render(alternate_5, false);
           },
           true
         );
@@ -4546,7 +4714,7 @@ function PreviewRenderer($$anchor, $$props) {
     };
     $.if(node, ($$render) => {
       if ($$props.preview.type === PdfAnnotationSubtype.CIRCLE) $$render(consequent);
-      else $$render(alternate_5, false);
+      else $$render(alternate_6, false);
     });
   }
   $.append($$anchor, fragment);
@@ -4622,8 +4790,12 @@ function AnnotationPaintLayer($$anchor, $$props) {
   var node = $.sibling(canvas_1, 2);
   $.each(node, 17, () => Array.from($.get(previews).entries()), ([toolId, preview]) => toolId, ($$anchor2, $$item) => {
     var $$array = $.derived(() => $.to_array($.get($$item), 2));
+    let toolId = () => $.get($$array)[0];
     let preview = () => $.get($$array)[1];
     PreviewRenderer($$anchor2, {
+      get toolId() {
+        return toolId();
+      },
       get preview() {
         return preview();
       },
@@ -4785,7 +4957,7 @@ function AnnotationLayer($$anchor, $$props) {
   $.append($$anchor, div);
   $.pop();
 }
-const AnnotationPluginPackage = createPluginPackage(AnnotationPluginPackage$1).addWrapper(RendererRegistryProvider).build();
+const AnnotationPluginPackage = createPluginPackage(AnnotationPluginPackage$1).addWrapper(RendererRegistryProvider).addUtility(AnnotationNavigationHandler).build();
 export {
   AnnotationContainer,
   AnnotationLayer,
@@ -4817,6 +4989,7 @@ export {
   provideRendererRegistry,
   useAnnotation,
   useAnnotationCapability,
-  useAnnotationPlugin
+  useAnnotationPlugin,
+  useIOSZoomPrevention
 };
 //# sourceMappingURL=index.js.map