pptx-viewer-core 1.2.3 → 1.2.5

package/dist/index.js

@@ -7175,6 +7175,32 @@ function findAinkInkPayload(graphicData) {
   }
   return void 0;
 }
+function findOleObjPayload(graphicData) {
+  if (!graphicData) {
+    return void 0;
+  }
+  const direct = graphicData["p:oleObj"];
+  if (direct) {
+    return direct;
+  }
+  const altContent = graphicData["mc:AlternateContent"];
+  if (!altContent) {
+    return void 0;
+  }
+  const fallback = altContent["mc:Fallback"];
+  const fallbackOleObj = fallback?.["p:oleObj"];
+  if (fallbackOleObj) {
+    return fallbackOleObj;
+  }
+  const choices = ensureArrayLike(altContent["mc:Choice"]);
+  for (const choice of choices) {
+    const node = choice?.["p:oleObj"];
+    if (node) {
+      return node;
+    }
+  }
+  return void 0;
+}
 function decodeAinkInk(inkRoot) {
   const inkPaths = [];
   const inkColors = [];
@@ -7287,7 +7313,7 @@ var PptxGraphicFrameParser = class {
         };
       }
       if (type === "ole" && graphicData) {
-        const oleObject = graphicData["p:oleObj"];
+        const oleObject = findOleObjPayload(graphicData);
         const oleProgId = String(oleObject?.["@_progId"] || "").trim() || void 0;
         const oleName = String(oleObject?.["@_name"] || "").trim() || void 0;
         const oleClsId = String(oleObject?.["@_classid"] || "").trim() || void 0;
@@ -7378,7 +7404,7 @@ var PptxGraphicFrameParser = class {
     if (graphicData["dgm:relIds"] || uri.includes("/drawingml/2006/diagram")) {
       return "smartArt";
     }
-    if (graphicData["p:oleObj"] || uri.includes("/drawingml/2006/ole")) {
+    if (uri.includes("/presentationml/2006/ole") || uri.includes("/drawingml/2006/ole") || findOleObjPayload(graphicData)) {
       return "ole";
     }
     if (graphicData["a:videoFile"] || graphicData["a:audioFile"] || uri.includes("/drawingml/2006/media")) {
@@ -8679,6 +8705,87 @@ function parseGuideNode(node) {
   return { id, orientation, positionEmu, color };
 }
 
+// src/core/services/animation-target-reconcile.ts
+var NV_CONTAINERS = [
+  "p:nvSpPr",
+  "p:nvPicPr",
+  "p:nvCxnSpPr",
+  "p:nvGraphicFramePr",
+  "p:nvGrpSpPr"
+];
+function readCnvPrId(rawXml) {
+  if (!rawXml) {
+    return void 0;
+  }
+  for (const nvKey of NV_CONTAINERS) {
+    const nv = rawXml[nvKey];
+    const cNvPr = nv?.["p:cNvPr"];
+    const id = cNvPr?.["@_id"];
+    if (id !== void 0 && id !== null && String(id).length > 0) {
+      return String(id);
+    }
+  }
+  return void 0;
+}
+function isTemplateElementId(elementId) {
+  return elementId.startsWith("layout-") || elementId.startsWith("master-");
+}
+function collectShapeIdMap(elements) {
+  const map = /* @__PURE__ */ new Map();
+  const walk = (els) => {
+    for (const el of els) {
+      const cnvId = readCnvPrId(el.rawXml);
+      if (cnvId) {
+        el.shapeId = cnvId;
+        if (!isTemplateElementId(el.id)) {
+          map.set(cnvId, el.id);
+        }
+      }
+      if (el.type === "group" && Array.isArray(el.children)) {
+        walk(el.children);
+      }
+    }
+  };
+  walk(elements);
+  return map;
+}
+function reconcileAnimationTargets(elements, nativeAnimations, editorAnimations) {
+  const map = collectShapeIdMap(elements);
+  if (map.size === 0) {
+    return;
+  }
+  if (nativeAnimations) {
+    for (const anim of nativeAnimations) {
+      if (anim.targetId !== void 0) {
+        const resolved = map.get(anim.targetId);
+        if (resolved) {
+          anim.targetId = resolved;
+        }
+      }
+      if (anim.triggerShapeId !== void 0) {
+        const resolved = map.get(anim.triggerShapeId);
+        if (resolved) {
+          anim.triggerShapeId = resolved;
+        }
+      }
+    }
+  }
+  if (editorAnimations) {
+    for (const anim of editorAnimations) {
+      const resolvedElement = map.get(anim.elementId);
+      if (resolvedElement) {
+        anim.elementId = resolvedElement;
+      }
+      if (anim.triggerShapeId !== void 0) {
+        const resolvedTrigger = map.get(anim.triggerShapeId);
+        if (resolvedTrigger) {
+          anim.triggerShapeId = resolvedTrigger;
+        }
+      }
+    }
+  }
+}
+
 // src/core/services/PptxSlideLoaderService.ts
 var PptxSlideLoaderService = class {
   /**
@@ -8819,6 +8926,7 @@ var PptxSlideLoaderService = class {
       const transition = params.parseSlideTransition(slideXmlObj, path);
       const animations = params.parseEditorAnimations(slideXmlObj);
       const nativeAnimations = params.parseNativeAnimations(slideXmlObj);
+      reconcileAnimationTargets(elements, nativeAnimations, animations);
       const rawTiming = slideXmlObj["p:sld"]?.["p:timing"];
       const drawingGuides = parseSlideDrawingGuides(slideXmlObj);
       const customerData = await params.parseSlideCustomerData(slideXmlObj, path);
@@ -9318,6 +9426,60 @@ var PptxEditorAnimationService = class {
   }
 };
 
+// src/core/services/animation-shape-id-assign.ts
+function flattenElements(elements, out) {
+  for (const el of elements) {
+    out.push(el);
+    if (el.type === "group" && Array.isArray(el.children)) {
+      flattenElements(el.children, out);
+    }
+  }
+}
+function maxShapeId(elements) {
+  let max = 0;
+  for (const el of elements) {
+    if (el.shapeId !== void 0) {
+      const n = Number.parseInt(el.shapeId, 10);
+      if (Number.isFinite(n) && n > max) {
+        max = n;
+      }
+    }
+  }
+  return max;
+}
+function remapEditorAnimationsToShapeIds(elements, animations, reservedMaxId = 0) {
+  const flat = [];
+  flattenElements(elements, flat);
+  const byId = /* @__PURE__ */ new Map();
+  for (const el of flat) {
+    byId.set(el.id, el);
+  }
+  let nextId2 = Math.max(maxShapeId(flat), reservedMaxId) + 1;
+  const resolve = (elementId) => {
+    const el = byId.get(elementId);
+    if (!el) {
+      return void 0;
+    }
+    if (el.shapeId === void 0) {
+      el.shapeId = String(nextId2);
+      nextId2 += 1;
+    }
+    return el.shapeId;
+  };
+  return animations.map((anim) => {
+    const resolvedElement = resolve(anim.elementId);
+    const resolvedTrigger = anim.triggerShapeId !== void 0 ? resolve(anim.triggerShapeId) : void 0;
+    if (resolvedElement === void 0 && resolvedTrigger === void 0) {
+      return anim;
+    }
+    return {
+      ...anim,
+      elementId: resolvedElement ?? anim.elementId,
+      triggerShapeId: resolvedTrigger ?? anim.triggerShapeId
+    };
+  });
+}
+
 // src/core/services/native-animation-helpers.ts
 function extractSoundAction(cTn) {
   const stSnd = cTn["p:stSnd"];
@@ -10540,7 +10702,7 @@ var PptxSlideTransitionService = class {
   }
   parseSlideTransition(slideXml2) {
     const slideRoot = this.xmlLookupService.getChildByLocalName(slideXml2, "sld");
-    const transitionNode = this.xmlLookupService.getChildByLocalName(slideRoot, "transition");
+    const transitionNode = this.xmlLookupService.getChildByLocalName(slideRoot, "transition") || this.findTransitionInAlternateContent(slideRoot);
     if (!transitionNode) {
       return void 0;
     }
@@ -10612,7 +10774,8 @@ var PptxSlideTransitionService = class {
         transitionType = "morph";
       }
     }
-    const parsedDuration = Number.parseInt(String(transitionNode["@_dur"] || ""), 10);
+    const rawDuration = transitionNode["@_dur"] ?? transitionNode["@_p14:dur"];
+    const parsedDuration = Number.parseInt(String(rawDuration || ""), 10);
     const durationMs = Number.isFinite(parsedDuration) && parsedDuration > 0 ? parsedDuration : void 0;
     const advanceOnClickToken = String(transitionNode["@_advClick"] || "").trim();
     const advanceOnClick = advanceOnClickToken.length > 0 ? !["0", "false", "off"].includes(advanceOnClickToken.toLowerCase()) : void 0;
@@ -10661,6 +10824,35 @@ var PptxSlideTransitionService = class {
       rawExtLst
     };
   }
+  /**
+   * Locate a `<p:transition>` wrapped in a slide-root `mc:AlternateContent`
+   * envelope.
+   *
+   * Real PowerPoint (verified via COM-authored fixtures) wraps the
+   * transition in `mc:AlternateContent` whenever it carries an Office
+   * 2010+ attribute such as `p14:dur` (sub-second transition duration):
+   * an `mc:Choice Requires="p14"` branch carries the richer transition,
+   * and `mc:Fallback` carries a plain one for older readers. Without this
+   * unwrap, `p:sld`'s direct-child lookup for `transition` finds nothing
+   * and the whole transition (including plain ones falling back with no
+   * p14 data) is silently dropped, even though `mc:Choice` is otherwise a
+   * complete, directly usable `p:transition` node.
+   */
+  findTransitionInAlternateContent(slideRoot) {
+    const altContent = this.xmlLookupService.getChildByLocalName(slideRoot, "AlternateContent");
+    if (!altContent) {
+      return void 0;
+    }
+    const choices = this.xmlLookupService.getChildrenArrayByLocalName(altContent, "Choice");
+    for (const choice of choices) {
+      const transitionNode = this.xmlLookupService.getChildByLocalName(choice, "transition");
+      if (transitionNode) {
+        return transitionNode;
+      }
+    }
+    const fallback = this.xmlLookupService.getChildByLocalName(altContent, "Fallback");
+    return this.xmlLookupService.getChildByLocalName(fallback, "transition");
+  }
   /**
    * Detects the PowerPoint 2016+ `morph` transition stored as a p159 extension
    * inside the transition's extLst.
@@ -16907,6 +17099,7 @@ function getDefaultShapeType(layoutType) {
     case "cycle":
     case "target":
     case "gear":
+      return "ellipse";
     case "relationship":
     case "venn":
       return "ellipse";
@@ -16914,7 +17107,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 +17200,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 +17267,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 +18016,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 +18047,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;
@@ -36091,14 +36333,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();
@@ -36121,7 +36368,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
@@ -36329,14 +36690,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)
@@ -36360,6 +36736,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": {
@@ -36418,6 +36807,22 @@ var PptxHandlerRuntime32 = class _PptxHandlerRuntime extends PptxHandlerRuntime3
 
 // src/core/core/runtime/PptxHandlerRuntimeSaveElementWriter.ts
 var PptxHandlerRuntime33 = class _PptxHandlerRuntime extends PptxHandlerRuntime32 {
+  /**
+   * Whether a shape XML represents a `<p:pic>` (picture-shaped) node.
+   *
+   * Real PowerPoint (verified via COM-authored fixtures) represents video
+   * *and* audio media as `<p:pic>` (poster-frame blip + `p:nvPr/a:videoFile`
+   * or `a:audioFile` + a `p14:media` extension) rather than the older
+   * `<p:graphicFrame>` form. A `media`-typed element's `rawXml` is
+   * therefore frequently `p:pic`-shaped, not a graphic frame; without this
+   * check it falls into the generic `shapes` bucket, which the slide
+   * writer serializes under `<p:sp>` -- corrupting the picture markup
+   * (`p:nvPicPr`/`p:blipFill`) into an invalid shape and permanently
+   * losing the media relationship on save.
+   */
+  isPictureShape(shape) {
+    return Boolean(shape["p:nvPicPr"]);
+  }
   /** Whether a shape XML represents a graphic frame. */
   isGraphicFrameShape(shape) {
     return Boolean(shape["p:nvGraphicFramePr"] || shape["a:graphic"] && shape["p:xfrm"]);
@@ -36533,6 +36938,34 @@ var PptxHandlerRuntime33 = class _PptxHandlerRuntime extends PptxHandlerRuntime3
   isTemplateElementId(elementId) {
     return elementId.startsWith("layout-") || elementId.startsWith("master-");
   }
+  /** Non-visual property containers that hold a `p:cNvPr`. */
+  static NV_CONTAINERS = [
+    "p:nvSpPr",
+    "p:nvPicPr",
+    "p:nvCxnSpPr",
+    "p:nvGraphicFramePr",
+    "p:nvGrpSpPr"
+  ];
+  /**
+   * Write an element's native shape id (`element.shapeId`) into the serialized
+   * shape's `p:cNvPr/@id`. Animation targets (`p:spTgt/@spid`) reference this
+   * id, so the two must agree for PowerPoint to bind an animation to its shape.
+   * A no-op when the element carries no `shapeId` (nothing to reconcile) or the
+   * shape XML has no cNvPr container.
+   */
+  applyShapeIdToCnvPr(shape, el) {
+    if (el.shapeId === void 0) {
+      return;
+    }
+    for (const nvKey of _PptxHandlerRuntime.NV_CONTAINERS) {
+      const nv = shape[nvKey];
+      const cNvPr = nv?.["p:cNvPr"];
+      if (cNvPr) {
+        cNvPr["@_id"] = el.shapeId;
+        return;
+      }
+    }
+  }
   /**
    * Process a single slide element during save. Handles embedding,
    * transforms, geometry, styles, text, and sorts into collectors.
@@ -36642,12 +37075,15 @@ var PptxHandlerRuntime33 = class _PptxHandlerRuntime extends PptxHandlerRuntime3
       }
       return;
     }
+    this.applyShapeIdToCnvPr(shape, el);
     if (el.type === "picture" || el.type === "image") {
       collectors.pics.push(shape);
     } else if (el.type === "connector") {
       collectors.connectors.push(shape);
     } else if (el.type === "model3d") {
       collectors.model3ds.push(shape);
+    } else if (el.type === "media" && this.isPictureShape(shape)) {
+      collectors.pics.push(shape);
     } else if (this.isGraphicFrameShape(shape)) {
       collectors.graphicFrames.push(shape);
     } else {
@@ -36686,12 +37122,17 @@ var PptxHandlerRuntime34 = class extends PptxHandlerRuntime33 {
         delete slideNode["p:transition"];
       }
     }
-    if (slide.animations !== void 0) {
-      this.applyEditorAnimations(slideNode, slide.animations);
+    const shapeIdAnimations = slide.animations !== void 0 ? remapEditorAnimationsToShapeIds(
+      slide.elements,
+      slide.animations,
+      this.maxCnvPrId(this.ensureSlideTree(xmlObj))
+    ) : void 0;
+    if (shapeIdAnimations !== void 0) {
+      this.applyEditorAnimations(slideNode, shapeIdAnimations);
     }
-    if (slide.animations && slide.animations.length > 0) {
+    if (shapeIdAnimations && shapeIdAnimations.length > 0) {
       const generatedTiming = this.animationWriteService.buildTimingXml(
-        slide.animations,
+        shapeIdAnimations,
         slide.rawTiming
       );
       if (generatedTiming) {
@@ -36844,6 +37285,40 @@ var PptxHandlerRuntime34 = class extends PptxHandlerRuntime33 {
     }
     this.zip.file(slide.id, this.builder.build(xmlObj));
   }
+  /**
+   * Largest `p:cNvPr/@id` already present anywhere in a shape tree, including
+   * the implicit `<p:spTree>` group's own reserved id. Used to seed minting of
+   * fresh animation-target shape ids so they never collide with a reserved id.
+   */
+  maxCnvPrId(spTree) {
+    let max = 0;
+    const nvContainers = [
+      "p:nvSpPr",
+      "p:nvPicPr",
+      "p:nvCxnSpPr",
+      "p:nvGraphicFramePr",
+      "p:nvGrpSpPr"
+    ];
+    const visit = (node) => {
+      for (const nvKey of nvContainers) {
+        const nv = node[nvKey];
+        const cNvPr = nv?.["p:cNvPr"];
+        if (cNvPr?.["@_id"] !== void 0) {
+          const n = Number.parseInt(String(cNvPr["@_id"]), 10);
+          if (Number.isFinite(n) && n > max) {
+            max = n;
+          }
+        }
+      }
+      for (const listKey of ["p:sp", "p:pic", "p:cxnSp", "p:graphicFrame", "p:grpSp"]) {
+        for (const child of this.ensureArray(node[listKey])) {
+          visit(child);
+        }
+      }
+    };
+    visit(spTree);
+    return max;
+  }
   /**
    * Re-wrap selected children with their original `<mc:AlternateContent>`
    * envelope (CC-4).
@@ -46562,7 +47037,22 @@ var PptxHandlerRuntime79 = class _PptxHandlerRuntime extends PptxHandlerRuntime7
         await this.enrichOleElementsWithEmbeddedData(el.children, slidePath, depth + 1);
         continue;
       }
-      if (el.type !== "ole" || el.isLinked || !el.oleTarget) {
+      if (el.type !== "ole") {
+        continue;
+      }
+      if (el.previewImage && !el.previewImageData) {
+        try {
+          const previewPath = this.resolveImagePath(slidePath, el.previewImage);
+          if (previewPath) {
+            const previewData = await this.getImageData(previewPath);
+            if (previewData) {
+              el.previewImageData = previewData;
+            }
+          }
+        } catch {
+        }
+      }
+      if (el.isLinked || !el.oleTarget) {
         continue;
       }
       try {
@@ -65242,9 +65732,11 @@ exports.pt = pt;
 exports.reResolveSlideColors = reResolveSlideColors;
 exports.readFileAsDataUrl = readFileAsDataUrl;
 exports.rebuildTableStructureInRawXml = rebuildTableStructureInRawXml;
+exports.reconcileAnimationTargets = reconcileAnimationTargets;
 exports.reflowSmartArtLayout = reflowSmartArtLayout;
 exports.relativeLuminance = relativeLuminance;
 exports.relayoutSmartArt = relayoutSmartArt;
+exports.remapEditorAnimationsToShapeIds = remapEditorAnimationsToShapeIds;
 exports.removeChartCategory = removeChartCategory;
 exports.removeChartSeries = removeChartSeries;
 exports.removeSection = removeSection;