@json-to-office/core-pptx 1.2.0 → 1.4.0

package/dist/index.js

@@ -39,6 +39,7 @@ var init_warn = __esm({
       UNKNOWN_COLOR: "UNKNOWN_COLOR",
       GRID_POSITION_CLAMPED: "GRID_POSITION_CLAMPED",
       TEXT_NO_CONTENT: "TEXT_NO_CONTENT",
+      TEXT_OVERLAP_UNPOSITIONED: "TEXT_OVERLAP_UNPOSITIONED",
       UNKNOWN_PATTERN_PRESET: "UNKNOWN_PATTERN_PRESET",
       ADVANCED_FILL_FALLBACK: "ADVANCED_FILL_FALLBACK",
       IMAGE_ZERO_BOX: "IMAGE_ZERO_BOX",
@@ -122,114 +123,6 @@ var init_units = __esm({
   }
 });
 
-// src/ir/features.ts
-var PPTX_FEATURES, ALL_PPTX_FEATURES;
-var init_features = __esm({
-  "src/ir/features.ts"() {
-    "use strict";
-    PPTX_FEATURES = [
-      /** Slide masters compiled from authored templates. */
-      "masters",
-      /** Named placeholder regions declared by a master. */
-      "placeholders",
-      /** Multiple independently-formatted runs inside one text body. */
-      "rich-text",
-      /**
-       * Bullet glyphs outside PptxGenJS's single-BMP-character API: astral
-       * characters and multi-code-point graphemes.
-       */
-      "complex-bullet-glyphs",
-      /** Text bodies at all (a single run, uniform formatting). */
-      "text",
-      /** Preset-geometry shapes. */
-      "shapes",
-      /** Raster and vector images. */
-      "images",
-      /** SVG images specifically — many backends need a raster fallback. */
-      "svg",
-      /**
-       * Drawing only part of a picture: `cover`, `crop`, or a `contain` fit the
-       * compiler could not resolve into the frame.
-       *
-       * A backend without it draws the whole picture into the frame, which is a
-       * different image — the wrong region at the wrong scale — with nothing to
-       * show that anything was lost.
-       */
-      "image-crop",
-      /** Masking a picture to rounded corners or a circle. */
-      "image-rounding",
-      "tables",
-      /** Merged table cells (colSpan / rowSpan). */
-      "table-merged-cells",
-      /**
-       * Cell insets on a table.
-       *
-       * Separate from the inset on a text body: a reader takes a cell's padding
-       * from `a:tcPr`, and a backend that can only write text-body insets puts the
-       * numbers somewhere nothing reads them.
-       */
-      "table-insets",
-      /**
-       * Rounded table corners.
-       *
-       * A separate ability because OOXML has no such property: a backend realises
-       * it by drawing shapes behind the table, or it cannot realise it at all.
-       */
-      "table-rounded-corners",
-      /**
-       * Flowing an over-long table onto further slides, header row included.
-       *
-       * Pagination is the backend's, not the IR's — the IR describes one table and
-       * says it may split, so a backend that cannot split has to refuse rather than
-       * emit a table running off the slide.
-       */
-      "table-auto-page",
-      /** Native OOXML charts with an embedded workbook. */
-      "charts",
-      "solid-fills",
-      "gradient-fills",
-      "pattern-fills",
-      "image-fills",
-      "lines",
-      "shadows",
-      /** Slide backgrounds (solid or image). */
-      "backgrounds",
-      "speaker-notes",
-      "hidden-slides",
-      "transitions",
-      /** Hyperlinks to an external URL. */
-      "external-links",
-      /** Hyperlinks targeting another slide in the same deck. */
-      "internal-links",
-      /** A link covering a text body — realisable on the runs inside it. */
-      "text-hyperlinks",
-      /** A link on a shape or image as a whole, which runs cannot stand in for. */
-      "element-hyperlinks",
-      /** Rotation on a shape, text box or table. */
-      "rotation",
-      /**
-       * Any transform on a picture — rotation or flip.
-       *
-       * One feature rather than three: a backend that cannot rotate a picture
-       * generally cannot flip one either, because the option carrying both is
-       * simply absent from its picture type.
-       */
-      "image-transform",
-      "flip-horizontal",
-      "flip-vertical",
-      /** Grouped elements sharing a transform. */
-      "groups",
-      /** Per-run proofing language. */
-      "proofing-language",
-      /** Right-to-left reading order. */
-      "rtl"
-    ];
-    ALL_PPTX_FEATURES = new Set(
-      PPTX_FEATURES
-    );
-  }
-});
-
 // src/renderers/pptxgenjs/fills.ts
 function colorXml(color2) {
   const alpha = color2.transparency !== void 0 ? `<a:alpha val="${Math.round((100 - color2.transparency) * PCT_UNIT)}"/>` : "";
@@ -938,11 +831,6 @@ async function finalizePackage(zip, generatedAt) {
   await canonicalizeChartIds(zip);
   await canonicalizePackage(zip, generatedAt);
 }
-async function finalizePackageBuffer(buffer, options = {}) {
-  const zip = await readPackage(buffer);
-  await finalizePackage(zip, resolveGeneratedAt(options.generatedAt));
-  return writePackage(zip);
-}
 function replaceCoreTimestamp(xml, tag, value) {
   const expression = new RegExp(
     `(<dcterms:${tag}\\b[^>]*>)[^<]*(</dcterms:${tag}>)`,
@@ -1335,17 +1223,193 @@ var PPTXGENJS_RENDERER_ID, PPTXGENJS_CAPABILITIES;
 var init_pptxgenjs = __esm({
   "src/renderers/pptxgenjs/index.ts"() {
     "use strict";
-    init_features();
     init_units();
     init_emit();
     init_packaging();
     PPTXGENJS_RENDERER_ID = "pptxgenjs";
-    PPTXGENJS_CAPABILITIES = new Set(
-      [...ALL_PPTX_FEATURES].filter(
-        (feature) => feature !== "image-fills" && feature !== "transitions" && feature !== "groups" && feature !== "complex-bullet-glyphs"
-      )
+    PPTXGENJS_CAPABILITIES = /* @__PURE__ */ new Set([
+      "masters",
+      "placeholders",
+      "rich-text",
+      "text",
+      "shapes",
+      "images",
+      "svg",
+      "image-crop",
+      "image-rounding",
+      "tables",
+      "table-merged-cells",
+      "table-insets",
+      "table-rounded-corners",
+      "table-auto-page",
+      "charts",
+      "chart-bar-style",
+      "chart-pie-style",
+      "chart-line-style",
+      "chart-radar-style",
+      "chart-data-labels",
+      "chart-data-border",
+      "chart-axis-scale",
+      "chart-axis-visibility",
+      "chart-axis-style",
+      "chart-text-style",
+      "solid-fills",
+      "gradient-fills",
+      "pattern-fills",
+      "lines",
+      "shadows",
+      "backgrounds",
+      "speaker-notes",
+      "hidden-slides",
+      "external-links",
+      "internal-links",
+      "text-hyperlinks",
+      "element-hyperlinks",
+      "rotation",
+      "image-transform",
+      "flip-horizontal",
+      "flip-vertical",
+      "proofing-language",
+      "rtl"
+    ]);
+  }
+});
+
+// src/renderers/office-open/chartParts.ts
+import JSZip2 from "jszip";
+import {
+  CHART_WORKBOOK_CONTENT_TYPE,
+  chartWorkbookParts,
+  chartWorkbookRelsXml,
+  matchChartParts,
+  spliceChartXml
+} from "@json-to-office/shared/rendering";
+function spliceInput(element) {
+  return {
+    chartType: element.chartType,
+    series: element.series.map((series) => ({
+      ...series.name !== void 0 ? { name: series.name } : {},
+      labels: series.labels ?? [],
+      values: series.values ?? []
+    })),
+    colors: element.options.colors,
+    ...element.options.barGrouping ? { barGrouping: element.options.barGrouping } : {},
+    // Spliced rather than emitted: see `chartChild`, which cannot pass `axes`
+    // without also inventing the axis ids the plot area references.
+    categoryAxis: axisEdits(element.options.categoryAxis),
+    valueAxis: axisEdits(element.options.valueAxis),
+    // Three the backend has nowhere to put: `ChartSeriesCommon` has no line
+    // width, no data-element outline, and `c:radarStyle` is written from a
+    // literal rather than an option.
+    ...element.options.lineSize !== void 0 ? { lineWidthPoints: element.options.lineSize } : {},
+    ...element.options.dataBorder ? {
+      dataBorder: {
+        widthPoints: element.options.dataBorder.widthPoints,
+        color: element.options.dataBorder.color.hex
+      }
+    } : {},
+    ...element.options.radarStyle ? { radarStyle: element.options.radarStyle } : {},
+    // Fonts: `c:txPr` and `a:defRPr` on four different elements, none of which
+    // the backend exposes an option for.
+    ...textStyle(element.options.titleFont) ? { titleFont: textStyle(element.options.titleFont) } : {},
+    ...textStyle(element.options.legendFont) ? { legendFont: textStyle(element.options.legendFont) } : {},
+    ...textStyle(element.options.dataLabelFont) ? { dataLabelFont: textStyle(element.options.dataLabelFont) } : {}
+  };
+}
+function textStyle(font) {
+  if (!font) return void 0;
+  const style = {
+    ...font.fontFamily !== void 0 ? { fontFamily: font.fontFamily } : {},
+    ...font.fontSize !== void 0 ? { fontSize: font.fontSize } : {},
+    ...font.bold !== void 0 ? { bold: font.bold } : {},
+    ...font.color ? { color: font.color.hex } : {}
+  };
+  return Object.keys(style).length > 0 ? style : void 0;
+}
+function axisEdits(axis) {
+  const value = axis;
+  return {
+    ...axis.title !== void 0 ? { title: axis.title } : {},
+    ...axis.hidden !== void 0 ? { hidden: axis.hidden } : {},
+    ...axis.showLine !== void 0 ? { lineVisible: axis.showLine } : {},
+    ...axis.labelRotate !== void 0 ? { labelRotation: axis.labelRotate } : {},
+    ...textStyle(axis.labelFont) ? { labelFont: textStyle(axis.labelFont) } : {},
+    ...axis.gridLine ? {
+      gridLine: {
+        ...textStyle(axis.labelFont) ? { labelFont: textStyle(axis.labelFont) } : {},
+        ...axis.gridLine.style !== void 0 ? { style: axis.gridLine.style } : {},
+        ...textStyle(axis.labelFont) ? { labelFont: textStyle(axis.labelFont) } : {},
+        ...axis.gridLine.size !== void 0 ? { size: axis.gridLine.size } : {},
+        ...textStyle(axis.labelFont) ? { labelFont: textStyle(axis.labelFont) } : {},
+        ...axis.gridLine.color ? { color: axis.gridLine.color.hex } : {}
+      }
+    } : {},
+    ...value.minValue !== void 0 ? { min: value.minValue } : {},
+    ...value.maxValue !== void 0 ? { max: value.maxValue } : {},
+    ...value.majorUnit !== void 0 ? { majorUnit: value.majorUnit } : {},
+    ...value.labelFormatCode !== void 0 ? { numberFormat: value.labelFormatCode } : {}
+  };
+}
+function declareWorkbookContentType(zip, xml) {
+  if (xml.includes(`Extension="xlsx"`)) return;
+  const patched = xml.replace(
+    '<Default Extension="xml"',
+    `<Default Extension="xlsx" ContentType="${CHART_WORKBOOK_CONTENT_TYPE}"/><Default Extension="xml"`
+  );
+  if (patched === xml) {
+    throw new Error(
+      'Could not declare the embedded workbook content type: [Content_Types].xml has no `<Default Extension="xml"` to anchor on. The package would ship an .xlsx part no content type covers.'
     );
   }
+  zip.file("[Content_Types].xml", patched, { createFolders: false });
+}
+async function workbookBytes(chart) {
+  const book = new JSZip2();
+  for (const [path4, content] of chartWorkbookParts(chart.series)) {
+    book.file(path4, content, { createFolders: false });
+  }
+  return book.generateAsync({
+    type: "uint8array",
+    compression: "DEFLATE",
+    compressionOptions: { level: 6 }
+  });
+}
+async function spliceChartParts(zip, charts) {
+  if (charts.length === 0) return;
+  const inputs = charts.map(spliceInput);
+  const parts = [];
+  for (const path4 of Object.keys(zip.files)) {
+    const match = path4.match(/^ppt\/charts\/chart(\d+)\.xml$/);
+    if (!match) continue;
+    parts.push([Number(match[1]), await zip.file(path4).async("string")]);
+  }
+  parts.sort(([a], [b]) => a - b);
+  for (const { ordinal, xml, chart } of matchChartParts(parts, inputs)) {
+    const workbook = workbookName(ordinal);
+    zip.file(`ppt/charts/chart${ordinal}.xml`, spliceChartXml(xml, chart), {
+      createFolders: false
+    });
+    zip.file(`ppt/embeddings/${workbook}`, await workbookBytes(chart), {
+      binary: true,
+      createFolders: false
+    });
+    zip.file(
+      `ppt/charts/_rels/chart${ordinal}.xml.rels`,
+      chartWorkbookRelsXml(workbook),
+      { createFolders: false }
+    );
+  }
+  const contentTypes = zip.file("[Content_Types].xml");
+  if (contentTypes) {
+    declareWorkbookContentType(zip, await contentTypes.async("string"));
+  }
+}
+var workbookName;
+var init_chartParts = __esm({
+  "src/renderers/office-open/chartParts.ts"() {
+    "use strict";
+    workbookName = (ordinal) => `Microsoft_Excel_Worksheet${ordinal}.xlsx`;
+  }
 });
 
 // src/renderers/office-open/emit.ts
@@ -1684,6 +1748,82 @@ function groupChild(element, ctx) {
   }
   return { group };
 }
+function chartChild(element, ctx) {
+  const { options, transform } = element;
+  const series = element.series;
+  const dataLabels = dataLabelOptions(options);
+  const marker = markerOptions(options);
+  if (element.chartType === "bubble") {
+    throw new Error(
+      `the office-open renderer does not draw bubble charts (${element.path}); use the pptxgenjs renderer for this chart`
+    );
+  }
+  return {
+    // Stated, never left to the backend: `_nextChartId` in
+    // `@office-open/pptx` is module-level and never resets, so an unnamed
+    // chart is numbered differently on every render in the same process.
+    id: ctx.nextId(),
+    ...chartTypeOptions(element),
+    categories: series[0]?.labels ?? [],
+    series: series.map((entry, index) => ({
+      name: entry.name ?? `Series ${index + 1}`,
+      values: entry.values ?? [],
+      // Every series, not just the first: PowerPoint labels each one, and a
+      // chart that labelled only its first series would be a different chart.
+      ...dataLabels ? { dataLabels } : {},
+      ...options.lineSmooth !== void 0 ? { smooth: options.lineSmooth } : {},
+      ...marker ? { marker } : {}
+    })),
+    ...options.title && options.showTitle !== false ? { title: options.title } : {},
+    ...options.showLegend !== void 0 ? { showLegend: options.showLegend } : {},
+    ...chartFamilyOptions(options),
+    ...options.legendPosition ? { legendPosition: options.legendPosition } : {},
+    x: transform.xEmu,
+    y: transform.yEmu,
+    width: transform.widthEmu,
+    height: transform.heightEmu,
+    ...element.altText ? { description: element.altText } : {}
+  };
+}
+function chartFamilyOptions(options) {
+  return {
+    ...options.barGapWidthPercent !== void 0 ? { gapWidth: options.barGapWidthPercent } : {},
+    ...options.barOverlapPercent !== void 0 ? { overlap: options.barOverlapPercent } : {},
+    ...options.holeSize !== void 0 ? { holeSize: options.holeSize } : {},
+    ...options.firstSliceAngle !== void 0 ? { firstSliceAngle: options.firstSliceAngle } : {}
+  };
+}
+function dataLabelOptions(options) {
+  const authored = options.showValue !== void 0 || options.showPercent !== void 0 || options.showLabel !== void 0 || options.showSeriesName !== void 0 || options.dataLabelPosition !== void 0;
+  if (!authored) return void 0;
+  return {
+    showVal: options.showValue ?? false,
+    showPercent: options.showPercent ?? false,
+    showCatName: options.showLabel ?? false,
+    showSerName: options.showSeriesName ?? false,
+    showBubbleSize: false,
+    showLegendKey: false,
+    ...options.dataLabelPosition ? { position: options.dataLabelPosition } : {}
+  };
+}
+function markerOptions(options) {
+  const marker = {
+    ...options.lineDataSymbol ? { symbol: options.lineDataSymbol } : {},
+    ...options.lineDataSymbolSize !== void 0 ? { size: options.lineDataSymbolSize } : {}
+  };
+  return Object.keys(marker).length > 0 ? marker : void 0;
+}
+function chartTypeOptions(element) {
+  const horizontal = element.options.barDirection === "bar";
+  switch (element.chartType) {
+    case "bar":
+      return { type: horizontal ? "bar" : "column" };
+    case "bar3D":
+      return { type: horizontal ? "bar" : "column", threeD: true };
+    default:
+      return { type: element.chartType };
+  }
+}
 function slideChild(element, ctx) {
   switch (element.kind) {
     case "textBox":
@@ -1697,9 +1837,8 @@ function slideChild(element, ctx) {
     case "group":
       return groupChild(element, ctx);
     case "chart":
-      throw new Error(
-        `the office-open renderer does not emit charts (${element.path})`
-      );
+      ctx.charts?.push(element);
+      return { chart: chartChild(element, ctx) };
     default:
       return assertNever2(element, "PptxIrElement");
   }
@@ -1801,26 +1940,30 @@ async function createOfficeOpenPptxRenderer() {
     format: "pptx",
     capabilities: OFFICE_OPEN_CAPABILITIES,
     async render(ir, options) {
-      const presentation = await buildPresentationOptions(ir);
+      const charts = [];
+      const presentation = await buildPresentationOptions(ir, charts);
       const bytes = await backend.generatePresentation(presentation, {
         type: "uint8array"
       });
       const raw = bytes instanceof Uint8Array ? bytes : new Uint8Array(bytes);
-      if (options?.deterministic === false) return raw;
-      return new Uint8Array(
-        await finalizePackageBuffer(Buffer.from(raw), {
-          generatedAt: options?.generatedAt
-        })
-      );
+      if (charts.length === 0 && options?.deterministic === false) return raw;
+      const zip = await readPackage(Buffer.from(raw));
+      await spliceChartParts(zip, charts);
+      if (options?.deterministic === false) {
+        return new Uint8Array(await writePackage(zip));
+      }
+      await finalizePackage(zip, resolveGeneratedAt(options?.generatedAt));
+      return new Uint8Array(await writePackage(zip));
     }
   };
 }
-async function buildPresentationOptions(ir) {
+async function buildPresentationOptions(ir, charts = []) {
   let nextDrawingId = 2;
   const ctx = {
     resources: new Map(ir.resources.map((r) => [r.id, r])),
     resourceBytes: await loadResourceBytes(ir.resources),
-    nextId: () => nextDrawingId++
+    nextId: () => nextDrawingId++,
+    charts
   };
   const presentation = {
     size: { width: ir.size.widthEmu, height: ir.size.heightEmu },
@@ -1906,33 +2049,52 @@ async function loadResourceBytes(resources) {
   );
   return new Map(entries);
 }
-var OFFICE_OPEN_PPTX_RENDERER_ID, OFFICE_OPEN_PPTX, UNSUPPORTED, OFFICE_OPEN_CAPABILITIES, SCHEME_SLOTS;
+var OFFICE_OPEN_PPTX_RENDERER_ID, OFFICE_OPEN_PPTX, OFFICE_OPEN_CAPABILITIES, SCHEME_SLOTS;
 var init_office_open = __esm({
   "src/renderers/office-open/index.ts"() {
     "use strict";
     init_finalizePackage();
-    init_features();
+    init_chartParts();
     init_emit2();
     OFFICE_OPEN_PPTX_RENDERER_ID = "office-open";
     OFFICE_OPEN_PPTX = "@office-open/pptx";
-    UNSUPPORTED = /* @__PURE__ */ new Set([
-      "svg",
+    OFFICE_OPEN_CAPABILITIES = /* @__PURE__ */ new Set([
+      "rich-text",
+      "complex-bullet-glyphs",
+      "text",
+      "shapes",
+      "images",
+      "tables",
       "charts",
-      "image-transform",
-      "image-crop",
-      "image-rounding",
-      "flip-vertical",
-      "element-hyperlinks",
-      "masters",
-      "placeholders",
-      "table-merged-cells",
-      "table-rounded-corners",
-      "table-auto-page",
-      "table-insets"
+      "chart-bar-style",
+      "chart-pie-style",
+      "chart-line-style",
+      "chart-radar-style",
+      "chart-data-labels",
+      "chart-data-border",
+      "chart-axis-scale",
+      "chart-axis-visibility",
+      "chart-axis-style",
+      "chart-text-style",
+      "solid-fills",
+      "gradient-fills",
+      "pattern-fills",
+      "image-fills",
+      "lines",
+      "shadows",
+      "backgrounds",
+      "speaker-notes",
+      "hidden-slides",
+      "transitions",
+      "external-links",
+      "internal-links",
+      "text-hyperlinks",
+      "rotation",
+      "flip-horizontal",
+      "groups",
+      "proofing-language",
+      "rtl"
     ]);
-    OFFICE_OPEN_CAPABILITIES = new Set(
-      [...ALL_PPTX_FEATURES].filter((feature) => !UNSUPPORTED.has(feature))
-    );
     SCHEME_SLOTS = [
       ["dark1", "text"],
       ["light1", "background"],
@@ -2429,7 +2591,8 @@ function compilePresentation(processed, warnings = []) {
     extent: {
       widthEmu: inchesToEmu(processed.slideWidth),
       heightEmu: inchesToEmu(processed.slideHeight)
-    }
+    },
+    positionlessText: []
   };
   const masters = (processed.templates ?? []).map(
     (template, index) => compileMaster(template, index, processed, ctx)
@@ -2538,6 +2701,7 @@ function compileSlide(slide, slideIndex, processed, ctx) {
     if (element) elements.push(element);
     nextIndex += 1;
   };
+  ctx.positionlessText = [];
   const gradientSource = slide.background?.gradient ?? (slide.background ? void 0 : template?.background?.gradient);
   let background2;
   if (gradientSource) {
@@ -2611,6 +2775,7 @@ function compileSlide(slide, slideIndex, processed, ctx) {
       })
     );
   }
+  warnOverlappingText(slideIndex, ctx);
   if (slide.notes) ctx.features.require("speaker-notes", `${path4}.notes`);
   if (slide.hidden) ctx.features.require("hidden-slides", `${path4}.hidden`);
   if (background2) ctx.features.require("backgrounds", `${path4}.background`);
@@ -2627,6 +2792,23 @@ function compileSlide(slide, slideIndex, processed, ctx) {
     ...transition ? { transition } : {}
   };
 }
+function warnOverlappingText(slideIndex, ctx) {
+  const boxes = ctx.positionlessText;
+  for (let i = 0; i < boxes.length; i += 1) {
+    for (let j = i + 1; j < boxes.length; j += 1) {
+      const a = boxes[i];
+      const b = boxes[j];
+      const overlaps = a.transform.xEmu < b.transform.xEmu + b.transform.widthEmu && b.transform.xEmu < a.transform.xEmu + a.transform.widthEmu && a.transform.yEmu < b.transform.yEmu + b.transform.heightEmu && b.transform.yEmu < a.transform.yEmu + a.transform.heightEmu;
+      if (!overlaps) continue;
+      warn(
+        ctx.warnings,
+        W.TEXT_OVERLAP_UNPOSITIONED,
+        `Text at ${a.path} and ${b.path} give no x/y and overlap on this slide. Give at least one of them explicit coordinates, or a named style whose default band differs.`,
+        { slide: slideIndex, component: "text" }
+      );
+    }
+  }
+}
 function compileTransition(transition) {
   const type = transition?.type;
   if (!type || type === "none") return void 0;
@@ -2761,6 +2943,9 @@ function compileText(component, scope) {
   const heightFontSize = props.fontSize ?? ctx.theme.defaults.fontSize ?? 18;
   const transform = textTransform(props, heightFontSize, lineCount, ctx);
   const autoFit = props.h === void 0;
+  if (props.x === void 0 && props.y === void 0) {
+    ctx.positionlessText.push({ path: path4, transform });
+  }
   const hyperlink2 = compileHyperlink(props.hyperlink, "text", ctx, path4);
   const runs = runProps ? runProps.map(
     (run) => compileRichRun(run, cascade, void 0, scope.slideCtx, ctx)
@@ -2966,12 +3151,26 @@ function requireBulletFeatures(bullet, path4, ctx) {
     ctx.features.require("complex-bullet-glyphs", `${path4}.bullet.style`);
   }
 }
+var STYLE_BANDS = {
+  // A title slide's title and its subtitle, as two bands in the middle third.
+  title: { x: 0.08, y: 0.34, w: 0.84 },
+  subtitle: { x: 0.08, y: 0.56, w: 0.84 },
+  // Content-slide headings sit in the top margin, all three at the same place:
+  // the level changes the type, not where the slide starts.
+  heading1: { x: 0.06, y: 0.06, w: 0.88 },
+  heading2: { x: 0.06, y: 0.06, w: 0.88 },
+  heading3: { x: 0.06, y: 0.06, w: 0.88 },
+  // Below a heading, in the content-safe area.
+  body: { x: 0.06, y: 0.26, w: 0.88 },
+  caption: { x: 0.06, y: 0.88, w: 0.88 }
+};
 function textTransform(props, fontSize, lineCount, ctx) {
   const heightEmu = props.h !== void 0 ? resolveDimensionEmu(props.h, "Y", ctx.extent) : inchesToEmu(Math.max(0.5, fontSize / 72 * 1.6 * lineCount));
+  const band = typeof props.style === "string" ? STYLE_BANDS[props.style] : void 0;
   return {
-    xEmu: props.x !== void 0 ? resolveDimensionEmu(props.x, "X", ctx.extent) : 0,
-    yEmu: props.y !== void 0 ? resolveDimensionEmu(props.y, "Y", ctx.extent) : 0,
-    widthEmu: props.w !== void 0 ? resolveDimensionEmu(props.w, "X", ctx.extent) : defaultWidthEmu(ctx.extent),
+    xEmu: props.x !== void 0 ? resolveDimensionEmu(props.x, "X", ctx.extent) : Math.round((band?.x ?? 0) * ctx.extent.widthEmu),
+    yEmu: props.y !== void 0 ? resolveDimensionEmu(props.y, "Y", ctx.extent) : Math.round((band?.y ?? 0) * ctx.extent.heightEmu),
+    widthEmu: props.w !== void 0 ? resolveDimensionEmu(props.w, "X", ctx.extent) : band ? Math.round(band.w * ctx.extent.widthEmu) : defaultWidthEmu(ctx.extent),
     heightEmu,
     ...rotationProperty(props.rotate)
   };
@@ -3193,6 +3392,11 @@ function compileTable(component, scope) {
   const rows = authoredRows.map((row) => ({
     cells: row.map((cell) => compileTableCell(cell, props, ctx))
   }));
+  if (props.headerRow && rows.length > 0) {
+    rows[0] = {
+      cells: rows[0].cells.map((cell) => headerCell(cell, props, ctx))
+    };
+  }
   const border = compileTableBorder(props.border, ctx);
   const cornerRadius = typeof props.borderRadius === "number" && props.borderRadius > 0 ? props.borderRadius : void 0;
   ctx.features.require("tables", path4);
@@ -3257,6 +3461,19 @@ function toEmuList(value, axis, ctx) {
   const values = Array.isArray(value) ? value : [value];
   return values.map((v) => resolveDimensionEmu(v, axis, ctx.extent));
 }
+function headerCell(cell, tableProps, ctx) {
+  const formatting = {
+    ...tableProps.fontWeight == null ? { bold: true } : {},
+    ...tableProps.color ? {} : { color: irColor(resolveColor("text", ctx.theme, ctx.warnings)) },
+    ...cell.formatting
+  };
+  const fill2 = cell.fill ?? (tableProps.fill ? void 0 : irColor(resolveColor("background2", ctx.theme, ctx.warnings)));
+  return {
+    ...cell,
+    formatting,
+    ...fill2 ? { fill: fill2 } : {}
+  };
+}
 function compileTableDefaults(props, ctx) {
   const family = props.fontFace ?? ctx.theme.fonts.body;
   let fontFamily = family;
@@ -3343,6 +3560,61 @@ var CHART_TYPES = [
   "radar",
   "scatter"
 ];
+var CHART_STYLE_FEATURES = {
+  showValue: "chart-data-labels",
+  showPercent: "chart-data-labels",
+  showLabel: "chart-data-labels",
+  showSerName: "chart-data-labels",
+  dataLabelPosition: "chart-data-labels",
+  dataBorder: "chart-data-border",
+  catAxisHidden: "chart-axis-visibility",
+  valAxisHidden: "chart-axis-visibility",
+  catAxisLineShow: "chart-axis-visibility",
+  valAxisLineShow: "chart-axis-visibility",
+  catAxisLabelRotate: "chart-axis-style",
+  catGridLine: "chart-axis-style",
+  valGridLine: "chart-axis-style",
+  valAxisMinVal: "chart-axis-scale",
+  valAxisMaxVal: "chart-axis-scale",
+  valAxisMajorUnit: "chart-axis-scale",
+  valAxisLabelFormatCode: "chart-axis-scale",
+  barGapWidthPct: "chart-bar-style",
+  barOverlapPct: "chart-bar-style",
+  firstSliceAng: "chart-pie-style",
+  holeSize: "chart-pie-style",
+  lineSmooth: "chart-line-style",
+  lineDataSymbol: "chart-line-style",
+  lineSize: "chart-line-style",
+  lineDataSymbolSize: "chart-line-style",
+  radarStyle: "chart-radar-style",
+  titleFontSize: "chart-text-style",
+  titleColor: "chart-text-style",
+  titleFontFace: "chart-text-style",
+  titleFontWeight: "chart-text-style",
+  legendFontSize: "chart-text-style",
+  legendFontFace: "chart-text-style",
+  legendFontWeight: "chart-text-style",
+  legendColor: "chart-text-style",
+  catAxisLabelFontSize: "chart-text-style",
+  catAxisLabelColor: "chart-text-style",
+  catAxisLabelFontFace: "chart-text-style",
+  catAxisLabelFontWeight: "chart-text-style",
+  valAxisLabelFontSize: "chart-text-style",
+  valAxisLabelColor: "chart-text-style",
+  valAxisLabelFontFace: "chart-text-style",
+  valAxisLabelFontWeight: "chart-text-style",
+  dataLabelColor: "chart-text-style",
+  dataLabelFontSize: "chart-text-style",
+  dataLabelFontFace: "chart-text-style",
+  dataLabelFontWeight: "chart-text-style",
+  dataLabelFontBold: "chart-text-style"
+};
+function requireChartStyleFeatures(props, ctx, path4) {
+  for (const [prop, feature] of Object.entries(CHART_STYLE_FEATURES)) {
+    if (props[prop] === void 0) continue;
+    ctx.features.require(feature, `${path4}.${prop}`);
+  }
+}
 function compileChart(component, scope) {
   const { ctx, path: path4 } = scope;
   const props = component.props;
@@ -3385,6 +3657,7 @@ function compileChart(component, scope) {
     );
   }
   ctx.features.require("charts", path4);
+  requireChartStyleFeatures(props, ctx, path4);
   return {
     kind: "chart",
     id: scope.id,
@@ -3745,7 +4018,9 @@ function optionalTransform(x, y, w, h, ctx) {
 }
 
 // src/renderers/registry.ts
-import { RendererRegistry } from "@json-to-office/shared/rendering";
+import {
+  RendererRegistry
+} from "@json-to-office/shared/rendering";
 
 // src/renderers/types.ts
 import {
@@ -3771,6 +4046,9 @@ function resolvePptxRenderer(id) {
 function pptxRendererIds() {
   return registry.ids();
 }
+function pptxRendererStatuses() {
+  return registry.statuses();
+}
 function isPptxRendererId(value) {
   return registry.has(value);
 }
@@ -3850,6 +4128,10 @@ async function resolveDocumentFonts(document, theme, warnings, fonts) {
 import { applyExportMode } from "@json-to-office/shared";
 
 // src/themes/defaults.ts
+var DEFAULT_TABLE = {
+  border: { type: "solid", pt: 1, color: "background2" },
+  headerRow: true
+};
 var DEFAULT_STYLES = {
   title: { fontSize: 36, bold: true, fontColor: "text", align: "center" },
   subtitle: { fontSize: 20, italic: true, fontColor: "text2", align: "center" },
@@ -3881,7 +4163,8 @@ var DEFAULT_PPTX_THEME = {
     fontSize: 18,
     fontColor: "#333333"
   },
-  styles: DEFAULT_STYLES
+  styles: DEFAULT_STYLES,
+  componentDefaults: { table: DEFAULT_TABLE }
 };
 var PPTX_THEMES = {
   default: DEFAULT_PPTX_THEME,
@@ -3907,7 +4190,8 @@ var PPTX_THEMES = {
       fontSize: 18,
       fontColor: "#FFFFFF"
     },
-    styles: DEFAULT_STYLES
+    styles: DEFAULT_STYLES,
+    componentDefaults: { table: DEFAULT_TABLE }
   },
   minimal: {
     name: "minimal",
@@ -3931,7 +4215,8 @@ var PPTX_THEMES = {
       fontSize: 18,
       fontColor: "#000000"
     },
-    styles: DEFAULT_STYLES
+    styles: DEFAULT_STYLES,
+    componentDefaults: { table: DEFAULT_TABLE }
   }
 };
 function getPptxTheme(name) {
@@ -5096,6 +5381,7 @@ export {
   isPresentationComponentDefinition,
   isSlideComponent,
   pptxRendererIds,
+  pptxRendererStatuses,
   pptxThemes,
   resolveComponentVersion3 as resolveComponentVersion,
   validateComponentProps,