@json-to-office/core-docx 7.1.2 → 7.2.0

package/dist/plugin/example/index.js

@@ -1804,15 +1804,15 @@ function convertLineSpacing(lineSpacing) {
       lineRule2 = "auto";
       break;
     case "atLeast":
-      line = value !== void 0 ? value * TWIPS_PER_POINT : void 0;
+      line = value !== void 0 ? pointsToTwips(value) : void 0;
       lineRule2 = "atLeast";
       break;
     case "exactly":
-      line = value !== void 0 ? value * TWIPS_PER_POINT : void 0;
+      line = value !== void 0 ? pointsToTwips(value) : void 0;
       lineRule2 = "exact";
       break;
     case "multiple":
-      line = value !== void 0 ? value * SINGLE_LINE_SPACING_TWIPS : void 0;
+      line = value !== void 0 ? Math.round(value * SINGLE_LINE_SPACING_TWIPS) : void 0;
       lineRule2 = "auto";
       break;
     default:
@@ -2797,6 +2797,9 @@ import { createHash as createHash2 } from "crypto";
 function pointsToTwips2(points) {
   return Math.round(points * TWIPS_PER_POINT2);
 }
+function wholeTwips(twips2) {
+  return Math.round(twips2);
+}
 function pointsToHalfPoints(points) {
   return Math.round(points * 2);
 }
@@ -2812,8 +2815,8 @@ function inchesToEmu(inches) {
 function pointsToEmu(points) {
   return Math.round(points * EMU_PER_INCH / 72);
 }
-function twipsToEmu(twips) {
-  return Math.round(twips * EMU_PER_TWIP);
+function twipsToEmu(twips2) {
+  return Math.round(twips2 * EMU_PER_TWIP);
 }
 function pixelsToEmu(pixels) {
   return Math.round(pixels * 9525);
@@ -2821,8 +2824,8 @@ function pixelsToEmu(pixels) {
 function emuToPixels(emu) {
   return emu / 9525;
 }
-function twipsToPixels(twips) {
-  return twips / TWIPS_PER_INCH * 96;
+function twipsToPixels(twips2) {
+  return twips2 / TWIPS_PER_INCH * 96;
 }
 function irColor(hex) {
   return { hex: hex.startsWith("#") ? hex.slice(1) : hex };
@@ -4247,11 +4250,71 @@ var init_chartParts = __esm({
   }
 });
 
+// src/renderers/office-open/cellTocs.ts
+function spliceCellTocs(zip, tocs, stringifyTableOfContents) {
+  if (tocs.length === 0) return;
+  const spliced = /* @__PURE__ */ new Set();
+  for (const entry of zip.getEntries()) {
+    if (!TABLE_PARTS.test(entry.entryName)) continue;
+    const original = entry.getData().toString("utf8");
+    let xml = original;
+    for (const toc of tocs) {
+      const start = markerParagraph(xml, toc.start);
+      if (!start) continue;
+      const end = markerParagraph(xml, toc.end);
+      if (spliced.has(toc) || !end || end.from < start.to) {
+        throw new Error(
+          `the office-open renderer lost track of a table of contents in a table cell (${entry.entryName})`
+        );
+      }
+      xml = xml.slice(0, start.from) + stringifyTableOfContents(
+        toc.alias,
+        toc.options,
+        xml.slice(start.to, end.from)
+      ) + xml.slice(end.to);
+      spliced.add(toc);
+    }
+    if (xml !== original) zip.updateFile(entry, Buffer.from(xml, "utf8"));
+  }
+  if (spliced.size !== tocs.length) {
+    throw new Error(
+      `the office-open renderer placed ${tocs.length} table(s) of contents in table cells and found ${spliced.size}`
+    );
+  }
+}
+function markerParagraph(xml, marker) {
+  const at = xml.indexOf(marker);
+  if (at < 0) return void 0;
+  const from = Math.max(
+    xml.lastIndexOf("<w:p>", at),
+    xml.lastIndexOf("<w:p ", at)
+  );
+  const close = xml.indexOf("</w:p>", at);
+  if (xml.indexOf(marker, at + marker.length) >= 0 || from < 0 || close < 0 || xml.lastIndexOf("</w:p>", at) > from) {
+    throw new Error(
+      "the office-open renderer found a table-of-contents marker it did not write"
+    );
+  }
+  return { from, to: close + "</w:p>".length };
+}
+var TABLE_PARTS;
+var init_cellTocs = __esm({
+  "src/renderers/office-open/cellTocs.ts"() {
+    "use strict";
+    TABLE_PARTS = /^word\/(?:document|header\d+|footer\d+)\.xml$/;
+  }
+});
+
 // src/renderers/office-open/emit.ts
 import { assertNever as assertNever2 } from "@json-to-office/shared/rendering";
 function emptyContext() {
   let next = 1;
-  return { pictures: /* @__PURE__ */ new Map(), nextDrawingId: () => next++, charts: [] };
+  return {
+    pictures: /* @__PURE__ */ new Map(),
+    nextDrawingId: () => next++,
+    charts: [],
+    cellTocs: []
+  };
 }
 function simpleField(instruction, cachedText) {
   return {
@@ -4261,6 +4324,9 @@ function simpleField(instruction, cachedText) {
     }
   };
 }
+function twips(value) {
+  return Math.floor(value);
+}
 function runProperties2(formatting) {
   if (!formatting) return {};
   const out = {};
@@ -4297,7 +4363,9 @@ function runProperties2(formatting) {
   if (formatting.scalePercent !== void 0)
     out.scale = formatting.scalePercent;
   if (formatting.characterSpacingTwentieths !== void 0) {
-    out.characterSpacing = formatting.characterSpacingTwentieths;
+    const stated = formatting.characterSpacingTwentieths;
+    const twentieths = twips(stated);
+    out.characterSpacing = twentieths === 0 && stated !== 0 ? "0pt" : twentieths;
   }
   if (formatting.language) out.language = { value: formatting.language };
   if (formatting.noProof !== void 0) out.noProof = formatting.noProof;
@@ -4688,16 +4756,16 @@ function paragraphProperties2(formatting) {
   if (formatting.indent) {
     const indent = {};
     if (formatting.indent.leftTwips !== void 0) {
-      indent.left = formatting.indent.leftTwips;
+      indent.left = twips(formatting.indent.leftTwips);
     }
     if (formatting.indent.rightTwips !== void 0) {
-      indent.right = formatting.indent.rightTwips;
+      indent.right = twips(formatting.indent.rightTwips);
     }
     if (formatting.indent.firstLineTwips !== void 0) {
-      indent.firstLine = formatting.indent.firstLineTwips;
+      indent.firstLine = twips(formatting.indent.firstLineTwips);
     }
     if (formatting.indent.hangingTwips !== void 0) {
-      indent.hanging = formatting.indent.hangingTwips;
+      indent.hanging = twips(formatting.indent.hangingTwips);
     }
     out.indent = indent;
   }
@@ -4828,14 +4896,14 @@ function table(value, ctx) {
       // `w:w` is an integer in OOXML. A grid that splits a remainder between
       // unstated columns comes out fractional, and the XML would carry it
       // verbatim; floored here, as the docxjs backend floors it.
-      size: value.width.kind === "auto" ? 0 : value.width.kind === "twips" ? Math.floor(value.width.value) : value.width.value,
+      size: value.width.kind === "auto" ? 0 : value.width.kind === "twips" ? twips(value.width.value) : value.width.value,
       type: value.width.kind === "twips" ? "dxa" : value.width.kind === "percent" ? "pct" : "auto"
     },
     layout: value.layout,
     // An empty grid is a table with nothing to say about its columns, which is
     // not the same as one whose columns are all zero wide. The compiler hands
     // over every grid in twips; floored for the same reason as the width.
-    ...value.columnGrid.values.length > 0 ? { columnWidths: value.columnGrid.values.map(Math.floor) } : {},
+    ...value.columnGrid.values.length > 0 ? { columnWidths: value.columnGrid.values.map(twips) } : {},
     ...value.alignment ? { alignment: alignment(value.alignment) } : {},
     ...value.borders ? { borders: borders2(value.borders) } : {},
     ...value.cellMargins ? { margins: cellMargins(value.cellMargins) } : {},
@@ -4846,14 +4914,22 @@ function tableFloat2(floating) {
   return {
     ...floating.horizontalAnchor ? { horizontalAnchor: floating.horizontalAnchor } : {},
     ...floating.verticalAnchor ? { verticalAnchor: floating.verticalAnchor } : {},
-    ...floating.absoluteHorizontalPositionTwips !== void 0 ? { absoluteHorizontalPosition: floating.absoluteHorizontalPositionTwips } : {},
+    ...floating.absoluteHorizontalPositionTwips !== void 0 ? {
+      absoluteHorizontalPosition: twips(
+        floating.absoluteHorizontalPositionTwips
+      )
+    } : {},
     ...floating.relativeHorizontalPosition ? { relativeHorizontalPosition: floating.relativeHorizontalPosition } : {},
-    ...floating.absoluteVerticalPositionTwips !== void 0 ? { absoluteVerticalPosition: floating.absoluteVerticalPositionTwips } : {},
+    ...floating.absoluteVerticalPositionTwips !== void 0 ? {
+      absoluteVerticalPosition: twips(
+        floating.absoluteVerticalPositionTwips
+      )
+    } : {},
     ...floating.relativeVerticalPosition ? { relativeVerticalPosition: floating.relativeVerticalPosition } : {},
-    ...floating.topFromTextTwips !== void 0 ? { topFromText: floating.topFromTextTwips } : {},
-    ...floating.rightFromTextTwips !== void 0 ? { rightFromText: floating.rightFromTextTwips } : {},
-    ...floating.bottomFromTextTwips !== void 0 ? { bottomFromText: floating.bottomFromTextTwips } : {},
-    ...floating.leftFromTextTwips !== void 0 ? { leftFromText: floating.leftFromTextTwips } : {},
+    ...floating.topFromTextTwips !== void 0 ? { topFromText: twips(floating.topFromTextTwips) } : {},
+    ...floating.rightFromTextTwips !== void 0 ? { rightFromText: twips(floating.rightFromTextTwips) } : {},
+    ...floating.bottomFromTextTwips !== void 0 ? { bottomFromText: twips(floating.bottomFromTextTwips) } : {},
+    ...floating.leftFromTextTwips !== void 0 ? { leftFromText: twips(floating.leftFromTextTwips) } : {},
     ...floating.overlap ? { overlap: floating.overlap } : {}
   };
 }
@@ -4861,7 +4937,10 @@ function tableRow(row, ctx) {
   return {
     cells: row.cells.map((cell) => tableCell(cell, ctx)),
     ...row.heightTwips !== void 0 ? {
-      height: { value: row.heightTwips, rule: row.heightRule ?? "atLeast" }
+      height: {
+        value: twips(row.heightTwips),
+        rule: row.heightRule ?? "atLeast"
+      }
     } : {},
     ...row.isHeader !== void 0 ? { tableHeader: row.isHeader } : {},
     ...row.cantSplit !== void 0 ? { cantSplit: row.cantSplit } : {},
@@ -4869,9 +4948,12 @@ function tableRow(row, ctx) {
   };
 }
 function tableCell(cell, ctx) {
+  const children = cellChildren2(cell, ctx);
+  if (cell.children[cell.children.length - 1]?.kind !== "paragraph")
+    children.push({ paragraph: { children: [] } });
   return {
-    children: cell.children.map((child) => block(child, ctx)),
-    ...cell.widthTwips !== void 0 ? { width: { size: cell.widthTwips, type: "dxa" } } : {},
+    children,
+    ...cell.widthTwips !== void 0 ? { width: { size: twips(cell.widthTwips), type: "dxa" } } : {},
     ...cell.verticalAlign ? { verticalAlign: cell.verticalAlign } : {},
     ...cell.shading ? { shading: shading(cell.shading) } : {},
     ...cell.margins ? { margins: cellMargins(cell.margins) } : {},
@@ -4881,8 +4963,38 @@ function tableCell(cell, ctx) {
     ...cell.textDirection ? { textDirection: cell.textDirection } : {}
   };
 }
+function cellChildren2(cell, ctx) {
+  const children = [];
+  for (const child of cell.children) {
+    if (child.kind !== "toc") {
+      children.push(block(child, ctx));
+      continue;
+    }
+    const { alias, entries, ...options } = tableOfContents(child);
+    const index = ctx.cellTocs.length;
+    const toc = {
+      start: cellTocMarker(index, "start"),
+      end: cellTocMarker(index, "end"),
+      alias: String(alias),
+      options
+    };
+    ctx.cellTocs.push(toc);
+    children.push(
+      markerParagraph2(toc.start),
+      ...entries ?? [],
+      markerParagraph2(toc.end)
+    );
+  }
+  return children;
+}
+function cellTocMarker(index, edge) {
+  return `\uE000jto-cell-toc-${index}-${edge}\uE000`;
+}
+function markerParagraph2(text) {
+  return { paragraph: { children: [{ text }] } };
+}
 function cellMargins(margins) {
-  const side = (value) => value === void 0 ? void 0 : { size: value, type: "dxa" };
+  const side = (value) => value === void 0 ? void 0 : { size: twips(value), type: "dxa" };
   const out = {};
   for (const [name, value] of [
     ["top", margins.topTwips],
@@ -4929,18 +5041,18 @@ function section(value, ctx, closesDocument = false) {
         // Orientation is implied by the width/height pair, which is how this
         // pipeline has always expressed it; stating it as well changes `w:pgSz`.
         size: {
-          width: page.widthTwips,
-          height: page.heightTwips,
+          width: twips(page.widthTwips),
+          height: twips(page.heightTwips),
           ...page.code !== void 0 ? { code: page.code } : {}
         },
         margin: {
-          top: page.margins.topTwips,
-          right: page.margins.rightTwips,
-          bottom: page.margins.bottomTwips,
-          left: page.margins.leftTwips,
-          ...page.margins.headerTwips !== void 0 ? { header: page.margins.headerTwips } : {},
-          ...page.margins.footerTwips !== void 0 ? { footer: page.margins.footerTwips } : {},
-          ...page.margins.gutterTwips !== void 0 ? { gutter: page.margins.gutterTwips } : {}
+          top: twips(page.margins.topTwips),
+          right: twips(page.margins.rightTwips),
+          bottom: twips(page.margins.bottomTwips),
+          left: twips(page.margins.leftTwips),
+          ...page.margins.headerTwips !== void 0 ? { header: twips(page.margins.headerTwips) } : {},
+          ...page.margins.footerTwips !== void 0 ? { footer: twips(page.margins.footerTwips) } : {},
+          ...page.margins.gutterTwips !== void 0 ? { gutter: twips(page.margins.gutterTwips) } : {}
         },
         ...value.properties.pageNumbers ? {
           pageNumbers: {
@@ -4959,13 +5071,13 @@ function section(value, ctx, closesDocument = false) {
       ...columns ? {
         column: {
           count: columns.count,
-          ...columns.spaceTwips !== void 0 ? { space: columns.spaceTwips } : {},
+          ...columns.spaceTwips !== void 0 ? { space: twips(columns.spaceTwips) } : {},
           ...columns.separator !== void 0 ? { separate: columns.separator } : {},
           ...columns.equalWidth !== void 0 ? { equalWidth: columns.equalWidth } : {},
           ...columns.widths ? {
             children: columns.widths.map((column) => ({
-              width: column.widthTwips,
-              ...column.spaceTwips !== void 0 ? { space: column.spaceTwips } : {}
+              width: twips(column.widthTwips),
+              ...column.spaceTwips !== void 0 ? { space: twips(column.spaceTwips) } : {}
             }))
           } : {}
         }
@@ -4993,14 +5105,14 @@ function headerFooterSet(set, ctx) {
 function sectionChildren2(value, ctx, closesDocument = false) {
   const blocks = value.children.map((child) => block(child, ctx));
   const last = value.children[value.children.length - 1];
-  if (closesDocument && last?.kind === "paragraph" && last.frame !== void 0)
+  const bookmark = value.bookmark;
+  if (bookmark?.closes && last?.kind !== "paragraph" || closesDocument && last?.kind === "paragraph" && last.frame !== void 0)
     blocks.push({
       paragraph: {
         children: [],
         spacing: { before: 0, after: 0, line: 20, lineRule: "exact" }
       }
     });
-  const bookmark = value.bookmark;
   if (!bookmark) return blocks;
   return [
     ...bookmark.opens ? [{ bookmarkStart: { id: bookmark.id, name: bookmark.name } }] : [],
@@ -5023,8 +5135,8 @@ function numberingConfig2(numbering) {
         ...level.indent ? {
           paragraph: {
             indent: {
-              ...level.indent.leftTwips !== void 0 ? { left: level.indent.leftTwips } : {},
-              ...level.indent.hangingTwips !== void 0 ? { hanging: level.indent.hangingTwips } : {}
+              ...level.indent.leftTwips !== void 0 ? { left: twips(level.indent.leftTwips) } : {},
+              ...level.indent.hangingTwips !== void 0 ? { hanging: twips(level.indent.hangingTwips) } : {}
             }
           }
         } : {},
@@ -5116,10 +5228,15 @@ async function createOfficeOpenDocxRenderer() {
     /* @vite-ignore */
     OFFICE_OPEN_DOCX
   );
-  if (typeof backend.generateDocument !== "function") {
-    throw new Error(
-      `${OFFICE_OPEN_DOCX} does not export generateDocument(); the installed version is not compatible with this adapter.`
-    );
+  for (const name of [
+    "generateDocument",
+    "stringifyTableOfContents"
+  ]) {
+    if (typeof backend[name] !== "function") {
+      throw new Error(
+        `${OFFICE_OPEN_DOCX} does not export ${name}(); the installed version is not compatible with this adapter.`
+      );
+    }
   }
   return {
     id: OFFICE_OPEN_DOCX_RENDERER_ID,
@@ -5127,10 +5244,12 @@ async function createOfficeOpenDocxRenderer() {
     capabilities: OFFICE_OPEN_CAPABILITIES,
     async render(ir, options) {
       const charts = [];
+      const cellTocs = [];
       const document = await buildDocumentOptions(
         ir,
         charts,
-        options?.svgRasterFallback
+        options?.svgRasterFallback,
+        cellTocs
       );
       const bytes = await backend.generateDocument(document, {
         type: "uint8array"
@@ -5138,9 +5257,10 @@ async function createOfficeOpenDocxRenderer() {
       let raw = Buffer.from(
         bytes instanceof Uint8Array ? bytes : new Uint8Array(bytes)
       );
-      if (charts.length > 0) {
+      if (charts.length > 0 || cellTocs.length > 0) {
         const zip = new AdmZip4(raw);
         spliceChartParts(zip, charts);
+        spliceCellTocs(zip, cellTocs, backend.stringifyTableOfContents);
         raw = zip.toBuffer();
       }
       if (options?.deterministic === false)
@@ -5157,12 +5277,13 @@ async function createOfficeOpenDocxRenderer() {
     }
   };
 }
-async function buildDocumentOptions(ir, charts = [], svgRasterFallback) {
+async function buildDocumentOptions(ir, charts = [], svgRasterFallback, cellTocs = []) {
   let nextDrawingId = 1;
   const ctx = {
     pictures: await prepareImages2(ir, svgRasterFallback),
     nextDrawingId: () => nextDrawingId++,
-    charts
+    charts,
+    cellTocs
   };
   return {
     styles: emitStyles2(ir.styles),
@@ -5441,6 +5562,7 @@ var init_office_open = __esm({
   "src/renderers/office-open/index.ts"() {
     "use strict";
     init_chartParts();
+    init_cellTocs();
     init_imageUtils();
     init_packageDocument();
     init_emit2();
@@ -6688,6 +6810,7 @@ import {
   assetUnreadableError
 } from "@json-to-office/shared/rendering";
 import { capsFormatting as capsFormatting2, synthesizeFamilyName as synthesizeFamilyName2 } from "@json-to-office/shared";
+import { unrenderedComponentText } from "@json-to-office/quality";
 import {
   isNativeVisualProps as isNativeVisualProps4
 } from "@json-to-office/shared-docx";
@@ -7813,7 +7936,8 @@ function createDocumentStyles(themeNameOrObject = "consulting", language) {
               tabStops: effectiveTabStops.map(
                 (ts) => ({
                   type: ts.type,
-                  positionTwips: ts.position === "max" ? RIGHT_MARGIN_TAB_TWIPS : ts.position,
+                  // Whole twips: `w:pos` is an integer no backend rounds.
+                  positionTwips: ts.position === "max" ? RIGHT_MARGIN_TAB_TWIPS : Math.round(ts.position),
                   ...ts.leader && { leader: ts.leader }
                 })
               )
@@ -10433,7 +10557,9 @@ function compileToc(component, scope) {
       formatting: {
         alignment: "left",
         spacing: {
-          beforeTwips: ctx.theme.componentDefaults?.heading?.spacing?.before ?? 240,
+          beforeTwips: wholeTwips(
+            ctx.theme.componentDefaults?.heading?.spacing?.before ?? 240
+          ),
           // ~9pt, which separates the title from the list clearly enough to
           // read as a heading rather than a first entry.
           afterTwips: 180
@@ -10553,8 +10679,8 @@ function compileStatistic(component, scope) {
   const alignment2 = compileAlignment(props.alignment) ?? "center";
   ctx.usesStatistic = true;
   const spacing = props.spacing ? {
-    ...props.spacing.before !== void 0 ? { beforeTwips: props.spacing.before } : {},
-    ...props.spacing.after !== void 0 ? { afterTwips: props.spacing.after } : {}
+    ...props.spacing.before !== void 0 ? { beforeTwips: wholeTwips(props.spacing.before) } : {},
+    ...props.spacing.after !== void 0 ? { afterTwips: wholeTwips(props.spacing.after) } : {}
   } : void 0;
   if (props.format !== void 0) {
     warnOnce(
@@ -11179,7 +11305,7 @@ function paragraphFormatting(props, ctx, extra = {}) {
   if (Array.isArray(props.tabStops) && props.tabStops.length > 0) {
     formatting.tabStops = props.tabStops.map(
       (stop) => ({
-        positionTwips: stop.position,
+        positionTwips: wholeTwips(stop.position),
         type: stop.type ?? "left",
         ...stop.leader ? { leader: stop.leader } : {}
       })
@@ -11228,7 +11354,10 @@ function compileSpacing(props, ctx) {
 }
 function compileLineSpacing(value) {
   if (typeof value === "number") {
-    return { lineTwips: value * SINGLE_LINE_TWIPS, lineRule: "auto" };
+    return {
+      lineTwips: wholeTwips(value * SINGLE_LINE_TWIPS),
+      lineRule: "auto"
+    };
   }
   if (typeof value !== "object" || value === null) return void 0;
   const { type, value: amount } = value;
@@ -11249,7 +11378,7 @@ function compileLineSpacing(value) {
       };
     case "multiple":
       return {
-        ...amount !== void 0 ? { lineTwips: amount * SINGLE_LINE_TWIPS } : {},
+        ...amount !== void 0 ? { lineTwips: wholeTwips(amount * SINGLE_LINE_TWIPS) } : {},
         lineRule: "auto"
       };
     default:
@@ -11710,8 +11839,8 @@ function compileFrame(floating, ctx, path3) {
   const useAbsolute = hasHorizontalOffset || hasVerticalOffset;
   const frame = {
     // 2in by 1in when the author gave no size.
-    widthTwips: floating.width || 2880,
-    heightTwips: floating.height || 1440,
+    widthTwips: wholeTwips(floating.width || 2880),
+    heightTwips: wholeTwips(floating.height || 1440),
     anchorHorizontal: floating.horizontalPosition?.relative || "page",
     anchorVertical: floating.verticalPosition?.relative || "page",
     ...floating.wrap?.type ? { wrap: floating.wrap.type } : {}
@@ -11724,17 +11853,21 @@ function compileFrame(floating, ctx, path3) {
     if (typeof rawX === "string" || typeof rawY === "string") {
       const hRelative = floating.horizontalPosition?.relative;
       const vRelative = floating.verticalPosition?.relative;
-      frame.xTwips = resolveOffsetTwips(
-        rawX,
-        hRelative && hRelative !== "page" ? getAvailableWidthTwips(ctx.theme, ctx.themeName) : getPageWidthTwips(ctx.theme, ctx.themeName)
+      frame.xTwips = wholeTwips(
+        resolveOffsetTwips(
+          rawX,
+          hRelative && hRelative !== "page" ? getAvailableWidthTwips(ctx.theme, ctx.themeName) : getPageWidthTwips(ctx.theme, ctx.themeName)
+        )
       );
-      frame.yTwips = resolveOffsetTwips(
-        rawY,
-        vRelative && vRelative !== "page" ? getAvailableHeightTwips(ctx.theme, ctx.themeName) : getPageHeightTwips(ctx.theme, ctx.themeName)
+      frame.yTwips = wholeTwips(
+        resolveOffsetTwips(
+          rawY,
+          vRelative && vRelative !== "page" ? getAvailableHeightTwips(ctx.theme, ctx.themeName) : getPageHeightTwips(ctx.theme, ctx.themeName)
+        )
       );
     } else {
-      frame.xTwips = rawX;
-      frame.yTwips = rawY;
+      frame.xTwips = wholeTwips(rawX);
+      frame.yTwips = wholeTwips(rawY);
     }
     return frame;
   }
@@ -12068,10 +12201,17 @@ function cellChildren(cell, baseStyle, scope, rowRevision) {
       return wrap(cellVisual(content, scope));
     }
     if (content.name !== "paragraph") {
+      const text2 = unrenderedComponentText(content.name);
+      warnOnce(
+        ctx,
+        "table",
+        `${scope.path} holds a "${content.name}", which a table cell cannot render, so it shows "${text2}" instead. A cell takes a string, a paragraph, an image, a visual or a highcharts chart; set statistics side by side with a columns component.`,
+        "W_UNSUPPORTED_CELL_CONTENT"
+      );
       return wrap([
         {
           kind: "text",
-          text: `[Unsupported component type: ${content.name}]`,
+          text: text2,
           formatting: placeholderFormatting(base)
         }
       ]);
@@ -13269,6 +13409,11 @@ init_widthUtils();
 import probe2 from "probe-image-size";
 
 // src/quality/text-inventory.ts
+import {
+  unrenderedComponentText as unrenderedComponentText2
+} from "@json-to-office/quality";
+import { TABLE_CELL_COMPONENTS } from "@json-to-office/shared-docx";
+var CELL_COMPONENTS = new Set(TABLE_CELL_COMPONENTS);
 function tocDepth(depth) {
   const range = asRecord(depth) ?? {};
   const from = typeof range.from === "number" ? range.from : 1;
@@ -13317,7 +13462,14 @@ function collectDocxTextInventory(children, basePath = "/children") {
         add(`${path3}/content`, rec.content, cellRole, extra);
       else {
         const inner = asRecord(rec.content);
-        if (inner)
+        if (inner && typeof inner.name === "string" && !CELL_COMPONENTS.has(inner.name)) {
+          add(
+            `${path3}/content`,
+            unrenderedComponentText2(inner.name),
+            cellRole,
+            { ...extra, optional: true, unrendered: inner.name }
+          );
+        } else if (inner)
           visitNode(inner, `${path3}/content`, { ...inherited, inCell: true });
       }
       return;