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

package/dist/chunks/{PdfViewer-DOihIaKT.cjs → PdfViewer-B7X4xur3.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("./vue-BQxRC6G7.cjs");
-const superdoc = require("./index-Bky221GX.cjs");
+const superdoc = require("./index-CCVmXx2r.cjs");
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-BkHpL2td.es.js → PdfViewer-BL9hLN-A.es.js}

@@ -1,5 +1,5 @@
 import { m as defineComponent, y as h, O as Transition, $ as process$1, J as watchEffect, a as computed, r as ref, j as onMounted, W as onUnmounted, b as createElementBlock, o as openBlock, f as createBaseVNode, e as createCommentVNode, v as createVNode, x as unref } from "./vue-D1vcEBAQ.es.js";
-import { d as derived, c, a as cB, f as fadeInTransition, b as cM, N as NBaseLoading, w as warnOnce, u as useConfig, e as useTheme, p as pxfy, g as createKey, h as useThemeClass, i as useCompitable, _ as _export_sfc, j as useSuperdocStore, s as storeToRefs, k as useSelection } from "./index-BG7aufxd.es.js";
+import { d as derived, c, a as cB, f as fadeInTransition, b as cM, N as NBaseLoading, w as warnOnce, u as useConfig, e as useTheme, p as pxfy, g as createKey, h as useThemeClass, i as useCompitable, _ as _export_sfc, j as useSuperdocStore, s as storeToRefs, k as useSelection } from "./index-CCTDIDk7.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{index-BG7aufxd.es.js → index-CCTDIDk7.es.js}

@@ -1,4 +1,4 @@
-import { q as index, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-vCpzMs9V.es.js";
+import { q as index, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-LUVoGFZl.es.js";
 import { B as BlankDOCX } from "./blank-docx-ABm6XYAA.es.js";
 import { E as EventEmitter } from "./eventemitter3-D4gv5QOO.es.js";
 import { HocuspocusProvider, HocuspocusProviderWebsocket } from "@hocuspocus/provider";
@@ -17201,7 +17201,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-BkHpL2td.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-BL9hLN-A.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -17965,7 +17965,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "0.29.0-next.13";
+    this.version = "0.29.0-next.15";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-Bky221GX.cjs → index-CCVmXx2r.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-DA-FFY2A.cjs");
+const superEditor_es = require("./super-editor.es-BkV-6f5K.cjs");
 const blankDocx = require("./blank-docx-DfW3Eeh2.cjs");
 const eventemitter3 = require("./eventemitter3-BvTILlBo.cjs");
 const provider = require("@hocuspocus/provider");
@@ -17218,7 +17218,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-DOihIaKT.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-B7X4xur3.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -17982,7 +17982,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "0.29.0-next.13";
+    this.version = "0.29.0-next.15";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-p_HoYQ4L-YNisXWt0.es.js → index-x0B8ORNX--SLHZ7wS.es.js}

@@ -1,4 +1,4 @@
-import { s as getDefaultExportFromCjs$2 } from "./super-editor.es-vCpzMs9V.es.js";
+import { s as getDefaultExportFromCjs$2 } from "./super-editor.es-LUVoGFZl.es.js";
 import { V as VFile } from "./index-CvBqQJbG-CvBqQJbG.es.js";
 function bail(error) {
   if (error) {

package/dist/chunks/{index-p_HoYQ4L-BvUq1_h3.cjs → index-x0B8ORNX-D9kjqjf9.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./super-editor.es-DA-FFY2A.cjs");
+const superEditor_es = require("./super-editor.es-BkV-6f5K.cjs");
 const indexCvBqQJbG = require("./index-CvBqQJbG-Dwm0THD7.cjs");
 function bail(error) {
   if (error) {

package/dist/chunks/{super-editor.es-DA-FFY2A.cjs → super-editor.es-BkV-6f5K.cjs}

@@ -28453,6 +28453,7 @@ function extractFillColor(spPr, style2) {
 }
 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, params2, isAnchor) {
   const { docx, filename } = params2;
   const { attributes } = node;
@@ -28570,7 +28571,7 @@ function handleImageNode(node, params2, 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,
@@ -28578,6 +28579,14 @@ function handleImageNode(node, params2, isAnchor) {
     };
     return handleShapeDrawing(params2, node, graphicData, size2, padding, shapeMarginOffset);
   }
+  if (uri2 === GROUP_URI) {
+    const shapeMarginOffset = {
+      left: positionHValue,
+      horizontal: positionHValue,
+      top: positionVValue
+    };
+    return handleShapeGroup(params2, node, graphicData, size2, 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");
@@ -28667,6 +28676,114 @@ const handleShapeDrawing = (params2, node, graphicData, size2, padding, marginOf
   }
   return buildShapePlaceholder(node, size2, padding, marginOffset, "textbox");
 };
+const handleShapeGroup = (params2, node, graphicData, size2, padding, marginOffset) => {
+  const wgp = graphicData.elements.find((el) => el.name === "wpg:wgp");
+  if (!wgp) {
+    return buildShapePlaceholder(node, size2, 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 off2 = 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 (off2) {
+      groupTransform.x = emuToPixels(off2.attributes?.["x"] || 0);
+      groupTransform.y = emuToPixels(off2.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 style2 = wsp.elements?.find((el) => el.name === "wps:style");
+    const fillColor = extractFillColor(spPr, style2);
+    const strokeColor = extractStrokeColor(spPr, style2);
+    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 = params2.nodes?.[0];
+  if (drawingNode?.name === DRAWING_XML_TAG) {
+    schemaAttrs.drawingContent = drawingNode;
+  }
+  const result = {
+    type: "shapeGroup",
+    attrs: {
+      ...schemaAttrs,
+      groupTransform,
+      shapes,
+      size: size2,
+      padding,
+      marginOffset
+    }
+  };
+  return result;
+};
 const getRectangleShape = (params2, node) => {
   const schemaAttrs = {};
   const [drawingNode] = params2.nodes;
@@ -29109,6 +29226,30 @@ function translateVectorShape(params2) {
   };
   return wrapTextInRun(alternateContent);
 }
+function translateShapeGroup(params2) {
+  const { node } = params2;
+  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(params2) {
   const { attrs } = params2.node;
   const anchorElements = [];
@@ -29272,11 +29413,11 @@ function translateAnchorNode(params2) {
   };
 }
 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(params2) {
   const { node } = params2.extraParams;
-  if (!node || !node.type) {
+  if (!node || !node.name) {
     return null;
   }
   return handleAnchorNode(params2);
@@ -29313,11 +29454,11 @@ function translateInlineNode(params2) {
   };
 }
 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(params2) {
   const { node } = params2.extraParams;
-  if (!node || !node.type) {
+  if (!node || !node.name) {
     return null;
   }
   return handleInlineNode(params2);
@@ -32738,6 +32879,7 @@ const bookmarkEndNodeHandlerEntity = {
 };
 const SUPPORTED_ALTERNATE_CONTENT_REQUIRES = /* @__PURE__ */ new Set([
   "wps",
+  "wpg",
   "wp14",
   "w14",
   "w15",
@@ -34398,6 +34540,7 @@ function exportSchemaToJson(params2) {
     shapeTextbox: translator,
     contentBlock: translator,
     vectorShape: translateVectorShape,
+    shapeGroup: translateShapeGroup,
     structuredContent: translator$r,
     structuredContentBlock: translator$r,
     documentPartObject: translator$r,
@@ -35410,7 +35553,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);
@@ -35639,7 +35781,7 @@ const _SuperConverter = class _SuperConverter2 {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "0.29.0-next.13") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "0.29.0-next.15") {
     return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
   }
   /**
@@ -53828,7 +53970,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      Promise.resolve().then(() => require("./index-p_HoYQ4L-BvUq1_h3.cjs")),
+      Promise.resolve().then(() => require("./index-x0B8ORNX-D9kjqjf9.cjs")),
       Promise.resolve().then(() => require("./index-DRCvimau-H4Ck3S9a.cjs")),
       Promise.resolve().then(() => require("./index-C_x_N6Uh-Db3CUJMX.cjs")),
       Promise.resolve().then(() => require("./index-D_sWOSiG-BtDZzJ6I.cjs")),
@@ -54046,7 +54188,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * @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");
@@ -70105,6 +70247,255 @@ const VectorShape = Node$1.create({
     };
   }
 });
+class ShapeGroupView {
+  constructor(props) {
+    __publicField$1(this, "node");
+    __publicField$1(this, "view");
+    __publicField$1(this, "getPos");
+    __publicField$1(this, "decorations");
+    __publicField$1(this, "innerDecorations");
+    __publicField$1(this, "editor");
+    __publicField$1(this, "extension");
+    __publicField$1(this, "htmlAttributes");
+    __publicField$1(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: size2 } = attrs;
+    const container = document.createElement("div");
+    container.classList.add("sd-shape-group");
+    container.setAttribute("data-shape-group", "");
+    const width = size2?.width || groupTransform?.width || 300;
+    const height = size2?.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 x2 = attrs.x || 0;
+    const y2 = 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(${x2}, ${y2})`);
+    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", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes, { "data-shape-group": "" })];
+  },
+  addNodeView() {
+    return (props) => {
+      return new ShapeGroupView({ ...props });
+    };
+  }
+});
 const TextStyle = Mark2.create({
   name: "textStyle",
   addOptions() {
@@ -76345,6 +76736,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;
@@ -76353,7 +76745,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);
@@ -76404,7 +76796,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) {
@@ -77002,7 +77393,8 @@ const getStarterExtensions = () => {
     NodeResizer,
     CustomSelection,
     TextTransform,
-    VectorShape
+    VectorShape,
+    ShapeGroup
   ];
 };
 const sanitizeNumber = (value, defaultNumber) => {