@beyondwork/docx-react-component 1.0.102 → 1.0.104

package/src/io/ooxml/parse-object.ts

@@ -18,7 +18,7 @@
  *   responsibility post-v2.0; this module emits only data.
  */
 
-import type { OleEmbedNode } from "../../model/canonical-document.ts";
+import type { OleEmbedNode, Mutable } from "../../model/canonical-document.ts";
 import type { OpcRelationship } from "./part-manifest.ts";
 import type { XmlElementNode } from "./xml-element.ts";
 import { resolveOleRelationship } from "./parse-ole-relationship.ts";
@@ -93,13 +93,13 @@ export function parseObject(
 
   const metadata: OleEmbedNode["metadata"] = {};
   if (resolved.originalFilename) {
-    metadata.originalFilename = resolved.originalFilename;
+    (metadata as Mutable<typeof metadata>).originalFilename = resolved.originalFilename;
   }
   if (classId) {
-    metadata.classId = classId;
+    (metadata as Mutable<typeof metadata>).classId = classId;
   }
   if (shapeId) {
-    metadata.shapeId = shapeId;
+    (metadata as Mutable<typeof metadata>).shapeId = shapeId;
   }
 
   const id =
@@ -107,7 +107,7 @@ export function parseObject(
       ? `ole-embed-${resolved.relationshipId}-${occurrenceIndex}`
       : `ole-embed-${resolved.relationshipId}`;
 
-  const result: OleEmbedNode = {
+  const result: Mutable<OleEmbedNode> = {
     type: "ole_embed",
     id,
     embedType: "oleObject",
@@ -116,7 +116,7 @@ export function parseObject(
     rawXml,
   };
   if (progId) {
-    result.progId = progId;
+    (result as Mutable<typeof result>).progId = progId;
   }
   return result;
 }

package/src/io/ooxml/parse-paragraph-formatting.ts

@@ -14,6 +14,7 @@ import type {
   ParagraphShading,
   ParagraphSpacing,
   TabStop,
+  Mutable,
 } from "../../model/canonical-document.ts";
 import { readRunProperties } from "./parse-run-formatting.ts";
 import { findChildOptional, localName, readIntAttr, readIntVal, readOnOff } from "./xml-attr-helpers.ts";
@@ -87,31 +88,31 @@ const PPR_GRAB_BAG_DESCRIPTOR: PropertyGrabBagDescriptor = {
 };
 
 function readSpacing(node: XmlElementNode): ParagraphSpacing | undefined {
-  const out: ParagraphSpacing = {};
+  const out: Mutable<ParagraphSpacing> = {};
   const before = readIntAttr(node, "w:before");
   const after = readIntAttr(node, "w:after");
   const line = readIntAttr(node, "w:line");
   const rule = node.attributes["w:lineRule"] ?? node.attributes.lineRule;
-  if (before !== undefined) out.before = before;
-  if (after !== undefined) out.after = after;
+  if (before !== undefined) (out as Mutable<typeof out>).before = before;
+  if (after !== undefined) (out as Mutable<typeof out>).after = after;
   if (line !== undefined) out.line = line;
   if (rule) {
     const n = rule.toLowerCase();
-    if (n === "auto" || n === "exact") out.lineRule = n;
+    if (n === "auto" || n === "exact") (out as Mutable<typeof out>).lineRule = n;
     else if (n === "atleast") out.lineRule = "atLeast";
   }
   return Object.keys(out).length > 0 ? out : undefined;
 }
 
 function readIndent(node: XmlElementNode): ParagraphIndentation | undefined {
-  const out: ParagraphIndentation = {};
+  const out: Mutable<ParagraphIndentation> = {};
   const left = readIntAttr(node, "w:left") ?? readIntAttr(node, "w:start");
   const right = readIntAttr(node, "w:right") ?? readIntAttr(node, "w:end");
   const firstLine = readIntAttr(node, "w:firstLine");
   const hanging = readIntAttr(node, "w:hanging");
-  if (left !== undefined) out.left = left;
-  if (right !== undefined) out.right = right;
-  if (firstLine !== undefined) out.firstLine = firstLine;
+  if (left !== undefined) (out as Mutable<typeof out>).left = left;
+  if (right !== undefined) (out as Mutable<typeof out>).right = right;
+  if (firstLine !== undefined) (out as Mutable<typeof out>).firstLine = firstLine;
   if (hanging !== undefined) out.hanging = hanging;
   return Object.keys(out).length > 0 ? out : undefined;
 }
@@ -138,7 +139,7 @@ function readTabStops(node: XmlElementNode): TabStop[] | undefined {
 }
 
 function readBorders(node: XmlElementNode): ParagraphBorders | undefined {
-  const out: ParagraphBorders = {};
+  const out: Mutable<ParagraphBorders> = {};
   const sides = ["top", "bottom", "left", "right", "between", "bar"] as const;
   for (const side of sides) {
     const child = findChildOptional(node, side);
@@ -205,7 +206,7 @@ function readShading(node: XmlElementNode): ParagraphShading | undefined {
  * text frames, drop-caps); extension attrs are rare in that corpus.
  */
 export function readFrameProperties(node: XmlElementNode): FrameProperties | undefined {
-  const out: FrameProperties = {};
+  const out: Mutable<FrameProperties> = {};
   const width = readIntAttr(node, "w:w");
   if (width !== undefined) out.widthTwips = width;
   const height = readIntAttr(node, "w:h");
@@ -268,7 +269,7 @@ export function readParagraphProperties(
 ): CanonicalParagraphFormatting | undefined {
   if (!node) return undefined;
 
-  const out: CanonicalParagraphFormatting = {};
+  const out: Mutable<CanonicalParagraphFormatting> = {};
 
   const spacingNode = findChildOptional(node, "spacing");
   if (spacingNode) {

package/src/io/ooxml/parse-picture.ts

@@ -1,4 +1,4 @@
-import type { PictureContent } from "../../model/canonical-document.ts";
+import type { PictureContent, Mutable } from "../../model/canonical-document.ts";
 import {
   type XmlElementNode,
   findFirstChild,
@@ -100,21 +100,21 @@ export function parsePicture(graphicDataEl: XmlElementNode): PictureContent | nu
   const glowEl = effectLst ? findFirstChild(effectLst, "glow") : undefined;
   const glow = glowEl ? parseGlow(glowEl) : undefined;
 
-  const result: PictureContent = { type: "picture", blipRef };
-  if (isLinked) result.isLinked = true;
+  const result: Mutable<PictureContent> = { type: "picture", blipRef };
+  if (isLinked) (result as Mutable<typeof result>).isLinked = true;
   if (lum && (lum.bright !== undefined || lum.contrast !== undefined)) {
-    result.lum = lum;
+    (result as Mutable<typeof result>).lum = lum;
   }
-  if (srcRect) result.srcRect = srcRect;
-  if (stretch !== undefined) result.stretch = stretch;
+  if (srcRect) (result as Mutable<typeof result>).srcRect = srcRect;
+  if (stretch !== undefined) (result as Mutable<typeof result>).stretch = stretch;
   if (tile !== undefined) result.tile = tile;
-  if (rotation !== undefined) result.rotation = rotation;
-  if (flipH !== undefined) result.flipH = flipH;
-  if (flipV !== undefined) result.flipV = flipV;
-  if (presetGeom) result.presetGeom = presetGeom;
-  if (softEdgeRadius !== undefined) result.softEdgeRadius = softEdgeRadius;
-  if (outerShadow) result.outerShadow = outerShadow;
-  if (glow) result.glow = glow;
+  if (rotation !== undefined) (result as Mutable<typeof result>).rotation = rotation;
+  if (flipH !== undefined) (result as Mutable<typeof result>).flipH = flipH;
+  if (flipV !== undefined) (result as Mutable<typeof result>).flipV = flipV;
+  if (presetGeom) (result as Mutable<typeof result>).presetGeom = presetGeom;
+  if (softEdgeRadius !== undefined) (result as Mutable<typeof result>).softEdgeRadius = softEdgeRadius;
+  if (outerShadow) (result as Mutable<typeof result>).outerShadow = outerShadow;
+  if (glow) (result as Mutable<typeof result>).glow = glow;
   return result;
 }
 
@@ -172,13 +172,13 @@ function readTileAttrs(
     const v = tileEl.attributes[key];
     if (v !== undefined) {
       const n = parseInt(v, 10);
-      if (Number.isFinite(n)) result[key] = n;
+      if (Number.isFinite(n)) (result as Mutable<typeof result>)[key] = n;
     }
   }
   const flip = tileEl.attributes.flip;
-  if (flip === "x" || flip === "y" || flip === "xy") result.flip = flip;
+  if (flip === "x" || flip === "y" || flip === "xy") (result as Mutable<typeof result>).flip = flip;
   const algn = tileEl.attributes.algn;
-  if (algn) result.algn = algn;
+  if (algn) (result as Mutable<typeof result>).algn = algn;
   return Object.keys(result).length > 0 ? result : {};
 }
 

package/src/io/ooxml/parse-run-formatting.ts

@@ -1,6 +1,7 @@
 import type {
   CanonicalRunFormatting,
   ThemeFontSlot,
+  Mutable,
 } from "../../model/canonical-document.ts";
 import { findChildOptional, readIntVal, readOnOff, readStringAttr } from "./xml-attr-helpers.ts";
 import type { XmlElementNode } from "./xml-element.ts";
@@ -58,7 +59,7 @@ export function readRunProperties(
 ): CanonicalRunFormatting | undefined {
   if (!node) return undefined;
 
-  const rPr: CanonicalRunFormatting = {};
+  const rPr: Mutable<CanonicalRunFormatting> = {};
 
   const bold = readOnOff(findChildOptional(node, "b"));
   if (bold !== undefined) rPr.bold = bold;
@@ -121,9 +122,9 @@ export function readRunProperties(
     const hAnsi = rFonts.attributes["w:hAnsi"] ?? rFonts.attributes.hAnsi;
     const eastAsia = rFonts.attributes["w:eastAsia"] ?? rFonts.attributes.eastAsia;
     const cs = rFonts.attributes["w:cs"] ?? rFonts.attributes.cs;
-    if (ascii) rPr.fontFamilyAscii = ascii;
-    if (hAnsi) rPr.fontFamilyHAnsi = hAnsi;
-    if (eastAsia) rPr.fontFamilyEastAsia = eastAsia;
+    if (ascii) (rPr as Mutable<typeof rPr>).fontFamilyAscii = ascii;
+    if (hAnsi) (rPr as Mutable<typeof rPr>).fontFamilyHAnsi = hAnsi;
+    if (eastAsia) (rPr as Mutable<typeof rPr>).fontFamilyEastAsia = eastAsia;
     if (cs) rPr.fontFamilyCs = cs;
     const primary = ascii ?? hAnsi ?? eastAsia ?? cs;
     if (primary) rPr.fontFamily = primary;
@@ -150,9 +151,9 @@ export function readRunProperties(
         rFonts.attributes["w:csTheme"] ??
         rFonts.attributes.csTheme,
     );
-    if (asciiTheme) rPr.asciiTheme = asciiTheme;
-    if (hAnsiTheme) rPr.hAnsiTheme = hAnsiTheme;
-    if (eastAsiaTheme) rPr.eastAsiaTheme = eastAsiaTheme;
+    if (asciiTheme) (rPr as Mutable<typeof rPr>).asciiTheme = asciiTheme;
+    if (hAnsiTheme) (rPr as Mutable<typeof rPr>).hAnsiTheme = hAnsiTheme;
+    if (eastAsiaTheme) (rPr as Mutable<typeof rPr>).eastAsiaTheme = eastAsiaTheme;
     if (csTheme) rPr.csTheme = csTheme;
   }
 
@@ -171,9 +172,9 @@ export function readRunProperties(
       color.attributes["w:themeTint"] ?? color.attributes["themeTint"];
     const shade =
       color.attributes["w:themeShade"] ?? color.attributes["themeShade"];
-    if (val) rPr.colorHex = val;
-    if (theme) rPr.colorThemeSlot = theme;
-    if (tint) rPr.colorThemeTint = tint;
+    if (val) (rPr as Mutable<typeof rPr>).colorHex = val;
+    if (theme) (rPr as Mutable<typeof rPr>).colorThemeSlot = theme;
+    if (tint) (rPr as Mutable<typeof rPr>).colorThemeTint = tint;
     if (shade) rPr.colorThemeShade = shade;
   }
 

package/src/io/ooxml/parse-settings.ts

@@ -5,6 +5,7 @@ import type {
   DocumentSettings,
   FootnoteProperties,
   ThemeColorSlot,
+  Mutable,
 } from "../../model/canonical-document.ts";
 import { parseXml } from "./xml-parser.ts";
 import { localName } from "./xml-attr-helpers.ts";
@@ -160,7 +161,7 @@ function readFootnoteLikeProperties(
 ): FootnoteProperties | undefined {
   if (!element) return undefined;
 
-  const result: FootnoteProperties = {};
+  const result: Mutable<FootnoteProperties> = {};
   for (const child of element.children) {
     if (child.type !== "element") continue;
     const name = localName(child.name);

package/src/io/ooxml/parse-shapes.ts

@@ -14,6 +14,8 @@ import type {
   BlockNode,
   ShapeContent,
   TextBoxBodyProperties,
+  Mutable,
+  PreserveOnlyObjectSizing,
 } from "../../model/canonical-document.ts";
 import { parseFill } from "./parse-fill.ts";
 import {
@@ -46,11 +48,12 @@ export interface ParsedWpsShape {
    * shape-textbox paragraphs). Same shape + semantics as
    * `ShapeContent.txbxBlocks` on the drawing-frame path.
    */
-  txbxBlocks?: ReadonlyArray<BlockNode>;
+  txbxBlocks?: BlockNode[];
   /** DrawML geometry preset, e.g. "rect", "roundRect". */
   geometry?: string;
   /** Original drawing XML for lossless round-trip export. */
   rawXml: string;
+  preserveOnlyObject?: PreserveOnlyObjectSizing;
 }
 
 export interface ParsedWordArt {
@@ -61,6 +64,7 @@ export interface ParsedWordArt {
   geometry?: string;
   /** Original drawing XML for lossless round-trip export. */
   rawXml: string;
+  preserveOnlyObject?: PreserveOnlyObjectSizing;
 }
 
 export interface ParsedVmlShape {
@@ -71,6 +75,7 @@ export interface ParsedVmlShape {
   text?: string;
   /** Original w:pict XML for lossless round-trip export. */
   rawXml: string;
+  preserveOnlyObject?: PreserveOnlyObjectSizing;
 }
 
 export type ParsedShape = ParsedWpsShape | ParsedWordArt | ParsedVmlShape;
@@ -112,6 +117,11 @@ export function parseShapeXml(
       text: text ?? "",
       ...(prst ? { geometry: prst } : {}),
       rawXml: drawingXml,
+      preserveOnlyObject: createDrawingPreserveOnlyObject(
+        drawingXml,
+        "wordart",
+        collectRelationshipIds(root),
+      ),
     };
   }
 
@@ -129,7 +139,7 @@ export function parseShapeXml(
   // content (CCEP "Copyright CCEP STRICTLY CONFIDENTIAL" footer band)
   // is reachable only via the `.text` summary string — L03 cascade +
   // L11 render can't walk runs/marks.
-  let txbxBlocks: ReadonlyArray<BlockNode> | undefined;
+  let txbxBlocks: BlockNode[] | undefined;
   if (txbxContentXml && blockParser) {
     try {
       // The `blockParser` callback is supplied by parse-main-document.ts
@@ -142,7 +152,7 @@ export function parseShapeXml(
       // canonical; a structural `as unknown as BlockNode[]` preserves
       // type safety at every consumer site (L03 cascade, L11 render,
       // validator walk).
-      txbxBlocks = blockParser(txbxContentXml) as unknown as ReadonlyArray<BlockNode>;
+      txbxBlocks = blockParser(txbxContentXml) as unknown as BlockNode[];
     } catch {
       txbxBlocks = undefined;
     }
@@ -157,6 +167,11 @@ export function parseShapeXml(
     ...(txbxBlocks && txbxBlocks.length > 0 ? { txbxBlocks } : {}),
     ...(prst ? { geometry: prst } : {}),
     rawXml: drawingXml,
+    preserveOnlyObject: createDrawingPreserveOnlyObject(
+      drawingXml,
+      "shape",
+      collectRelationshipIds(root),
+    ),
   };
 }
 
@@ -199,6 +214,11 @@ export function parseVmlXml(pictXml: string): ParsedVmlShape | null {
     ...(shapeType ? { shapeType } : {}),
     ...(text ? { text } : {}),
     rawXml: pictXml,
+    preserveOnlyObject: createVmlPreserveOnlyObject(
+      pictXml,
+      vmlNode,
+      collectRelationshipIds(root),
+    ),
   };
 }
 
@@ -271,7 +291,7 @@ export function parseShapeContent(
   const txbxContentXml = txbxContent ? extractRawXml(txbxContent) : undefined;
   const text = txbxContent ? extractAllText(txbxContent).trim() || undefined : undefined;
 
-  let txbxBlocks: ReadonlyArray<BlockNode> | undefined;
+  let txbxBlocks: BlockNode[] | undefined;
   if (txbxContentXml && blockParser) {
     try {
       // See `TxbxBlockParser` doc above: runtime output is canonical
@@ -279,7 +299,7 @@ export function parseShapeContent(
       // footer fixture 2026-04-24). Cast at the assembly seam so
       // downstream consumers (L03, L11, validator) get canonical types
       // without local `as unknown` ceremony.
-      txbxBlocks = blockParser(txbxContentXml) as unknown as ReadonlyArray<BlockNode>;
+      txbxBlocks = blockParser(txbxContentXml) as unknown as BlockNode[];
     } catch {
       // Preserve-only fallback: keep txbxContentXml for serialization; leave
       // txbxBlocks undefined so consumers know recursion did not succeed.
@@ -294,15 +314,15 @@ export function parseShapeContent(
   // roundRect text boxes + callout/ellipse shapes as non-text.
   const isTextBox = Boolean(txbxContent);
 
-  const result: ShapeContent = { type: "shape", rawXml: drawingRawXml };
-  if (geometry) result.geometry = geometry;
+  const result: Mutable<ShapeContent> = { type: "shape", rawXml: drawingRawXml };
+  if (geometry) (result as Mutable<typeof result>).geometry = geometry;
   if (text) result.text = text;
-  if (fill) result.fill = fill;
-  if (line) result.line = line;
-  if (isTextBox) result.isTextBox = true;
-  if (textBoxBody) result.textBoxBody = textBoxBody;
-  if (txbxContentXml) result.txbxContentXml = txbxContentXml;
-  if (txbxBlocks && txbxBlocks.length > 0) result.txbxBlocks = txbxBlocks;
+  if (fill) (result as Mutable<typeof result>).fill = fill;
+  if (line) (result as Mutable<typeof result>).line = line;
+  if (isTextBox) (result as Mutable<typeof result>).isTextBox = true;
+  if (textBoxBody) (result as Mutable<typeof result>).textBoxBody = textBoxBody;
+  if (txbxContentXml) (result as Mutable<typeof result>).txbxContentXml = txbxContentXml;
+  if (txbxBlocks && txbxBlocks.length > 0) (result as Mutable<typeof result>).txbxBlocks = txbxBlocks;
   return result;
 }
 
@@ -310,7 +330,7 @@ function readTextBoxBody(wsp: XmlElementNode): TextBoxBodyProperties | undefined
   const bodyPr = findFirstChild(wsp, "bodyPr");
   if (!bodyPr) return undefined;
 
-  const result: TextBoxBodyProperties = {};
+  const result: Mutable<TextBoxBodyProperties> = {};
   const anchor = bodyPr.attributes.anchor;
   if (anchor === "t" || anchor === "ctr" || anchor === "b") {
     result.anchor = anchor;
@@ -319,9 +339,9 @@ function readTextBoxBody(wsp: XmlElementNode): TextBoxBodyProperties | undefined
   const top = readIntAttr(bodyPr, "tIns");
   const right = readIntAttr(bodyPr, "rIns");
   const bottom = readIntAttr(bodyPr, "bIns");
-  if (left !== undefined) result.insetLeftEmu = left;
-  if (top !== undefined) result.insetTopEmu = top;
-  if (right !== undefined) result.insetRightEmu = right;
+  if (left !== undefined) (result as Mutable<typeof result>).insetLeftEmu = left;
+  if (top !== undefined) (result as Mutable<typeof result>).insetTopEmu = top;
+  if (right !== undefined) (result as Mutable<typeof result>).insetRightEmu = right;
   if (bottom !== undefined) result.insetBottomEmu = bottom;
 
   return Object.keys(result).length > 0 ? result : undefined;
@@ -360,3 +380,114 @@ function readIntAttr(node: XmlElementNode, attr: string): number | undefined {
   const parsed = parseInt(raw, 10);
   return Number.isFinite(parsed) ? parsed : undefined;
 }
+
+function createDrawingPreserveOnlyObject(
+  rawXml: string,
+  fallbackHint: PreserveOnlyObjectSizing["fallbackHint"],
+  relationshipIds: string[],
+): PreserveOnlyObjectSizing {
+  const extentEmu = readDrawingExtentEmu(rawXml);
+  return {
+    sourceId: `drawing:${hashString(rawXml)}`,
+    display: rawXml.includes("<wp:anchor") ? "floating" : "inline",
+    ...(extentEmu ? { extentEmu } : {}),
+    fallbackHint,
+    ...(relationshipIds.length > 0 ? { relationshipIds } : {}),
+  };
+}
+
+function createVmlPreserveOnlyObject(
+  rawXml: string,
+  node: XmlElementNode,
+  relationshipIds: string[],
+): PreserveOnlyObjectSizing {
+  const extentEmu = readVmlExtentEmu(node.attributes.style);
+  return {
+    sourceId: `vml:${node.attributes.id ?? hashString(rawXml)}`,
+    display: "unknown",
+    ...(extentEmu ? { extentEmu } : {}),
+    fallbackHint: "vml-shape",
+    ...(relationshipIds.length > 0 ? { relationshipIds } : {}),
+  };
+}
+
+function readDrawingExtentEmu(
+  rawXml: string,
+): { widthEmu: number; heightEmu: number } | undefined {
+  const extentMatch = /<wp:extent\b[^>]*\bcx=["']([0-9]+)["'][^>]*\bcy=["']([0-9]+)["'][^>]*\/?>/u.exec(rawXml);
+  if (extentMatch) {
+    return {
+      widthEmu: Number.parseInt(extentMatch[1] ?? "0", 10),
+      heightEmu: Number.parseInt(extentMatch[2] ?? "0", 10),
+    };
+  }
+  const xfrmMatch = /<a:ext\b[^>]*\bcx=["']([0-9]+)["'][^>]*\bcy=["']([0-9]+)["'][^>]*\/?>/u.exec(rawXml);
+  if (!xfrmMatch) return undefined;
+  return {
+    widthEmu: Number.parseInt(xfrmMatch[1] ?? "0", 10),
+    heightEmu: Number.parseInt(xfrmMatch[2] ?? "0", 10),
+  };
+}
+
+function readVmlExtentEmu(
+  style: string | undefined,
+): { widthEmu: number; heightEmu: number } | undefined {
+  if (!style) return undefined;
+  const widthTwips = readCssLengthTwips(style, "width");
+  const heightTwips = readCssLengthTwips(style, "height");
+  if (widthTwips === undefined || heightTwips === undefined) return undefined;
+  return {
+    widthEmu: Math.round(widthTwips * 635),
+    heightEmu: Math.round(heightTwips * 635),
+  };
+}
+
+function readCssLengthTwips(style: string, property: "width" | "height"): number | undefined {
+  const match = new RegExp(`(?:^|;)\\s*${property}\\s*:\\s*([0-9.]+)\\s*(pt|in|cm|mm|px)?`, "iu")
+    .exec(style);
+  if (!match) return undefined;
+  const value = Number.parseFloat(match[1] ?? "");
+  if (!Number.isFinite(value)) return undefined;
+  const unit = (match[2] ?? "pt").toLowerCase();
+  switch (unit) {
+    case "pt":
+      return Math.round(value * 20);
+    case "in":
+      return Math.round(value * 1440);
+    case "cm":
+      return Math.round(value * 567);
+    case "mm":
+      return Math.round(value * 56.7);
+    case "px":
+      return Math.round(value * 15);
+    default:
+      return undefined;
+  }
+}
+
+function collectRelationshipIds(node: XmlElementNode): string[] {
+  const ids = new Set<string>();
+  const visit = (current: XmlElementNode): void => {
+    const id =
+      current.attributes["r:id"] ??
+      current.attributes["r:embed"] ??
+      current.attributes.embed ??
+      current.attributes["r:link"] ??
+      current.attributes.link;
+    if (id) ids.add(id);
+    for (const child of current.children) {
+      if (child.type === "element") visit(child);
+    }
+  };
+  visit(node);
+  return [...ids].sort();
+}
+
+function hashString(value: string): string {
+  let hash = 2166136261;
+  for (let index = 0; index < value.length; index += 1) {
+    hash ^= value.charCodeAt(index);
+    hash = Math.imul(hash, 16777619);
+  }
+  return (hash >>> 0).toString(16).padStart(8, "0");
+}

package/src/io/ooxml/parse-styles.ts

@@ -23,6 +23,7 @@ import type {
   TableStyleDefinition,
   TableStyleFormatting,
   TableWidth,
+  Mutable,
 } from "../../model/canonical-document.ts";
 import {
   readCellBorders,
@@ -372,8 +373,8 @@ function resolveStyleLinkReciprocals(
         );
         continue;
       }
-      if (partner.linkedStyleId === undefined) {
-        partner.linkedStyleId = style.styleId;
+      if ((partner as Mutable<typeof partner>).linkedStyleId === undefined) {
+        (partner as Mutable<typeof partner>).linkedStyleId = style.styleId;
       } else if (partner.linkedStyleId !== style.styleId) {
         diagnostics.push(
           `style ${label} "${style.styleId}" links to "${target}" but partner already links to "${partner.linkedStyleId}"; partner link retained`,
@@ -439,7 +440,7 @@ function readTableStyleFormatting(styleNode: XmlElementNode): TableStyleFormatti
   const cellProperties = findChildElementOptional(styleNode, "tcPr");
   const pPrNode = findChildElementOptional(styleNode, "pPr");
   const rPrNode = findChildElementOptional(styleNode, "rPr");
-  const formatting: TableStyleFormatting = {};
+  const formatting: Mutable<TableStyleFormatting> = {};
 
   const paragraphProperties = readParagraphProperties(pPrNode);
   if (paragraphProperties) formatting.paragraphProperties = paragraphProperties;
@@ -454,11 +455,11 @@ function readTableStyleFormatting(styleNode: XmlElementNode): TableStyleFormatti
     const cellMargins = readTableCellMargins(tableProperties);
     const tblLook = readTableLook(tableProperties);
 
-    if (width) table.width = width as TableWidth;
-    if (alignment) table.alignment = alignment;
-    if (borders) table.borders = borders as TableBorders;
-    if (cellMargins) table.cellMargins = cellMargins as TableCellMargins;
-    if (tblLook) table.tblLook = tblLook as TableLook;
+    if (width) (table as Mutable<typeof table>).width = width as TableWidth;
+    if (alignment) (table as Mutable<typeof table>).alignment = alignment;
+    if (borders) (table as Mutable<typeof table>).borders = borders as TableBorders;
+    if (cellMargins) (table as Mutable<typeof table>).cellMargins = cellMargins as TableCellMargins;
+    if (tblLook) (table as Mutable<typeof table>).tblLook = tblLook as TableLook;
 
     if (Object.keys(table).length > 0) {
       formatting.table = table;
@@ -471,9 +472,9 @@ function readTableStyleFormatting(styleNode: XmlElementNode): TableStyleFormatti
     const heightRule = readRowHeightRule(rowProperties);
     const isHeader = readRowIsHeader(rowProperties);
 
-    if (height !== undefined) row.height = height;
-    if (heightRule) row.heightRule = heightRule;
-    if (isHeader !== undefined) row.isHeader = isHeader;
+    if (height !== undefined) (row as Mutable<typeof row>).height = height;
+    if (heightRule) (row as Mutable<typeof row>).heightRule = heightRule;
+    if (isHeader !== undefined) (row as Mutable<typeof row>).isHeader = isHeader;
 
     if (Object.keys(row).length > 0) {
       formatting.row = row;
@@ -487,10 +488,10 @@ function readTableStyleFormatting(styleNode: XmlElementNode): TableStyleFormatti
     const shading = readCellShading(cellProperties);
     const verticalAlign = readCellVerticalAlign(cellProperties);
 
-    if (width) cell.width = width as TableWidth;
-    if (borders) cell.borders = borders as TableCellBorders;
-    if (shading) cell.shading = shading as CellShading;
-    if (verticalAlign) cell.verticalAlign = verticalAlign;
+    if (width) (cell as Mutable<typeof cell>).width = width as TableWidth;
+    if (borders) (cell as Mutable<typeof cell>).borders = borders as TableCellBorders;
+    if (shading) (cell as Mutable<typeof cell>).shading = shading as CellShading;
+    if (verticalAlign) (cell as Mutable<typeof cell>).verticalAlign = verticalAlign;
 
     if (Object.keys(cell).length > 0) {
       formatting.cell = cell;
@@ -590,4 +591,3 @@ function findChildElementOptional(
   );
 }
 
-

package/src/io/ooxml/parse-theme.ts

@@ -5,6 +5,7 @@ import type {
   ResolvedTheme,
   CanonicalTheme,
   ClrSchemeMapping,
+  Mutable,
 } from "../../model/canonical-document.ts";
 import type { XmlElementNode } from "./xml-element.ts";
 import { parseXml } from "./xml-parser.ts";
@@ -61,7 +62,7 @@ export function parseThemeXml(xml: string): ThemeDefinition {
     findChildElementOptional(themeElements, "fontScheme"),
   );
 
-  const result: ThemeDefinition = {};
+  const result: Mutable<ThemeDefinition> = {};
   if (themeName) {
     result.name = themeName;
   }
@@ -79,7 +80,7 @@ export function parseThemeXml(xml: string): ThemeDefinition {
  * Resolve a ThemeDefinition into flattened runtime theme inputs.
  * Maps OOXML theme slot names to CSS-usable color values and font families.
  */
-export function resolveTheme(theme: ThemeDefinition): ResolvedTheme {
+export function resolveTheme(theme: Mutable<ThemeDefinition>): ResolvedTheme {
   const colors: Record<string, string> = {};
 
   if (theme.colorScheme?.colors) {
@@ -142,7 +143,7 @@ export const DEFAULT_CLR_SCHEME_MAPPING: ClrSchemeMapping = Object.freeze({
  * CLAUDE.md §3.
  */
 export function materializeCanonicalTheme(
-  theme: ThemeDefinition,
+  theme: Mutable<ThemeDefinition>,
   clrMap: ClrSchemeMapping,
 ): CanonicalTheme {
   const clrScheme: ThemeColorScheme = theme.colorScheme ?? { name: "", colors: {} };
@@ -240,7 +241,7 @@ function parseFontScheme(
     ? extractFontTypeface(minorFontElement)
     : undefined;
 
-  const result: ThemeFontScheme = { name: schemeName };
+  const result: Mutable<ThemeFontScheme> = { name: schemeName };
   if (majorFont) {
     result.majorFont = majorFont;
   }