json2pptx 0.2.0 → 0.2.2

package/dist/index.js

@@ -41,7 +41,59 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 var import_pptxgenjs = __toESM(require("pptxgenjs"));
 var import_jszip = __toESM(require("jszip"));
-var import_tinycolor2 = __toESM(require("tinycolor2"));
+
+// src/element.ts
+var getElementRange = (element) => {
+  var _a, _b, _c, _d, _e, _f;
+  let minX = 0;
+  let maxX = 0;
+  let minY = 0;
+  let maxY = 0;
+  if (element.type === "line" && element.start && element.end) {
+    minX = (_a = element.left) != null ? _a : 0;
+    maxX = ((_b = element.left) != null ? _b : 0) + Math.max(element.start[0], element.end[0]);
+    minY = (_c = element.top) != null ? _c : 0;
+    maxY = ((_d = element.top) != null ? _d : 0) + Math.max(element.start[1], element.end[1]);
+  } else if (element.left !== void 0 && element.top !== void 0) {
+    minX = element.left;
+    minY = element.top;
+    maxX = element.left + ((_e = element.width) != null ? _e : 0);
+    maxY = element.top + ((_f = element.height) != null ? _f : 0);
+  }
+  return { minX, maxX, minY, maxY };
+};
+var isLineElement = (element) => element.type === "line";
+var getLineElementPath = (element) => {
+  if (!isLineElement(element) || !element.start || !element.end) return "";
+  const start = element.start.join(",");
+  const end = element.end.join(",");
+  const broken = element.broken;
+  const broken2 = element.broken2;
+  const curve = element.curve;
+  const cubic = element.cubic;
+  if (broken) {
+    const mid = broken.join(",");
+    return `M${start} L${mid} L${end}`;
+  }
+  if (broken2) {
+    const { minX, maxX, minY, maxY } = getElementRange(element);
+    if (maxX - minX >= maxY - minY) {
+      return `M${start} L${broken2[0]},${element.start[1]} L${broken2[0]},${element.end[1]} ${end}`;
+    }
+    return `M${start} L${element.start[0]},${broken2[1]} L${element.end[0]},${broken2[1]} ${end}`;
+  }
+  if (curve) {
+    const mid = curve.join(",");
+    return `M${start} Q${mid} ${end}`;
+  }
+  if (cubic) {
+    const [c1, c2] = cubic;
+    const p1 = c1.join(",");
+    const p2 = c2.join(",");
+    return `M${start} C${p1} ${p2} ${end}`;
+  }
+  return `M${start} L${end}`;
+};
 
 // src/resolveImageData.ts
 var dataUrlRegex = /^data:image\/[^;]+;base64,/;
@@ -97,6 +149,15 @@ var resolveImageData = async (src) => {
   return `data:${contentType};base64,${base64}`;
 };
 
+// src/renderers/constants.ts
+var DEFAULT_WIDTH = 1e3;
+var DEFAULT_HEIGHT = 562.5;
+var DEFAULT_FONT_SIZE = 16;
+var DEFAULT_FONT_FACE = "\u5FAE\u8F6F\u96C5\u9ED1";
+
+// src/renderers/shared.ts
+var import_tinycolor2 = __toESM(require("tinycolor2"));
+
 // src/htmlParser/tags.ts
 var childlessTags = ["style", "script", "template"];
 var closingTags = [
@@ -534,160 +595,12 @@ var toAST = (str) => {
   return format(nodes);
 };
 
-// src/svgPathParser.ts
-var import_svg_pathdata = require("svg-pathdata");
-var import_svg_arc_to_cubic_bezier = __toESM(require("svg-arc-to-cubic-bezier"));
-var typeMap = {
-  1: "Z",
-  2: "M",
-  4: "H",
-  8: "V",
-  16: "L",
-  32: "C",
-  64: "S",
-  128: "Q",
-  256: "T",
-  512: "A"
-};
-var toPoints = (d) => {
-  const pathData = new import_svg_pathdata.SVGPathData(d);
-  const points = [];
-  for (const item of pathData.commands) {
-    const type = typeMap[item.type];
-    if (item.type === 2 || item.type === 16) {
-      points.push({
-        x: item.x,
-        y: item.y,
-        relative: item.relative,
-        type
-      });
-    }
-    if (item.type === 32) {
-      points.push({
-        x: item.x,
-        y: item.y,
-        curve: {
-          type: "cubic",
-          x1: item.x1,
-          y1: item.y1,
-          x2: item.x2,
-          y2: item.y2
-        },
-        relative: item.relative,
-        type
-      });
-    } else if (item.type === 128) {
-      points.push({
-        x: item.x,
-        y: item.y,
-        curve: {
-          type: "quadratic",
-          x1: item.x1,
-          y1: item.y1
-        },
-        relative: item.relative,
-        type
-      });
-    } else if (item.type === 512) {
-      const lastPoint = points[points.length - 1];
-      if (!lastPoint || !["M", "L", "Q", "C"].includes(lastPoint.type)) continue;
-      const cubicBezierPoints = (0, import_svg_arc_to_cubic_bezier.default)({
-        px: lastPoint.x,
-        py: lastPoint.y,
-        cx: item.x,
-        cy: item.y,
-        rx: item.rX,
-        ry: item.rY,
-        xAxisRotation: item.xRot,
-        largeArcFlag: item.lArcFlag,
-        sweepFlag: item.sweepFlag
-      });
-      for (const cbPoint of cubicBezierPoints) {
-        points.push({
-          x: cbPoint.x,
-          y: cbPoint.y,
-          curve: {
-            type: "cubic",
-            x1: cbPoint.x1,
-            y1: cbPoint.y1,
-            x2: cbPoint.x2,
-            y2: cbPoint.y2
-          },
-          relative: false,
-          type: "C"
-        });
-      }
-    } else if (item.type === 1) {
-      points.push({ close: true, type });
-    } else continue;
-  }
-  return points;
-};
-
-// src/element.ts
-var getElementRange = (element) => {
-  var _a, _b, _c, _d, _e, _f;
-  let minX = 0;
-  let maxX = 0;
-  let minY = 0;
-  let maxY = 0;
-  if (element.type === "line" && element.start && element.end) {
-    minX = (_a = element.left) != null ? _a : 0;
-    maxX = ((_b = element.left) != null ? _b : 0) + Math.max(element.start[0], element.end[0]);
-    minY = (_c = element.top) != null ? _c : 0;
-    maxY = ((_d = element.top) != null ? _d : 0) + Math.max(element.start[1], element.end[1]);
-  } else if (element.left !== void 0 && element.top !== void 0) {
-    minX = element.left;
-    minY = element.top;
-    maxX = element.left + ((_e = element.width) != null ? _e : 0);
-    maxY = element.top + ((_f = element.height) != null ? _f : 0);
-  }
-  return { minX, maxX, minY, maxY };
-};
-var isLineElement = (element) => element.type === "line";
-var getLineElementPath = (element) => {
-  if (!isLineElement(element) || !element.start || !element.end) return "";
-  const start = element.start.join(",");
-  const end = element.end.join(",");
-  const broken = element.broken;
-  const broken2 = element.broken2;
-  const curve = element.curve;
-  const cubic = element.cubic;
-  if (broken) {
-    const mid = broken.join(",");
-    return `M${start} L${mid} L${end}`;
-  }
-  if (broken2) {
-    const { minX, maxX, minY, maxY } = getElementRange(element);
-    if (maxX - minX >= maxY - minY) {
-      return `M${start} L${broken2[0]},${element.start[1]} L${broken2[0]},${element.end[1]} ${end}`;
-    }
-    return `M${start} L${element.start[0]},${broken2[1]} L${element.end[0]},${broken2[1]} ${end}`;
-  }
-  if (curve) {
-    const mid = curve.join(",");
-    return `M${start} Q${mid} ${end}`;
-  }
-  if (cubic) {
-    const [c1, c2] = cubic;
-    const p1 = c1.join(",");
-    const p2 = c2.join(",");
-    return `M${start} C${p1} ${p2} ${end}`;
-  }
-  return `M${start} L${end}`;
+// src/renderers/shared.ts
+var dashTypeMap = {
+  solid: "solid",
+  dashed: "dash",
+  dotted: "sysDot"
 };
-
-// src/index.ts
-var DEFAULT_WIDTH = 1e3;
-var DEFAULT_HEIGHT = 562.5;
-var DEFAULT_FONT_SIZE = 16;
-var DEFAULT_FONT_FACE = "\u5FAE\u8F6F\u96C5\u9ED1";
-var ENABLE_DECK_JSON = true;
-var PPTX_JSON_PAYLOAD_PATH = "json2ppt-editor.json";
-var PPTX_JSON_PAYLOAD_VERSION = 1;
-function sanitizeFileName(name) {
-  return name.replace(/[\\/:*?"<>|]/g, "").trim() || "presentation";
-}
 function formatColor(input) {
   if (!input) {
     return {
@@ -827,114 +740,32 @@ function formatHTML(html, ratioPx2Pt) {
   parse2(ast);
   return slices;
 }
-var formatPoints = (points, ratioPx2Inch, scale = { x: 1, y: 1 }) => {
-  return points.map((point) => {
-    if ("close" in point) {
-      return { close: true };
-    }
-    if (point.type === "M") {
-      return {
-        x: point.x / ratioPx2Inch * scale.x,
-        y: point.y / ratioPx2Inch * scale.y,
-        moveTo: true
-      };
-    }
-    if (point.curve) {
-      if (point.curve.type === "cubic") {
-        return {
-          x: point.x / ratioPx2Inch * scale.x,
-          y: point.y / ratioPx2Inch * scale.y,
-          curve: {
-            type: "cubic",
-            x1: point.curve.x1 / ratioPx2Inch * scale.x,
-            y1: point.curve.y1 / ratioPx2Inch * scale.y,
-            x2: point.curve.x2 / ratioPx2Inch * scale.x,
-            y2: point.curve.y2 / ratioPx2Inch * scale.y
-          }
-        };
-      }
-      if (point.curve.type === "quadratic") {
-        return {
-          x: point.x / ratioPx2Inch * scale.x,
-          y: point.y / ratioPx2Inch * scale.y,
-          curve: {
-            type: "quadratic",
-            x1: point.curve.x1 / ratioPx2Inch * scale.x,
-            y1: point.curve.y1 / ratioPx2Inch * scale.y
-          }
-        };
-      }
-    }
-    return {
-      x: point.x / ratioPx2Inch * scale.x,
-      y: point.y / ratioPx2Inch * scale.y
-    };
-  });
-};
-var dashTypeMap = {
-  solid: "solid",
-  dashed: "dash",
-  dotted: "sysDot"
-};
-var stripFillTags = (value) => 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, "");
-var 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;
+function normalizeFontName(value) {
+  return value ? value.replace(/^"+|"+$/g, "") : void 0;
+}
+function clampOpacity(value) {
+  if (value === void 0) return 1;
+  if (!Number.isFinite(value)) return 1;
+  return Math.min(1, Math.max(0, value));
+}
+function getOpacityRatio(value) {
+  if (!value) return void 0;
+  const normalized = value.trim();
+  if (!normalized) return void 0;
+  if (normalized.endsWith("%")) {
+    const percent = Number.parseFloat(normalized);
+    return Number.isFinite(percent) ? Math.min(1, Math.max(0, percent / 100)) : void 0;
   }
-  return result;
-};
-var parseDataUrlImage = (dataUrl) => {
-  var _a;
-  const match = dataUrl.match(/^data:(image\/[^;]+);base64,(.+)$/);
-  if (!match) return null;
-  const mime = match[1];
-  const data = match[2];
-  const extMap = {
-    "image/jpeg": "jpeg",
-    "image/jpg": "jpg",
-    "image/png": "png",
-    "image/gif": "gif",
-    "image/svg+xml": "svg",
-    "image/webp": "webp",
-    "image/bmp": "bmp"
-  };
-  return { mime, data, ext: (_a = extMap[mime]) != null ? _a : "png" };
-};
-var normalizeFontName = (value) => value ? value.replace(/^"+|"+$/g, "") : void 0;
-var parseFontSize = (value) => {
+  const numeric = Number.parseFloat(normalized);
+  if (!Number.isFinite(numeric)) return void 0;
+  return numeric > 1 ? Math.min(1, Math.max(0, numeric / 100)) : Math.min(1, Math.max(0, numeric));
+}
+function parseFontSize(value) {
   if (!value) return void 0;
   const size = Number.parseFloat(value);
   return Number.isFinite(size) ? size : void 0;
-};
-var parseTableColor = (value) => {
+}
+function parseTableColor(value) {
   if (!value) return void 0;
   const normalized = value.trim();
   if (!normalized) return void 0;
@@ -943,8 +774,8 @@ var parseTableColor = (value) => {
     color: c.color.replace("#", ""),
     transparency: (1 - c.alpha) * 100
   };
-};
-var isPlaceholderCell = (cell) => {
+}
+function isPlaceholderCell(cell) {
   var _a, _b, _c;
   if (!cell) return false;
   const colspan = (_a = cell.colspan) != null ? _a : 1;
@@ -954,15 +785,15 @@ var isPlaceholderCell = (cell) => {
   const style = cell.style;
   const hasStyle = Boolean(style == null ? void 0 : style.fontname) || Boolean(style == null ? void 0 : style.fontsize) || Boolean(style == null ? void 0 : style.color) || Boolean(style == null ? void 0 : style.backcolor);
   return text.trim() === "" && !hasStyle;
-};
-var buildTableRows = (element, ratioPx2Pt) => {
+}
+function buildTableRows(element, ratioPx2Pt, ratioPx2Inch) {
   var _a, _b;
   const data = element.data;
   if (!data || !data.length) return [];
   const colCount = (_b = (_a = element.colWidths) == null ? void 0 : _a.length) != null ? _b : Math.max(...data.map((row) => row.length));
   const rows = [];
   const skip = new Array(colCount).fill(0);
-  data.forEach((row, rowIndex) => {
+  data.forEach((row) => {
     var _a2, _b2, _c, _d;
     const cells = [];
     let colIndex = 0;
@@ -997,6 +828,12 @@ var buildTableRows = (element, ratioPx2Pt) => {
       const fontSize = parseFontSize(style.fontsize);
       const fill = parseTableColor(style.backcolor);
       const color = parseTableColor(style.color);
+      const cellMargin = [
+        6 / ratioPx2Inch,
+        8 / ratioPx2Inch,
+        6 / ratioPx2Inch,
+        8 / ratioPx2Inch
+      ];
       const options = {
         colspan: colSpan > 1 ? colSpan : void 0,
         rowspan: rowSpan > 1 ? rowSpan : void 0,
@@ -1006,7 +843,7 @@ var buildTableRows = (element, ratioPx2Pt) => {
         fontSize: fontSize ? fontSize / ratioPx2Pt : void 0,
         color: color == null ? void 0 : color.color,
         fill: fill ? { color: fill.color, transparency: fill.transparency } : void 0,
-        margin: 0
+        margin: cellMargin
       };
       cells.push({
         text: (_d = cell.text) != null ? _d : "",
@@ -1017,8 +854,8 @@ var buildTableRows = (element, ratioPx2Pt) => {
     rows.push(cells);
   });
   return rows;
-};
-var getShadowOption = (shadow, ratioPx2Pt) => {
+}
+function getShadowOption(shadow, ratioPx2Pt) {
   var _a, _b;
   const c = formatColor((_a = shadow.color) != null ? _a : "#000000");
   const { h = 0, v = 0 } = shadow;
@@ -1057,241 +894,531 @@ var getShadowOption = (shadow, ratioPx2Pt) => {
     angle = 225;
   }
   return {
-    type: "outer",
-    color: c.color.replace("#", ""),
-    opacity: c.alpha,
+    color: c.color,
+    transparency: (1 - c.alpha) * 100,
     blur: ((_b = shadow.blur) != null ? _b : 0) / ratioPx2Pt,
     offset,
     angle
   };
-};
-var getOutlineOption = (outline, ratioPx2Pt) => {
+}
+function getOutlineOption(outline, ratioPx2Pt, opacity = 1) {
   const c = formatColor(outline.color || "#000000");
+  const alpha = c.alpha * clampOpacity(opacity);
   return {
     color: c.color,
-    transparency: (1 - c.alpha) * 100,
+    transparency: (1 - alpha) * 100,
     width: (outline.width || 1) / ratioPx2Pt,
     dashType: outline.style ? dashTypeMap[outline.style] : "solid"
   };
-};
-var isBase64Image = (url) => {
-  const regex = /^data:image\/[^;]+;base64,/;
-  return regex.test(url);
-};
-async function buildPptxBlob(template) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T;
-  const pptx = new import_pptxgenjs.default();
-  const patternShapes = [];
-  const width = (_a = template.width) != null ? _a : DEFAULT_WIDTH;
-  const height = (_b = template.height) != null ? _b : DEFAULT_HEIGHT;
+}
+function getElementOpacity(value) {
+  return clampOpacity(value);
+}
+function getFilterOpacity(value) {
+  return getOpacityRatio(value);
+}
+function getDashTypeMap() {
+  return dashTypeMap;
+}
+
+// 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;
+  if (!backgroundColor) return;
+  const c = formatColor(backgroundColor);
+  slide.background = { color: c.color, transparency: (1 - c.alpha) * 100 };
+}
+
+// src/renderers/layout.ts
+function applyPptxLayout(pptx, width, height) {
   const viewportRatio = height / width;
-  const ratioPx2Inch = 96 * (width / 960);
-  const ratioPx2Pt = 96 / 72 * (width / 960);
-  if (Math.abs(viewportRatio - 0.625) < 1e-3) pptx.layout = "LAYOUT_16x10";
-  else if (Math.abs(viewportRatio - 0.75) < 1e-3) pptx.layout = "LAYOUT_4x3";
-  else if (Math.abs(viewportRatio - 0.70710678) < 1e-4) {
+  if (Math.abs(viewportRatio - 0.625) < 1e-3) {
+    pptx.layout = "LAYOUT_16x10";
+    return;
+  }
+  if (Math.abs(viewportRatio - 0.75) < 1e-3) {
+    pptx.layout = "LAYOUT_4x3";
+    return;
+  }
+  if (Math.abs(viewportRatio - 0.70710678) < 1e-4) {
     pptx.defineLayout({ name: "A3", width: 10, height: 7.0710678 });
     pptx.layout = "A3";
-  } else if (Math.abs(viewportRatio - 1.41421356) < 1e-4) {
+    return;
+  }
+  if (Math.abs(viewportRatio - 1.41421356) < 1e-4) {
     pptx.defineLayout({ name: "A3_V", width: 10, height: 14.1421356 });
     pptx.layout = "A3_V";
-  } else pptx.layout = "LAYOUT_16x9";
-  for (const [slideIndex, slideJson] of ((_c = template.slides) != null ? _c : []).entries()) {
-    const slide = pptx.addSlide();
-    const backgroundColor = (_d = slideJson.background) == null ? void 0 : _d.color;
-    if (backgroundColor) {
-      const c = formatColor(backgroundColor);
-      slide.background = { color: c.color, transparency: (1 - c.alpha) * 100 };
+    return;
+  }
+  pptx.layout = "LAYOUT_16x9";
+}
+
+// src/svgPathParser.ts
+var import_svg_pathdata = require("svg-pathdata");
+var import_svg_arc_to_cubic_bezier = __toESM(require("svg-arc-to-cubic-bezier"));
+var typeMap = {
+  1: "Z",
+  2: "M",
+  4: "H",
+  8: "V",
+  16: "L",
+  32: "C",
+  64: "S",
+  128: "Q",
+  256: "T",
+  512: "A"
+};
+var toPoints = (d) => {
+  if (!d) return [];
+  if (d.includes("NaN") || d.includes("undefined") || d.includes("null")) return [];
+  let pathData;
+  try {
+    pathData = new import_svg_pathdata.SVGPathData(d);
+  } catch {
+    return [];
+  }
+  const points = [];
+  for (const item of pathData.commands) {
+    const type = typeMap[item.type];
+    if (item.type === 2 || item.type === 16) {
+      points.push({
+        x: item.x,
+        y: item.y,
+        relative: item.relative,
+        type
+      });
     }
-    for (const [elementIndex, element] of ((_e = slideJson.elements) != null ? _e : []).entries()) {
-      if (element.type === "text" && element.content) {
-        const textProps = formatHTML(element.content, ratioPx2Pt);
-        const options = {
-          x: ((_f = element.left) != null ? _f : 0) / ratioPx2Inch,
-          y: ((_g = element.top) != null ? _g : 0) / ratioPx2Inch,
-          w: ((_h = element.width) != null ? _h : 0) / ratioPx2Inch,
-          h: ((_i = element.height) != null ? _i : 0) / ratioPx2Inch,
-          fontSize: DEFAULT_FONT_SIZE / ratioPx2Pt,
-          fontFace: element.defaultFontName || ((_j = template.theme) == null ? void 0 : _j.fontName) || DEFAULT_FONT_FACE,
-          color: "#000000",
-          valign: "top",
-          margin: 0,
-          paraSpaceBefore: 5 / ratioPx2Pt,
-          lineSpacingMultiple: 1.5 / 1.25,
-          autoFit: true
-        };
-        if (element.rotate) options.rotate = element.rotate;
-        if (element.wordSpace) options.charSpacing = element.wordSpace / ratioPx2Pt;
-        if (element.lineHeight) options.lineSpacingMultiple = element.lineHeight / 1.25;
-        if (element.fill) {
-          const c = formatColor(element.fill);
-          const opacity = element.opacity === void 0 ? 1 : element.opacity;
-          options.fill = {
-            color: c.color,
-            transparency: (1 - c.alpha * opacity) * 100
-          };
-        } else {
-          options.fill = { color: "FFFFFF", transparency: 100 };
-        }
-        if (element.defaultColor) options.color = formatColor(element.defaultColor).color;
-        if (element.shadow) options.shadow = getShadowOption(element.shadow, ratioPx2Pt);
-        if ((_k = element.outline) == null ? void 0 : _k.width) options.line = getOutlineOption(element.outline, ratioPx2Pt);
-        if (element.opacity !== void 0) options.transparency = (1 - element.opacity) * 100;
-        if (element.paragraphSpace !== void 0) {
-          options.paraSpaceBefore = element.paragraphSpace / ratioPx2Pt;
-        }
-        if (element.vertical) options.vert = "eaVert";
-        slide.addText(textProps, options);
-        continue;
+    if (item.type === 32) {
+      points.push({
+        x: item.x,
+        y: item.y,
+        curve: {
+          type: "cubic",
+          x1: item.x1,
+          y1: item.y1,
+          x2: item.x2,
+          y2: item.y2
+        },
+        relative: item.relative,
+        type
+      });
+    } else if (item.type === 128) {
+      points.push({
+        x: item.x,
+        y: item.y,
+        curve: {
+          type: "quadratic",
+          x1: item.x1,
+          y1: item.y1
+        },
+        relative: item.relative,
+        type
+      });
+    } else if (item.type === 512) {
+      const lastPoint = points[points.length - 1];
+      if (!lastPoint || !["M", "L", "Q", "C"].includes(lastPoint.type)) continue;
+      const cubicBezierPoints = (0, import_svg_arc_to_cubic_bezier.default)({
+        px: lastPoint.x,
+        py: lastPoint.y,
+        cx: item.x,
+        cy: item.y,
+        rx: item.rX,
+        ry: item.rY,
+        xAxisRotation: item.xRot,
+        largeArcFlag: item.lArcFlag,
+        sweepFlag: item.sweepFlag
+      });
+      for (const cbPoint of cubicBezierPoints) {
+        points.push({
+          x: cbPoint.x,
+          y: cbPoint.y,
+          curve: {
+            type: "cubic",
+            x1: cbPoint.x1,
+            y1: cbPoint.y1,
+            x2: cbPoint.x2,
+            y2: cbPoint.y2
+          },
+          relative: false,
+          type: "C"
+        });
       }
-      if (element.type === "image" && element.src) {
-        const options = {
-          x: ((_l = element.left) != null ? _l : 0) / ratioPx2Inch,
-          y: ((_m = element.top) != null ? _m : 0) / ratioPx2Inch,
-          w: ((_n = element.width) != null ? _n : 0) / ratioPx2Inch,
-          h: ((_o = element.height) != null ? _o : 0) / ratioPx2Inch
+    } else if (item.type === 1) {
+      points.push({ close: true, type });
+    } else continue;
+  }
+  return points;
+};
+
+// src/renderers/points.ts
+function formatPoints(points, ratioPx2Inch, scale = { x: 1, y: 1 }) {
+  return points.map((point) => {
+    if ("close" in point) {
+      return { close: true };
+    }
+    if (point.type === "M") {
+      return {
+        x: point.x / ratioPx2Inch * scale.x,
+        y: point.y / ratioPx2Inch * scale.y,
+        moveTo: true
+      };
+    }
+    if (point.curve) {
+      if (point.curve.type === "cubic") {
+        return {
+          x: point.x / ratioPx2Inch * scale.x,
+          y: point.y / ratioPx2Inch * scale.y,
+          curve: {
+            type: "cubic",
+            x1: point.curve.x1 / ratioPx2Inch * scale.x,
+            y1: point.curve.y1 / ratioPx2Inch * scale.y,
+            x2: point.curve.x2 / ratioPx2Inch * scale.x,
+            y2: point.curve.y2 / ratioPx2Inch * scale.y
+          }
         };
-        if (isBase64Image(element.src)) options.data = element.src;
-        else options.data = await resolveImageData(element.src);
-        if (element.flipH) options.flipH = element.flipH;
-        if (element.flipV) options.flipV = element.flipV;
-        if (element.rotate) options.rotate = element.rotate;
-        if ((_p = element.filters) == null ? void 0 : _p.opacity) {
-          options.transparency = 100 - parseInt(element.filters.opacity, 10);
-        }
-        if ((_q = element.clip) == null ? void 0 : _q.range) {
-          if (element.clip.shape === "ellipse") options.rounding = true;
-          const [start, end] = element.clip.range;
-          const [startX, startY] = start;
-          const [endX, endY] = end;
-          const originW = ((_r = element.width) != null ? _r : 0) / ((endX - startX) / ratioPx2Inch);
-          const originH = ((_s = element.height) != null ? _s : 0) / ((endY - startY) / ratioPx2Inch);
-          options.w = originW / ratioPx2Inch;
-          options.h = originH / ratioPx2Inch;
-          options.sizing = {
-            type: "crop",
-            x: startX / ratioPx2Inch * (originW / ratioPx2Inch),
-            y: startY / ratioPx2Inch * (originH / ratioPx2Inch),
-            w: (endX - startX) / ratioPx2Inch * (originW / ratioPx2Inch),
-            h: (endY - startY) / ratioPx2Inch * (originH / ratioPx2Inch)
-          };
-        }
-        slide.addImage(options);
-        continue;
       }
-      if (element.type === "shape" && element.path && element.viewBox) {
-        const scale = {
-          x: ((_t = element.width) != null ? _t : 0) / element.viewBox[0],
-          y: ((_u = element.height) != null ? _u : 0) / element.viewBox[1]
-        };
-        const points = formatPoints(toPoints(element.path), ratioPx2Inch, scale);
-        const pattern = element.pattern;
-        const hasFill = typeof element.fill === "string" ? element.fill.trim().length > 0 : false;
-        const opacity = element.opacity === void 0 ? 1 : element.opacity;
-        const options = {
-          x: ((_v = element.left) != null ? _v : 0) / ratioPx2Inch,
-          y: ((_w = element.top) != null ? _w : 0) / ratioPx2Inch,
-          w: ((_x = element.width) != null ? _x : 0) / ratioPx2Inch,
-          h: ((_y = element.height) != null ? _y : 0) / ratioPx2Inch,
-          points
-        };
-        if (pattern) {
-          const objectName = `pattern-${slideIndex}-${(_z = element.id) != null ? _z : 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");
-          options.fill = {
-            color: fillColor.color,
-            transparency: (1 - fillColor.alpha * opacity) * 100
-          };
-        } else {
-          options.fill = { color: "FFFFFF", transparency: 100 };
-        }
-        if (element.flipH) options.flipH = element.flipH;
-        if (element.flipV) options.flipV = element.flipV;
-        if (element.shadow) options.shadow = getShadowOption(element.shadow, ratioPx2Pt);
-        if ((_A = element.outline) == null ? void 0 : _A.width) options.line = getOutlineOption(element.outline, ratioPx2Pt);
-        if (element.rotate) options.rotate = element.rotate;
-        slide.addShape("custGeom", options);
-        if ((_B = element.text) == null ? void 0 : _B.content) {
-          const textProps = formatHTML(element.text.content, ratioPx2Pt);
-          const textOptions = {
-            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,
-            fontSize: DEFAULT_FONT_SIZE / ratioPx2Pt,
-            fontFace: element.text.defaultFontName || DEFAULT_FONT_FACE,
-            color: "#000000",
-            paraSpaceBefore: 5 / ratioPx2Pt,
-            valign: element.text.align,
-            fill: { color: "FFFFFF", transparency: 100 }
-          };
-          textOptions.margin = 0;
-          if (element.rotate) textOptions.rotate = element.rotate;
-          if (element.text.defaultColor) {
-            textOptions.color = formatColor(element.text.defaultColor).color;
+      if (point.curve.type === "quadratic") {
+        return {
+          x: point.x / ratioPx2Inch * scale.x,
+          y: point.y / ratioPx2Inch * scale.y,
+          curve: {
+            type: "quadratic",
+            x1: point.curve.x1 / ratioPx2Inch * scale.x,
+            y1: point.curve.y1 / ratioPx2Inch * scale.y
           }
-          slide.addText(textProps, textOptions);
-        }
-        continue;
-      }
-      if (element.type === "line" && element.start && element.end) {
-        const path = getLineElementPath(element);
-        const points = formatPoints(toPoints(path), ratioPx2Inch);
-        const { minX, maxX, minY, maxY } = getElementRange(element);
-        const c = formatColor(element.color || "#000000");
-        const options = {
-          x: ((_G = element.left) != null ? _G : 0) / ratioPx2Inch,
-          y: ((_H = element.top) != null ? _H : 0) / ratioPx2Inch,
-          w: (maxX - minX) / ratioPx2Inch,
-          h: (maxY - minY) / ratioPx2Inch,
-          line: {
-            color: c.color,
-            transparency: (1 - c.alpha) * 100,
-            width: ((_I = element.width) != null ? _I : 1) / ratioPx2Pt,
-            dashType: element.style ? dashTypeMap[element.style] : "solid",
-            beginArrowType: ((_J = element.points) == null ? void 0 : _J[0]) ? "arrow" : "none",
-            endArrowType: ((_K = element.points) == null ? void 0 : _K[1]) ? "arrow" : "none"
-          },
-          points
         };
-        if (element.shadow) options.shadow = getShadowOption(element.shadow, ratioPx2Pt);
-        slide.addShape("custGeom", options);
-      }
-      if (element.type === "table") {
-        const rows = buildTableRows(element, ratioPx2Pt);
-        if (!rows.length) continue;
-        const colWidths = element.colWidths;
-        const colW = colWidths ? colWidths.map((ratio) => {
-          var _a2;
-          return ((_a2 = element.width) != null ? _a2 : 0) * ratio / ratioPx2Inch;
-        }) : void 0;
-        const rowCount = rows.length || 1;
-        const baseRowHeight = ((_L = element.height) != null ? _L : 0) / rowCount / ratioPx2Inch;
-        const minRowHeight = element.cellMinHeight ? element.cellMinHeight / ratioPx2Inch : void 0;
-        const rowH = minRowHeight ? new Array(rowCount).fill(Math.max(minRowHeight, baseRowHeight)) : void 0;
-        const outline = element.outline;
-        const border = (outline == null ? void 0 : outline.width) || (outline == null ? void 0 : outline.color) ? {
-          pt: ((_M = outline.width) != null ? _M : 1) / ratioPx2Pt,
-          color: formatColor(outline.color || "#000000").color.replace("#", "")
-        } : void 0;
-        slide.addTable(rows, {
-          x: ((_N = element.left) != null ? _N : 0) / ratioPx2Inch,
-          y: ((_O = element.top) != null ? _O : 0) / ratioPx2Inch,
-          w: ((_P = element.width) != null ? _P : 0) / ratioPx2Inch,
-          h: ((_Q = element.height) != null ? _Q : 0) / ratioPx2Inch,
-          colW,
-          rowH,
-          border,
-          margin: 0
-        });
       }
     }
+    return {
+      x: point.x / ratioPx2Inch * scale.x,
+      y: point.y / ratioPx2Inch * scale.y
+    };
+  });
+}
+
+// src/renderers/utils.ts
+function isBase64Image(url) {
+  const regex = /^data:image\/[^;]+;base64,/;
+  return regex.test(url);
+}
+function getLineArrowType(value) {
+  if (value === "arrow") return "arrow";
+  if (value === "dot") return "oval";
+  return "none";
+}
+
+// src/renderers/elements.ts
+function addTextElement(slide, element, template, ratioPx2Pt, ratioPx2Inch, textPadding) {
+  var _a, _b, _c, _d, _e, _f;
+  if (element.type !== "text" || !element.content) return;
+  const textProps = formatHTML(element.content, ratioPx2Pt);
+  const opacity = getElementOpacity(element.opacity);
+  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,
+    fontSize: DEFAULT_FONT_SIZE / ratioPx2Pt,
+    fontFace: element.defaultFontName || ((_e = template.theme) == null ? void 0 : _e.fontName) || DEFAULT_FONT_FACE,
+    color: "#000000",
+    valign: "top",
+    margin: textPadding,
+    paraSpaceBefore: 0,
+    lineSpacingMultiple: 1.5,
+    fit: "none"
+  };
+  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);
+    options.fill = {
+      color: c.color,
+      transparency: (1 - c.alpha * opacity) * 100
+    };
+  } else {
+    options.fill = { color: "FFFFFF", transparency: 100 };
+  }
+  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) {
+    options.line = getOutlineOption(element.outline, ratioPx2Pt, opacity);
+  }
+  if (element.opacity !== void 0) options.transparency = (1 - opacity) * 100;
+  if (element.paragraphSpace !== void 0) {
+    options.paraSpaceBefore = element.paragraphSpace / ratioPx2Pt;
+  }
+  if (element.vertical) options.vert = "eaVert";
+  if (element.flipH) options.flipH = element.flipH;
+  if (element.flipV) options.flipV = element.flipV;
+  slide.addText(textProps, options);
+}
+async function addImageElement(slide, element, ratioPx2Inch) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  if (element.type !== "image" || !element.src) return;
+  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
+  };
+  if (isBase64Image(element.src)) options.data = element.src;
+  else options.data = await resolveImageData(element.src);
+  if (element.flipH) options.flipH = element.flipH;
+  if (element.flipV) options.flipV = element.flipV;
+  if (element.rotate) options.rotate = element.rotate;
+  const filterOpacity = (_f = getFilterOpacity((_e = element.filters) == null ? void 0 : _e.opacity)) != null ? _f : 1;
+  const elementOpacity = getElementOpacity(element.opacity);
+  const imageOpacity = filterOpacity * elementOpacity;
+  if (imageOpacity !== 1) {
+    options.transparency = (1 - imageOpacity) * 100;
+  }
+  if ((_g = element.clip) == null ? void 0 : _g.range) {
+    if (element.clip.shape === "ellipse") options.rounding = true;
+    const [start, end] = element.clip.range;
+    const [startX, startY] = start;
+    const [endX, endY] = end;
+    const originW = ((_h = element.width) != null ? _h : 0) / ((endX - startX) / ratioPx2Inch);
+    const originH = ((_i = element.height) != null ? _i : 0) / ((endY - startY) / ratioPx2Inch);
+    options.w = originW / ratioPx2Inch;
+    options.h = originH / ratioPx2Inch;
+    options.sizing = {
+      type: "crop",
+      x: startX / ratioPx2Inch * (originW / ratioPx2Inch),
+      y: startY / ratioPx2Inch * (originH / ratioPx2Inch),
+      w: (endX - startX) / ratioPx2Inch * (originW / ratioPx2Inch),
+      h: (endY - startY) / ratioPx2Inch * (originH / 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;
+  if (element.type !== "shape" || !element.path || !element.viewBox) return;
+  const scale = {
+    x: ((_a = element.width) != null ? _a : 0) / element.viewBox[0],
+    y: ((_b = element.height) != null ? _b : 0) / element.viewBox[1]
+  };
+  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 opacity = getElementOpacity(element.opacity);
+  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
+  };
+  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");
+    options.fill = {
+      color: fillColor.color,
+      transparency: (1 - fillColor.alpha * opacity) * 100
+    };
+  } else {
+    options.fill = { color: "FFFFFF", transparency: 100 };
+  }
+  if (element.flipH) options.flipH = element.flipH;
+  if (element.flipV) options.flipV = element.flipV;
+  if (element.shadow) options.shadow = getShadowOption(element.shadow, ratioPx2Pt);
+  if ((_h = element.outline) == null ? void 0 : _h.width) {
+    options.line = getOutlineOption(element.outline, ratioPx2Pt, opacity);
+  }
+  if (element.rotate) options.rotate = element.rotate;
+  slide.addShape("custGeom", options);
+  if (!((_i = element.text) == null ? void 0 : _i.content)) return;
+  const textProps = formatHTML(element.text.content, ratioPx2Pt);
+  const textOptions = {
+    x: ((_j = element.left) != null ? _j : 0) / ratioPx2Inch,
+    y: ((_k = element.top) != null ? _k : 0) / ratioPx2Inch,
+    w: ((_l = element.width) != null ? _l : 0) / ratioPx2Inch,
+    h: ((_m = element.height) != null ? _m : 0) / ratioPx2Inch,
+    fontSize: DEFAULT_FONT_SIZE / ratioPx2Pt,
+    fontFace: element.text.defaultFontName || DEFAULT_FONT_FACE,
+    color: "#000000",
+    paraSpaceBefore: 0,
+    valign: element.text.align,
+    fill: { color: "FFFFFF", transparency: 100 },
+    fit: "none"
+  };
+  textOptions.margin = 0;
+  if (element.rotate) textOptions.rotate = element.rotate;
+  if (element.text.defaultColor) {
+    textOptions.color = formatColor(element.text.defaultColor).color;
+  }
+  if (element.opacity !== void 0) {
+    textOptions.transparency = (1 - opacity) * 100;
+  }
+  if (element.flipH) textOptions.flipH = element.flipH;
+  if (element.flipV) textOptions.flipV = element.flipV;
+  slide.addText(textProps, textOptions);
+}
+function addLineElement(slide, element, ratioPx2Pt, ratioPx2Inch) {
+  var _a, _b, _c, _d;
+  if (element.type !== "line" || !element.start || !element.end) return;
+  const path = getLineElementPath(element);
+  const rawPoints = toPoints(path);
+  if (!rawPoints.length) return;
+  const points = formatPoints(rawPoints, ratioPx2Inch);
+  const { minX, maxX, minY, maxY } = getElementRange(element);
+  const c = formatColor(element.color || "#000000");
+  const opacity = getElementOpacity(element.opacity);
+  const pointsMeta = (_a = element.points) != null ? _a : [];
+  const dashTypeMap2 = getDashTypeMap();
+  const options = {
+    x: ((_b = element.left) != null ? _b : 0) / ratioPx2Inch,
+    y: ((_c = element.top) != null ? _c : 0) / ratioPx2Inch,
+    w: (maxX - minX) / ratioPx2Inch,
+    h: (maxY - minY) / ratioPx2Inch,
+    line: {
+      color: c.color,
+      transparency: (1 - c.alpha * opacity) * 100,
+      width: ((_d = element.width) != null ? _d : 1) / ratioPx2Pt,
+      dashType: element.style ? dashTypeMap2[element.style] : "solid",
+      beginArrowType: getLineArrowType(pointsMeta[0]),
+      endArrowType: getLineArrowType(pointsMeta[1])
+    },
+    points
+  };
+  if (element.flipH) options.flipH = element.flipH;
+  if (element.flipV) options.flipV = element.flipV;
+  if (element.shadow) options.shadow = getShadowOption(element.shadow, ratioPx2Pt);
+  slide.addShape("custGeom", options);
+}
+function addTableElement(slide, element, ratioPx2Pt, ratioPx2Inch) {
+  var _a, _b, _c, _d, _e, _f;
+  if (element.type !== "table") return;
+  const rows = buildTableRows(element, ratioPx2Pt, ratioPx2Inch);
+  if (!rows.length) return;
+  const colWidths = element.colWidths;
+  const colW = colWidths ? colWidths.map((ratio) => {
+    var _a2;
+    return ((_a2 = element.width) != null ? _a2 : 0) * ratio / ratioPx2Inch;
+  }) : void 0;
+  const rowCount = rows.length || 1;
+  const baseRowHeight = ((_a = element.height) != null ? _a : 0) / rowCount / ratioPx2Inch;
+  const minRowHeight = element.cellMinHeight ? element.cellMinHeight / ratioPx2Inch : void 0;
+  const rowH = minRowHeight ? new Array(rowCount).fill(Math.max(minRowHeight, baseRowHeight)) : void 0;
+  const outline = element.outline;
+  const border = (outline == null ? void 0 : outline.width) || (outline == null ? void 0 : outline.color) ? {
+    pt: ((_b = outline.width) != null ? _b : 1) / ratioPx2Pt,
+    color: formatColor(outline.color || "#000000").color.replace("#", "")
+  } : {
+    pt: 1 / ratioPx2Pt,
+    color: "DDDDDD"
+  };
+  slide.addTable(rows, {
+    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,
+    colW,
+    rowH,
+    border,
+    margin: 0
+  });
+}
+
+// src/index.ts
+var ENABLE_DECK_JSON = true;
+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,(.+)$/);
+  if (!match) return null;
+  const mime = match[1];
+  const data = match[2];
+  const extMap = {
+    "image/jpeg": "jpeg",
+    "image/jpg": "jpg",
+    "image/png": "png",
+    "image/gif": "gif",
+    "image/svg+xml": "svg",
+    "image/webp": "webp",
+    "image/bmp": "bmp"
+  };
+  return { mime, data, ext: (_a = extMap[mime]) != null ? _a : "png" };
+}
+async function buildPptxBlob(template) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const pptx = new import_pptxgenjs.default();
+  const patternShapes = [];
+  const width = (_a = template.width) != null ? _a : DEFAULT_WIDTH;
+  const height = (_b = template.height) != null ? _b : DEFAULT_HEIGHT;
+  const ratioPx2Inch = 96 * (width / 960);
+  const ratioPx2Pt = 96 / 72 * (width / 960);
+  const textPadding = 10 / ratioPx2Pt;
+  applyPptxLayout(pptx, width, height);
+  for (const [slideIndex, slideJson] of ((_c = template.slides) != null ? _c : []).entries()) {
+    const slide = pptx.addSlide();
+    applySlideBackground(slide, slideJson, template.theme);
+    for (const [elementIndex, element] of ((_d = slideJson.elements) != null ? _d : []).entries()) {
+      addTextElement(slide, element, template, ratioPx2Pt, ratioPx2Inch, textPadding);
+      await addImageElement(slide, element, ratioPx2Inch);
+      addShapeElement(
+        slide,
+        element,
+        ratioPx2Pt,
+        ratioPx2Inch,
+        slideIndex,
+        elementIndex,
+        patternShapes
+      );
+      addLineElement(slide, element, ratioPx2Pt, ratioPx2Inch);
+      addTableElement(slide, element, ratioPx2Pt, ratioPx2Inch);
+    }
   }
-  const fileName = `${sanitizeFileName((_R = template.title) != null ? _R : "presentation")}.pptx`;
+  const fileName = `${sanitizeFileName((_e = template.title) != null ? _e : "presentation")}.pptx`;
   const pptxBuffer = await pptx.write({
     outputType: "arraybuffer",
     compression: true
@@ -1322,7 +1449,7 @@ async function buildPptxBlob(template) {
       const slideNumber = pattern.slideIndex + 1;
       const slidePath = `ppt/slides/slide${slideNumber}.xml`;
       const relsPath = `ppt/slides/_rels/slide${slideNumber}.xml.rels`;
-      const relsXml = (_S = relsCache.get(slideNumber)) != null ? _S : 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>`;
+      const relsXml = (_f = relsCache.get(slideNumber)) != null ? _f : 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) => {
         const value = Number.parseInt(id, 10);
@@ -1336,7 +1463,7 @@ async function buildPptxBlob(template) {
         `${relEntry}</Relationships>`
       );
       relsCache.set(slideNumber, nextRelsXml);
-      const slideXml = (_T = slideCache.get(slideNumber)) != null ? _T : zip.file(slidePath) ? await zip.file(slidePath).async("string") : "";
+      const slideXml = (_g = slideCache.get(slideNumber)) != null ? _g : zip.file(slidePath) ? await zip.file(slidePath).async("string") : "";
       const nextSlideXml = slideXml ? applyPatternFill(slideXml, pattern.objectName, relId) : slideXml;
       slideCache.set(slideNumber, nextSlideXml);
     }