@harbour-enterprises/superdoc 0.23.0-next.3 → 0.23.0-next.5

package/dist/superdoc.umd.js

@@ -20,7 +20,7 @@
   }
   const Y__namespace = /* @__PURE__ */ _interopNamespaceDefault(Y);
   /**
-  * @vue/shared v3.5.21
+  * @vue/shared v3.5.22
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -915,7 +915,7 @@
       iter._next = iter.next;
       iter.next = () => {
         const result = iter._next();
-        if (result.value) {
+        if (!result.done) {
           result.value = wrapValue(result.value);
         }
         return result;
@@ -1041,7 +1041,8 @@
         return res;
       }
       if (isRef(res)) {
-        return targetIsArray && isIntegerKey(key2) ? res : res.value;
+        const value = targetIsArray && isIntegerKey(key2) ? res : res.value;
+        return isReadonly2 && isObject$3(value) ? readonly(value) : value;
       }
       if (isObject$3(res)) {
         return isReadonly2 ? readonly(res) : reactive(res);
@@ -2214,9 +2215,6 @@
         insert(mainAnchor, container, anchor);
         const mount2 = (container2, anchor2) => {
           if (shapeFlag & 16) {
-            if (parentComponent && parentComponent.isCE) {
-              parentComponent.ce._teleportTarget = container2;
-            }
             mountChildren(
               children,
               container2,
@@ -2238,6 +2236,9 @@
             } else if (namespace2 !== "mathml" && isTargetMathML(target)) {
               namespace2 = "mathml";
             }
+            if (parentComponent && parentComponent.isCE) {
+              (parentComponent.ce._teleportTargets || (parentComponent.ce._teleportTargets = /* @__PURE__ */ new Set())).add(target);
+            }
             if (!disabled) {
               mount2(target, targetAnchor);
               updateCssVars(n2, false);
@@ -3326,11 +3327,12 @@
   }
   function renderSlot(slots, name, props = {}, fallback, noSlotted) {
     if (currentRenderingInstance.ce || currentRenderingInstance.parent && isAsyncWrapper(currentRenderingInstance.parent) && currentRenderingInstance.parent.ce) {
+      const hasProps = Object.keys(props).length > 0;
       return openBlock(), createBlock(
         Fragment$1,
         null,
         [createVNode("slot", props, fallback)],
-        64
+        hasProps ? -2 : 64
       );
     }
     let slot = slots[name];
@@ -6720,34 +6722,31 @@
     return c2;
   };
   function h$1(type2, propsOrChildren, children) {
-    const doCreateVNode = (type22, props, children2) => {
+    try {
       setBlockTracking(-1);
-      try {
-        return createVNode(type22, props, children2);
-      } finally {
-        setBlockTracking(1);
-      }
-    };
-    const l = arguments.length;
-    if (l === 2) {
-      if (isObject$3(propsOrChildren) && !isArray$3(propsOrChildren)) {
-        if (isVNode(propsOrChildren)) {
-          return doCreateVNode(type2, null, [propsOrChildren]);
+      const l = arguments.length;
+      if (l === 2) {
+        if (isObject$3(propsOrChildren) && !isArray$3(propsOrChildren)) {
+          if (isVNode(propsOrChildren)) {
+            return createVNode(type2, null, [propsOrChildren]);
+          }
+          return createVNode(type2, propsOrChildren);
+        } else {
+          return createVNode(type2, null, propsOrChildren);
         }
-        return doCreateVNode(type2, propsOrChildren);
       } else {
-        return doCreateVNode(type2, null, propsOrChildren);
-      }
-    } else {
-      if (l > 3) {
-        children = Array.prototype.slice.call(arguments, 2);
-      } else if (l === 3 && isVNode(children)) {
-        children = [children];
+        if (l > 3) {
+          children = Array.prototype.slice.call(arguments, 2);
+        } else if (l === 3 && isVNode(children)) {
+          children = [children];
+        }
+        return createVNode(type2, propsOrChildren, children);
       }
-      return doCreateVNode(type2, propsOrChildren, children);
+    } finally {
+      setBlockTracking(1);
     }
   }
-  const version$1 = "3.5.21";
+  const version$1 = "3.5.22";
   let policy = void 0;
   const tt = typeof window !== "undefined" && window.trustedTypes;
   if (tt) {
@@ -6953,11 +6952,11 @@
         const resolve2 = () => finishLeave(el, done);
         addTransitionClass(el, leaveFromClass);
         if (!el._enterCancelled) {
-          forceReflow();
+          forceReflow(el);
           addTransitionClass(el, leaveActiveClass);
         } else {
           addTransitionClass(el, leaveActiveClass);
-          forceReflow();
+          forceReflow(el);
         }
         nextFrame(() => {
           if (!el._isLeaving) {
@@ -7100,8 +7099,9 @@
     if (s === "auto") return 0;
     return Number(s.slice(0, -1).replace(",", ".")) * 1e3;
   }
-  function forceReflow() {
-    return document.body.offsetHeight;
+  function forceReflow(el) {
+    const targetDocument = el ? el.ownerDocument : document;
+    return targetDocument.body.offsetHeight;
   }
   function patchClass(el, value, isSVG2) {
     const transitionClasses = el[vtcKey];
@@ -7487,7 +7487,7 @@
         prevChildren.forEach(callPendingCbs);
         prevChildren.forEach(recordPosition);
         const movedChildren = prevChildren.filter(applyTranslation);
-        forceReflow();
+        forceReflow(instance.vnode.el);
         movedChildren.forEach((c2) => {
           const el = c2.el;
           const style2 = el.style;
@@ -12836,6 +12836,19 @@
     };
     return safeRegexTest;
   }
+  var generatorFunction;
+  var hasRequiredGeneratorFunction;
+  function requireGeneratorFunction() {
+    if (hasRequiredGeneratorFunction) return generatorFunction;
+    hasRequiredGeneratorFunction = 1;
+    const cached = (
+      /** @type {GeneratorFunctionConstructor} */
+      function* () {
+      }.constructor
+    );
+    generatorFunction = () => cached;
+    return generatorFunction;
+  }
   var isGeneratorFunction;
   var hasRequiredIsGeneratorFunction;
   function requireIsGeneratorFunction() {
@@ -12848,16 +12861,7 @@
     var getProto2 = requireGetProto();
     var toStr = callBound2("Object.prototype.toString");
     var fnToStr = callBound2("Function.prototype.toString");
-    var getGeneratorFunc = function() {
-      if (!hasToStringTag) {
-        return false;
-      }
-      try {
-        return Function("return function*() {}")();
-      } catch (e) {
-      }
-    };
-    var GeneratorFunction;
+    var getGeneratorFunction = /* @__PURE__ */ requireGeneratorFunction();
     isGeneratorFunction = function isGeneratorFunction2(fn) {
       if (typeof fn !== "function") {
         return false;
@@ -12872,14 +12876,8 @@
       if (!getProto2) {
         return false;
       }
-      if (typeof GeneratorFunction === "undefined") {
-        var generatorFunc = getGeneratorFunc();
-        GeneratorFunction = generatorFunc ? (
-          /** @type {GeneratorFunctionConstructor} */
-          getProto2(generatorFunc)
-        ) : false;
-      }
-      return getProto2(fn) === GeneratorFunction;
+      var GeneratorFunction = getGeneratorFunction();
+      return GeneratorFunction && getProto2(fn) === GeneratorFunction.prototype;
     };
     return isGeneratorFunction;
   }
@@ -49790,8 +49788,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     let $to = parse.doc.resolveNoCache(change.endB - parse.from);
     let $fromA = doc2.resolve(change.start);
     let inlineChange = $from.sameParent($to) && $from.parent.inlineContent && $fromA.end() >= change.endA;
-    let nextSel;
-    if ((ios && view.input.lastIOSEnter > Date.now() - 225 && (!inlineChange || addedNodes.some((n) => n.nodeName == "DIV" || n.nodeName == "P")) || !inlineChange && $from.pos < parse.doc.content.size && (!$from.sameParent($to) || !$from.parent.inlineContent) && !/\S/.test(parse.doc.textBetween($from.pos, $to.pos, "", "")) && (nextSel = Selection.findFrom(parse.doc.resolve($from.pos + 1), 1, true)) && nextSel.head > $from.pos) && view.someProp("handleKeyDown", (f) => f(view, keyEvent(13, "Enter")))) {
+    if ((ios && view.input.lastIOSEnter > Date.now() - 225 && (!inlineChange || addedNodes.some((n) => n.nodeName == "DIV" || n.nodeName == "P")) || !inlineChange && $from.pos < parse.doc.content.size && (!$from.sameParent($to) || !$from.parent.inlineContent) && $from.pos < $to.pos && !/\S/.test(parse.doc.textBetween($from.pos, $to.pos, "", ""))) && view.someProp("handleKeyDown", (f) => f(view, keyEvent(13, "Enter")))) {
       view.input.lastIOSEnter = 0;
       return;
     }
@@ -61935,6 +61932,17 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     });
     return result;
   }
+  function getStructuredContentTagsByAlias(aliasOrAliases, state2) {
+    const result = findChildren$5(state2.doc, (node) => {
+      const isStructuredContent = ["structuredContent", "structuredContentBlock"].includes(node.type.name);
+      if (Array.isArray(aliasOrAliases)) {
+        return isStructuredContent && aliasOrAliases.includes(node.attrs.alias);
+      } else {
+        return isStructuredContent && node.attrs.alias === aliasOrAliases;
+      }
+    });
+    return result;
+  }
   function getStructuredContentTags(state2) {
     const result = findChildren$5(state2.doc, (node) => {
       return node.type.name === "structuredContent" || node.type.name === "structuredContentBlock";
@@ -61954,6 +61962,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     getStructuredContentBlockTags,
     getStructuredContentInlineTags,
     getStructuredContentTags,
+    getStructuredContentTagsByAlias,
     getStructuredContentTagsById
   }, Symbol.toStringTag, { value: "Module" }));
   const STRUCTURED_CONTENT_NAMES = ["structuredContent", "structuredContentBlock"];
@@ -62042,10 +62051,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           return true;
         },
         /**
-         * Updates a structured content attributes or content.
+         * Updates a single structured content field by its unique ID.
+         * IDs are unique identifiers, so this will update at most one field.
          * If the updated node does not match the schema, it will not be updated.
          * @category Command
-         * @param {string} id
+         * @param {string} id - Unique identifier of the field
          * @param {StructuredContentUpdate} options
          */
         updateStructuredContentById: (id, options = {}) => ({ editor, dispatch, state: state2, tr }) => {
@@ -62085,6 +62095,54 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           }
           return true;
         },
+        /**
+         * Updates all structured content fields with the same alias.
+         * Unlike IDs (which are unique), aliases can be shared across multiple fields.
+         * This will update every field that matches the given alias.
+         * If any updated node does not match the schema, no updates will be applied.
+         * @category Command
+         * @param {string} alias - Shared identifier for fields (e.g., "customer_name")
+         * @param {StructuredContentUpdate} options
+         */
+        updateStructuredContentByAlias: (alias, options = {}) => ({ editor, dispatch, state: state2, tr }) => {
+          const structuredContentTags = getStructuredContentTagsByAlias(alias, state2);
+          if (!structuredContentTags.length) {
+            return true;
+          }
+          const { schema } = editor;
+          const updates = [];
+          for (const { pos, node } of structuredContentTags) {
+            let content = null;
+            if (options.text) {
+              content = schema.text(options.text);
+            }
+            if (options.html) {
+              const html = htmlHandler(options.html, editor);
+              const doc2 = DOMParser$1.fromSchema(schema).parse(html);
+              content = doc2.content;
+            }
+            if (options.json) {
+              content = schema.nodeFromJSON(options.json);
+            }
+            if (!content) {
+              content = node.content;
+            }
+            const updatedNode = node.type.create({ ...node.attrs, ...options.attrs }, content, node.marks);
+            try {
+              updatedNode.check();
+              updates.push({ pos, node: updatedNode, size: node.nodeSize });
+            } catch {
+              console.error("Updated node does not conform to the schema");
+              return false;
+            }
+          }
+          if (dispatch) {
+            updates.reverse().forEach(({ pos, node, size: size2 }) => {
+              tr.replaceWith(pos, pos + size2, node);
+            });
+          }
+          return true;
+        },
         /**
          * Removes a structured content.
          * @category Command
@@ -97457,6 +97515,9 @@ ${reason}`);
       documentUsers.value = configUsers || [];
       Object.assign(user, configUser);
       Object.assign(modules, configModules);
+      if (!Object.prototype.hasOwnProperty.call(modules, "comments")) {
+        modules.comments = {};
+      }
       if (!configDocs?.length && !config2.modules.collaboration) {
         const newDoc = await getFileObject(BlankDOCX, "blank.docx", DOCX);
         const newDocConfig = {
@@ -111047,6 +111108,11 @@ ${style2}
       const { proxy } = getCurrentInstance();
       commentsStore.proxy = proxy;
       const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode();
+      const commentsModuleConfig = computed(() => {
+        const config2 = modules.comments;
+        if (config2 === false || config2 == null) return null;
+        return config2;
+      });
       const layers = ref$1(null);
       const commentsLayer = ref$1(null);
       const toolsMenuPosition = reactive({ top: null, right: "-25px", zIndex: 101 });
@@ -111194,7 +111260,7 @@ ${style2}
           rulers: doc2.rulers,
           isInternal: proxy.$superdoc.config.isInternal,
           annotations: proxy.$superdoc.config.annotations,
-          isCommentsEnabled: proxy.$superdoc.config.modules?.comments,
+          isCommentsEnabled: Boolean(commentsModuleConfig.value),
           isAiEnabled: proxy.$superdoc.config.modules?.ai,
           slashMenuConfig: proxy.$superdoc.config.modules?.slashMenu,
           onBeforeCreate: onEditorBeforeCreate,
@@ -111225,7 +111291,8 @@ ${style2}
         return options;
       };
       const onEditorCommentLocationsUpdate = ({ allCommentIds: activeThreadId, allCommentPositions }) => {
-        if (!proxy.$superdoc.config.modules?.comments) return;
+        const commentsConfig = proxy.$superdoc.config.modules?.comments;
+        if (!commentsConfig || commentsConfig === false) return;
         handleEditorLocationsUpdate(allCommentPositions, activeThreadId);
       };
       const onEditorCommentsUpdate = (params2 = {}) => {
@@ -111247,7 +111314,7 @@ ${style2}
           proxy.$superdoc.config.onTransaction({ editor, transaction, duration: duration2 });
         }
       };
-      const isCommentsEnabled = computed(() => "comments" in modules);
+      const isCommentsEnabled = computed(() => Boolean(commentsModuleConfig.value));
       const showCommentsSidebar = computed(() => {
         return pendingComment.value || getFloatingComments.value?.length > 0 && isReady.value && layers.value && isCommentsEnabled.value && !isCommentsListVisible.value;
       });
@@ -111257,13 +111324,14 @@ ${style2}
       });
       computed(() => {
         if (!isCommentsEnabled.value) return false;
-        !getConfig?.readOnly && selectionPosition.value;
+        return !getConfig.value?.readOnly && selectionPosition.value;
       });
       watch(showCommentsSidebar, (value) => {
         proxy.$superdoc.broadcastSidebarToggle(value);
       });
       const scrollToComment = (commentId) => {
-        if (!proxy.$superdoc.config?.modules?.comments) return;
+        const commentsConfig = proxy.$superdoc.config?.modules?.comments;
+        if (!commentsConfig || commentsConfig === false) return;
         const element = document.querySelector(`[data-thread-id=${commentId}]`);
         if (element) {
           element.scrollIntoView({ behavior: "smooth", block: "start" });
@@ -111271,7 +111339,8 @@ ${style2}
         }
       };
       onMounted(() => {
-        if (isCommentsEnabled.value && !modules.comments.readOnly) {
+        const config2 = commentsModuleConfig.value;
+        if (config2 && !config2.readOnly) {
           document.addEventListener("mousedown", handleDocumentMouseDown);
         }
       });
@@ -111393,6 +111462,7 @@ ${style2}
       };
       const shouldShowSelection = computed(() => {
         const config2 = proxy.$superdoc.config.modules?.comments;
+        if (!config2 || config2 === false) return false;
         return !config2.readOnly;
       });
       const handleSuperEditorPageMarginsChange = (doc2, params2) => {
@@ -111559,7 +111629,7 @@ ${style2}
       };
     }
   };
-  const App = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-3f71b1bf"]]);
+  const App = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-45f44b6e"]]);
   const createSuperdocVueApp = () => {
     const app = createApp(App);
     const pinia = createPinia();
@@ -111658,6 +111728,10 @@ ${style2}
         ...this.config,
         ...config2
       };
+      this.config.modules = this.config.modules || {};
+      if (!Object.prototype.hasOwnProperty.call(this.config.modules, "comments")) {
+        this.config.modules.comments = {};
+      }
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
@@ -111792,7 +111866,8 @@ ${style2}
         this.superdocStore.setExceptionHandler((payload) => this.emit("exception", payload));
       }
       this.superdocStore.init(this.config);
-      this.commentsStore.init(this.config.modules.comments);
+      const commentsModuleConfig = this.config.modules.comments;
+      this.commentsStore.init(commentsModuleConfig && commentsModuleConfig !== false ? commentsModuleConfig : {});
     }
     #initListeners() {
       this.on("editorBeforeCreate", this.config.onEditorBeforeCreate);