@harbour-enterprises/superdoc 0.29.0-next.13 → 0.29.0-next.15

package/dist/super-editor/chunks/{converter-C0Fd9g-U.js → converter-Bt0gPwYj.js}

@@ -28442,6 +28442,7 @@ function extractFillColor(spPr, style) {
 }
 const DRAWING_XML_TAG = "w:drawing";
 const SHAPE_URI = "http://schemas.microsoft.com/office/word/2010/wordprocessingShape";
+const GROUP_URI = "http://schemas.microsoft.com/office/word/2010/wordprocessingGroup";
 function handleImageNode(node, params, isAnchor) {
   const { docx, filename } = params;
   const { attributes } = node;
@@ -28559,7 +28560,7 @@ function handleImageNode(node, params, isAnchor) {
   const graphic = node.elements.find((el) => el.name === "a:graphic");
   const graphicData = graphic?.elements.find((el) => el.name === "a:graphicData");
   const { uri: uri2 } = graphicData?.attributes || {};
-  if (!!uri2 && uri2 === SHAPE_URI) {
+  if (uri2 === SHAPE_URI) {
     const shapeMarginOffset = {
       left: positionHValue,
       horizontal: positionHValue,
@@ -28567,6 +28568,14 @@ function handleImageNode(node, params, isAnchor) {
     };
     return handleShapeDrawing(params, node, graphicData, size, padding, shapeMarginOffset);
   }
+  if (uri2 === GROUP_URI) {
+    const shapeMarginOffset = {
+      left: positionHValue,
+      horizontal: positionHValue,
+      top: positionVValue
+    };
+    return handleShapeGroup(params, node, graphicData, size, padding, shapeMarginOffset);
+  }
   const picture = graphicData?.elements.find((el) => el.name === "pic:pic");
   if (!picture || !picture.elements) return null;
   const blipFill = picture.elements.find((el) => el.name === "pic:blipFill");
@@ -28656,6 +28665,114 @@ const handleShapeDrawing = (params, node, graphicData, size, padding, marginOffs
   }
   return buildShapePlaceholder(node, size, padding, marginOffset, "textbox");
 };
+const handleShapeGroup = (params, node, graphicData, size, padding, marginOffset) => {
+  const wgp = graphicData.elements.find((el) => el.name === "wpg:wgp");
+  if (!wgp) {
+    return buildShapePlaceholder(node, size, padding, marginOffset, "group");
+  }
+  const grpSpPr = wgp.elements.find((el) => el.name === "wpg:grpSpPr");
+  const xfrm = grpSpPr?.elements?.find((el) => el.name === "a:xfrm");
+  const groupTransform = {};
+  if (xfrm) {
+    const off = xfrm.elements?.find((el) => el.name === "a:off");
+    const ext = xfrm.elements?.find((el) => el.name === "a:ext");
+    const chOff = xfrm.elements?.find((el) => el.name === "a:chOff");
+    const chExt = xfrm.elements?.find((el) => el.name === "a:chExt");
+    if (off) {
+      groupTransform.x = emuToPixels(off.attributes?.["x"] || 0);
+      groupTransform.y = emuToPixels(off.attributes?.["y"] || 0);
+    }
+    if (ext) {
+      groupTransform.width = emuToPixels(ext.attributes?.["cx"] || 0);
+      groupTransform.height = emuToPixels(ext.attributes?.["cy"] || 0);
+    }
+    if (chOff) {
+      groupTransform.childX = emuToPixels(chOff.attributes?.["x"] || 0);
+      groupTransform.childY = emuToPixels(chOff.attributes?.["y"] || 0);
+      groupTransform.childOriginXEmu = parseFloat(chOff.attributes?.["x"] || 0);
+      groupTransform.childOriginYEmu = parseFloat(chOff.attributes?.["y"] || 0);
+    }
+    if (chExt) {
+      groupTransform.childWidth = emuToPixels(chExt.attributes?.["cx"] || 0);
+      groupTransform.childHeight = emuToPixels(chExt.attributes?.["cy"] || 0);
+    }
+  }
+  const childShapes = wgp.elements.filter((el) => el.name === "wps:wsp");
+  const shapes = childShapes.map((wsp) => {
+    const spPr = wsp.elements?.find((el) => el.name === "wps:spPr");
+    if (!spPr) return null;
+    const prstGeom = spPr.elements?.find((el) => el.name === "a:prstGeom");
+    const shapeKind = prstGeom?.attributes?.["prst"];
+    const shapeXfrm = spPr.elements?.find((el) => el.name === "a:xfrm");
+    const shapeOff = shapeXfrm?.elements?.find((el) => el.name === "a:off");
+    const shapeExt = shapeXfrm?.elements?.find((el) => el.name === "a:ext");
+    const rawX = shapeOff?.attributes?.["x"] ? parseFloat(shapeOff.attributes["x"]) : 0;
+    const rawY = shapeOff?.attributes?.["y"] ? parseFloat(shapeOff.attributes["y"]) : 0;
+    const rawWidth = shapeExt?.attributes?.["cx"] ? parseFloat(shapeExt.attributes["cx"]) : 914400;
+    const rawHeight = shapeExt?.attributes?.["cy"] ? parseFloat(shapeExt.attributes["cy"]) : 914400;
+    let x2, y2, width, height;
+    if (groupTransform.childWidth && groupTransform.childHeight) {
+      const scaleX = groupTransform.width / groupTransform.childWidth;
+      const scaleY = groupTransform.height / groupTransform.childHeight;
+      const childOriginX = groupTransform.childOriginXEmu || 0;
+      const childOriginY = groupTransform.childOriginYEmu || 0;
+      x2 = groupTransform.x + emuToPixels((rawX - childOriginX) * scaleX);
+      y2 = groupTransform.y + emuToPixels((rawY - childOriginY) * scaleY);
+      width = emuToPixels(rawWidth * scaleX);
+      height = emuToPixels(rawHeight * scaleY);
+    } else {
+      x2 = emuToPixels(rawX);
+      y2 = emuToPixels(rawY);
+      width = emuToPixels(rawWidth);
+      height = emuToPixels(rawHeight);
+    }
+    const rotation = shapeXfrm?.attributes?.["rot"] ? rotToDegrees(shapeXfrm.attributes["rot"]) : 0;
+    const flipH = shapeXfrm?.attributes?.["flipH"] === "1";
+    const flipV = shapeXfrm?.attributes?.["flipV"] === "1";
+    const style = wsp.elements?.find((el) => el.name === "wps:style");
+    const fillColor = extractFillColor(spPr, style);
+    const strokeColor = extractStrokeColor(spPr, style);
+    const strokeWidth = extractStrokeWidth(spPr);
+    const cNvPr = wsp.elements?.find((el) => el.name === "wps:cNvPr");
+    const shapeId = cNvPr?.attributes?.["id"];
+    const shapeName = cNvPr?.attributes?.["name"];
+    return {
+      shapeType: "vectorShape",
+      attrs: {
+        kind: shapeKind,
+        x: x2,
+        y: y2,
+        width,
+        height,
+        rotation,
+        flipH,
+        flipV,
+        fillColor,
+        strokeColor,
+        strokeWidth,
+        shapeId,
+        shapeName
+      }
+    };
+  }).filter(Boolean);
+  const schemaAttrs = {};
+  const drawingNode = params.nodes?.[0];
+  if (drawingNode?.name === DRAWING_XML_TAG) {
+    schemaAttrs.drawingContent = drawingNode;
+  }
+  const result = {
+    type: "shapeGroup",
+    attrs: {
+      ...schemaAttrs,
+      groupTransform,
+      shapes,
+      size,
+      padding,
+      marginOffset
+    }
+  };
+  return result;
+};
 const getRectangleShape = (params, node) => {
   const schemaAttrs = {};
   const [drawingNode] = params.nodes;
@@ -29098,6 +29215,30 @@ function translateVectorShape(params) {
   };
   return wrapTextInRun(alternateContent);
 }
+function translateShapeGroup(params) {
+  const { node } = params;
+  const { drawingContent } = node.attrs;
+  if (drawingContent) {
+    const drawing = {
+      name: "w:drawing",
+      elements: [...drawingContent.elements || []]
+    };
+    const choice = {
+      name: "mc:Choice",
+      attributes: { Requires: "wpg" },
+      elements: [drawing]
+    };
+    const alternateContent = {
+      name: "mc:AlternateContent",
+      elements: [choice]
+    };
+    return wrapTextInRun(alternateContent);
+  }
+  return wrapTextInRun({
+    name: "w:drawing",
+    elements: []
+  });
+}
 function translateAnchorNode(params) {
   const { attrs } = params.node;
   const anchorElements = [];
@@ -29261,11 +29402,11 @@ function translateAnchorNode(params) {
   };
 }
 const XML_NODE_NAME$f = "wp:anchor";
-const SD_NODE_NAME$c = ["image"];
+const SD_NODE_NAME$c = ["image", "shapeGroup", "vectorShape", "contentBlock"];
 const validXmlAttributes$a = ["distT", "distB", "distL", "distR"].map((xmlName) => createAttributeHandler(xmlName));
 function encode$l(params) {
   const { node } = params.extraParams;
-  if (!node || !node.type) {
+  if (!node || !node.name) {
     return null;
   }
   return handleAnchorNode(params);
@@ -29302,11 +29443,11 @@ function translateInlineNode(params) {
   };
 }
 const XML_NODE_NAME$e = "wp:inline";
-const SD_NODE_NAME$b = ["image"];
+const SD_NODE_NAME$b = ["image", "shapeGroup", "vectorShape", "contentBlock"];
 const validXmlAttributes$9 = ["distT", "distB", "distL", "distR"].map((xmlName) => createAttributeHandler(xmlName));
 function encode$k(params) {
   const { node } = params.extraParams;
-  if (!node || !node.type) {
+  if (!node || !node.name) {
     return null;
   }
   return handleInlineNode(params);
@@ -32727,6 +32868,7 @@ const bookmarkEndNodeHandlerEntity = {
 };
 const SUPPORTED_ALTERNATE_CONTENT_REQUIRES = /* @__PURE__ */ new Set([
   "wps",
+  "wpg",
   "wp14",
   "w14",
   "w15",
@@ -34662,6 +34804,7 @@ function exportSchemaToJson(params) {
     shapeTextbox: translator,
     contentBlock: translator,
     vectorShape: translateVectorShape,
+    shapeGroup: translateShapeGroup,
     structuredContent: translator$r,
     structuredContentBlock: translator$r,
     documentPartObject: translator$r,
@@ -35674,7 +35817,6 @@ const mergeRelationshipElements = (existingRelationships = [], newRelationships
     const currentId = attributes.Id || "";
     attributes.Target = attributes?.Target?.replace(/&/g, "&");
     const existingTarget = existingRelationships.find((el) => el.attributes.Target === attributes.Target);
-    attributes.Target?.startsWith("media/");
     const isNewHyperlink = attributes.Type === HYPERLINK_RELATIONSHIP_TYPE && currentId.length > 6;
     const isNewHeadFoot = (attributes.Type === HEADER_RELATIONSHIP_TYPE || attributes.Type === FOOTER_RELATIONSHIP_TYPE) && currentId.length > 6;
     const hasSeenId = currentId && seenIds.has(currentId);
@@ -35903,7 +36045,7 @@ const _SuperConverter = class _SuperConverter {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version = "0.29.0-next.13") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version = "0.29.0-next.15") {
     return _SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version, false);
   }
   /**

package/dist/super-editor/chunks/{docx-zipper-BqIh8tzQ.js → docx-zipper-JVCnlDBn.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-C0Fd9g-U.js";
+import { p as process$1, az as commonjsGlobal, B as Buffer, aA as getDefaultExportFromCjs, aB as getContentTypesFromXml, aC as xmljs } from "./converter-Bt0gPwYj.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-Dg538FVw.js → editor-BF7w_sd7.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-C0Fd9g-U.js";
-import { D as DocxZipper } from "./docx-zipper-BqIh8tzQ.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-Bt0gPwYj.js";
+import { D as DocxZipper } from "./docx-zipper-JVCnlDBn.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() {
@@ -15072,7 +15072,7 @@ const _Editor = class _Editor extends EventEmitter {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      import("./index-p_HoYQ4L.js"),
+      import("./index-x0B8ORNX.js"),
       import("./index-DRCvimau.js"),
       import("./index-C_x_N6Uh.js"),
       import("./index-D_sWOSiG.js"),
@@ -15290,7 +15290,7 @@ const _Editor = class _Editor extends EventEmitter {
    * @returns {Object | void} Migration results
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.29.0-next.13");
+    console.debug("[checkVersionMigrations] Current editor version", "0.29.0-next.15");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -31470,6 +31470,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, groupTransform) {
+    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() {
@@ -37710,6 +37959,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 +37968,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);
@@ -37769,7 +38019,6 @@ function mapIndexWithinNode(node, start2, index2) {
   }
   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) {
@@ -38367,7 +38616,8 @@ const getStarterExtensions = () => {
     NodeResizer,
     CustomSelection,
     TextTransform,
-    VectorShape
+    VectorShape,
+    ShapeGroup
   ];
 };
 export {

package/dist/super-editor/chunks/{index-p_HoYQ4L.js → index-x0B8ORNX.js}

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

package/dist/super-editor/chunks/{toolbar-Des2y7IP.js → toolbar-CI9lB3KI.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-C0Fd9g-U.js";
-import { _ as _export_sfc, u as useHighContrastMode, g as global$1 } from "./editor-Dg538FVw.js";
+import { p as process$1 } from "./converter-Bt0gPwYj.js";
+import { _ as _export_sfc, u as useHighContrastMode, g as global$1 } from "./editor-BF7w_sd7.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-C0Fd9g-U.js";
+import { a5 } from "./chunks/converter-Bt0gPwYj.js";
 export {
   a5 as SuperConverter
 };

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

@@ -1,5 +1,5 @@
-import "./chunks/converter-C0Fd9g-U.js";
-import { D } from "./chunks/docx-zipper-BqIh8tzQ.js";
+import "./chunks/converter-Bt0gPwYj.js";
+import { D } from "./chunks/docx-zipper-JVCnlDBn.js";
 export {
   D as default
 };

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

@@ -1,6 +1,6 @@
-import { E } from "./chunks/editor-Dg538FVw.js";
-import "./chunks/converter-C0Fd9g-U.js";
-import "./chunks/docx-zipper-BqIh8tzQ.js";
+import { E } from "./chunks/editor-BF7w_sd7.js";
+import "./chunks/converter-Bt0gPwYj.js";
+import "./chunks/docx-zipper-JVCnlDBn.js";
 export {
   E as Editor
 };

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

@@ -1,4 +1,4 @@
-import { J as JSZip } from "./chunks/docx-zipper-BqIh8tzQ.js";
+import { J as JSZip } from "./chunks/docx-zipper-JVCnlDBn.js";
 async function createZip(blobs, fileNames) {
   const zip = new JSZip();
   blobs.forEach((blob, index) => {