@harbour-enterprises/superdoc 0.29.0 → 0.30.0-next.2

package/dist/super-editor/chunks/{editor-a9U6w_LW.js → editor-B2jkX1wz.js}

@@ -12,8 +12,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
 var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, checkFonts_fn, determineUnsupportedFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, initPagination_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _DocumentSectionView_instances, init_fn2, addToolTip_fn, _ListItemNodeView_instances, init_fn3, applyIndentStyling_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn;
 import * as Y from "yjs";
 import { UndoManager, Item as Item$1, ContentType, Text as Text$1, XmlElement, encodeStateAsUpdate } from "yjs";
-import { P as PluginKey, a as Plugin, M as Mapping, N as NodeSelection, S as Selection, T as TextSelection, b as Slice, D as DOMSerializer, F as Fragment, c as DOMParser$1, d as Mark$1, e as dropPoint, A as AllSelection, p as process$1, B as Buffer2, f as callOrGet, g as getExtensionConfigField, h as getMarkType, i as getMarksFromSelection, j as getNodeType, k as getSchemaTypeNameByName, l as Schema$1, m as cleanSchemaItem, n as canSplit, o as defaultBlockAt$1, q as liftTarget, r as canJoin, s as joinPoint, t as replaceStep$1, R as ReplaceAroundStep$1, u as isTextSelection, v as getMarkRange, w as isMarkActive, x as isNodeActive, y as deleteProps, z as processContent, C as ReplaceStep, E as NodeRange, G as findWrapping, L as ListHelpers, H as findParentNode, I as isMacOS, J as isIOS, K as getSchemaTypeByName, O as inputRulesPlugin, Q as TrackDeleteMarkName, U as TrackInsertMarkName, V as v4, W as TrackFormatMarkName, X as comments_module_events, Y as findMark, Z as objectIncludes, _ as AddMarkStep, $ as RemoveMarkStep, a0 as twipsToLines, a1 as pixelsToTwips, a2 as helpers, a3 as posToDOMRect, a4 as CommandService, a5 as SuperConverter, a6 as createDocument, a7 as createDocFromMarkdown, a8 as createDocFromHTML, a9 as EditorState, aa as hasSomeParentWithClass, ab as isActive, ac as unflattenListsInHtml, ad as parseSizeUnit, ae as minMax, af as getLineHeightValueString, ag as updateDOMAttributes, ah as findChildren$5, ai as htmlHandler, aj as generateRandomSigned32BitIntStrId, ak as InputRule, al as kebabCase, am as findParentNodeClosestToPos, an as getListItemStyleDefinitions, ao as docxNumberingHelpers, ap as parseIndentElement, aq as combineIndents, ar as twipsToPixels, as as PIXELS_PER_INCH, at as SelectionRange, au as Transform, av as isInTable$1, aw as generateDocxRandomId, ax as insertNewRelationship, ay as inchesToPixels } from "./converter-B86bAVY0.js";
-import { D as DocxZipper } from "./docx-zipper-D1VjYtEw.js";
+import { P as PluginKey, a as Plugin, M as Mapping, N as NodeSelection, S as Selection, T as TextSelection, b as Slice, D as DOMSerializer, F as Fragment, c as DOMParser$1, d as Mark$1, e as dropPoint, A as AllSelection, p as process$1, B as Buffer2, f as callOrGet, g as getExtensionConfigField, h as getMarkType, i as getMarksFromSelection, j as getNodeType, k as getSchemaTypeNameByName, l as Schema$1, m as cleanSchemaItem, n as canSplit, o as defaultBlockAt$1, q as liftTarget, r as canJoin, s as joinPoint, t as replaceStep$1, R as ReplaceAroundStep$1, u as isTextSelection, v as getMarkRange, w as isMarkActive, x as isNodeActive, y as deleteProps, z as processContent, C as ReplaceStep, E as NodeRange, G as findWrapping, L as ListHelpers, H as findParentNode, I as isMacOS, J as isIOS, K as getSchemaTypeByName, O as inputRulesPlugin, Q as TrackDeleteMarkName, U as TrackInsertMarkName, V as v4, W as TrackFormatMarkName, X as comments_module_events, Y as findMark, Z as objectIncludes, _ as AddMarkStep, $ as RemoveMarkStep, a0 as twipsToLines, a1 as pixelsToTwips, a2 as helpers, a3 as posToDOMRect, a4 as CommandService, a5 as SuperConverter, a6 as createDocument, a7 as createDocFromMarkdown, a8 as createDocFromHTML, a9 as EditorState, aa as hasSomeParentWithClass, ab as isActive, ac as unflattenListsInHtml, ad as parseSizeUnit, ae as minMax, af as getLineHeightValueString, ag as updateDOMAttributes, ah as findChildren$5, ai as htmlHandler, aj as generateRandomSigned32BitIntStrId, ak as InputRule, al as kebabCase, am as twipsToPixels, an as halfPointToPixels, ao as findParentNodeClosestToPos, ap as docxNumberingHelpers, aq as getListItemStyleDefinitions, ar as parseIndentElement, as as combineIndents, at as eighthPointsToPixels, au as linesToTwips, av as PIXELS_PER_INCH, aw as SelectionRange, ax as Transform, ay as isInTable$1, az as generateDocxRandomId, aA as insertNewRelationship, aB as inchesToPixels } from "./converter-DxPmeV-v.js";
+import { D as DocxZipper } from "./docx-zipper-BnnW7IuB.js";
 import { ref, computed, createElementBlock, openBlock, withModifiers, Fragment as Fragment$1, renderList, normalizeClass, createCommentVNode, toDisplayString, createElementVNode, createApp } from "vue";
 var GOOD_LEAF_SIZE = 200;
 var RopeSequence = function RopeSequence2() {
@@ -11701,9 +11701,15 @@ const applyStyleIsolationClass = (target) => {
   if (!target || !target.classList) return;
   target.classList.add(STYLE_ISOLATION_CLASS);
 };
+const isHeadless = (editor) => {
+  return editor?.options?.isHeadless ?? false;
+};
+const shouldSkipNodeView = (editor) => {
+  return isHeadless(editor);
+};
 const PaginationPluginKey = new PluginKey("paginationPlugin");
 const initPaginationData = async (editor) => {
-  if (!editor.converter) return;
+  if (isHeadless(editor) || !editor.converter) return;
   const sectionData = { headers: {}, footers: {} };
   const headerIds = editor.converter.headerIds.ids;
   const footerIds = editor.converter.footerIds.ids;
@@ -11839,6 +11845,7 @@ const broadcastEditorEvents = (editor, sectionEditor) => {
   });
 };
 const toggleHeaderFooterEditMode = ({ editor, focusedSectionEditor, isEditMode, documentMode }) => {
+  if (isHeadless(editor)) return;
   editor.converter.headerEditors.forEach((item) => {
     item.editor.setEditable(isEditMode, false);
     item.editor.view.dom.setAttribute("aria-readonly", !isEditMode);
@@ -14955,10 +14962,12 @@ const _Editor = class _Editor extends EventEmitter {
     };
     if ("orientation" in screen && "addEventListener" in screen.orientation) {
       screen.orientation.addEventListener("change", handleResize);
-    } else {
+    } else if (typeof window !== "undefined" && typeof window.matchMedia === "function") {
       window.matchMedia("(orientation: portrait)").addEventListener("change", handleResize);
     }
-    window.addEventListener("resize", () => handleResize);
+    if (typeof window !== "undefined" && typeof window.addEventListener === "function") {
+      window.addEventListener("resize", () => handleResize);
+    }
   }
   /**
    * Get document identifier for telemetry (async - may generate hash)
@@ -15072,7 +15081,7 @@ const _Editor = class _Editor extends EventEmitter {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      import("./index-373DqHu6.js"),
+      import("./index-BJia6SL_.js"),
       import("./index-DRCvimau.js"),
       import("./index-C_x_N6Uh.js"),
       import("./index-D_sWOSiG.js"),
@@ -15124,7 +15133,7 @@ const _Editor = class _Editor extends EventEmitter {
       this.initDefaultStyles();
       hasMadeUpdate = true;
     }
-    if (hasMadeUpdate) {
+    if (hasMadeUpdate && !isHeadless(this)) {
       const newTr = this.view.state.tr;
       newTr.setMeta("forceUpdatePagination", true);
       this.view.dispatch(newTr);
@@ -15290,7 +15299,7 @@ const _Editor = class _Editor extends EventEmitter {
    * @returns {Object | void} Migration results
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.29.0");
+    console.debug("[checkVersionMigrations] Current editor version", "0.30.0-next.2");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -15802,16 +15811,18 @@ createView_fn = function(element) {
     handleClick: __privateMethod(this, _Editor_instances, handleNodeSelection_fn).bind(this),
     handleDoubleClick: async (view, pos, event) => {
       if (this.options.documentMode !== "editing") return;
-      const isHeader = hasSomeParentWithClass(event.target, "pagination-section-header");
-      const isFooter = hasSomeParentWithClass(event.target, "pagination-section-footer");
-      if (isHeader || isFooter) {
-        const eventClone = new event.constructor(event.type);
-        event.target.dispatchEvent(eventClone);
-        if (this.options.isHeaderOrFooter && this.options.editable) setWordSelection(view, pos);
-        return;
+      if (!isHeadless(this)) {
+        const isHeader = hasSomeParentWithClass(event.target, "pagination-section-header");
+        const isFooter = hasSomeParentWithClass(event.target, "pagination-section-footer");
+        if (isHeader || isFooter) {
+          const eventClone = new event.constructor(event.type);
+          event.target.dispatchEvent(eventClone);
+          if (this.options.isHeaderOrFooter && this.options.editable) setWordSelection(view, pos);
+          return;
+        }
       }
       event.stopPropagation();
-      if (!this.options.editable) {
+      if (!this.options.editable && !isHeadless(this)) {
         this.setEditable(true, false);
         toggleHeaderFooterEditMode({
           editor: this,
@@ -19361,11 +19372,25 @@ const getSpacingStyle = (spacing) => {
     ...lineHeightStyles
   };
 };
-const getSpacingStyleString = (spacing) => {
-  const { lineSpaceBefore, lineSpaceAfter, line } = spacing;
+const getSpacingStyleString = (spacing, marks) => {
+  let { before, after, line, lineRule, beforeAutospacing, afterAutospacing } = spacing;
+  line = twipsToLines(line);
+  if (lineRule === "exact" && line) {
+    line = String(line);
+  }
+  const textStyleMark = marks?.find((mark) => mark.type === "textStyle");
+  const fontSize = textStyleMark?.attrs?.fontSize;
+  before = twipsToPixels(before);
+  if (beforeAutospacing && fontSize) {
+    before += halfPointToPixels(parseInt(fontSize) * 0.5);
+  }
+  after = twipsToPixels(after);
+  if (afterAutospacing && fontSize) {
+    after += halfPointToPixels(parseInt(fontSize) * 0.5);
+  }
   return `
-    ${lineSpaceBefore ? `margin-top: ${lineSpaceBefore}px;` : ""}
-    ${lineSpaceAfter ? `margin-bottom: ${lineSpaceAfter}px;` : ""}
+    ${before ? `margin-top: ${before}px;` : ""}
+    ${after ? `margin-bottom: ${after}px;` : ""}
     ${line ? getLineHeightValueString(line, "") : ""}
   `.trim();
 };
@@ -20490,9 +20515,6 @@ function orderedListSync(editor) {
     }
   });
 }
-const shouldSkipNodeView = (editor) => {
-  return editor.options.isHeadless;
-};
 const ListItem = Node$1.create({
   name: "listItem",
   content: "paragraph* block*",
@@ -20705,10 +20727,10 @@ const ListItem = Node$1.create({
   }
 });
 const getDefaultSpacing = () => ({
-  lineSpaceAfter: 0,
-  lineSpaceBefore: 0,
-  line: 0,
-  lineRule: null
+  after: null,
+  before: null,
+  line: null,
+  lineRule: "auto"
 });
 const Paragraph = OxmlNode.create({
   name: "paragraph",
@@ -20737,20 +20759,20 @@ const Paragraph = OxmlNode.create({
         parseDOM: (element) => {
           if (element && element.closest("[data-superdoc-import]")) {
             return {
-              lineSpaceAfter: 11,
-              lineSpaceBefore: 0,
-              line: 1.15,
+              after: pixelsToTwips(11),
+              before: 0,
+              line: linesToTwips(1.15),
               lineRule: "auto"
             };
           }
           return void 0;
         },
         renderDOM: (attrs) => {
-          const { spacing } = attrs;
+          const { spacing, marksAttrs } = attrs;
           if (!spacing) return {};
           const spacingCopy = { ...spacing };
           if (attrs.lineHeight) delete spacingCopy.line;
-          const style = getSpacingStyleString(spacingCopy);
+          const style = getSpacingStyleString(spacingCopy, marksAttrs ?? []);
           if (style) return { style };
           return {};
         }
@@ -20786,11 +20808,11 @@ const Paragraph = OxmlNode.create({
             return {};
           }
           let style = "";
-          if (left2) style += `margin-left: ${left2}px;`;
-          if (right2) style += `margin-right: ${right2}px;`;
-          if (firstLine && !hanging) style += `text-indent: ${firstLine}px;`;
-          if (firstLine && hanging) style += `text-indent: ${firstLine - hanging}px;`;
-          if (!firstLine && hanging) style += `text-indent: ${-hanging}px;`;
+          if (left2) style += `margin-left: ${twipsToPixels(left2)}px;`;
+          if (right2) style += `margin-right: ${twipsToPixels(right2)}px;`;
+          if (firstLine && !hanging) style += `text-indent: ${twipsToPixels(firstLine)}px;`;
+          if (firstLine && hanging) style += `text-indent: ${twipsToPixels(firstLine - hanging)}px;`;
+          if (!firstLine && hanging) style += `text-indent: ${twipsToPixels(-hanging)}px;`;
           return { style };
         }
       },
@@ -20809,12 +20831,16 @@ const Paragraph = OxmlNode.create({
           sideOrder.forEach((side) => {
             const b = borders[side];
             if (!b) return;
-            const width = b.size != null ? `${b.size}px` : "1px";
+            if (["nil", "none", void 0, null].includes(b.val)) {
+              style += `border-${side}: none;`;
+              return;
+            }
+            const width = b.size != null ? `${eighthPointsToPixels(b.size)}px` : "1px";
             const cssStyle = valToCss[b.val] || "solid";
-            const color = b.color || "#000000";
+            const color = !b.color || b.color === "auto" ? "#000000" : `#${b.color}`;
             style += `border-${side}: ${width} ${cssStyle} ${color};`;
             if (b.space != null && side === "bottom") {
-              style += `padding-bottom: ${b.space}px;`;
+              style += `padding-bottom: ${eighthPointsToPixels(b.space)}px;`;
             }
           });
           return style ? { style } : {};
@@ -20846,15 +20872,14 @@ const Paragraph = OxmlNode.create({
       paragraphProperties: { rendered: false },
       dropcap: { rendered: false },
       pageBreakSource: { rendered: false },
-      justify: {
-        renderDOM: ({ justify }) => {
-          const { val: jc } = justify || {};
-          if (!jc) return {};
+      textAlign: {
+        renderDOM: ({ textAlign }) => {
+          if (!textAlign) return {};
           let style = "";
-          if (jc === "left") style += "text-align: left;";
-          else if (jc === "right") style += "text-align: right;";
-          else if (jc === "center") style += "text-align: center;";
-          else if (jc === "both") style += "text-align: justify;";
+          if (textAlign === "left") style += "text-align: left;";
+          else if (textAlign === "right") style += "text-align: right;";
+          else if (textAlign === "center") style += "text-align: center;";
+          else if (textAlign === "both") style += "text-align: justify;";
           return { style };
         }
       },
@@ -21201,13 +21226,16 @@ const getTabDecorations = (doc2, view, helpers2, from2 = 0, to = null) => {
         const tabStop = tabStops.find((stop) => stop.pos > currentWidth && stop.val !== "clear");
         if (tabStop) {
           tabWidth = tabStop.pos - currentWidth;
-          if (tabStop.val === "center" || tabStop.val === "end" || tabStop.val === "right") {
+          let val = tabStop.val;
+          const aliases = { left: "start", right: "end" };
+          if (aliases[val]) val = aliases[val];
+          if (val === "center" || val === "end" || val === "right") {
             const nextTabIndex = findNextTabIndex(flattened, entryIndex + 1);
             const segmentStartPos = pos + node.nodeSize;
             const segmentEndPos = nextTabIndex === -1 ? startPos + paragraphContext.paragraph.nodeSize - 1 : flattened[nextTabIndex].pos;
             const segmentWidth = measureRangeWidth(view, segmentStartPos, segmentEndPos, coordCache, domPosCache);
-            tabWidth -= tabStop.val === "center" ? segmentWidth / 2 : segmentWidth;
-          } else if (tabStop.val === "decimal" || tabStop.val === "num") {
+            tabWidth -= val === "center" ? segmentWidth / 2 : segmentWidth;
+          } else if (val === "decimal" || val === "num") {
             const breakChar = tabStop.decimalChar || ".";
             const decimalPos = findDecimalBreakPos(flattened, entryIndex + 1, breakChar);
             const integralWidth = decimalPos ? measureRangeWidth(view, pos + node.nodeSize, decimalPos, coordCache, domPosCache) : measureRangeWidth(
@@ -21256,7 +21284,15 @@ function getParagraphContext($pos, cache, helpers2) {
       if (!cache.has(startPos)) {
         let tabStops = [];
         if (Array.isArray(node.attrs?.tabStops)) {
-          tabStops = node.attrs.tabStops;
+          tabStops = node.attrs.tabStops.map((stop) => {
+            const ref2 = stop?.tab;
+            if (!ref2) return stop || null;
+            return {
+              val: ref2.tabType || "start",
+              pos: twipsToPixels(Number(ref2.pos) || 0),
+              leader: ref2.leader
+            };
+          }).filter(Boolean);
         } else {
           const style = helpers2.linkedStyles.getStyleById(node.attrs?.styleId);
           if (Array.isArray(style?.definition?.styles?.tabStops)) {
@@ -21357,9 +21393,9 @@ function getIndentWidth(view, paragraphStartPos, indentAttrs = {}, coordCache =
 }
 function calculateIndentFallback(indentAttrs = {}) {
   if (!indentAttrs) return 0;
-  const left2 = Number(indentAttrs.left) || 0;
-  const firstLine = Number(indentAttrs.firstLine) || 0;
-  const hanging = Number(indentAttrs.hanging) || 0;
+  const left2 = twipsToPixels(Number(indentAttrs.left) || 0);
+  const firstLine = twipsToPixels(Number(indentAttrs.firstLine) || 0);
+  const hanging = twipsToPixels(Number(indentAttrs.hanging) || 0);
   let textIndent = 0;
   if (firstLine && hanging) {
     textIndent = firstLine - hanging;
@@ -21367,11 +21403,6 @@ function calculateIndentFallback(indentAttrs = {}) {
     textIndent = firstLine;
   } else if (hanging) {
     textIndent = -hanging;
-  } else if (typeof indentAttrs.textIndent === "string") {
-    const match = indentAttrs.textIndent.match(/(-?\d*\.?\d+)in$/);
-    if (match) {
-      textIndent = Number(match[1]) * 96;
-    }
   }
   if (textIndent) return left2 + textIndent;
   if (left2) return left2;
@@ -26464,7 +26495,7 @@ const FieldAnnotation = Node$1.create({
         }
         if (dispatch) {
           commands2.updateFieldAnnotationsAttributes([annotation], attrs);
-          if (this.editor.options.pagination) {
+          if (this.editor.options.pagination && !isHeadless(this.editor)) {
             setTimeout(() => {
               const newTr = this.editor.view.state.tr;
               newTr.setMeta("forceUpdatePagination", true);
@@ -28401,7 +28432,9 @@ const PageNumber = Node$1.create({
         const pageNumberNode = schema.nodeFromJSON(pageNumberNodeJSON);
         if (dispatch) {
           tr.replaceSelectionWith(pageNumberNode, false);
-          tr.setMeta("forceUpdatePagination", true);
+          if (!isHeadless(editor)) {
+            tr.setMeta("forceUpdatePagination", true);
+          }
         }
         return true;
       }
@@ -31470,6 +31503,255 @@ const VectorShape = Node$1.create({
     };
   }
 });
+class ShapeGroupView {
+  constructor(props) {
+    __publicField(this, "node");
+    __publicField(this, "view");
+    __publicField(this, "getPos");
+    __publicField(this, "decorations");
+    __publicField(this, "innerDecorations");
+    __publicField(this, "editor");
+    __publicField(this, "extension");
+    __publicField(this, "htmlAttributes");
+    __publicField(this, "root");
+    this.node = props.node;
+    this.view = props.editor.view;
+    this.getPos = props.getPos;
+    this.decorations = props.decorations;
+    this.innerDecorations = props.innerDecorations;
+    this.editor = props.editor;
+    this.extension = props.extension;
+    this.htmlAttributes = props.htmlAttributes;
+    this.mount();
+  }
+  mount() {
+    this.buildView();
+  }
+  get dom() {
+    return this.root;
+  }
+  get contentDOM() {
+    return null;
+  }
+  createElement() {
+    const attrs = this.node.attrs;
+    const { groupTransform, shapes, size } = attrs;
+    const container = document.createElement("div");
+    container.classList.add("sd-shape-group");
+    container.setAttribute("data-shape-group", "");
+    const width = size?.width || groupTransform?.width || 300;
+    const height = size?.height || groupTransform?.height || 200;
+    container.style.width = `${width}px`;
+    container.style.height = `${height}px`;
+    container.style.position = "relative";
+    container.style.display = "inline-block";
+    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    svg.setAttribute("version", "1.1");
+    svg.setAttribute("xmlns", "http://www.w3.org/2000/svg");
+    svg.setAttribute("width", width.toString());
+    svg.setAttribute("height", height.toString());
+    svg.setAttribute("viewBox", `0 0 ${width} ${height}`);
+    svg.style.display = "block";
+    if (shapes && Array.isArray(shapes)) {
+      shapes.forEach((shape) => {
+        if (shape.shapeType === "vectorShape") {
+          const shapeElement = this.createShapeElement(shape, groupTransform);
+          if (shapeElement) {
+            svg.appendChild(shapeElement);
+          }
+        }
+      });
+    }
+    container.appendChild(svg);
+    return { element: container };
+  }
+  createShapeElement(shape) {
+    const attrs = shape.attrs;
+    if (!attrs) return null;
+    const x = attrs.x || 0;
+    const y = attrs.y || 0;
+    const width = attrs.width || 100;
+    const height = attrs.height || 100;
+    const g = document.createElementNS("http://www.w3.org/2000/svg", "g");
+    const transforms = [];
+    transforms.push(`translate(${x}, ${y})`);
+    if (attrs.rotation !== 0) {
+      transforms.push(`rotate(${attrs.rotation} ${width / 2} ${height / 2})`);
+    }
+    if (attrs.flipH) {
+      transforms.push(`scale(-1, 1) translate(${-width}, 0)`);
+    }
+    if (attrs.flipV) {
+      transforms.push(`scale(1, -1) translate(0, ${-height})`);
+    }
+    if (transforms.length > 0) {
+      g.setAttribute("transform", transforms.join(" "));
+    }
+    const shapeKind = attrs.kind || "rect";
+    const fillColor = attrs.fillColor || "#5b9bd5";
+    const strokeColor = attrs.strokeColor || "#000000";
+    const strokeWidth = attrs.strokeWidth || 1;
+    try {
+      const svgContent = k({
+        preset: shapeKind,
+        styleOverrides: {
+          fill: fillColor || "none",
+          stroke: strokeColor || "none",
+          strokeWidth: strokeWidth || 0
+        },
+        width,
+        height
+      });
+      if (svgContent) {
+        const tempDiv = document.createElement("div");
+        tempDiv.innerHTML = svgContent;
+        const svgElement = tempDiv.querySelector("svg");
+        if (svgElement) {
+          Array.from(svgElement.children).forEach((child) => {
+            const clonedChild = child.cloneNode(true);
+            if (clonedChild.tagName === "ellipse") {
+              clonedChild.setAttribute("cx", (width / 2).toString());
+              clonedChild.setAttribute("cy", (height / 2).toString());
+              clonedChild.setAttribute("rx", (width / 2).toString());
+              clonedChild.setAttribute("ry", (height / 2).toString());
+            } else if (clonedChild.tagName === "circle") {
+              if (width !== height) {
+                const ellipse = document.createElementNS("http://www.w3.org/2000/svg", "ellipse");
+                ellipse.setAttribute("cx", (width / 2).toString());
+                ellipse.setAttribute("cy", (height / 2).toString());
+                ellipse.setAttribute("rx", (width / 2).toString());
+                ellipse.setAttribute("ry", (height / 2).toString());
+                Array.from(clonedChild.attributes).forEach((attr) => {
+                  if (!["cx", "cy", "r"].includes(attr.name)) {
+                    ellipse.setAttribute(attr.name, attr.value);
+                  }
+                });
+                g.appendChild(ellipse);
+                return;
+              } else {
+                clonedChild.setAttribute("cx", (width / 2).toString());
+                clonedChild.setAttribute("cy", (height / 2).toString());
+                clonedChild.setAttribute("r", (width / 2).toString());
+              }
+            } else if (clonedChild.tagName === "rect") {
+              clonedChild.setAttribute("width", width.toString());
+              clonedChild.setAttribute("height", height.toString());
+            } else if (clonedChild.tagName === "path" && svgElement.hasAttribute("viewBox")) {
+              const viewBox = svgElement.getAttribute("viewBox").split(" ").map(Number);
+              if (viewBox.length === 4) {
+                const [, , vbWidth, vbHeight] = viewBox;
+                const scaleX = width / vbWidth;
+                const scaleY = height / vbHeight;
+                if (scaleX !== 1 || scaleY !== 1) {
+                  const pathTransform = `scale(${scaleX}, ${scaleY})`;
+                  const existingTransform = clonedChild.getAttribute("transform");
+                  clonedChild.setAttribute(
+                    "transform",
+                    existingTransform ? `${existingTransform} ${pathTransform}` : pathTransform
+                  );
+                }
+              }
+            } else if (clonedChild.hasAttribute("width")) {
+              clonedChild.setAttribute("width", width.toString());
+            }
+            if (clonedChild.hasAttribute("height") && clonedChild.tagName !== "ellipse") {
+              clonedChild.setAttribute("height", height.toString());
+            }
+            g.appendChild(clonedChild);
+          });
+        }
+      }
+    } catch (error) {
+      console.warn("Failed to generate shape SVG:", error);
+      const rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+      rect.setAttribute("width", width.toString());
+      rect.setAttribute("height", height.toString());
+      rect.setAttribute("fill", fillColor);
+      rect.setAttribute("stroke", strokeColor);
+      rect.setAttribute("stroke-width", strokeWidth.toString());
+      g.appendChild(rect);
+    }
+    return g;
+  }
+  buildView() {
+    const { element } = this.createElement();
+    this.root = element;
+  }
+  update() {
+    return false;
+  }
+}
+const ShapeGroup = Node$1.create({
+  name: "shapeGroup",
+  group: "inline",
+  inline: true,
+  atom: true,
+  addOptions() {
+    return {
+      htmlAttributes: {
+        contenteditable: false
+      }
+    };
+  },
+  addAttributes() {
+    return {
+      groupTransform: {
+        default: {},
+        renderDOM: () => ({})
+      },
+      shapes: {
+        default: [],
+        renderDOM: () => ({})
+      },
+      size: {
+        default: null,
+        renderDOM: (attrs) => {
+          if (!attrs.size) return {};
+          const sizeData = {};
+          if (attrs.size.width) sizeData["data-width"] = attrs.size.width;
+          if (attrs.size.height) sizeData["data-height"] = attrs.size.height;
+          return sizeData;
+        }
+      },
+      padding: {
+        default: null,
+        renderDOM: (attrs) => {
+          if (!attrs.padding) return {};
+          const paddingData = {};
+          if (attrs.padding.top != null) paddingData["data-padding-top"] = attrs.padding.top;
+          if (attrs.padding.right != null) paddingData["data-padding-right"] = attrs.padding.right;
+          if (attrs.padding.bottom != null) paddingData["data-padding-bottom"] = attrs.padding.bottom;
+          if (attrs.padding.left != null) paddingData["data-padding-left"] = attrs.padding.left;
+          return paddingData;
+        }
+      },
+      marginOffset: {
+        default: null,
+        renderDOM: (attrs) => {
+          if (!attrs.marginOffset) return {};
+          const offsetData = {};
+          if (attrs.marginOffset.horizontal != null) offsetData["data-offset-x"] = attrs.marginOffset.horizontal;
+          if (attrs.marginOffset.top != null) offsetData["data-offset-y"] = attrs.marginOffset.top;
+          return offsetData;
+        }
+      },
+      drawingContent: {
+        rendered: false
+      }
+    };
+  },
+  parseDOM() {
+    return false;
+  },
+  renderDOM({ htmlAttributes }) {
+    return ["div", Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes, { "data-shape-group": "" })];
+  },
+  addNodeView() {
+    return (props) => {
+      return new ShapeGroupView({ ...props });
+    };
+  }
+});
 const TextStyle = Mark.create({
   name: "textStyle",
   addOptions() {
@@ -31557,8 +31839,8 @@ const Bold = Mark.create({
       value: {
         default: null,
         renderDOM: (attrs) => {
-          if (!attrs.value) return {};
-          if (attrs.value === "0") {
+          if (attrs.value == null) return {};
+          if (attrs.value === "0" || !attrs.value) {
             return { style: "font-weight: normal" };
           }
           return {};
@@ -31635,8 +31917,8 @@ const Italic = Mark.create({
       value: {
         default: null,
         renderDOM: (attrs) => {
-          if (!attrs.value) return {};
-          if (attrs.value === "0") return { style: "font-style: normal" };
+          if (attrs.value == null) return {};
+          if (attrs.value === "0" || !attrs.value) return { style: "font-style: normal" };
           return {};
         }
       }
@@ -31855,7 +32137,7 @@ const Strike = Mark.create({
     const merged = Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes);
     const { value } = mark.attrs;
     const { ...rest } = merged || {};
-    if (value === "0") {
+    if (value === "0" || value === false) {
       return ["span", rest, 0];
     }
     return ["s", rest, 0];
@@ -31898,8 +32180,8 @@ const Strike = Mark.create({
       value: {
         default: null,
         renderDOM: (attrs) => {
-          if (!attrs.value) return {};
-          if (attrs.value === "0") {
+          if (attrs.value == null) return {};
+          if (attrs.value === "0" || !attrs.value) {
             return { style: "text-decoration: none" };
           }
           return {};
@@ -36819,6 +37101,10 @@ const Pagination = Extension.create({
     };
   },
   addCommands() {
+    const editor = this.editor;
+    if (isHeadless(editor)) {
+      return {};
+    }
     return {
       insertPageBreak: () => ({ commands: commands2 }) => {
         return commands2.insertContent({
@@ -36829,20 +37115,26 @@ const Pagination = Extension.create({
        * Toggle pagination on/off
        * @returns {void}
        */
-      togglePagination: () => ({ tr, state, dispatch, editor }) => {
+      togglePagination: () => ({ tr, state, dispatch, editor: editor2 }) => {
         const isEnabled = PaginationPluginKey.getState(state)?.isEnabled;
         tr.setMeta(PaginationPluginKey, { isEnabled: !isEnabled });
         if (dispatch) {
           dispatch(tr);
-          editor.initDefaultStyles(editor.element, !isEnabled);
+          editor2.initDefaultStyles(editor2.element, !isEnabled);
           return true;
         }
       }
     };
   },
   addShortcuts() {
+    const editor = this.editor;
+    if (isHeadless(editor)) {
+      return {};
+    }
     return {
-      "Mod-Enter": () => this.editor.commands.insertPageBreak()
+      "Mod-Enter": () => {
+        return editor.commands.insertPageBreak();
+      }
     };
   },
   /**
@@ -36850,6 +37142,9 @@ const Pagination = Extension.create({
    */
   addPmPlugins() {
     const editor = this.editor;
+    if (isHeadless(editor)) {
+      return [];
+    }
     let isUpdating = false;
     let shouldUpdate = false;
     let hasInitialized = false;
@@ -36865,7 +37160,7 @@ const Pagination = Extension.create({
             isReadyToInit: false,
             decorations: DecorationSet.empty,
             isDebugging,
-            isEnabled: editor.options.pagination
+            isEnabled: editor.options.pagination && !isHeadless(editor)
           };
         },
         apply(tr, oldState, prevEditorState, newEditorState) {
@@ -36943,6 +37238,7 @@ const Pagination = Extension.create({
         let previousDecorations = DecorationSet.empty;
         return {
           update: (view) => {
+            if (isHeadless(editor)) return;
             if (!PaginationPluginKey.getState(view.state)?.isEnabled) return;
             if (!shouldUpdate || isUpdating) return;
             const performPaginationUpdate = () => {
@@ -36966,6 +37262,7 @@ const Pagination = Extension.create({
       },
       props: {
         decorations(state) {
+          if (isHeadless(editor)) return DecorationSet.empty;
           const pluginState = PaginationPluginKey.getState(state);
           return pluginState.isEnabled ? pluginState.decorations : DecorationSet.empty;
         }
@@ -37334,7 +37631,7 @@ const getHeaderFooterEditorKey = ({ pageNumber, isHeader, isFooter, isFirstHeade
   return void 0;
 };
 const onHeaderFooterDblClick = (editor, currentFocusedSectionEditor) => {
-  if (editor.options.documentMode !== "editing") return;
+  if (isHeadless(editor) || editor.options.documentMode !== "editing") return;
   editor.setEditable(false, false);
   toggleHeaderFooterEditMode({
     editor,
@@ -37406,6 +37703,7 @@ function getActualBreakCoords(view, pos, calculatedThreshold) {
   return actualBreak;
 }
 const onImageLoad = (editor) => {
+  if (isHeadless(editor)) return;
   if (typeof requestAnimationFrame !== "function") return;
   requestAnimationFrame(() => {
     const newTr = editor.view.state.tr;
@@ -37710,6 +38008,7 @@ function validRegExp(source) {
   }
 }
 const TextContentCache = /* @__PURE__ */ new WeakMap();
+const transparentInlineNodes = /* @__PURE__ */ new Set(["run", "bookmarkStart"]);
 function textContent(node) {
   let cached = TextContentCache.get(node);
   if (cached) return cached;
@@ -37718,7 +38017,7 @@ function textContent(node) {
     let child = node.child(i);
     if (child.isText) content += child.text;
     else if (child.isLeaf) content += "";
-    else if (child.type && child.type.name === "run") content += textContent(child);
+    else if (child.type && transparentInlineNodes.has(child.type.name)) content += textContent(child);
     else content += " " + textContent(child) + " ";
   }
   TextContentCache.set(node, content);
@@ -37726,26 +38025,49 @@ function textContent(node) {
 }
 function mapIndexToDocPos(node, start2, index2) {
   if (index2 <= 0) return start2;
-  const fullText = textContent(node);
-  if (index2 >= fullText.length) return start2 + node.content.size;
-  let target = start2;
-  let remaining = index2;
-  let found = false;
-  node.descendants((child, pos) => {
-    if (found) return false;
-    if (!child.isText) return true;
-    const len = child.text.length;
-    if (remaining <= len) {
-      target = start2 + pos + remaining;
-      found = true;
-      return false;
+  const fullTextLength = textContent(node).length;
+  if (index2 >= fullTextLength) return start2 + node.content.size;
+  return mapIndexWithinNode(node, start2, index2);
+}
+function mapIndexWithinNode(node, start2, index2) {
+  if (index2 <= 0) return start2;
+  let offset2 = start2;
+  for (let i = 0; i < node.childCount; i++) {
+    const child = node.child(i);
+    const childStart = offset2;
+    if (child.isText) {
+      const len = child.text.length;
+      if (index2 <= len) return childStart + index2;
+      index2 -= len;
+      offset2 += child.nodeSize;
+      continue;
     }
-    remaining -= len;
-    return true;
-  });
-  return found ? target : start2 + node.content.size;
+    if (child.isLeaf) {
+      if (index2 <= 1) return childStart + Math.min(index2, 1);
+      index2 -= 1;
+      offset2 += child.nodeSize;
+      continue;
+    }
+    const isTransparentInline = child.inlineContent && child.type && transparentInlineNodes.has(child.type.name);
+    const innerTextLength = textContent(child).length;
+    if (isTransparentInline) {
+      if (index2 <= innerTextLength) return mapIndexWithinNode(child, childStart + 1, index2);
+      index2 -= innerTextLength;
+      offset2 += child.nodeSize;
+      continue;
+    }
+    const contribution = innerTextLength + 2;
+    const relativeIndex = index2 - 1;
+    if (relativeIndex < 0) return childStart;
+    if (relativeIndex <= innerTextLength) {
+      return mapIndexWithinNode(child, childStart + 1, relativeIndex);
+    }
+    if (relativeIndex === innerTextLength + 1) return childStart + child.nodeSize;
+    index2 -= contribution;
+    offset2 += child.nodeSize;
+  }
+  return start2 + node.content.size;
 }
-const transparentInlineNodes = /* @__PURE__ */ new Set(["run"]);
 function scanTextblocks(node, from2, to, f2, nodeStart = 0) {
   const isTransparentInline = node.inlineContent && node.type && transparentInlineNodes.has(node.type.name);
   if (node.inlineContent && !isTransparentInline) {
@@ -38221,9 +38543,9 @@ const NodeResizer = Extension.create({
     return {};
   },
   addPmPlugins() {
-    const isHeadless = this.editor.options.isHeadless;
+    const isHeadless2 = this.editor.options.isHeadless;
     const hasDocument = typeof document !== "undefined";
-    if (isHeadless || !hasDocument) return [];
+    if (isHeadless2 || !hasDocument) return [];
     return [nodeResizer(["image"], this.editor)];
   }
 });
@@ -38343,7 +38665,8 @@ const getStarterExtensions = () => {
     NodeResizer,
     CustomSelection,
     TextTransform,
-    VectorShape
+    VectorShape,
+    ShapeGroup
   ];
 };
 export {
@@ -38369,17 +38692,18 @@ export {
   undoDepth as j,
   redoDepth as k,
   collectTrackedChangesForContext as l,
-  getStarterExtensions as m,
-  getRichTextExtensions as n,
-  Decoration as o,
-  Extension as p,
-  index$1 as q,
+  isHeadless as m,
+  getStarterExtensions as n,
+  getRichTextExtensions as o,
+  Decoration as p,
+  Extension as q,
   replaceSelectionWithImagePlaceholder as r,
   shouldBypassContextMenu as s,
-  index as t,
+  index$1 as t,
   useHighContrastMode as u,
-  AnnotatorHelpers as v,
-  SectionHelpers as w,
-  getAllowedImageDimensions as x,
-  yUndoPluginKey as y
+  index as v,
+  AnnotatorHelpers as w,
+  SectionHelpers as x,
+  yUndoPluginKey as y,
+  getAllowedImageDimensions as z
 };