pptx-viewer-core 1.2.2 → 1.2.4

package/CHANGELOG.md

@@ -4,6 +4,14 @@ All notable changes to this project are documented here.
 This file is generated from [Conventional Commits](https://www.conventionalcommits.org)
 by [git-cliff](https://git-cliff.org); do not edit it by hand.
 
+## [1.2.3](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-viewer-core@1.2.3) - 2026-07-08
+
+### Documentation
+
+- **core:** Remove explicit jszip/fast-xml-parser mention from install section (by @ChristopherVR) ([6b72906](https://github.com/ChristopherVR/pptx-viewer/commit/6b72906c08447ba38a704ff4572c89d7cad7e60c))
+
+## [1.2.2](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-viewer-core@1.2.2) - 2026-07-07
+
 ## [1.2.1](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-viewer-core@1.2.1) - 2026-07-06
 
 ## [1.2.0](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-viewer-core@1.2.0) - 2026-07-05

package/README.md

@@ -20,7 +20,7 @@ There is no UI here: this is the engine on its own. Use it directly when you nee
 npm install pptx-viewer-core
 ```
 
-> That's it, nothing else to install. **jszip** (a `.pptx` is a ZIP file, and this reads and writes that container) and **fast-xml-parser** (the slides inside are XML, and this reads and writes it) are regular dependencies of `pptx-viewer-core`, so your package manager pulls them in automatically. Password protection and digital signatures need a few extra packages (`node-forge`, `xml-crypto`, `@xmldom/xmldom`), but only if you actually use those features.
+> That's it, nothing else to install. All runtime dependencies are pulled in automatically by your package manager. Password protection and digital signatures need a few extra packages (`node-forge`, `xml-crypto`, `@xmldom/xmldom`), but only if you actually use those features.
 
 ## What it does
 

package/dist/index.d.mts

@@ -2594,7 +2594,11 @@ declare function addSmartArtNode(data: PptxSmartArtData, text: string, afterNode
 declare function removeSmartArtNode(data: PptxSmartArtData, nodeId: string): PptxSmartArtData;
 /**
  * Update the text of a SmartArt node by ID.
- * Clears drawing shapes to trigger layout reflow.
+ *
+ * When drawing shapes exist, updates the matching shape's text in-place so the
+ * renderer path does not change (avoids polygon-to-chevron downgrade that makes
+ * a pyramid look like stacked bars). When no drawing shapes are present the
+ * family renderer reads text directly from the node array.
  */
 declare function updateSmartArtNodeText(data: PptxSmartArtData, nodeId: string, newText: string): PptxSmartArtData;
 /**

package/dist/index.d.ts

@@ -2594,7 +2594,11 @@ declare function addSmartArtNode(data: PptxSmartArtData, text: string, afterNode
 declare function removeSmartArtNode(data: PptxSmartArtData, nodeId: string): PptxSmartArtData;
 /**
  * Update the text of a SmartArt node by ID.
- * Clears drawing shapes to trigger layout reflow.
+ *
+ * When drawing shapes exist, updates the matching shape's text in-place so the
+ * renderer path does not change (avoids polygon-to-chevron downgrade that makes
+ * a pyramid look like stacked bars). When no drawing shapes are present the
+ * family renderer reads text directly from the node array.
  */
 declare function updateSmartArtNodeText(data: PptxSmartArtData, nodeId: string, newText: string): PptxSmartArtData;
 /**

package/dist/index.js

@@ -16907,6 +16907,7 @@ function getDefaultShapeType(layoutType) {
     case "cycle":
     case "target":
     case "gear":
+      return "ellipse";
     case "relationship":
     case "venn":
       return "ellipse";
@@ -16914,7 +16915,10 @@ function getDefaultShapeType(layoutType) {
       return "chevron";
     case "pyramid":
     case "funnel":
-      return "rect";
+      return "trapezoid";
+    case "timeline":
+    case "bending":
+      return "roundRect";
     default:
       return "roundRect";
   }
@@ -17004,7 +17008,7 @@ function layoutCycle(nodes, bounds, themeColorMap) {
     const ny = cy + radius * Math.sin(angle) - nodeH / 2;
     const fill = accentColor(i, themeColorMap);
     elements.push(
-      makeShapeElement(nextId("sa-cycle"), nx, ny, nodeW, nodeH, "roundRect", fill, node.text, {
+      makeShapeElement(nextId("sa-cycle"), nx, ny, nodeW, nodeH, "ellipse", fill, node.text, {
         fontSize: Math.max(7, Math.min(10, nodeW * 0.1))
       })
     );
@@ -17071,7 +17075,7 @@ function layoutPyramid(nodes, bounds, themeColorMap) {
     const x = bounds.x + (bounds.width - w) / 2;
     const y = bounds.y + padding + i * (bandH + gap);
     const fill = accentColor(i, themeColorMap);
-    return makeShapeElement(nextId("sa-pyramid"), x, y, w, bandH, "rect", fill, node.text, {
+    return makeShapeElement(nextId("sa-pyramid"), x, y, w, bandH, "trapezoid", fill, node.text, {
       fontSize: Math.max(8, Math.min(11, bandH * 0.4))
     });
   });
@@ -17820,7 +17824,7 @@ function decomposeSmartArt(smartArtData, containerBounds, themeColorMap, layoutD
     themeColorMap,
     smartArtData.colorTransform?.fillColors
   );
-  const layoutType = smartArtData.resolvedLayoutType ?? resolveLayoutFromRawType(smartArtData.layoutType);
+  const layoutType = resolveEffectiveLayoutType(smartArtData);
   const namedLayout = smartArtData.layout;
   if (namedLayout) {
     const namedResult = dispatchNamedLayout(namedLayout, nodes, containerBounds, effectiveThemeMap);
@@ -17851,6 +17855,52 @@ function dispatchLayoutByType(layoutType, nodes, containerBounds, effectiveTheme
       return layoutWithHeuristic(nodes, containerBounds, effectiveThemeMap);
   }
 }
+var LAYOUT_PRESET_TO_TYPE = {
+  basicBlockList: "list",
+  alternatingHexagons: "list",
+  horizontalBulletList: "list",
+  stackedList: "list",
+  tableList: "list",
+  trapezoidList: "list",
+  pictureAccentList: "list",
+  verticalBlockList: "list",
+  groupedList: "list",
+  pyramidList: "list",
+  horizontalPictureList: "list",
+  basicMatrix: "matrix",
+  basicPyramid: "pyramid",
+  invertedPyramid: "pyramid",
+  basicChevronProcess: "chevron",
+  continuousBlockProcess: "process",
+  segmentedProcess: "process",
+  upwardArrow: "process",
+  basicTimeline: "timeline",
+  bendingProcess: "bending",
+  stepDownProcess: "process",
+  alternatingFlow: "process",
+  descendingProcess: "process",
+  accentProcess: "process",
+  verticalChevronList: "chevron",
+  basicFunnel: "funnel",
+  basicCycle: "cycle",
+  basicPie: "cycle",
+  basicRadial: "cycle",
+  basicVenn: "relationship",
+  convergingRadial: "cycle",
+  linearVenn: "relationship",
+  basicTarget: "target",
+  interlockingGears: "gear",
+  hierarchy: "hierarchy"
+};
+function resolveEffectiveLayoutType(data) {
+  if (data.resolvedLayoutType && data.resolvedLayoutType !== "unknown") {
+    return data.resolvedLayoutType;
+  }
+  if (data.layout && LAYOUT_PRESET_TO_TYPE[data.layout]) {
+    return LAYOUT_PRESET_TO_TYPE[data.layout];
+  }
+  return resolveLayoutFromRawType(data.layoutType);
+}
 function buildEffectiveThemeMap(themeColorMap, colorTransformFills) {
   if (!colorTransformFills || colorTransformFills.length === 0) {
     return themeColorMap;
@@ -17952,6 +18002,9 @@ function resolveLayoutFromRawType(layoutType) {
 }
 
 // src/core/utils/smartart-editing-node-ops.ts
+function markShapesStale(shapes) {
+  return shapes !== void 0 && shapes.length > 0 ? [] : void 0;
+}
 function nextModelId() {
   return `{${generateFontGuid()}}`;
 }
@@ -18005,8 +18058,7 @@ function addSmartArtNode(data, text, afterNodeId) {
     ...data,
     nodes,
     connections: connections.length > 0 ? connections : void 0,
-    // Clear pre-computed shapes to force layout reflow
-    drawingShapes: void 0
+    drawingShapes: markShapesStale(data.drawingShapes)
   };
 }
 function removeSmartArtNode(data, nodeId) {
@@ -18035,7 +18087,7 @@ function removeSmartArtNode(data, nodeId) {
     ...data,
     nodes,
     connections: connections.length > 0 ? connections : void 0,
-    drawingShapes: void 0
+    drawingShapes: markShapesStale(data.drawingShapes)
   };
 }
 function updateSmartArtNodeText(data, nodeId, newText) {
@@ -18043,9 +18095,48 @@ function updateSmartArtNodeText(data, nodeId, newText) {
   return {
     ...data,
     nodes,
-    drawingShapes: void 0
+    drawingShapes: patchDrawingShapeText(data.drawingShapes, data.nodes, nodeId, newText)
   };
 }
+function patchDrawingShapeText(shapes, nodes, nodeId, newText) {
+  if (!shapes || shapes.length === 0) {
+    return shapes;
+  }
+  const idx = findDrawingShapeIndex(shapes, nodes, nodeId);
+  if (idx < 0) {
+    return [];
+  }
+  const updated = [...shapes];
+  updated[idx] = { ...updated[idx], text: newText };
+  return updated;
+}
+function findDrawingShapeIndex(shapes, nodes, nodeId) {
+  for (let i = 0; i < shapes.length; i++) {
+    if (shapes[i].id.startsWith("reflow-") && shapes[i].id.endsWith(`-${nodeId}`)) {
+      return i;
+    }
+  }
+  if (shapes.length === nodes.length) {
+    const nodeIdx = nodes.findIndex((n) => n.id === nodeId);
+    if (nodeIdx >= 0) {
+      return nodeIdx;
+    }
+  }
+  const node = nodes.find((n) => n.id === nodeId);
+  if (node?.text) {
+    const text = node.text.trim();
+    const matches = [];
+    for (let i = 0; i < shapes.length; i++) {
+      if (shapes[i].text?.trim() === text) {
+        matches.push(i);
+      }
+    }
+    if (matches.length === 1) {
+      return matches[0];
+    }
+  }
+  return -1;
+}
 function reorderSmartArtNode(data, nodeId, direction) {
   const node = data.nodes.find((n) => n.id === nodeId);
   if (!node) {
@@ -18068,7 +18159,7 @@ function reorderSmartArtNode(data, nodeId, direction) {
   return {
     ...data,
     nodes,
-    drawingShapes: void 0
+    drawingShapes: markShapesStale(data.drawingShapes)
   };
 }
 function promoteSmartArtNode(data, nodeId) {
@@ -18095,7 +18186,7 @@ function promoteSmartArtNode(data, nodeId) {
     ...data,
     nodes,
     connections: connections.length > 0 ? connections : void 0,
-    drawingShapes: void 0
+    drawingShapes: markShapesStale(data.drawingShapes)
   };
 }
 function demoteSmartArtNode(data, nodeId) {
@@ -18122,7 +18213,7 @@ function demoteSmartArtNode(data, nodeId) {
     ...data,
     nodes,
     connections: connections.length > 0 ? connections : void 0,
-    drawingShapes: void 0
+    drawingShapes: markShapesStale(data.drawingShapes)
   };
 }
 function addSmartArtNodeAsChild(data, parentId, text) {
@@ -18150,7 +18241,7 @@ function addSmartArtNodeAsChild(data, parentId, text) {
     ...data,
     nodes,
     connections: connections.length > 0 ? connections : void 0,
-    drawingShapes: void 0
+    drawingShapes: markShapesStale(data.drawingShapes)
   };
 }
 function reorderSmartArtNodeToIndex(data, nodeId, newIndex) {
@@ -18183,7 +18274,7 @@ function reorderSmartArtNodeToIndex(data, nodeId, newIndex) {
   return {
     ...data,
     nodes,
-    drawingShapes: void 0
+    drawingShapes: markShapesStale(data.drawingShapes)
   };
 }
 
@@ -18223,9 +18314,61 @@ function setSmartArtNodeStyle(data, nodeId, style) {
   return {
     ...data,
     nodes,
-    drawingShapes: void 0
+    drawingShapes: patchDrawingShapeStyle(data.drawingShapes, data.nodes, nodeId, style)
   };
 }
+function patchDrawingShapeStyle(shapes, nodes, nodeId, style) {
+  if (!shapes || shapes.length === 0) {
+    return shapes;
+  }
+  const idx = findShapeIndexForNode(shapes, nodes, nodeId);
+  if (idx < 0) {
+    return [];
+  }
+  const patch = {};
+  if (style.fillColor !== void 0) {
+    patch.fillColor = style.fillColor;
+  }
+  if (style.lineColor !== void 0) {
+    patch.strokeColor = style.lineColor;
+  }
+  if (style.fontColor !== void 0) {
+    patch.fontColor = style.fontColor;
+  }
+  if (Object.keys(patch).length === 0) {
+    return shapes;
+  }
+  const updated = [...shapes];
+  updated[idx] = { ...updated[idx], ...patch };
+  return updated;
+}
+function findShapeIndexForNode(shapes, nodes, nodeId) {
+  for (let i = 0; i < shapes.length; i++) {
+    if (shapes[i].id.startsWith("reflow-") && shapes[i].id.endsWith(`-${nodeId}`)) {
+      return i;
+    }
+  }
+  if (shapes.length === nodes.length) {
+    const nodeIdx = nodes.findIndex((n) => n.id === nodeId);
+    if (nodeIdx >= 0) {
+      return nodeIdx;
+    }
+  }
+  const node = nodes.find((n) => n.id === nodeId);
+  if (node?.text) {
+    const text = node.text.trim();
+    const matches = [];
+    for (let i = 0; i < shapes.length; i++) {
+      if (shapes[i].text?.trim() === text) {
+        matches.push(i);
+      }
+    }
+    if (matches.length === 1) {
+      return matches[0];
+    }
+  }
+  return -1;
+}
 
 // src/core/utils/smartart-editing-reflow-layouts-geometric.ts
 function reflowCycle(nodes, bounds) {
@@ -20282,20 +20425,24 @@ function switchSmartArtLayout(currentData, newLayoutType) {
   return {
     ...currentData,
     // Clear the raw layoutType string since the user is explicitly
-    // choosing a resolved category — this avoids the heuristic
+    // choosing a resolved category - this avoids the heuristic
     // re-resolve overriding their choice.
     layoutType: newLayoutType,
     resolvedLayoutType: newLayoutType,
-    // Clear the named layout preset — switching category invalidates it
+    // Clear the named layout preset - switching category invalidates it
     layout: void 0,
-    // Clear stale pre-computed drawing shapes from the old layout so the
+    // Mark stale pre-computed drawing shapes from the old layout so the
     // reflow pipeline (rebuildDrawingShapesIfCleared) regenerates them for
-    // the new layout type; otherwise the renderer keeps preferring the old
-    // shapes and the switch has no visible effect.
-    drawingShapes: void 0
+    // the new layout type. If the element never had drawing shapes (freshly
+    // inserted), leave undefined so the family SVG renderer handles it
+    // without triggering a lossy polygon-to-chevron reflow.
+    drawingShapes: markShapesStale2(currentData.drawingShapes)
     // Preserve everything else: nodes, connections, colours, styles, chrome, etc.
   };
 }
+function markShapesStale2(shapes) {
+  return shapes !== void 0 && shapes.length > 0 ? [] : void 0;
+}
 function isSwitchableLayoutType(layoutType) {
   return SWITCHABLE_LAYOUT_TYPES.includes(layoutType);
 }
@@ -35994,14 +36141,19 @@ function transPointXml(guid, type, cxnGuid) {
 function docPointXml(docGuid, ids) {
   return `<dgm:pt modelId="${docGuid}" type="doc"><dgm:prSet loTypeId="${xmlEscape(ids.layoutUniqueId)}" loCatId="${xmlEscape(ids.layoutCategory)}" qsTypeId="${xmlEscape(ids.quickStyleUniqueId)}" qsCatId="simple" csTypeId="${xmlEscape(ids.colorsUniqueId)}" csCatId="${xmlEscape(ids.colorsCategory)}"/><dgm:spPr/>${EMPTY_TEXT_BODY}</dgm:pt>`;
 }
-function buildFabricatedDiagramDataXml(data, ids) {
-  const docGuid = newSmartArtGuid();
+function buildNodeGuidMap(nodes) {
   const guidByNodeId = /* @__PURE__ */ new Map();
-  for (const node of data.nodes) {
+  for (const node of nodes) {
     if (node.id && !guidByNodeId.has(node.id)) {
       guidByNodeId.set(node.id, GUID_MODEL_ID.test(node.id) ? node.id : newSmartArtGuid());
     }
   }
+  return guidByNodeId;
+}
+var DSP_DATA_MODEL_EXT_URI = "http://schemas.microsoft.com/office/drawing/2008/diagram";
+function buildFabricatedDiagramDataXml(data, ids, options = {}) {
+  const docGuid = newSmartArtGuid();
+  const guidByNodeId = options.guidByNodeId ?? buildNodeGuidMap(data.nodes);
   const points2 = [docPointXml(docGuid, ids)];
   const connections = [];
   const nextSrcOrd = /* @__PURE__ */ new Map();
@@ -36024,7 +36176,121 @@ function buildFabricatedDiagramDataXml(data, ids) {
     );
   }
   return `${XML_PROLOG}\r
-<dgm:dataModel ${DGM_XMLNS}><dgm:ptLst>${points2.join("")}</dgm:ptLst><dgm:cxnLst>${connections.join("")}</dgm:cxnLst><dgm:bg/><dgm:whole/></dgm:dataModel>`;
+<dgm:dataModel ${DGM_XMLNS}><dgm:ptLst>${points2.join("")}</dgm:ptLst><dgm:cxnLst>${connections.join("")}</dgm:cxnLst><dgm:bg/><dgm:whole/>${dataModelExtXml(options.drawingRelId)}</dgm:dataModel>`;
+}
+function dataModelExtXml(drawingRelId) {
+  if (!drawingRelId) {
+    return "";
+  }
+  return `<dgm:extLst><a:ext uri="${DSP_DATA_MODEL_EXT_URI}"><dsp:dataModelExt xmlns:dsp="${DSP_DATA_MODEL_EXT_URI}" relId="${xmlEscape(drawingRelId)}" minVer="http://schemas.openxmlformats.org/drawingml/2006/diagram"/></a:ext></dgm:extLst>`;
+}
+
+// src/core/core/runtime/smartart-fabrication-drawing.ts
+var DIAGRAM_DRAWING_CONTENT_TYPE = "application/vnd.ms-office.drawingml.diagramDrawing+xml";
+var DIAGRAM_DRAWING_REL_TYPE = "http://schemas.microsoft.com/office/2007/relationships/diagramDrawing";
+var DSP_XMLNS = 'xmlns:dsp="http://schemas.microsoft.com/office/drawing/2008/diagram" xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships"';
+var ACCENTS = ["accent1", "accent2", "accent3", "accent4", "accent5", "accent6"];
+function toEmu(px2) {
+  return Math.round(px2 * EMU_PER_PX);
+}
+function normalizeHex3(color) {
+  if (!color) {
+    return void 0;
+  }
+  const hex8 = color.replace(/^#/u, "").trim();
+  return /^[0-9A-Fa-f]{6}$/u.test(hex8) ? hex8.toUpperCase() : void 0;
+}
+function resolveShapeModelId(shape, index, nodes, guidByNodeId) {
+  const direct = guidByNodeId.get(shape.id);
+  if (direct) {
+    return direct;
+  }
+  const matched = nodes.find(
+    (node) => node.id && (shape.id === node.id || shape.id.endsWith(`-${node.id}`))
+  );
+  if (matched?.id) {
+    const guid = guidByNodeId.get(matched.id);
+    if (guid) {
+      return guid;
+    }
+  }
+  const positional = nodes[index]?.id;
+  if (positional) {
+    const guid = guidByNodeId.get(positional);
+    if (guid) {
+      return guid;
+    }
+  }
+  return newSmartArtGuid();
+}
+function textBodyXml(shape) {
+  const text = shape.text ?? "";
+  const fontColor = normalizeHex3(shape.fontColor);
+  const size = shape.fontSize && shape.fontSize > 0 ? ` sz="${Math.round(shape.fontSize * 100)}"` : "";
+  const fill = fontColor ? `<a:solidFill><a:srgbClr val="${fontColor}"/></a:solidFill>` : "";
+  const rPr = `<a:rPr lang="en-US"${size}>${fill}</a:rPr>`;
+  const run = text ? `<a:r>${rPr}<a:t>${xmlEscape(text)}</a:t></a:r>` : `<a:endParaRPr lang="en-US"/>`;
+  return `<dsp:txBody><a:bodyPr/><a:lstStyle/><a:p><a:pPr algn="ctr"/>${run}</a:p></dsp:txBody>`;
+}
+function styleXml(index) {
+  const accent = ACCENTS[index % ACCENTS.length];
+  return `<dsp:style><a:lnRef idx="2"><a:schemeClr val="${accent}"><a:shade val="50000"/></a:schemeClr></a:lnRef><a:fillRef idx="1"><a:schemeClr val="${accent}"/></a:fillRef><a:effectRef idx="0"><a:schemeClr val="${accent}"/></a:effectRef><a:fontRef idx="minor"><a:schemeClr val="lt1"/></a:fontRef></dsp:style>`;
+}
+function shapePropsXml(shape) {
+  const rot = shape.rotation ? ` rot="${Math.round(shape.rotation * 6e4)}"` : "";
+  const xfrm = `<a:xfrm${rot}><a:off x="${toEmu(shape.x)}" y="${toEmu(shape.y)}"/><a:ext cx="${toEmu(Math.max(shape.width, 1))}" cy="${toEmu(Math.max(shape.height, 1))}"/></a:xfrm>`;
+  const prst = shape.shapeType && shape.shapeType.length > 0 ? shape.shapeType : "rect";
+  const geom = `<a:prstGeom prst="${xmlEscape(prst)}"><a:avLst/></a:prstGeom>`;
+  const fillHex = normalizeHex3(shape.fillColor);
+  const fill = fillHex ? `<a:solidFill><a:srgbClr val="${fillHex}"/></a:solidFill>` : "";
+  const strokeHex = normalizeHex3(shape.strokeColor);
+  const strokeW = shape.strokeWidth && shape.strokeWidth > 0 ? ` w="${Math.round(shape.strokeWidth * 12700)}"` : "";
+  const ln = strokeHex ? `<a:ln${strokeW}><a:solidFill><a:srgbClr val="${strokeHex}"/></a:solidFill></a:ln>` : "";
+  return `<dsp:spPr>${xfrm}${geom}${fill}${ln}</dsp:spPr>`;
+}
+function shapeXml(shape, index, nodes, guidByNodeId) {
+  const modelId = resolveShapeModelId(shape, index, nodes, guidByNodeId);
+  return `<dsp:sp modelId="${modelId}"><dsp:nvSpPr><dsp:cNvPr id="0" name=""/><dsp:cNvSpPr/></dsp:nvSpPr>${shapePropsXml(shape)}${styleXml(index)}${textBodyXml(shape)}</dsp:sp>`;
+}
+function buildFabricatedDrawingXml(shapes, nodes, guidByNodeId) {
+  if (!shapes || shapes.length === 0) {
+    return void 0;
+  }
+  const body = shapes.map((shape, index) => shapeXml(shape, index, nodes, guidByNodeId)).join("");
+  return `${XML_PROLOG}\r
+<dsp:drawing ${DSP_XMLNS}><dsp:spTree><dsp:nvGrpSpPr><dsp:cNvPr id="0" name=""/><dsp:cNvGrpSpPr/></dsp:nvGrpSpPr><dsp:grpSpPr/>${body}</dsp:spTree></dsp:drawing>`;
+}
+function buildDiagramDataRelsXml(drawingRelId, drawingFileName) {
+  return `${XML_PROLOG}\r
+<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="${xmlEscape(drawingRelId)}" Type="${DIAGRAM_DRAWING_REL_TYPE}" Target="${xmlEscape(drawingFileName)}"/></Relationships>`;
+}
+function smartArtElementsToDrawingShapes(elements) {
+  if (!elements || elements.length === 0) {
+    return [];
+  }
+  const shapes = [];
+  for (const el of elements) {
+    if (el.type !== "shape") {
+      continue;
+    }
+    const shape = el;
+    shapes.push({
+      id: shape.id,
+      shapeType: shape.shapeType ?? "rect",
+      x: shape.x,
+      y: shape.y,
+      width: shape.width,
+      height: shape.height,
+      rotation: shape.rotation,
+      fillColor: shape.shapeStyle?.fillColor,
+      strokeColor: shape.shapeStyle?.strokeColor,
+      strokeWidth: shape.shapeStyle?.strokeWidth,
+      text: shape.text,
+      fontSize: shape.textStyle?.fontSize,
+      fontColor: shape.textStyle?.color
+    });
+  }
+  return shapes;
 }
 
 // src/core/core/runtime/smartart-fabrication-hierarchy.ts
@@ -36232,14 +36498,29 @@ var PptxHandlerRuntime32 = class _PptxHandlerRuntime extends PptxHandlerRuntime3
     const data = el.smartArtData;
     const family = resolveFabricatedLayoutFamily(data);
     const index = this.nextDiagramPartIndex();
+    const guidByNodeId = buildNodeGuidMap(data.nodes);
+    const drawingShapes = data.drawingShapes && data.drawingShapes.length > 0 ? data.drawingShapes : smartArtElementsToDrawingShapes(
+      decomposeSmartArt(data, {
+        x: 0,
+        y: 0,
+        width: Math.max(el.width, 1),
+        height: Math.max(el.height, 1)
+      })
+    );
+    const drawingRelId = "rId1";
+    const drawingXml = buildFabricatedDrawingXml(drawingShapes, data.nodes, guidByNodeId);
     const payloads = {
-      data: buildFabricatedDiagramDataXml(data, {
-        layoutUniqueId: fabricatedLayoutUniqueId(family),
-        layoutCategory: fabricatedLayoutCategory(family),
-        quickStyleUniqueId: FABRICATED_QUICKSTYLE_UNIQUE_ID,
-        colorsUniqueId: fabricatedColorsUniqueId(data.colorScheme),
-        colorsCategory: fabricatedColorsCategory(data.colorScheme)
-      }),
+      data: buildFabricatedDiagramDataXml(
+        data,
+        {
+          layoutUniqueId: fabricatedLayoutUniqueId(family),
+          layoutCategory: fabricatedLayoutCategory(family),
+          quickStyleUniqueId: FABRICATED_QUICKSTYLE_UNIQUE_ID,
+          colorsUniqueId: fabricatedColorsUniqueId(data.colorScheme),
+          colorsCategory: fabricatedColorsCategory(data.colorScheme)
+        },
+        { guidByNodeId, drawingRelId: drawingXml ? drawingRelId : void 0 }
+      ),
       layout: buildFabricatedLayoutDefXml(family),
       quickStyle: buildFabricatedQuickStyleXml(),
       colors: buildFabricatedColorsXml(data.colorScheme)
@@ -36263,6 +36544,19 @@ var PptxHandlerRuntime32 = class _PptxHandlerRuntime extends PptxHandlerRuntime3
       });
       relIds[kind.relAttr] = relId;
     }
+    if (drawingXml) {
+      const drawingFile = `drawing${index}.xml`;
+      const drawingPath = `ppt/diagrams/${drawingFile}`;
+      this.zip.file(drawingPath, drawingXml);
+      (this.pendingDiagramContentTypes ??= []).push({
+        partName: `/${drawingPath}`,
+        contentType: DIAGRAM_DRAWING_CONTENT_TYPE
+      });
+      this.zip.file(
+        `ppt/diagrams/_rels/data${index}.xml.rels`,
+        buildDiagramDataRelsXml(drawingRelId, drawingFile)
+      );
+    }
     const EMU = _PptxHandlerRuntime.EMU_PER_PX;
     return {
       "p:nvGraphicFramePr": {
@@ -37618,6 +37912,9 @@ var PptxHandlerRuntime41 = class _PptxHandlerRuntime extends PptxHandlerRuntime4
       slideLayoutRelationshipType,
       relationshipsNamespace
     });
+    for (const slide of slides) {
+      await this.processSlideForSave(slide, saveSession, saveConstants);
+    }
     const contentTypesXml2 = await this.zip.file("[Content_Types].xml")?.async("string");
     if (contentTypesXml2) {
       const contentTypesData = this.parser.parse(contentTypesXml2);
@@ -37629,9 +37926,6 @@ var PptxHandlerRuntime41 = class _PptxHandlerRuntime extends PptxHandlerRuntime4
       });
       this.zip.file("[Content_Types].xml", this.builder.build(contentTypesData));
     }
-    for (const slide of slides) {
-      await this.processSlideForSave(slide, saveSession, saveConstants);
-    }
     for (const existingCommentPath of saveSession.getExistingCommentPaths()) {
       if (saveSession.isCommentPathActive(existingCommentPath)) {
         continue;

package/dist/index.mjs

@@ -16902,6 +16902,7 @@ function getDefaultShapeType(layoutType) {
     case "cycle":
     case "target":
     case "gear":
+      return "ellipse";
     case "relationship":
     case "venn":
       return "ellipse";
@@ -16909,7 +16910,10 @@ function getDefaultShapeType(layoutType) {
       return "chevron";
     case "pyramid":
     case "funnel":
-      return "rect";
+      return "trapezoid";
+    case "timeline":
+    case "bending":
+      return "roundRect";
     default:
       return "roundRect";
   }
@@ -16999,7 +17003,7 @@ function layoutCycle(nodes, bounds, themeColorMap) {
     const ny = cy + radius * Math.sin(angle) - nodeH / 2;
     const fill = accentColor(i, themeColorMap);
     elements.push(
-      makeShapeElement(nextId("sa-cycle"), nx, ny, nodeW, nodeH, "roundRect", fill, node.text, {
+      makeShapeElement(nextId("sa-cycle"), nx, ny, nodeW, nodeH, "ellipse", fill, node.text, {
         fontSize: Math.max(7, Math.min(10, nodeW * 0.1))
       })
     );
@@ -17066,7 +17070,7 @@ function layoutPyramid(nodes, bounds, themeColorMap) {
     const x = bounds.x + (bounds.width - w) / 2;
     const y = bounds.y + padding + i * (bandH + gap);
     const fill = accentColor(i, themeColorMap);
-    return makeShapeElement(nextId("sa-pyramid"), x, y, w, bandH, "rect", fill, node.text, {
+    return makeShapeElement(nextId("sa-pyramid"), x, y, w, bandH, "trapezoid", fill, node.text, {
       fontSize: Math.max(8, Math.min(11, bandH * 0.4))
     });
   });
@@ -17815,7 +17819,7 @@ function decomposeSmartArt(smartArtData, containerBounds, themeColorMap, layoutD
     themeColorMap,
     smartArtData.colorTransform?.fillColors
   );
-  const layoutType = smartArtData.resolvedLayoutType ?? resolveLayoutFromRawType(smartArtData.layoutType);
+  const layoutType = resolveEffectiveLayoutType(smartArtData);
   const namedLayout = smartArtData.layout;
   if (namedLayout) {
     const namedResult = dispatchNamedLayout(namedLayout, nodes, containerBounds, effectiveThemeMap);
@@ -17846,6 +17850,52 @@ function dispatchLayoutByType(layoutType, nodes, containerBounds, effectiveTheme
       return layoutWithHeuristic(nodes, containerBounds, effectiveThemeMap);
   }
 }
+var LAYOUT_PRESET_TO_TYPE = {
+  basicBlockList: "list",
+  alternatingHexagons: "list",
+  horizontalBulletList: "list",
+  stackedList: "list",
+  tableList: "list",
+  trapezoidList: "list",
+  pictureAccentList: "list",
+  verticalBlockList: "list",
+  groupedList: "list",
+  pyramidList: "list",
+  horizontalPictureList: "list",
+  basicMatrix: "matrix",
+  basicPyramid: "pyramid",
+  invertedPyramid: "pyramid",
+  basicChevronProcess: "chevron",
+  continuousBlockProcess: "process",
+  segmentedProcess: "process",
+  upwardArrow: "process",
+  basicTimeline: "timeline",
+  bendingProcess: "bending",
+  stepDownProcess: "process",
+  alternatingFlow: "process",
+  descendingProcess: "process",
+  accentProcess: "process",
+  verticalChevronList: "chevron",
+  basicFunnel: "funnel",
+  basicCycle: "cycle",
+  basicPie: "cycle",
+  basicRadial: "cycle",
+  basicVenn: "relationship",
+  convergingRadial: "cycle",
+  linearVenn: "relationship",
+  basicTarget: "target",
+  interlockingGears: "gear",
+  hierarchy: "hierarchy"
+};
+function resolveEffectiveLayoutType(data) {
+  if (data.resolvedLayoutType && data.resolvedLayoutType !== "unknown") {
+    return data.resolvedLayoutType;
+  }
+  if (data.layout && LAYOUT_PRESET_TO_TYPE[data.layout]) {
+    return LAYOUT_PRESET_TO_TYPE[data.layout];
+  }
+  return resolveLayoutFromRawType(data.layoutType);
+}
 function buildEffectiveThemeMap(themeColorMap, colorTransformFills) {
   if (!colorTransformFills || colorTransformFills.length === 0) {
     return themeColorMap;
@@ -17947,6 +17997,9 @@ function resolveLayoutFromRawType(layoutType) {
 }
 
 // src/core/utils/smartart-editing-node-ops.ts
+function markShapesStale(shapes) {
+  return shapes !== void 0 && shapes.length > 0 ? [] : void 0;
+}
 function nextModelId() {
   return `{${generateFontGuid()}}`;
 }
@@ -18000,8 +18053,7 @@ function addSmartArtNode(data, text, afterNodeId) {
     ...data,
     nodes,
     connections: connections.length > 0 ? connections : void 0,
-    // Clear pre-computed shapes to force layout reflow
-    drawingShapes: void 0
+    drawingShapes: markShapesStale(data.drawingShapes)
   };
 }
 function removeSmartArtNode(data, nodeId) {
@@ -18030,7 +18082,7 @@ function removeSmartArtNode(data, nodeId) {
     ...data,
     nodes,
     connections: connections.length > 0 ? connections : void 0,
-    drawingShapes: void 0
+    drawingShapes: markShapesStale(data.drawingShapes)
   };
 }
 function updateSmartArtNodeText(data, nodeId, newText) {
@@ -18038,9 +18090,48 @@ function updateSmartArtNodeText(data, nodeId, newText) {
   return {
     ...data,
     nodes,
-    drawingShapes: void 0
+    drawingShapes: patchDrawingShapeText(data.drawingShapes, data.nodes, nodeId, newText)
   };
 }
+function patchDrawingShapeText(shapes, nodes, nodeId, newText) {
+  if (!shapes || shapes.length === 0) {
+    return shapes;
+  }
+  const idx = findDrawingShapeIndex(shapes, nodes, nodeId);
+  if (idx < 0) {
+    return [];
+  }
+  const updated = [...shapes];
+  updated[idx] = { ...updated[idx], text: newText };
+  return updated;
+}
+function findDrawingShapeIndex(shapes, nodes, nodeId) {
+  for (let i = 0; i < shapes.length; i++) {
+    if (shapes[i].id.startsWith("reflow-") && shapes[i].id.endsWith(`-${nodeId}`)) {
+      return i;
+    }
+  }
+  if (shapes.length === nodes.length) {
+    const nodeIdx = nodes.findIndex((n) => n.id === nodeId);
+    if (nodeIdx >= 0) {
+      return nodeIdx;
+    }
+  }
+  const node = nodes.find((n) => n.id === nodeId);
+  if (node?.text) {
+    const text = node.text.trim();
+    const matches = [];
+    for (let i = 0; i < shapes.length; i++) {
+      if (shapes[i].text?.trim() === text) {
+        matches.push(i);
+      }
+    }
+    if (matches.length === 1) {
+      return matches[0];
+    }
+  }
+  return -1;
+}
 function reorderSmartArtNode(data, nodeId, direction) {
   const node = data.nodes.find((n) => n.id === nodeId);
   if (!node) {
@@ -18063,7 +18154,7 @@ function reorderSmartArtNode(data, nodeId, direction) {
   return {
     ...data,
     nodes,
-    drawingShapes: void 0
+    drawingShapes: markShapesStale(data.drawingShapes)
   };
 }
 function promoteSmartArtNode(data, nodeId) {
@@ -18090,7 +18181,7 @@ function promoteSmartArtNode(data, nodeId) {
     ...data,
     nodes,
     connections: connections.length > 0 ? connections : void 0,
-    drawingShapes: void 0
+    drawingShapes: markShapesStale(data.drawingShapes)
   };
 }
 function demoteSmartArtNode(data, nodeId) {
@@ -18117,7 +18208,7 @@ function demoteSmartArtNode(data, nodeId) {
     ...data,
     nodes,
     connections: connections.length > 0 ? connections : void 0,
-    drawingShapes: void 0
+    drawingShapes: markShapesStale(data.drawingShapes)
   };
 }
 function addSmartArtNodeAsChild(data, parentId, text) {
@@ -18145,7 +18236,7 @@ function addSmartArtNodeAsChild(data, parentId, text) {
     ...data,
     nodes,
     connections: connections.length > 0 ? connections : void 0,
-    drawingShapes: void 0
+    drawingShapes: markShapesStale(data.drawingShapes)
   };
 }
 function reorderSmartArtNodeToIndex(data, nodeId, newIndex) {
@@ -18178,7 +18269,7 @@ function reorderSmartArtNodeToIndex(data, nodeId, newIndex) {
   return {
     ...data,
     nodes,
-    drawingShapes: void 0
+    drawingShapes: markShapesStale(data.drawingShapes)
   };
 }
 
@@ -18218,9 +18309,61 @@ function setSmartArtNodeStyle(data, nodeId, style) {
   return {
     ...data,
     nodes,
-    drawingShapes: void 0
+    drawingShapes: patchDrawingShapeStyle(data.drawingShapes, data.nodes, nodeId, style)
   };
 }
+function patchDrawingShapeStyle(shapes, nodes, nodeId, style) {
+  if (!shapes || shapes.length === 0) {
+    return shapes;
+  }
+  const idx = findShapeIndexForNode(shapes, nodes, nodeId);
+  if (idx < 0) {
+    return [];
+  }
+  const patch = {};
+  if (style.fillColor !== void 0) {
+    patch.fillColor = style.fillColor;
+  }
+  if (style.lineColor !== void 0) {
+    patch.strokeColor = style.lineColor;
+  }
+  if (style.fontColor !== void 0) {
+    patch.fontColor = style.fontColor;
+  }
+  if (Object.keys(patch).length === 0) {
+    return shapes;
+  }
+  const updated = [...shapes];
+  updated[idx] = { ...updated[idx], ...patch };
+  return updated;
+}
+function findShapeIndexForNode(shapes, nodes, nodeId) {
+  for (let i = 0; i < shapes.length; i++) {
+    if (shapes[i].id.startsWith("reflow-") && shapes[i].id.endsWith(`-${nodeId}`)) {
+      return i;
+    }
+  }
+  if (shapes.length === nodes.length) {
+    const nodeIdx = nodes.findIndex((n) => n.id === nodeId);
+    if (nodeIdx >= 0) {
+      return nodeIdx;
+    }
+  }
+  const node = nodes.find((n) => n.id === nodeId);
+  if (node?.text) {
+    const text = node.text.trim();
+    const matches = [];
+    for (let i = 0; i < shapes.length; i++) {
+      if (shapes[i].text?.trim() === text) {
+        matches.push(i);
+      }
+    }
+    if (matches.length === 1) {
+      return matches[0];
+    }
+  }
+  return -1;
+}
 
 // src/core/utils/smartart-editing-reflow-layouts-geometric.ts
 function reflowCycle(nodes, bounds) {
@@ -20277,20 +20420,24 @@ function switchSmartArtLayout(currentData, newLayoutType) {
   return {
     ...currentData,
     // Clear the raw layoutType string since the user is explicitly
-    // choosing a resolved category — this avoids the heuristic
+    // choosing a resolved category - this avoids the heuristic
     // re-resolve overriding their choice.
     layoutType: newLayoutType,
     resolvedLayoutType: newLayoutType,
-    // Clear the named layout preset — switching category invalidates it
+    // Clear the named layout preset - switching category invalidates it
     layout: void 0,
-    // Clear stale pre-computed drawing shapes from the old layout so the
+    // Mark stale pre-computed drawing shapes from the old layout so the
     // reflow pipeline (rebuildDrawingShapesIfCleared) regenerates them for
-    // the new layout type; otherwise the renderer keeps preferring the old
-    // shapes and the switch has no visible effect.
-    drawingShapes: void 0
+    // the new layout type. If the element never had drawing shapes (freshly
+    // inserted), leave undefined so the family SVG renderer handles it
+    // without triggering a lossy polygon-to-chevron reflow.
+    drawingShapes: markShapesStale2(currentData.drawingShapes)
     // Preserve everything else: nodes, connections, colours, styles, chrome, etc.
   };
 }
+function markShapesStale2(shapes) {
+  return shapes !== void 0 && shapes.length > 0 ? [] : void 0;
+}
 function isSwitchableLayoutType(layoutType) {
   return SWITCHABLE_LAYOUT_TYPES.includes(layoutType);
 }
@@ -35989,14 +36136,19 @@ function transPointXml(guid, type, cxnGuid) {
 function docPointXml(docGuid, ids) {
   return `<dgm:pt modelId="${docGuid}" type="doc"><dgm:prSet loTypeId="${xmlEscape(ids.layoutUniqueId)}" loCatId="${xmlEscape(ids.layoutCategory)}" qsTypeId="${xmlEscape(ids.quickStyleUniqueId)}" qsCatId="simple" csTypeId="${xmlEscape(ids.colorsUniqueId)}" csCatId="${xmlEscape(ids.colorsCategory)}"/><dgm:spPr/>${EMPTY_TEXT_BODY}</dgm:pt>`;
 }
-function buildFabricatedDiagramDataXml(data, ids) {
-  const docGuid = newSmartArtGuid();
+function buildNodeGuidMap(nodes) {
   const guidByNodeId = /* @__PURE__ */ new Map();
-  for (const node of data.nodes) {
+  for (const node of nodes) {
     if (node.id && !guidByNodeId.has(node.id)) {
       guidByNodeId.set(node.id, GUID_MODEL_ID.test(node.id) ? node.id : newSmartArtGuid());
     }
   }
+  return guidByNodeId;
+}
+var DSP_DATA_MODEL_EXT_URI = "http://schemas.microsoft.com/office/drawing/2008/diagram";
+function buildFabricatedDiagramDataXml(data, ids, options = {}) {
+  const docGuid = newSmartArtGuid();
+  const guidByNodeId = options.guidByNodeId ?? buildNodeGuidMap(data.nodes);
   const points2 = [docPointXml(docGuid, ids)];
   const connections = [];
   const nextSrcOrd = /* @__PURE__ */ new Map();
@@ -36019,7 +36171,121 @@ function buildFabricatedDiagramDataXml(data, ids) {
     );
   }
   return `${XML_PROLOG}\r
-<dgm:dataModel ${DGM_XMLNS}><dgm:ptLst>${points2.join("")}</dgm:ptLst><dgm:cxnLst>${connections.join("")}</dgm:cxnLst><dgm:bg/><dgm:whole/></dgm:dataModel>`;
+<dgm:dataModel ${DGM_XMLNS}><dgm:ptLst>${points2.join("")}</dgm:ptLst><dgm:cxnLst>${connections.join("")}</dgm:cxnLst><dgm:bg/><dgm:whole/>${dataModelExtXml(options.drawingRelId)}</dgm:dataModel>`;
+}
+function dataModelExtXml(drawingRelId) {
+  if (!drawingRelId) {
+    return "";
+  }
+  return `<dgm:extLst><a:ext uri="${DSP_DATA_MODEL_EXT_URI}"><dsp:dataModelExt xmlns:dsp="${DSP_DATA_MODEL_EXT_URI}" relId="${xmlEscape(drawingRelId)}" minVer="http://schemas.openxmlformats.org/drawingml/2006/diagram"/></a:ext></dgm:extLst>`;
+}
+
+// src/core/core/runtime/smartart-fabrication-drawing.ts
+var DIAGRAM_DRAWING_CONTENT_TYPE = "application/vnd.ms-office.drawingml.diagramDrawing+xml";
+var DIAGRAM_DRAWING_REL_TYPE = "http://schemas.microsoft.com/office/2007/relationships/diagramDrawing";
+var DSP_XMLNS = 'xmlns:dsp="http://schemas.microsoft.com/office/drawing/2008/diagram" xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships"';
+var ACCENTS = ["accent1", "accent2", "accent3", "accent4", "accent5", "accent6"];
+function toEmu(px2) {
+  return Math.round(px2 * EMU_PER_PX);
+}
+function normalizeHex3(color) {
+  if (!color) {
+    return void 0;
+  }
+  const hex8 = color.replace(/^#/u, "").trim();
+  return /^[0-9A-Fa-f]{6}$/u.test(hex8) ? hex8.toUpperCase() : void 0;
+}
+function resolveShapeModelId(shape, index, nodes, guidByNodeId) {
+  const direct = guidByNodeId.get(shape.id);
+  if (direct) {
+    return direct;
+  }
+  const matched = nodes.find(
+    (node) => node.id && (shape.id === node.id || shape.id.endsWith(`-${node.id}`))
+  );
+  if (matched?.id) {
+    const guid = guidByNodeId.get(matched.id);
+    if (guid) {
+      return guid;
+    }
+  }
+  const positional = nodes[index]?.id;
+  if (positional) {
+    const guid = guidByNodeId.get(positional);
+    if (guid) {
+      return guid;
+    }
+  }
+  return newSmartArtGuid();
+}
+function textBodyXml(shape) {
+  const text = shape.text ?? "";
+  const fontColor = normalizeHex3(shape.fontColor);
+  const size = shape.fontSize && shape.fontSize > 0 ? ` sz="${Math.round(shape.fontSize * 100)}"` : "";
+  const fill = fontColor ? `<a:solidFill><a:srgbClr val="${fontColor}"/></a:solidFill>` : "";
+  const rPr = `<a:rPr lang="en-US"${size}>${fill}</a:rPr>`;
+  const run = text ? `<a:r>${rPr}<a:t>${xmlEscape(text)}</a:t></a:r>` : `<a:endParaRPr lang="en-US"/>`;
+  return `<dsp:txBody><a:bodyPr/><a:lstStyle/><a:p><a:pPr algn="ctr"/>${run}</a:p></dsp:txBody>`;
+}
+function styleXml(index) {
+  const accent = ACCENTS[index % ACCENTS.length];
+  return `<dsp:style><a:lnRef idx="2"><a:schemeClr val="${accent}"><a:shade val="50000"/></a:schemeClr></a:lnRef><a:fillRef idx="1"><a:schemeClr val="${accent}"/></a:fillRef><a:effectRef idx="0"><a:schemeClr val="${accent}"/></a:effectRef><a:fontRef idx="minor"><a:schemeClr val="lt1"/></a:fontRef></dsp:style>`;
+}
+function shapePropsXml(shape) {
+  const rot = shape.rotation ? ` rot="${Math.round(shape.rotation * 6e4)}"` : "";
+  const xfrm = `<a:xfrm${rot}><a:off x="${toEmu(shape.x)}" y="${toEmu(shape.y)}"/><a:ext cx="${toEmu(Math.max(shape.width, 1))}" cy="${toEmu(Math.max(shape.height, 1))}"/></a:xfrm>`;
+  const prst = shape.shapeType && shape.shapeType.length > 0 ? shape.shapeType : "rect";
+  const geom = `<a:prstGeom prst="${xmlEscape(prst)}"><a:avLst/></a:prstGeom>`;
+  const fillHex = normalizeHex3(shape.fillColor);
+  const fill = fillHex ? `<a:solidFill><a:srgbClr val="${fillHex}"/></a:solidFill>` : "";
+  const strokeHex = normalizeHex3(shape.strokeColor);
+  const strokeW = shape.strokeWidth && shape.strokeWidth > 0 ? ` w="${Math.round(shape.strokeWidth * 12700)}"` : "";
+  const ln = strokeHex ? `<a:ln${strokeW}><a:solidFill><a:srgbClr val="${strokeHex}"/></a:solidFill></a:ln>` : "";
+  return `<dsp:spPr>${xfrm}${geom}${fill}${ln}</dsp:spPr>`;
+}
+function shapeXml(shape, index, nodes, guidByNodeId) {
+  const modelId = resolveShapeModelId(shape, index, nodes, guidByNodeId);
+  return `<dsp:sp modelId="${modelId}"><dsp:nvSpPr><dsp:cNvPr id="0" name=""/><dsp:cNvSpPr/></dsp:nvSpPr>${shapePropsXml(shape)}${styleXml(index)}${textBodyXml(shape)}</dsp:sp>`;
+}
+function buildFabricatedDrawingXml(shapes, nodes, guidByNodeId) {
+  if (!shapes || shapes.length === 0) {
+    return void 0;
+  }
+  const body = shapes.map((shape, index) => shapeXml(shape, index, nodes, guidByNodeId)).join("");
+  return `${XML_PROLOG}\r
+<dsp:drawing ${DSP_XMLNS}><dsp:spTree><dsp:nvGrpSpPr><dsp:cNvPr id="0" name=""/><dsp:cNvGrpSpPr/></dsp:nvGrpSpPr><dsp:grpSpPr/>${body}</dsp:spTree></dsp:drawing>`;
+}
+function buildDiagramDataRelsXml(drawingRelId, drawingFileName) {
+  return `${XML_PROLOG}\r
+<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="${xmlEscape(drawingRelId)}" Type="${DIAGRAM_DRAWING_REL_TYPE}" Target="${xmlEscape(drawingFileName)}"/></Relationships>`;
+}
+function smartArtElementsToDrawingShapes(elements) {
+  if (!elements || elements.length === 0) {
+    return [];
+  }
+  const shapes = [];
+  for (const el of elements) {
+    if (el.type !== "shape") {
+      continue;
+    }
+    const shape = el;
+    shapes.push({
+      id: shape.id,
+      shapeType: shape.shapeType ?? "rect",
+      x: shape.x,
+      y: shape.y,
+      width: shape.width,
+      height: shape.height,
+      rotation: shape.rotation,
+      fillColor: shape.shapeStyle?.fillColor,
+      strokeColor: shape.shapeStyle?.strokeColor,
+      strokeWidth: shape.shapeStyle?.strokeWidth,
+      text: shape.text,
+      fontSize: shape.textStyle?.fontSize,
+      fontColor: shape.textStyle?.color
+    });
+  }
+  return shapes;
 }
 
 // src/core/core/runtime/smartart-fabrication-hierarchy.ts
@@ -36227,14 +36493,29 @@ var PptxHandlerRuntime32 = class _PptxHandlerRuntime extends PptxHandlerRuntime3
     const data = el.smartArtData;
     const family = resolveFabricatedLayoutFamily(data);
     const index = this.nextDiagramPartIndex();
+    const guidByNodeId = buildNodeGuidMap(data.nodes);
+    const drawingShapes = data.drawingShapes && data.drawingShapes.length > 0 ? data.drawingShapes : smartArtElementsToDrawingShapes(
+      decomposeSmartArt(data, {
+        x: 0,
+        y: 0,
+        width: Math.max(el.width, 1),
+        height: Math.max(el.height, 1)
+      })
+    );
+    const drawingRelId = "rId1";
+    const drawingXml = buildFabricatedDrawingXml(drawingShapes, data.nodes, guidByNodeId);
     const payloads = {
-      data: buildFabricatedDiagramDataXml(data, {
-        layoutUniqueId: fabricatedLayoutUniqueId(family),
-        layoutCategory: fabricatedLayoutCategory(family),
-        quickStyleUniqueId: FABRICATED_QUICKSTYLE_UNIQUE_ID,
-        colorsUniqueId: fabricatedColorsUniqueId(data.colorScheme),
-        colorsCategory: fabricatedColorsCategory(data.colorScheme)
-      }),
+      data: buildFabricatedDiagramDataXml(
+        data,
+        {
+          layoutUniqueId: fabricatedLayoutUniqueId(family),
+          layoutCategory: fabricatedLayoutCategory(family),
+          quickStyleUniqueId: FABRICATED_QUICKSTYLE_UNIQUE_ID,
+          colorsUniqueId: fabricatedColorsUniqueId(data.colorScheme),
+          colorsCategory: fabricatedColorsCategory(data.colorScheme)
+        },
+        { guidByNodeId, drawingRelId: drawingXml ? drawingRelId : void 0 }
+      ),
       layout: buildFabricatedLayoutDefXml(family),
       quickStyle: buildFabricatedQuickStyleXml(),
       colors: buildFabricatedColorsXml(data.colorScheme)
@@ -36258,6 +36539,19 @@ var PptxHandlerRuntime32 = class _PptxHandlerRuntime extends PptxHandlerRuntime3
       });
       relIds[kind.relAttr] = relId;
     }
+    if (drawingXml) {
+      const drawingFile = `drawing${index}.xml`;
+      const drawingPath = `ppt/diagrams/${drawingFile}`;
+      this.zip.file(drawingPath, drawingXml);
+      (this.pendingDiagramContentTypes ??= []).push({
+        partName: `/${drawingPath}`,
+        contentType: DIAGRAM_DRAWING_CONTENT_TYPE
+      });
+      this.zip.file(
+        `ppt/diagrams/_rels/data${index}.xml.rels`,
+        buildDiagramDataRelsXml(drawingRelId, drawingFile)
+      );
+    }
     const EMU = _PptxHandlerRuntime.EMU_PER_PX;
     return {
       "p:nvGraphicFramePr": {
@@ -37613,6 +37907,9 @@ var PptxHandlerRuntime41 = class _PptxHandlerRuntime extends PptxHandlerRuntime4
       slideLayoutRelationshipType,
       relationshipsNamespace
     });
+    for (const slide of slides) {
+      await this.processSlideForSave(slide, saveSession, saveConstants);
+    }
     const contentTypesXml2 = await this.zip.file("[Content_Types].xml")?.async("string");
     if (contentTypesXml2) {
       const contentTypesData = this.parser.parse(contentTypesXml2);
@@ -37624,9 +37921,6 @@ var PptxHandlerRuntime41 = class _PptxHandlerRuntime extends PptxHandlerRuntime4
       });
       this.zip.file("[Content_Types].xml", this.builder.build(contentTypesData));
     }
-    for (const slide of slides) {
-      await this.processSlideForSave(slide, saveSession, saveConstants);
-    }
     for (const existingCommentPath of saveSession.getExistingCommentPaths()) {
       if (saveSession.isCommentPathActive(existingCommentPath)) {
         continue;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pptx-viewer-core",
-	"version": "1.2.2",
+	"version": "1.2.4",
 	"description": "PowerPoint PPTX engine: parse, edit, serialize, and convert .pptx files. Framework-agnostic TypeScript SDK.",
 	"keywords": [
 		"angular",