@json-to-office/core-pptx 7.0.0 → 7.0.1

package/dist/index.js

@@ -121,6 +121,9 @@ var init_units = __esm({
 });
 
 // src/renderers/pptxgenjs/fills.ts
+function buildImageFillXml() {
+  return `<a:blipFill rotWithShape="1"><a:blip r:embed="${IMAGE_FILL_RID}"/><a:stretch><a:fillRect/></a:stretch></a:blipFill>`;
+}
 function colorXml(color2) {
   const alpha = color2.transparency !== void 0 ? `<a:alpha val="${Math.round((100 - color2.transparency) * PCT_UNIT)}"/>` : "";
   return `<a:srgbClr val="${color2.hex.toUpperCase()}">${alpha}</a:srgbClr>`;
@@ -142,18 +145,27 @@ function radialShadeXml(focus) {
 function buildPatternFillXml(preset, foreground, background2) {
   return `<a:pattFill prst="${preset}"><a:fgClr>${opaqueColorXml(foreground)}</a:fgClr><a:bgClr>${opaqueColorXml(background2)}</a:bgClr></a:pattFill>`;
 }
-function registerAdvancedFill(opts, fill2, elementPath, sink) {
+function registerAdvancedFill(opts, fill2, elementPath, sink, raster) {
   const sentinel = fill2.kind === "gradient" ? fill2.gradient.stops[0].color : fill2.foreground;
   if (sink) {
-    const xml = fill2.kind === "gradient" ? buildGradientFillXml(fill2.gradient) : buildPatternFillXml(fill2.preset, fill2.foreground, fill2.background);
     const objectName = `__jto_fill_${sink.length}__`;
-    sink.push({ objectName, xml });
+    if (fill2.kind === "gradient" && fill2.gradient.type === "radial" && raster) {
+      const image = raster.rasterize(
+        fill2.gradient,
+        raster.widthEmu,
+        raster.heightEmu
+      );
+      sink.push({ objectName, xml: buildImageFillXml(), image });
+    } else {
+      const xml = fill2.kind === "gradient" ? buildGradientFillXml(fill2.gradient) : buildPatternFillXml(fill2.preset, fill2.foreground, fill2.background);
+      sink.push({ objectName, xml });
+    }
     opts.objectName = objectName;
   }
   void elementPath;
   opts.fill = { color: sentinel.hex };
 }
-var ANGLE_UNIT, PCT_UNIT, RADIAL_FOCUS_RECTS;
+var ANGLE_UNIT, PCT_UNIT, RADIAL_FOCUS_RECTS, IMAGE_FILL_RID;
 var init_fills = __esm({
   "src/renderers/pptxgenjs/fills.ts"() {
     "use strict";
@@ -166,6 +178,7 @@ var init_fills = __esm({
       bottomLeft: { l: 0, t: 1e5, r: 1e5, b: 0 },
       bottomRight: { l: 1e5, t: 1e5, r: 0, b: 0 }
     };
+    IMAGE_FILL_RID = "__jto_fill_rid__";
   }
 });
 
@@ -243,7 +256,13 @@ function chartOpts(element) {
     face: "catAxisLabelFontFace",
     bold: "catAxisLabelFontBold",
     size: "catAxisLabelFontSize",
-    color: "catAxisLabelColor"
+    color: "catAxisLabelColor",
+    titleFont: {
+      face: "catAxisTitleFontFace",
+      size: "catAxisTitleFontSize",
+      color: "catAxisTitleColor"
+    },
+    titleRotate: "catAxisTitleRotate"
   });
   applyValueAxis(opts, o.valueAxis);
   if (o.dataBorder) {
@@ -264,6 +283,10 @@ function applyAxis(opts, axis, keys) {
   if (axis.title !== void 0) {
     opts[keys.title] = axis.title;
     opts[keys.showTitle] = true;
+    applyLabelFont(opts, axis.titleFont, keys.titleFont);
+    if (axis.titleRotate !== void 0) {
+      opts[keys.titleRotate] = axis.titleRotate;
+    }
   }
   if (axis.hidden !== void 0) opts[keys.hidden] = axis.hidden;
   if (axis.labelRotate !== void 0) opts[keys.labelRotate] = axis.labelRotate;
@@ -282,7 +305,13 @@ function applyValueAxis(opts, axis) {
     face: "valAxisLabelFontFace",
     bold: "valAxisLabelFontBold",
     size: "valAxisLabelFontSize",
-    color: "valAxisLabelColor"
+    color: "valAxisLabelColor",
+    titleFont: {
+      face: "valAxisTitleFontFace",
+      size: "valAxisTitleFontSize",
+      color: "valAxisTitleColor"
+    },
+    titleRotate: "valAxisTitleRotate"
   });
   assignDefined(opts, {
     valAxisMinVal: axis.minValue,
@@ -546,7 +575,7 @@ function shadowOpts(shadow) {
 function hyperlinkOpts(link) {
   return link.kind === "external" ? { url: link.url, tooltip: link.tooltip } : { slide: link.slideIndex, tooltip: link.tooltip };
 }
-function applyFill(opts, fill2, elementPath, ctx) {
+function applyFill(opts, fill2, elementPath, ctx, transform) {
   switch (fill2.kind) {
     case "none":
       opts.fill = { type: "none" };
@@ -561,7 +590,17 @@ function applyFill(opts, fill2, elementPath, ctx) {
     }
     case "gradient":
     case "pattern":
-      registerAdvancedFill(opts, fill2, elementPath, ctx.pendingFills);
+      registerAdvancedFill(
+        opts,
+        fill2,
+        elementPath,
+        ctx.pendingFills,
+        ctx.rasterizeRadial && transform ? {
+          rasterize: ctx.rasterizeRadial,
+          widthEmu: transform.widthEmu,
+          heightEmu: transform.heightEmu
+        } : void 0
+      );
       return;
     case "image":
       throw new Error(
@@ -668,7 +707,9 @@ function emitTextBox(slide, element, ctx) {
     ...bodyDefaultOpts(element.style),
     ...textBodyOpts(element.style)
   };
-  if (element.fill) applyFill(opts, element.fill, element.path, ctx);
+  if (element.fill) {
+    applyFill(opts, element.fill, element.path, ctx, element.transform);
+  }
   if (element.shadow) opts.shadow = shadowOpts(element.shadow);
   if (element.hyperlink) opts.hyperlink = hyperlinkOpts(element.hyperlink);
   if (element.altText) opts.altText = element.altText;
@@ -703,7 +744,9 @@ function emitShape(slide, element, ctx) {
     return;
   }
   const opts = { ...transformOpts(element.transform) };
-  if (element.fill) applyFill(opts, element.fill, element.path, ctx);
+  if (element.fill) {
+    applyFill(opts, element.fill, element.path, ctx, element.transform);
+  }
   if (element.line) opts.line = lineOpts(element.line);
   if (element.shadow) opts.shadow = shadowOpts(element.shadow);
   if (element.cornerRadius !== void 0)
@@ -1059,7 +1102,7 @@ var init_svgRasterFallback = __esm({
 });
 
 // src/renderers/pptxgenjs/packaging.ts
-function applyPendingFills(xml, pendingFills) {
+function applyPendingFills(xml, pendingFills, spliced = []) {
   let out = xml;
   for (const [index, fill2] of pendingFills.entries()) {
     const marker = `name="${fill2.objectName}"`;
@@ -1070,15 +1113,52 @@ function applyPendingFills(xml, pendingFills) {
     const solidEndTag = "</a:solidFill>";
     const solidEnd = out.indexOf(solidEndTag, solidStart);
     if (solidStart !== -1 && solidEnd !== -1 && spEnd !== -1 && solidStart < spEnd) {
-      out = out.slice(0, solidStart) + fill2.xml + out.slice(solidEnd + solidEndTag.length);
+      let fillXml = fill2.xml;
+      if (fill2.image) {
+        const token = `${IMAGE_FILL_RID}${index}`;
+        fillXml = fillXml.replace(IMAGE_FILL_RID, token);
+        spliced.push({ token, image: fill2.image });
+      }
+      out = out.slice(0, solidStart) + fillXml + out.slice(solidEnd + solidEndTag.length);
     }
     out = out.slice(0, markerIdx) + `name="Fill ${index + 1}"` + out.slice(markerIdx + marker.length);
   }
   return out;
 }
+async function linkImageFills(zip, slidePath, xml, images, media) {
+  if (images.length === 0) return xml;
+  const relsPath = slidePath.replace(
+    /^ppt\/slides\/(slide\d+\.xml)$/,
+    "ppt/slides/_rels/$1.rels"
+  );
+  let rels = await zip.file(relsPath)?.async("string") ?? '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>\n<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"></Relationships>';
+  let nextId = Math.max(
+    0,
+    ...[...rels.matchAll(/\bId="rId(\d+)"/g)].map((match) => Number(match[1]))
+  ) + 1;
+  let out = xml;
+  for (const { token, image } of images) {
+    let part = media.get(image);
+    if (!part) {
+      part = `ppt/media/jto-gradient-${media.size + 1}.png`;
+      media.set(image, part);
+      zip.file(part, image);
+    }
+    const rId = `rId${nextId}`;
+    nextId += 1;
+    rels = rels.replace(
+      "</Relationships>",
+      `<Relationship Id="${rId}" Type="${IMAGE_REL_TYPE}" Target="../media/${part.slice("ppt/media/".length)}"/></Relationships>`
+    );
+    out = out.replace(`r:embed="${token}"`, `r:embed="${rId}"`);
+  }
+  zip.file(relsPath, rels);
+  return out;
+}
 async function packagePptxGenJsBuffer(buffer, options = {}) {
   const zip = await readPackage(buffer);
   let changed = false;
+  const media = /* @__PURE__ */ new Map();
   for (const [path4, entry] of Object.entries(zip.files)) {
     if (!SLIDE_PART.test(path4)) continue;
     let xml = await entry.async("string");
@@ -1088,7 +1168,9 @@ async function packagePptxGenJsBuffer(buffer, options = {}) {
       fileChanged = true;
     }
     if (options.pendingFills?.length) {
-      const withFills = applyPendingFills(xml, options.pendingFills);
+      const spliced = [];
+      let withFills = applyPendingFills(xml, options.pendingFills, spliced);
+      withFills = await linkImageFills(zip, path4, withFills, spliced, media);
       if (withFills !== xml) {
         xml = withFills;
         fileChanged = true;
@@ -1107,15 +1189,190 @@ async function packagePptxGenJsBuffer(buffer, options = {}) {
   if (!changed) return buffer;
   return writePackage(zip);
 }
-var MEDIUM_STYLE_2_ACCENT_1, NO_STYLE_NO_GRID, SLIDE_PART;
+var MEDIUM_STYLE_2_ACCENT_1, NO_STYLE_NO_GRID, SLIDE_PART, IMAGE_REL_TYPE;
 var init_packaging = __esm({
   "src/renderers/pptxgenjs/packaging.ts"() {
     "use strict";
     init_finalizePackage();
     init_svgRasterFallback();
+    init_fills();
     MEDIUM_STYLE_2_ACCENT_1 = "{5C22544A-7EE6-4342-B048-85BDC9FD1C3A}";
     NO_STYLE_NO_GRID = "{2D5ABB26-0587-4C30-8999-92F81FD0307C}";
     SLIDE_PART = /^ppt\/slides\/slide\d+\.xml$/;
+    IMAGE_REL_TYPE = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/image";
+  }
+});
+
+// src/renderers/pptxgenjs/radialRaster.ts
+import pako from "pako";
+function radialRasterSize(widthEmu, heightEmu) {
+  const w = Math.max(widthEmu, 1);
+  const h = Math.max(heightEmu, 1);
+  const longInches = Math.max(w, h) / EMU_PER_INCH3;
+  const longPx = Math.min(
+    MAX_EDGE_PX2,
+    Math.max(MIN_EDGE_PX2, Math.round(longInches * PX_PER_INCH))
+  );
+  const scale = longPx / Math.max(w, h);
+  return {
+    width: Math.max(1, Math.round(w * scale)),
+    height: Math.max(1, Math.round(h * scale))
+  };
+}
+function parseStops(gradient) {
+  return gradient.stops.map((stop, index) => ({ stop, index })).sort((a, b) => a.stop.position - b.stop.position || a.index - b.index).map(({ stop }) => {
+    const hex = parseInt(stop.color.hex, 16);
+    const alpha = stop.color.transparency !== void 0 ? 255 * (1 - Math.min(100, Math.max(0, stop.color.transparency)) / 100) : 255;
+    return {
+      at: Math.min(100, Math.max(0, stop.position)) / 100,
+      rgba: [hex >> 16 & 255, hex >> 8 & 255, hex & 255, alpha]
+    };
+  });
+}
+function paintRadialGradient(gradient, width, height) {
+  const stops = parseStops(gradient);
+  const channels = stops.every((stop) => stop.rgba[3] === 255) ? 3 : 4;
+  const [fx, fy] = FOCUS_POINTS[gradient.focus] ?? FOCUS_POINTS.center;
+  const cx = fx * width;
+  const cy = fy * height;
+  const radius = Math.sqrt(width * width + height * height) / 2;
+  const pixels = new Uint8Array(width * height * channels);
+  for (let y = 0; y < height; y += 1) {
+    const dy = y + 0.5 - cy;
+    for (let x = 0; x < width; x += 1) {
+      const dx = x + 0.5 - cx;
+      const t = Math.min(1, Math.sqrt(dx * dx + dy * dy) / radius);
+      let next = 0;
+      while (next < stops.length && stops[next].at < t) next += 1;
+      const offset = (y * width + x) * channels;
+      if (next === 0 || next === stops.length) {
+        const only = stops[next === 0 ? 0 : stops.length - 1].rgba;
+        for (let c = 0; c < channels; c += 1) pixels[offset + c] = only[c];
+        continue;
+      }
+      const from = stops[next - 1];
+      const to = stops[next];
+      const u = (t - from.at) / (to.at - from.at);
+      for (let c = 0; c < channels; c += 1) {
+        pixels[offset + c] = Math.round(
+          from.rgba[c] + (to.rgba[c] - from.rgba[c]) * u
+        );
+      }
+    }
+  }
+  return { pixels, channels };
+}
+function crc32(bytes) {
+  let c = 4294967295;
+  for (let i = 0; i < bytes.length; i += 1) {
+    c = CRC_TABLE[(c ^ bytes[i]) & 255] ^ c >>> 8;
+  }
+  return (c ^ 4294967295) >>> 0;
+}
+function chunk(type, data) {
+  const out = new Uint8Array(12 + data.length);
+  const view = new DataView(out.buffer);
+  view.setUint32(0, data.length);
+  for (let i = 0; i < 4; i += 1) out[4 + i] = type.charCodeAt(i);
+  out.set(data, 8);
+  view.setUint32(8 + data.length, crc32(out.subarray(4, 8 + data.length)));
+  return out;
+}
+function paethFiltered(pixels, width, height, channels) {
+  const stride = width * channels;
+  const out = new Uint8Array(height * (stride + 1));
+  for (let y = 0; y < height; y += 1) {
+    const row = y * stride;
+    const up = row - stride;
+    const at = y * (stride + 1);
+    out[at] = 4;
+    for (let i = 0; i < stride; i += 1) {
+      const a = i >= channels ? pixels[row + i - channels] : 0;
+      const b = y > 0 ? pixels[up + i] : 0;
+      const c = y > 0 && i >= channels ? pixels[up + i - channels] : 0;
+      const pa = Math.abs(b - c);
+      const pb = Math.abs(a - c);
+      const pc = Math.abs(a + b - 2 * c);
+      const predictor = pa <= pb && pa <= pc ? a : pb <= pc ? b : c;
+      out[at + 1 + i] = pixels[row + i] - predictor & 255;
+    }
+  }
+  return out;
+}
+function encodePng(pixels, width, height, channels) {
+  const header = new Uint8Array(13);
+  const view = new DataView(header.buffer);
+  view.setUint32(0, width);
+  view.setUint32(4, height);
+  header[8] = 8;
+  header[9] = channels === 4 ? 6 : 2;
+  const parts = [
+    new Uint8Array([137, 80, 78, 71, 13, 10, 26, 10]),
+    chunk("IHDR", header),
+    chunk(
+      "IDAT",
+      pako.deflate(paethFiltered(pixels, width, height, channels), {
+        level: 6
+      })
+    ),
+    chunk("IEND", new Uint8Array(0))
+  ];
+  const png = new Uint8Array(parts.reduce((sum, p) => sum + p.length, 0));
+  let offset = 0;
+  for (const part of parts) {
+    png.set(part, offset);
+    offset += part.length;
+  }
+  return png;
+}
+function pngDataUri(png) {
+  return `data:image/png;base64,${Buffer.from(png).toString("base64")}`;
+}
+var MAX_EDGE_PX2, PX_PER_INCH, MIN_EDGE_PX2, EMU_PER_INCH3, CACHE_LIMIT, FOCUS_POINTS, CRC_TABLE, cache, rasterizeRadialGradient;
+var init_radialRaster = __esm({
+  "src/renderers/pptxgenjs/radialRaster.ts"() {
+    "use strict";
+    MAX_EDGE_PX2 = 1600;
+    PX_PER_INCH = 160;
+    MIN_EDGE_PX2 = 32;
+    EMU_PER_INCH3 = 914400;
+    CACHE_LIMIT = 32;
+    FOCUS_POINTS = {
+      center: [0.5, 0.5],
+      topLeft: [0, 0],
+      topRight: [1, 0],
+      bottomLeft: [0, 1],
+      bottomRight: [1, 1]
+    };
+    CRC_TABLE = (() => {
+      const table = new Uint32Array(256);
+      for (let n = 0; n < 256; n += 1) {
+        let c = n;
+        for (let k = 0; k < 8; k += 1) {
+          c = c & 1 ? 3988292384 ^ c >>> 1 : c >>> 1;
+        }
+        table[n] = c >>> 0;
+      }
+      return table;
+    })();
+    cache = /* @__PURE__ */ new Map();
+    rasterizeRadialGradient = (gradient, widthEmu, heightEmu) => {
+      const { width, height } = radialRasterSize(widthEmu, heightEmu);
+      const key = JSON.stringify([gradient.focus, gradient.stops, width, height]);
+      const hit = cache.get(key);
+      if (hit) {
+        cache.delete(key);
+        cache.set(key, hit);
+        return hit;
+      }
+      const { pixels, channels } = paintRadialGradient(gradient, width, height);
+      const png = encodePng(pixels, width, height, channels);
+      cache.set(key, png);
+      if (cache.size > CACHE_LIMIT) {
+        cache.delete(cache.keys().next().value);
+      }
+      return png;
+    };
   }
 });
 
@@ -1126,6 +1383,9 @@ __export(pptxgenjs_exports, {
   buildPresentation: () => buildPresentation,
   createPptxGenJsRenderer: () => createPptxGenJsRenderer
 });
+import { readFile } from "fs/promises";
+import { imageIntegrityDefect as imageIntegrityDefect2 } from "@json-to-office/shared/images/node";
+import { assetUnreadableError as assetUnreadableError2 } from "@json-to-office/shared/rendering";
 import PptxGenJS from "pptxgenjs";
 function createPptxGenJsRenderer() {
   return {
@@ -1133,6 +1393,7 @@ function createPptxGenJsRenderer() {
     format: "pptx",
     capabilities: PPTXGENJS_CAPABILITIES,
     async render(ir, options) {
+      await assertFileImagesDecode(ir.resources);
       const pendingFills = [];
       const pptx = buildPresentation(ir, pendingFills, options?.warnings);
       const raw = await pptx.write({
@@ -1148,7 +1409,21 @@ function createPptxGenJsRenderer() {
     }
   };
 }
-function buildPresentation(ir, pendingFills, warnings) {
+async function assertFileImagesDecode(resources) {
+  await Promise.all(
+    resources.map(async ({ origin }) => {
+      if (origin.kind !== "file") return;
+      let defect;
+      try {
+        defect = imageIntegrityDefect2(await readFile(origin.path));
+      } catch (error) {
+        throw assetUnreadableError2(origin.path, error);
+      }
+      if (defect) throw assetUnreadableError2(origin.path, new Error(defect));
+    })
+  );
+}
+function buildPresentation(ir, pendingFills, warnings, rasterizeRadial = rasterizeRadialGradient) {
   const pptx = new PptxGenJS();
   if (ir.metadata.title) pptx.title = ir.metadata.title;
   if (ir.metadata.author) pptx.author = ir.metadata.author;
@@ -1168,9 +1443,15 @@ function buildPresentation(ir, pendingFills, warnings) {
   const resources = new Map(
     ir.resources.map((resource) => [resource.id, resource])
   );
-  const ctx = { pptx, resources, pendingFills, warnings };
+  const ctx = {
+    pptx,
+    resources,
+    pendingFills,
+    warnings,
+    rasterizeRadial
+  };
   for (const slide of ir.slides) {
-    emitSlide(pptx, slide, ctx);
+    emitSlide(pptx, slide, ir.size, ctx);
   }
   return pptx;
 }
@@ -1181,12 +1462,36 @@ function backgroundProps(background2, resources) {
   if (!resource) return void 0;
   return imageSourceOpts(resource);
 }
-function emitSlide(pptx, slideIr, ctx) {
+function radialBackdrop(element, size) {
+  if (element?.kind !== "shape") return void 0;
+  const { transform, fill: fill2 } = element;
+  if (fill2?.kind !== "gradient" || fill2.gradient.type !== "radial") {
+    return void 0;
+  }
+  const bare = element.geometry === "rect" && !element.line && !element.shadow && !element.hyperlink && !element.altText && !(element.runs && element.runs.length > 0) && !transform.rotationDegrees && !transform.flipHorizontal && !transform.flipVertical;
+  const fullBleed = transform.xEmu === 0 && transform.yEmu === 0 && transform.widthEmu === size.widthEmu && transform.heightEmu === size.heightEmu;
+  return bare && fullBleed ? fill2.gradient : void 0;
+}
+function emitSlide(pptx, slideIr, size, ctx) {
   const slide = pptx.addSlide();
+  let elements = slideIr.elements;
   const background2 = backgroundProps(slideIr.background, ctx.resources);
-  if (background2) slide.background = background2;
+  if (background2) {
+    slide.background = background2;
+  } else if (ctx.rasterizeRadial) {
+    const gradient = radialBackdrop(elements[0], size);
+    if (gradient) {
+      const png = ctx.rasterizeRadial(
+        gradient,
+        elements[0].transform.widthEmu,
+        elements[0].transform.heightEmu
+      );
+      slide.background = { data: pngDataUri(png) };
+      elements = elements.slice(1);
+    }
+  }
   if (slideIr.hidden) slide.hidden = true;
-  for (const element of slideIr.elements) {
+  for (const element of elements) {
     emitElement(slide, element, ctx);
   }
   if (slideIr.notes) slide.addNotes(slideIr.notes);
@@ -1198,6 +1503,7 @@ var init_pptxgenjs = __esm({
     init_units();
     init_emit();
     init_packaging();
+    init_radialRaster();
     PPTXGENJS_RENDERER_ID = "pptxgenjs";
     PPTXGENJS_CAPABILITIES = /* @__PURE__ */ new Set([
       "rich-text",
@@ -1300,6 +1606,8 @@ function axisEdits(axis) {
   const value = axis;
   return {
     ...axis.title !== void 0 ? { title: axis.title } : {},
+    ...axis.title !== void 0 && textStyle(axis.titleFont) ? { titleFont: textStyle(axis.titleFont) } : {},
+    ...axis.title !== void 0 && axis.titleRotate !== void 0 ? { titleRotation: axis.titleRotate } : {},
     ...axis.hidden !== void 0 ? { hidden: axis.hidden } : {},
     ...axis.showLine !== void 0 ? { lineVisible: axis.showLine } : {},
     ...axis.labelRotate !== void 0 ? { labelRotation: axis.labelRotate } : {},
@@ -1894,8 +2202,9 @@ __export(office_open_exports, {
   buildPresentationOptions: () => buildPresentationOptions,
   createOfficeOpenPptxRenderer: () => createOfficeOpenPptxRenderer
 });
-import { readFile } from "fs/promises";
-import { assetUnreadableError } from "@json-to-office/shared/rendering";
+import { readFile as readFile2 } from "fs/promises";
+import { imageIntegrityDefect as imageIntegrityDefect3 } from "@json-to-office/shared/images/node";
+import { assetUnreadableError as assetUnreadableError3 } from "@json-to-office/shared/rendering";
 async function createOfficeOpenPptxRenderer() {
   const backend = await import(
     /* @vite-ignore */
@@ -2004,16 +2313,21 @@ async function resourceBytes(origin) {
   if (origin.kind === "inline") return origin.bytes;
   const location = origin.kind === "file" ? origin.path : origin.url;
   try {
+    let bytes;
     if (origin.kind === "file") {
-      return new Uint8Array(await readFile(origin.path));
-    }
-    const response = await fetch(origin.url);
-    if (!response.ok) {
-      throw new Error(`HTTP ${response.status} ${response.statusText}`);
+      bytes = new Uint8Array(await readFile2(origin.path));
+    } else {
+      const response = await fetch(origin.url);
+      if (!response.ok) {
+        throw new Error(`HTTP ${response.status} ${response.statusText}`);
+      }
+      bytes = new Uint8Array(await response.arrayBuffer());
     }
-    return new Uint8Array(await response.arrayBuffer());
+    const defect = imageIntegrityDefect3(bytes);
+    if (defect) throw new Error(defect);
+    return bytes;
   } catch (error) {
-    throw assetUnreadableError(location, error);
+    throw assetUnreadableError3(location, error);
   }
 }
 var OFFICE_OPEN_PPTX_RENDERER_ID, OFFICE_OPEN_PPTX, OFFICE_OPEN_CAPABILITIES, SCHEME_SLOTS;
@@ -2101,7 +2415,9 @@ function resolveFromBaseDir(filePath) {
 }
 
 // src/ir/compiler.ts
+import { imageIntegrityDefect } from "@json-to-office/shared/images/node";
 import {
+  assetUnreadableError,
   FeatureRequirementCollector
 } from "@json-to-office/shared/rendering";
 import { PATTERN_FILL_PRESETS } from "@json-to-office/shared-pptx";
@@ -3097,6 +3413,8 @@ function compileImage(component, scope) {
 function internImageSource(source, path4, ctx) {
   const inline = parseDataUri(source);
   if (inline) {
+    const defect = imageIntegrityDefect(inline.bytes);
+    if (defect) throw assetUnreadableError(source, new Error(defect));
     return ctx.resources.intern({
       kind: "inline",
       bytes: inline.bytes,
@@ -3456,6 +3774,16 @@ function compileChartLabelFont(ctx, slot, face, weight, hasBoldToggle, extra = {
   }
   return font;
 }
+var DEFAULT_AXIS_TITLE_POINTS = 12;
+function axisTitleFont(ctx, labelFont, resolved, authored) {
+  const fontFamily = authored.face ?? labelFont.fontFamily ?? ctx.theme.fonts?.body;
+  return {
+    ...fontFamily !== void 0 ? { fontFamily } : {},
+    fontSize: authored.size ?? labelFont.fontSize ?? DEFAULT_AXIS_TITLE_POINTS,
+    bold: false,
+    color: authored.color !== void 0 ? resolved(authored.color) : labelFont.color ?? resolved(void 0)
+  };
+}
 function compileChartOptions(props, ctx) {
   const colorSources = props.chartColors ?? definedChartColorTokens(ctx.theme);
   const colors = colorSources.map(
@@ -3463,6 +3791,28 @@ function compileChartOptions(props, ctx) {
   );
   const themeTextColor = irColor(resolveColor("text", ctx.theme, ctx.warnings));
   const resolved = (value) => value ? irColor(resolveColor(value, ctx.theme, ctx.warnings)) : themeTextColor;
+  const catLabelFont = compileChartLabelFont(
+    ctx,
+    "catAxisLabelFontFace",
+    props.catAxisLabelFontFace,
+    props.catAxisLabelFontWeight,
+    true,
+    {
+      ...props.catAxisLabelFontSize !== void 0 ? { fontSize: props.catAxisLabelFontSize } : {},
+      color: resolved(props.catAxisLabelColor)
+    }
+  );
+  const valLabelFont = compileChartLabelFont(
+    ctx,
+    "valAxisLabelFontFace",
+    props.valAxisLabelFontFace,
+    props.valAxisLabelFontWeight,
+    true,
+    {
+      ...props.valAxisLabelFontSize !== void 0 ? { fontSize: props.valAxisLabelFontSize } : {},
+      color: resolved(props.valAxisLabelColor)
+    }
+  );
   return {
     colors,
     ...pick(props, {
@@ -3499,24 +3849,26 @@ function compileChartOptions(props, ctx) {
     ),
     categoryAxis: {
       ...props.catAxisTitle !== void 0 ? { title: props.catAxisTitle } : {},
+      titleFont: axisTitleFont(ctx, catLabelFont, resolved, {
+        face: props.catAxisTitleFontFace,
+        size: props.catAxisTitleFontSize,
+        color: props.catAxisTitleColor
+      }),
+      ...props.catAxisTitleRotate !== void 0 ? { titleRotate: props.catAxisTitleRotate } : {},
       ...props.catAxisHidden !== void 0 ? { hidden: props.catAxisHidden } : {},
       ...props.catAxisLabelRotate !== void 0 ? { labelRotate: props.catAxisLabelRotate } : {},
       ...props.catAxisLineShow !== void 0 ? { showLine: props.catAxisLineShow } : {},
       ...props.catGridLine !== void 0 ? { gridLine: compileGridLine(props.catGridLine, ctx) } : {},
-      labelFont: compileChartLabelFont(
-        ctx,
-        "catAxisLabelFontFace",
-        props.catAxisLabelFontFace,
-        props.catAxisLabelFontWeight,
-        true,
-        {
-          ...props.catAxisLabelFontSize !== void 0 ? { fontSize: props.catAxisLabelFontSize } : {},
-          color: resolved(props.catAxisLabelColor)
-        }
-      )
+      labelFont: catLabelFont
     },
     valueAxis: {
       ...props.valAxisTitle !== void 0 ? { title: props.valAxisTitle } : {},
+      titleFont: axisTitleFont(ctx, valLabelFont, resolved, {
+        face: props.valAxisTitleFontFace,
+        size: props.valAxisTitleFontSize,
+        color: props.valAxisTitleColor
+      }),
+      ...props.valAxisTitleRotate !== void 0 ? { titleRotate: props.valAxisTitleRotate } : {},
       ...props.valAxisHidden !== void 0 ? { hidden: props.valAxisHidden } : {},
       ...props.valAxisMinVal !== void 0 ? { minValue: props.valAxisMinVal } : {},
       ...props.valAxisMaxVal !== void 0 ? { maxValue: props.valAxisMaxVal } : {},
@@ -3524,17 +3876,7 @@ function compileChartOptions(props, ctx) {
       ...props.valAxisLabelFormatCode !== void 0 ? { labelFormatCode: props.valAxisLabelFormatCode } : {},
       ...props.valAxisLineShow !== void 0 ? { showLine: props.valAxisLineShow } : {},
       ...props.valGridLine !== void 0 ? { gridLine: compileGridLine(props.valGridLine, ctx) } : {},
-      labelFont: compileChartLabelFont(
-        ctx,
-        "valAxisLabelFontFace",
-        props.valAxisLabelFontFace,
-        props.valAxisLabelFontWeight,
-        true,
-        {
-          ...props.valAxisLabelFontSize !== void 0 ? { fontSize: props.valAxisLabelFontSize } : {},
-          color: resolved(props.valAxisLabelColor)
-        }
-      )
+      labelFont: valLabelFont
     },
     ...props.dataBorder !== void 0 ? {
       dataBorder: {
@@ -3949,7 +4291,7 @@ function isNodeEnvironment() {
 }
 
 // src/core/expandHighcharts.ts
-var PX_PER_INCH = 96;
+var PX_PER_INCH2 = 96;
 var DEFAULT_CHART_WIDTH_PX = 960;
 var DEFAULT_EXPORT_SERVER_URL = "http://localhost:7801";
 async function expandHighchartsComponents(presentation, services, warnings, chartFonts) {
@@ -4021,8 +4363,8 @@ async function expandOne(component, path4, scope) {
       base64: chart.dataUri,
       x: props.x ?? 0,
       y: props.y ?? 0,
-      w: props.w ?? chart.widthPx / PX_PER_INCH,
-      h: props.h ?? chart.heightPx / PX_PER_INCH
+      w: props.w ?? chart.widthPx / PX_PER_INCH2,
+      h: props.h ?? chart.heightPx / PX_PER_INCH2
     }
   };
 }
@@ -4039,7 +4381,7 @@ function assertExportServerAllowed(serverUrl, services, warnings) {
     message: notice
   });
 }
-async function renderChart(config, services, warnings, cache) {
+async function renderChart(config, services, warnings, cache2) {
   if (!isNodeEnvironment()) {
     throw new Error(
       "Highcharts export server requires a Node.js environment. Chart generation is not available in browser environments."
@@ -4057,7 +4399,7 @@ async function renderChart(config, services, warnings, cache) {
     ...config.resources ? { resources: config.resources } : {}
   };
   return sendChartRequest({
-    cache,
+    cache: cache2,
     serverUrl,
     concurrency: services?.concurrency,
     requestBody,
@@ -4104,7 +4446,7 @@ function placedWidthPt(props, slideWidth) {
     return parseFloat(w) / 100 * slideWidth * 72;
   }
   if (w === void 0 && props.grid === void 0) {
-    return (props.options.chart?.width ?? DEFAULT_CHART_WIDTH_PX) / PX_PER_INCH * 72;
+    return (props.options.chart?.width ?? DEFAULT_CHART_WIDTH_PX) / PX_PER_INCH2 * 72;
   }
   return void 0;
 }
@@ -6038,6 +6380,7 @@ function fillColorHexes(fill2, theme) {
   return [...new Set(found)];
 }
 var FOCUS_CORNERS = {
+  center: [0.5, 0.5],
   topLeft: [0, 0],
   topRight: [1, 0],
   bottomLeft: [0, 1],
@@ -6053,7 +6396,7 @@ function lerpHex(a, b, t) {
 }
 function gradientPosition(gradient, fx, fy, widthUnits, heightUnits) {
   if (gradient.type === "radial") {
-    const focus = FOCUS_CORNERS[typeof gradient.focus === "string" ? gradient.focus : "topLeft"] ?? FOCUS_CORNERS.topLeft;
+    const focus = FOCUS_CORNERS[typeof gradient.focus === "string" ? gradient.focus : "center"] ?? FOCUS_CORNERS.center;
     const radius = Math.hypot(widthUnits, heightUnits) / 2;
     if (radius === 0) return 0;
     const distance = Math.hypot(