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

package/dist/super-editor/chunks/{docx-zipper-D1VjYtEw.js → docx-zipper-DIZfYOpO.js}

@@ -1,4 +1,4 @@
-import { p as process$1, az as commonjsGlobal, B as Buffer, aA as getDefaultExportFromCjs, aB as getContentTypesFromXml, aC as xmljs } from "./converter-B86bAVY0.js";
+import { p as process$1, az as commonjsGlobal, B as Buffer, aA as getDefaultExportFromCjs, aB as getContentTypesFromXml, aC as xmljs } from "./converter-Z2aFlUnt.js";
 function commonjsRequire(path) {
   throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }

package/dist/super-editor/chunks/{editor-a9U6w_LW.js → editor-DCiWw1F7.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 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-Z2aFlUnt.js";
+import { D as DocxZipper } from "./docx-zipper-DIZfYOpO.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-C3nnrhrj.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.1");
     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,
@@ -20490,9 +20501,6 @@ function orderedListSync(editor) {
     }
   });
 }
-const shouldSkipNodeView = (editor) => {
-  return editor.options.isHeadless;
-};
 const ListItem = Node$1.create({
   name: "listItem",
   content: "paragraph* block*",
@@ -26464,7 +26472,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 +28409,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 +31480,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() {
@@ -36819,6 +37078,10 @@ const Pagination = Extension.create({
     };
   },
   addCommands() {
+    const editor = this.editor;
+    if (isHeadless(editor)) {
+      return {};
+    }
     return {
       insertPageBreak: () => ({ commands: commands2 }) => {
         return commands2.insertContent({
@@ -36829,20 +37092,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 +37119,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 +37137,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 +37215,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 +37239,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 +37608,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 +37680,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 +37985,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 +37994,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 +38002,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 +38520,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 +38642,8 @@ const getStarterExtensions = () => {
     NodeResizer,
     CustomSelection,
     TextTransform,
-    VectorShape
+    VectorShape,
+    ShapeGroup
   ];
 };
 export {
@@ -38369,17 +38669,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
 };

package/dist/super-editor/chunks/{index-373DqHu6.js → index-C3nnrhrj.js}

@@ -1,4 +1,4 @@
-import { aA as getDefaultExportFromCjs } from "./converter-B86bAVY0.js";
+import { aA as getDefaultExportFromCjs } from "./converter-Z2aFlUnt.js";
 import { V as VFile } from "./index-CvBqQJbG.js";
 function bail(error) {
   if (error) {

package/dist/super-editor/chunks/{toolbar-D0NuB59d.js → toolbar-B5-PSkGu.js}

@@ -1,6 +1,6 @@
 import { computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, normalizeStyle, ref, withKeys, unref, withModifiers, createBlock, toDisplayString, withDirectives, vModelText, nextTick, getCurrentInstance, createVNode, readonly, watch, onMounted, onBeforeUnmount, reactive, onBeforeMount, inject, onActivated, onDeactivated, createTextVNode, Fragment, Comment, defineComponent, provide, h, Teleport, toRef, renderSlot, isVNode, shallowRef, watchEffect, mergeProps, Transition, vShow, cloneVNode, Text, renderList, withCtx } from "vue";
-import { p as process$1 } from "./converter-B86bAVY0.js";
-import { _ as _export_sfc, u as useHighContrastMode, g as global$1 } from "./editor-a9U6w_LW.js";
+import { p as process$1 } from "./converter-Z2aFlUnt.js";
+import { _ as _export_sfc, u as useHighContrastMode, g as global$1 } from "./editor-DCiWw1F7.js";
 const sanitizeNumber = (value, defaultNumber) => {
   let sanitized = value.replace(/[^0-9.]/g, "");
   sanitized = parseFloat(sanitized);

package/dist/super-editor/converter.es.js

@@ -1,4 +1,4 @@
-import { a5 } from "./chunks/converter-B86bAVY0.js";
+import { a5 } from "./chunks/converter-Z2aFlUnt.js";
 export {
   a5 as SuperConverter
 };

package/dist/super-editor/docx-zipper.es.js

@@ -1,5 +1,5 @@
-import "./chunks/converter-B86bAVY0.js";
-import { D } from "./chunks/docx-zipper-D1VjYtEw.js";
+import "./chunks/converter-Z2aFlUnt.js";
+import { D } from "./chunks/docx-zipper-DIZfYOpO.js";
 export {
   D as default
 };

package/dist/super-editor/editor.es.js

@@ -1,6 +1,6 @@
-import { E } from "./chunks/editor-a9U6w_LW.js";
-import "./chunks/converter-B86bAVY0.js";
-import "./chunks/docx-zipper-D1VjYtEw.js";
+import { E } from "./chunks/editor-DCiWw1F7.js";
+import "./chunks/converter-Z2aFlUnt.js";
+import "./chunks/docx-zipper-DIZfYOpO.js";
 export {
   E as Editor
 };