@forevka/wordcanvas 0.7.0 → 0.7.2

package/dist-node/{chunk-4ICCHZX4.js → chunk-U27EBKBG.js}

@@ -111,6 +111,40 @@ var leaderWidth = (fontSizePx) => Math.max(1, fontSizePx / 14);
 var TOC_LEADER_DASH = [1, 4];
 var TOC_LEADER_GAP_PX = 8;
 var FOOTNOTE_RULE_WIDTH_FRACTION = 1 / 3;
+var COLUMN_SEPARATOR_COLOR = "#c0c4c9";
+var PAGE_BORDER_DEFAULT_SPACE = 24;
+function pageBorderSegments(borders, pageW, pageH, margin) {
+  const fromText = borders.offsetFrom === "text";
+  const sp = (e) => e?.spacePx ?? PAGE_BORDER_DEFAULT_SPACE;
+  const xL = fromText ? margin.left - sp(borders.left) : sp(borders.left);
+  const xR = fromText ? pageW - margin.right + sp(borders.right) : pageW - sp(borders.right);
+  const yT = fromText ? margin.top - sp(borders.top) : sp(borders.top);
+  const yB = fromText ? pageH - margin.bottom + sp(borders.bottom) : pageH - sp(borders.bottom);
+  const out = [];
+  const push = (e, x1, y1, x2, y2) => {
+    if (!e || e.style === "none") return;
+    const w = e.style === "thick" ? Math.max(2, e.widthPx) : Math.max(0.5, e.widthPx);
+    const color = e.color === "auto" ? "#000000" : e.color;
+    const dash = e.style === "dashed" ? [w * 3, w * 2] : e.style === "dotted" ? [w, w * 1.5] : [];
+    out.push({ x1, y1, x2, y2, widthPx: w, color, dash });
+    if (e.style === "double") {
+      const g = w + 1;
+      const horizontal = y1 === y2;
+      if (horizontal) {
+        const dy = y1 < pageH / 2 ? g : -g;
+        out.push({ x1, y1: y1 + dy, x2, y2: y2 + dy, widthPx: w, color, dash: [] });
+      } else {
+        const dx = x1 < pageW / 2 ? g : -g;
+        out.push({ x1: x1 + dx, y1, x2: x2 + dx, y2, widthPx: w, color, dash: [] });
+      }
+    }
+  };
+  push(borders.top, xL, yT, xR, yT);
+  push(borders.bottom, xL, yB, xR, yB);
+  push(borders.left, xL, yT, xL, yB);
+  push(borders.right, xR, yT, xR, yB);
+  return out;
+}
 var cellBorderWidth = (widthPx) => Math.max(0.5, widthPx);
 function cellBorderDash(style, w) {
   return style === "dashed" ? [w * 3, w * 2] : style === "dotted" ? [w, w * 1.5] : [];
@@ -175,6 +209,8 @@ export {
   TOC_LEADER_DASH,
   TOC_LEADER_GAP_PX,
   FOOTNOTE_RULE_WIDTH_FRACTION,
+  COLUMN_SEPARATOR_COLOR,
+  pageBorderSegments,
   cellBorderWidth,
   cellBorderDash,
   doubleBorderGap,
@@ -183,4 +219,4 @@ export {
   measureTextWidth,
   fontMetrics
 };
-//# sourceMappingURL=chunk-4ICCHZX4.js.map
+//# sourceMappingURL=chunk-U27EBKBG.js.map

package/dist-node/chunk-U27EBKBG.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/fonts/clones.ts", "../src/paint/paintStyle.ts", "../src/layout/metrics.ts"],
+  "sourcesContent": ["// Single source of truth for font substitution. The editor and both exporters\n// render & measure with these freely-redistributable metric clones instead of\n// the (Windows-only) originals, so layout is identical across the editor, the\n// browser export, and the Node backend \u2014 no system fonts anywhere. The model\n// keeps the original family names; only rendering/measuring/embedding map to a\n// clone. See src/export/shared/fonts/LICENSES.md.\n\n// \"TimesNewRoman\" is the genuine Microsoft Times New Roman (bundled at the user's\n// request), not a clone \u2014 see FONTS.md / fonts/LICENSES.md for the licensing note.\nexport const CLONE_FAMILIES = [\"Carlito\", \"Caladea\", \"Gelasio\", \"Arimo\", \"TimesNewRoman\", \"Cousine\"] as const;\nexport const FALLBACK_CLONE = \"Arimo\";\n\n// Requested family (lowercased, first CSS-stack token) -> bundled clone family.\n// Includes identity entries for the clone names themselves (so already-mapped\n// strings resolve to themselves) and the generic CSS families.\nexport const CLONE_OF: Record<string, string> = {\n  // metric clones of common Office/Windows fonts\n  calibri: \"Carlito\",\n  cambria: \"Caladea\",\n  georgia: \"Gelasio\",\n  arial: \"Arimo\",\n  helvetica: \"Arimo\",\n  \"helvetica neue\": \"Arimo\",\n  \"times new roman\": \"TimesNewRoman\",\n  times: \"TimesNewRoman\",\n  \"courier new\": \"Cousine\",\n  courier: \"Cousine\",\n  // reasonable substitutes for fonts we don't ship\n  verdana: \"Arimo\",\n  tahoma: \"Arimo\",\n  \"segoe ui\": \"Arimo\",\n  \"trebuchet ms\": \"Arimo\",\n  consolas: \"Cousine\",\n  monaco: \"Cousine\",\n  \"lucida console\": \"Cousine\",\n  garamond: \"TimesNewRoman\",\n  \"book antiqua\": \"Caladea\",\n  palatino: \"Caladea\",\n  // generic CSS families\n  serif: \"TimesNewRoman\",\n  \"sans-serif\": \"Arimo\",\n  sans: \"Arimo\",\n  monospace: \"Cousine\",\n  mono: \"Cousine\",\n  // identity (already a clone)\n  carlito: \"Carlito\",\n  caladea: \"Caladea\",\n  gelasio: \"Gelasio\",\n  arimo: \"Arimo\",\n  timesnewroman: \"TimesNewRoman\",\n  cousine: \"Cousine\",\n};\n\n// Per-clone vertical metrics as a fraction of font size (ascent, descent above/\n// below the baseline). Used by fontMetrics so line heights are computed the SAME\n// way in the editor and both exporters \u2014 otherwise the browser's canvas\n// fontBoundingBox (editor) and fontkit's tables (export) disagree by a hair and\n// pagination drifts by a page. Values measured from the browser's canvas\n// fontBoundingBox at 16px (an exact multiple here), so the editor's appearance is\n// unchanged while the export now matches it on every platform.\nexport const CLONE_METRICS: Record<string, { ascent: number; descent: number }> = {\n  Carlito: { ascent: 0.9375, descent: 0.25 },\n  Caladea: { ascent: 0.9375, descent: 0.25 },\n  Gelasio: { ascent: 0.9375, descent: 0.3125 },\n  Arimo: { ascent: 0.875, descent: 0.1875 },\n  TimesNewRoman: { ascent: 0.875, descent: 0.1875 },\n  Cousine: { ascent: 0.625, descent: 0.1875 },\n};\n\n/** Resolve one CSS-stack family token to its bundled clone family. */\nexport function cloneFamilyFor(family: string): { clone: string; substituted: boolean } {\n  const key = family.trim().toLowerCase().replace(/^[\"']|[\"']$/g, \"\");\n  const clone = CLONE_OF[key];\n  return clone ? { clone, substituted: false } : { clone: FALLBACK_CLONE, substituted: true };\n}\n\n/** First token of a CSS font-family stack (\"Calibri, serif\" -> \"Calibri\"). */\nexport const firstFamilyToken = (stack: string): string => (stack.split(\",\")[0] ?? \"\").trim();\n\nexport const FONT_STYLES = [\"Regular\", \"Bold\", \"Italic\", \"BoldItalic\"] as const;\n\n/** Every bundled face filename. */\nexport const FONT_FILES: string[] = CLONE_FAMILIES.flatMap((fam) =>\n  FONT_STYLES.map((style) => `${fam}-${style}.ttf`),\n);\n\n/** Toolbar font list: value is the original family (stored in the model), label\n *  shows the clone we actually render \u2014 e.g. \"Calibri (Carlito)\". */\nexport const TOOLBAR_FONTS: { value: string; label: string }[] = [\n  { value: \"Calibri, sans-serif\", label: \"Calibri (Carlito)\" },\n  { value: \"Cambria, serif\", label: \"Cambria (Caladea)\" },\n  { value: \"Georgia, serif\", label: \"Georgia (Gelasio)\" },\n  { value: \"Arial, sans-serif\", label: \"Arial (Arimo)\" },\n  { value: \"Times New Roman, serif\", label: \"Times New Roman\" },\n  { value: \"Verdana, sans-serif\", label: \"Verdana (Arimo)\" },\n  { value: \"Consolas, monospace\", label: \"Consolas (Cousine)\" },\n  { value: \"Courier New, monospace\", label: \"Courier New (Cousine)\" },\n];\n", "// Shared paint styling \u2014 the constants and per-run styling DECISIONS that the\n// canvas renderer (src/paint/renderer.ts) and the PDF painter\n// (src/export/pdf/paintBlock.ts) must keep in lockstep. Centralising the magic\n// numbers and the link/colour rules stops the two painters from silently\n// drifting; the actual draw calls stay separate (canvas vs pdfkit are different\n// APIs). Pure data + math \u2014 no DOM, no rendering backend.\n\nimport type { CharStyle, PageBorderEdge, PageBorders, TabLeader } from \"@cw/shared\";\n\n// --- colours ---------------------------------------------------------------\n/** Unstyled/native table grid (when a cell carries no explicit borders). */\nexport const DEFAULT_GRID_COLOR = \"#c0c4c9\";\n/** External hyperlinks paint in this blue (Word's affordance). */\nexport const EXTERNAL_LINK_COLOR = \"#0b57d0\";\n/** In-document anchors that inherited a Hyperlink blue read as plain text. */\nexport const ANCHOR_TEXT_COLOR = \"#202124\";\nexport const FOOTNOTE_RULE_COLOR = \"#80868b\";\n/** Non-printing formatting marks (space dots, tab arrows, pilcrows, line breaks)\n *  drawn only when \"show formatting marks\" is on. A muted gray-blue, like Word. */\nexport const FORMATTING_MARK_COLOR = \"#7a8aa0\";\nexport const TOC_LEADER_COLOR = \"#9aa0a6\";\nexport const IMAGE_PLACEHOLDER_COLOR = \"#f1f3f4\";\n\n/** Office \"Hyperlink\" character-style blues, normalised to text colour when they\n *  arrive on an in-document anchor (TOC/cross-ref) so those read as plain text. */\nexport const HYPERLINK_BLUES = new Set([\n  \"#0563c1\", \"#0000ff\", \"#0000ee\", \"#0b57d0\", \"#0066cc\", \"#1155cc\",\n]);\n\n/** A leader/TOC colour that inherited a Hyperlink blue \u2192 text colour. */\nexport const normalizeLinkBlue = (color: string): string =>\n  HYPERLINK_BLUES.has(color.toLowerCase()) ? ANCHOR_TEXT_COLOR : color;\n\n// --- sub/superscript -------------------------------------------------------\n/** Sub/superscript is MEASURED and PAINTED at this fraction of the run size\n *  (metrics.charStyleToFont scales the font; the painters scale to match). */\nexport const SUB_SUPER_SCALE = 0.65;\nconst SUPER_SHIFT = -0.38;\nconst SUB_SHIFT = 0.16;\n\n/** Baseline shift (px) for a sub/superscript run \u2014 fraction of the ORIGINAL size. */\nexport function verticalShift(vertical: CharStyle[\"verticalAlign\"], fontSizePx: number): number {\n  if (vertical === \"super\") return SUPER_SHIFT * fontSizePx;\n  if (vertical === \"sub\") return SUB_SHIFT * fontSizePx;\n  return 0;\n}\n\n// --- text decorations ------------------------------------------------------\n/** Underline / strikethrough thickness (px). */\nexport const decorationThickness = (fontSizePx: number): number => Math.max(1, fontSizePx / 14);\n/** Underline distance below the baseline (the run's vShift is added by the caller). */\nexport const UNDERLINE_OFFSET_PX = 1.5;\n/** Strikethrough offset relative to the baseline (above it). */\nexport const strikeOffset = (fontSizePx: number): number => -0.28 * fontSizePx;\n\n/** The colour + decoration decision for a run, with link normalisation applied. */\nexport interface RunPaint {\n  color: string;\n  underline: boolean;\n  strike: boolean;\n  /** External (non-anchor) link \u2014 paints blue+underlined; the PDF also annotates it. */\n  externalLink: boolean;\n}\nexport function runPaint(style: CharStyle): RunPaint {\n  const anchor = style.link !== undefined && style.link.startsWith(\"#\");\n  const externalLink = style.link !== undefined && !anchor;\n  let color = style.color;\n  if (externalLink) color = EXTERNAL_LINK_COLOR;\n  else if (anchor && HYPERLINK_BLUES.has(style.color.toLowerCase())) color = ANCHOR_TEXT_COLOR;\n  return {\n    color,\n    underline: externalLink || (!!style.underline && !anchor),\n    strike: !!style.strikethrough,\n    externalLink,\n  };\n}\n\n// --- leaders (tab + TOC) ---------------------------------------------------\n/** Tab-leader dash pattern; [] = solid (underscore/none). */\nexport function leaderDash(kind: TabLeader): number[] {\n  return kind === \"dot\" ? [1, 3] : kind === \"dash\" ? [4, 3] : [];\n}\nexport const leaderWidth = (fontSizePx: number): number => Math.max(1, fontSizePx / 14);\nexport const TOC_LEADER_DASH: number[] = [1, 4];\n/** Gap (px) between an entry's text/number and its dot leader. */\nexport const TOC_LEADER_GAP_PX = 8;\n\n// --- footnote rule ---------------------------------------------------------\n/** The separator rule spans this fraction of the content width (Word style). */\nexport const FOOTNOTE_RULE_WIDTH_FRACTION = 1 / 3;\n\n// --- column separators -----------------------------------------------------\n/** Thin gray rule drawn between newspaper columns (w:cols/@w:sep). */\nexport const COLUMN_SEPARATOR_COLOR = \"#c0c4c9\";\n\n// --- page borders (w:pgBorders) --------------------------------------------\n/** Default offset (px) of a page border from the page edge / text when an edge\n *  omits w:space. ~24pt is Word's typical page-border offset. */\nconst PAGE_BORDER_DEFAULT_SPACE = 24;\n\n/** One stroked line segment of a page border, in page (px) coords. */\nexport interface PageBorderSegment {\n  x1: number;\n  y1: number;\n  x2: number;\n  y2: number;\n  widthPx: number;\n  color: string;\n  /** [] = solid. */\n  dash: number[];\n}\n\n/** Geometry of a page border box \u2192 the line segments to stroke. Shared so the\n *  canvas renderer and the PDF painter draw identical borders. \"double\" yields\n *  two parallel segments; \"none\"/absent edges are skipped. */\nexport function pageBorderSegments(\n  borders: PageBorders,\n  pageW: number,\n  pageH: number,\n  margin: { top: number; right: number; bottom: number; left: number },\n): PageBorderSegment[] {\n  const fromText = borders.offsetFrom === \"text\";\n  const sp = (e?: PageBorderEdge): number => e?.spacePx ?? PAGE_BORDER_DEFAULT_SPACE;\n  // Each edge's distance, then the box bounds (per-edge space; usually uniform).\n  const xL = fromText ? margin.left - sp(borders.left) : sp(borders.left);\n  const xR = fromText ? pageW - margin.right + sp(borders.right) : pageW - sp(borders.right);\n  const yT = fromText ? margin.top - sp(borders.top) : sp(borders.top);\n  const yB = fromText ? pageH - margin.bottom + sp(borders.bottom) : pageH - sp(borders.bottom);\n  const out: PageBorderSegment[] = [];\n  const push = (e: PageBorderEdge | undefined, x1: number, y1: number, x2: number, y2: number): void => {\n    if (!e || e.style === \"none\") return;\n    const w = e.style === \"thick\" ? Math.max(2, e.widthPx) : Math.max(0.5, e.widthPx);\n    const color = e.color === \"auto\" ? \"#000000\" : e.color;\n    const dash = e.style === \"dashed\" ? [w * 3, w * 2] : e.style === \"dotted\" ? [w, w * 1.5] : [];\n    out.push({ x1, y1, x2, y2, widthPx: w, color, dash });\n    if (e.style === \"double\") {\n      const g = w + 1; // inset the second line toward the box interior\n      const horizontal = y1 === y2;\n      if (horizontal) {\n        const dy = y1 < pageH / 2 ? g : -g;\n        out.push({ x1, y1: y1 + dy, x2, y2: y2 + dy, widthPx: w, color, dash: [] });\n      } else {\n        const dx = x1 < pageW / 2 ? g : -g;\n        out.push({ x1: x1 + dx, y1, x2: x2 + dx, y2, widthPx: w, color, dash: [] });\n      }\n    }\n  };\n  push(borders.top, xL, yT, xR, yT);\n  push(borders.bottom, xL, yB, xR, yB);\n  push(borders.left, xL, yT, xL, yB);\n  push(borders.right, xR, yT, xR, yB);\n  return out;\n}\n\n// --- cell borders ----------------------------------------------------------\n/** Hairlines clamp up so a thin rule stays visible. */\nexport const cellBorderWidth = (widthPx: number): number => Math.max(0.5, widthPx);\n/** Dash pattern for a cell edge of stroke width w; [] = solid. */\nexport function cellBorderDash(style: string | undefined, w: number): number[] {\n  return style === \"dashed\" ? [w * 3, w * 2] : style === \"dotted\" ? [w, w * 1.5] : [];\n}\n/** Offset of the inner stroke of a \"double\" border. */\nexport const doubleBorderGap = (w: number): number => w + 1;\n", "// Vertical font metrics (pretext measures widths; ascent/descent are ours).\n// One hidden canvas, results cached per font string.\n\nimport type { CharStyle } from \"@cw/shared\";\nimport { CLONE_METRICS, cloneFamilyFor, firstFamilyToken } from \"../fonts/clones\";\nimport { SUB_SUPER_SCALE } from \"../paint/paintStyle\";\n\nexport interface FontMetrics {\n  ascent: number;\n  descent: number;\n}\n\n/** The slice of CanvasRenderingContext2D the layout actually measures through.\n *  DOM-free hosts (the export worker, Node backends) inject their own via\n *  {@link setMeasureContext}; the browser falls back to a real canvas. */\nexport interface MeasureContext {\n  font: string;\n  measureText(text: string): {\n    width: number;\n    fontBoundingBoxAscent: number;\n    fontBoundingBoxDescent: number;\n  };\n}\n\nlet injectedCtx: MeasureContext | null = null;\nlet browserCtx: MeasureContext | null = null;\n\n/** Install a measurement context (export/Node hosts). Must be called before the\n *  engine measures any text. No-op for the browser, which uses a real canvas. */\nexport function setMeasureContext(ctx: MeasureContext): void {\n  injectedCtx = ctx;\n}\n\n// Lazily created so importing this module never touches the DOM \u2014 the engine can\n// run under Node once a context is injected (browser path stays byte-identical).\nfunction measureContext(): MeasureContext {\n  if (injectedCtx) return injectedCtx;\n  if (!browserCtx) {\n    browserCtx = document.createElement(\"canvas\").getContext(\"2d\")! as unknown as MeasureContext;\n  }\n  return browserCtx;\n}\n\nconst metricsCache = new Map<string, FontMetrics>();\n\nexport function charStyleToFont(s: CharStyle): string {\n  const italic = s.italic ? \"italic \" : \"\";\n  const weight = s.bold ? \"700\" : \"400\";\n  // Sub/superscript runs are MEASURED at the scaled size (paint shifts the\n  // baseline) \u2014 pretext must measure exactly what paint draws.\n  const size = s.verticalAlign ? Math.round(s.fontSizePx * SUB_SUPER_SCALE) : s.fontSizePx;\n  // Render & measure with the bundled metric clone (e.g. Calibri -> Carlito), so\n  // the editor, the browser export, and the Node backend all lay out identically\n  // \u2014 no dependency on system fonts. The model keeps the original family.\n  const family = cloneFamilyFor(firstFamilyToken(s.fontFamily)).clone;\n  return `${italic}${weight} ${size}px ${family}`;\n}\n\n/** One-off text width at a font \u2014 LAYOUT-time only (paint never measures).\n *  Used for paint-only decorations the engine positions (TOC page numbers). */\nexport function measureTextWidth(text: string, font: string): number {\n  const ctx = measureContext();\n  ctx.font = font;\n  return ctx.measureText(text).width;\n}\n\n// Vertical metrics come from baked per-clone ratios (NOT the canvas/fontkit\n// context), so the editor and the exporters compute identical line heights and\n// therefore identical pagination on every platform. charStyleToFont already\n// emits the clone family, so the last token of the font string is it.\nexport function fontMetrics(font: string): FontMetrics {\n  let m = metricsCache.get(font);\n  if (!m) {\n    const sizeMatch = /(\\d+(?:\\.\\d+)?)px/.exec(font);\n    const size = sizeMatch ? parseFloat(sizeMatch[1]!) : 16;\n    const family = font.slice(font.indexOf(\"px \") + 3).trim();\n    const r = CLONE_METRICS[cloneFamilyFor(family).clone] ?? { ascent: 0.9, descent: 0.25 };\n    m = { ascent: Math.round(r.ascent * size), descent: Math.round(r.descent * size) };\n    metricsCache.set(font, m);\n  }\n  return m;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist-node/{engine-FRCX7PXF.js → engine-5F7DUU4W.js}

@@ -8,13 +8,13 @@ import {
   createLayoutEngine,
   effectiveSection,
   resolveSections
-} from "./chunk-IJLL6IFJ.js";
-import "./chunk-XDUDPPJW.js";
-import "./chunk-4ICCHZX4.js";
+} from "./chunk-T3253N22.js";
+import "./chunk-PIMVQULL.js";
+import "./chunk-U27EBKBG.js";
 import "./chunk-XSRSBST2.js";
 export {
   createLayoutEngine,
   effectiveSection,
   resolveSections
 };
-//# sourceMappingURL=engine-FRCX7PXF.js.map
+//# sourceMappingURL=engine-5F7DUU4W.js.map

package/dist-node/export.js

@@ -16,7 +16,7 @@ import {
   require_unicode_trie,
   resolveFont,
   tslib_es6_exports
-} from "./chunk-BRAPV465.js";
+} from "./chunk-SA26UVIJ.js";
 import {
   WML_NS,
   XML_DECL,
@@ -30,25 +30,28 @@ import {
   pxToEmu,
   pxToTwips,
   runPropsXml,
+  tableStyleXml,
   textEl
-} from "./chunk-4PDVRJF6.js";
+} from "./chunk-EMY2P524.js";
 import {
   pageOfBlockMap
-} from "./chunk-TBSXA2I4.js";
+} from "./chunk-EGSAVPCC.js";
 import {
   strToU8,
   zipSync
 } from "./chunk-5PUCGN47.js";
 import {
   createLayoutEngine
-} from "./chunk-IJLL6IFJ.js";
+} from "./chunk-T3253N22.js";
 import {
   detectTocHeadings,
   inRange,
   parseTocInstruction,
+  styleType,
   textOfRuns
-} from "./chunk-XDUDPPJW.js";
+} from "./chunk-PIMVQULL.js";
 import {
+  COLUMN_SEPARATOR_COLOR,
   DEFAULT_GRID_COLOR,
   FOOTNOTE_RULE_COLOR,
   FOOTNOTE_RULE_WIDTH_FRACTION,
@@ -65,10 +68,11 @@ import {
   leaderDash,
   leaderWidth,
   normalizeLinkBlue,
+  pageBorderSegments,
   runPaint,
   strikeOffset,
   verticalShift
-} from "./chunk-4ICCHZX4.js";
+} from "./chunk-U27EBKBG.js";
 import {
   __commonJS,
   __require,
@@ -24545,7 +24549,7 @@ function toBuffer(bytes) {
 var PT = 72 / 96;
 async function renderPdf(doc, opts = {}) {
   await installMeasureHost();
-  const { createLayoutEngine: createLayoutEngine2 } = await import("./engine-FRCX7PXF.js");
+  const { createLayoutEngine: createLayoutEngine2 } = await import("./engine-5F7DUU4W.js");
   const tree = createLayoutEngine2().layout(doc);
   const warnings = new WarningSink();
   const images = opts.images ?? {};
@@ -24600,8 +24604,23 @@ async function renderPdf(doc, opts = {}) {
     }
     pdf.save();
     pdf.scale(PT);
-    pdf.rect(0, 0, page.widthPx, page.heightPx).fill("#ffffff");
+    pdf.rect(0, 0, page.widthPx, page.heightPx).fill(page.pageColorHex ?? "#ffffff");
+    if (page.pageBorders) {
+      for (const s of pageBorderSegments(page.pageBorders, page.widthPx, page.heightPx, page.marginPx)) {
+        pdf.lineWidth(s.widthPx).strokeColor(s.color);
+        if (s.dash.length) pdf.dash(s.dash[0], { space: s.dash[1] ?? s.dash[0] });
+        else pdf.undash();
+        pdf.moveTo(s.x1, s.y1).lineTo(s.x2, s.y2).stroke();
+      }
+      pdf.undash();
+    }
     for (const block of page.blocks) paintBlock(ctx, block);
+    if (page.columnSeparatorsX) {
+      pdf.undash().lineWidth(1).strokeColor(COLUMN_SEPARATOR_COLOR);
+      for (const x of page.columnSeparatorsX) {
+        pdf.moveTo(x + 0.5, page.contentTopPx).lineTo(x + 0.5, page.contentBottomPx).stroke();
+      }
+    }
     if (page.footnoteRuleY !== void 0) {
       const cw = page.widthPx - page.marginPx.left - page.marginPx.right;
       pdf.undash().lineWidth(1).strokeColor(FOOTNOTE_RULE_COLOR);
@@ -24751,9 +24770,33 @@ function runsXml(runs, ctx) {
     const sdtId = runs[i].style.sdtId;
     if (sdtId) {
       let j = i;
-      let inner = "";
-      while (j < runs.length && runs[j].style.sdtId === sdtId) inner += singleRun(runs[j++], ctx);
-      out += el("w:sdt", void 0, sdtPrXml(ctx.sdts[sdtId]) + el("w:sdtContent", void 0, inner));
+      const seg = [];
+      while (j < runs.length && runs[j].style.sdtId === sdtId) seg.push(runs[j++]);
+      out += el("w:sdt", void 0, sdtPrXml(ctx.sdts[sdtId]) + el("w:sdtContent", void 0, fieldRunsXml(seg, ctx)));
+      i = j;
+    } else {
+      let j = i;
+      const seg = [];
+      while (j < runs.length && !runs[j].style.sdtId) seg.push(runs[j++]);
+      out += fieldRunsXml(seg, ctx);
+      i = j;
+    }
+  }
+  return out;
+}
+function fieldRunsXml(runs, ctx) {
+  let out = "";
+  let i = 0;
+  while (i < runs.length) {
+    const fid = runs[i].style.fieldId;
+    const def = fid ? ctx.fields?.[fid] : void 0;
+    if (fid && def && def.kind === "builtin") {
+      let j = i;
+      const seg = [];
+      while (j < runs.length && runs[j].style.fieldId === fid) seg.push(runs[j++]);
+      const isToken = def.spec?.type === "PAGE" || def.spec?.type === "NUMPAGES";
+      const result = seg.map((r) => el("w:r", void 0, runPropsXml(r.style) + (isToken ? "" : runContent(r.text)))).join("");
+      out += fldRun("begin") + instrRun(def.instruction) + fldRun("separate") + result + fldRun("end");
       i = j;
     } else {
       out += singleRun(runs[i], ctx);
@@ -24820,10 +24863,24 @@ function paragraphXml(p, ctx) {
   const flush = (upto) => {
     while (mi < sorted.length && sorted[mi].offset <= upto) body += bookmarkEl(sorted[mi++]);
   };
-  for (const run of runs) {
+  let ri = 0;
+  while (ri < runs.length) {
     flush(cum);
-    body += singleRun(run, ctx);
-    cum += run.text.length;
+    const fid = runs[ri].style.fieldId;
+    const def = fid ? ctx.fields?.[fid] : void 0;
+    if (fid && def && def.kind === "builtin") {
+      const seg = [];
+      while (ri < runs.length && runs[ri].style.fieldId === fid) {
+        seg.push(runs[ri]);
+        cum += runs[ri].text.length;
+        ri++;
+      }
+      body += fieldRunsXml(seg, ctx);
+    } else {
+      body += singleRun(runs[ri], ctx);
+      cum += runs[ri].text.length;
+      ri++;
+    }
   }
   flush(cum);
   while (mi < sorted.length) body += bookmarkEl(sorted[mi++]);
@@ -24906,13 +24963,25 @@ function tableXml(table, ctx) {
     col = emitContinues(col, out);
     rowsXml.push(el("w:tr", void 0, out.join("")));
   }
+  const styleRef = table.styleId ? el("w:tblStyle", { "w:val": table.styleId }) : "";
+  const look = table.styleId && table.condOverrides ? tblLookXml(table.condOverrides) : "";
   const tblPr = el(
     "w:tblPr",
     void 0,
-    el("w:tblW", { "w:w": 0, "w:type": "auto" }) + el("w:tblLayout", { "w:type": "fixed" })
+    styleRef + el("w:tblW", { "w:w": 0, "w:type": "auto" }) + el("w:tblLayout", { "w:type": "fixed" }) + look
   );
   return el("w:tbl", void 0, tblPr + el("w:tblGrid", void 0, grid) + rowsXml.join(""));
 }
+function tblLookXml(o) {
+  return el("w:tblLook", {
+    "w:firstRow": o.firstRow ? "1" : "0",
+    "w:lastRow": o.lastRow ? "1" : "0",
+    "w:firstColumn": o.firstCol ? "1" : "0",
+    "w:lastColumn": o.lastCol ? "1" : "0",
+    "w:noHBand": o.bandRows ? "0" : "1",
+    "w:noVBand": o.bandCols ? "0" : "1"
+  });
+}
 function blockXml(block, ctx) {
   if (block.kind === "paragraph") return paragraphXml(block, ctx);
   if (block.kind === "table") return tableXml(block, ctx);
@@ -24984,38 +25053,75 @@ function imageParagraphXml(img, ctx) {
   const relId = ctx.rels.add(REL.image, target);
   const cx = pxToEmu(img.widthPx);
   const cy = pxToEmu(img.heightPx);
-  const drawing = el(
-    "w:drawing",
+  const graphic = el(
+    "a:graphic",
     void 0,
     el(
-      "wp:inline",
-      { distT: 0, distB: 0, distL: 0, distR: 0 },
-      el("wp:extent", { cx, cy }) + el("wp:docPr", { id: ctx.nextId(), name: "image" }) + el(
-        "a:graphic",
+      "a:graphicData",
+      { uri: "http://schemas.openxmlformats.org/drawingml/2006/picture" },
+      el(
+        "pic:pic",
         void 0,
         el(
-          "a:graphicData",
-          { uri: "http://schemas.openxmlformats.org/drawingml/2006/picture" },
-          el(
-            "pic:pic",
-            void 0,
-            el(
-              "pic:nvPicPr",
-              void 0,
-              el("pic:cNvPr", { id: 0, name: "image" }) + el("pic:cNvPicPr")
-            ) + el("pic:blipFill", void 0, el("a:blip", { "r:embed": relId }) + el("a:stretch", void 0, el("a:fillRect"))) + el(
-              "pic:spPr",
-              void 0,
-              el("a:xfrm", void 0, el("a:off", { x: 0, y: 0 }) + el("a:ext", { cx, cy })) + el("a:prstGeom", { prst: "rect" }, el("a:avLst"))
-            )
-          )
+          "pic:nvPicPr",
+          void 0,
+          el("pic:cNvPr", { id: 0, name: "image" }) + el("pic:cNvPicPr")
+        ) + el("pic:blipFill", void 0, el("a:blip", { "r:embed": relId }) + el("a:stretch", void 0, el("a:fillRect"))) + el(
+          "pic:spPr",
+          void 0,
+          el("a:xfrm", void 0, el("a:off", { x: 0, y: 0 }) + el("a:ext", { cx, cy })) + el("a:prstGeom", { prst: "rect" }, el("a:avLst"))
         )
       )
     )
   );
+  if (img.anchor) {
+    const a = img.anchor;
+    const anchor = el(
+      "wp:anchor",
+      {
+        distT: 0,
+        distB: 0,
+        distL: 0,
+        distR: 0,
+        simplePos: 0,
+        // relativeHeight is an unsigned int in OOXML; clamp the (possibly
+        // negative, from repeated "send to back") z into the valid range.
+        relativeHeight: Math.max(0, Math.round(a.z ?? 0)),
+        behindDoc: a.behind ? 1 : 0,
+        locked: 0,
+        layoutInCell: 1,
+        allowOverlap: 1
+      },
+      el("wp:simplePos", { x: 0, y: 0 }) + el("wp:positionH", { relativeFrom: a.relFromH }, el("wp:posOffset", void 0, String(pxToEmu(a.offsetXPx)))) + el("wp:positionV", { relativeFrom: a.relFromV }, el("wp:posOffset", void 0, String(pxToEmu(a.offsetYPx)))) + el("wp:extent", { cx, cy }) + el("wp:wrapNone") + el("wp:docPr", { id: ctx.nextId(), name: "image" }) + graphic
+    );
+    return el("w:p", void 0, el("w:r", void 0, el("w:drawing", void 0, anchor)));
+  }
+  const drawing = el(
+    "w:drawing",
+    void 0,
+    el(
+      "wp:inline",
+      { distT: 0, distB: 0, distL: 0, distR: 0 },
+      el("wp:extent", { cx, cy }) + el("wp:docPr", { id: ctx.nextId(), name: "image" }) + graphic
+    )
+  );
   const align = img.align === "center" ? "center" : img.align === "right" ? "right" : "left";
   return el("w:p", void 0, el("w:pPr", void 0, el("w:jc", { "w:val": align })) + el("w:r", void 0, drawing));
 }
+function pgBordersXml(b) {
+  const edge = (name, e) => {
+    if (!e || e.style === "none") return "";
+    const spacePt = Math.min(31, Math.max(0, Math.round((e.spacePx ?? 0) * (72 / 96))));
+    return el("w:" + name, {
+      "w:val": e.style,
+      "w:sz": pxToEighthPoints(e.widthPx),
+      "w:space": spacePt,
+      "w:color": e.color === "auto" ? "auto" : hexColor(e.color)
+    });
+  };
+  const inner = edge("top", b.top) + edge("left", b.left) + edge("bottom", b.bottom) + edge("right", b.right);
+  return el("w:pgBorders", { "w:offsetFrom": b.offsetFrom ?? "page" }, inner);
+}
 function sectPrXml(s, ctx, addBand, isBody) {
   const c = [];
   const band = (blocks, kind, type) => {
@@ -25031,7 +25137,12 @@ function sectPrXml(s, ctx, addBand, isBody) {
   band(s.footerEven, "footer", "even");
   if (s.headerFirst || s.footerFirst) c.push(el("w:titlePg"));
   if (s.pageWidthPx !== void 0 && s.pageHeightPx !== void 0) {
-    c.push(el("w:pgSz", { "w:w": pxToTwips(s.pageWidthPx), "w:h": pxToTwips(s.pageHeightPx) }));
+    const pgSz = {
+      "w:w": pxToTwips(s.pageWidthPx),
+      "w:h": pxToTwips(s.pageHeightPx)
+    };
+    if (s.pageWidthPx > s.pageHeightPx) pgSz["w:orient"] = "landscape";
+    c.push(el("w:pgSz", pgSz));
   }
   if (s.marginPx) {
     const m = s.marginPx;
@@ -25040,13 +25151,23 @@ function sectPrXml(s, ctx, addBand, isBody) {
       "w:right": pxToTwips(m.right),
       "w:bottom": pxToTwips(m.bottom),
       "w:left": pxToTwips(m.left),
-      "w:header": 720,
-      "w:footer": 720
+      "w:header": s.headerDistancePx !== void 0 ? pxToTwips(s.headerDistancePx) : 720,
+      "w:footer": s.footerDistancePx !== void 0 ? pxToTwips(s.footerDistancePx) : 720
     }));
   }
   if (s.columns && s.columns.count > 1) {
-    c.push(el("w:cols", { "w:num": s.columns.count, "w:space": pxToTwips(s.columns.gapPx) }));
+    const cols = s.columns;
+    const attrs = { "w:num": cols.count, "w:space": pxToTwips(cols.gapPx) };
+    if (cols.sep) attrs["w:sep"] = "1";
+    if (cols.cols && cols.cols.length === cols.count) {
+      attrs["w:equalWidth"] = "0";
+      const inner = cols.cols.map((col) => el("w:col", { "w:w": pxToTwips(col.widthPx), "w:space": pxToTwips(col.spaceAfterPx) })).join("");
+      c.push(el("w:cols", attrs, inner));
+    } else {
+      c.push(el("w:cols", attrs));
+    }
   }
+  if (s.pageBorders) c.push(pgBordersXml(s.pageBorders));
   if (s.pageNumberStart !== void 0) c.push(el("w:pgNumType", { "w:start": s.pageNumberStart }));
   if (!isBody) c.push(el("w:type", { "w:val": "nextPage" }));
   return el("w:sectPr", void 0, c.join(""));
@@ -25071,7 +25192,8 @@ function buildDocumentXml(blocks, section, ctx, addBand) {
     }
   }
   const body = parts.join("") + sectPrXml(section, ctx, addBand, true);
-  return XML_DECL + el("w:document", WML_NS, el("w:body", void 0, body));
+  const background = section.pageColorHex !== void 0 ? el("w:background", { "w:color": hexColor(section.pageColorHex) }) : "";
+  return XML_DECL + el("w:document", WML_NS, background + el("w:body", void 0, body));
 }
 
 // src/export/docx/contentTypes.ts
@@ -25179,20 +25301,22 @@ function numberingXml(lists, listIdMap) {
 }
 
 // src/export/docx/settingsXml.ts
-function settingsXml(evenAndOdd) {
-  const body = evenAndOdd ? el("w:evenAndOddHeadersAndFooters") : "";
+function settingsXml(evenAndOdd, displayBackgroundShape = false) {
+  const body = (displayBackgroundShape ? el("w:displayBackgroundShape") : "") + (evenAndOdd ? el("w:evenAndOddHeadersAndFooters") : "");
   return XML_DECL + el("w:settings", WML_NS, body);
 }
 
 // src/export/docx/stylesXml.ts
-function stylesXml(sheet) {
-  const styles = sheet.styles.map((s) => {
-    const attrs = { "w:type": "paragraph", "w:styleId": s.id };
-    if (s.id === sheet.defaultStyleId) attrs["w:default"] = "1";
-    const body = el("w:name", { "w:val": s.name }) + (s.basedOn ? el("w:basedOn", { "w:val": s.basedOn }) : "") + partialPPrXml(s.para) + partialRPrXml(s.char);
+function stylesXml(sheet, tableStyles) {
+  const named = (sheet?.styles ?? []).map((s) => {
+    const isChar = styleType(s) === "character";
+    const attrs = { "w:type": isChar ? "character" : "paragraph", "w:styleId": s.id };
+    if (!isChar && sheet && s.id === sheet.defaultStyleId) attrs["w:default"] = "1";
+    const body = el("w:name", { "w:val": s.name }) + (s.basedOn ? el("w:basedOn", { "w:val": s.basedOn }) : "") + (isChar ? "" : partialPPrXml(s.para)) + partialRPrXml(s.char);
     return el("w:style", attrs, body);
   }).join("");
-  return XML_DECL + el("w:styles", WML_NS, styles);
+  const tables = Object.values(tableStyles ?? {}).map(tableStyleXml).join("");
+  return XML_DECL + el("w:styles", WML_NS, named + tables);
 }
 
 // src/export/docx/writeDocx.ts
@@ -25282,8 +25406,10 @@ function writeDocx(doc, images = {}, tocPages) {
     return bodyRels.add(kind === "header" ? REL.header : REL.footer, file);
   };
   parts["word/document.xml"] = buildDocumentXml(doc.blocks, doc.section, bodyCtx, addBand);
-  if (doc.stylesheet && doc.stylesheet.styles.length > 0) {
-    parts["word/styles.xml"] = stylesXml(doc.stylesheet);
+  const hasNamed = !!doc.stylesheet && doc.stylesheet.styles.length > 0;
+  const hasTableStyles = !!doc.tableStyles && Object.keys(doc.tableStyles).length > 0;
+  if (hasNamed || hasTableStyles) {
+    parts["word/styles.xml"] = stylesXml(doc.stylesheet, doc.tableStyles);
     overrides.push(["/word/styles.xml", CT.styles]);
     bodyRels.add(REL.styles, "styles.xml");
   }
@@ -25298,7 +25424,7 @@ function writeDocx(doc, images = {}, tocPages) {
     bodyRels.add(REL.footnotes, "footnotes.xml");
   }
   const evenAndOdd = sectionsHaveEvenBands(doc);
-  parts["word/settings.xml"] = settingsXml(evenAndOdd);
+  parts["word/settings.xml"] = settingsXml(evenAndOdd, doc.section.pageColorHex !== void 0);
   overrides.push(["/word/settings.xml", CT.settings]);
   bodyRels.add(REL.settings, "settings.xml");
   for (const [path, bytes2] of bodyMedia.parts()) parts[`word/${path}`] = bytes2;