@jasy/pdf 1.0.0-beta.3 → 1.0.0-beta.4

package/dist/edit/objects.d.ts

@@ -56,11 +56,10 @@ export declare function get(o: PdfObject | undefined, key: string): PdfObject |
 export declare const nameOf: (o: PdfObject | undefined) => string | undefined;
 export declare const numberOf: (o: PdfObject | undefined) => number | undefined;
 /**
- * A PDF text string as JS text. Two encodings live side by side in the wild: UTF-16BE, marked by a
- * `FE FF` byte-order mark (what pdf-lib writes for every field name), and otherwise PDFDocEncoding,
- * which agrees with Latin-1 for everything a field name realistically holds.
+ * A PDF text string as JS text: UTF-16BE or UTF-8 by their BOM, otherwise PDFDocEncoding - the same table
+ * the writer encodes with (`text/pdf-text-string.ts`), so a value read and written back keeps its meaning.
  */
-export declare function textOf(o: PdfObject | undefined): string | undefined;
+export declare function textStringOf(o: PdfObject | undefined): string | undefined;
 /**
  * Every string inside an object, however deep. Both sides of the crypto seam use it: strings are
  * deciphered on open and must be enciphered again before an object is written back.

package/dist/edit/objects.js

@@ -8,7 +8,7 @@
  * is often UTF-16BE with a BOM - pdf-lib writes every field name that way). Decoding early would lose
  * the distinction and mangle names.
  */
-import { latin1FromBytes } from "../utils/bytes.js";
+import { decodePdfText } from "../text/pdf-text-string.js";
 // ---------------------------------------------------------------------------------------------
 // Narrowing helpers. Reading a foreign PDF means every lookup can legitimately come back missing or
 // of the wrong type, so these all answer `undefined` rather than throwing - the caller decides what
@@ -35,24 +35,11 @@ export function get(o, key) {
 export const nameOf = (o) => o !== undefined && isName(o) ? o.name : undefined;
 export const numberOf = (o) => typeof o === "number" ? o : undefined;
 /**
- * A PDF text string as JS text. Two encodings live side by side in the wild: UTF-16BE, marked by a
- * `FE FF` byte-order mark (what pdf-lib writes for every field name), and otherwise PDFDocEncoding,
- * which agrees with Latin-1 for everything a field name realistically holds.
+ * A PDF text string as JS text: UTF-16BE or UTF-8 by their BOM, otherwise PDFDocEncoding - the same table
+ * the writer encodes with (`text/pdf-text-string.ts`), so a value read and written back keeps its meaning.
  */
-export function textOf(o) {
-    if (o === undefined || !isString(o))
-        return undefined;
-    const b = o.bytes;
-    if (b.length >= 2 && b[0] === 0xfe && b[1] === 0xff) {
-        let s = "";
-        for (let i = 2; i + 1 < b.length; i += 2)
-            s += String.fromCharCode((b[i] << 8) | b[i + 1]);
-        return s;
-    }
-    // latin1FromBytes, NOT TextDecoder("latin1"): the latter is a WHATWG alias for windows-1252, which
-    // remaps 0x80-0x9F (byte 0x95 becomes a bullet). Mapping each byte to the same code point keeps the
-    // value round-trippable, which is what a reader that may write the string back needs.
-    return latin1FromBytes(b);
+export function textStringOf(o) {
+    return o !== undefined && isString(o) ? decodePdfText(o.bytes) : undefined;
 }
 /**
  * Every string inside an object, however deep. Both sides of the crypto seam use it: strings are

package/dist/elements/canvas-element.d.ts

@@ -34,5 +34,8 @@ export declare class CanvasElement extends SizedPDFElement {
         alt: string | undefined;
     };
     calculateLayout(constraints: BoxConstraints, offset: Offset, _ctx: LayoutContext): Size;
+    protected computeSize(constraints: BoxConstraints): Size;
+    /** Its size under these constraints - the one computation both `measure` and layout use. */
+    private sizeFor;
 }
 export {};

package/dist/elements/canvas-element.js

@@ -29,8 +29,18 @@ export class CanvasElement extends SizedPDFElement {
         };
     }
     calculateLayout(constraints, offset, _ctx) {
+        const size = this.sizeFor(constraints);
         this.x = offset.x;
         this.y = offset.y;
+        this.width = size.width;
+        this.height = size.height;
+        return size;
+    }
+    computeSize(constraints) {
+        return this.sizeFor(constraints);
+    }
+    /** Its size under these constraints - the one computation both `measure` and layout use. */
+    sizeFor(constraints) {
         const specs = extentSpecs({
             ...this.sizing,
             width: this.requested.width,
@@ -40,8 +50,9 @@ export class CanvasElement extends SizedPDFElement {
         });
         const resolved = resolveSize(specs.width, specs.height, this.sizing.aspectRatio, constraints);
         const bounds = resolved.constraints;
-        this.width = resolved.width ?? (bounds.hasBoundedWidth ? bounds.maxWidth : 0);
-        this.height = resolved.height ?? (bounds.hasBoundedHeight ? bounds.maxHeight : 0);
-        return { width: this.width, height: this.height };
+        return {
+            width: resolved.width ?? (bounds.hasBoundedWidth ? bounds.maxWidth : 0),
+            height: resolved.height ?? (bounds.hasBoundedHeight ? bounds.maxHeight : 0),
+        };
     }
 }

package/dist/elements/container-element.d.ts

@@ -1,7 +1,7 @@
 import { MainAlign, CrossAlign } from "../utils/flex-layout.js";
 import { BoxConstraints, Offset, Size } from "../layout/box-constraints.js";
 import { Fragmentable, FragmentResult } from "../layout/fragmentation.js";
-import { LayoutContext, SizedElement, SizedPDFElement, WithChildren } from "./pdf-element.js";
+import { LayoutContext, PDFElement, SizedElement, SizedPDFElement, WithChildren } from "./pdf-element.js";
 interface ContainerElementParams extends SizedElement, WithChildren {
     /** Space between children. */
     gap?: number;
@@ -77,6 +77,10 @@ export declare class ContainerElement extends SizedPDFElement implements Fragmen
     /** A Column stacks vertically, so widths overlap and heights add up. */
     minIntrinsicMain(horizontal: boolean, ctx: LayoutContext): number;
     calculateLayout(constraints: BoxConstraints, offset: Offset, ctx: LayoutContext): Size;
+    protected computeSize(constraints: BoxConstraints, ctx: LayoutContext): Size;
+    /** The one sizing path: `layout` places the children (relative to this box), `measure` only sizes them. */
+    private sizeWith;
+    layoutChildren(): readonly PDFElement[];
     getProps(): ContainerElementParams;
 }
 export {};

package/dist/elements/container-element.js

@@ -1,8 +1,10 @@
-import { FlexLayoutHelper, VERTICAL_AXIS } from "../utils/flex-layout.js";
+import { widthRules } from "../layout/box-constraints.js";
+import { flexibleOf } from "../layout/flex-item.js";
+import { FlexLayoutHelper, VERTICAL_AXIS, } from "../utils/flex-layout.js";
 import { stackMinIntrinsic, withDeclaredExtent } from "../layout/min-intrinsic.js";
-import { extentSpecs, resolveSize, } from "../layout/box-constraints.js";
+import { BoxConstraints, extentSpecs, resolveSize, } from "../layout/box-constraints.js";
 import { childrenForceBreak, packChildren, } from "../layout/fragmentation.js";
-import { FlexiblePDFElement, SizedPDFElement, } from "./pdf-element.js";
+import { SizedPDFElement, } from "./pdf-element.js";
 export class ContainerElement extends SizedPDFElement {
     constructor({ x, y, width, height, children, gap, main, cross, reverse, wrap, alignContent, breakBefore, breakAfter, ...sizing }) {
         super({ x, y, width, height });
@@ -17,8 +19,10 @@ export class ContainerElement extends SizedPDFElement {
         this.breakBefore = breakBefore ?? false;
         this.breakAfter = breakAfter ?? false;
     }
+    // A break before the FIRST child is a break before this stack (CSS propagates it): the whole stack
+    // moves to the next page, instead of leaving an empty piece - or an empty border - behind.
     breaksBefore() {
-        return this.breakBefore;
+        return this.breakBefore || (this.children[0]?.breaksBefore() ?? false);
     }
     breaksAfter() {
         return this.breakAfter;
@@ -38,13 +42,19 @@ export class ContainerElement extends SizedPDFElement {
         return childrenForceBreak(this.children);
     }
     fragment(maxHeight, width, ctx) {
-        const { fitted, remainder, forceBreak } = packChildren(this.children, maxHeight, width, ctx, this.gap);
+        // Pack at the width the column is drawn at: its own rules (fixed, %, min/max) resolved against the
+        // region, the same sizing path as `measure`. A narrower column has taller children.
+        const ownWidth = this.measure(BoxConstraints.loose(width, Infinity), ctx).width;
+        const { fitted, remainder, forceBreak } = packChildren(this.children, maxHeight, ownWidth, ctx, this.gap);
         // Fits as one region with no forced cut: hand the whole container back so the page renders
         // unchanged (its normal layout distributes flex / fills the page). A forced break is excluded
         // here even when nothing follows it (a trailing `PageBreak`): return the packed children, which
         // no longer hold the consumed break marker, so it does not leak into the render pass.
         if (remainder.length === 0 && !forceBreak)
             return { fitted: this, remainder: null };
+        // Nothing fit below the content above: move on whole, not as an empty shell left behind.
+        if (fitted.length === 0 && !forceBreak)
+            return { fitted: null, remainder: this };
         return {
             fitted: this.cloneWithChildren(fitted),
             // Only the CONTINUATION carries `breakAfter`, so a stack that splits across pages still breaks
@@ -58,10 +68,9 @@ export class ContainerElement extends SizedPDFElement {
         return new ContainerElement({
             x: this.x,
             y: this.y,
-            // Carry the requested WIDTH (a %-width column keeps its width on every page); the height is
+            // Carry the WIDTH rules (a %-width or max-width column keeps them on every page); the height is
             // intentionally dropped so each fragment shrink-wraps to the content it actually holds.
-            width: this.requested.width,
-            widthFactor: this.requested.widthFactor,
+            ...widthRules(this.requested),
             children,
             gap: this.gap,
             main: this.main,
@@ -70,7 +79,7 @@ export class ContainerElement extends SizedPDFElement {
             wrap: this.wrap,
             alignContent: this.alignContent,
             breakAfter,
-        });
+        }).asPieceOf(this);
     }
     relativeSizeFactor(horizontal) {
         return horizontal ? this.requested.widthFactor : this.requested.heightFactor;
@@ -91,7 +100,7 @@ export class ContainerElement extends SizedPDFElement {
             : [this.requested.height, this.requested.heightFactor];
         if (requested.some((v) => v !== undefined))
             return false;
-        const ownFlexChild = !horizontal && this.children.some((c) => c instanceof FlexiblePDFElement);
+        const ownFlexChild = !horizontal && this.children.some((c) => flexibleOf(c) !== undefined);
         return ownFlexChild || this.children.some((c) => c.needsBoundedMain(horizontal));
     }
     /** A Column stacks vertically, so widths overlap and heights add up. */
@@ -102,6 +111,16 @@ export class ContainerElement extends SizedPDFElement {
     calculateLayout(constraints, offset, ctx) {
         this.x = offset.x;
         this.y = offset.y;
+        const size = this.sizeWith(constraints, ctx, "layout");
+        this.width = size.width;
+        this.height = size.height;
+        return size;
+    }
+    computeSize(constraints, ctx) {
+        return this.sizeWith(constraints, ctx, "measure");
+    }
+    /** The one sizing path: `layout` places the children (relative to this box), `measure` only sizes them. */
+    sizeWith(constraints, ctx, mode) {
         // Relative sizing: a pinned extent (fixed points or a fraction of the offered box, clamped into
         // the constraints) wins; else fill a bounded axis; else stay `undefined` and shrink-wrap below.
         // A Column nested in a Row gets unbounded width - passing 0 there would collapse children to 0.
@@ -127,21 +146,22 @@ export class ContainerElement extends SizedPDFElement {
             // Vertical flex stack (main = height, cross = width). The shared helper measures
             // fixed children, distributes the leftover to flex children, and places everything
             // in source order.
-            result = FlexLayoutHelper.layout(this.children, VERTICAL_AXIS, mainAvail, crossAvail, this.y, this.x, {
+            result = FlexLayoutHelper.layout(this.children, VERTICAL_AXIS, mainAvail, crossAvail, {
                 gap: this.gap,
                 main: this.main,
                 cross: this.cross,
                 reverse: this.reverse,
                 wrap: this.wrap,
                 alignContent: this.alignContent,
-            }, ctx);
+            }, ctx, mode);
         }
         // Pinned/bounded axis takes that extent; an unbounded one shrink-wraps to the children (height =
         // the stack, width = the widest child). Top-left coordinates; the container draws nothing, and
         // the Y-flip happens once at the IR -> backend seam.
-        this.width = boundedWidth ?? result.crossUsed;
-        this.height = boundedHeight ?? result.mainUsed;
-        return { width: this.width, height: this.height };
+        return { width: boundedWidth ?? result.crossUsed, height: boundedHeight ?? result.mainUsed };
+    }
+    layoutChildren() {
+        return this.children ?? [];
     }
     getProps() {
         return {

package/dist/elements/forms/checkbox-element.d.ts

@@ -40,6 +40,8 @@ export declare class CheckboxElement extends SizedPDFElement {
     private size;
     constructor(p: CheckboxParams);
     calculateLayout(_constraints: BoxConstraints, offset: Offset, _ctx: LayoutContext): Size;
+    protected computeSize(_constraints: BoxConstraints): Size;
+    private sizeFor;
     getProps(): {
         x: number;
         y: number;

package/dist/elements/forms/checkbox-element.js

@@ -29,11 +29,20 @@ export class CheckboxElement extends SizedPDFElement {
         };
     }
     calculateLayout(_constraints, offset, _ctx) {
+        const size = this.sizeFor(_constraints);
         this.x = offset.x;
         this.y = offset.y;
-        this.width = this.size;
-        this.height = this.size;
-        return { width: this.size, height: this.size };
+        this.width = size.width;
+        this.height = size.height;
+        return size;
+    }
+    computeSize(_constraints) {
+        return this.sizeFor(_constraints);
+    }
+    sizeFor(_constraints) {
+        const width = this.size;
+        const height = this.size;
+        return { width, height };
     }
     getProps() {
         return {

package/dist/elements/forms/choice-element.d.ts

@@ -1,6 +1,7 @@
 import { Color } from "../../common/color.js";
 import { BoxConstraints, Offset, Size } from "../../layout/box-constraints.js";
 import { LayoutContext, SizedPDFElement } from "../pdf-element.js";
+import { FieldFont } from "./field-font.js";
 import type { ChoiceOption, ChoiceSpec, FieldAlign, FieldStyle } from "../../forms/field.js";
 export interface ChoiceParams {
     name: string;
@@ -41,7 +42,10 @@ export declare class ChoiceElement extends SizedPDFElement {
     private style;
     private requested;
     constructor(p: ChoiceParams);
-    calculateLayout(constraints: BoxConstraints, offset: Offset, _ctx: LayoutContext): Size;
+    private font?;
+    calculateLayout(constraints: BoxConstraints, offset: Offset, ctx: LayoutContext): Size;
+    protected computeSize(constraints: BoxConstraints): Size;
+    private sizeFor;
     getProps(): {
         x: number;
         y: number;
@@ -49,5 +53,6 @@ export declare class ChoiceElement extends SizedPDFElement {
         height: number;
         spec: ChoiceSpec;
         style: FieldStyle;
+        font: FieldFont | undefined;
     };
 }

package/dist/elements/forms/choice-element.js

@@ -1,5 +1,6 @@
 import { Color } from "../../common/color.js";
 import { SizedPDFElement } from "../pdf-element.js";
+import { inheritedFieldFont } from "./field-font.js";
 /**
  * A choice field (AcroForm /Ch) - a dropdown or a list box, chosen by `combo`. A leaf that draws nothing
  * itself: it reserves its box and emits a `formfield` IR node. The selected value is rendered by the
@@ -34,17 +35,26 @@ export class ChoiceElement extends SizedPDFElement {
         };
         this.requested = { width: p.width, height: p.height, fontSize, combo: p.combo };
     }
-    calculateLayout(constraints, offset, _ctx) {
+    calculateLayout(constraints, offset, ctx) {
+        this.font = inheritedFieldFont(ctx);
+        const size = this.sizeFor(constraints);
         this.x = offset.x;
         this.y = offset.y;
-        this.width = this.requested.width ?? (constraints.hasBoundedWidth ? constraints.maxWidth : 200);
+        this.width = size.width;
+        this.height = size.height;
+        return size;
+    }
+    computeSize(constraints) {
+        return this.sizeFor(constraints);
+    }
+    sizeFor(constraints) {
+        const width = this.requested.width ?? (constraints.hasBoundedWidth ? constraints.maxWidth : 200);
         // Dropdown: one line. List box: a few rows tall so several options are visible.
         const oneLine = this.requested.fontSize + 9;
         const rows = Math.max(3, Math.min(this.spec.options.length, 5));
-        this.height =
-            this.requested.height ??
-                (this.requested.combo ? oneLine : rows * (this.requested.fontSize + 4));
-        return { width: this.width, height: this.height };
+        const height = this.requested.height ??
+            (this.requested.combo ? oneLine : rows * (this.requested.fontSize + 4));
+        return { width, height };
     }
     getProps() {
         return {
@@ -54,6 +64,7 @@ export class ChoiceElement extends SizedPDFElement {
             height: this.height ?? 0,
             spec: this.spec,
             style: this.style,
+            font: this.font,
         };
     }
 }

package/dist/elements/forms/field-font.d.ts

@@ -0,0 +1,8 @@
+import type { LayoutContext } from "../pdf-element.js";
+import type { FontStyle } from "../../utils/pdf-object-manager.js";
+/** The font a field's text inherits, like any text: `Document({ font })` or a `DefaultTextStyle`. */
+export interface FieldFont {
+    family: string;
+    style: FontStyle;
+}
+export declare function inheritedFieldFont(ctx: LayoutContext): FieldFont;

package/dist/elements/forms/field-font.js

@@ -0,0 +1,5 @@
+import { DEFAULT_TEXT_STYLE } from "../../text/text-style.js";
+export function inheritedFieldFont(ctx) {
+    const ts = ctx.textStyle ?? DEFAULT_TEXT_STYLE;
+    return { family: ts.fontFamily, style: ts.fontStyle };
+}

package/dist/elements/forms/push-button-element.d.ts

@@ -1,6 +1,7 @@
 import { Color } from "../../common/color.js";
 import { BoxConstraints, Offset, Size } from "../../layout/box-constraints.js";
 import { LayoutContext, SizedPDFElement } from "../pdf-element.js";
+import { FieldFont } from "./field-font.js";
 import type { ButtonAction, FieldStyle, PushButtonSpec } from "../../forms/field.js";
 export interface PushButtonParams {
     /** The field name (/T) - unique in the document. */
@@ -44,7 +45,10 @@ export declare class PushButtonElement extends SizedPDFElement {
     private style;
     private requested;
     constructor(p: PushButtonParams);
-    calculateLayout(constraints: BoxConstraints, offset: Offset, _ctx: LayoutContext): Size;
+    private font?;
+    calculateLayout(constraints: BoxConstraints, offset: Offset, ctx: LayoutContext): Size;
+    protected computeSize(constraints: BoxConstraints): Size;
+    private sizeFor;
     getProps(): {
         x: number;
         y: number;
@@ -52,5 +56,6 @@ export declare class PushButtonElement extends SizedPDFElement {
         height: number;
         spec: PushButtonSpec;
         style: FieldStyle;
+        font: FieldFont | undefined;
     };
 }

package/dist/elements/forms/push-button-element.js

@@ -1,5 +1,6 @@
 import { Color } from "../../common/color.js";
 import { SizedPDFElement } from "../pdf-element.js";
+import { inheritedFieldFont } from "./field-font.js";
 /**
  * A push button (AcroForm /Btn, Pushbutton flag). Holds no value - it fires an action. Draws nothing
  * itself: it reserves its box and emits a `formfield` IR node whose caption is baked into an /AP at the
@@ -29,12 +30,22 @@ export class PushButtonElement extends SizedPDFElement {
         };
         this.requested = { width: p.width, height: p.height, fontSize };
     }
-    calculateLayout(constraints, offset, _ctx) {
+    calculateLayout(constraints, offset, ctx) {
+        this.font = inheritedFieldFont(ctx);
+        const size = this.sizeFor(constraints);
         this.x = offset.x;
         this.y = offset.y;
-        this.width = this.requested.width ?? (constraints.hasBoundedWidth ? constraints.maxWidth : 120);
-        this.height = this.requested.height ?? this.requested.fontSize + 14;
-        return { width: this.width, height: this.height };
+        this.width = size.width;
+        this.height = size.height;
+        return size;
+    }
+    computeSize(constraints) {
+        return this.sizeFor(constraints);
+    }
+    sizeFor(constraints) {
+        const width = this.requested.width ?? (constraints.hasBoundedWidth ? constraints.maxWidth : 120);
+        const height = this.requested.height ?? this.requested.fontSize + 14;
+        return { width, height };
     }
     getProps() {
         return {
@@ -44,6 +55,7 @@ export class PushButtonElement extends SizedPDFElement {
             height: this.height ?? 0,
             spec: this.spec,
             style: this.style,
+            font: this.font,
         };
     }
 }

package/dist/elements/forms/radio-element.d.ts

@@ -41,6 +41,8 @@ export declare class RadioElement extends SizedPDFElement {
     private size;
     constructor(p: RadioParams);
     calculateLayout(_constraints: BoxConstraints, offset: Offset, _ctx: LayoutContext): Size;
+    protected computeSize(_constraints: BoxConstraints): Size;
+    private sizeFor;
     getProps(): {
         x: number;
         y: number;

package/dist/elements/forms/radio-element.js

@@ -30,11 +30,20 @@ export class RadioElement extends SizedPDFElement {
         };
     }
     calculateLayout(_constraints, offset, _ctx) {
+        const size = this.sizeFor(_constraints);
         this.x = offset.x;
         this.y = offset.y;
-        this.width = this.size;
-        this.height = this.size;
-        return { width: this.size, height: this.size };
+        this.width = size.width;
+        this.height = size.height;
+        return size;
+    }
+    computeSize(_constraints) {
+        return this.sizeFor(_constraints);
+    }
+    sizeFor(_constraints) {
+        const width = this.size;
+        const height = this.size;
+        return { width, height };
     }
     getProps() {
         return {

package/dist/elements/forms/signature-element.d.ts

@@ -1,6 +1,7 @@
 import { Color } from "../../common/color.js";
 import { BoxConstraints, Offset, Size } from "../../layout/box-constraints.js";
 import { LayoutContext, SizedPDFElement } from "../pdf-element.js";
+import { FieldFont } from "./field-font.js";
 import type { FieldStyle, SignatureSpec } from "../../forms/field.js";
 export interface SignatureFieldParams {
     /** The field name (/T) - unique in the document. */
@@ -42,7 +43,10 @@ export declare class SignatureFieldElement extends SizedPDFElement {
     private style;
     private requested;
     constructor(p: SignatureFieldParams);
-    calculateLayout(constraints: BoxConstraints, offset: Offset, _ctx: LayoutContext): Size;
+    private font?;
+    calculateLayout(constraints: BoxConstraints, offset: Offset, ctx: LayoutContext): Size;
+    protected computeSize(constraints: BoxConstraints): Size;
+    private sizeFor;
     getProps(): {
         x: number;
         y: number;
@@ -50,5 +54,6 @@ export declare class SignatureFieldElement extends SizedPDFElement {
         height: number;
         spec: SignatureSpec;
         style: FieldStyle;
+        font: FieldFont | undefined;
     };
 }

package/dist/elements/forms/signature-element.js

@@ -1,5 +1,6 @@
 import { Color } from "../../common/color.js";
 import { SizedPDFElement } from "../pdf-element.js";
+import { inheritedFieldFont } from "./field-font.js";
 /**
  * A signature field (AcroForm /Sig) - a PLACEHOLDER someone can sign later. jasy creates the field and
  * its empty "sign here" appearance; it does not sign (that needs a certificate and a byte-range digest -
@@ -27,12 +28,22 @@ export class SignatureFieldElement extends SizedPDFElement {
         };
         this.requested = { width: p.width, height: p.height };
     }
-    calculateLayout(constraints, offset, _ctx) {
+    calculateLayout(constraints, offset, ctx) {
+        this.font = inheritedFieldFont(ctx);
+        const size = this.sizeFor(constraints);
         this.x = offset.x;
         this.y = offset.y;
-        this.width = this.requested.width ?? (constraints.hasBoundedWidth ? constraints.maxWidth : 240);
-        this.height = this.requested.height ?? 48;
-        return { width: this.width, height: this.height };
+        this.width = size.width;
+        this.height = size.height;
+        return size;
+    }
+    computeSize(constraints) {
+        return this.sizeFor(constraints);
+    }
+    sizeFor(constraints) {
+        const width = this.requested.width ?? (constraints.hasBoundedWidth ? constraints.maxWidth : 240);
+        const height = this.requested.height ?? 48;
+        return { width, height };
     }
     getProps() {
         return {
@@ -42,6 +53,7 @@ export class SignatureFieldElement extends SizedPDFElement {
             height: this.height ?? 0,
             spec: this.spec,
             style: this.style,
+            font: this.font,
         };
     }
 }

package/dist/elements/forms/text-field-element.d.ts

@@ -1,6 +1,7 @@
 import { Color } from "../../common/color.js";
 import { BoxConstraints, Offset, Size } from "../../layout/box-constraints.js";
 import { LayoutContext, SizedPDFElement } from "../pdf-element.js";
+import { FieldFont } from "./field-font.js";
 import type { FieldAlign, FieldStyle, TextFieldSpec } from "../../forms/field.js";
 export interface TextFieldParams {
     /** The field name (/T) - unique in the document; you read the value back by it. */
@@ -49,7 +50,10 @@ export declare class TextFieldElement extends SizedPDFElement {
     private style;
     private requested;
     constructor(p: TextFieldParams);
-    calculateLayout(constraints: BoxConstraints, offset: Offset, _ctx: LayoutContext): Size;
+    private font?;
+    calculateLayout(constraints: BoxConstraints, offset: Offset, ctx: LayoutContext): Size;
+    protected computeSize(constraints: BoxConstraints): Size;
+    private sizeFor;
     getProps(): {
         x: number;
         y: number;
@@ -57,5 +61,6 @@ export declare class TextFieldElement extends SizedPDFElement {
         height: number;
         spec: TextFieldSpec;
         style: FieldStyle;
+        font: FieldFont | undefined;
     };
 }

package/dist/elements/forms/text-field-element.js

@@ -1,5 +1,6 @@
 import { Color } from "../../common/color.js";
 import { SizedPDFElement } from "../pdf-element.js";
+import { inheritedFieldFont } from "./field-font.js";
 /**
  * A text input field (AcroForm /Tx). A leaf that draws NOTHING itself: it reserves its box in the layout
  * and emits a `formfield` IR node that becomes a Widget annotation + /AcroForm field at the seam.
@@ -31,15 +32,25 @@ export class TextFieldElement extends SizedPDFElement {
         };
         this.requested = { width: p.width, height: p.height, fontSize };
     }
-    calculateLayout(constraints, offset, _ctx) {
+    calculateLayout(constraints, offset, ctx) {
+        this.font = inheritedFieldFont(ctx);
+        const size = this.sizeFor(constraints);
         this.x = offset.x;
         this.y = offset.y;
+        this.width = size.width;
+        this.height = size.height;
+        return size;
+    }
+    computeSize(constraints) {
+        return this.sizeFor(constraints);
+    }
+    sizeFor(constraints) {
         // Width: explicit, else fill the offered box (a form field with no width spans the column).
-        this.width = this.requested.width ?? (constraints.hasBoundedWidth ? constraints.maxWidth : 200);
+        const width = this.requested.width ?? (constraints.hasBoundedWidth ? constraints.maxWidth : 200);
         // Height: explicit, else a comfortable single line (font size + padding). Multiline without an
         // explicit height still gets the single-line default - the caller should size a multiline box.
-        this.height = this.requested.height ?? this.requested.fontSize + 9;
-        return { width: this.width, height: this.height };
+        const height = this.requested.height ?? this.requested.fontSize + 9;
+        return { width, height };
     }
     getProps() {
         return {
@@ -49,6 +60,7 @@ export class TextFieldElement extends SizedPDFElement {
             height: this.height ?? 0,
             spec: this.spec,
             style: this.style,
+            font: this.font,
         };
     }
 }