@flowselections/layout-maker 1.23.2 → 1.24.0

package/dist-lib/lib/browserPrint.js

@@ -26,7 +26,7 @@ export function paginaCss(formaat, orientatie, margeMm = 0) {
     const gedraaid = formaat && orientatie === "landscape"
         ? `${formaat.hoogte}mm ${formaat.breedte}mm`
         : size;
-    return `@page { size: ${gedraaid}; margin: ${margeMm}mm; }
+    return `@page { size: ${gedraaid}; margin: ${margeMm}mm; }
 @media print { html, body { margin: 0; padding: 0; } }`;
 }
 /**

package/dist-lib/lib/layoutPreview.js

@@ -79,8 +79,8 @@ function elementHtml(el, ctx) {
         case "cirkel":
             return `<div style="${base};border-radius:50%;border:${s.randbreedte || 0.3}mm solid ${s.randkleur ?? "#111827"}"></div>`;
         case "barcode":
-            return `<div style="${base};display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:monospace">
-        <div style="width:100%;height:70%;background:repeating-linear-gradient(90deg,#111 0 1.2px,#fff 1.2px 3px)"></div>
+            return `<div style="${base};display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:monospace">
+        <div style="width:100%;height:70%;background:repeating-linear-gradient(90deg,#111 0 1.2px,#fff 1.2px 3px)"></div>
         <div style="font-size:7pt">${esc(inhoud)}</div></div>`;
         case "qrcode":
             return `<div style="${base};background:repeating-conic-gradient(#111 0% 25%, #fff 0% 50%) 0 0/22% 22%"></div>`;
@@ -125,10 +125,10 @@ export function bouwDocumentHtml(layout, elementen, gegevens) {
     const body = zichtbaar.map((e) => elementHtml(e, ctx)).join("");
     const b = layout.orientatie === "landscape" ? layout.hoogte_mm : layout.breedte_mm;
     const h = layout.orientatie === "landscape" ? layout.breedte_mm : layout.hoogte_mm;
-    return `<!doctype html><html lang="nl"><head><meta charset="utf-8"><title>${esc(layout.naam)}</title>
-<style>@page{size:${b}mm ${h}mm;margin:0}
-body{margin:0;background:#e5e7eb}
-.pagina{position:relative;width:${b}mm;height:${h}mm;background:#fff;margin:0 auto;overflow:hidden}
-@media print{body{background:#fff}}</style></head>
+    return `<!doctype html><html lang="nl"><head><meta charset="utf-8"><title>${esc(layout.naam)}</title>
+<style>@page{size:${b}mm ${h}mm;margin:0}
+body{margin:0;background:#e5e7eb}
+.pagina{position:relative;width:${b}mm;height:${h}mm;background:#fff;margin:0 auto;overflow:hidden}
+@media print{body{background:#fff}}</style></head>
 <body><div class="pagina">${body}</div></body></html>`;
 }

package/dist-lib/lib/pakbonHtml.js

@@ -640,56 +640,56 @@ export function renderPakbonDocument(config, order, opties = {}) {
     const font = opties.lettertype ?? 'Arial, Helvetica, "Segoe UI", sans-serif';
     const grootte = opties.lettergrootte ?? 8.5;
     const body = renderPakbonBody(config, order, opties);
-    return `<!doctype html><html lang="nl"><head><meta charset="utf-8" />
-<title>${esc(opties.titel ?? "Pakbon")}</title>
-<style>
-@page { size: ${b}mm ${h}mm; margin: ${marge}mm; }
-* { box-sizing: border-box; }
-html, body { margin: 0; padding: 0; }
-body { font-family: ${font}; font-size: ${grootte}pt; color: #111827; line-height: 1.35; }
-.blok { margin-bottom: 2mm; }
-.sectitel { font-size: 90%; font-weight: 600; text-transform: uppercase; color: #6b7280; margin-bottom: 0.6mm; }
-.vet { font-weight: 600; }
-.kv { display: flex; justify-content: space-between; gap: 3mm; }
-.kv .k { color: #6b7280; }
-.kv .v { font-weight: 500; }
-.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 6mm; }
-.kader { border: 0.25mm solid #d1d5db; border-radius: 1mm; padding: 1.5mm; }
-table.regels { width: 100%; border-collapse: collapse; }
-table.regels.vast { table-layout: fixed; }
-table.regels.vast td, table.regels.vast th { overflow-wrap: anywhere; }
-table.regels th, table.regels td { padding: 0.7mm 1mm; vertical-align: top; }
-table.regels th { font-size: 90%; text-transform: uppercase; color: #6b7280; font-weight: 600; text-align: left; }
-.rand { border: 0.2mm solid #d1d5db; }
-.onder { border-bottom: 0.2mm solid #d1d5db; }
-table.regels.compact th, table.regels.compact td { padding: 0.3mm 0.8mm; }
-tr.zebra td { background: #f3f4f6; }
-.plijst { margin: 0; padding-left: 4mm; }
-.groep { margin-bottom: 1.5mm; }
-.regelrij { display: flex; gap: 2mm; }
-.tweekolom { display: grid; grid-template-columns: 1fr 1fr; gap: 3mm; }
-.karblok { margin-bottom: 2mm; }
-.karblok.omkaderd { border: 0.25mm solid #d1d5db; border-radius: 1mm; padding: 1.5mm; }
-.karkop { display: flex; justify-content: space-between; align-items: center; padding: 0.8mm 1.5mm; border-radius: 1mm; margin-bottom: 1mm; }
-.bundel { display: inline-block; border: 0.3mm dashed #6b7280; border-radius: 1mm; padding: 0.4mm 1.5mm; margin-bottom: 1mm; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2mm; font-size: 90%; }
-.laag { margin-bottom: 1.5mm; }
-.laagkop { display: flex; justify-content: space-between; font-weight: 500; border-bottom: 0.2mm solid #d1d5db; padding-bottom: 0.4mm; margin-bottom: 0.6mm; }
-.laagkop.compact { border-bottom: none; }
-.meta { display: flex; gap: 3mm; font-size: 88%; font-weight: 400; color: #4b5563; }
-.totalen { display: flex; flex-wrap: wrap; gap: 5mm; border-top: 0.25mm solid #d1d5db; padding-top: 1.2mm; font-weight: 500; }
-.paginavoet { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; }
-.handtekening { margin-top: 3mm; }
-.lijnveld { margin-top: 4mm; border-bottom: 0.25mm solid #6b7280; padding-bottom: 3mm; }
-.lijnveld.hoog { padding-bottom: 10mm; }
-.lijn { border-top: 0.25mm solid #d1d5db; margin: 1.5mm 0; }
-.balk { height: 1mm; background: #374151; margin: 1.5mm 0; }
-.qr { border: 0.25mm dashed #9ca3af; }
-.streepjes { width: 45mm; background: repeating-linear-gradient(to right, #111827 0 2px, transparent 2px 5px); }
-.klein { font-size: 85%; color: #6b7280; }
-.breekvoor { break-before: page; page-break-before: always; }
-.heelhouden { break-inside: avoid; page-break-inside: avoid; }
-img { max-width: 100%; }
-</style></head>
+    return `<!doctype html><html lang="nl"><head><meta charset="utf-8" />
+<title>${esc(opties.titel ?? "Pakbon")}</title>
+<style>
+@page { size: ${b}mm ${h}mm; margin: ${marge}mm; }
+* { box-sizing: border-box; }
+html, body { margin: 0; padding: 0; }
+body { font-family: ${font}; font-size: ${grootte}pt; color: #111827; line-height: 1.35; }
+.blok { margin-bottom: 2mm; }
+.sectitel { font-size: 90%; font-weight: 600; text-transform: uppercase; color: #6b7280; margin-bottom: 0.6mm; }
+.vet { font-weight: 600; }
+.kv { display: flex; justify-content: space-between; gap: 3mm; }
+.kv .k { color: #6b7280; }
+.kv .v { font-weight: 500; }
+.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 6mm; }
+.kader { border: 0.25mm solid #d1d5db; border-radius: 1mm; padding: 1.5mm; }
+table.regels { width: 100%; border-collapse: collapse; }
+table.regels.vast { table-layout: fixed; }
+table.regels.vast td, table.regels.vast th { overflow-wrap: anywhere; }
+table.regels th, table.regels td { padding: 0.7mm 1mm; vertical-align: top; }
+table.regels th { font-size: 90%; text-transform: uppercase; color: #6b7280; font-weight: 600; text-align: left; }
+.rand { border: 0.2mm solid #d1d5db; }
+.onder { border-bottom: 0.2mm solid #d1d5db; }
+table.regels.compact th, table.regels.compact td { padding: 0.3mm 0.8mm; }
+tr.zebra td { background: #f3f4f6; }
+.plijst { margin: 0; padding-left: 4mm; }
+.groep { margin-bottom: 1.5mm; }
+.regelrij { display: flex; gap: 2mm; }
+.tweekolom { display: grid; grid-template-columns: 1fr 1fr; gap: 3mm; }
+.karblok { margin-bottom: 2mm; }
+.karblok.omkaderd { border: 0.25mm solid #d1d5db; border-radius: 1mm; padding: 1.5mm; }
+.karkop { display: flex; justify-content: space-between; align-items: center; padding: 0.8mm 1.5mm; border-radius: 1mm; margin-bottom: 1mm; }
+.bundel { display: inline-block; border: 0.3mm dashed #6b7280; border-radius: 1mm; padding: 0.4mm 1.5mm; margin-bottom: 1mm; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2mm; font-size: 90%; }
+.laag { margin-bottom: 1.5mm; }
+.laagkop { display: flex; justify-content: space-between; font-weight: 500; border-bottom: 0.2mm solid #d1d5db; padding-bottom: 0.4mm; margin-bottom: 0.6mm; }
+.laagkop.compact { border-bottom: none; }
+.meta { display: flex; gap: 3mm; font-size: 88%; font-weight: 400; color: #4b5563; }
+.totalen { display: flex; flex-wrap: wrap; gap: 5mm; border-top: 0.25mm solid #d1d5db; padding-top: 1.2mm; font-weight: 500; }
+.paginavoet { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; }
+.handtekening { margin-top: 3mm; }
+.lijnveld { margin-top: 4mm; border-bottom: 0.25mm solid #6b7280; padding-bottom: 3mm; }
+.lijnveld.hoog { padding-bottom: 10mm; }
+.lijn { border-top: 0.25mm solid #d1d5db; margin: 1.5mm 0; }
+.balk { height: 1mm; background: #374151; margin: 1.5mm 0; }
+.qr { border: 0.25mm dashed #9ca3af; }
+.streepjes { width: 45mm; background: repeating-linear-gradient(to right, #111827 0 2px, transparent 2px 5px); }
+.klein { font-size: 85%; color: #6b7280; }
+.breekvoor { break-before: page; page-break-before: always; }
+.heelhouden { break-inside: avoid; page-break-inside: avoid; }
+img { max-width: 100%; }
+</style></head>
 <body>${body}</body></html>`;
 }
 /** Handig voor testen: het document met de voorbeeldgegevens. */

package/dist-lib/lib/printApi.d.ts

@@ -53,6 +53,16 @@ export declare function printDocument(input: PrintDocumentInput): Promise<PrintD
  * papierformaat. Geeft `null` als er niets gekoppeld is.
  */
 export declare function printerVoorDocumenttype(documenttype: DocumentType | string, papierformaat?: string, werkplek?: string, printplekId?: string): Promise<string | null>;
+/**
+ * De printer die bij een concrete layout hoort. Handig bij voorbeeldafdrukken:
+ * daar weet je precies welke layout je aan het ontwerpen bent, zodat er niet
+ * eerst een andere layout van dezelfde documentsoort gezocht hoeft te worden.
+ */
+export declare function printerVoorLayout(layout: {
+    id?: string | null;
+    documenttype?: string | null;
+    papierformaat?: string | null;
+}, werkplek?: string, printplekId?: string): Promise<string | null>;
 export interface PrintPdfInput {
     /** Documentsoort, alleen voor overzicht en printerkeuze. */
     documenttype: DocumentType | string;

package/dist-lib/lib/printApi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"printApi.d.ts","sourceRoot":"","sources":["../../src/lib/printApi.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"printApi.d.ts","sourceRoot":"","sources":["../../src/lib/printApi.ts"],"names":[],"mappings":"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"}

package/dist-lib/lib/printApi.js

@@ -176,6 +176,15 @@ export async function printerVoorDocumenttype(documenttype, papierformaat, werkp
     const layout = await bepaalLayout(documenttype);
     return bepaalPrinter(documenttype, layout?.id ?? null, papierformaat ?? layout?.papierformaat ?? null, werkplek ?? null, printplekId ?? null);
 }
+/**
+ * De printer die bij een concrete layout hoort. Handig bij voorbeeldafdrukken:
+ * daar weet je precies welke layout je aan het ontwerpen bent, zodat er niet
+ * eerst een andere layout van dezelfde documentsoort gezocht hoeft te worden.
+ */
+export async function printerVoorLayout(layout, werkplek, printplekId) {
+    const documenttype = String(layout.documenttype ?? "");
+    return bepaalPrinter(documenttype, layout.id ?? null, layout.papierformaat ?? null, werkplek ?? null, printplekId ?? null);
+}
 /**
  * Print een kant-en-klare PDF (klantsticker, Floriday-document, factuur van een
  * externe dienst). De PDF gaat ongewijzigd naar de printer; er wordt geen

package/dist-lib/lib/printQueue.server.d.ts

@@ -12,6 +12,8 @@ type LayoutKeuze = {
     layout: Job | null;
     expliciet: boolean;
 };
+/** Zet een binnenkomend documenttype om naar de sleutel van deze module. */
+export declare function normaliseerDocumenttype(type: unknown): string;
 /**
  * Haalt een kant-en-klare PDF van de opdracht op (klantstickers, standaard
  * Floriday-documenten). Die gaat ongewijzigd naar de printer.

package/dist-lib/lib/printQueue.server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"printQueue.server.d.ts","sourceRoot":"","sources":["../../src/lib/printQueue.server.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAiB5D,KAAK,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE/B,mFAAmF;AACnF,MAAM,MAAM,OAAO,GAAG,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAEpD;;;;GAIG;AACH,wBAAsB,gBAAgB,CAAC,EAAE,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAW1E;AAeD,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,GAAG,GAAG,IAAI,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;AAqF9D;;;GAGG;AACH,wBAAsB,cAAc,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CA+BnF;AAgPD;;;;GAIG;AACH,wBAAsB,QAAQ,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAoHzF;AAGD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAY1D;AAwLD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,wEAAwE;AACxE,wBAAsB,eAAe,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,SAAI,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAmBtF"}
+{"version":3,"file":"printQueue.server.d.ts","sourceRoot":"","sources":["../../src/lib/printQueue.server.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAsB5D,KAAK,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE/B,mFAAmF;AACnF,MAAM,MAAM,OAAO,GAAG,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAEpD;;;;GAIG;AACH,wBAAsB,gBAAgB,CAAC,EAAE,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAW1E;AAeD,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,GAAG,GAAG,IAAI,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;AAc9D,4EAA4E;AAC5E,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,CAI7D;AA6FD;;;GAGG;AACH,wBAAsB,cAAc,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CA+BnF;AAgPD;;;;GAIG;AACH,wBAAsB,QAAQ,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CA8HzF;AAGD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAY1D;AAwLD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,wEAAwE;AACxE,wBAAsB,eAAe,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,SAAI,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAmBtF"}

package/dist-lib/lib/printQueue.server.js

@@ -3,11 +3,11 @@
 // Pakt wachtende opdrachten op, maakt er een PDF van en stuurt die stil naar
 // de juiste printer. Draait alleen op de server (cron / interne aanroep).
 // ============================================================================
-import { maakPakbonOrder, renderPakbonDocument } from "./pakbonHtml.js";
+import { maakPakbonOrder, renderPakbonDocument, voorbeeldPakbonOrder, } from "./pakbonHtml.js";
 import { renderProductiebonDocument } from "./productiebonHtml.js";
 import { heeftOrderInhoud, laadOrderVanuitDatabase } from "./orderData.server.js";
 import { profielHeeftInhoud, renderProfielDocument } from "./profielHtml.js";
-import { bouwDocumentHtml } from "./layoutPreview.js";
+import { bouwDocumentHtml, voorbeeldContext } from "./layoutPreview.js";
 import { htmlNaarPdfServer, PdfRenderFout } from "./htmlNaarPdf.server.js";
 import { stuurPdfNaarPrinter, opdrachtStatus } from "./printService.server.js";
 import { kiesPapier } from "./papierFormaten.js";
@@ -47,6 +47,24 @@ class GeenDocumentFout extends Error {
         this.name = "GeenDocumentFout";
     }
 }
+/**
+ * Oudere/andere benamingen voor hetzelfde document. De Logistiek Engine noemt
+ * de afleverbrief bijvoorbeeld nog "verzendbrief"; hier vertalen we dat naar
+ * het documenttype dat deze module kent.
+ */
+const DOCUMENTTYPE_ALIASSEN = {
+    verzendbrief: "afleverbrief",
+    verzendbon: "afleverbrief",
+    vrachtbrief: "afleverbrief",
+    bvo: "afleverbrief",
+};
+/** Zet een binnenkomend documenttype om naar de sleutel van deze module. */
+export function normaliseerDocumenttype(type) {
+    const t = String(type ?? "").trim().toLowerCase();
+    if (!t)
+        return "document";
+    return DOCUMENTTYPE_ALIASSEN[t] ?? t;
+}
 /**
  * Zoekt de layout die bij de opdracht hoort.
  * Staat er een layout_id op de opdracht (bijv. gezet door de Logistiek
@@ -55,7 +73,13 @@ class GeenDocumentFout extends Error {
  * layout van het documenttype.
  */
 async function zoekLayout(db, job) {
-    const uitPayload = job.payload?.layoutId ?? job.payload?.data?.layoutId ?? job.payload?.layout_id ?? null;
+    const heeftEigenOpmaak = typeof job.render_html === "string" && job.render_html.trim().length > 40;
+    // Een layout-id in het kenmerkenveld is alleen een verwijzing, geen
+    // koppeling: is er opmaak meegestuurd (bijv. een voorbeeldafdruk uit de
+    // ontwerper), dan is die opmaak leidend.
+    const uitPayload = heeftEigenOpmaak
+        ? null
+        : (job.payload?.layoutId ?? job.payload?.data?.layoutId ?? job.payload?.layout_id ?? null);
     const id = job.layout_id ?? uitPayload;
     if (id) {
         const { data } = await db
@@ -66,19 +90,19 @@ async function zoekLayout(db, job) {
         if (!data) {
             throw new GeenDocumentFout("De layout die aan deze opdracht hangt bestaat niet meer. Koppel een geldige layout.");
         }
-        return { layout: data, expliciet: true };
+        return { layout: data, expliciet: Boolean(job.layout_id) };
     }
     const { data } = await db
         .from("document_layouts")
         .select("*")
-        .eq("documenttype", job.documenttype)
+        .eq("documenttype", normaliseerDocumenttype(job.documenttype))
         .eq("actief", true)
         .order("is_standaard", { ascending: false })
         .order("updated_at", { ascending: false })
         .limit(1);
     const gevonden = (arr(data)[0] ?? null);
     if (!gevonden && !job.render_html) {
-        throw new GeenDocumentFout(`Geen layout gevonden voor documenttype '${String(job.documenttype)}'. ` +
+        throw new GeenDocumentFout(`Geen layout gevonden voor documenttype '${normaliseerDocumenttype(job.documenttype)}'. ` +
             "Maak een layout aan en zet die op actief.");
     }
     return { layout: gevonden, expliciet: false };
@@ -95,7 +119,7 @@ async function zoekBronregel(db, job) {
     const { data } = await db
         .from("document_bronregels")
         .select("bron, layout_id")
-        .eq("documenttype", job.documenttype)
+        .eq("documenttype", normaliseerDocumenttype(job.documenttype))
         .eq("herkomst", herkomst)
         .maybeSingle();
     const regel = data;
@@ -282,7 +306,7 @@ async function zoekPrinter(db, job, layout) {
             .maybeSingle();
         return data && data.actief !== false ? data : null;
     };
-    const type = String(job.documenttype ?? "document");
+    const type = normaliseerDocumenttype(job.documenttype);
     // 1. Printer die expliciet op de opdracht staat (bijv. handmatig herprinten).
     let printer = await pak(job.printer_id);
     if (printer)
@@ -434,7 +458,13 @@ export async function bouwHtml(db, job, keuze) {
     if ((pakbonSecties && pakbonSecties.length) || String(layout.documenttype) === "pakbon") {
         const orderBron = p.order ?? p.data?.order ?? p.data ?? p;
         const uitDb = heeftOrderInhoud(orderBron) ? null : await laadOrderVanuitDatabase(db, p);
-        const order = maakPakbonOrder(uitDb ?? orderBron);
+        // Een voorbeeldafdruk zonder ordergegevens krijgt een voorbeeldorder, zodat
+        // je ziet hoe het document er in de praktijk uitziet.
+        const bron = uitDb ??
+            (p.voorbeeld === true && !heeftOrderInhoud(orderBron)
+                ? voorbeeldPakbonOrder()
+                : orderBron);
+        const order = maakPakbonOrder(bron);
         return renderPakbonDocument(layout.config, order, {
             breedteMm,
             hoogteMm,
@@ -485,7 +515,9 @@ export async function bouwHtml(db, job, keuze) {
             "Zet in de layoutinstellingen minstens één onderdeel aan.");
     }
     const logos = await logosVoor(db, layout);
-    return renderProfielDocument(String(layout.documenttype), cfg, p.data ?? p, {
+    const gegevens = (p.data ?? p);
+    const profielData = p.voorbeeld === true ? { ...voorbeeldContext(), ...(gegevens ?? {}) } : gegevens;
+    return renderProfielDocument(String(layout.documenttype), cfg, profielData, {
         breedteMm,
         hoogteMm,
         margeMm: Number(layout.marge_boven ?? 8),