json2pptx 0.4.2 → 0.5.1

package/dist/index.js

@@ -30,9 +30,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  ENABLE_DECK_JSON: () => ENABLE_DECK_JSON,
-  PPTX_JSON_PAYLOAD_PATH: () => PPTX_JSON_PAYLOAD_PATH,
-  PPTX_JSON_PAYLOAD_VERSION: () => PPTX_JSON_PAYLOAD_VERSION,
   buildPptxBlob: () => buildPptxBlob,
   createPPTX: () => createPPTX,
   getElementRange: () => getElementRange,
@@ -939,10 +936,117 @@ function getDashTypeMap() {
   return dashTypeMap;
 }
 
+// src/renderers/fill-patch.ts
+function stripFillTags(value) {
+  return value.replace(/<a:solidFill>[\s\S]*?<\/a:solidFill>/g, "").replace(/<a:gradFill[\s\S]*?<\/a:gradFill>/g, "").replace(/<a:blipFill>[\s\S]*?<\/a:blipFill>/g, "").replace(/<a:noFill\s*\/>/g, "").replace(/<a:noFill><\/a:noFill>/g, "");
+}
+function buildColorXml(color) {
+  const normalized = formatColor(color);
+  const alphaXml = normalized.alpha < 1 ? `<a:alpha val="${Math.round(normalized.alpha * 1e5)}"/>` : "";
+  return `<a:srgbClr val="${normalized.color.replace("#", "").toUpperCase()}">${alphaXml}</a:srgbClr>`;
+}
+function buildGradientFillXml(gradient) {
+  var _a, _b;
+  const stops = (_a = gradient == null ? void 0 : gradient.colors) != null ? _a : [];
+  const colors = stops.length ? stops : [
+    { pos: 0, color: "#FFFFFF" },
+    { pos: 100, color: "#FFFFFF" }
+  ];
+  const gsLst = colors.map((stop) => {
+    var _a2, _b2;
+    const pos = Math.max(0, Math.min(100, (_a2 = stop.pos) != null ? _a2 : 0));
+    return `<a:gs pos="${Math.round(pos * 1e3)}">${buildColorXml(
+      (_b2 = stop.color) != null ? _b2 : "#FFFFFF"
+    )}</a:gs>`;
+  }).join("");
+  const rotate = Math.round(((_b = gradient == null ? void 0 : gradient.rotate) != null ? _b : 0) * 6e4);
+  return `<a:gradFill rotWithShape="1"><a:gsLst>${gsLst}</a:gsLst><a:lin ang="${rotate}" scaled="0"/></a:gradFill>`;
+}
+function buildImageFillXml(relId, opacity) {
+  const alphaXml = opacity !== void 0 && Number.isFinite(opacity) && opacity >= 0 && opacity < 1 ? `<a:alphaModFix amt="${Math.round(opacity * 1e5)}"/>` : "";
+  return `<a:blipFill><a:blip r:embed="${relId}">${alphaXml}</a:blip><a:srcRect/><a:stretch><a:fillRect/></a:stretch></a:blipFill>`;
+}
+function insertFillXml(spPrInner, fillXml) {
+  const cleanedInner = stripFillTags(spPrInner);
+  if (cleanedInner.includes("</a:custGeom>")) {
+    return cleanedInner.replace("</a:custGeom>", `</a:custGeom>${fillXml}`);
+  }
+  if (cleanedInner.includes("</a:prstGeom>")) {
+    return cleanedInner.replace("</a:prstGeom>", `</a:prstGeom>${fillXml}`);
+  }
+  const lineIndex = cleanedInner.indexOf("<a:ln");
+  if (lineIndex === -1) {
+    return `${cleanedInner}${fillXml}`;
+  }
+  return `${cleanedInner.slice(0, lineIndex)}${fillXml}${cleanedInner.slice(lineIndex)}`;
+}
+function buildFillXml(fill, relId) {
+  var _a;
+  if (fill.type === "gradient") {
+    return buildGradientFillXml(fill.gradient);
+  }
+  if (fill.type === "image") {
+    if (!relId) {
+      throw new Error("Image fills require a relationship id");
+    }
+    return buildImageFillXml(relId, fill.opacity);
+  }
+  return `<a:solidFill>${buildColorXml((_a = fill.color) != null ? _a : "#FFFFFF")}</a:solidFill>`;
+}
+function fillRequiresXmlPatch(fill) {
+  return (fill == null ? void 0 : fill.type) === "gradient" || (fill == null ? void 0 : fill.type) === "image";
+}
+function getFillFallbackColor(fill, fallback = "#FFFFFF") {
+  var _a, _b, _c, _d, _e;
+  if (!fill) return fallback;
+  if (fill.type === "solid") return (_a = fill.color) != null ? _a : fallback;
+  if (fill.type === "gradient") {
+    return (_e = (_d = (_c = (_b = fill.gradient) == null ? void 0 : _b.colors) == null ? void 0 : _c[0]) == null ? void 0 : _d.color) != null ? _e : fallback;
+  }
+  return fallback;
+}
+function applyShapeFillPatch(slideXml, objectName, fill, relId) {
+  const nameToken = `name="${objectName}"`;
+  let cursor = 0;
+  let result = slideXml;
+  while (true) {
+    const nameIndex = result.indexOf(nameToken, cursor);
+    if (nameIndex === -1) break;
+    const spStart = result.lastIndexOf("<p:sp", nameIndex);
+    const spEnd = result.indexOf("</p:sp>", nameIndex);
+    if (spStart === -1 || spEnd === -1) break;
+    const spXml = result.slice(spStart, spEnd + "</p:sp>".length);
+    const spPrStart = spXml.indexOf("<p:spPr>");
+    const spPrEnd = spXml.indexOf("</p:spPr>");
+    if (spPrStart === -1 || spPrEnd === -1) {
+      cursor = spEnd + 1;
+      continue;
+    }
+    const spPrOpenEnd = spXml.indexOf(">", spPrStart);
+    const spPrInner = spXml.slice(spPrOpenEnd + 1, spPrEnd);
+    const fillXml = buildFillXml(fill, relId);
+    const nextInner = insertFillXml(spPrInner, fillXml);
+    const updatedSpXml = spXml.slice(0, spPrOpenEnd + 1) + nextInner + spXml.slice(spPrEnd);
+    result = result.slice(0, spStart) + updatedSpXml + result.slice(spEnd + "</p:sp>".length);
+    cursor = spStart + updatedSpXml.length;
+  }
+  return result;
+}
+function applyBackgroundFillPatch(slideXml, fill, relId) {
+  const bgPrStart = slideXml.indexOf("<p:bgPr>");
+  const bgPrEnd = slideXml.indexOf("</p:bgPr>");
+  if (bgPrStart === -1 || bgPrEnd === -1) return slideXml;
+  const openEnd = slideXml.indexOf(">", bgPrStart);
+  const bgPrInner = slideXml.slice(openEnd + 1, bgPrEnd);
+  const fillXml = buildFillXml(fill, relId);
+  const nextInner = `${stripFillTags(bgPrInner)}${fillXml}`;
+  return slideXml.slice(0, openEnd + 1) + nextInner + slideXml.slice(bgPrEnd);
+}
+
 // src/renderers/background.ts
 function applySlideBackground(slide, slideJson, theme) {
-  var _a, _b;
-  const backgroundColor = (_b = (_a = slideJson.background) == null ? void 0 : _a.color) != null ? _b : theme == null ? void 0 : theme.backgroundColor;
+  var _a;
+  const backgroundColor = slideJson.background ? getFillFallbackColor(slideJson.background, (_a = theme == null ? void 0 : theme.backgroundColor) != null ? _a : "#FFFFFF") : theme == null ? void 0 : theme.backgroundColor;
   if (!backgroundColor) return;
   const c = formatColor(backgroundColor);
   slide.background = { color: c.color, transparency: (1 - c.alpha) * 100 };
@@ -1127,18 +1231,20 @@ function getLineArrowType(value) {
 }
 
 // src/renderers/elements.ts
-function addTextElement(slide, element, template, ratioPx2Pt, ratioPx2Inch, textPadding) {
-  var _a, _b, _c, _d, _e, _f;
+function addTextElement(slide, element, template, slideIndex, elementIndex, ratioPx2Pt, ratioPx2Inch, textPadding, fillPatches) {
+  var _a, _b, _c, _d, _e, _f, _g;
   if (element.type !== "text" || !element.content) return;
   const textProps = formatHTML(element.content, ratioPx2Pt);
   const opacity = getElementOpacity(element.opacity);
+  const objectName = `text-${slideIndex}-${(_a = element.id) != null ? _a : elementIndex}`;
+  const fill = element.fill;
   const options = {
-    x: ((_a = element.left) != null ? _a : 0) / ratioPx2Inch,
-    y: ((_b = element.top) != null ? _b : 0) / ratioPx2Inch,
-    w: ((_c = element.width) != null ? _c : 0) / ratioPx2Inch,
-    h: ((_d = element.height) != null ? _d : 0) / ratioPx2Inch,
+    x: ((_b = element.left) != null ? _b : 0) / ratioPx2Inch,
+    y: ((_c = element.top) != null ? _c : 0) / ratioPx2Inch,
+    w: ((_d = element.width) != null ? _d : 0) / ratioPx2Inch,
+    h: ((_e = element.height) != null ? _e : 0) / ratioPx2Inch,
     fontSize: DEFAULT_FONT_SIZE / ratioPx2Pt,
-    fontFace: element.defaultFontName || ((_e = template.theme) == null ? void 0 : _e.fontName) || DEFAULT_FONT_FACE,
+    fontFace: element.defaultFontName || ((_f = template.theme) == null ? void 0 : _f.fontName) || DEFAULT_FONT_FACE,
     color: "#000000",
     valign: "top",
     // pptxgenjs margin order: [left, right, bottom, top]
@@ -1146,13 +1252,14 @@ function addTextElement(slide, element, template, ratioPx2Pt, ratioPx2Inch, text
     margin: [textPadding, textPadding, 0, textPadding * 0.42],
     paraSpaceBefore: 0,
     lineSpacingMultiple: 1.5,
-    fit: "none"
+    fit: "none",
+    objectName
   };
   if (element.rotate) options.rotate = element.rotate;
   if (element.wordSpace) options.charSpacing = element.wordSpace / ratioPx2Pt;
   if (element.lineHeight) options.lineSpacingMultiple = element.lineHeight;
-  if (element.fill) {
-    const c = formatColor(element.fill);
+  if ((fill == null ? void 0 : fill.type) === "solid" && fill.color) {
+    const c = formatColor(fill.color);
     options.fill = {
       color: c.color,
       transparency: (1 - c.alpha * opacity) * 100
@@ -1160,9 +1267,17 @@ function addTextElement(slide, element, template, ratioPx2Pt, ratioPx2Inch, text
   } else {
     options.fill = { color: "FFFFFF", transparency: 100 };
   }
+  if (fill && fillRequiresXmlPatch(fill)) {
+    fillPatches.push({
+      kind: "shape",
+      slideIndex,
+      objectName,
+      fill
+    });
+  }
   if (element.defaultColor) options.color = formatColor(element.defaultColor).color;
   if (element.shadow) options.shadow = getShadowOption(element.shadow, ratioPx2Pt);
-  if ((_f = element.outline) == null ? void 0 : _f.width) {
+  if ((_g = element.outline) == null ? void 0 : _g.width) {
     options.line = getOutlineOption(element.outline, ratioPx2Pt, opacity);
   }
   if (element.opacity !== void 0) options.transparency = (1 - opacity) * 100;
@@ -1213,8 +1328,8 @@ async function addImageElement(slide, element, ratioPx2Inch) {
   }
   slide.addImage(options);
 }
-function addShapeElement(slide, element, ratioPx2Pt, ratioPx2Inch, slideIndex, elementIndex, patternShapes) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+function addShapeElement(slide, element, ratioPx2Pt, ratioPx2Inch, slideIndex, elementIndex, fillPatches) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
   if (element.type !== "shape" || !element.path || !element.viewBox) return;
   const scale = {
     x: ((_a = element.width) != null ? _a : 0) / element.viewBox[0],
@@ -1223,23 +1338,19 @@ function addShapeElement(slide, element, ratioPx2Pt, ratioPx2Inch, slideIndex, e
   const rawPoints = toPoints(element.path);
   if (!rawPoints.length) return;
   const points = formatPoints(rawPoints, ratioPx2Inch, scale);
-  const pattern = element.pattern;
-  const hasFill = typeof element.fill === "string" ? element.fill.trim().length > 0 : false;
+  const fill = element.fill;
   const opacity = getElementOpacity(element.opacity);
+  const objectName = `shape-${slideIndex}-${(_c = element.id) != null ? _c : elementIndex}`;
   const options = {
-    x: ((_c = element.left) != null ? _c : 0) / ratioPx2Inch,
-    y: ((_d = element.top) != null ? _d : 0) / ratioPx2Inch,
-    w: ((_e = element.width) != null ? _e : 0) / ratioPx2Inch,
-    h: ((_f = element.height) != null ? _f : 0) / ratioPx2Inch,
-    points
+    x: ((_d = element.left) != null ? _d : 0) / ratioPx2Inch,
+    y: ((_e = element.top) != null ? _e : 0) / ratioPx2Inch,
+    w: ((_f = element.width) != null ? _f : 0) / ratioPx2Inch,
+    h: ((_g = element.height) != null ? _g : 0) / ratioPx2Inch,
+    points,
+    objectName
   };
-  if (pattern) {
-    const objectName = `pattern-${slideIndex}-${(_g = element.id) != null ? _g : elementIndex}`;
-    options.objectName = objectName;
-    options.fill = { color: "FFFFFF", transparency: 100 };
-    patternShapes.push({ slideIndex, objectName, dataUrl: pattern });
-  } else if (hasFill) {
-    const fillColor = formatColor(element.fill || "#000000");
+  if ((fill == null ? void 0 : fill.type) === "solid" && fill.color) {
+    const fillColor = formatColor(fill.color);
     options.fill = {
       color: fillColor.color,
       transparency: (1 - fillColor.alpha * opacity) * 100
@@ -1247,6 +1358,14 @@ function addShapeElement(slide, element, ratioPx2Pt, ratioPx2Inch, slideIndex, e
   } else {
     options.fill = { color: "FFFFFF", transparency: 100 };
   }
+  if (fill && fillRequiresXmlPatch(fill)) {
+    fillPatches.push({
+      kind: "shape",
+      slideIndex,
+      objectName,
+      fill
+    });
+  }
   if (element.flipH) options.flipH = element.flipH;
   if (element.flipV) options.flipV = element.flipV;
   if (element.shadow) options.shadow = getShadowOption(element.shadow, ratioPx2Pt);
@@ -1266,9 +1385,10 @@ function addShapeElement(slide, element, ratioPx2Pt, ratioPx2Inch, slideIndex, e
     fontFace: element.text.defaultFontName || DEFAULT_FONT_FACE,
     color: "#000000",
     paraSpaceBefore: 0,
-    valign: element.text.align,
+    valign: element.text.align === "middle" ? "mid" : element.text.align,
     fill: { color: "FFFFFF", transparency: 100 },
-    fit: "none"
+    fit: "none",
+    objectName: `shape-text-${slideIndex}-${(_n = element.id) != null ? _n : elementIndex}`
   };
   textOptions.margin = 0;
   if (element.rotate) textOptions.rotate = element.rotate;
@@ -1349,49 +1469,9 @@ function addTableElement(slide, element, ratioPx2Pt, ratioPx2Inch) {
 }
 
 // src/index.ts
-var ENABLE_DECK_JSON = false;
-var PPTX_JSON_PAYLOAD_PATH = "json2ppt-editor.json";
-var PPTX_JSON_PAYLOAD_VERSION = 1;
 function sanitizeFileName(name) {
   return name.replace(/[\\/:*?"<>|]/g, "").trim() || "presentation";
 }
-function stripFillTags(value) {
-  return value.replace(/<a:solidFill>[\s\S]*?<\/a:solidFill>/g, "").replace(/<a:gradFill>[\s\S]*?<\/a:gradFill>/g, "").replace(/<a:blipFill>[\s\S]*?<\/a:blipFill>/g, "").replace(/<a:noFill\s*\/>/g, "").replace(/<a:noFill><\/a:noFill>/g, "");
-}
-function applyPatternFill(slideXml, objectName, relId) {
-  const nameToken = `name="${objectName}"`;
-  let cursor = 0;
-  let result = slideXml;
-  while (true) {
-    const nameIndex = result.indexOf(nameToken, cursor);
-    if (nameIndex === -1) break;
-    const spStart = result.lastIndexOf("<p:sp", nameIndex);
-    const spEnd = result.indexOf("</p:sp>", nameIndex);
-    if (spStart === -1 || spEnd === -1) break;
-    const spXml = result.slice(spStart, spEnd + "</p:sp>".length);
-    const spPrStart = spXml.indexOf("<p:spPr>");
-    const spPrEnd = spXml.indexOf("</p:spPr>");
-    if (spPrStart === -1 || spPrEnd === -1) {
-      cursor = spEnd + 1;
-      continue;
-    }
-    const spPrOpenEnd = spXml.indexOf(">", spPrStart);
-    const spPrInner = spXml.slice(spPrOpenEnd + 1, spPrEnd);
-    const cleanedInner = stripFillTags(spPrInner);
-    const blipFill = `<a:blipFill><a:blip r:embed="${relId}"/><a:srcRect/><a:stretch><a:fillRect/></a:stretch></a:blipFill>`;
-    let nextInner = cleanedInner;
-    if (cleanedInner.includes("</a:custGeom>")) {
-      nextInner = cleanedInner.replace("</a:custGeom>", `</a:custGeom>${blipFill}`);
-    } else {
-      const lnIndex = cleanedInner.indexOf("<a:ln");
-      nextInner = lnIndex === -1 ? `${cleanedInner}${blipFill}` : `${cleanedInner.slice(0, lnIndex)}${blipFill}${cleanedInner.slice(lnIndex)}`;
-    }
-    const updatedSpXml = spXml.slice(0, spPrOpenEnd + 1) + nextInner + spXml.slice(spPrEnd);
-    result = result.slice(0, spStart) + updatedSpXml + result.slice(spEnd + "</p:sp>".length);
-    cursor = spStart + updatedSpXml.length;
-  }
-  return result;
-}
 function parseDataUrlImage(dataUrl) {
   var _a;
   const match = dataUrl.match(/^data:(image\/[^;]+);base64,(.+)$/);
@@ -1414,7 +1494,7 @@ async function createPPTX(template) {
   const parsedTemplate = (0, import_json2pptx_schema.parseDocument)(template);
   const renderTemplate = parsedTemplate;
   const pptx = new import_pptxgenjs.default();
-  const patternShapes = [];
+  const fillPatches = [];
   const width = parsedTemplate.width;
   const height = parsedTemplate.height;
   const ratioPx2Inch = 96 * (width / 960);
@@ -1424,8 +1504,25 @@ async function createPPTX(template) {
   for (const [slideIndex, slideJson] of ((_a = renderTemplate.slides) != null ? _a : []).entries()) {
     const slide = pptx.addSlide();
     applySlideBackground(slide, slideJson, renderTemplate.theme);
+    if (slideJson.background && fillRequiresXmlPatch(slideJson.background)) {
+      fillPatches.push({
+        kind: "background",
+        slideIndex,
+        fill: slideJson.background
+      });
+    }
     for (const [elementIndex, element] of ((_b = slideJson.elements) != null ? _b : []).entries()) {
-      addTextElement(slide, element, renderTemplate, ratioPx2Pt, ratioPx2Inch, textPadding);
+      addTextElement(
+        slide,
+        element,
+        renderTemplate,
+        slideIndex,
+        elementIndex,
+        ratioPx2Pt,
+        ratioPx2Inch,
+        textPadding,
+        fillPatches
+      );
       await addImageElement(slide, element, ratioPx2Inch);
       addShapeElement(
         slide,
@@ -1434,7 +1531,7 @@ async function createPPTX(template) {
         ratioPx2Inch,
         slideIndex,
         elementIndex,
-        patternShapes
+        fillPatches
       );
       addLineElement(slide, element, ratioPx2Pt, ratioPx2Inch);
       addTableElement(slide, element, ratioPx2Pt, ratioPx2Inch);
@@ -1445,32 +1542,33 @@ async function createPPTX(template) {
     outputType: "arraybuffer",
     compression: true
   });
-  const needsZip = patternShapes.length > 0;
-  if (!needsZip) {
+  if (!fillPatches.length) {
     return { blob: new Blob([pptxBuffer]), fileName };
   }
   const zip = await import_jszip.default.loadAsync(pptxBuffer);
-  if (patternShapes.length) {
-    const mediaFiles = Object.keys(zip.files).filter((name) => name.startsWith("ppt/media/"));
-    let maxImageIndex = 0;
-    for (const name of mediaFiles) {
-      const match = name.match(/ppt\/media\/image(\d+)/);
-      if (match) {
-        const index = Number.parseInt(match[1], 10);
-        if (Number.isFinite(index)) maxImageIndex = Math.max(maxImageIndex, index);
-      }
+  const mediaFiles = Object.keys(zip.files).filter((name) => name.startsWith("ppt/media/"));
+  let maxImageIndex = 0;
+  for (const name of mediaFiles) {
+    const match = name.match(/ppt\/media\/image(\d+)/);
+    if (match) {
+      const index = Number.parseInt(match[1], 10);
+      if (Number.isFinite(index)) maxImageIndex = Math.max(maxImageIndex, index);
     }
-    const slideCache = /* @__PURE__ */ new Map();
-    const relsCache = /* @__PURE__ */ new Map();
-    for (const pattern of patternShapes) {
-      const parsed = parseDataUrlImage(pattern.dataUrl);
+  }
+  const slideCache = /* @__PURE__ */ new Map();
+  const relsCache = /* @__PURE__ */ new Map();
+  for (const patch of fillPatches) {
+    const slideNumber = patch.slideIndex + 1;
+    const slidePath = `ppt/slides/slide${slideNumber}.xml`;
+    const relsPath = `ppt/slides/_rels/slide${slideNumber}.xml.rels`;
+    let relId;
+    if (patch.fill.type === "image" && patch.fill.src) {
+      const dataUrl = await resolveImageData(patch.fill.src);
+      const parsed = parseDataUrlImage(dataUrl);
       if (!parsed) continue;
       maxImageIndex += 1;
       const imageName = `image${maxImageIndex}.${parsed.ext}`;
       zip.file(`ppt/media/${imageName}`, parsed.data, { base64: true });
-      const slideNumber = pattern.slideIndex + 1;
-      const slidePath = `ppt/slides/slide${slideNumber}.xml`;
-      const relsPath = `ppt/slides/_rels/slide${slideNumber}.xml.rels`;
       const relsXml = (_c = relsCache.get(slideNumber)) != null ? _c : zip.file(relsPath) ? await zip.file(relsPath).async("string") : `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"></Relationships>`;
       let maxRelId = 0;
       relsXml.replace(/Id="rId(\d+)"/g, (_, id) => {
@@ -1478,23 +1576,22 @@ async function createPPTX(template) {
         if (Number.isFinite(value)) maxRelId = Math.max(maxRelId, value);
         return "";
       });
-      const relId = `rId${maxRelId + 1}`;
+      relId = `rId${maxRelId + 1}`;
       const relEntry = `<Relationship Id="${relId}" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/image" Target="../media/${imageName}"/>`;
-      const nextRelsXml = relsXml.replace(
-        "</Relationships>",
-        `${relEntry}</Relationships>`
-      );
-      relsCache.set(slideNumber, nextRelsXml);
-      const slideXml = (_d = slideCache.get(slideNumber)) != null ? _d : zip.file(slidePath) ? await zip.file(slidePath).async("string") : "";
-      const nextSlideXml = slideXml ? applyPatternFill(slideXml, pattern.objectName, relId) : slideXml;
-      slideCache.set(slideNumber, nextSlideXml);
-    }
-    for (const [slideNumber, xml] of slideCache.entries()) {
-      zip.file(`ppt/slides/slide${slideNumber}.xml`, xml);
+      relsCache.set(slideNumber, relsXml.replace("</Relationships>", `${relEntry}</Relationships>`));
     }
-    for (const [slideNumber, xml] of relsCache.entries()) {
-      zip.file(`ppt/slides/_rels/slide${slideNumber}.xml.rels`, xml);
+    const slideXml = (_d = slideCache.get(slideNumber)) != null ? _d : zip.file(slidePath) ? await zip.file(slidePath).async("string") : "";
+    if (!slideXml) {
+      continue;
     }
+    const nextSlideXml = patch.kind === "background" ? applyBackgroundFillPatch(slideXml, patch.fill, relId) : applyShapeFillPatch(slideXml, patch.objectName, patch.fill, relId);
+    slideCache.set(slideNumber, nextSlideXml);
+  }
+  for (const [slideNumber, xml] of slideCache.entries()) {
+    zip.file(`ppt/slides/slide${slideNumber}.xml`, xml);
+  }
+  for (const [slideNumber, xml] of relsCache.entries()) {
+    zip.file(`ppt/slides/_rels/slide${slideNumber}.xml.rels`, xml);
   }
   const blob = await zip.generateAsync({ type: "blob" });
   return { blob, fileName };
@@ -1502,9 +1599,6 @@ async function createPPTX(template) {
 var buildPptxBlob = createPPTX;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ENABLE_DECK_JSON,
-  PPTX_JSON_PAYLOAD_PATH,
-  PPTX_JSON_PAYLOAD_VERSION,
   buildPptxBlob,
   createPPTX,
   getElementRange,