@harbour-enterprises/superdoc 0.21.0-RC2 → 0.21.0-next.1

package/dist/superdoc.umd.js

@@ -31938,6 +31938,18 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       }
     ]
   };
+  const sanitizeDocxMediaName = (value, fallback = "image") => {
+    if (!value) return fallback;
+    const sanitized = value.replace(/[^a-zA-Z0-9_-]/g, "_");
+    return sanitized || fallback;
+  };
+  const getFallbackImageNameFromDataUri = (src = "", fallback = "image") => {
+    if (!src || typeof src !== "string") return fallback;
+    const [prefix2] = src.split(";");
+    const [, maybeType] = prefix2.split("/");
+    const extension = maybeType?.toLowerCase();
+    return extension ? `${fallback}.${extension}` : fallback;
+  };
   const TranslatorTypes = Object.freeze({
     NODE: "node",
     ATTRIBUTE: "attribute"
@@ -32135,6 +32147,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   const validXmlAttributes$k = [attrConfig$D];
   const XML_NODE_NAME$s = "w:highlight";
   const SD_ATTR_KEY$f = "highlight";
+  const DISABLED_TOKENS = /* @__PURE__ */ new Set(["transparent", "none", "inherit"]);
   const encode$13 = (params2, encodedAttrs = {}) => {
     const { nodes } = params2;
     const node = nodes?.[0];
@@ -32151,8 +32164,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const highlightValue = attrs.highlight ?? attrs.color ?? null;
     if (!highlightValue) return void 0;
     const normalizedValue = String(highlightValue).trim().toLowerCase();
-    if (!normalizedValue || normalizedValue === "transparent" || normalizedValue === "none") {
-      return void 0;
+    if (!normalizedValue) return void 0;
+    if (DISABLED_TOKENS.has(normalizedValue)) {
+      return {
+        name: XML_NODE_NAME$s,
+        attributes: { "w:val": "none" }
+      };
     }
     const keyword = getDocxHighlightKeywordFromHex(highlightValue);
     if (keyword) {
@@ -36054,18 +36071,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return handleImageNode(node, params2, true);
   }
-  const sanitizeDocxMediaName = (value, fallback = "image") => {
-    if (!value) return fallback;
-    const sanitized = value.replace(/[^a-zA-Z0-9_-]/g, "_");
-    return sanitized || fallback;
-  };
-  const getFallbackImageNameFromDataUri = (src = "", fallback = "image") => {
-    if (!src || typeof src !== "string") return fallback;
-    const [prefix2] = src.split(";");
-    const [, maybeType] = prefix2.split("/");
-    const extension = maybeType?.toLowerCase();
-    return extension ? `${fallback}.${extension}` : fallback;
-  };
   const translateImageNode = (params2) => {
     const {
       node: { attrs = {} },
@@ -38994,13 +38999,21 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         markElement.name = "w:rStyle";
         markElement.attributes["w:val"] = attrs.styleId;
         break;
-      case "color":
-        let processedColor = attrs.color.replace(/^#/, "").replace(/;$/, "");
+      case "color": {
+        const rawColor = attrs.color;
+        if (!rawColor) break;
+        const normalized = String(rawColor).trim().toLowerCase();
+        if (normalized === "inherit") {
+          markElement.attributes["w:val"] = "auto";
+          break;
+        }
+        let processedColor = String(rawColor).replace(/^#/, "").replace(/;$/, "");
         if (processedColor.startsWith("rgb")) {
           processedColor = rgbToHex(processedColor);
         }
         markElement.attributes["w:val"] = processedColor;
         break;
+      }
       case "textAlign":
         markElement.attributes["w:val"] = attrs.textAlign;
         break;
@@ -39991,27 +40004,30 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         trackedChange,
         trackedChangeText,
         trackedChangeType,
-        trackedDeletedText
+        trackedDeletedText,
+        isDone: false
       };
     });
     const extendedComments = generateCommentsWithExtendedData({ docx, comments: extractedComments });
     return extendedComments;
   }
   const generateCommentsWithExtendedData = ({ docx, comments }) => {
+    if (!comments?.length) return [];
     const commentsExtended = docx["word/commentsExtended.xml"];
-    if (!commentsExtended) return [];
-    const { elements: initialElements } = commentsExtended;
-    const { elements } = initialElements[0];
+    if (!commentsExtended) return comments.map((comment) => ({ ...comment, isDone: comment.isDone ?? false }));
+    const { elements: initialElements = [] } = commentsExtended;
+    if (!initialElements?.length) return comments.map((comment) => ({ ...comment, isDone: comment.isDone ?? false }));
+    const { elements = [] } = initialElements[0] ?? {};
     const commentEx = elements.filter((el) => el.name === "w15:commentEx");
     return comments.map((comment) => {
       const extendedDef = commentEx.find((ce2) => ce2.attributes["w15:paraId"] === comment.paraId);
-      if (!extendedDef) return { ...comment };
+      if (!extendedDef) return { ...comment, isDone: comment.isDone ?? false };
       const { isDone, paraIdParent } = getExtendedDetails(extendedDef);
       let parentComment;
       if (paraIdParent) parentComment = comments.find((c2) => c2.paraId === paraIdParent);
       const newComment = {
         ...comment,
-        isDone,
+        isDone: isDone ?? false,
         parentCommentId: parentComment?.commentId
       };
       return newComment;
@@ -40820,7 +40836,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         return;
       }
     }
-    static updateDocumentVersion(docx = this.convertedXml, version2 = "0.21.0-RC2") {
+    static updateDocumentVersion(docx = this.convertedXml, version2 = "0.20.2") {
       const customLocation = "docProps/custom.xml";
       if (!docx[customLocation]) {
         docx[customLocation] = generateCustomXml();
@@ -41313,7 +41329,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   function generateCustomXml() {
     return DEFAULT_CUSTOM_XML;
   }
-  function generateSuperdocVersion(pid = 2, version2 = "0.21.0-RC2") {
+  function generateSuperdocVersion(pid = 2, version2 = "0.20.2") {
     return {
       type: "element",
       name: "property",
@@ -45752,17 +45768,18 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     // Mark this node as being the selected node.
     selectNode() {
-      if (this.nodeDOM.nodeType == 1)
+      if (this.nodeDOM.nodeType == 1) {
         this.nodeDOM.classList.add("ProseMirror-selectednode");
-      if (this.contentDOM || !this.node.type.spec.draggable)
-        this.dom.draggable = true;
+        if (this.contentDOM || !this.node.type.spec.draggable)
+          this.nodeDOM.draggable = true;
+      }
     }
     // Remove selected node marking from this node.
     deselectNode() {
       if (this.nodeDOM.nodeType == 1) {
         this.nodeDOM.classList.remove("ProseMirror-selectednode");
         if (this.contentDOM || !this.node.type.spec.draggable)
-          this.dom.removeAttribute("draggable");
+          this.nodeDOM.removeAttribute("draggable");
       }
     }
     get domAtom() {
@@ -47422,7 +47439,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       }
       const target = flushed ? null : event.target;
       const targetDesc = target ? view.docView.nearestDesc(target, true) : null;
-      this.target = targetDesc && targetDesc.dom.nodeType == 1 ? targetDesc.dom : null;
+      this.target = targetDesc && targetDesc.nodeDOM.nodeType == 1 ? targetDesc.nodeDOM : null;
       let { selection } = view.state;
       if (event.button == 0 && targetNode.type.spec.draggable && targetNode.type.spec.selectable !== false || selection instanceof NodeSelection && selection.from <= targetPos && selection.to > targetPos)
         this.mightDrag = {
@@ -58668,7 +58685,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
      * @returns {Object | void} Migration results
      */
     processCollaborationMigrations() {
-      console.debug("[checkVersionMigrations] Current editor version", "0.21.0-RC2");
+      console.debug("[checkVersionMigrations] Current editor version", "0.20.2");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -79846,7 +79863,7 @@ ${style2}
     if (typeof selector === "string") {
       return document.querySelector(selector);
     }
-    return selector();
+    return selector() || null;
   }
   const LazyTeleport$1 = /* @__PURE__ */ defineComponent({
     name: "LazyTeleport",
@@ -79934,8 +79951,11 @@ ${style2}
   };
   const keepOffsetDirection$1 = {
     top: true,
+    // top++
     bottom: false,
+    // top--
     left: true,
+    // left++
     right: false
     // left--
   };
@@ -81052,7 +81072,6 @@ ${style2}
         return !!element.href && element.rel !== "ignore";
       case "INPUT":
         return element.type !== "hidden" && element.type !== "file";
-      case "BUTTON":
       case "SELECT":
       case "TEXTAREA":
         return true;
@@ -81071,8 +81090,8 @@ ${style2}
         default: true
       },
       onEsc: Function,
-      initialFocusTo: String,
-      finalFocusTo: String,
+      initialFocusTo: [String, Function],
+      finalFocusTo: [String, Function],
       returnFocusOnDeactivated: {
         type: Boolean,
         default: true
@@ -83170,6 +83189,7 @@ ${style2}
     });
   }
   const scrollbarLight$1 = {
+    name: "Scrollbar",
     common: derived$1,
     self: self$6$1
   };
@@ -84685,11 +84705,14 @@ ${style2}
       boxShadow: boxShadow2
     });
   }
-  const popoverLight$1 = {
+  const popoverLight$1 = createTheme$1({
     name: "Popover",
     common: derived$1,
+    peers: {
+      Scrollbar: scrollbarLight$1
+    },
     self: self$5$1
-  };
+  });
   const oppositePlacement$1 = {
     top: "bottom",
     bottom: "top",
@@ -84909,9 +84932,11 @@ ${style2}
       const {
         namespaceRef,
         mergedClsPrefixRef,
-        inlineThemeDisabled
+        inlineThemeDisabled,
+        mergedRtlRef
       } = useConfig$1(props);
       const themeRef = useTheme$1("Popover", "-popover", style$3$1, popoverLight$1, props, mergedClsPrefixRef);
+      const rtlEnabledRef = useRtl$1("Popover", mergedRtlRef, mergedClsPrefixRef);
       const followerRef = ref$1(null);
       const NPopover2 = inject("NPopover");
       const bodyRef = ref$1(null);
@@ -85109,6 +85134,8 @@ ${style2}
               style: props.contentStyle
             }, slots);
             const maybeScrollableBody = props.scrollable ? h$1(XScrollbar$1, {
+              themeOverrides: themeRef.value.peerOverrides.Scrollbar,
+              theme: themeRef.value.peers.Scrollbar,
               contentClass: hasHeaderOrFooter ? void 0 : `${mergedClsPrefix}-popover__content ${(_b = props.contentClass) !== null && _b !== void 0 ? _b : ""}`,
               contentStyle: hasHeaderOrFooter ? void 0 : props.contentStyle
             }, {
@@ -85124,7 +85151,7 @@ ${style2}
             return [maybeScrollableBody, arrow2];
           };
           contentNode = h$1("div", mergeProps({
-            class: [`${mergedClsPrefix}-popover`, `${mergedClsPrefix}-popover-shared`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, extraClass.map((v2) => `${mergedClsPrefix}-${v2}`), {
+            class: [`${mergedClsPrefix}-popover`, `${mergedClsPrefix}-popover-shared`, (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) && `${mergedClsPrefix}-popover--rtl`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, extraClass.map((v2) => `${mergedClsPrefix}-${v2}`), {
               [`${mergedClsPrefix}-popover--scrollable`]: props.scrollable,
               [`${mergedClsPrefix}-popover--show-header-or-footer`]: hasHeaderOrFooter,
               [`${mergedClsPrefix}-popover--raw`]: props.raw,
@@ -85148,7 +85175,7 @@ ${style2}
             // The popover class and overlap class must exists, they will be used
             // to place the body & transition animation.
             // Shadow class exists for reuse box-shadow.
-            [`${mergedClsPrefix}-popover-shared`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, props.overlap && `${mergedClsPrefix}-popover-shared--overlap`, props.showArrow && `${mergedClsPrefix}-popover-shared--show-arrow`, props.arrowPointToCenter && `${mergedClsPrefix}-popover-shared--center-arrow`],
+            [`${mergedClsPrefix}-popover-shared`, (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) && `${mergedClsPrefix}-popover--rtl`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, props.overlap && `${mergedClsPrefix}-popover-shared--overlap`, props.showArrow && `${mergedClsPrefix}-popover-shared--show-arrow`, props.arrowPointToCenter && `${mergedClsPrefix}-popover-shared--center-arrow`],
             bodyRef,
             styleRef.value,
             handleMouseEnter,
@@ -96276,13 +96303,41 @@ ${reason}`);
       });
       return comments;
     });
+    const normalizeCommentForEditor = (node) => {
+      if (!node || typeof node !== "object") return node;
+      const cloneMarks = (marks) => Array.isArray(marks) ? marks.filter(Boolean).map((mark) => ({
+        ...mark,
+        attrs: mark?.attrs ? { ...mark.attrs } : void 0
+      })) : void 0;
+      const cloneAttrs = (attrs) => attrs && typeof attrs === "object" ? { ...attrs } : void 0;
+      if (!Array.isArray(node.content)) {
+        return {
+          type: node.type,
+          ...node.text !== void 0 ? { text: node.text } : {},
+          ...node.attrs ? { attrs: cloneAttrs(node.attrs) } : {},
+          ...node.marks ? { marks: cloneMarks(node.marks) } : {}
+        };
+      }
+      const normalizedChildren = node.content.map((child) => normalizeCommentForEditor(child)).flat().filter(Boolean);
+      if (node.type === "run") {
+        return normalizedChildren;
+      }
+      return {
+        type: node.type,
+        ...node.attrs ? { attrs: cloneAttrs(node.attrs) } : {},
+        ...node.marks ? { marks: cloneMarks(node.marks) } : {},
+        content: normalizedChildren
+      };
+    };
     const getHTmlFromComment = (commentTextJson) => {
       if (!commentTextJson.content?.length) return;
       try {
+        const normalizedContent = normalizeCommentForEditor(commentTextJson);
+        const schemaContent = Array.isArray(normalizedContent) ? normalizedContent[0] : normalizedContent;
         const editor = new Editor({
           mode: "text",
           isHeadless: true,
-          content: commentTextJson,
+          content: schemaContent,
           loadFromSchema: true,
           extensions: getRichTextExtensions()
         });
@@ -98348,7 +98403,7 @@ ${style2}
     if (typeof selector === "string") {
       return document.querySelector(selector);
     }
-    return selector();
+    return selector() || null;
   }
   const LazyTeleport = /* @__PURE__ */ defineComponent({
     name: "LazyTeleport",
@@ -98436,8 +98491,11 @@ ${style2}
   };
   const keepOffsetDirection = {
     top: true,
+    // top++
     bottom: false,
+    // top--
     left: true,
+    // left++
     right: false
     // left--
   };
@@ -99554,7 +99612,6 @@ ${style2}
         return !!element.href && element.rel !== "ignore";
       case "INPUT":
         return element.type !== "hidden" && element.type !== "file";
-      case "BUTTON":
       case "SELECT":
       case "TEXTAREA":
         return true;
@@ -99573,8 +99630,8 @@ ${style2}
         default: true
       },
       onEsc: Function,
-      initialFocusTo: String,
-      finalFocusTo: String,
+      initialFocusTo: [String, Function],
+      finalFocusTo: [String, Function],
       returnFocusOnDeactivated: {
         type: Boolean,
         default: true
@@ -102349,6 +102406,7 @@ ${style2}
     });
   }
   const scrollbarLight = {
+    name: "Scrollbar",
     common: derived,
     self: self$7
   };
@@ -103853,11 +103911,14 @@ ${style2}
       boxShadow: boxShadow2
     });
   }
-  const popoverLight = {
+  const popoverLight = createTheme({
     name: "Popover",
     common: derived,
+    peers: {
+      Scrollbar: scrollbarLight
+    },
     self: self$6
-  };
+  });
   const oppositePlacement = {
     top: "bottom",
     bottom: "top",
@@ -104077,9 +104138,11 @@ ${style2}
       const {
         namespaceRef,
         mergedClsPrefixRef,
-        inlineThemeDisabled
+        inlineThemeDisabled,
+        mergedRtlRef
       } = useConfig(props);
       const themeRef = useTheme("Popover", "-popover", style$5, popoverLight, props, mergedClsPrefixRef);
+      const rtlEnabledRef = useRtl("Popover", mergedRtlRef, mergedClsPrefixRef);
       const followerRef = ref$1(null);
       const NPopover2 = inject("NPopover");
       const bodyRef = ref$1(null);
@@ -104277,6 +104340,8 @@ ${style2}
               style: props.contentStyle
             }, slots);
             const maybeScrollableBody = props.scrollable ? h$1(XScrollbar, {
+              themeOverrides: themeRef.value.peerOverrides.Scrollbar,
+              theme: themeRef.value.peers.Scrollbar,
               contentClass: hasHeaderOrFooter ? void 0 : `${mergedClsPrefix}-popover__content ${(_b = props.contentClass) !== null && _b !== void 0 ? _b : ""}`,
               contentStyle: hasHeaderOrFooter ? void 0 : props.contentStyle
             }, {
@@ -104292,7 +104357,7 @@ ${style2}
             return [maybeScrollableBody, arrow2];
           };
           contentNode = h$1("div", mergeProps({
-            class: [`${mergedClsPrefix}-popover`, `${mergedClsPrefix}-popover-shared`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, extraClass.map((v2) => `${mergedClsPrefix}-${v2}`), {
+            class: [`${mergedClsPrefix}-popover`, `${mergedClsPrefix}-popover-shared`, (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) && `${mergedClsPrefix}-popover--rtl`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, extraClass.map((v2) => `${mergedClsPrefix}-${v2}`), {
               [`${mergedClsPrefix}-popover--scrollable`]: props.scrollable,
               [`${mergedClsPrefix}-popover--show-header-or-footer`]: hasHeaderOrFooter,
               [`${mergedClsPrefix}-popover--raw`]: props.raw,
@@ -104316,7 +104381,7 @@ ${style2}
             // The popover class and overlap class must exists, they will be used
             // to place the body & transition animation.
             // Shadow class exists for reuse box-shadow.
-            [`${mergedClsPrefix}-popover-shared`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, props.overlap && `${mergedClsPrefix}-popover-shared--overlap`, props.showArrow && `${mergedClsPrefix}-popover-shared--show-arrow`, props.arrowPointToCenter && `${mergedClsPrefix}-popover-shared--center-arrow`],
+            [`${mergedClsPrefix}-popover-shared`, (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) && `${mergedClsPrefix}-popover--rtl`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, props.overlap && `${mergedClsPrefix}-popover-shared--overlap`, props.showArrow && `${mergedClsPrefix}-popover-shared--show-arrow`, props.arrowPointToCenter && `${mergedClsPrefix}-popover-shared--center-arrow`],
             bodyRef,
             styleRef.value,
             handleMouseEnter,
@@ -106741,7 +106806,8 @@ ${style2}
       closeIconColorPressedLoading: closeIconColorPressed,
       loadingColor: primaryColor,
       lineHeight: lineHeight2,
-      borderRadius
+      borderRadius,
+      border: "0"
     });
   }
   const messageLight = {
@@ -106792,6 +106858,7 @@ ${style2}
  margin-bottom .3s var(--n-bezier);
  padding: var(--n-padding);
  border-radius: var(--n-border-radius);
+ border: var(--n-border);
  flex-wrap: nowrap;
  overflow: hidden;
  max-width: var(--n-max-width);
@@ -106910,6 +106977,7 @@ ${style2}
             fontSize: fontSize2,
             lineHeight: lineHeight2,
             borderRadius,
+            border,
             iconColorInfo,
             iconColorSuccess,
             iconColorWarning,
@@ -106953,7 +107021,8 @@ ${style2}
           "--n-close-icon-color-pressed": closeIconColorPressed,
           "--n-close-icon-color-hover": closeIconColorHover,
           "--n-line-height": lineHeight2,
-          "--n-border-radius": borderRadius
+          "--n-border-radius": borderRadius,
+          "--n-border": border
         };
       });
       const themeClassHandle = inlineThemeDisabled ? useThemeClass("message", computed(() => props.type[0]), cssVarsRef, {}) : void 0;
@@ -109914,7 +109983,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "0.21.0-RC2";
+      this.version = "0.20.2";
       this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config2.superdocId || v4();
       this.colors = this.config.colors;