@jasy/pdf 1.0.0-alpha.1 → 1.0.0-alpha.3

package/dist/renderer/pdf-document-renderer.js

@@ -1,43 +1,29 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PDFDocumentRenderer = void 0;
-const page_element_1 = require("../elements/page-element");
-const box_constraints_1 = require("../layout/box-constraints");
-const fragmentation_1 = require("../layout/fragmentation");
-const page_renderer_1 = require("./page-renderer");
-class PDFDocumentRenderer {
-    static render(document, objectManager, ctx) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const pageNumbers = [];
-            // Add the pages object first... we need its object number (resources). The count is
-            // a placeholder; it is replaced below with the real (post-pagination) page count.
-            const pagesObject = `<< /Type /Pages /Kids [] /Count ${document.getProps().children.length} >>`;
-            const pagesObjectNumber = objectManager.addObject(pagesObject);
-            // Now set the given object number all its childs
-            objectManager.setParentObjectNumber(pagesObjectNumber);
-            // The page driver: each logical PageElement may produce SEVERAL physical PDF pages
-            // when its content overflows (Slice 0: whole children reflow to the next page).
-            for (let page of document.getProps().children) {
-                const numbers = yield PDFDocumentRenderer.renderLogicalPage(page, objectManager, ctx);
-                pageNumbers.push(...numbers);
-            }
-            // We must update the pages object with the real physical page numbers and count.
-            const updatedPagesObject = `<< /Type /Pages /Kids [${pageNumbers
-                .map((num) => `${num} 0 R`)
-                .join(" ")}] /Count ${pageNumbers.length} >>`;
-            // Now we must replace it in the object manager
-            objectManager.replaceObject(pagesObjectNumber, updatedPagesObject);
-            return pagesObjectNumber;
-        });
+import { layoutPageBands, PageElement } from "../elements/page-element.js";
+import { BoxConstraints } from "../layout/box-constraints.js";
+import { isFragmentable } from "../layout/fragmentation.js";
+import { PageRenderer } from "./page-renderer.js";
+export class PDFDocumentRenderer {
+    static async render(document, objectManager, ctx) {
+        const pageNumbers = [];
+        // Add the pages object first... we need its object number (resources). The count is
+        // a placeholder; it is replaced below with the real (post-pagination) page count.
+        const pagesObject = `<< /Type /Pages /Kids [] /Count ${document.getProps().children.length} >>`;
+        const pagesObjectNumber = objectManager.addObject(pagesObject);
+        // Now set the given object number all its childs
+        objectManager.setParentObjectNumber(pagesObjectNumber);
+        // The page driver: each logical PageElement may produce SEVERAL physical PDF pages
+        // when its content overflows (Slice 0: whole children reflow to the next page).
+        for (let page of document.getProps().children) {
+            const numbers = await PDFDocumentRenderer.renderLogicalPage(page, objectManager, ctx);
+            pageNumbers.push(...numbers);
+        }
+        // We must update the pages object with the real physical page numbers and count.
+        const updatedPagesObject = `<< /Type /Pages /Kids [${pageNumbers
+            .map((num) => `${num} 0 R`)
+            .join(" ")}] /Count ${pageNumbers.length} >>`;
+        // Now we must replace it in the object manager
+        objectManager.replaceObject(pagesObjectNumber, updatedPagesObject);
+        return pagesObjectNumber;
     }
     /**
      * Renders one logical page, paginating it into one or more physical pages.
@@ -46,59 +32,59 @@ class PDFDocumentRenderer {
      * fragmentation context (a Container). Anything else renders as a single page on the
      * unchanged path, so non-overflowing documents stay byte-identical to pre-Slice-0.
      */
-    static renderLogicalPage(page, objectManager, ctx) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const { children, config, header, footer } = page.getProps();
-            if (children.length !== 1 || !(0, fragmentation_1.isFragmentable)(children[0])) {
-                return [yield page_renderer_1.PageRenderer.render(page, objectManager)];
+    static async renderLogicalPage(page, objectManager, ctx) {
+        const { children, config, header, footer } = page.getProps();
+        if (children.length !== 1 || !isFragmentable(children[0])) {
+            return [await PageRenderer.render(page, objectManager)];
+        }
+        // Header/footer repeat on every physical page, so the body only ever flows into the
+        // band between them. Resolve that band once (config is already merged by pass 1).
+        const pageCtx = {
+            metrics: ctx.metrics,
+            pageConfig: config,
+            textStyle: ctx.textStyle,
+            onOverflow: ctx.onOverflow,
+        };
+        const { bodyWidth: width, bodyHeight: height } = layoutPageBands(config, header, footer, pageCtx);
+        const numbers = [];
+        let region = children[0];
+        let isFirstRegion = true;
+        while (region) {
+            if (!isFragmentable(region)) {
+                // A non-fragmentable remainder is placed whole on its own page.
+                numbers.push(await PDFDocumentRenderer.renderPhysicalPage(config, region, header, footer, objectManager, ctx));
+                break;
             }
-            // Header/footer repeat on every physical page, so the body only ever flows into the
-            // band between them. Resolve that band once (config is already merged by pass 1).
-            const pageCtx = { metrics: ctx.metrics, pageConfig: config };
-            const { bodyWidth: width, bodyHeight: height } = (0, page_element_1.layoutPageBands)(config, header, footer, pageCtx);
-            const numbers = [];
-            let region = children[0];
-            let isFirstRegion = true;
-            while (region) {
-                if (!(0, fragmentation_1.isFragmentable)(region)) {
-                    // A non-fragmentable remainder is placed whole on its own page.
-                    numbers.push(yield PDFDocumentRenderer.renderPhysicalPage(config, region, header, footer, objectManager, ctx));
-                    break;
-                }
-                const { fitted, remainder } = region.fragment(height, width, ctx);
-                // Everything fits on one page: render the ORIGINAL page so output is unchanged.
-                // Measuring inside fragment() laid the children out at the origin to size them, so
-                // re-run the page layout first to restore their real positions (deterministic).
-                if (isFirstRegion && remainder === null) {
-                    page.calculateLayout(new box_constraints_1.BoxConstraints(), { x: 0, y: 0 }, ctx);
-                    numbers.push(yield page_renderer_1.PageRenderer.render(page, objectManager));
-                    break;
-                }
-                if (fitted) {
-                    numbers.push(yield PDFDocumentRenderer.renderPhysicalPage(config, fitted, header, footer, objectManager, ctx));
-                }
-                region = remainder;
-                isFirstRegion = false;
+            const { fitted, remainder } = region.fragment(height, width, ctx);
+            // Everything fits on one page: render the ORIGINAL page so output is unchanged.
+            // Measuring inside fragment() laid the children out at the origin to size them, so
+            // re-run the page layout first to restore their real positions (deterministic).
+            if (isFirstRegion && remainder === null) {
+                page.calculateLayout(new BoxConstraints(), { x: 0, y: 0 }, ctx);
+                numbers.push(await PageRenderer.render(page, objectManager));
+                break;
             }
-            return numbers;
-        });
+            if (fitted) {
+                numbers.push(await PDFDocumentRenderer.renderPhysicalPage(config, fitted, header, footer, objectManager, ctx));
+            }
+            region = remainder;
+            isFirstRegion = false;
+        }
+        return numbers;
     }
     /**
      * Lays out one fragment on a fresh page of the same geometry and renders it. The
      * header/footer are attached to every physical page so they repeat; `PageElement`
      * re-places them and the body in the band between.
      */
-    static renderPhysicalPage(config, content, header, footer, objectManager, ctx) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const physicalPage = new page_element_1.PageElement({
-                config,
-                header,
-                footer,
-                children: [content],
-            });
-            physicalPage.calculateLayout(new box_constraints_1.BoxConstraints(), { x: 0, y: 0 }, ctx);
-            return page_renderer_1.PageRenderer.render(physicalPage, objectManager);
+    static async renderPhysicalPage(config, content, header, footer, objectManager, ctx) {
+        const physicalPage = new PageElement({
+            config,
+            header,
+            footer,
+            children: [content],
         });
+        physicalPage.calculateLayout(new BoxConstraints(), { x: 0, y: 0 }, ctx);
+        return PageRenderer.render(physicalPage, objectManager);
     }
 }
-exports.PDFDocumentRenderer = PDFDocumentRenderer;

package/dist/renderer/pdf-renderer.d.ts

@@ -1,5 +1,5 @@
-import { PDFDocumentElement } from "../elements/pdf-document-element";
-import { PDFObjectManager } from "../utils/pdf-object-manager";
+import { PDFDocumentElement } from "../elements/pdf-document-element.js";
+import { PDFObjectManager } from "../utils/pdf-object-manager.js";
 export declare class PDFRenderer {
     static render(document: PDFDocumentElement, objectManager: PDFObjectManager): Promise<string>;
 }

package/dist/renderer/pdf-renderer.js

@@ -1,92 +1,85 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PDFRenderer = void 0;
-const pdf_document_renderer_1 = require("./pdf-document-renderer");
-const renderer_registry_1 = require("../utils/renderer-registry");
-const elements_1 = require("../elements");
-const text_renderer_1 = require("./text-renderer");
-const container_element_1 = require("../elements/container-element");
-const rectangle_element_1 = require("../elements/rectangle-element");
-const row_element_1 = require("../elements/row-element");
-const container_renderer_1 = require("./container-renderer");
-const rectangle_renderer_1 = require("./rectangle-renderer");
-const row_renderer_1 = require("./row-renderer");
-const expanded_renderer_1 = require("./expanded-renderer");
-const padding_renderer_1 = require("./padding-renderer");
-const image_renderer_1 = require("./image-renderer");
-const line_renderer_1 = require("./line-renderer");
-const repeating_header_element_1 = require("../elements/layout/repeating-header-element");
-const repeating_header_renderer_1 = require("./repeating-header-renderer");
-const deferred_element_1 = require("../elements/layout/deferred-element");
-const deferred_renderer_1 = require("./deferred-renderer");
-const box_constraints_1 = require("../layout/box-constraints");
-class PDFRenderer {
-    static render(document, objectManager) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // Register all Renderer
-            renderer_registry_1.RendererRegistry.register(elements_1.TextElement, text_renderer_1.TextRenderer.render);
-            renderer_registry_1.RendererRegistry.register(container_element_1.ContainerElement, container_renderer_1.ContainerRenderer.render);
-            renderer_registry_1.RendererRegistry.register(row_element_1.RowElement, row_renderer_1.RowRenderer.render);
-            renderer_registry_1.RendererRegistry.register(rectangle_element_1.RectangleElement, rectangle_renderer_1.RectangleRenderer.render);
-            renderer_registry_1.RendererRegistry.register(elements_1.ExpandedElement, expanded_renderer_1.ExpandedRenderer.render);
-            renderer_registry_1.RendererRegistry.register(elements_1.PaddingElement, padding_renderer_1.PaddingRenderer.render);
-            renderer_registry_1.RendererRegistry.register(elements_1.ImageElement, image_renderer_1.ImageRenderer.render);
-            renderer_registry_1.RendererRegistry.register(elements_1.LineElement, line_renderer_1.LineRenderer.render);
-            renderer_registry_1.RendererRegistry.register(repeating_header_element_1.RepeatingHeaderElement, repeating_header_renderer_1.RepeatingHeaderRenderer.render);
-            renderer_registry_1.RendererRegistry.register(deferred_element_1.DeferredElement, deferred_renderer_1.DeferredRenderer.render);
-            let pdfContent = "";
-            // Header: version line + the PDF/A binary marker (the object manager owns it so its length
-            // matches the xref offset calculation).
-            pdfContent += objectManager.getHeader();
-            // Layout pass: thread the context explicitly. The seed page config is the document
-            // default; each PageElement overrides it for its own subtree.
-            const ctx = {
-                metrics: objectManager,
-                pageConfig: objectManager.getPDFConfig(),
-            };
-            document.calculateLayout(new box_constraints_1.BoxConstraints(), { x: 0, y: 0 }, ctx);
-            // Render pages and contents (the driver paginates overflowing pages).
-            yield pdf_document_renderer_1.PDFDocumentRenderer.render(document, objectManager, ctx);
-            // Add the catalog. XMP metadata (/Metadata) and embedded files (/AF + /Names/EmbeddedFiles)
-            // are added only when present; with neither, the catalog is byte-identical to before.
-            const catalogParts = [`/Type /Catalog /Pages ${objectManager.getParentObjectNumber()} 0 R`];
-            const xmp = objectManager.getXmpMetadata();
-            if (xmp) {
-                const metadataObject = objectManager.addObject(`<< /Type /Metadata /Subtype /XML /Length ${xmp.length} >>\nstream\n${xmp}\nendstream`);
-                catalogParts.push(`/Metadata ${metadataObject} 0 R`);
-            }
-            const outputIntent = objectManager.getOutputIntent();
-            if (outputIntent) {
-                catalogParts.push(`/OutputIntents [${outputIntent} 0 R]`);
-            }
-            const attachments = objectManager.getAttachments();
-            if (attachments.length > 0) {
-                const names = attachments.map((a) => `(${a.name}) ${a.filespec} 0 R`).join(" ");
-                const af = attachments.map((a) => `${a.filespec} 0 R`).join(" ");
-                catalogParts.push(`/AF [${af}]`, `/Names << /EmbeddedFiles << /Names [${names}] >> >>`);
-            }
-            const catalogObject = `<< ${catalogParts.join(" ")} >>`;
-            objectManager.addObject(catalogObject);
-            // Now that the render pass has revealed which glyphs each embedded font uses, fill the reserved
-            // font objects with the subset font program (must happen before the objects are serialized).
-            objectManager.finalizeCustomFonts();
-            // Add rendered objects
-            pdfContent += objectManager.getRenderedObjects();
-            // Add XRef table and trailer
-            const startxref = pdfContent.length;
-            pdfContent += objectManager.getXRefTable();
-            pdfContent += objectManager.getTrailerAndXRef(startxref);
-            return pdfContent;
-        });
+import { PDFDocumentRenderer } from "./pdf-document-renderer.js";
+import { RendererRegistry } from "../utils/renderer-registry.js";
+import { DefaultTextStyleElement, ExpandedElement, ImageElement, LineElement, PaddingElement, TextElement, } from "../elements/index.js";
+import { TextRenderer } from "./text-renderer.js";
+import { ContainerElement } from "../elements/container-element.js";
+import { RectangleElement } from "../elements/rectangle-element.js";
+import { RowElement } from "../elements/row-element.js";
+import { ContainerRenderer } from "./container-renderer.js";
+import { RectangleRenderer } from "./rectangle-renderer.js";
+import { RowRenderer } from "./row-renderer.js";
+import { ExpandedRenderer } from "./expanded-renderer.js";
+import { PaddingRenderer } from "./padding-renderer.js";
+import { DefaultTextStyleRenderer } from "./default-text-style-renderer.js";
+import { ImageRenderer } from "./image-renderer.js";
+import { LineRenderer } from "./line-renderer.js";
+import { RepeatingHeaderElement } from "../elements/layout/repeating-header-element.js";
+import { RepeatingHeaderRenderer } from "./repeating-header-renderer.js";
+import { DeferredElement } from "../elements/layout/deferred-element.js";
+import { DeferredRenderer } from "./deferred-renderer.js";
+import { PositionedElement } from "../elements/layout/positioned-element.js";
+import { PositionedRenderer } from "./positioned-renderer.js";
+import { BoxConstraints } from "../layout/box-constraints.js";
+import { DEFAULT_TEXT_STYLE, mergeTextStyle } from "../text/text-style.js";
+export class PDFRenderer {
+    static async render(document, objectManager) {
+        // Register all Renderer
+        RendererRegistry.register(TextElement, TextRenderer.render);
+        RendererRegistry.register(ContainerElement, ContainerRenderer.render);
+        RendererRegistry.register(RowElement, RowRenderer.render);
+        RendererRegistry.register(RectangleElement, RectangleRenderer.render);
+        RendererRegistry.register(ExpandedElement, ExpandedRenderer.render);
+        RendererRegistry.register(PaddingElement, PaddingRenderer.render);
+        RendererRegistry.register(DefaultTextStyleElement, DefaultTextStyleRenderer.render);
+        RendererRegistry.register(ImageElement, ImageRenderer.render);
+        RendererRegistry.register(LineElement, LineRenderer.render);
+        RendererRegistry.register(RepeatingHeaderElement, RepeatingHeaderRenderer.render);
+        RendererRegistry.register(DeferredElement, DeferredRenderer.render);
+        RendererRegistry.register(PositionedElement, PositionedRenderer.render);
+        let pdfContent = "";
+        // Header: version line + the PDF/A binary marker (the object manager owns it so its length
+        // matches the xref offset calculation).
+        pdfContent += objectManager.getHeader();
+        // Layout pass: thread the context explicitly. The seed page config is the document
+        // default; each PageElement overrides it for its own subtree.
+        const ctx = {
+            metrics: objectManager,
+            pageConfig: objectManager.getPDFConfig(),
+            textStyle: mergeTextStyle(DEFAULT_TEXT_STYLE, document.getDefaultTextStyle()),
+            onOverflow: objectManager.getOverflowPolicy(),
+        };
+        document.calculateLayout(new BoxConstraints(), { x: 0, y: 0 }, ctx);
+        // Render pages and contents (the driver paginates overflowing pages).
+        await PDFDocumentRenderer.render(document, objectManager, ctx);
+        // Add the catalog. XMP metadata (/Metadata) and embedded files (/AF + /Names/EmbeddedFiles)
+        // are added only when present; with neither, the catalog is byte-identical to before.
+        const catalogParts = [`/Type /Catalog /Pages ${objectManager.getParentObjectNumber()} 0 R`];
+        const xmp = objectManager.getXmpMetadata();
+        if (xmp) {
+            const metadataObject = objectManager.addObject(`<< /Type /Metadata /Subtype /XML /Length ${xmp.length} >>\nstream\n${xmp}\nendstream`);
+            catalogParts.push(`/Metadata ${metadataObject} 0 R`);
+        }
+        const outputIntent = objectManager.getOutputIntent();
+        if (outputIntent) {
+            catalogParts.push(`/OutputIntents [${outputIntent} 0 R]`);
+        }
+        const attachments = objectManager.getAttachments();
+        if (attachments.length > 0) {
+            const names = attachments.map((a) => `(${a.name}) ${a.filespec} 0 R`).join(" ");
+            const af = attachments.map((a) => `${a.filespec} 0 R`).join(" ");
+            catalogParts.push(`/AF [${af}]`, `/Names << /EmbeddedFiles << /Names [${names}] >> >>`);
+        }
+        const catalogObject = `<< ${catalogParts.join(" ")} >>`;
+        objectManager.addObject(catalogObject);
+        // Now that the render pass has revealed which glyphs each embedded font uses, fill the reserved
+        // font objects with the subset font program (must happen before the objects are serialized).
+        objectManager.finalizeCustomFonts();
+        // Add rendered objects
+        pdfContent += objectManager.getRenderedObjects();
+        // Add XRef table and trailer
+        const startxref = pdfContent.length;
+        pdfContent += objectManager.getXRefTable();
+        pdfContent += objectManager.getTrailerAndXRef(startxref);
+        return pdfContent;
     }
 }
-exports.PDFRenderer = PDFRenderer;

package/dist/renderer/positioned-renderer.d.ts

@@ -0,0 +1,6 @@
+import { PDFObjectManager } from "../utils/pdf-object-manager.js";
+import { PositionedElement } from "../elements/layout/positioned-element.js";
+import { IRNode } from "../ir/display-list.js";
+export declare class PositionedRenderer {
+    static render(positionedElement: PositionedElement, objectManager: PDFObjectManager): Promise<IRNode[]>;
+}

package/dist/renderer/positioned-renderer.js

@@ -0,0 +1,10 @@
+import { RendererRegistry } from "../utils/renderer-registry.js";
+export class PositionedRenderer {
+    static async render(positionedElement, objectManager) {
+        // The child was already placed (by the frame) during layout; just emit its IR. It is drawn
+        // after the frame's flow content, so it paints on top.
+        const { child } = positionedElement.getProps();
+        const renderer = RendererRegistry.getRenderer(child);
+        return renderer ? renderer(child, objectManager) : [];
+    }
+}

package/dist/renderer/rectangle-renderer.d.ts

@@ -1,6 +1,6 @@
-import { PDFObjectManager } from "../utils/pdf-object-manager";
-import { RectangleElement } from "../elements/rectangle-element";
-import { IRNode } from "../ir/display-list";
+import { PDFObjectManager } from "../utils/pdf-object-manager.js";
+import { RectangleElement } from "../elements/rectangle-element.js";
+import { IRNode } from "../ir/display-list.js";
 export declare class RectangleRenderer {
     static render(rectangleElement: RectangleElement, objectManager: PDFObjectManager): Promise<IRNode[]>;
     /** One `line` node per present side, along the box edges (top-left coordinates). */

package/dist/renderer/rectangle-renderer.js

@@ -1,48 +1,50 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RectangleRenderer = void 0;
-const renderer_registry_1 = require("../utils/renderer-registry");
-class RectangleRenderer {
-    static render(rectangleElement, objectManager) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const { x, y, width, height, children, color, backgroundColor, borderWidth, radius, sideBorders, } = rectangleElement.getProps();
-            const h = height;
-            const nodes = [];
-            if (sideBorders) {
-                // Per-side borders: a fill-only box (no stroke), then a line per present side
-                // (sharp corners). This is what lets cells draw grid lines.
-                if (backgroundColor) {
-                    nodes.push({ type: "rect", x, y, width, height: h, strokeWidth: 0, fill: backgroundColor });
-                }
-                nodes.push(...RectangleRenderer.sideLines(x, y, width, h, borderWidth, sideBorders));
-            }
-            else {
-                // The box itself becomes a display-list primitive. A background means a filled box;
-                // otherwise it is stroked only. (Unchanged path - byte-identical.)
-                const node = Object.assign(Object.assign({ type: "rect", x,
-                    y,
-                    width, height: h, stroke: color, strokeWidth: borderWidth }, (backgroundColor ? { fill: backgroundColor } : {})), (radius ? { radius } : {}));
-                nodes.push(node);
+import { RendererRegistry } from "../utils/renderer-registry.js";
+export class RectangleRenderer {
+    static async render(rectangleElement, objectManager) {
+        const { x, y, width, height, children, color, backgroundColor, borderWidth, radius, sideBorders, overflow, } = rectangleElement.getProps();
+        const h = height;
+        const nodes = [];
+        if (sideBorders) {
+            // Per-side borders: a fill-only box (no stroke), then a line per present side
+            // (sharp corners). This is what lets cells draw grid lines.
+            if (backgroundColor) {
+                nodes.push({ type: "rect", x, y, width, height: h, strokeWidth: 0, fill: backgroundColor });
             }
-            // Children follow the box (Rectangle is also a container).
-            if (children)
-                for (const child of children) {
-                    const renderer = renderer_registry_1.RendererRegistry.getRenderer(child);
-                    if (renderer) {
-                        nodes.push(...(yield renderer(child, objectManager)));
-                    }
+            nodes.push(...RectangleRenderer.sideLines(x, y, width, h, borderWidth, sideBorders));
+        }
+        else {
+            // The box itself becomes a display-list primitive. A background means a filled box;
+            // otherwise it is stroked only. (Unchanged path - byte-identical.)
+            const node = {
+                type: "rect",
+                x,
+                y,
+                width,
+                height: h,
+                stroke: color,
+                strokeWidth: borderWidth,
+                ...(backgroundColor ? { fill: backgroundColor } : {}),
+                ...(radius ? { radius } : {}),
+            };
+            nodes.push(node);
+        }
+        // Children follow the box (Rectangle is also a container). With overflow: "hidden" they are
+        // wrapped in a clip to the (rounded) box rect, so a Positioned child is cropped at the edge
+        // instead of spilling over. Default "visible" emits no clip - byte-identical.
+        const clip = overflow === "hidden";
+        if (clip) {
+            nodes.push({ type: "clip-push", x, y, width, height: h, ...(radius ? { radius } : {}) });
+        }
+        if (children)
+            for (const child of children) {
+                const renderer = RendererRegistry.getRenderer(child);
+                if (renderer) {
+                    nodes.push(...(await renderer(child, objectManager)));
                 }
-            return nodes;
-        });
+            }
+        if (clip)
+            nodes.push({ type: "clip-pop" });
+        return nodes;
     }
     /** One `line` node per present side, along the box edges (top-left coordinates). */
     static sideLines(x, y, width, height, strokeWidth, sides) {
@@ -58,4 +60,3 @@ class RectangleRenderer {
         return lines;
     }
 }
-exports.RectangleRenderer = RectangleRenderer;

package/dist/renderer/repeating-header-renderer.d.ts

@@ -1,6 +1,6 @@
-import { PDFObjectManager } from "../utils/pdf-object-manager";
-import { RepeatingHeaderElement } from "../elements/layout/repeating-header-element";
-import { IRNode } from "../ir/display-list";
+import { PDFObjectManager } from "../utils/pdf-object-manager.js";
+import { RepeatingHeaderElement } from "../elements/layout/repeating-header-element.js";
+import { IRNode } from "../ir/display-list.js";
 export declare class RepeatingHeaderRenderer {
     static render(element: RepeatingHeaderElement, objectManager: PDFObjectManager): Promise<IRNode[]>;
 }

package/dist/renderer/repeating-header-renderer.js

@@ -1,28 +1,13 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RepeatingHeaderRenderer = void 0;
-const renderer_registry_1 = require("../utils/renderer-registry");
-class RepeatingHeaderRenderer {
-    static render(element, objectManager) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const { header, body } = element.getProps();
-            const nodes = [];
-            for (const child of [header, body]) {
-                const renderer = renderer_registry_1.RendererRegistry.getRenderer(child);
-                if (renderer)
-                    nodes.push(...(yield renderer(child, objectManager)));
-            }
-            return nodes;
-        });
+import { RendererRegistry } from "../utils/renderer-registry.js";
+export class RepeatingHeaderRenderer {
+    static async render(element, objectManager) {
+        const { header, body } = element.getProps();
+        const nodes = [];
+        for (const child of [header, body]) {
+            const renderer = RendererRegistry.getRenderer(child);
+            if (renderer)
+                nodes.push(...(await renderer(child, objectManager)));
+        }
+        return nodes;
     }
 }
-exports.RepeatingHeaderRenderer = RepeatingHeaderRenderer;

package/dist/renderer/row-renderer.d.ts

@@ -1,6 +1,6 @@
-import { PDFObjectManager } from "../utils/pdf-object-manager";
-import { RowElement } from "../elements/row-element";
-import { IRNode } from "../ir/display-list";
+import { PDFObjectManager } from "../utils/pdf-object-manager.js";
+import { RowElement } from "../elements/row-element.js";
+import { IRNode } from "../ir/display-list.js";
 export declare class RowRenderer {
     static render(rowElement: RowElement, objectManager: PDFObjectManager): Promise<IRNode[]>;
 }

package/dist/renderer/row-renderer.js

@@ -1,30 +1,15 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RowRenderer = void 0;
-const renderer_registry_1 = require("../utils/renderer-registry");
-class RowRenderer {
-    static render(rowElement, objectManager) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const { children } = rowElement.getProps();
-            const nodes = [];
-            if (children)
-                for (const child of children) {
-                    const renderer = renderer_registry_1.RendererRegistry.getRenderer(child);
-                    if (renderer) {
-                        nodes.push(...(yield renderer(child, objectManager)));
-                    }
+import { RendererRegistry } from "../utils/renderer-registry.js";
+export class RowRenderer {
+    static async render(rowElement, objectManager) {
+        const { children } = rowElement.getProps();
+        const nodes = [];
+        if (children)
+            for (const child of children) {
+                const renderer = RendererRegistry.getRenderer(child);
+                if (renderer) {
+                    nodes.push(...(await renderer(child, objectManager)));
                 }
-            return nodes;
-        });
+            }
+        return nodes;
     }
 }
-exports.RowRenderer = RowRenderer;