@embedpdf/plugin-annotation 2.1.1 → 2.2.0

package/dist/svelte/index.js

@@ -1,7 +1,7 @@
 import * as $ from "svelte/internal/client";
 import { AnnotationPlugin, initialDocumentState, patching, getAnnotationsByPageIndex, getSelectedAnnotationByPageIndex, isInk, isSquare, isCircle, isUnderline, isStrikeout, isSquiggly, isHighlight, isLine, isPolyline, isPolygon, isFreeText, isStamp } from "@embedpdf/plugin-annotation";
 export * from "@embedpdf/plugin-annotation";
-import { useCapability, usePlugin, useDocumentState } from "@embedpdf/core/svelte";
+import { useCapability, usePlugin, useDocumentPermissions, useDocumentState } from "@embedpdf/core/svelte";
 import "svelte/internal/disclose-version";
 import { useInteractionHandles, deepToRaw, doublePress, CounterRotate } from "@embedpdf/utils/svelte";
 import { PdfAnnotationBorderStyle, PdfVerticalAlignment, textAlignmentToCss, standardFontCss, ignore, PdfErrorCode, blendModeToCss, PdfBlendMode, PdfAnnotationSubtype, Rotation } from "@embedpdf/models";
@@ -73,7 +73,11 @@ function AnnotationContainer($$anchor, $$props) {
   ]);
   let preview = $.state($.proxy($$props.trackedAnnotation.object));
   let annotationCapability = useAnnotationCapability();
+  const permissions = useDocumentPermissions(() => $$props.documentId);
   let gestureBaseRef = $.state(null);
+  const effectiveIsDraggable = $.derived(() => permissions.canModifyAnnotations && $$props.isDraggable);
+  const effectiveIsResizable = $.derived(() => permissions.canModifyAnnotations && $$props.isResizable);
+  const guardedOnDoubleClick = $.derived(() => permissions.canModifyAnnotations && $$props.onDoubleClick ? $$props.onDoubleClick : void 0);
   const annotationProvides = $.derived(() => annotationCapability.provides ? annotationCapability.provides.forDocument($$props.documentId) : null);
   let currentObject = $.derived(() => $.get(preview) ? { ...$$props.trackedAnnotation.object, ...$.get(preview) } : $$props.trackedAnnotation.object);
   const HANDLE_COLOR = $.derived(() => {
@@ -170,7 +174,7 @@ function AnnotationContainer($$anchor, $$props) {
   var div = root$a();
   var div_1 = $.child(div);
   $.attribute_effect(div_1, () => ({
-    ...$$props.isDraggable && $$props.isSelected ? interactionHandles.dragProps : {},
+    ...$.get(effectiveIsDraggable) && $$props.isSelected ? interactionHandles.dragProps : {},
     style: $$props.style || "",
     class: propsClass(),
     ...restProps,
@@ -184,7 +188,7 @@ function AnnotationContainer($$anchor, $$props) {
       "outline-offset": $$props.isSelected ? `${outlineOffset()}px` : "0px",
       "pointer-events": $$props.isSelected ? "auto" : "none",
       "touch-action": "none",
-      cursor: $$props.isSelected && $$props.isDraggable ? "move" : "default",
+      cursor: $$props.isSelected && $.get(effectiveIsDraggable) ? "move" : "default",
       "z-index": zIndex()
     }
   }));
@@ -260,7 +264,7 @@ function AnnotationContainer($$anchor, $$props) {
       $.append($$anchor2, fragment_2);
     };
     $.if(node_3, ($$render) => {
-      if ($$props.isSelected && $$props.isResizable) $$render(consequent_2);
+      if ($$props.isSelected && $.get(effectiveIsResizable)) $$render(consequent_2);
     });
   }
   var node_7 = $.sibling(node_3, 2);
@@ -306,14 +310,14 @@ function AnnotationContainer($$anchor, $$props) {
       $.append($$anchor2, fragment_5);
     };
     $.if(node_7, ($$render) => {
-      if ($$props.isSelected) $$render(consequent_4);
+      if ($$props.isSelected && permissions.canModifyAnnotations) $$render(consequent_4);
     });
   }
   $.reset(div_1);
   $.action(div_1, ($$node, $$action_arg) => {
     var _a;
     return (_a = doublePress) == null ? void 0 : _a($$node, $$action_arg);
-  }, () => ({ onDouble: $$props.onDoubleClick }));
+  }, () => ({ onDouble: $.get(guardedOnDoubleClick) }));
   var node_11 = $.sibling(div_1, 2);
   {
     var consequent_8 = ($$anchor2) => {