wordinweb 0.1.11 → 0.1.12

package/dist/index.js

@@ -4124,7 +4124,17 @@ function parseDrawing(drawing, ctx) {
       const modelRel = modelRelId ? ctx.rels.get(modelRelId) : void 0;
       if (rel && !rel.external) {
         if (modelRel && !modelRel.external) {
-          model3D = { part: modelRel.target, posterPart: rel.target };
+          const rot = child(child(el16, "trans"), "rot");
+          const rotation = {
+            x: (intAttr(rot, "ax") ?? 0) / 6e4,
+            y: (intAttr(rot, "ay") ?? 0) / 6e4,
+            z: (intAttr(rot, "az") ?? 0) / 6e4
+          };
+          model3D = {
+            part: modelRel.target,
+            posterPart: rel.target,
+            ...rotation.x || rotation.y || rotation.z ? { rotation } : {}
+          };
         }
         const xfrm = path(el16, "spPr", "xfrm");
         const off = child(xfrm, "off");
@@ -18073,7 +18083,7 @@ function renderPage(doc, page, zoom, urls, options, bindings, grips, images, dra
       continue;
     }
     if (item.kind === "drawingHit" && !options.interactive) continue;
-    const node = renderItem(doc, item, urls);
+    const node = renderItem(doc, item, urls, options.interactive === true);
     if (node) {
       node.dataset.dxwItemKind = item.kind;
       if ((item.kind === "rect" || item.kind === "edge") && item.role) {
@@ -18593,7 +18603,7 @@ function setItemLayer(element, item, frontLayer = 1) {
   else if (item.z !== void 0) element.style.zIndex = String(item.z);
   else if (item.front) element.style.zIndex = String(frontLayer);
 }
-function renderItem(doc, item, urls) {
+function renderItem(doc, item, urls, interactive) {
   switch (item.kind) {
     case "rect": {
       const el16 = document.createElement("div");
@@ -18836,6 +18846,83 @@ function renderItem(doc, item, urls) {
         img.style.width = `${item.width}px`;
         img.style.height = `${item.height}px`;
       }
+      if (item.model3D && interactive) {
+        const modelBytes = doc.media(item.model3D.part);
+        if (modelBytes) {
+          const modelUrl = docMediaUrl(doc, item.model3D.part, () => {
+            const buffer = modelBytes.buffer.slice(
+              modelBytes.byteOffset,
+              modelBytes.byteOffset + modelBytes.byteLength
+            );
+            return URL.createObjectURL(new Blob([buffer], { type: "model/gltf-binary" }));
+          });
+          const frame = document.createElement("div");
+          frame.appendChild(node);
+          const viewer = document.createElement("model-viewer");
+          viewer.dataset.dxwModel3dViewer = "1";
+          viewer.setAttribute("src", modelUrl);
+          viewer.setAttribute("poster", img.src);
+          viewer.setAttribute("alt", "3D model");
+          viewer.setAttribute("loading", "eager");
+          viewer.setAttribute("interaction-prompt", "none");
+          viewer.style.cssText = "position:absolute;inset:0;width:100%;height:100%;background:transparent;cursor:grab;touch-action:none;";
+          let rotation = { x: 0, y: 0, z: 0, ...item.model3D.rotation };
+          const orient = () => {
+            viewer.setAttribute("orientation", `${rotation.z}deg ${rotation.x}deg ${rotation.y}deg`);
+          };
+          orient();
+          let pointerId = null;
+          let startX = 0;
+          let startY = 0;
+          let startRotation = rotation;
+          let moved = false;
+          viewer.addEventListener("pointerdown", (event) => {
+            if (event.button !== 0) return;
+            event.preventDefault();
+            event.stopPropagation();
+            pointerId = event.pointerId;
+            startX = event.clientX;
+            startY = event.clientY;
+            startRotation = rotation;
+            moved = false;
+            viewer.setPointerCapture(event.pointerId);
+            viewer.style.cursor = "grabbing";
+          });
+          viewer.addEventListener("pointermove", (event) => {
+            if (pointerId !== event.pointerId) return;
+            const dx = event.clientX - startX;
+            const dy = event.clientY - startY;
+            if (!moved && Math.hypot(dx, dy) < 2) return;
+            moved = true;
+            rotation = {
+              x: startRotation.x + dy * 0.5,
+              y: startRotation.y + dx * 0.5,
+              z: startRotation.z
+            };
+            orient();
+          });
+          const finish = (event, commit) => {
+            if (pointerId !== event.pointerId) return;
+            if (viewer.hasPointerCapture(event.pointerId)) viewer.releasePointerCapture(event.pointerId);
+            pointerId = null;
+            viewer.style.cursor = "grab";
+            if (!moved) return;
+            if (!commit) {
+              rotation = startRotation;
+              orient();
+              return;
+            }
+            viewer.dispatchEvent(new CustomEvent("dxw-model3d-rotate", {
+              bubbles: true,
+              detail: rotation
+            }));
+          };
+          viewer.addEventListener("pointerup", (event) => finish(event, true));
+          viewer.addEventListener("pointercancel", (event) => finish(event, false));
+          frame.appendChild(viewer);
+          node = frame;
+        }
+      }
       node.style.position = "absolute";
       node.style.left = `${item.x}px`;
       node.style.top = `${item.y}px`;
@@ -22190,6 +22277,253 @@ function requestTextInputDialog(anchor, options) {
   });
 }
 
+// ../core/src/edit/objects.ts
+var EMU_PER_PX6 = 9525;
+var NS_WP5 = "http://schemas.openxmlformats.org/drawingml/2006/wordprocessingDrawing";
+var NS_A4 = "http://schemas.openxmlformats.org/drawingml/2006/main";
+var NS_PIC2 = "http://schemas.openxmlformats.org/drawingml/2006/picture";
+var NS_R3 = "http://schemas.openxmlformats.org/officeDocument/2006/relationships";
+var NS_MC = "http://schemas.openxmlformats.org/markup-compatibility/2006";
+var NS_AM3D = "http://schemas.microsoft.com/office/drawing/2017/model3d";
+var NS_WP15 = "http://schemas.microsoft.com/office/word/2012/wordprocessingDrawing";
+function el8(name, attrs = {}, children2 = [], text = "") {
+  return { name, attrs, children: children2, text };
+}
+function prefixOf9(node) {
+  return node.name.includes(":") ? node.name.slice(0, node.name.indexOf(":") + 1) : "";
+}
+function insertAfterCaretRun(doc, caretT, content) {
+  const caretRun = doc.findParentOf(caretT);
+  const parent = caretRun && doc.findParentOf(caretRun);
+  if (!caretRun || !parent || localName(caretRun.name) !== "r") return false;
+  const w = prefixOf9(caretRun);
+  parent.children.splice(parent.children.indexOf(caretRun) + 1, 0, el8(`${w}r`, {}, [content]));
+  doc.refresh();
+  return true;
+}
+function pictureGraphic(relId, id, cx, cy, webVideo) {
+  const blipChildren = webVideo ? [
+    el8("a:extLst", {}, [
+      el8("a:ext", { uri: "{9E29B28B-C9C2-4B96-BA92-6C9A3D8F4A6A}" }, [
+        el8("wp15:webVideoPr", {
+          "xmlns:wp15": NS_WP15,
+          embeddedHtml: webVideo,
+          w: "640",
+          h: "360"
+        })
+      ])
+    ])
+  ] : [];
+  return el8("a:graphic", { "xmlns:a": NS_A4 }, [
+    el8("a:graphicData", { uri: NS_PIC2 }, [
+      el8("pic:pic", { "xmlns:pic": NS_PIC2 }, [
+        el8("pic:nvPicPr", {}, [
+          el8("pic:cNvPr", { id, name: `Picture ${id}` }),
+          el8("pic:cNvPicPr", {}, [el8("a:picLocks", { noChangeAspect: "1" })])
+        ]),
+        el8("pic:blipFill", {}, [
+          el8("a:blip", { "xmlns:r": NS_R3, "r:embed": relId }, blipChildren),
+          el8("a:stretch", {}, [el8("a:fillRect")])
+        ]),
+        el8("pic:spPr", {}, [
+          el8("a:xfrm", {}, [el8("a:off", { x: "0", y: "0" }), el8("a:ext", { cx, cy })]),
+          el8("a:prstGeom", { prst: "rect" }, [el8("a:avLst")])
+        ])
+      ])
+    ])
+  ]);
+}
+function inlineDrawing(id, name, descr, cx, cy, graphic) {
+  return el8("w:drawing", {}, [
+    el8("wp:inline", { "xmlns:wp": NS_WP5, distT: "0", distB: "0", distL: "0", distR: "0" }, [
+      el8("wp:extent", { cx, cy }),
+      el8("wp:effectExtent", { l: "0", t: "0", r: "0", b: "0" }),
+      el8("wp:docPr", { id, name, descr }),
+      el8("wp:cNvGraphicFramePr", {}, [el8("a:graphicFrameLocks", { "xmlns:a": NS_A4, noChangeAspect: "1" })]),
+      graphic
+    ])
+  ]);
+}
+function insertModel3DAt(doc, caretT, input) {
+  const posterRelId = doc.addImageResource(input.poster, input.posterExt ?? "png");
+  const model = doc.addModel3DResource(input.data);
+  const id = String(doc.nextDrawingId());
+  const width = 320;
+  const height = 220;
+  const cx = String(width * EMU_PER_PX6);
+  const cy = String(height * EMU_PER_PX6);
+  const modelGraphic = el8("a:graphic", { "xmlns:a": NS_A4 }, [
+    el8("a:graphicData", { uri: NS_AM3D }, [
+      el8("am3d:model3d", { "xmlns:am3d": NS_AM3D, "xmlns:r": NS_R3, "r:embed": model.relId }, [
+        el8("am3d:spPr", {}, [
+          el8("a:xfrm", {}, [el8("a:off", { x: "0", y: "0" }), el8("a:ext", { cx, cy })]),
+          el8("a:prstGeom", { prst: "rect" }, [el8("a:avLst")])
+        ]),
+        el8("am3d:camera", {}, [
+          el8("am3d:pos", { x: "0", y: "0", z: "77741944" }),
+          el8("am3d:up", { dx: "0", dy: "36000000", dz: "0" }),
+          el8("am3d:lookAt", { x: "0", y: "0", z: "0" }),
+          el8("am3d:perspective", { fov: "2700000" })
+        ]),
+        el8("am3d:trans", {}, [
+          el8("am3d:meterPerModelUnit", { n: "1", d: "1" }),
+          el8("am3d:preTrans", { dx: "0", dy: "0", dz: "0" }),
+          el8("am3d:scale", {}, [
+            el8("am3d:sx", { n: "1000000", d: "1000000" }),
+            el8("am3d:sy", { n: "1000000", d: "1000000" }),
+            el8("am3d:sz", { n: "1000000", d: "1000000" })
+          ]),
+          el8("am3d:rot", { ax: "0", ay: "0", az: "0" }),
+          el8("am3d:postTrans", { dx: "0", dy: "0", dz: "0" })
+        ]),
+        el8("am3d:raster", { rName: "Office3DRenderer", rVer: "16.0" }, [
+          el8("am3d:blip", { "r:embed": posterRelId })
+        ]),
+        el8("am3d:objViewport", { viewportSz: cx }),
+        el8("am3d:ambientLight", {}, [
+          el8("am3d:clr", {}, [el8("a:scrgbClr", { r: "50000", g: "50000", b: "50000" })]),
+          el8("am3d:illuminance", { n: "500000", d: "1000000" })
+        ]),
+        el8("am3d:ptLight", { rad: "0" }, [
+          el8("am3d:clr", {}, [el8("a:scrgbClr", { r: "100000", g: "100000", b: "100000" })]),
+          el8("am3d:intensity", { n: "1000000", d: "1000000" }),
+          el8("am3d:pos", { x: "30000000", y: "50000000", z: "50000000" })
+        ])
+      ])
+    ])
+  ]);
+  const alt = input.alt ?? "3D model";
+  const choice = inlineDrawing(id, `3D Model ${id}`, alt, cx, cy, modelGraphic);
+  const fallback = inlineDrawing(id, `3D Model ${id}`, alt, cx, cy, pictureGraphic(posterRelId, id, cx, cy));
+  const alternate = el8("mc:AlternateContent", { "xmlns:mc": NS_MC }, [
+    el8("mc:Choice", { Requires: "am3d", "xmlns:am3d": NS_AM3D }, [choice]),
+    el8("mc:Fallback", {}, [fallback])
+  ]);
+  return insertAfterCaretRun(doc, caretT, alternate);
+}
+function setModel3DRotation(doc, drawingEl, rotation) {
+  let model;
+  const visit = (node) => {
+    if (model) return;
+    if (localName(node.name) === "model3d") model = node;
+    else for (const child4 of node.children) visit(child4);
+  };
+  visit(drawingEl);
+  if (!model) return false;
+  const trans = model.children.find((child4) => localName(child4.name) === "trans");
+  if (!trans) return false;
+  let rot = trans.children.find((child4) => localName(child4.name) === "rot");
+  if (!rot) {
+    rot = el8("am3d:rot");
+    const post = trans.children.findIndex((child4) => localName(child4.name) === "postTrans");
+    trans.children.splice(post === -1 ? trans.children.length : post, 0, rot);
+  }
+  const angle = (degrees) => {
+    const normalized = (degrees % 360 + 360) % 360;
+    return String(Math.round(normalized * 6e4));
+  };
+  rot.attrs.ax = angle(rotation.x);
+  rot.attrs.ay = angle(rotation.y);
+  rot.attrs.az = angle(rotation.z);
+  doc.refresh();
+  return true;
+}
+function normalizeWebVideoUrl(value) {
+  try {
+    const url = new URL(value.trim());
+    if (url.protocol !== "http:" && url.protocol !== "https:") return null;
+    if (url.hostname === "youtu.be") return `https://www.youtube.com/embed/${url.pathname.slice(1)}`;
+    if (url.hostname.endsWith("youtube.com") && url.pathname === "/watch") {
+      const id = url.searchParams.get("v");
+      if (id) return `https://www.youtube.com/embed/${id}`;
+    }
+    if (url.hostname.endsWith("vimeo.com") && /^\/\d+\/?$/.test(url.pathname)) {
+      return `https://player.vimeo.com/video/${url.pathname.replace(/\//g, "")}`;
+    }
+    return url.href;
+  } catch {
+    return null;
+  }
+}
+function insertWebVideoAt(doc, caretT, input) {
+  const url = normalizeWebVideoUrl(input.url);
+  if (!url) return false;
+  const posterRelId = doc.addImageResource(input.poster, input.posterExt ?? "png");
+  const width = input.width ?? 320;
+  const height = input.height ?? 180;
+  const cx = String(Math.round(width * EMU_PER_PX6));
+  const cy = String(Math.round(height * EMU_PER_PX6));
+  const id = String(doc.nextDrawingId());
+  const embeddedHtml = `<iframe width="640" height="360" src="${url}" frameborder="0" allowfullscreen=""></iframe>`;
+  return insertAfterCaretRun(
+    doc,
+    caretT,
+    inlineDrawing(id, `Online Video ${id}`, url, cx, cy, pictureGraphic(posterRelId, id, cx, cy, embeddedHtml))
+  );
+}
+function insertEmbeddedObjectAt(doc, caretT, input) {
+  const posterRelId = doc.addImageResource(input.poster, input.posterExt ?? "png");
+  const wordDocument = input.filename.toLowerCase().endsWith(".docx");
+  const object = wordDocument ? doc.addEmbeddedWordDocumentResource(input.data) : doc.addEmbeddedObjectResource(buildOlePackage(input.data, input.filename));
+  const id = String(doc.nextDrawingId());
+  const vmlId = 1024 + Number(id);
+  const shapeTypeId = `_x0000_t${vmlId}`;
+  const shapeId = `_x0000_i${vmlId}`;
+  const width = 320;
+  const height = 180;
+  const objectEl = el8("w:object", {
+    "xmlns:w": "http://schemas.openxmlformats.org/wordprocessingml/2006/main",
+    "xmlns:v": "urn:schemas-microsoft-com:vml",
+    "xmlns:o": "urn:schemas-microsoft-com:office:office",
+    "xmlns:r": NS_R3,
+    "w:dxaOrig": String(width * 15),
+    "w:dyaOrig": String(height * 15)
+  }, [
+    el8("v:shapetype", {
+      id: shapeTypeId,
+      coordsize: "21600,21600",
+      "o:spt": "75",
+      "o:preferrelative": "t",
+      path: "m@4@5l@4@11@9@11@9@5xe",
+      filled: "f",
+      stroked: "f"
+    }, [
+      el8("v:stroke", { joinstyle: "miter" }),
+      el8("v:formulas", {}, [
+        el8("v:f", { eqn: "if lineDrawn pixelLineWidth 0" }),
+        el8("v:f", { eqn: "sum @0 1 0" }),
+        el8("v:f", { eqn: "sum 0 0 @1" }),
+        el8("v:f", { eqn: "prod @2 1 2" }),
+        el8("v:f", { eqn: "prod @3 21600 pixelWidth" }),
+        el8("v:f", { eqn: "prod @3 21600 pixelHeight" }),
+        el8("v:f", { eqn: "sum @0 0 1" }),
+        el8("v:f", { eqn: "prod @6 1 2" }),
+        el8("v:f", { eqn: "prod @7 21600 pixelWidth" }),
+        el8("v:f", { eqn: "sum @8 21600 0" }),
+        el8("v:f", { eqn: "prod @7 21600 pixelHeight" }),
+        el8("v:f", { eqn: "sum @10 21600 0" })
+      ]),
+      el8("v:path", { "o:extrusionok": "f", gradientshapeok: "t", "o:connecttype": "rect" }),
+      el8("o:lock", { "v:ext": "edit", aspectratio: "t" })
+    ]),
+    el8("v:shape", {
+      id: shapeId,
+      type: `#${shapeTypeId}`,
+      style: `width:${width * 0.75}pt;height:${height * 0.75}pt`,
+      "o:ole": ""
+    }, [el8("v:imagedata", { "r:id": posterRelId, "o:title": input.filename })]),
+    el8("o:OLEObject", {
+      Type: "Embed",
+      ProgID: wordDocument ? "Word.Document.12" : "Package",
+      ShapeID: shapeId,
+      DrawAspect: "Content",
+      ObjectID: `_${1e9 + Number(id)}`,
+      "r:id": object.relId
+    }, wordDocument ? [el8("o:FieldCodes", {}, [], "\\s")] : [])
+  ]);
+  return insertAfterCaretRun(doc, caretT, objectEl);
+}
+
 // ../core/src/edit/grapheme.ts
 var segmenter = null;
 var segmenterTried = false;
@@ -22231,8 +22565,8 @@ function graphemeStep(text, offset, delta) {
 }
 
 // ../core/src/edit/clipboard.ts
-var el8 = (name, attrs = {}, children2 = [], text = "") => ({ name, attrs, children: children2, text });
-var prefixOf9 = (node) => node.name.includes(":") ? node.name.slice(0, node.name.indexOf(":") + 1) : "";
+var el9 = (name, attrs = {}, children2 = [], text = "") => ({ name, attrs, children: children2, text });
+var prefixOf10 = (node) => node.name.includes(":") ? node.name.slice(0, node.name.indexOf(":") + 1) : "";
 function colorValue(value) {
   if (!value) return void 0;
   const hex = value.match(/^#([0-9a-f]{6})$/i);
@@ -22243,7 +22577,7 @@ function colorValue(value) {
 }
 function runPropsXml(w, props) {
   const children2 = [];
-  const add = (name, attrs = {}) => children2.push(el8(`${w}${name}`, attrs));
+  const add = (name, attrs = {}) => children2.push(el9(`${w}${name}`, attrs));
   if (props.bold) add("b");
   if (props.italic) add("i");
   if (props.underline && props.underline !== "none") add("u", { [`${w}val`]: props.underline });
@@ -22264,10 +22598,10 @@ function runPropsXml(w, props) {
   if (props.verticalAlign && props.verticalAlign !== "baseline") {
     add("vertAlign", { [`${w}val`]: props.verticalAlign });
   }
-  return children2.length ? el8(`${w}rPr`, {}, children2) : null;
+  return children2.length ? el9(`${w}rPr`, {}, children2) : null;
 }
 function paragraphFragment(paragraph, segments) {
-  const w = prefixOf9(paragraph);
+  const w = prefixOf10(paragraph);
   const children2 = [];
   const pPr = child(paragraph, "pPr");
   if (pPr) {
@@ -22288,9 +22622,9 @@ function paragraphFragment(paragraph, segments) {
         const text = node.text.slice(segment.start, segment.end);
         if (!text) continue;
         const rPr = runPropsXml(w, segment.props);
-        children2.push(el8(`${w}r`, {}, [
+        children2.push(el9(`${w}r`, {}, [
           ...rPr ? [rPr] : [],
-          el8(`${w}t`, { "xml:space": "preserve" }, [], text)
+          el9(`${w}t`, { "xml:space": "preserve" }, [], text)
         ]));
       }
       return;
@@ -22298,7 +22632,7 @@ function paragraphFragment(paragraph, segments) {
     for (const childNode of node.children) visit(childNode);
   };
   visit(paragraph);
-  return el8(paragraph.name, { ...paragraph.attrs }, children2);
+  return el9(paragraph.name, { ...paragraph.attrs }, children2);
 }
 function trimTable(source, copy, selected) {
   if (localName(source.name) === "t") {
@@ -22367,65 +22701,65 @@ function htmlStyle(node, inherited) {
 }
 function htmlRPr(w, style) {
   const children2 = [];
-  if (style.bold) children2.push(el8(`${w}b`));
-  if (style.italic) children2.push(el8(`${w}i`));
-  if (style.underline) children2.push(el8(`${w}u`, { [`${w}val`]: "single" }));
-  if (style.strike) children2.push(el8(`${w}strike`));
-  if (style.color) children2.push(el8(`${w}color`, { [`${w}val`]: style.color }));
-  if (style.font) children2.push(el8(`${w}rFonts`, { [`${w}ascii`]: style.font, [`${w}hAnsi`]: style.font }));
-  if (style.sizeHalfPoints) children2.push(el8(`${w}sz`, { [`${w}val`]: String(style.sizeHalfPoints) }));
-  return children2.length ? el8(`${w}rPr`, {}, children2) : null;
+  if (style.bold) children2.push(el9(`${w}b`));
+  if (style.italic) children2.push(el9(`${w}i`));
+  if (style.underline) children2.push(el9(`${w}u`, { [`${w}val`]: "single" }));
+  if (style.strike) children2.push(el9(`${w}strike`));
+  if (style.color) children2.push(el9(`${w}color`, { [`${w}val`]: style.color }));
+  if (style.font) children2.push(el9(`${w}rFonts`, { [`${w}ascii`]: style.font, [`${w}hAnsi`]: style.font }));
+  if (style.sizeHalfPoints) children2.push(el9(`${w}sz`, { [`${w}val`]: String(style.sizeHalfPoints) }));
+  return children2.length ? el9(`${w}rPr`, {}, children2) : null;
 }
 function inlineRuns(node, w, inherited = {}) {
   if (node.nodeType === Node.TEXT_NODE) {
     const text = node.textContent?.replace(/\s+/g, " ") ?? "";
     if (!text) return [];
     const rPr = htmlRPr(w, inherited);
-    return [el8(`${w}r`, {}, [...rPr ? [rPr] : [], el8(`${w}t`, { "xml:space": "preserve" }, [], text)])];
+    return [el9(`${w}r`, {}, [...rPr ? [rPr] : [], el9(`${w}t`, { "xml:space": "preserve" }, [], text)])];
   }
   if (node.nodeType !== Node.ELEMENT_NODE) return [];
   const element = node;
-  if (element.tagName.toLowerCase() === "br") return [el8(`${w}r`, {}, [el8(`${w}br`)])];
+  if (element.tagName.toLowerCase() === "br") return [el9(`${w}r`, {}, [el9(`${w}br`)])];
   const style = htmlStyle(element, inherited);
   return Array.from(element.childNodes).flatMap((childNode) => inlineRuns(childNode, w, style));
 }
 function htmlParagraph(node, w) {
   const tag = node.tagName.toLowerCase();
   const pPrChildren = [];
-  if (/^h[1-6]$/.test(tag)) pPrChildren.push(el8(`${w}pStyle`, { [`${w}val`]: `Heading${tag[1]}` }));
+  if (/^h[1-6]$/.test(tag)) pPrChildren.push(el9(`${w}pStyle`, { [`${w}val`]: `Heading${tag[1]}` }));
   const align = node.style.textAlign;
   if (["left", "center", "right", "justify"].includes(align)) {
-    pPrChildren.push(el8(`${w}jc`, { [`${w}val`]: align === "justify" ? "both" : align }));
+    pPrChildren.push(el9(`${w}jc`, { [`${w}val`]: align === "justify" ? "both" : align }));
   }
   const runs = inlineRuns(node, w);
-  return el8(`${w}p`, {}, [
-    ...pPrChildren.length ? [el8(`${w}pPr`, {}, pPrChildren)] : [],
-    ...runs.length ? runs : [el8(`${w}r`, {}, [el8(`${w}t`, { "xml:space": "preserve" })])]
+  return el9(`${w}p`, {}, [
+    ...pPrChildren.length ? [el9(`${w}pPr`, {}, pPrChildren)] : [],
+    ...runs.length ? runs : [el9(`${w}r`, {}, [el9(`${w}t`, { "xml:space": "preserve" })])]
   ]);
 }
 function htmlTable(node, w, contentTwips) {
   const rowNodes = Array.from(node.querySelectorAll(":scope > thead > tr, :scope > tbody > tr, :scope > tfoot > tr, :scope > tr"));
   const cols = Math.max(1, ...rowNodes.map((row) => Array.from(row.children).reduce((n, cellNode) => n + Number(cellNode.getAttribute("colspan") || 1), 0)));
   const colWidth = Math.floor(contentTwips / cols);
-  const border = (name) => el8(`${w}${name}`, { [`${w}val`]: "single", [`${w}sz`]: "4", [`${w}color`]: "auto" });
-  const rows = rowNodes.map((row) => el8(`${w}tr`, {}, Array.from(row.children).map((cellNode) => {
+  const border = (name) => el9(`${w}${name}`, { [`${w}val`]: "single", [`${w}sz`]: "4", [`${w}color`]: "auto" });
+  const rows = rowNodes.map((row) => el9(`${w}tr`, {}, Array.from(row.children).map((cellNode) => {
     const span = Math.max(1, Number(cellNode.getAttribute("colspan") || 1));
-    const tcPr = [el8(`${w}tcW`, { [`${w}w`]: String(colWidth * span), [`${w}type`]: "dxa" })];
-    if (span > 1) tcPr.push(el8(`${w}gridSpan`, { [`${w}val`]: String(span) }));
+    const tcPr = [el9(`${w}tcW`, { [`${w}w`]: String(colWidth * span), [`${w}type`]: "dxa" })];
+    if (span > 1) tcPr.push(el9(`${w}gridSpan`, { [`${w}val`]: String(span) }));
     const fill = colorValue(cellNode.style.backgroundColor);
-    if (fill) tcPr.push(el8(`${w}shd`, { [`${w}val`]: "clear", [`${w}fill`]: fill }));
+    if (fill) tcPr.push(el9(`${w}shd`, { [`${w}val`]: "clear", [`${w}fill`]: fill }));
     const paragraphs = Array.from(cellNode.children).filter((childNode) => /^(p|div|h[1-6]|li)$/i.test(childNode.tagName)).map((childNode) => htmlParagraph(childNode, w));
-    return el8(`${w}tc`, {}, [
-      el8(`${w}tcPr`, {}, tcPr),
+    return el9(`${w}tc`, {}, [
+      el9(`${w}tcPr`, {}, tcPr),
       ...paragraphs.length ? paragraphs : [htmlParagraph(cellNode, w)]
     ]);
   })));
-  return el8(`${w}tbl`, {}, [
-    el8(`${w}tblPr`, {}, [
-      el8(`${w}tblW`, { [`${w}w`]: "0", [`${w}type`]: "auto" }),
-      el8(`${w}tblBorders`, {}, ["top", "left", "bottom", "right", "insideH", "insideV"].map(border))
+  return el9(`${w}tbl`, {}, [
+    el9(`${w}tblPr`, {}, [
+      el9(`${w}tblW`, { [`${w}w`]: "0", [`${w}type`]: "auto" }),
+      el9(`${w}tblBorders`, {}, ["top", "left", "bottom", "right", "insideH", "insideV"].map(border))
     ]),
-    el8(`${w}tblGrid`, {}, Array.from({ length: cols }, () => el8(`${w}gridCol`, { [`${w}w`]: String(colWidth) }))),
+    el9(`${w}tblGrid`, {}, Array.from({ length: cols }, () => el9(`${w}gridCol`, { [`${w}w`]: String(colWidth) }))),
     ...rows
   ]);
 }
@@ -22483,10 +22817,10 @@ function clipboardBlocksHtml(blocks) {
 }
 
 // ../core/src/edit/suggest.ts
-function prefixOf10(e) {
+function prefixOf11(e) {
   return e.name.includes(":") ? e.name.slice(0, e.name.indexOf(":") + 1) : "";
 }
-function el9(name, attrs = {}, children2 = [], text = "") {
+function el10(name, attrs = {}, children2 = [], text = "") {
   return { name, attrs, children: children2, text };
 }
 function attrByLocal(e, local) {
@@ -22530,14 +22864,14 @@ function insertSuggestedText(doc, t, offset, text, meta) {
     t.text = t.text.slice(0, offset) + text + t.text.slice(offset);
     return { t, offset: offset + text.length };
   }
-  const w = prefixOf10(rEl);
+  const w = prefixOf11(rEl);
   const rPr = rEl.children.find((c) => localName(c.name) === "rPr");
   if (localName(parent.name) === "del") {
     const grand = doc.findParentOf(parent);
     if (!grand) return null;
     const delIdx = grand.children.indexOf(parent);
     const newT2 = textLike(t, t.name, text);
-    const ins2 = el9(`${w}ins`, revAttrs(w, meta), [runLike(rEl, rPr, [newT2])]);
+    const ins2 = el10(`${w}ins`, revAttrs(w, meta), [runLike(rEl, rPr, [newT2])]);
     const at = offset <= 0 ? delIdx : delIdx + 1;
     grand.children.splice(at, 0, ins2);
     return { t: newT2, offset: text.length };
@@ -22552,7 +22886,7 @@ function insertSuggestedText(doc, t, offset, text, meta) {
   if (offset > 0) beforeChildren.push(textLike(t, t.name, t.text.slice(0, offset)));
   if (beforeChildren.length > 0) replacement.push(runLike(rEl, rPr, beforeChildren));
   const newT = textLike(t, t.name, text);
-  const ins = el9(`${w}ins`, revAttrs(w, meta), [runLike(rEl, rPr, [newT])]);
+  const ins = el10(`${w}ins`, revAttrs(w, meta), [runLike(rEl, rPr, [newT])]);
   replacement.push(ins);
   const afterChildren = [];
   if (offset < t.text.length) afterChildren.push(textLike(t, t.name, t.text.slice(offset)));
@@ -22592,7 +22926,7 @@ function deleteOneRange(doc, t, start, end, meta) {
     t.text = t.text.slice(0, start) + t.text.slice(end);
     return { t, offset: start };
   }
-  const w = prefixOf10(rEl);
+  const w = prefixOf11(rEl);
   const rPr = rEl.children.find((c) => localName(c.name) === "rPr");
   const tIdx = rEl.children.indexOf(t);
   const idx = parent.children.indexOf(rEl);
@@ -22609,7 +22943,7 @@ function deleteOneRange(doc, t, start, end, meta) {
   }
   if (beforeChildren.length > 0) replacement.push(runLike(rEl, rPr, beforeChildren));
   const deletedT = textLike(t, delTextName, t.text.slice(start, end));
-  const del = el9(`${w}del`, revAttrs(w, meta), [runLike(rEl, rPr, [deletedT])]);
+  const del = el10(`${w}del`, revAttrs(w, meta), [runLike(rEl, rPr, [deletedT])]);
   replacement.push(del);
   const afterChildren = [];
   if (end < t.text.length) afterChildren.push(textLike(t, t.name, t.text.slice(end)));
@@ -22638,24 +22972,24 @@ function coalesceDeletions(parent, del, author) {
   }
 }
 function ensurePPrRPr(pEl) {
-  const w = prefixOf10(pEl);
+  const w = prefixOf11(pEl);
   let pPr = pEl.children.find((c) => localName(c.name) === "pPr");
   if (!pPr) {
-    pPr = el9(`${w}pPr`);
+    pPr = el10(`${w}pPr`);
     pEl.children.unshift(pPr);
   }
   let rPr = pPr.children.find((c) => localName(c.name) === "rPr");
   if (!rPr) {
-    rPr = el9(`${w}rPr`);
+    rPr = el10(`${w}rPr`);
     pPr.children.push(rPr);
   }
   return rPr;
 }
 function markParagraphGlyph(pEl, kind, meta) {
-  const w = prefixOf10(pEl);
+  const w = prefixOf11(pEl);
   const rPr = ensurePPrRPr(pEl);
   const existingIdx = rPr.children.findIndex((c) => localName(c.name) === kind);
-  const mark = el9(`${w}${kind}`, revAttrs(w, meta));
+  const mark = el10(`${w}${kind}`, revAttrs(w, meta));
   if (existingIdx !== -1) rPr.children[existingIdx] = mark;
   else rPr.children.unshift(mark);
   return mark;
@@ -23139,6 +23473,30 @@ var _DocxEditor = class _DocxEditor {
     this.imageOverlay = null;
     this.imageToolbar = null;
     this.wordArtTextEditor = null;
+    /** First press selects a model; subsequent drags belong to its 3D viewport. */
+    this.onModel3DPointerDown = (event) => {
+      const binding = this.model3DBinding(event.target);
+      const src = binding?.item.src;
+      if (!binding || !src || this.selectedImage?.src === src) return;
+      if (this.regionOf(src) === "hf" !== this.inHeaderFooter) return;
+      event.preventDefault();
+      event.stopPropagation();
+      this.selectImage(binding.el, src, binding.item);
+    };
+    this.onModel3DRotate = (event) => {
+      const binding = this.model3DBinding(event.target);
+      const src = binding?.item.src;
+      const detail = event.detail;
+      if (!binding || !src || !detail || ![detail.x, detail.y, detail.z].every(Number.isFinite)) return;
+      event.stopPropagation();
+      const rect = binding.el.getBoundingClientRect();
+      const near = { x: rect.left + rect.width / 2, y: rect.top + rect.height / 2 };
+      this.host.history?.checkpoint();
+      if (setModel3DRotation(this.host.doc, src, detail)) {
+        this.host.rerender(void 0, "local");
+        this.reselectImage(src, near);
+      }
+    };
     // ---------- watermarks / WordArt: select + edit ----------
     this.selectedWordArt = null;
     this.wordArtOverlay = null;
@@ -23162,6 +23520,7 @@ var _DocxEditor = class _DocxEditor {
       if (this.wordArtOverlay?.contains(e.target)) return;
       if (this.wordArtTextEditor?.input.contains(e.target)) return;
       if (this.selectedInkGroup?.overlay.contains(e.target)) return;
+      if (e.target?.closest?.("[data-dxw-model3d-viewer]")) return;
       this.deselectInkGroup();
       this.deselectImage();
       this.deselectWordArt();
@@ -24188,7 +24547,9 @@ var _DocxEditor = class _DocxEditor {
     c.tabIndex = 0;
     c.style.outline = "none";
     c.addEventListener("mousedown", this.onGripMouseDown, true);
+    c.addEventListener("pointerdown", this.onModel3DPointerDown, true);
     c.addEventListener("mouseup", this.onMouseUp);
+    c.addEventListener("dxw-model3d-rotate", this.onModel3DRotate);
     c.addEventListener("keydown", this.onKeyDown);
     c.appendChild(this.imeEl);
     this.imeEl.addEventListener("compositionstart", this.onCompositionStart);
@@ -24207,7 +24568,9 @@ var _DocxEditor = class _DocxEditor {
     if (this.host.history) this.host.history.applyTextChanges = null;
     const c = this.host.container;
     c.removeEventListener("mousedown", this.onGripMouseDown, true);
+    c.removeEventListener("pointerdown", this.onModel3DPointerDown, true);
     c.removeEventListener("mouseup", this.onMouseUp);
+    c.removeEventListener("dxw-model3d-rotate", this.onModel3DRotate);
     c.removeEventListener("keydown", this.onKeyDown);
     this.imeEl.removeEventListener("compositionstart", this.onCompositionStart);
     this.imeEl.removeEventListener("compositionupdate", this.onCompositionUpdate);
@@ -24954,6 +25317,10 @@ var _DocxEditor = class _DocxEditor {
     document.addEventListener("mouseup", onUp);
     return true;
   }
+  model3DBinding(target) {
+    const viewer = target?.closest?.("[data-dxw-model3d-viewer]");
+    return viewer ? this.host.getHandle()?.images.find((binding) => binding.el.contains(viewer)) : void 0;
+  }
   /** First click selects a text box as an object; the second click edits only
    * its story, even when the source shape lives in a header part. */
   startTextboxTextInteraction(e, target) {
@@ -25049,9 +25416,11 @@ var _DocxEditor = class _DocxEditor {
     ];
     for (const [mode, label] of modes) {
       const b = document.createElement("button");
+      b.type = "button";
       b.textContent = label;
       const active = mode === "inline" && !isFloating || isFloating && this.currentWrap(src) === mode;
-      b.style.cssText = `border:none;border-radius:3px;padding:3px 7px;cursor:pointer;color:#3c4043;background:${active ? "#dfe7f5" : "transparent"};`;
+      b.setAttribute("aria-pressed", String(active));
+      b.style.cssText = `border:1px solid ${active ? "#8ab4f8" : "transparent"};border-radius:4px;padding:3px 7px;cursor:pointer;color:${active ? "#174ea6" : "#3c4043"};font-weight:${active ? "600" : "400"};background:${active ? "#d2e3fc" : "transparent"};`;
       b.addEventListener("mousedown", (me) => {
         me.preventDefault();
         me.stopPropagation();
@@ -25157,6 +25526,13 @@ var _DocxEditor = class _DocxEditor {
         });
       });
     }
+    const drawingBinding = kind === "drawing" ? this.host.getHandle()?.drawings.find((binding) => binding.item.src === src) : void 0;
+    if (drawingBinding?.item.textboxStory && !isDrawingWordArt(src)) {
+      extra("Edit text", "Edit shape text", () => {
+        const rect = drawingBinding.el.getBoundingClientRect();
+        this.enterTextboxStory(src, rect.left + rect.width / 2, rect.top + rect.height / 2);
+      });
+    }
     if (kind === "drawing" && isDrawingWordArt(src)) {
       extra("Edit text", "Edit WordArt text", () => this.editDrawingWordArt(src));
     }
@@ -25180,6 +25556,15 @@ var _DocxEditor = class _DocxEditor {
         this.deselectImage();
       });
     }
+    if (el16.dataset.dxwModel3d) {
+      extra("Reset 3D", "Reset 3D rotation", () => {
+        this.host.history?.checkpoint();
+        if (setModel3DRotation(this.host.doc, src, { x: 0, y: 0, z: 0 })) {
+          this.host.rerender(void 0, "local");
+          this.reselectImage(src);
+        }
+      });
+    }
     const surface = el16.parentElement;
     surface.appendChild(overlay);
     const zoom = this.host.zoom ?? 1;
@@ -25389,6 +25774,7 @@ var _DocxEditor = class _DocxEditor {
   /** Handle mousedown on images / their resize handle. Returns true if consumed. */
   startImageInteraction(e, target) {
     const zoom = this.host.zoom ?? 1;
+    if (target.closest?.("[data-dxw-model3d-viewer]")) return true;
     if (target.dataset.dxwImgHandle && this.selectedImage) {
       e.preventDefault();
       e.stopPropagation();
@@ -27282,7 +27668,7 @@ function isRelatedHistoryPart(name) {
 }
 
 // ../core/src/edit/comments.ts
-function el10(name, attrs = {}, children2 = [], text = "") {
+function el11(name, attrs = {}, children2 = [], text = "") {
   return { name, attrs, children: children2, text };
 }
 function addComment(doc, segments, text, author, initials) {
@@ -27306,15 +27692,15 @@ function addComment(doc, segments, text, author, initials) {
   }
   const newId = String(idNum + 1);
   const startIdx = firstP.children.indexOf(firstR);
-  firstP.children.splice(startIdx, 0, el10(`${w}commentRangeStart`, { [`${w}id`]: newId }));
+  firstP.children.splice(startIdx, 0, el11(`${w}commentRangeStart`, { [`${w}id`]: newId }));
   const endIdx = lastP.children.indexOf(lastR);
   lastP.children.splice(
     endIdx + 1,
     0,
-    el10(`${w}commentRangeEnd`, { [`${w}id`]: newId }),
-    el10(`${w}r`, {}, [
-      el10(`${w}rPr`, {}, [el10(`${w}rStyle`, { [`${w}val`]: "CommentReference" })]),
-      el10(`${w}commentReference`, { [`${w}id`]: newId })
+    el11(`${w}commentRangeEnd`, { [`${w}id`]: newId }),
+    el11(`${w}r`, {}, [
+      el11(`${w}rPr`, {}, [el11(`${w}rStyle`, { [`${w}val`]: "CommentReference" })]),
+      el11(`${w}commentReference`, { [`${w}id`]: newId })
     ])
   );
   const usedParaIds = new Set(doc.comments.map((c) => c.paraId).filter(Boolean));
@@ -27323,7 +27709,7 @@ function addComment(doc, segments, text, author, initials) {
     paraId2 = Math.floor(Math.random() * 4294967280 + 1).toString(16).toUpperCase().padStart(8, "0");
   } while (usedParaIds.has(paraId2));
   commentsRoot.children.push(
-    el10(
+    el11(
       `${w}comment`,
       {
         [`${w}id`]: newId,
@@ -27332,13 +27718,13 @@ function addComment(doc, segments, text, author, initials) {
         [`${w}date`]: (/* @__PURE__ */ new Date()).toISOString()
       },
       [
-        el10(
+        el11(
           `${w}p`,
           {
             "xmlns:w14": "http://schemas.microsoft.com/office/word/2010/wordml",
             "w14:paraId": paraId2
           },
-          [el10(`${w}r`, {}, [el10(`${w}t`, { "xml:space": "preserve" }, [], text)])]
+          [el11(`${w}r`, {}, [el11(`${w}t`, { "xml:space": "preserve" }, [], text)])]
         )
       ]
     )
@@ -27433,7 +27819,7 @@ function replyToComment(doc, parentId, text, author, initials) {
   }
   const replyParaId = freshParaId();
   commentsRoot.children.push(
-    el10(
+    el11(
       `${w}comment`,
       {
         [`${w}id`]: newId,
@@ -27442,13 +27828,13 @@ function replyToComment(doc, parentId, text, author, initials) {
         [`${w}date`]: (/* @__PURE__ */ new Date()).toISOString()
       },
       [
-        el10(
+        el11(
           `${w}p`,
           {
             "xmlns:w14": "http://schemas.microsoft.com/office/word/2010/wordml",
             "w14:paraId": replyParaId
           },
-          [el10(`${w}r`, {}, [el10(`${w}t`, { "xml:space": "preserve" }, [], text)])]
+          [el11(`${w}r`, {}, [el11(`${w}t`, { "xml:space": "preserve" }, [], text)])]
         )
       ]
     )
@@ -27464,11 +27850,11 @@ function replyToComment(doc, parentId, text, author, initials) {
     );
     if (!hasParentEx) {
       extRoot.children.push(
-        el10("w15:commentEx", { "w15:paraId": parentParaId, "w15:done": "0" })
+        el11("w15:commentEx", { "w15:paraId": parentParaId, "w15:done": "0" })
       );
     }
     extRoot.children.push(
-      el10("w15:commentEx", {
+      el11("w15:commentEx", {
         "w15:paraId": replyParaId,
         "w15:paraIdParent": parentParaId,
         "w15:done": "0"
@@ -27486,19 +27872,19 @@ function insertReplyMarkers(el0, parentId, newId, w) {
     const c = el0.children[i];
     const ln = localName(c.name);
     if (ln === "commentRangeStart" && attr(c, "id") === parentId) {
-      el0.children.splice(i + 1, 0, el10(`${w}commentRangeStart`, { [`${w}id`]: newId }));
+      el0.children.splice(i + 1, 0, el11(`${w}commentRangeStart`, { [`${w}id`]: newId }));
       touched = true;
       i++;
       continue;
     }
     if (ln === "commentRangeEnd" && attr(c, "id") === parentId) {
-      el0.children.splice(i + 1, 0, el10(`${w}commentRangeEnd`, { [`${w}id`]: newId }));
+      el0.children.splice(i + 1, 0, el11(`${w}commentRangeEnd`, { [`${w}id`]: newId }));
       touched = true;
       i++;
       continue;
     }
     if (ln === "r" && c.children.some((rc) => localName(rc.name) === "commentReference" && attr(rc, "id") === parentId)) {
-      el0.children.splice(i + 1, 0, el10(`${w}r`, {}, [el10(`${w}commentReference`, { [`${w}id`]: newId })]));
+      el0.children.splice(i + 1, 0, el11(`${w}r`, {}, [el11(`${w}commentReference`, { [`${w}id`]: newId })]));
       touched = true;
       i++;
       continue;
@@ -27535,7 +27921,7 @@ function stripMarkers(el16, id) {
 }
 
 // ../core/src/edit/links.ts
-function prefixOf11(e) {
+function prefixOf12(e) {
   return e.name.includes(":") ? e.name.slice(0, e.name.indexOf(":") + 1) : "";
 }
 function hyperlinkOf(doc, t) {
@@ -27580,7 +27966,7 @@ function setLink(doc, segments, url) {
   if (runsByPara.size === 0) return false;
   const relId = doc.addHyperlinkRel(url);
   for (const [pEl, runs] of runsByPara) {
-    const w = prefixOf11(pEl);
+    const w = prefixOf12(pEl);
     const first = pEl.children.indexOf(runs[0]);
     for (const rEl of runs) {
       let rPr = rEl.children.find((c) => localName(c.name) === "rPr");
@@ -27627,13 +28013,13 @@ function removeLink(doc, t) {
 
 // ../core/src/edit/paragraph.ts
 var INDENT_STEP_TWIPS = 720;
-function prefixOf12(e) {
+function prefixOf13(e) {
   return e.name.includes(":") ? e.name.slice(0, e.name.indexOf(":") + 1) : "";
 }
 function ensurePPr(pEl) {
   let pPr = pEl.children.find((c) => localName(c.name) === "pPr");
   if (!pPr) {
-    pPr = { name: `${prefixOf12(pEl)}pPr`, attrs: {}, children: [], text: "" };
+    pPr = { name: `${prefixOf13(pEl)}pPr`, attrs: {}, children: [], text: "" };
     pEl.children.unshift(pPr);
   }
   return pPr;
@@ -27654,7 +28040,7 @@ function adjustIndent(doc, targets, direction) {
   if (paragraphs.size === 0) return false;
   let touched = false;
   for (const pEl of paragraphs) {
-    const w = prefixOf12(pEl);
+    const w = prefixOf13(pEl);
     const pPr = ensurePPr(pEl);
     let ind = pPr.children.find((c) => localName(c.name) === "ind");
     if (!ind) {
@@ -27724,7 +28110,7 @@ function setDropCapAt(doc, target, mode, lines = 3) {
   }
   if (dropParagraph) {
     const frame = dropCapFrame(dropParagraph);
-    const w2 = prefixOf12(dropParagraph);
+    const w2 = prefixOf13(dropParagraph);
     frame.attrs[attrKey(frame, "dropCap", w2)] = mode;
     frame.attrs[attrKey(frame, "lines", w2)] = String(lines);
     frame.attrs[attrKey(frame, "hSpace", w2)] = "144";
@@ -27750,7 +28136,7 @@ function setDropCapAt(doc, target, mode, lines = 3) {
   if (chars.length === 0) return false;
   const letter = chars.shift();
   sourceText.text = chars.join("");
-  const w = prefixOf12(paragraph);
+  const w = prefixOf13(paragraph);
   const rPr = sourceRun.children.find((child4) => localName(child4.name) === "rPr");
   const capRun = {
     name: `${w}r`,
@@ -27794,7 +28180,7 @@ function setParagraphSpacing(doc, targets, patch) {
   const paragraphs = paragraphsOf(doc, targets);
   if (paragraphs.size === 0) return false;
   for (const pEl of paragraphs) {
-    const w = prefixOf12(pEl);
+    const w = prefixOf13(pEl);
     const pPr = ensurePPr(pEl);
     let sp = pPr.children.find((c) => localName(c.name) === "spacing");
     if (!sp) {
@@ -27909,7 +28295,7 @@ function transformCase(doc, segments, mode) {
 }
 
 // ../core/src/edit/notes.ts
-function el11(name, attrs = {}, children2 = [], text = "") {
+function el12(name, attrs = {}, children2 = [], text = "") {
   return { name, attrs, children: children2, text };
 }
 function insertFootnote(doc, t, offset, text) {
@@ -27929,9 +28315,9 @@ function insertFootnote(doc, t, offset, text) {
   const newId = maxId + 1;
   const rw = rEl.name.includes(":") ? rEl.name.slice(0, rEl.name.indexOf(":") + 1) : "";
   const rPr = rEl.children.find((c) => localName(c.name) === "rPr");
-  const refRun = el11(`${rw}r`, {}, [
-    el11(`${rw}rPr`, {}, [el11(`${rw}rStyle`, { [`${rw}val`]: "FootnoteReference" })]),
-    el11(`${rw}footnoteReference`, { [`${rw}id`]: String(newId) })
+  const refRun = el12(`${rw}r`, {}, [
+    el12(`${rw}rPr`, {}, [el12(`${rw}rStyle`, { [`${rw}val`]: "FootnoteReference" })]),
+    el12(`${rw}footnoteReference`, { [`${rw}id`]: String(newId) })
   ]);
   const rIdx = pEl.children.indexOf(rEl);
   if (offset >= t.text.length) {
@@ -27939,20 +28325,20 @@ function insertFootnote(doc, t, offset, text) {
   } else if (offset <= 0) {
     pEl.children.splice(rIdx, 0, refRun);
   } else {
-    const tailT = el11(`${rw}t`, { "xml:space": "preserve" }, [], t.text.slice(offset));
+    const tailT = el12(`${rw}t`, { "xml:space": "preserve" }, [], t.text.slice(offset));
     t.text = t.text.slice(0, offset);
-    const tail = el11(`${rw}r`, {}, [...rPr ? [cloneShallow(rPr)] : [], tailT]);
+    const tail = el12(`${rw}r`, {}, [...rPr ? [cloneShallow(rPr)] : [], tailT]);
     pEl.children.splice(rIdx + 1, 0, refRun, tail);
   }
   notesRoot.children.push(
-    el11(`${w}footnote`, { [`${w}id`]: String(newId) }, [
-      el11(`${w}p`, {}, [
-        el11(`${w}pPr`, {}, [el11(`${w}pStyle`, { [`${w}val`]: "FootnoteText" })]),
-        el11(`${w}r`, {}, [
-          el11(`${w}rPr`, {}, [el11(`${w}rStyle`, { [`${w}val`]: "FootnoteReference" })]),
-          el11(`${w}footnoteRef`)
+    el12(`${w}footnote`, { [`${w}id`]: String(newId) }, [
+      el12(`${w}p`, {}, [
+        el12(`${w}pPr`, {}, [el12(`${w}pStyle`, { [`${w}val`]: "FootnoteText" })]),
+        el12(`${w}r`, {}, [
+          el12(`${w}rPr`, {}, [el12(`${w}rStyle`, { [`${w}val`]: "FootnoteReference" })]),
+          el12(`${w}footnoteRef`)
         ]),
-        el11(`${w}r`, {}, [el11(`${w}t`, { "xml:space": "preserve" }, [], " " + text.trim())])
+        el12(`${w}r`, {}, [el12(`${w}t`, { "xml:space": "preserve" }, [], " " + text.trim())])
       ])
     ])
   );
@@ -27965,7 +28351,7 @@ function cloneShallow(e) {
 }
 
 // ../core/src/edit/fields.ts
-function el12(name, attrs = {}, children2 = [], text = "") {
+function el13(name, attrs = {}, children2 = [], text = "") {
   return { name, attrs, children: children2, text };
 }
 function cloneDeep2(e) {
@@ -27981,8 +28367,8 @@ function insertElementsAt(doc, t, offset, inserted) {
   const tIdx = rEl.children.indexOf(t);
   if (rIdx < 0 || tIdx < 0) return false;
   const at = Math.max(0, Math.min(offset, t.text.length));
-  const makeText = (text) => el12(t.name, { ...t.attrs, "xml:space": "preserve" }, [], text);
-  const makeRun = (content) => el12(rEl.name, { ...rEl.attrs }, [...rPr ? [cloneDeep2(rPr)] : [], ...content]);
+  const makeText = (text) => el13(t.name, { ...t.attrs, "xml:space": "preserve" }, [], text);
+  const makeRun = (content) => el13(rEl.name, { ...rEl.attrs }, [...rPr ? [cloneDeep2(rPr)] : [], ...content]);
   const before = rEl.children.slice(0, tIdx).filter((child4) => localName(child4.name) !== "rPr");
   const after = rEl.children.slice(tIdx + 1).filter((child4) => localName(child4.name) !== "rPr");
   let beforeRun;
@@ -28015,11 +28401,11 @@ function insertField(doc, t, offset, instruction, cachedResult = "") {
   if (!rEl || localName(rEl.name) !== "r") return false;
   const w = rEl.name.includes(":") ? rEl.name.slice(0, rEl.name.indexOf(":") + 1) : "";
   const rPr = rEl.children.find((c) => localName(c.name) === "rPr");
-  const resultRun = el12(`${w}r`, {}, [
+  const resultRun = el13(`${w}r`, {}, [
     ...rPr ? [cloneDeep2(rPr)] : [],
-    el12(`${w}t`, { "xml:space": "preserve" }, [], cachedResult)
+    el13(`${w}t`, { "xml:space": "preserve" }, [], cachedResult)
   ]);
-  const field = el12(`${w}fldSimple`, { [`${w}instr`]: ` ${clean} ` }, [resultRun]);
+  const field = el13(`${w}fldSimple`, { [`${w}instr`]: ` ${clean} ` }, [resultRun]);
   return insertElementsAt(doc, t, offset, [field]);
 }
 function insertPageField(doc, t, offset, kind = "page") {
@@ -28027,9 +28413,9 @@ function insertPageField(doc, t, offset, kind = "page") {
   if (!rEl || localName(rEl.name) !== "r") return false;
   const rw = rEl.name.includes(":") ? rEl.name.slice(0, rEl.name.indexOf(":") + 1) : "";
   const rPr = rEl.children.find((c) => localName(c.name) === "rPr");
-  const run = (content) => el12(`${rw}r`, {}, [...rPr ? [cloneDeep2(rPr)] : [], content]);
-  const textRun = (s) => run(el12(`${rw}t`, { "xml:space": "preserve" }, [], s));
-  const fld = (instr) => el12(`${rw}fldSimple`, { [`${rw}instr`]: ` ${instr} \\* MERGEFORMAT ` }, [textRun("1")]);
+  const run = (content) => el13(`${rw}r`, {}, [...rPr ? [cloneDeep2(rPr)] : [], content]);
+  const textRun = (s) => run(el13(`${rw}t`, { "xml:space": "preserve" }, [], s));
+  const fld = (instr) => el13(`${rw}fldSimple`, { [`${rw}instr`]: ` ${instr} \\* MERGEFORMAT ` }, [textRun("1")]);
   const inserted = kind === "page" ? [fld("PAGE")] : [textRun("Page "), fld("PAGE"), textRun(" of "), fld("NUMPAGES")];
   return insertElementsAt(doc, t, offset, inserted);
 }
@@ -28040,15 +28426,15 @@ function insertDateTimeField(doc, t, offset, kind, picture) {
 
 // ../core/src/edit/charts.ts
 import { strToU8 as strToU83, zipSync as zipSync2 } from "fflate";
-var EMU_PER_PX6 = 9525;
-var NS_WP5 = "http://schemas.openxmlformats.org/drawingml/2006/wordprocessingDrawing";
-var NS_A4 = "http://schemas.openxmlformats.org/drawingml/2006/main";
+var EMU_PER_PX7 = 9525;
+var NS_WP6 = "http://schemas.openxmlformats.org/drawingml/2006/wordprocessingDrawing";
+var NS_A5 = "http://schemas.openxmlformats.org/drawingml/2006/main";
 var NS_C = "http://schemas.openxmlformats.org/drawingml/2006/chart";
-var NS_R3 = "http://schemas.openxmlformats.org/officeDocument/2006/relationships";
-function el13(name, attrs = {}, children2 = [], text = "") {
+var NS_R4 = "http://schemas.openxmlformats.org/officeDocument/2006/relationships";
+function el14(name, attrs = {}, children2 = [], text = "") {
   return { name, attrs, children: children2, text };
 }
-function prefixOf13(node) {
+function prefixOf14(node) {
   return node.name.includes(":") ? node.name.slice(0, node.name.indexOf(":") + 1) : "";
 }
 function descendant4(node, name) {
@@ -28115,7 +28501,7 @@ function buildChartWorkbook(input) {
       `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument" Target="xl/workbook.xml"/></Relationships>`
     ),
     "xl/workbook.xml": strToU83(
-      `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><workbook xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" xmlns:r="${NS_R3}"><bookViews><workbookView/></bookViews><sheets><sheet name="Data" sheetId="1" r:id="rId1"/></sheets><calcPr calcId="191029"/></workbook>`
+      `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><workbook xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" xmlns:r="${NS_R4}"><bookViews><workbookView/></bookViews><sheets><sheet name="Data" sheetId="1" r:id="rId1"/></sheets><calcPr calcId="191029"/></workbook>`
     ),
     "xl/_rels/workbook.xml.rels": strToU83(
       `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet" Target="worksheets/sheet1.xml"/></Relationships>`
@@ -28156,7 +28542,7 @@ function chartPlot(data) {
 }
 function buildChartXml(input, workbookRelId = "rId1") {
   const data = normalizeChartData(input);
-  return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><c:chartSpace xmlns:c="${NS_C}" xmlns:a="${NS_A4}" xmlns:r="${NS_R3}"><c:date1904 val="0"/><c:lang val="en-US"/><c:roundedCorners val="0"/><c:style val="2"/><c:chart>${chartTitle(data.title)}<c:autoTitleDeleted val="${data.title ? "0" : "1"}"/><c:plotArea><c:layout/>${chartPlot(data)}</c:plotArea><c:legend><c:legendPos val="r"/><c:layout/><c:overlay val="0"/></c:legend><c:plotVisOnly val="1"/><c:dispBlanksAs val="gap"/><c:showDLblsOverMax val="0"/></c:chart><c:externalData r:id="${escapeXml2(workbookRelId)}"><c:autoUpdate val="0"/></c:externalData></c:chartSpace>`;
+  return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><c:chartSpace xmlns:c="${NS_C}" xmlns:a="${NS_A5}" xmlns:r="${NS_R4}"><c:date1904 val="0"/><c:lang val="en-US"/><c:roundedCorners val="0"/><c:style val="2"/><c:chart>${chartTitle(data.title)}<c:autoTitleDeleted val="${data.title ? "0" : "1"}"/><c:plotArea><c:layout/>${chartPlot(data)}</c:plotArea><c:legend><c:legendPos val="r"/><c:layout/><c:overlay val="0"/></c:legend><c:plotVisOnly val="1"/><c:dispBlanksAs val="gap"/><c:showDLblsOverMax val="0"/></c:chart><c:externalData r:id="${escapeXml2(workbookRelId)}"><c:autoUpdate val="0"/></c:externalData></c:chartSpace>`;
 }
 function insertChartAt(doc, caretT, input) {
   const caretRun = doc.findParentOf(caretT);
@@ -28164,23 +28550,23 @@ function insertChartAt(doc, caretT, input) {
   if (!caretRun || !parent || localName(caretRun.name) !== "r") return null;
   const data = normalizeChartData(input);
   const { relId } = doc.addChartResource(buildChartXml(data), buildChartWorkbook(data));
-  const w = prefixOf13(caretRun);
+  const w = prefixOf14(caretRun);
   const id = String(doc.nextDrawingId());
-  const cx = String(Math.round(480 * EMU_PER_PX6));
-  const cy = String(Math.round(288 * EMU_PER_PX6));
-  const drawing = el13(`${w}drawing`, {}, [
-    el13("wp:inline", { "xmlns:wp": NS_WP5, distT: "0", distB: "0", distL: "0", distR: "0" }, [
-      el13("wp:extent", { cx, cy }),
-      el13("wp:docPr", { id, name: `Chart ${id}` }),
-      el13("wp:cNvGraphicFramePr"),
-      el13("a:graphic", { "xmlns:a": NS_A4 }, [
-        el13("a:graphicData", { uri: NS_C }, [
-          el13("c:chart", { "xmlns:c": NS_C, "xmlns:r": NS_R3, "r:id": relId })
+  const cx = String(Math.round(480 * EMU_PER_PX7));
+  const cy = String(Math.round(288 * EMU_PER_PX7));
+  const drawing = el14(`${w}drawing`, {}, [
+    el14("wp:inline", { "xmlns:wp": NS_WP6, distT: "0", distB: "0", distL: "0", distR: "0" }, [
+      el14("wp:extent", { cx, cy }),
+      el14("wp:docPr", { id, name: `Chart ${id}` }),
+      el14("wp:cNvGraphicFramePr"),
+      el14("a:graphic", { "xmlns:a": NS_A5 }, [
+        el14("a:graphicData", { uri: NS_C }, [
+          el14("c:chart", { "xmlns:c": NS_C, "xmlns:r": NS_R4, "r:id": relId })
         ])
       ])
     ])
   ]);
-  parent.children.splice(parent.children.indexOf(caretRun) + 1, 0, el13(`${w}r`, {}, [drawing]));
+  parent.children.splice(parent.children.indexOf(caretRun) + 1, 0, el14(`${w}r`, {}, [drawing]));
   doc.refresh();
   return drawing;
 }
@@ -28202,226 +28588,6 @@ function setChartData(doc, drawing, input) {
   return true;
 }
 
-// ../core/src/edit/objects.ts
-var EMU_PER_PX7 = 9525;
-var NS_WP6 = "http://schemas.openxmlformats.org/drawingml/2006/wordprocessingDrawing";
-var NS_A5 = "http://schemas.openxmlformats.org/drawingml/2006/main";
-var NS_PIC2 = "http://schemas.openxmlformats.org/drawingml/2006/picture";
-var NS_R4 = "http://schemas.openxmlformats.org/officeDocument/2006/relationships";
-var NS_MC = "http://schemas.openxmlformats.org/markup-compatibility/2006";
-var NS_AM3D = "http://schemas.microsoft.com/office/drawing/2017/model3d";
-var NS_WP15 = "http://schemas.microsoft.com/office/word/2012/wordprocessingDrawing";
-function el14(name, attrs = {}, children2 = [], text = "") {
-  return { name, attrs, children: children2, text };
-}
-function prefixOf14(node) {
-  return node.name.includes(":") ? node.name.slice(0, node.name.indexOf(":") + 1) : "";
-}
-function insertAfterCaretRun(doc, caretT, content) {
-  const caretRun = doc.findParentOf(caretT);
-  const parent = caretRun && doc.findParentOf(caretRun);
-  if (!caretRun || !parent || localName(caretRun.name) !== "r") return false;
-  const w = prefixOf14(caretRun);
-  parent.children.splice(parent.children.indexOf(caretRun) + 1, 0, el14(`${w}r`, {}, [content]));
-  doc.refresh();
-  return true;
-}
-function pictureGraphic(relId, id, cx, cy, webVideo) {
-  const blipChildren = webVideo ? [
-    el14("a:extLst", {}, [
-      el14("a:ext", { uri: "{9E29B28B-C9C2-4B96-BA92-6C9A3D8F4A6A}" }, [
-        el14("wp15:webVideoPr", {
-          "xmlns:wp15": NS_WP15,
-          embeddedHtml: webVideo,
-          w: "640",
-          h: "360"
-        })
-      ])
-    ])
-  ] : [];
-  return el14("a:graphic", { "xmlns:a": NS_A5 }, [
-    el14("a:graphicData", { uri: NS_PIC2 }, [
-      el14("pic:pic", { "xmlns:pic": NS_PIC2 }, [
-        el14("pic:nvPicPr", {}, [
-          el14("pic:cNvPr", { id, name: `Picture ${id}` }),
-          el14("pic:cNvPicPr", {}, [el14("a:picLocks", { noChangeAspect: "1" })])
-        ]),
-        el14("pic:blipFill", {}, [
-          el14("a:blip", { "xmlns:r": NS_R4, "r:embed": relId }, blipChildren),
-          el14("a:stretch", {}, [el14("a:fillRect")])
-        ]),
-        el14("pic:spPr", {}, [
-          el14("a:xfrm", {}, [el14("a:off", { x: "0", y: "0" }), el14("a:ext", { cx, cy })]),
-          el14("a:prstGeom", { prst: "rect" }, [el14("a:avLst")])
-        ])
-      ])
-    ])
-  ]);
-}
-function inlineDrawing(id, name, descr, cx, cy, graphic) {
-  return el14("w:drawing", {}, [
-    el14("wp:inline", { "xmlns:wp": NS_WP6, distT: "0", distB: "0", distL: "0", distR: "0" }, [
-      el14("wp:extent", { cx, cy }),
-      el14("wp:effectExtent", { l: "0", t: "0", r: "0", b: "0" }),
-      el14("wp:docPr", { id, name, descr }),
-      el14("wp:cNvGraphicFramePr", {}, [el14("a:graphicFrameLocks", { "xmlns:a": NS_A5, noChangeAspect: "1" })]),
-      graphic
-    ])
-  ]);
-}
-function insertModel3DAt(doc, caretT, input) {
-  const posterRelId = doc.addImageResource(input.poster, input.posterExt ?? "png");
-  const model = doc.addModel3DResource(input.data);
-  const id = String(doc.nextDrawingId());
-  const width = 320;
-  const height = 220;
-  const cx = String(width * EMU_PER_PX7);
-  const cy = String(height * EMU_PER_PX7);
-  const modelGraphic = el14("a:graphic", { "xmlns:a": NS_A5 }, [
-    el14("a:graphicData", { uri: NS_AM3D }, [
-      el14("am3d:model3d", { "xmlns:am3d": NS_AM3D, "xmlns:r": NS_R4, "r:embed": model.relId }, [
-        el14("am3d:spPr", {}, [
-          el14("a:xfrm", {}, [el14("a:off", { x: "0", y: "0" }), el14("a:ext", { cx, cy })]),
-          el14("a:prstGeom", { prst: "rect" }, [el14("a:avLst")])
-        ]),
-        el14("am3d:camera", {}, [
-          el14("am3d:pos", { x: "0", y: "0", z: "77741944" }),
-          el14("am3d:up", { dx: "0", dy: "36000000", dz: "0" }),
-          el14("am3d:lookAt", { x: "0", y: "0", z: "0" }),
-          el14("am3d:perspective", { fov: "2700000" })
-        ]),
-        el14("am3d:trans", {}, [
-          el14("am3d:meterPerModelUnit", { n: "1", d: "1" }),
-          el14("am3d:preTrans", { dx: "0", dy: "0", dz: "0" }),
-          el14("am3d:scale", {}, [
-            el14("am3d:sx", { n: "1000000", d: "1000000" }),
-            el14("am3d:sy", { n: "1000000", d: "1000000" }),
-            el14("am3d:sz", { n: "1000000", d: "1000000" })
-          ]),
-          el14("am3d:rot", { ax: "0", ay: "0", az: "0" }),
-          el14("am3d:postTrans", { dx: "0", dy: "0", dz: "0" })
-        ]),
-        el14("am3d:raster", { rName: "Office3DRenderer", rVer: "16.0" }, [
-          el14("am3d:blip", { "r:embed": posterRelId })
-        ]),
-        el14("am3d:objViewport", { viewportSz: cx }),
-        el14("am3d:ambientLight", {}, [
-          el14("am3d:clr", {}, [el14("a:scrgbClr", { r: "50000", g: "50000", b: "50000" })]),
-          el14("am3d:illuminance", { n: "500000", d: "1000000" })
-        ]),
-        el14("am3d:ptLight", { rad: "0" }, [
-          el14("am3d:clr", {}, [el14("a:scrgbClr", { r: "100000", g: "100000", b: "100000" })]),
-          el14("am3d:intensity", { n: "1000000", d: "1000000" }),
-          el14("am3d:pos", { x: "30000000", y: "50000000", z: "50000000" })
-        ])
-      ])
-    ])
-  ]);
-  const alt = input.alt ?? "3D model";
-  const choice = inlineDrawing(id, `3D Model ${id}`, alt, cx, cy, modelGraphic);
-  const fallback = inlineDrawing(id, `3D Model ${id}`, alt, cx, cy, pictureGraphic(posterRelId, id, cx, cy));
-  const alternate = el14("mc:AlternateContent", { "xmlns:mc": NS_MC }, [
-    el14("mc:Choice", { Requires: "am3d", "xmlns:am3d": NS_AM3D }, [choice]),
-    el14("mc:Fallback", {}, [fallback])
-  ]);
-  return insertAfterCaretRun(doc, caretT, alternate);
-}
-function normalizeWebVideoUrl(value) {
-  try {
-    const url = new URL(value.trim());
-    if (url.protocol !== "http:" && url.protocol !== "https:") return null;
-    if (url.hostname === "youtu.be") return `https://www.youtube.com/embed/${url.pathname.slice(1)}`;
-    if (url.hostname.endsWith("youtube.com") && url.pathname === "/watch") {
-      const id = url.searchParams.get("v");
-      if (id) return `https://www.youtube.com/embed/${id}`;
-    }
-    if (url.hostname.endsWith("vimeo.com") && /^\/\d+\/?$/.test(url.pathname)) {
-      return `https://player.vimeo.com/video/${url.pathname.replace(/\//g, "")}`;
-    }
-    return url.href;
-  } catch {
-    return null;
-  }
-}
-function insertWebVideoAt(doc, caretT, input) {
-  const url = normalizeWebVideoUrl(input.url);
-  if (!url) return false;
-  const posterRelId = doc.addImageResource(input.poster, input.posterExt ?? "png");
-  const width = input.width ?? 320;
-  const height = input.height ?? 180;
-  const cx = String(Math.round(width * EMU_PER_PX7));
-  const cy = String(Math.round(height * EMU_PER_PX7));
-  const id = String(doc.nextDrawingId());
-  const embeddedHtml = `<iframe width="640" height="360" src="${url}" frameborder="0" allowfullscreen=""></iframe>`;
-  return insertAfterCaretRun(
-    doc,
-    caretT,
-    inlineDrawing(id, `Online Video ${id}`, url, cx, cy, pictureGraphic(posterRelId, id, cx, cy, embeddedHtml))
-  );
-}
-function insertEmbeddedObjectAt(doc, caretT, input) {
-  const posterRelId = doc.addImageResource(input.poster, input.posterExt ?? "png");
-  const wordDocument = input.filename.toLowerCase().endsWith(".docx");
-  const object = wordDocument ? doc.addEmbeddedWordDocumentResource(input.data) : doc.addEmbeddedObjectResource(buildOlePackage(input.data, input.filename));
-  const id = String(doc.nextDrawingId());
-  const vmlId = 1024 + Number(id);
-  const shapeTypeId = `_x0000_t${vmlId}`;
-  const shapeId = `_x0000_i${vmlId}`;
-  const width = 320;
-  const height = 180;
-  const objectEl = el14("w:object", {
-    "xmlns:w": "http://schemas.openxmlformats.org/wordprocessingml/2006/main",
-    "xmlns:v": "urn:schemas-microsoft-com:vml",
-    "xmlns:o": "urn:schemas-microsoft-com:office:office",
-    "xmlns:r": NS_R4,
-    "w:dxaOrig": String(width * 15),
-    "w:dyaOrig": String(height * 15)
-  }, [
-    el14("v:shapetype", {
-      id: shapeTypeId,
-      coordsize: "21600,21600",
-      "o:spt": "75",
-      "o:preferrelative": "t",
-      path: "m@4@5l@4@11@9@11@9@5xe",
-      filled: "f",
-      stroked: "f"
-    }, [
-      el14("v:stroke", { joinstyle: "miter" }),
-      el14("v:formulas", {}, [
-        el14("v:f", { eqn: "if lineDrawn pixelLineWidth 0" }),
-        el14("v:f", { eqn: "sum @0 1 0" }),
-        el14("v:f", { eqn: "sum 0 0 @1" }),
-        el14("v:f", { eqn: "prod @2 1 2" }),
-        el14("v:f", { eqn: "prod @3 21600 pixelWidth" }),
-        el14("v:f", { eqn: "prod @3 21600 pixelHeight" }),
-        el14("v:f", { eqn: "sum @0 0 1" }),
-        el14("v:f", { eqn: "prod @6 1 2" }),
-        el14("v:f", { eqn: "prod @7 21600 pixelWidth" }),
-        el14("v:f", { eqn: "sum @8 21600 0" }),
-        el14("v:f", { eqn: "prod @7 21600 pixelHeight" }),
-        el14("v:f", { eqn: "sum @10 21600 0" })
-      ]),
-      el14("v:path", { "o:extrusionok": "f", gradientshapeok: "t", "o:connecttype": "rect" }),
-      el14("o:lock", { "v:ext": "edit", aspectratio: "t" })
-    ]),
-    el14("v:shape", {
-      id: shapeId,
-      type: `#${shapeTypeId}`,
-      style: `width:${width * 0.75}pt;height:${height * 0.75}pt`,
-      "o:ole": ""
-    }, [el14("v:imagedata", { "r:id": posterRelId, "o:title": input.filename })]),
-    el14("o:OLEObject", {
-      Type: "Embed",
-      ProgID: wordDocument ? "Word.Document.12" : "Package",
-      ShapeID: shapeId,
-      DrawAspect: "Content",
-      ObjectID: `_${1e9 + Number(id)}`,
-      "r:id": object.relId
-    }, wordDocument ? [el14("o:FieldCodes", {}, [], "\\s")] : [])
-  ]);
-  return insertAfterCaretRun(doc, caretT, objectEl);
-}
-
 // ../core/src/edit/references.ts
 function el15(name, attrs = {}) {
   return { name, attrs, children: [], text: "" };
@@ -29729,7 +29895,10 @@ function EquationMenu({ api }) {
     }
   };
   return /* @__PURE__ */ jsxs("span", { ref: rootRef, style: { position: "relative", display: "inline-block" }, children: [
-    /* @__PURE__ */ jsx("button", { title: "Insert equation", style: btnStyle(open), onMouseDown: (event) => event.preventDefault(), onClick: () => setOpen(!open), children: /* @__PURE__ */ jsx("span", { style: { fontFamily: "'Cambria Math', serif", fontSize: 18 }, children: "\u03C0" }) }),
+    /* @__PURE__ */ jsxs("button", { title: "Insert equation", style: btnStyle(open), onMouseDown: (event) => event.preventDefault(), onClick: () => setOpen(!open), children: [
+      /* @__PURE__ */ jsx("span", { style: { fontFamily: "'Cambria Math', serif", fontSize: 18 }, children: "\u03C0" }),
+      /* @__PURE__ */ jsx("span", { style: { marginLeft: 5 }, children: "Equation" })
+    ] }),
     open && /* @__PURE__ */ jsxs("div", { style: { position: "absolute", top: 28, right: 0, zIndex: 100, width: 340, padding: 10, background: T.popoverBg, border: `1px solid ${T.border}`, borderRadius: 8, boxShadow: T.popoverShadow }, children: [
       /* @__PURE__ */ jsx("div", { style: { font: "600 12px system-ui, sans-serif", marginBottom: 5, color: T.fg }, children: "Linear equation" }),
       /* @__PURE__ */ jsx(
@@ -31742,6 +31911,11 @@ function DocxView({
   const effZoomRef = useRef2(effectiveZoom);
   effZoomRef.current = effectiveZoom;
   const applyZoomRef = useRef2(null);
+  useEffect2(() => {
+    if (editable && typeof window !== "undefined" && !customElements.get("model-viewer")) {
+      void import("@google/model-viewer");
+    }
+  }, [editable]);
   const recomputeFit = useCallback2(() => {
     const c = containerRef.current;
     if (!c) return;
@@ -32188,8 +32362,10 @@ function DocxView({
             const target = insertionTarget();
             if (!target) return false;
             history.checkpoint();
-            if (!insertShapeAt(doc, target.t, preset, text)) return false;
+            const drawing = insertShapeAt(doc, target.t, preset, text);
+            if (!drawing) return false;
             pages = rerender(doc, void 0, "global");
+            editor?.reselectDrawing(drawing);
             return true;
           },
           insertWordArt: (text, preset = "plain") => {