@embedpdf/plugin-annotation 2.3.0 → 2.4.1

package/dist/svelte/index.js

@@ -1,13 +1,61 @@
-import * as $ from "svelte/internal/client";
-import { AnnotationPlugin, initialDocumentState, patching, getAnnotationsByPageIndex, getSelectedAnnotationIds, isInk, isSquare, isCircle, isUnderline, isStrikeout, isSquiggly, isHighlight, isLine, isPolyline, isPolygon, isFreeText, isStamp, isLink } from "@embedpdf/plugin-annotation";
+import { createPluginPackage } from "@embedpdf/core";
+import { AnnotationPlugin, initialDocumentState, patching, getAnnotationsByPageIndex, getSelectedAnnotationIds, resolveInteractionProp, isInk, isSquare, isCircle, isUnderline, isStrikeout, isSquiggly, isHighlight, isLine, isPolyline, isPolygon, isFreeText, isStamp, isLink, AnnotationPluginPackage as AnnotationPluginPackage$1 } from "@embedpdf/plugin-annotation";
 export * from "@embedpdf/plugin-annotation";
-import { useCapability, usePlugin, useDocumentPermissions, useDocumentState } from "@embedpdf/core/svelte";
 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 { useInteractionHandles, deepToRaw, doublePress, CounterRotate } from "@embedpdf/utils/svelte";
-import { untrack } from "svelte";
 import { PdfAnnotationBorderStyle, PdfVerticalAlignment, textAlignmentToCss, standardFontCss, ignore, PdfErrorCode, boundingRectOrEmpty, blendModeToCss, PdfBlendMode, PdfAnnotationSubtype, Rotation } from "@embedpdf/models";
 import { usePointerHandlers } from "@embedpdf/plugin-interaction-manager/svelte";
 import { useSelectionCapability } from "@embedpdf/plugin-selection/svelte";
+const REGISTRY_KEY = Symbol("AnnotationRendererRegistry");
+function createRendererRegistry() {
+  let renderers = $.state($.proxy([]));
+  return {
+    register(entries) {
+      const ids = new Set(entries.map((e) => e.id));
+      $.set(
+        renderers,
+        [
+          ...$.get(renderers).filter((r) => !ids.has(r.id)),
+          ...entries
+        ],
+        true
+      );
+      return () => {
+        $.set(renderers, $.get(renderers).filter((r) => !entries.some((e) => e.id === r.id)), true);
+      };
+    },
+    getAll() {
+      return $.get(renderers);
+    }
+  };
+}
+function provideRendererRegistry() {
+  const registry = createRendererRegistry();
+  setContext(REGISTRY_KEY, registry);
+  return registry;
+}
+function getRendererRegistry() {
+  return getContext(REGISTRY_KEY) ?? null;
+}
+function createRenderer(entry) {
+  return {
+    id: entry.id,
+    matches: entry.matches,
+    component: entry.component
+  };
+}
+function RendererRegistryProvider($$anchor, $$props) {
+  $.push($$props, true);
+  provideRendererRegistry();
+  var fragment = $.comment();
+  var node = $.first_child(fragment);
+  $.snippet(node, () => $$props.children);
+  $.append($$anchor, fragment);
+  $.pop();
+}
 const useAnnotationCapability = () => useCapability(AnnotationPlugin.id);
 const useAnnotationPlugin = () => usePlugin(AnnotationPlugin.id);
 const useAnnotation = (getDocumentId) => {
@@ -42,7 +90,7 @@ var root_10 = $.from_html(`<div></div>`);
 var root$c = $.from_html(`<div data-no-interaction=""><div><!> <!> <!></div> <!></div>`);
 function AnnotationContainer($$anchor, $$props) {
   $.push($$props, true);
-  let isMultiSelected = $.prop($$props, "isMultiSelected", 3, false), lockAspectRatio = $.prop($$props, "lockAspectRatio", 3, false), propsClass = $.prop($$props, "class", 3, ""), outlineOffset = $.prop($$props, "outlineOffset", 3, 1), zIndex = $.prop($$props, "zIndex", 3, 20), selectionOutlineColor = $.prop($$props, "selectionOutlineColor", 3, "#007ACC"), restProps = $.rest_props($$props, [
+  let isMultiSelected = $.prop($$props, "isMultiSelected", 3, false), lockAspectRatio = $.prop($$props, "lockAspectRatio", 3, false), propsClass = $.prop($$props, "class", 3, ""), outlineOffset = $.prop($$props, "outlineOffset", 3, 1), zIndex = $.prop($$props, "zIndex", 3, 1), selectionOutlineColor = $.prop($$props, "selectionOutlineColor", 3, "#007ACC"), restProps = $.rest_props($$props, [
     "$$slots",
     "$$events",
     "$$legacy",
@@ -1532,9 +1580,12 @@ function GroupSelectionBox($$anchor, $$props) {
   $.push($$props, true);
   let selectionOutlineColor = $.prop($$props, "selectionOutlineColor", 3, "#007ACC"), outlineOffset = $.prop($$props, "outlineOffset", 3, 2), zIndex = $.prop($$props, "zIndex", 3, 100);
   const annotationPlugin = useAnnotationPlugin();
+  const permissions = useDocumentPermissions(() => $$props.documentId);
   let gestureBase = $.state(null);
   let isDraggingRef = $.state(false);
   let isResizingRef = $.state(false);
+  const effectiveIsDraggable = $.derived(() => permissions.canModifyAnnotations && $$props.isDraggable);
+  const effectiveIsResizable = $.derived(() => permissions.canModifyAnnotations && $$props.isResizable);
   function getGroupBox() {
     const rects = $$props.selectedAnnotations.map((ta) => ta.object.rect);
     return boundingRectOrEmpty(rects);
@@ -1577,7 +1628,7 @@ function GroupSelectionBox($$anchor, $$props) {
         const transformType = event.transformData.type;
         const isMove = transformType === "move";
         const isResize = transformType === "resize";
-        if (isMove && !$$props.isDraggable) return;
+        if (isMove && !$.get(effectiveIsDraggable)) return;
         if (event.state === "start") {
           $.set(gestureBase, getGroupBox(), true);
           if (isMove) {
@@ -1666,7 +1717,7 @@ function GroupSelectionBox($$anchor, $$props) {
       var div = root_1$1();
       var div_1 = $.child(div);
       $.attribute_effect(div_1, () => ({
-        ...$$props.isDraggable ? interactionHandles.dragProps : { onpointerdown: (e) => e.stopPropagation() },
+        ...$.get(effectiveIsDraggable) ? interactionHandles.dragProps : { onpointerdown: (e) => e.stopPropagation() },
         [$.STYLE]: {
           position: "absolute",
           left: `${$.get(previewGroupBox).origin.x * $$props.scale}px`,
@@ -1675,7 +1726,7 @@ function GroupSelectionBox($$anchor, $$props) {
           height: `${$.get(previewGroupBox).size.height * $$props.scale}px`,
           outline: `2px dashed ${selectionOutlineColor() ?? ""}`,
           "outline-offset": `${outlineOffset() - 1}px`,
-          cursor: $$props.isDraggable ? "move" : "default",
+          cursor: $.get(effectiveIsDraggable) ? "move" : "default",
           "touch-action": "none",
           "z-index": zIndex()
         }
@@ -1719,7 +1770,7 @@ function GroupSelectionBox($$anchor, $$props) {
           $.append($$anchor3, fragment_1);
         };
         $.if(node_1, ($$render) => {
-          if ($$props.isResizable) $$render(consequent_1);
+          if ($.get(effectiveIsResizable)) $$render(consequent_1);
         });
       }
       $.reset(div_1);
@@ -1820,6 +1871,10 @@ var root$2 = $.from_html(`<!> <!>`, 1);
 function Annotations($$anchor, $$props) {
   $.push($$props, true);
   let annotationsProps = $.rest_props($$props, ["$$slots", "$$events", "$$legacy"]);
+  function findCustomRenderer(annotation) {
+    var _a;
+    return (_a = $$props.annotationRenderers) == null ? void 0 : _a.find((r) => r.matches(annotation.object));
+  }
   const annotationCapability = useAnnotationCapability();
   const selectionCapability = useSelectionCapability();
   const pointerHandlers = usePointerHandlers({ documentId: $$props.documentId, pageIndex: $$props.pageIndex });
@@ -1885,7 +1940,9 @@ function Annotations($$anchor, $$props) {
     return $.get(selectedAnnotationsOnPage).every((ta) => {
       var _a;
       const tool = (_a = $.get(annotationProvides)) == null ? void 0 : _a.findToolForAnnotation(ta.object);
-      return (tool == null ? void 0 : tool.interaction.isGroupDraggable) ?? (tool == null ? void 0 : tool.interaction.isDraggable) ?? true;
+      const groupDraggable = resolveInteractionProp(tool == null ? void 0 : tool.interaction.isGroupDraggable, ta.object, true);
+      const singleDraggable = resolveInteractionProp(tool == null ? void 0 : tool.interaction.isDraggable, ta.object, true);
+      return (tool == null ? void 0 : tool.interaction.isGroupDraggable) !== void 0 ? groupDraggable : singleDraggable;
     });
   });
   const areAllSelectedResizable = $.derived(() => {
@@ -1893,7 +1950,9 @@ function Annotations($$anchor, $$props) {
     return $.get(selectedAnnotationsOnPage).every((ta) => {
       var _a;
       const tool = (_a = $.get(annotationProvides)) == null ? void 0 : _a.findToolForAnnotation(ta.object);
-      return (tool == null ? void 0 : tool.interaction.isGroupResizable) ?? (tool == null ? void 0 : tool.interaction.isResizable) ?? true;
+      const groupResizable = resolveInteractionProp(tool == null ? void 0 : tool.interaction.isGroupResizable, ta.object, true);
+      const singleResizable = resolveInteractionProp(tool == null ? void 0 : tool.interaction.isResizable, ta.object, true);
+      return (tool == null ? void 0 : tool.interaction.isGroupResizable) !== void 0 ? groupResizable : singleResizable;
     });
   });
   const allSelectedOnSamePage = $.derived(() => {
@@ -1912,34 +1971,47 @@ function Annotations($$anchor, $$props) {
       return (_a = $.get(annotationProvides)) == null ? void 0 : _a.findToolForAnnotation($.get(annotation).object);
     });
     const mixBlendMode = $.derived(() => blendModeToCss($.get(annotation).object.blendMode ?? PdfBlendMode.Normal));
+    const customRenderer = $.derived(() => findCustomRenderer($.get(annotation)));
     var fragment_1 = $.comment();
     var node_1 = $.first_child(fragment_1);
     {
       var consequent = ($$anchor3) => {
         {
-          const children = ($$anchor4, obj = $.noop) => {
-            Ink($$anchor4, $.spread_props(obj, {
-              get isSelected() {
-                return $.get(isSelected);
-              },
-              get scale() {
-                return $$props.scale;
-              },
-              onClick: (e) => handleClick(e, $.get(annotation))
-            }));
+          const children = ($$anchor4, _obj = $.noop) => {
+            const CustomComponent = $.derived(() => $.get(customRenderer).component);
+            var fragment_3 = $.comment();
+            var node_2 = $.first_child(fragment_3);
+            $.component(node_2, () => $.get(CustomComponent), ($$anchor5, CustomComponent_1) => {
+              CustomComponent_1($$anchor5, {
+                get annotation() {
+                  return $.get(annotation);
+                },
+                get isSelected() {
+                  return $.get(isSelected);
+                },
+                get scale() {
+                  return $$props.scale;
+                },
+                get pageIndex() {
+                  return $$props.pageIndex;
+                },
+                onClick: (e) => handleClick(e, $.get(annotation))
+              });
+            });
+            $.append($$anchor4, fragment_3);
           };
           let $0 = $.derived(() => $.get(isSelected) && !$.get(isMultiSelected));
           let $1 = $.derived(() => {
             var _a;
-            return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable) ?? true) && !$.get(isMultiSelected);
+            return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable, $.get(annotation).object, true) && !$.get(isMultiSelected);
           });
           let $2 = $.derived(() => {
             var _a;
-            return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable) ?? true) && !$.get(isMultiSelected);
+            return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable, $.get(annotation).object, true) && !$.get(isMultiSelected);
           });
           let $3 = $.derived(() => {
             var _a;
-            return ((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio) ?? false;
+            return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio, $.get(annotation).object, false);
           });
           let $4 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenu);
           let $5 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenuSnippet);
@@ -1976,14 +2048,14 @@ function Annotations($$anchor, $$props) {
           ));
         }
       };
-      var alternate_11 = ($$anchor3) => {
+      var alternate_12 = ($$anchor3) => {
         var fragment_4 = $.comment();
-        var node_2 = $.first_child(fragment_4);
+        var node_3 = $.first_child(fragment_4);
         {
           var consequent_1 = ($$anchor4) => {
             {
               const children = ($$anchor5, obj = $.noop) => {
-                Square($$anchor5, $.spread_props(obj, {
+                Ink($$anchor5, $.spread_props(obj, {
                   get isSelected() {
                     return $.get(isSelected);
                   },
@@ -1996,15 +2068,15 @@ function Annotations($$anchor, $$props) {
               let $0 = $.derived(() => $.get(isSelected) && !$.get(isMultiSelected));
               let $1 = $.derived(() => {
                 var _a;
-                return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable) ?? true) && !$.get(isMultiSelected);
+                return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable, $.get(annotation).object, true) && !$.get(isMultiSelected);
               });
               let $2 = $.derived(() => {
                 var _a;
-                return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable) ?? true) && !$.get(isMultiSelected);
+                return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable, $.get(annotation).object, true) && !$.get(isMultiSelected);
               });
               let $3 = $.derived(() => {
                 var _a;
-                return ((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio) ?? false;
+                return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio, $.get(annotation).object, false);
               });
               let $4 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenu);
               let $5 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenuSnippet);
@@ -2041,14 +2113,14 @@ function Annotations($$anchor, $$props) {
               ));
             }
           };
-          var alternate_10 = ($$anchor4) => {
+          var alternate_11 = ($$anchor4) => {
             var fragment_7 = $.comment();
-            var node_3 = $.first_child(fragment_7);
+            var node_4 = $.first_child(fragment_7);
             {
               var consequent_2 = ($$anchor5) => {
                 {
                   const children = ($$anchor6, obj = $.noop) => {
-                    Circle($$anchor6, $.spread_props(obj, {
+                    Square($$anchor6, $.spread_props(obj, {
                       get isSelected() {
                         return $.get(isSelected);
                       },
@@ -2061,15 +2133,15 @@ function Annotations($$anchor, $$props) {
                   let $0 = $.derived(() => $.get(isSelected) && !$.get(isMultiSelected));
                   let $1 = $.derived(() => {
                     var _a;
-                    return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable) ?? true) && !$.get(isMultiSelected);
+                    return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable, $.get(annotation).object, true) && !$.get(isMultiSelected);
                   });
                   let $2 = $.derived(() => {
                     var _a;
-                    return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable) ?? true) && !$.get(isMultiSelected);
+                    return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable, $.get(annotation).object, true) && !$.get(isMultiSelected);
                   });
                   let $3 = $.derived(() => {
                     var _a;
-                    return ((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio) ?? false;
+                    return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio, $.get(annotation).object, false);
                   });
                   let $4 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenu);
                   let $5 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenuSnippet);
@@ -2106,14 +2178,17 @@ function Annotations($$anchor, $$props) {
                   ));
                 }
               };
-              var alternate_9 = ($$anchor5) => {
+              var alternate_10 = ($$anchor5) => {
                 var fragment_10 = $.comment();
-                var node_4 = $.first_child(fragment_10);
+                var node_5 = $.first_child(fragment_10);
                 {
                   var consequent_3 = ($$anchor6) => {
                     {
                       const children = ($$anchor7, obj = $.noop) => {
-                        Underline($$anchor7, $.spread_props(obj, {
+                        Circle($$anchor7, $.spread_props(obj, {
+                          get isSelected() {
+                            return $.get(isSelected);
+                          },
                           get scale() {
                             return $$props.scale;
                           },
@@ -2123,15 +2198,15 @@ function Annotations($$anchor, $$props) {
                       let $0 = $.derived(() => $.get(isSelected) && !$.get(isMultiSelected));
                       let $1 = $.derived(() => {
                         var _a;
-                        return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable) ?? false) && !$.get(isMultiSelected);
+                        return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable, $.get(annotation).object, true) && !$.get(isMultiSelected);
                       });
                       let $2 = $.derived(() => {
                         var _a;
-                        return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable) ?? false) && !$.get(isMultiSelected);
+                        return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable, $.get(annotation).object, true) && !$.get(isMultiSelected);
                       });
                       let $3 = $.derived(() => {
                         var _a;
-                        return ((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio) ?? false;
+                        return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio, $.get(annotation).object, false);
                       });
                       let $4 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenu);
                       let $5 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenuSnippet);
@@ -2159,7 +2234,6 @@ function Annotations($$anchor, $$props) {
                             return $.get($5);
                           },
                           onSelect: (e) => handleClick(e, $.get(annotation)),
-                          zIndex: 0,
                           get style() {
                             return `mix-blend-mode: ${$.get(mixBlendMode) ?? ""}`;
                           }
@@ -2169,14 +2243,14 @@ function Annotations($$anchor, $$props) {
                       ));
                     }
                   };
-                  var alternate_8 = ($$anchor6) => {
+                  var alternate_9 = ($$anchor6) => {
                     var fragment_13 = $.comment();
-                    var node_5 = $.first_child(fragment_13);
+                    var node_6 = $.first_child(fragment_13);
                     {
                       var consequent_4 = ($$anchor7) => {
                         {
                           const children = ($$anchor8, obj = $.noop) => {
-                            Strikeout($$anchor8, $.spread_props(obj, {
+                            Underline($$anchor8, $.spread_props(obj, {
                               get scale() {
                                 return $$props.scale;
                               },
@@ -2186,15 +2260,15 @@ function Annotations($$anchor, $$props) {
                           let $0 = $.derived(() => $.get(isSelected) && !$.get(isMultiSelected));
                           let $1 = $.derived(() => {
                             var _a;
-                            return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable) ?? false) && !$.get(isMultiSelected);
+                            return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable, $.get(annotation).object, false) && !$.get(isMultiSelected);
                           });
                           let $2 = $.derived(() => {
                             var _a;
-                            return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable) ?? false) && !$.get(isMultiSelected);
+                            return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable, $.get(annotation).object, false) && !$.get(isMultiSelected);
                           });
                           let $3 = $.derived(() => {
                             var _a;
-                            return ((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio) ?? false;
+                            return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio, $.get(annotation).object, false);
                           });
                           let $4 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenu);
                           let $5 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenuSnippet);
@@ -2232,14 +2306,14 @@ function Annotations($$anchor, $$props) {
                           ));
                         }
                       };
-                      var alternate_7 = ($$anchor7) => {
+                      var alternate_8 = ($$anchor7) => {
                         var fragment_16 = $.comment();
-                        var node_6 = $.first_child(fragment_16);
+                        var node_7 = $.first_child(fragment_16);
                         {
                           var consequent_5 = ($$anchor8) => {
                             {
                               const children = ($$anchor9, obj = $.noop) => {
-                                Squiggly($$anchor9, $.spread_props(obj, {
+                                Strikeout($$anchor9, $.spread_props(obj, {
                                   get scale() {
                                     return $$props.scale;
                                   },
@@ -2249,15 +2323,15 @@ function Annotations($$anchor, $$props) {
                               let $0 = $.derived(() => $.get(isSelected) && !$.get(isMultiSelected));
                               let $1 = $.derived(() => {
                                 var _a;
-                                return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable) ?? false) && !$.get(isMultiSelected);
+                                return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable, $.get(annotation).object, false) && !$.get(isMultiSelected);
                               });
                               let $2 = $.derived(() => {
                                 var _a;
-                                return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable) ?? false) && !$.get(isMultiSelected);
+                                return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable, $.get(annotation).object, false) && !$.get(isMultiSelected);
                               });
                               let $3 = $.derived(() => {
                                 var _a;
-                                return ((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio) ?? false;
+                                return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio, $.get(annotation).object, false);
                               });
                               let $4 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenu);
                               let $5 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenuSnippet);
@@ -2295,14 +2369,14 @@ function Annotations($$anchor, $$props) {
                               ));
                             }
                           };
-                          var alternate_6 = ($$anchor8) => {
+                          var alternate_7 = ($$anchor8) => {
                             var fragment_19 = $.comment();
-                            var node_7 = $.first_child(fragment_19);
+                            var node_8 = $.first_child(fragment_19);
                             {
                               var consequent_6 = ($$anchor9) => {
                                 {
                                   const children = ($$anchor10, obj = $.noop) => {
-                                    Highlight($$anchor10, $.spread_props(obj, {
+                                    Squiggly($$anchor10, $.spread_props(obj, {
                                       get scale() {
                                         return $$props.scale;
                                       },
@@ -2312,19 +2386,18 @@ function Annotations($$anchor, $$props) {
                                   let $0 = $.derived(() => $.get(isSelected) && !$.get(isMultiSelected));
                                   let $1 = $.derived(() => {
                                     var _a;
-                                    return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable) ?? false) && !$.get(isMultiSelected);
+                                    return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable, $.get(annotation).object, false) && !$.get(isMultiSelected);
                                   });
                                   let $2 = $.derived(() => {
                                     var _a;
-                                    return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable) ?? false) && !$.get(isMultiSelected);
+                                    return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable, $.get(annotation).object, false) && !$.get(isMultiSelected);
                                   });
                                   let $3 = $.derived(() => {
                                     var _a;
-                                    return ((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio) ?? false;
+                                    return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio, $.get(annotation).object, false);
                                   });
                                   let $4 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenu);
                                   let $5 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenuSnippet);
-                                  let $6 = $.derived(() => blendModeToCss($.get(annotation).object.blendMode ?? PdfBlendMode.Multiply));
                                   AnnotationContainer($$anchor9, $.spread_props(
                                     {
                                       get trackedAnnotation() {
@@ -2342,16 +2415,16 @@ function Annotations($$anchor, $$props) {
                                       get lockAspectRatio() {
                                         return $.get($3);
                                       },
-                                      onSelect: (e) => handleClick(e, $.get(annotation)),
-                                      zIndex: 0,
                                       get selectionMenu() {
                                         return $.get($4);
                                       },
                                       get selectionMenuSnippet() {
                                         return $.get($5);
                                       },
+                                      onSelect: (e) => handleClick(e, $.get(annotation)),
+                                      zIndex: 0,
                                       get style() {
-                                        return `mix-blend-mode: ${$.get($6) ?? ""}`;
+                                        return `mix-blend-mode: ${$.get(mixBlendMode) ?? ""}`;
                                       }
                                     },
                                     () => annotationsProps,
@@ -2359,17 +2432,14 @@ function Annotations($$anchor, $$props) {
                                   ));
                                 }
                               };
-                              var alternate_5 = ($$anchor9) => {
+                              var alternate_6 = ($$anchor9) => {
                                 var fragment_22 = $.comment();
-                                var node_8 = $.first_child(fragment_22);
+                                var node_9 = $.first_child(fragment_22);
                                 {
                                   var consequent_7 = ($$anchor10) => {
                                     {
                                       const children = ($$anchor11, obj = $.noop) => {
-                                        Line($$anchor11, $.spread_props(obj, {
-                                          get isSelected() {
-                                            return $.get(isSelected);
-                                          },
+                                        Highlight($$anchor11, $.spread_props(obj, {
                                           get scale() {
                                             return $$props.scale;
                                           },
@@ -2379,18 +2449,19 @@ function Annotations($$anchor, $$props) {
                                       let $0 = $.derived(() => $.get(isSelected) && !$.get(isMultiSelected));
                                       let $1 = $.derived(() => {
                                         var _a;
-                                        return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable) ?? true) && !$.get(isMultiSelected);
+                                        return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable, $.get(annotation).object, false) && !$.get(isMultiSelected);
                                       });
                                       let $2 = $.derived(() => {
                                         var _a;
-                                        return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable) ?? false) && !$.get(isMultiSelected);
+                                        return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable, $.get(annotation).object, false) && !$.get(isMultiSelected);
                                       });
                                       let $3 = $.derived(() => {
                                         var _a;
-                                        return ((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio) ?? false;
+                                        return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio, $.get(annotation).object, false);
                                       });
                                       let $4 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenu);
                                       let $5 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenuSnippet);
+                                      let $6 = $.derived(() => blendModeToCss($.get(annotation).object.blendMode ?? PdfBlendMode.Multiply));
                                       AnnotationContainer($$anchor10, $.spread_props(
                                         {
                                           get trackedAnnotation() {
@@ -2408,19 +2479,16 @@ function Annotations($$anchor, $$props) {
                                           get lockAspectRatio() {
                                             return $.get($3);
                                           },
+                                          onSelect: (e) => handleClick(e, $.get(annotation)),
+                                          zIndex: 0,
                                           get selectionMenu() {
                                             return $.get($4);
                                           },
                                           get selectionMenuSnippet() {
                                             return $.get($5);
                                           },
-                                          onSelect: (e) => handleClick(e, $.get(annotation)),
-                                          vertexConfig: {
-                                            extractVertices: (a) => [a.linePoints.start, a.linePoints.end],
-                                            transformAnnotation: (a, vertices) => ({ ...a, linePoints: { start: vertices[0], end: vertices[1] } })
-                                          },
                                           get style() {
-                                            return `mix-blend-mode: ${$.get(mixBlendMode) ?? ""}`;
+                                            return `mix-blend-mode: ${$.get($6) ?? ""}`;
                                           }
                                         },
                                         () => annotationsProps,
@@ -2428,14 +2496,14 @@ function Annotations($$anchor, $$props) {
                                       ));
                                     }
                                   };
-                                  var alternate_4 = ($$anchor10) => {
+                                  var alternate_5 = ($$anchor10) => {
                                     var fragment_25 = $.comment();
-                                    var node_9 = $.first_child(fragment_25);
+                                    var node_10 = $.first_child(fragment_25);
                                     {
                                       var consequent_8 = ($$anchor11) => {
                                         {
                                           const children = ($$anchor12, obj = $.noop) => {
-                                            Polyline($$anchor12, $.spread_props(obj, {
+                                            Line($$anchor12, $.spread_props(obj, {
                                               get isSelected() {
                                                 return $.get(isSelected);
                                               },
@@ -2445,48 +2513,48 @@ function Annotations($$anchor, $$props) {
                                               onClick: (e) => handleClick(e, $.get(annotation))
                                             }));
                                           };
-                                          let $0 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenu);
-                                          let $1 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenuSnippet);
-                                          let $2 = $.derived(() => {
+                                          let $0 = $.derived(() => $.get(isSelected) && !$.get(isMultiSelected));
+                                          let $1 = $.derived(() => {
                                             var _a;
-                                            return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable) ?? true) && !$.get(isMultiSelected);
+                                            return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable, $.get(annotation).object, true) && !$.get(isMultiSelected);
                                           });
-                                          let $3 = $.derived(() => {
+                                          let $2 = $.derived(() => {
                                             var _a;
-                                            return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable) ?? false) && !$.get(isMultiSelected);
+                                            return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable, $.get(annotation).object, false) && !$.get(isMultiSelected);
                                           });
-                                          let $4 = $.derived(() => {
+                                          let $3 = $.derived(() => {
                                             var _a;
-                                            return ((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio) ?? false;
+                                            return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio, $.get(annotation).object, false);
                                           });
-                                          let $5 = $.derived(() => $.get(isSelected) && !$.get(isMultiSelected));
+                                          let $4 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenu);
+                                          let $5 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenuSnippet);
                                           AnnotationContainer($$anchor11, $.spread_props(
                                             {
                                               get trackedAnnotation() {
                                                 return $.get(annotation);
                                               },
-                                              get selectionMenu() {
+                                              get isSelected() {
                                                 return $.get($0);
                                               },
-                                              get selectionMenuSnippet() {
+                                              get isDraggable() {
                                                 return $.get($1);
                                               },
-                                              get isDraggable() {
+                                              get isResizable() {
                                                 return $.get($2);
                                               },
-                                              get isResizable() {
+                                              get lockAspectRatio() {
                                                 return $.get($3);
                                               },
-                                              get lockAspectRatio() {
+                                              get selectionMenu() {
                                                 return $.get($4);
                                               },
-                                              get isSelected() {
+                                              get selectionMenuSnippet() {
                                                 return $.get($5);
                                               },
                                               onSelect: (e) => handleClick(e, $.get(annotation)),
                                               vertexConfig: {
-                                                extractVertices: (a) => a.vertices,
-                                                transformAnnotation: (a, vertices) => ({ ...a, vertices })
+                                                extractVertices: (a) => [a.linePoints.start, a.linePoints.end],
+                                                transformAnnotation: (a, vertices) => ({ ...a, linePoints: { start: vertices[0], end: vertices[1] } })
                                               },
                                               get style() {
                                                 return `mix-blend-mode: ${$.get(mixBlendMode) ?? ""}`;
@@ -2497,14 +2565,14 @@ function Annotations($$anchor, $$props) {
                                           ));
                                         }
                                       };
-                                      var alternate_3 = ($$anchor11) => {
+                                      var alternate_4 = ($$anchor11) => {
                                         var fragment_28 = $.comment();
-                                        var node_10 = $.first_child(fragment_28);
+                                        var node_11 = $.first_child(fragment_28);
                                         {
                                           var consequent_9 = ($$anchor12) => {
                                             {
                                               const children = ($$anchor13, obj = $.noop) => {
-                                                Polygon($$anchor13, $.spread_props(obj, {
+                                                Polyline($$anchor13, $.spread_props(obj, {
                                                   get isSelected() {
                                                     return $.get(isSelected);
                                                   },
@@ -2514,42 +2582,42 @@ function Annotations($$anchor, $$props) {
                                                   onClick: (e) => handleClick(e, $.get(annotation))
                                                 }));
                                               };
-                                              let $0 = $.derived(() => $.get(isSelected) && !$.get(isMultiSelected));
-                                              let $1 = $.derived(() => {
-                                                var _a;
-                                                return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable) ?? true) && !$.get(isMultiSelected);
-                                              });
+                                              let $0 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenu);
+                                              let $1 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenuSnippet);
                                               let $2 = $.derived(() => {
                                                 var _a;
-                                                return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable) ?? false) && !$.get(isMultiSelected);
+                                                return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable, $.get(annotation).object, true) && !$.get(isMultiSelected);
                                               });
                                               let $3 = $.derived(() => {
                                                 var _a;
-                                                return ((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio) ?? false;
+                                                return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable, $.get(annotation).object, false) && !$.get(isMultiSelected);
+                                              });
+                                              let $4 = $.derived(() => {
+                                                var _a;
+                                                return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio, $.get(annotation).object, false);
                                               });
-                                              let $4 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenu);
-                                              let $5 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenuSnippet);
+                                              let $5 = $.derived(() => $.get(isSelected) && !$.get(isMultiSelected));
                                               AnnotationContainer($$anchor12, $.spread_props(
                                                 {
                                                   get trackedAnnotation() {
                                                     return $.get(annotation);
                                                   },
-                                                  get isSelected() {
+                                                  get selectionMenu() {
                                                     return $.get($0);
                                                   },
-                                                  get isDraggable() {
+                                                  get selectionMenuSnippet() {
                                                     return $.get($1);
                                                   },
-                                                  get isResizable() {
+                                                  get isDraggable() {
                                                     return $.get($2);
                                                   },
-                                                  get lockAspectRatio() {
+                                                  get isResizable() {
                                                     return $.get($3);
                                                   },
-                                                  get selectionMenu() {
+                                                  get lockAspectRatio() {
                                                     return $.get($4);
                                                   },
-                                                  get selectionMenuSnippet() {
+                                                  get isSelected() {
                                                     return $.get($5);
                                                   },
                                                   onSelect: (e) => handleClick(e, $.get(annotation)),
@@ -2566,54 +2634,38 @@ function Annotations($$anchor, $$props) {
                                               ));
                                             }
                                           };
-                                          var alternate_2 = ($$anchor12) => {
+                                          var alternate_3 = ($$anchor12) => {
                                             var fragment_31 = $.comment();
-                                            var node_11 = $.first_child(fragment_31);
+                                            var node_12 = $.first_child(fragment_31);
                                             {
                                               var consequent_10 = ($$anchor13) => {
                                                 {
-                                                  const children = ($$anchor14, object = $.noop) => {
-                                                    {
-                                                      let $02 = $.derived(() => ({ ...$.get(annotation), object: object() }));
-                                                      FreeText($$anchor14, {
-                                                        get documentId() {
-                                                          return $$props.documentId;
-                                                        },
-                                                        get isSelected() {
-                                                          return $.get(isSelected);
-                                                        },
-                                                        get isEditing() {
-                                                          return $.get(isEditing);
-                                                        },
-                                                        get annotation() {
-                                                          return $.get($02);
-                                                        },
-                                                        get pageIndex() {
-                                                          return $$props.pageIndex;
-                                                        },
-                                                        get scale() {
-                                                          return $$props.scale;
-                                                        },
-                                                        onClick: (e) => handleClick(e, $.get(annotation))
-                                                      });
-                                                    }
+                                                  const children = ($$anchor14, obj = $.noop) => {
+                                                    Polygon($$anchor14, $.spread_props(obj, {
+                                                      get isSelected() {
+                                                        return $.get(isSelected);
+                                                      },
+                                                      get scale() {
+                                                        return $$props.scale;
+                                                      },
+                                                      onClick: (e) => handleClick(e, $.get(annotation))
+                                                    }));
                                                   };
                                                   let $0 = $.derived(() => $.get(isSelected) && !$.get(isMultiSelected));
                                                   let $1 = $.derived(() => {
                                                     var _a;
-                                                    return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable) ?? true) && !$.get(isEditing) && !$.get(isMultiSelected);
+                                                    return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable, $.get(annotation).object, true) && !$.get(isMultiSelected);
                                                   });
                                                   let $2 = $.derived(() => {
                                                     var _a;
-                                                    return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable) ?? true) && !$.get(isMultiSelected);
+                                                    return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable, $.get(annotation).object, false) && !$.get(isMultiSelected);
                                                   });
                                                   let $3 = $.derived(() => {
                                                     var _a;
-                                                    return ((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio) ?? false;
+                                                    return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio, $.get(annotation).object, false);
                                                   });
                                                   let $4 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenu);
                                                   let $5 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenuSnippet);
-                                                  let $6 = $.derived(() => blendModeToCss($.get(annotation).object.blendMode ?? PdfBlendMode.Normal));
                                                   AnnotationContainer($$anchor13, $.spread_props(
                                                     {
                                                       get trackedAnnotation() {
@@ -2638,12 +2690,12 @@ function Annotations($$anchor, $$props) {
                                                         return $.get($5);
                                                       },
                                                       onSelect: (e) => handleClick(e, $.get(annotation)),
-                                                      get style() {
-                                                        return `mix-blend-mode: ${$.get($6) ?? ""}`;
+                                                      vertexConfig: {
+                                                        extractVertices: (a) => a.vertices,
+                                                        transformAnnotation: (a, vertices) => ({ ...a, vertices })
                                                       },
-                                                      onDoubleClick: (e) => {
-                                                        e.stopPropagation();
-                                                        $.set(editingId, $.get(annotation).object.id, true);
+                                                      get style() {
+                                                        return `mix-blend-mode: ${$.get(mixBlendMode) ?? ""}`;
                                                       }
                                                     },
                                                     () => annotationsProps,
@@ -2651,47 +2703,54 @@ function Annotations($$anchor, $$props) {
                                                   ));
                                                 }
                                               };
-                                              var alternate_1 = ($$anchor13) => {
+                                              var alternate_2 = ($$anchor13) => {
                                                 var fragment_34 = $.comment();
-                                                var node_12 = $.first_child(fragment_34);
+                                                var node_13 = $.first_child(fragment_34);
                                                 {
                                                   var consequent_11 = ($$anchor14) => {
                                                     {
-                                                      const children = ($$anchor15, _object = $.noop) => {
-                                                        Stamp($$anchor15, {
-                                                          get documentId() {
-                                                            return $$props.documentId;
-                                                          },
-                                                          get isSelected() {
-                                                            return $.get(isSelected);
-                                                          },
-                                                          get annotation() {
-                                                            return $.get(annotation);
-                                                          },
-                                                          get pageIndex() {
-                                                            return $$props.pageIndex;
-                                                          },
-                                                          get scale() {
-                                                            return $$props.scale;
-                                                          },
-                                                          onClick: (e) => handleClick(e, $.get(annotation))
-                                                        });
+                                                      const children = ($$anchor15, object = $.noop) => {
+                                                        {
+                                                          let $02 = $.derived(() => ({ ...$.get(annotation), object: object() }));
+                                                          FreeText($$anchor15, {
+                                                            get documentId() {
+                                                              return $$props.documentId;
+                                                            },
+                                                            get isSelected() {
+                                                              return $.get(isSelected);
+                                                            },
+                                                            get isEditing() {
+                                                              return $.get(isEditing);
+                                                            },
+                                                            get annotation() {
+                                                              return $.get($02);
+                                                            },
+                                                            get pageIndex() {
+                                                              return $$props.pageIndex;
+                                                            },
+                                                            get scale() {
+                                                              return $$props.scale;
+                                                            },
+                                                            onClick: (e) => handleClick(e, $.get(annotation))
+                                                          });
+                                                        }
                                                       };
                                                       let $0 = $.derived(() => $.get(isSelected) && !$.get(isMultiSelected));
                                                       let $1 = $.derived(() => {
                                                         var _a;
-                                                        return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable) ?? true) && !$.get(isMultiSelected);
+                                                        return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable, $.get(annotation).object, true) && !$.get(isEditing) && !$.get(isMultiSelected);
                                                       });
                                                       let $2 = $.derived(() => {
                                                         var _a;
-                                                        return (((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable) ?? true) && !$.get(isMultiSelected);
+                                                        return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable, $.get(annotation).object, true) && !$.get(isMultiSelected);
                                                       });
                                                       let $3 = $.derived(() => {
                                                         var _a;
-                                                        return ((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio) ?? false;
+                                                        return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio, $.get(annotation).object, false);
                                                       });
                                                       let $4 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenu);
                                                       let $5 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenuSnippet);
+                                                      let $6 = $.derived(() => blendModeToCss($.get(annotation).object.blendMode ?? PdfBlendMode.Normal));
                                                       AnnotationContainer($$anchor14, $.spread_props(
                                                         {
                                                           get trackedAnnotation() {
@@ -2717,7 +2776,11 @@ function Annotations($$anchor, $$props) {
                                                           },
                                                           onSelect: (e) => handleClick(e, $.get(annotation)),
                                                           get style() {
-                                                            return `mix-blend-mode: ${$.get(mixBlendMode) ?? ""}`;
+                                                            return `mix-blend-mode: ${$.get($6) ?? ""}`;
+                                                          },
+                                                          onDoubleClick: (e) => {
+                                                            e.stopPropagation();
+                                                            $.set(editingId, $.get(annotation).object.id, true);
                                                           }
                                                         },
                                                         () => annotationsProps,
@@ -2725,30 +2788,47 @@ function Annotations($$anchor, $$props) {
                                                       ));
                                                     }
                                                   };
-                                                  var alternate = ($$anchor14) => {
+                                                  var alternate_1 = ($$anchor14) => {
                                                     var fragment_37 = $.comment();
-                                                    var node_13 = $.first_child(fragment_37);
+                                                    var node_14 = $.first_child(fragment_37);
                                                     {
                                                       var consequent_12 = ($$anchor15) => {
-                                                        const hasIRT = $.derived(() => !!$.get(annotation).object.inReplyToId);
                                                         {
-                                                          const children = ($$anchor16, obj = $.noop) => {
-                                                            Link($$anchor16, $.spread_props(obj, {
+                                                          const children = ($$anchor16, _object = $.noop) => {
+                                                            Stamp($$anchor16, {
+                                                              get documentId() {
+                                                                return $$props.documentId;
+                                                              },
                                                               get isSelected() {
                                                                 return $.get(isSelected);
                                                               },
+                                                              get annotation() {
+                                                                return $.get(annotation);
+                                                              },
+                                                              get pageIndex() {
+                                                                return $$props.pageIndex;
+                                                              },
                                                               get scale() {
                                                                 return $$props.scale;
                                                               },
-                                                              onClick: (e) => handleLinkClick(e, $.get(annotation)),
-                                                              get hasIRT() {
-                                                                return $.get(hasIRT);
-                                                              }
-                                                            }));
+                                                              onClick: (e) => handleClick(e, $.get(annotation))
+                                                            });
                                                           };
                                                           let $0 = $.derived(() => $.get(isSelected) && !$.get(isMultiSelected));
-                                                          let $1 = $.derived(() => $.get(hasIRT) ? void 0 : $.get(isMultiSelected) ? void 0 : $$props.selectionMenu);
-                                                          let $2 = $.derived(() => $.get(hasIRT) ? void 0 : $.get(isMultiSelected) ? void 0 : $$props.selectionMenuSnippet);
+                                                          let $1 = $.derived(() => {
+                                                            var _a;
+                                                            return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isDraggable, $.get(annotation).object, true) && !$.get(isMultiSelected);
+                                                          });
+                                                          let $2 = $.derived(() => {
+                                                            var _a;
+                                                            return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.isResizable, $.get(annotation).object, true) && !$.get(isMultiSelected);
+                                                          });
+                                                          let $3 = $.derived(() => {
+                                                            var _a;
+                                                            return resolveInteractionProp((_a = $.get(tool)) == null ? void 0 : _a.interaction.lockAspectRatio, $.get(annotation).object, false);
+                                                          });
+                                                          let $4 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenu);
+                                                          let $5 = $.derived(() => $.get(isMultiSelected) ? void 0 : $$props.selectionMenuSnippet);
                                                           AnnotationContainer($$anchor15, $.spread_props(
                                                             {
                                                               get trackedAnnotation() {
@@ -2757,19 +2837,22 @@ function Annotations($$anchor, $$props) {
                                                               get isSelected() {
                                                                 return $.get($0);
                                                               },
-                                                              get isMultiSelected() {
-                                                                return $.get(isMultiSelected);
+                                                              get isDraggable() {
+                                                                return $.get($1);
+                                                              },
+                                                              get isResizable() {
+                                                                return $.get($2);
+                                                              },
+                                                              get lockAspectRatio() {
+                                                                return $.get($3);
                                                               },
-                                                              isDraggable: false,
-                                                              isResizable: false,
-                                                              lockAspectRatio: false,
                                                               get selectionMenu() {
-                                                                return $.get($1);
+                                                                return $.get($4);
                                                               },
                                                               get selectionMenuSnippet() {
-                                                                return $.get($2);
+                                                                return $.get($5);
                                                               },
-                                                              onSelect: (e) => handleLinkClick(e, $.get(annotation)),
+                                                              onSelect: (e) => handleClick(e, $.get(annotation)),
                                                               get style() {
                                                                 return `mix-blend-mode: ${$.get(mixBlendMode) ?? ""}`;
                                                               }
@@ -2779,10 +2862,75 @@ function Annotations($$anchor, $$props) {
                                                           ));
                                                         }
                                                       };
+                                                      var alternate = ($$anchor15) => {
+                                                        var fragment_40 = $.comment();
+                                                        var node_15 = $.first_child(fragment_40);
+                                                        {
+                                                          var consequent_13 = ($$anchor16) => {
+                                                            const hasIRT = $.derived(() => !!$.get(annotation).object.inReplyToId);
+                                                            {
+                                                              const children = ($$anchor17, obj = $.noop) => {
+                                                                Link($$anchor17, $.spread_props(obj, {
+                                                                  get isSelected() {
+                                                                    return $.get(isSelected);
+                                                                  },
+                                                                  get scale() {
+                                                                    return $$props.scale;
+                                                                  },
+                                                                  onClick: (e) => handleLinkClick(e, $.get(annotation)),
+                                                                  get hasIRT() {
+                                                                    return $.get(hasIRT);
+                                                                  }
+                                                                }));
+                                                              };
+                                                              let $0 = $.derived(() => $.get(isSelected) && !$.get(isMultiSelected));
+                                                              let $1 = $.derived(() => $.get(hasIRT) ? void 0 : $.get(isMultiSelected) ? void 0 : $$props.selectionMenu);
+                                                              let $2 = $.derived(() => $.get(hasIRT) ? void 0 : $.get(isMultiSelected) ? void 0 : $$props.selectionMenuSnippet);
+                                                              AnnotationContainer($$anchor16, $.spread_props(
+                                                                {
+                                                                  get trackedAnnotation() {
+                                                                    return $.get(annotation);
+                                                                  },
+                                                                  get isSelected() {
+                                                                    return $.get($0);
+                                                                  },
+                                                                  get isMultiSelected() {
+                                                                    return $.get(isMultiSelected);
+                                                                  },
+                                                                  isDraggable: false,
+                                                                  isResizable: false,
+                                                                  lockAspectRatio: false,
+                                                                  get selectionMenu() {
+                                                                    return $.get($1);
+                                                                  },
+                                                                  get selectionMenuSnippet() {
+                                                                    return $.get($2);
+                                                                  },
+                                                                  onSelect: (e) => handleLinkClick(e, $.get(annotation)),
+                                                                  get style() {
+                                                                    return `mix-blend-mode: ${$.get(mixBlendMode) ?? ""}`;
+                                                                  }
+                                                                },
+                                                                () => annotationsProps,
+                                                                { children, $$slots: { default: true } }
+                                                              ));
+                                                            }
+                                                          };
+                                                          $.if(
+                                                            node_15,
+                                                            ($$render) => {
+                                                              if (isLink($.get(annotation))) $$render(consequent_13);
+                                                            },
+                                                            true
+                                                          );
+                                                        }
+                                                        $.append($$anchor15, fragment_40);
+                                                      };
                                                       $.if(
-                                                        node_13,
+                                                        node_14,
                                                         ($$render) => {
-                                                          if (isLink($.get(annotation))) $$render(consequent_12);
+                                                          if (isStamp($.get(annotation))) $$render(consequent_12);
+                                                          else $$render(alternate, false);
                                                         },
                                                         true
                                                       );
@@ -2790,10 +2938,10 @@ function Annotations($$anchor, $$props) {
                                                     $.append($$anchor14, fragment_37);
                                                   };
                                                   $.if(
-                                                    node_12,
+                                                    node_13,
                                                     ($$render) => {
-                                                      if (isStamp($.get(annotation))) $$render(consequent_11);
-                                                      else $$render(alternate, false);
+                                                      if (isFreeText($.get(annotation))) $$render(consequent_11);
+                                                      else $$render(alternate_1, false);
                                                     },
                                                     true
                                                   );
@@ -2801,10 +2949,10 @@ function Annotations($$anchor, $$props) {
                                                 $.append($$anchor13, fragment_34);
                                               };
                                               $.if(
-                                                node_11,
+                                                node_12,
                                                 ($$render) => {
-                                                  if (isFreeText($.get(annotation))) $$render(consequent_10);
-                                                  else $$render(alternate_1, false);
+                                                  if (isPolygon($.get(annotation))) $$render(consequent_10);
+                                                  else $$render(alternate_2, false);
                                                 },
                                                 true
                                               );
@@ -2812,10 +2960,10 @@ function Annotations($$anchor, $$props) {
                                             $.append($$anchor12, fragment_31);
                                           };
                                           $.if(
-                                            node_10,
+                                            node_11,
                                             ($$render) => {
-                                              if (isPolygon($.get(annotation))) $$render(consequent_9);
-                                              else $$render(alternate_2, false);
+                                              if (isPolyline($.get(annotation))) $$render(consequent_9);
+                                              else $$render(alternate_3, false);
                                             },
                                             true
                                           );
@@ -2823,10 +2971,10 @@ function Annotations($$anchor, $$props) {
                                         $.append($$anchor11, fragment_28);
                                       };
                                       $.if(
-                                        node_9,
+                                        node_10,
                                         ($$render) => {
-                                          if (isPolyline($.get(annotation))) $$render(consequent_8);
-                                          else $$render(alternate_3, false);
+                                          if (isLine($.get(annotation))) $$render(consequent_8);
+                                          else $$render(alternate_4, false);
                                         },
                                         true
                                       );
@@ -2834,10 +2982,10 @@ function Annotations($$anchor, $$props) {
                                     $.append($$anchor10, fragment_25);
                                   };
                                   $.if(
-                                    node_8,
+                                    node_9,
                                     ($$render) => {
-                                      if (isLine($.get(annotation))) $$render(consequent_7);
-                                      else $$render(alternate_4, false);
+                                      if (isHighlight($.get(annotation))) $$render(consequent_7);
+                                      else $$render(alternate_5, false);
                                     },
                                     true
                                   );
@@ -2845,10 +2993,10 @@ function Annotations($$anchor, $$props) {
                                 $.append($$anchor9, fragment_22);
                               };
                               $.if(
-                                node_7,
+                                node_8,
                                 ($$render) => {
-                                  if (isHighlight($.get(annotation))) $$render(consequent_6);
-                                  else $$render(alternate_5, false);
+                                  if (isSquiggly($.get(annotation))) $$render(consequent_6);
+                                  else $$render(alternate_6, false);
                                 },
                                 true
                               );
@@ -2856,10 +3004,10 @@ function Annotations($$anchor, $$props) {
                             $.append($$anchor8, fragment_19);
                           };
                           $.if(
-                            node_6,
+                            node_7,
                             ($$render) => {
-                              if (isSquiggly($.get(annotation))) $$render(consequent_5);
-                              else $$render(alternate_6, false);
+                              if (isStrikeout($.get(annotation))) $$render(consequent_5);
+                              else $$render(alternate_7, false);
                             },
                             true
                           );
@@ -2867,10 +3015,10 @@ function Annotations($$anchor, $$props) {
                         $.append($$anchor7, fragment_16);
                       };
                       $.if(
-                        node_5,
+                        node_6,
                         ($$render) => {
-                          if (isStrikeout($.get(annotation))) $$render(consequent_4);
-                          else $$render(alternate_7, false);
+                          if (isUnderline($.get(annotation))) $$render(consequent_4);
+                          else $$render(alternate_8, false);
                         },
                         true
                       );
@@ -2878,10 +3026,10 @@ function Annotations($$anchor, $$props) {
                     $.append($$anchor6, fragment_13);
                   };
                   $.if(
-                    node_4,
+                    node_5,
                     ($$render) => {
-                      if (isUnderline($.get(annotation))) $$render(consequent_3);
-                      else $$render(alternate_8, false);
+                      if (isCircle($.get(annotation))) $$render(consequent_3);
+                      else $$render(alternate_9, false);
                     },
                     true
                   );
@@ -2889,10 +3037,10 @@ function Annotations($$anchor, $$props) {
                 $.append($$anchor5, fragment_10);
               };
               $.if(
-                node_3,
+                node_4,
                 ($$render) => {
-                  if (isCircle($.get(annotation))) $$render(consequent_2);
-                  else $$render(alternate_9, false);
+                  if (isSquare($.get(annotation))) $$render(consequent_2);
+                  else $$render(alternate_10, false);
                 },
                 true
               );
@@ -2900,10 +3048,10 @@ function Annotations($$anchor, $$props) {
             $.append($$anchor4, fragment_7);
           };
           $.if(
-            node_2,
+            node_3,
             ($$render) => {
-              if (isSquare($.get(annotation))) $$render(consequent_1);
-              else $$render(alternate_10, false);
+              if (isInk($.get(annotation))) $$render(consequent_1);
+              else $$render(alternate_11, false);
             },
             true
           );
@@ -2911,15 +3059,15 @@ function Annotations($$anchor, $$props) {
         $.append($$anchor3, fragment_4);
       };
       $.if(node_1, ($$render) => {
-        if (isInk($.get(annotation))) $$render(consequent);
-        else $$render(alternate_11, false);
+        if ($.get(customRenderer)) $$render(consequent);
+        else $$render(alternate_12, false);
       });
     }
     $.append($$anchor2, fragment_1);
   });
-  var node_14 = $.sibling(node, 2);
+  var node_16 = $.sibling(node, 2);
   {
-    var consequent_13 = ($$anchor2) => {
+    var consequent_14 = ($$anchor2) => {
       GroupSelectionBox($$anchor2, {
         get documentId() {
           return $$props.documentId;
@@ -2962,8 +3110,8 @@ function Annotations($$anchor, $$props) {
         }
       });
     };
-    $.if(node_14, ($$render) => {
-      if ($.get(allSelectedOnSamePage) && $.get(selectedAnnotationsOnPage).length >= 2) $$render(consequent_13);
+    $.if(node_16, ($$render) => {
+      if ($.get(allSelectedOnSamePage) && $.get(selectedAnnotationsOnPage).length >= 2) $$render(consequent_14);
     });
   }
   $.append($$anchor, fragment);
@@ -3608,8 +3756,21 @@ function AnnotationLayer($$anchor, $$props) {
     "resizeUI",
     "vertexUI",
     "selectionOutlineColor",
-    "customAnnotationRenderer"
+    "customAnnotationRenderer",
+    "annotationRenderers"
   ]);
+  const registry = getRendererRegistry();
+  const allRenderers = $.derived(() => {
+    const fromRegistry = (registry == null ? void 0 : registry.getAll()) ?? [];
+    const fromProps = $$props.annotationRenderers ?? [];
+    const merged = [...fromRegistry];
+    for (const r of fromProps) {
+      const idx = merged.findIndex((m) => m.id === r.id);
+      if (idx >= 0) merged[idx] = r;
+      else merged.push(r);
+    }
+    return merged;
+  });
   const documentState = useDocumentState(() => $$props.documentId);
   const page = $.derived(() => {
     var _a, _b, _c;
@@ -3678,6 +3839,9 @@ function AnnotationLayer($$anchor, $$props) {
     },
     get customAnnotationRenderer() {
       return $$props.customAnnotationRenderer;
+    },
+    get annotationRenderers() {
+      return $.get(allRenderers);
     }
   });
   var node_1 = $.sibling(node, 2);
@@ -3708,10 +3872,12 @@ function AnnotationLayer($$anchor, $$props) {
   $.append($$anchor, div);
   $.pop();
 }
+const AnnotationPluginPackage = createPluginPackage(AnnotationPluginPackage$1).addWrapper(RendererRegistryProvider).build();
 export {
   AnnotationContainer,
   AnnotationLayer,
   AnnotationPaintLayer,
+  AnnotationPluginPackage,
   Annotations,
   Circle,
   FreeText,
@@ -3724,12 +3890,17 @@ export {
   Polyline,
   PreviewRenderer,
   RenderAnnotation,
+  RendererRegistryProvider,
   Square,
   Squiggly,
   Stamp,
   Strikeout,
   TextMarkup,
   Underline,
+  createRenderer,
+  createRendererRegistry,
+  getRendererRegistry,
+  provideRendererRegistry,
   useAnnotation,
   useAnnotationCapability,
   useAnnotationPlugin