@embedpdf/plugin-annotation 2.9.0 → 2.9.1

package/dist/vue/index.js

@@ -1,7 +1,7 @@
 import { createPluginPackage } from "@embedpdf/core";
 import { AnnotationPlugin, initialDocumentState, inferRotationCenterFromRects, generateCloudyRectanglePath, generateCloudyEllipsePath, patching, generateCloudyPolygonPath, resolveInteractionProp, getAnnotationsByPageIndex, getSelectedAnnotationIds, AnnotationPluginPackage as AnnotationPluginPackage$1 } from "@embedpdf/plugin-annotation";
 export * from "@embedpdf/plugin-annotation";
-import { defineComponent, ref, watchEffect, openBlock, createElementBlock, normalizeStyle, createCommentVNode, toValue, watch, computed, shallowRef, toRaw, useSlots, createElementVNode, renderSlot, createBlock, Fragment, unref, normalizeProps, mergeProps, renderList, withCtx, resolveDynamicComponent, Teleport, toDisplayString, markRaw, provide, inject, onUnmounted, onMounted, createVNode, createSlots, guardReactiveProps } from "vue";
+import { defineComponent, ref, watchEffect, openBlock, createElementBlock, normalizeStyle, createCommentVNode, toValue, watch, computed, shallowRef, toRaw, useSlots, createElementVNode, renderSlot, createBlock, Fragment, unref, normalizeProps, mergeProps, renderList, withCtx, resolveDynamicComponent, Teleport, toDisplayString, markRaw, provide, inject, onUnmounted, onMounted, nextTick, createVNode, createSlots, guardReactiveProps } from "vue";
 import { getCounterRotation } from "@embedpdf/utils";
 import { useInteractionHandles, useDoublePressProps, CounterRotate, deepToRaw } from "@embedpdf/utils/vue";
 import { useCapability, usePlugin, useDocumentPermissions, useDocumentState } from "@embedpdf/core/vue";
@@ -534,7 +534,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
       height: `${innerHeight.value}px`,
       transform: annotationRotation.value !== 0 ? `rotate(${annotationRotation.value}deg)` : void 0,
       transformOrigin: innerTransformOrigin.value,
-      pointerEvents: "none"
+      pointerEvents: props.isEditing ? "auto" : "none"
     }));
     const innerRotatedStyle = computed(() => ({
       position: "absolute",
@@ -546,7 +546,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
       transformOrigin: innerTransformOrigin.value,
       outline: showOutline.value ? `${outlineWidth.value}px ${outlineStyle.value} ${outlineColor.value}` : "none",
       outlineOffset: showOutline.value ? `${outlineOff.value}px` : "0px",
-      pointerEvents: props.isSelected && !props.isMultiSelected ? "auto" : "none",
+      pointerEvents: props.isSelected && !props.isMultiSelected && !props.isEditing ? "auto" : "none",
       touchAction: "none",
       cursor: props.isSelected && effectiveIsDraggable.value ? "move" : "default"
     }));
@@ -2498,28 +2498,35 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     });
     watch(
       () => props.isEditing,
-      (editing) => {
-        if (editing && editorRef.value) {
-          editingRef.value = true;
-          const editor = editorRef.value;
-          editor.focus();
-          const selection = window.getSelection();
-          if (selection) {
-            const range = document.createRange();
-            range.selectNodeContents(editor);
+      async (editing) => {
+        var _a, _b;
+        if (!editing) return;
+        await nextTick();
+        if (!editorRef.value) return;
+        editingRef.value = true;
+        const editor = editorRef.value;
+        editor.focus();
+        const tool = (_a = annotationProvides.value) == null ? void 0 : _a.findToolForAnnotation(props.annotation.object);
+        const isDefaultContent = ((_b = tool == null ? void 0 : tool.defaults) == null ? void 0 : _b.contents) != null && props.annotation.object.contents === tool.defaults.contents;
+        const selection = window.getSelection();
+        if (selection) {
+          const range = document.createRange();
+          range.selectNodeContents(editor);
+          if (!isDefaultContent) {
             range.collapse(false);
-            selection.removeAllRanges();
-            selection.addRange(range);
           }
+          selection.removeAllRanges();
+          selection.addRange(range);
         }
-      }
+      },
+      { immediate: true }
     );
     const handleBlur = () => {
       if (!editingRef.value) return;
       editingRef.value = false;
       if (!annotationProvides.value || !editorRef.value) return;
       annotationProvides.value.updateAnnotation(props.pageIndex, props.annotation.object.id, {
-        contents: editorRef.value.innerText
+        contents: editorRef.value.innerText.replace(/\u00A0/g, " ")
       });
     };
     const editorStyle = computed(() => {
@@ -3583,6 +3590,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         syncState(provides.getState());
         const off = provides.onStateChange(syncState);
         onCleanup(off);
+        const offEvent = provides.onAnnotationEvent((event) => {
+          if (event.type === "create" && event.editAfterCreate) {
+            editingId.value = event.annotation.id;
+          }
+        });
+        onCleanup(offEvent);
       },
       { immediate: true }
     );
@@ -3688,6 +3701,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
     const handlePointerDown = (_pos, pe) => {
       if (pe.target === pe.currentTarget && annotationProvides.value) {
+        if (editingId.value && annotations.value.some((a) => a.object.id === editingId.value)) {
+          pe.stopImmediatePropagation();
+        }
         annotationProvides.value.deselectAnnotation();
         editingId.value = null;
       }