@embedpdf/plugin-annotation 2.1.2 → 2.2.0

package/dist/vue/index.js

@@ -1,5 +1,5 @@
 import { ref, toValue, watch, computed, defineComponent, shallowRef, toRaw, useSlots, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, mergeProps, unref, renderSlot, Fragment, renderList, withCtx, resolveDynamicComponent, normalizeStyle, onMounted, toDisplayString, onUnmounted, createVNode, watchEffect, normalizeProps, guardReactiveProps } from "vue";
-import { usePlugin, useCapability, useDocumentState } from "@embedpdf/core/vue";
+import { usePlugin, useCapability, useDocumentPermissions, useDocumentState } from "@embedpdf/core/vue";
 import { AnnotationPlugin, initialDocumentState, patching, getAnnotationsByPageIndex, getSelectedAnnotationByPageIndex, isInk, isSquare, isCircle, isLine, isPolyline, isPolygon, isFreeText, isStamp, isUnderline, isStrikeout, isSquiggly, isHighlight } from "@embedpdf/plugin-annotation";
 export * from "@embedpdf/plugin-annotation";
 import { useInteractionHandles, useDoublePressProps, CounterRotate, deepToRaw } from "@embedpdf/utils/vue";
@@ -75,7 +75,20 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     const VERTEX_SIZE = 12;
     const preview = shallowRef(toRaw(props.trackedAnnotation.object));
     const { provides: annotationCapability } = useAnnotationCapability();
+    const permissions = useDocumentPermissions(props.documentId);
     const gestureBaseRef = ref(null);
+    const effectiveIsDraggable = computed(
+      () => permissions.value.canModifyAnnotations && props.isDraggable
+    );
+    const effectiveIsResizable = computed(
+      () => permissions.value.canModifyAnnotations && props.isResizable
+    );
+    const guardedOnDoubleClick = props.onDoubleClick ? (e) => {
+      var _a;
+      if (permissions.value.canModifyAnnotations) {
+        (_a = props.onDoubleClick) == null ? void 0 : _a.call(props, e);
+      }
+    } : void 0;
     const annotationProvides = computed(
       () => annotationCapability.value ? annotationCapability.value.forDocument(props.documentId) : null
     );
@@ -181,7 +194,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       },
       includeVertices: !!props.vertexConfig
     });
-    const doubleProps = useDoublePressProps(props.onDoubleClick);
+    const doubleProps = useDoublePressProps(guardedOnDoubleClick);
     watch(
       () => props.trackedAnnotation.object,
       (newObject) => {
@@ -199,7 +212,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       outlineOffset: props.isSelected ? `${props.outlineOffset}px` : "0px",
       pointerEvents: props.isSelected ? "auto" : "none",
       touchAction: "none",
-      cursor: props.isSelected && props.isDraggable ? "move" : "default",
+      cursor: props.isSelected && effectiveIsDraggable.value ? "move" : "default",
       zIndex: props.zIndex
     }));
     const mergedContainerStyle = computed(() => ({
@@ -209,9 +222,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     const slots = useSlots();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$8, [
-        createElementVNode("div", mergeProps({ ...unref(dragProps), ...unref(doubleProps) }, { style: mergedContainerStyle.value }), [
+        createElementVNode("div", mergeProps({ ...effectiveIsDraggable.value && __props.isSelected ? unref(dragProps) : {}, ...unref(doubleProps) }, { style: mergedContainerStyle.value }), [
           renderSlot(_ctx.$slots, "default", { annotation: currentObject.value }),
-          __props.isSelected && __props.isResizable ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(resize), ({ key, style, ...handle }) => {
+          __props.isSelected && effectiveIsResizable.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(resize), ({ key, style, ...handle }) => {
             return openBlock(), createElementBlock(Fragment, { key }, [
               unref(slots)["resize-handle"] ? renderSlot(_ctx.$slots, "resize-handle", mergeProps({
                 key: 0,
@@ -228,7 +241,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
               }), null, 16))
             ], 64);
           }), 128)) : createCommentVNode("", true),
-          __props.isSelected && unref(vertices).length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(vertices), ({ key, style, ...vertex }) => {
+          __props.isSelected && unref(permissions).canModifyAnnotations && unref(vertices).length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(vertices), ({ key, style, ...vertex }) => {
             return openBlock(), createElementBlock(Fragment, { key }, [
               unref(slots)["vertex-handle"] ? renderSlot(_ctx.$slots, "vertex-handle", mergeProps({
                 key: 0,