@harbour-enterprises/superdoc 1.0.0-alpha.14 → 1.0.0-alpha.16

package/dist/superdoc.es.js

@@ -37436,10 +37436,11 @@ const _sfc_main$b = {
     };
     const setFloatingCommentOffset = (conversation, e) => {
       const floatingConvo = visibleConversations.value.find((c2) => c2.id === conversation.conversationId);
-      const parentTop = props.parent.getBoundingClientRect().top;
-      const top = floatingConvo.position.top;
-      const eTop = e.target.getBoundingClientRect().top;
-      floatingCommentsOffset.value = top - eTop + parentTop;
+      conversation.selection.getContainerLocation(props.parent).top;
+      props.parent.getBoundingClientRect().top;
+      floatingConvo.position.top;
+      e.target.getBoundingClientRect().top;
+      floatingCommentsOffset.value = conversation.selection.selectionBounds.top;
     };
     const handleHighlightClick = (conversation, e) => {
       conversation.isFocused = true;
@@ -37471,7 +37472,7 @@ const _sfc_main$b = {
     };
   }
 };
-const CommentsLayer = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-13d89078"]]);
+const CommentsLayer = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-df7ef0d6"]]);
 function OrderedMap(content) {
   this.content = content;
 }
@@ -48515,6 +48516,19 @@ const _sfc_main$8 = {
       });
       if (pendingComment.value && pendingComment.value.conversationId === props.data.conversationId) {
         const newConversation = { ...pendingComment.value };
+        const selection = pendingComment.value.selection.getValues();
+        const bounds = selection.selectionBounds;
+        if (bounds.top > bounds.bottom) {
+          const temp = bounds.top;
+          bounds.top = bounds.bottom;
+          bounds.bottom = temp;
+        }
+        if (bounds.left > bounds.right) {
+          const temp = bounds.left;
+          bounds.left = bounds.right;
+          bounds.right = temp;
+        }
+        newConversation.selection = useSelection(selection);
         pendingComment.value = null;
         selectionPosition.value = null;
         newConversation.comments.push(comment);
@@ -48561,6 +48575,8 @@ const _sfc_main$8 = {
     const cleanConversations = () => {
       if (props.data.comments.length)
         return;
+      if (pendingComment.value)
+        selectionPosition.value = null;
       const id = props.data.conversationId;
       pendingComment.value = null;
       props.currentDocument.removeConversation(id);
@@ -48670,7 +48686,7 @@ const _sfc_main$8 = {
     };
   }
 };
-const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-25f7474c"]]);
+const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-01544401"]]);
 function useFloatingConveration(params) {
   const id = params.conversationId;
   const conversation = ref(params);
@@ -48753,6 +48769,9 @@ const _sfc_main$7 = {
       }
       if (currentItem.id === activeComment.value) {
         floatingCommentsOffset.value += currentItem.offset;
+        updatedPosition.top;
+        const diff = updatedPosition.top - proposedPosition.top;
+        floatingCommentsOffset.value += diff;
       }
       return updatedPosition;
     };
@@ -48792,6 +48811,14 @@ const _sfc_main$7 = {
       };
     });
     watch(documentsWithConverations, (newVal) => newVal.length && initialize());
+    watch(activeComment, (newVal) => {
+      setTimeout(() => {
+        if (!activeComment.value) {
+          floatingCommentsOffset.value = 0;
+          initialize();
+        }
+      });
+    });
     onMounted(() => {
       initialize();
     });
@@ -48824,7 +48851,7 @@ const _sfc_main$7 = {
     };
   }
 };
-const FloatingComments = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-858cd0cf"]]);
+const FloatingComments = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-2284c669"]]);
 const _sfc_main$6 = {
   __name: "TextField",
   props: {
@@ -52080,9 +52107,8 @@ const _sfc_main = {
         zIndex: 10
       };
     };
-    const handleSelectionDrag = (selection, e) => {
-      if (!selection.selectionBounds)
-        return;
+    const setSelectionPosition = (selection) => {
+      activeSelection.value = selection;
       const containerBounds = selection.getContainerLocation(layers.value);
       let left = selection.selectionBounds.left;
       let top = selection.selectionBounds.top + containerBounds.top;
@@ -52101,7 +52127,11 @@ const _sfc_main = {
         height: Math.abs(selection.selectionBounds.bottom - selection.selectionBounds.top) + "px",
         borderRadius: "4px"
       };
-      activeSelection.value = selection;
+    };
+    const handleSelectionDrag = (selection, e) => {
+      if (!selection.selectionBounds)
+        return;
+      setSelectionPosition(selection);
     };
     const handleSelectionDragEnd = () => {
       if (!selectionPosition.value)
@@ -52113,18 +52143,23 @@ const _sfc_main = {
         comments: showAddComment
       };
       if (tool in toolOptions) {
+        setSelectionPosition(activeSelection.value);
         toolOptions[tool](activeSelection.value, selectionPosition.value);
       }
       activeSelection.value = null;
       toolsMenuPosition.value = null;
     };
     const handleDocumentMouseDown = (e) => {
+      if (pendingComment.value)
+        return;
       selectionPosition.value = null;
-      document.removeEventListener("mousedown", handleDocumentMouseDown);
     };
     const handleHighlightClick = () => {
       toolsMenuPosition.value = null;
     };
+    const cancelPendingComment = () => {
+      selectionPosition.value = null;
+    };
     onMounted(() => {
       if ("comments" in modules && !modules.comments.readOnly) {
         document.addEventListener("mousedown", handleDocumentMouseDown);
@@ -52134,6 +52169,7 @@ const _sfc_main = {
       document.removeEventListener("mousedown", handleDocumentMouseDown);
     });
     return (_ctx, _cache) => {
+      const _directive_click_outside = resolveDirective("click-outside");
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createBaseVNode("div", {
           class: "layers",
@@ -52201,13 +52237,15 @@ const _sfc_main = {
           ])
         ], 512),
         (unref(pendingComment) || unref(documentsWithConverations).length) && layers.value && unref(isReady) ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          unref(pendingComment) ? (openBlock(), createBlock(CommentDialog, {
+          unref(pendingComment) ? withDirectives((openBlock(), createBlock(CommentDialog, {
             key: 0,
             data: unref(pendingComment),
             "current-document": unref(getDocument2)(unref(pendingComment).documentId),
             user: unref(user),
             parent: layers.value
-          }, null, 8, ["data", "current-document", "user", "parent"])) : createCommentVNode("", true),
+          }, null, 8, ["data", "current-document", "user", "parent"])), [
+            [_directive_click_outside, cancelPendingComment]
+          ]) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(documentsWithConverations), (doc2) => {
             return openBlock(), createBlock(FloatingComments, {
               parent: layers.value,
@@ -52219,7 +52257,7 @@ const _sfc_main = {
     };
   }
 };
-const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-49e265f8"]]);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f1f5c2b0"]]);
 const createMyApp = () => {
   const app = createApp(App);
   const pinia = createPinia();