@harbour-enterprises/superdoc 1.0.0-alpha.58 → 1.0.0-alpha.59

package/dist/style.css

@@ -19157,23 +19157,23 @@ span[data-v-36fffb56] {
   background-color: #F3F3F5;
 }
 
-.change-type[data-v-9ca65218] {
+.change-type[data-v-464575a4] {
   font-style: italic;
   font-weight: 600;
 }
-.comment-separator[data-v-9ca65218] {
+.comment-separator[data-v-464575a4] {
   background-color: #DBDBDB;
   height: 1px;
   width: 100%;
   margin: 15px 0;
 }
-.existing-internal-input[data-v-9ca65218] {
+.existing-internal-input[data-v-464575a4] {
   margin-bottom: 10px;
 }
-.initial-internal-dropdown[data-v-9ca65218] {
+.initial-internal-dropdown[data-v-464575a4] {
   margin-top: 10px;
 }
-.comments-dialog[data-v-9ca65218] {
+.comments-dialog[data-v-464575a4] {
   position: absolute;
   display: flex;
   flex-direction: column;
@@ -19187,14 +19187,14 @@ span[data-v-36fffb56] {
   z-index: 5;
   width: 300px;
 }
-.is-active[data-v-9ca65218] {
+.is-active[data-v-464575a4] {
   z-index: 10;
 }
-.overflow-menu[data-v-9ca65218] {
+.overflow-menu[data-v-464575a4] {
   flex-shrink: 1;
   display: flex;
 }
-.overflow-menu i[data-v-9ca65218] {
+.overflow-menu i[data-v-464575a4] {
   width: 20px;
   height: 20px;
   display: flex;
@@ -19206,74 +19206,74 @@ span[data-v-36fffb56] {
   margin-left: 2px;
   cursor: pointer;
 }
-.overflow-menu i[data-v-9ca65218]:hover {
+.overflow-menu i[data-v-464575a4]:hover {
   background-color: #DBDBDB;
 }
-.comment-header[data-v-9ca65218] {
+.comment-header[data-v-464575a4] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 10px;
 }
-.comment-header-left[data-v-9ca65218] {
+.comment-header-left[data-v-464575a4] {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.avatar[data-v-9ca65218] {
+.avatar[data-v-464575a4] {
   margin-right: 10px;
 }
-.user-info[data-v-9ca65218] {
+.user-info[data-v-464575a4] {
   display: flex;
   flex-direction: column;
   font-size: 12px;
 }
-.user-name[data-v-9ca65218] {
+.user-name[data-v-464575a4] {
   font-weight: 600;
   line-height: 1.2em;
 }
-.user-timestamp[data-v-9ca65218] {
+.user-timestamp[data-v-464575a4] {
   line-height: 1.2em;
   font-size: 12px;
   color: #999;
 }
-.input-section[data-v-9ca65218] {
+.input-section[data-v-464575a4] {
   margin-top: 10px;
 }
-.sd-button[data-v-9ca65218] {
+.sd-button[data-v-464575a4] {
   font-size: 12px;
   margin-left: 5px;
 }
-.comment[data-v-9ca65218] {
+.comment[data-v-464575a4] {
   font-size: 13px;
   margin: 10px 0;
 }
-.conversation-item[data-v-9ca65218] {
+.conversation-item[data-v-464575a4] {
   border-bottom: 1px solid #DBDBDB;
   padding-bottom: 10px;
 }
-.comment-footer[data-v-9ca65218] {
+.comment-footer[data-v-464575a4] {
   margin: 5px 0 5px;
   display: flex;
   justify-content: flex-end;
   width: 100%;
 }
-.internal-dropdown[data-v-9ca65218] {
+.internal-dropdown[data-v-464575a4] {
   display: inline-block;
 }
-.comment-editing[data-v-9ca65218] {
+.comment-editing[data-v-464575a4] {
   padding-bottom: 10px;
 }
-.comment-editing button[data-v-9ca65218] {
+.comment-editing button[data-v-464575a4] {
   margin-left: 5px;
 }
-.comment-entry[data-v-9ca65218] {
+.comment-entry[data-v-464575a4] {
   border-radius: 8px;
   border: 1px solid #DBDBDB !important;
   width: 100%;
   transition: all 250ms ease;
 }
-.tracked-change[data-v-9ca65218] {
+.tracked-change[data-v-464575a4] {
   margin: 0;
 }
 
@@ -19416,74 +19416,74 @@ img[data-v-3a10cc41] {
 }
 }
 
-.selection-layer[data-v-0f7b7f55] {
+.selection-layer[data-v-88384bc4] {
   position: absolute;
   min-height: 100%;
   min-width: 100%;
   z-index: 10;
   pointer-events: none;
 }
-.temp-selection[data-v-0f7b7f55] {
+.temp-selection[data-v-88384bc4] {
   position: absolute;
 }
 /* Right sidebar drawer */
-.right-sidebar[data-v-0f7b7f55] {
+.right-sidebar[data-v-88384bc4] {
   width: 320px;
   padding: 0 10px;
   min-height: 100%;
   position: relative;
   z-index: 100;
 }
-.fa-tool-icon[data-v-0f7b7f55] {
+.fa-tool-icon[data-v-88384bc4] {
   cursor: pointer;
 }
 
 /* General Styles */
-.box-sizing[data-v-0f7b7f55], .layers[data-v-0f7b7f55] {
+.box-sizing[data-v-88384bc4], .layers[data-v-88384bc4] {
   box-sizing: border-box;
 }
-.cursor-pointer[data-v-0f7b7f55], .tools .tool-icon[data-v-0f7b7f55], .toolbar-item[data-v-0f7b7f55] {
+.cursor-pointer[data-v-88384bc4], .tools .tool-icon[data-v-88384bc4], .toolbar-item[data-v-88384bc4] {
   cursor: pointer;
 }
-.flex[data-v-0f7b7f55] {
+.flex[data-v-88384bc4] {
   display: flex;
 }
-.flex-column[data-v-0f7b7f55] {
+.flex-column[data-v-88384bc4] {
   flex-direction: column;
 }
-.flex-center[data-v-0f7b7f55] {
+.flex-center[data-v-88384bc4] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 /* Layer Styles */
-.comments-layer[data-v-0f7b7f55] {
+.comments-layer[data-v-88384bc4] {
   position: absolute;
   top: 0;
   height: 100%;
   position: relative;
 }
-.layers[data-v-0f7b7f55] {
+.layers[data-v-88384bc4] {
   position: relative;
 }
 
 /* Document Styles */
-.docx[data-v-0f7b7f55] {
+.docx[data-v-88384bc4] {
   border: 1px solid #DFDFDF;
   pointer-events: auto;
 }
-.sub-document[data-v-0f7b7f55] {
+.sub-document[data-v-88384bc4] {
   position: relative;
 }
 
 /* Toolbar Styles */
-.toolbar[data-v-0f7b7f55] {
+.toolbar[data-v-88384bc4] {
   height: 25px;
   background-color: #fff;
   margin-bottom: 5px;
 }
-.toolbar-item[data-v-0f7b7f55] {
+.toolbar-item[data-v-88384bc4] {
   width: 20px;
   height: 20px;
   border-radius: 8px;
@@ -19495,12 +19495,12 @@ img[data-v-3a10cc41] {
   justify-content: center;
   transition: all 250ms ease;
 }
-.toolbar-item[data-v-0f7b7f55]:hover {
+.toolbar-item[data-v-88384bc4]:hover {
   background-color: #DBDBDB;
 }
 
 /* Tools Styles */
-.tools[data-v-0f7b7f55] {
+.tools[data-v-88384bc4] {
   position: absolute;
   width: 50px;
   height: 50px;
@@ -19511,7 +19511,7 @@ img[data-v-3a10cc41] {
   align-items: center;
   justify-content: center;
 }
-.tools .tool-icon[data-v-0f7b7f55] {
+.tools .tool-icon[data-v-88384bc4] {
   font-size: 20px;
   border-radius: 12px;
   border: none;
@@ -19519,11 +19519,11 @@ img[data-v-3a10cc41] {
   background-color: #DBDBDB;
 }
 @media (max-width: 768px) {
-.sub-document[data-v-0f7b7f55] {
+.sub-document[data-v-88384bc4] {
     max-width: 100%;
     overflow: hidden;
 }
-.right-sidebar[data-v-0f7b7f55] {
+.right-sidebar[data-v-88384bc4] {
     padding: 10px;
     width: 55px;
     position: relative;

package/dist/superdoc.es.js

@@ -11033,6 +11033,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
   const commentDialogs = ref$1([]);
   const overlappingComments = ref$1([]);
   const overlappedIds = /* @__PURE__ */ new Set([]);
+  const suppressInternalExternal = ref$1(false);
   const floatingCommentsOffset = ref$1(0);
   const sortedConversations = ref$1([]);
   const visibleConversations = ref$1([]);
@@ -11159,6 +11160,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     commentDialogs,
     overlappingComments,
     overlappedIds,
+    suppressInternalExternal,
     pendingComment,
     // Floating comments
     floatingCommentsOffset,
@@ -11383,6 +11385,9 @@ const useSuperdocStore = /* @__PURE__ */ defineStore("superdoc", () => {
       const smartDoc = useDocument(doc2, config);
       documents.value.push(smartDoc);
     });
+    if ("comments" in modules) {
+      commentsStore.suppressInternalExternal = modules.comments.suppressInternalExternal || false;
+    }
     isReady.value = true;
   };
   const areDocumentsReady = computed(() => {
@@ -95340,7 +95345,7 @@ const _sfc_main$9 = {
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const { COMMENT_EVENTS } = commentsStore;
-    const { getConfig, activeComment, pendingComment, floatingCommentsOffset } = storeToRefs(commentsStore);
+    const { getConfig, activeComment, pendingComment, floatingCommentsOffset, suppressInternalExternal } = storeToRefs(commentsStore);
     const { areDocumentsReady, getDocument: getDocument2 } = superdocStore;
     const { selectionPosition, activeZoom } = storeToRefs(superdocStore);
     const { proxy } = getCurrentInstance();
@@ -95475,54 +95480,9 @@ const _sfc_main$9 = {
         proxy.$superdoc.broadcastComments(COMMENT_EVENTS.UPDATE, convo.getValues());
       }
     };
-    const overflowOptions = [
-      {
-        label: "Edit",
-        key: "edit"
-      },
-      {
-        label: "Delete",
-        key: "delete"
-      },
-      {
-        label: "Quote",
-        key: "delete",
-        disabled: true
-      }
-    ];
     const getCurrentConvo = () => {
       return props.currentDocument.conversations.find((c2) => c2.conversationId === props.data.conversationId);
     };
-    const handleOverflowSelection = (index2, item, key) => {
-      switch (key) {
-        case "edit":
-          handleEdit(item);
-          break;
-        case "delete":
-          handleDelete(index2);
-          break;
-        case "quote":
-          handleQuote();
-          break;
-      }
-    };
-    const handleEdit = (item) => {
-      currentComment.value = item.comment;
-      isEditing.value = item;
-    };
-    const handleDelete = (index2) => {
-      const convo = getCurrentConvo();
-      if (!convo) return;
-      if (convo.comments.length === 1) {
-        props.currentDocument.removeConversation(convo.conversationId);
-      } else {
-        convo.comments.splice(index2, 1);
-      }
-      proxy.$superdoc.broadcastComments(COMMENT_EVENTS.DELETED, convo.conversationId);
-    };
-    const handleQuote = () => {
-      console.log("Quote");
-    };
     const updateComment = (item) => {
       item.comment = currentComment.value;
       currentComment.value = "";
@@ -95569,7 +95529,7 @@ const _sfc_main$9 = {
         ref_key: "currentElement",
         ref: currentElement2
       }, [
-        !unref(pendingComment) && !__props.data.isTrackedChange ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
+        !unref(pendingComment) && !__props.data.isTrackedChange && !unref(suppressInternalExternal) ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
           createVNode(InternalDropdown, {
             class: "internal-dropdown",
             state: props.data.isInternal ? "internal" : "external",
@@ -95607,29 +95567,16 @@ const _sfc_main$9 = {
                   class: "fal fa-check",
                   onClick: withModifiers(markDone, ["stop", "prevent"]),
                   title: "Mark done and hide comment thread"
-                })) : createCommentVNode("", true),
-                createVNode(unref(NDropdown), {
-                  trigger: "click",
-                  options: overflowOptions,
-                  onSelect: ($event) => handleOverflowSelection(index2, item, $event)
-                }, {
-                  default: withCtx(() => _cache2[8] || (_cache2[8] = [
-                    createBaseVNode("i", {
-                      class: "fal fa-ellipsis-v",
-                      title: "More options"
-                    }, null, -1)
-                  ])),
-                  _: 2
-                }, 1032, ["onSelect"])
+                })) : createCommentVNode("", true)
               ]))
             ]),
             __props.data.isTrackedChange && index2 === 0 ? (openBlock(), createElementBlock("div", _hoisted_12, [
               item.trackedChange?.insertion ? (openBlock(), createElementBlock("div", _hoisted_13, [
-                _cache2[9] || (_cache2[9] = createBaseVNode("span", { class: "change-type" }, "Add: ", -1)),
+                _cache2[8] || (_cache2[8] = createBaseVNode("span", { class: "change-type" }, "Add: ", -1)),
                 createTextVNode(" " + toDisplayString(item.trackedChange.insertion), 1)
               ])) : createCommentVNode("", true),
               item.trackedChange?.deletion ? (openBlock(), createElementBlock("div", _hoisted_14, [
-                _cache2[10] || (_cache2[10] = createBaseVNode("span", { class: "change-type" }, "Remove: ", -1)),
+                _cache2[9] || (_cache2[9] = createBaseVNode("span", { class: "change-type" }, "Remove: ", -1)),
                 createTextVNode(" " + toDisplayString(item.trackedChange.deletion), 1)
               ])) : createCommentVNode("", true)
             ])) : (openBlock(), createElementBlock("div", _hoisted_15, [
@@ -95637,7 +95584,7 @@ const _sfc_main$9 = {
                 key: 0,
                 class: "comment",
                 innerHTML: item.comment
-              }, null, 8, _hoisted_16)) : item === isEditing.value ? (openBlock(), createElementBlock("div", _hoisted_17, [
+              }, null, 8, _hoisted_16)) : item === isEditing.value && !unref(getConfig).readOnly ? (openBlock(), createElementBlock("div", _hoisted_17, [
                 createBaseVNode("div", {
                   class: normalizeClass(["comment-entry", { "input-active": isFocused.value }])
                 }, [
@@ -95670,7 +95617,7 @@ const _sfc_main$9 = {
             showSeparator.value(index2) ? (openBlock(), createElementBlock("div", _hoisted_20)) : createCommentVNode("", true)
           ]);
         }), 256)),
-        showInputSection.value ? (openBlock(), createElementBlock("div", _hoisted_21, [
+        showInputSection.value && !unref(getConfig).readOnly ? (openBlock(), createElementBlock("div", _hoisted_21, [
           createBaseVNode("div", _hoisted_22, [
             createBaseVNode("div", _hoisted_23, [
               createBaseVNode("div", _hoisted_24, [
@@ -95680,7 +95627,7 @@ const _sfc_main$9 = {
               ]),
               createBaseVNode("div", _hoisted_25, [
                 createBaseVNode("div", _hoisted_26, toDisplayString(props.user.name), 1),
-                _cache2[11] || (_cache2[11] = createBaseVNode("div", { class: "user-timestamp" }, null, -1))
+                _cache2[10] || (_cache2[10] = createBaseVNode("div", { class: "user-timestamp" }, null, -1))
               ])
             ])
           ]),
@@ -95701,13 +95648,13 @@ const _sfc_main$9 = {
               })
             }, null, 8, ["modelValue", "users"])
           ], 2),
-          unref(pendingComment) ? (openBlock(), createBlock(InternalDropdown, {
+          unref(pendingComment) && !unref(suppressInternalExternal) ? (openBlock(), createBlock(InternalDropdown, {
             key: 0,
             class: "internal-dropdown initial-internal-dropdown",
             onSelect: _cache2[7] || (_cache2[7] = ($event) => setConversationInternal($event))
           })) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
-        showButtons.value ? (openBlock(), createElementBlock("div", _hoisted_27, [
+        showButtons.value && !unref(getConfig).readOnly ? (openBlock(), createElementBlock("div", _hoisted_27, [
           createBaseVNode("button", {
             class: "sd-button",
             onClick: withModifiers(cancelComment, ["stop", "prevent"])
@@ -95723,7 +95670,7 @@ const _sfc_main$9 = {
     };
   }
 };
-const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-9ca65218"]]);
+const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-464575a4"]]);
 function useFloatingConveration(params) {
   const id = params.conversationId;
   const conversation = ref$1(params);
@@ -96518,25 +96465,38 @@ const _sfc_main = {
     const isDragging = ref$1(false);
     const getSelectionPosition = computed(() => {
       if (!selectionPosition.value || selectionPosition.value.source === "super-editor") {
-        return { top: null, left: null, right: null, bottom: null };
+        return { x: null, y: null };
       }
+      const top2 = selectionPosition.value.top;
+      const left2 = selectionPosition.value.left;
+      const right2 = selectionPosition.value.right;
+      const bottom2 = selectionPosition.value.bottom;
       const style2 = {
         zIndex: 500,
         borderRadius: "4px",
-        top: selectionPosition.value.top + "px",
-        left: selectionPosition.value.left + "px",
-        height: selectionPosition.value.height + "px",
-        width: selectionPosition.value.width + "px"
+        top: top2 + "px",
+        left: left2 + "px",
+        height: Math.abs(top2 - bottom2) + "px",
+        width: Math.abs(left2 - right2) + "px"
       };
       return style2;
     });
     const handleSelectionChange = (selection) => {
       if (!selection.selectionBounds || !isCommentsEnabled.value) return;
-      const x = selection.selectionBounds.left;
-      const y = selection.selectionBounds.top;
-      const x2 = selection.selectionBounds.right;
-      const y2 = selection.selectionBounds.bottom;
-      updateSelection2({ x, y, x2, y2, source: selection.source.value });
+      updateSelection2({
+        startX: selection.selectionBounds.left,
+        startY: selection.selectionBounds.top,
+        x: selection.selectionBounds.right,
+        y: selection.selectionBounds.bottom,
+        source: selection.source
+      });
+      const selectionIsWideEnough = Math.abs(selectionPosition.value.left - selectionPosition.value.right) > 5;
+      const selectionIsTallEnough = Math.abs(selectionPosition.value.top - selectionPosition.value.bottom) > 5;
+      if (!selectionIsWideEnough || !selectionIsTallEnough) {
+        selectionLayer.value.style.pointerEvents = "none";
+        resetSelection();
+        return;
+      }
       activeSelection.value = selection;
       let top2 = selection.selectionBounds.top;
       if (selection.bottom - selection.selectionBounds.top < 0) {
@@ -96544,42 +96504,69 @@ const _sfc_main = {
       }
       toolsMenuPosition.top = top2 - 20 + "px";
     };
-    const updateSelection2 = ({ x, y, x2, y2, source }) => {
-      if (y != null) {
+    const resetSelection = () => {
+      selectionPosition.value = null;
+    };
+    const updateSelection2 = ({ startX, startY, x, y, source }) => {
+      const hasStartCoords = startX || startY;
+      const hasEndCoords = x || y;
+      if (!hasStartCoords && !hasEndCoords) {
+        return selectionPosition.value = null;
+      }
+      if (!selectionPosition.value) {
+        if (startY <= 0 || startX <= 0) return;
+        selectionPosition.value = {
+          top: startY,
+          left: startX,
+          right: startX,
+          bottom: startY,
+          startX,
+          startY,
+          source
+        };
+      }
+      if (startX) selectionPosition.value.startX = startX;
+      if (startY) selectionPosition.value.startY = startY;
+      const selectionTop = selectionPosition.value.startY;
+      if (y < selectionTop) {
         selectionPosition.value.top = y;
-        selectionPosition.value.height = 0;
+      } else {
+        selectionPosition.value.bottom = y;
       }
-      if (x != null) {
+      const selectionLeft = selectionPosition.value.startX;
+      if (x < selectionLeft) {
         selectionPosition.value.left = x;
-        selectionPosition.value.width = 0;
+      } else {
+        selectionPosition.value.right = x;
       }
-      if (y2 != null) selectionPosition.value.height = y2 - selectionPosition.value.top;
-      if (x2 != null) selectionPosition.value.width = x2 - selectionPosition.value.left;
-      selectionPosition.value.source = source;
     };
     const handleSelectionStart = (e) => {
+      resetSelection();
       selectionLayer.value.style.pointerEvents = "auto";
-      isDragging.value = true;
-      const y = e.offsetY / activeZoom.value;
-      const x = e.offsetX / activeZoom.value;
-      updateSelection2({ x, y, x2: 0, y2: 0 });
-      selectionLayer.value.addEventListener("mousemove", handleDragMove);
+      nextTick(() => {
+        isDragging.value = true;
+        const y = e.offsetY / activeZoom.value;
+        const x = e.offsetX / activeZoom.value;
+        updateSelection2({ startX: x, startY: y });
+        selectionLayer.value.addEventListener("mousemove", handleDragMove);
+      });
     };
     const handleDragMove = (e) => {
       if (!isDragging.value) return;
-      const y2 = e.offsetY / activeZoom.value;
-      const x2 = e.offsetX / activeZoom.value;
-      updateSelection2({ x2, y2 });
+      const y = e.offsetY / activeZoom.value;
+      const x = e.offsetX / activeZoom.value;
+      updateSelection2({ x, y });
     };
     const handleDragEnd = (e) => {
       if (!isDragging.value) return;
       selectionLayer.value.removeEventListener("mousemove", handleDragMove);
+      if (!selectionPosition.value) return;
       const selection = useSelection({
         selectionBounds: {
           top: selectionPosition.value.top,
           left: selectionPosition.value.left,
-          right: selectionPosition.value.left + selectionPosition.value.width,
-          bottom: selectionPosition.value.top + selectionPosition.value.height
+          right: selectionPosition.value.right,
+          bottom: selectionPosition.value.bottom
         },
         documentId: documents.value[0].id
       });
@@ -96588,6 +96575,7 @@ const _sfc_main = {
     };
     const handlePdfClick = (e) => {
       if (!isCommentsEnabled.value) return;
+      resetSelection();
       isDragging.value = true;
       handleSelectionStart(e);
     };
@@ -96619,10 +96607,11 @@ const _sfc_main = {
               ref_key: "selectionLayer",
               ref: selectionLayer
             }, [
-              createBaseVNode("div", {
+              unref(selectionPosition) ? (openBlock(), createElementBlock("div", {
+                key: 0,
                 style: normalizeStyle(getSelectionPosition.value),
                 class: "sd-highlight sd-initial-highlight temp-selection"
-              }, null, 4)
+              }, null, 4)) : createCommentVNode("", true)
             ], 544)) : createCommentVNode("", true),
             "hrbr-fields" in unref(modules) && layers.value ? (openBlock(), createBlock(HrbrFieldsLayer, {
               key: 1,
@@ -96654,12 +96643,10 @@ const _sfc_main = {
                   key: 0,
                   "document-data": doc2,
                   onSelectionChange: handleSelectionChange,
-                  onSelectionDrag: _ctx.handleSelectionDrag,
-                  onSelectionDragEnd: _ctx.handleSelectionDragEnd,
                   onReady: handleDocumentReady,
                   onPageLoaded: unref(handlePageReady),
                   onBypassSelection: handlePdfClick
-                }, null, 8, ["document-data", "onSelectionDrag", "onSelectionDragEnd", "onPageLoaded"])) : createCommentVNode("", true),
+                }, null, 8, ["document-data", "onPageLoaded"])) : createCommentVNode("", true),
                 doc2.type === unref(DOCX) ? (openBlock(), createBlock(unref(SuperEditor), {
                   key: 1,
                   "file-source": doc2.data,
@@ -96698,7 +96685,7 @@ const _sfc_main = {
     };
   }
 };
-const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0f7b7f55"]]);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-88384bc4"]]);
 const createVueApp = () => {
   const app = createApp(App);
   const pinia = createPinia();
@@ -96816,12 +96803,7 @@ init_fn2 = function(config) {
   this.activeEditor = null;
   this.app.mount(config.selector);
   this.readyEditors = 0;
-  this.users = [
-    { name: "Nick Bernal", email: "nick@harbourshare.com" },
-    { name: "Artem Nistuley", email: "nick@harbourshare.com" },
-    { name: "Matthew Connelly", email: "matthew@harbourshare.com" },
-    { name: "Eric Doversberger", email: "eric@harbourshare.com" }
-  ];
+  this.users = config.users || [];
   this.addToolbar(this);
 };
 preprocessDocuments_fn = function(documents) {