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

package/dist/superdoc.es.js

@@ -37425,9 +37425,10 @@ const _sfc_main$b = {
       const { selection } = conversation;
       const containerBounds = selection.getContainerLocation(props.parent);
       const placement = conversation.selection.selectionBounds;
+      const top = parseFloat(placement.top) + containerBounds.top;
       return {
         position: "absolute",
-        top: placement.top + containerBounds.top + "px",
+        top: top + "px",
         left: placement.left + "px",
         width: placement.right - placement.left + "px",
         height: placement.bottom - placement.top + "px"
@@ -37470,7 +37471,7 @@ const _sfc_main$b = {
     };
   }
 };
-const CommentsLayer = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-caca3a11"]]);
+const CommentsLayer = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-13d89078"]]);
 function OrderedMap(content) {
   this.content = content;
 }
@@ -48492,7 +48493,7 @@ const _sfc_main$8 = {
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const { COMMENT_EVENTS } = commentsStore;
-    const { getConfig, activeComment, pendingComment } = storeToRefs(commentsStore);
+    const { getConfig, activeComment, pendingComment, floatingCommentsOffset } = storeToRefs(commentsStore);
     const { areDocumentsReady } = superdocStore;
     const { selectionPosition } = storeToRefs(superdocStore);
     const { proxy } = getCurrentInstance();
@@ -48567,6 +48568,7 @@ const _sfc_main$8 = {
     };
     const handleClickOutside = (e) => {
       if (activeComment.value === props.data.conversationId) {
+        floatingCommentsOffset.value = 0;
         emit2("dialog-exit");
         if (e.target.dataset.id)
           activeComment.value = e.target.dataset.id;
@@ -48668,7 +48670,7 @@ const _sfc_main$8 = {
     };
   }
 };
-const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-8a710b97"]]);
+const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-25f7474c"]]);
 function useFloatingConveration(params) {
   const id = params.conversationId;
   const conversation = ref(params);
@@ -48718,12 +48720,11 @@ const _sfc_main$7 = {
       const dialog = visibleConversations.value[dialogIndex];
       if (!dialog)
         return;
-      const containerBounds = floatingCommentsContainer.value.getBoundingClientRect();
       const selectionBounds = dialog.conversation.selection.getContainerLocation(props.parent);
       const position = elementRef.value.getBoundingClientRect();
       const selection = dialog.conversation.selection.selectionBounds;
-      const top = selection.top + position.top + selectionBounds.top - containerBounds.top;
-      const left = selection.left + position.left;
+      const top = parseFloat(selection.top) + selectionBounds.top;
+      const left = parseFloat(selection.left) + position.left;
       dialog.position = {
         top,
         left,
@@ -48745,7 +48746,7 @@ const _sfc_main$7 = {
       const topComparison = proposedPosition.top < previousPosition.bottom;
       if (topComparison) {
         const height = proposedPosition.bottom - proposedPosition.top;
-        const newTop = previousPosition.bottom + 2;
+        const newTop = previousPosition.bottom + 5;
         currentItem.offset = newTop - proposedPosition.top;
         updatedPosition.top = newTop;
         updatedPosition.bottom = updatedPosition.top + height;
@@ -48779,10 +48780,8 @@ const _sfc_main$7 = {
       const conversations = [...firstDoc.conversations];
       sortedConversations.value = conversations.sort(sortByLocation);
       visibleConversations.value.push(useFloatingConveration(sortedConversations.value[0]));
-      if (!activeComment.value)
-        floatingCommentsOffset.value = 0;
     };
-    const getPosition = (convo) => {
+    const getCommentPosition = (convo) => {
       return {
         top: convo.position.top + "px"
       };
@@ -48792,11 +48791,7 @@ const _sfc_main$7 = {
         marginTop: floatingCommentsOffset.value * (-1 / 2) + "px"
       };
     });
-    watch(documentsWithConverations, (newVal) => {
-      if (!newVal.length)
-        return;
-      initialize();
-    });
+    watch(documentsWithConverations, (newVal) => newVal.length && initialize());
     onMounted(() => {
       initialize();
     });
@@ -48812,22 +48807,24 @@ const _sfc_main$7 = {
           class: "sidebar-container"
         }, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(visibleConversations), (floatingConversation) => {
-            return openBlock(), createBlock(CommentDialog, {
-              class: "floating-comment",
-              onReady: handleDialogReady,
-              onDialogExit: initialize,
-              style: normalizeStyle(getPosition(floatingConversation)),
-              data: floatingConversation.conversation,
-              "current-document": __props.currentDocument,
-              user: unref(user)
-            }, null, 8, ["style", "data", "current-document", "user"]);
+            return openBlock(), createElementBlock("div", null, [
+              createVNode(CommentDialog, {
+                class: "floating-comment",
+                onReady: handleDialogReady,
+                onDialogExit: initialize,
+                style: normalizeStyle(getCommentPosition(floatingConversation)),
+                data: floatingConversation.conversation,
+                "current-document": __props.currentDocument,
+                user: unref(user)
+              }, null, 8, ["style", "data", "current-document", "user"])
+            ]);
           }), 256))
         ], 4)
       ], 512)) : createCommentVNode("", true);
     };
   }
 };
-const FloatingComments = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-0e8a08a9"]]);
+const FloatingComments = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-858cd0cf"]]);
 const _sfc_main$6 = {
   __name: "TextField",
   props: {
@@ -52137,94 +52134,92 @@ const _sfc_main = {
       document.removeEventListener("mousedown", handleDocumentMouseDown);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createBaseVNode("div", _hoisted_1, [
-          createBaseVNode("div", {
-            class: "layers",
-            ref_key: "layers",
-            ref: layers
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createBaseVNode("div", {
+          class: "layers",
+          ref_key: "layers",
+          ref: layers
+        }, [
+          toolsMenuPosition.value && !unref(getConfig)?.readOnly ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "tools",
+            style: normalizeStyle(toolsMenuPosition.value)
           }, [
-            toolsMenuPosition.value && !unref(getConfig)?.readOnly ? (openBlock(), createElementBlock("div", {
+            createBaseVNode("i", {
+              class: "fas fa-comment-alt-lines",
+              "data-id": "is-tool",
+              onClick: _cache[0] || (_cache[0] = withModifiers(($event) => handleToolClick("comments"), ["stop", "prevent"]))
+            })
+          ], 4)) : createCommentVNode("", true),
+          !unref(getConfig)?.readOnly && unref(selectionPosition) ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            style: normalizeStyle(unref(selectionPosition)),
+            class: "sd-highlight sd-initial-highlight"
+          }, null, 4)) : createCommentVNode("", true),
+          createBaseVNode("div", _hoisted_2, [
+            "hrbr-fields" in unref(modules) && layers.value ? (openBlock(), createBlock(HrbrFieldsLayer, {
               key: 0,
-              class: "tools",
-              style: normalizeStyle(toolsMenuPosition.value)
-            }, [
-              createBaseVNode("i", {
-                class: "fas fa-comment-alt-lines",
-                "data-id": "is-tool",
-                onClick: _cache[0] || (_cache[0] = withModifiers(($event) => handleToolClick("comments"), ["stop", "prevent"]))
-              })
-            ], 4)) : createCommentVNode("", true),
-            !unref(getConfig)?.readOnly && unref(selectionPosition) ? (openBlock(), createElementBlock("div", {
+              fields: unref(modules)["hrbr-fields"],
+              class: "comments-layer",
+              style: { "z-index": "5", "background-color": "blue" },
+              ref_key: "hrbrFieldsLayer",
+              ref: hrbrFieldsLayer
+            }, null, 8, ["fields"])) : createCommentVNode("", true),
+            unref(isReady) && "comments" in unref(modules) && layers.value ? (openBlock(), createBlock(CommentsLayer, {
               key: 1,
-              style: normalizeStyle(unref(selectionPosition)),
-              class: "sd-highlight sd-initial-highlight"
-            }, null, 4)) : createCommentVNode("", true),
-            createBaseVNode("div", _hoisted_2, [
-              "hrbr-fields" in unref(modules) && layers.value ? (openBlock(), createBlock(HrbrFieldsLayer, {
-                key: 0,
-                fields: unref(modules)["hrbr-fields"],
-                class: "comments-layer",
-                style: { "z-index": "5", "background-color": "blue" },
-                ref_key: "hrbrFieldsLayer",
-                ref: hrbrFieldsLayer
-              }, null, 8, ["fields"])) : createCommentVNode("", true),
-              unref(isReady) && "comments" in unref(modules) && layers.value ? (openBlock(), createBlock(CommentsLayer, {
-                key: 1,
-                class: "comments-layer",
-                style: { "z-index": "3" },
-                ref_key: "commentsLayer",
-                ref: commentsLayer,
-                parent: layers.value,
-                user: unref(user),
-                onHighlightClick: handleHighlightClick
-              }, null, 8, ["parent", "user"])) : createCommentVNode("", true),
-              (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(documents), (doc2) => {
-                return openBlock(), createElementBlock("div", {
-                  class: "sub-document",
-                  ref_for: true,
-                  ref_key: "documentContainers",
-                  ref: documentContainers
-                }, [
-                  doc2.type === "pdf" ? (openBlock(), createBlock(_sfc_main$c, {
-                    key: 0,
-                    "document-data": doc2,
-                    onSelectionChange: handleSelectionChange,
-                    onSelectionDrag: handleSelectionDrag,
-                    onSelectionDragEnd: handleSelectionDragEnd,
-                    onReady: handlePdfReady,
-                    onPageLoaded: unref(handlePageReady)
-                  }, null, 8, ["document-data", "onPageLoaded"])) : createCommentVNode("", true),
-                  doc2.type === "docx" ? (openBlock(), createBlock(DocumentEditor, {
-                    key: 1,
-                    "document-data": doc2,
-                    onReady: handlePdfReady
-                  }, null, 8, ["document-data"])) : createCommentVNode("", true)
-                ], 512);
-              }), 256))
-            ])
-          ], 512),
-          (unref(pendingComment) || unref(documentsWithConverations).length) && layers.value && unref(isReady) ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            unref(pendingComment) ? (openBlock(), createBlock(CommentDialog, {
-              key: 0,
-              data: unref(pendingComment),
-              "current-document": unref(getDocument2)(unref(pendingComment).documentId),
+              class: "comments-layer",
+              style: { "z-index": "3" },
+              ref_key: "commentsLayer",
+              ref: commentsLayer,
+              parent: layers.value,
               user: unref(user),
-              parent: layers.value
-            }, null, 8, ["data", "current-document", "user", "parent"])) : createCommentVNode("", true),
-            (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(documentsWithConverations), (doc2) => {
-              return openBlock(), createBlock(FloatingComments, {
-                parent: layers.value,
-                "current-document": doc2
-              }, null, 8, ["parent", "current-document"]);
+              onHighlightClick: handleHighlightClick
+            }, null, 8, ["parent", "user"])) : createCommentVNode("", true),
+            (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(documents), (doc2) => {
+              return openBlock(), createElementBlock("div", {
+                class: "sub-document",
+                ref_for: true,
+                ref_key: "documentContainers",
+                ref: documentContainers
+              }, [
+                doc2.type === "pdf" ? (openBlock(), createBlock(_sfc_main$c, {
+                  key: 0,
+                  "document-data": doc2,
+                  onSelectionChange: handleSelectionChange,
+                  onSelectionDrag: handleSelectionDrag,
+                  onSelectionDragEnd: handleSelectionDragEnd,
+                  onReady: handlePdfReady,
+                  onPageLoaded: unref(handlePageReady)
+                }, null, 8, ["document-data", "onPageLoaded"])) : createCommentVNode("", true),
+                doc2.type === "docx" ? (openBlock(), createBlock(DocumentEditor, {
+                  key: 1,
+                  "document-data": doc2,
+                  onReady: handlePdfReady
+                }, null, 8, ["document-data"])) : createCommentVNode("", true)
+              ], 512);
             }), 256))
-          ])) : createCommentVNode("", true)
-        ])
+          ])
+        ], 512),
+        (unref(pendingComment) || unref(documentsWithConverations).length) && layers.value && unref(isReady) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          unref(pendingComment) ? (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),
+          (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(documentsWithConverations), (doc2) => {
+            return openBlock(), createBlock(FloatingComments, {
+              parent: layers.value,
+              "current-document": doc2
+            }, null, 8, ["parent", "current-document"]);
+          }), 256))
+        ])) : createCommentVNode("", true)
       ]);
     };
   }
 };
-const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-014ab368"]]);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-49e265f8"]]);
 const createMyApp = () => {
   const app = createApp(App);
   const pinia = createPinia();