@flowselections/layout-maker 1.38.4 → 1.45.8

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

@@ -2,15 +2,15 @@
 // src/lib/aiLayout.server.ts — hulpfuncties voor de AI-layoutgenerator
 // ============================================================================
 const GATEWAY = "https://ai.gateway.lovable.dev/v1/chat/completions";
-const SYSTEM_PROMPT = `Je bent een documentontwerper voor een Nederlands ERP-systeem.
-Je analyseert een bestaand document (PDF of afbeelding) en zet het om naar een herbruikbare layout.
-Herken logo's, adresblokken, koppen, tabellen met kolommen, totalen, barcodes en voetteksten.
-Vervang concrete gegevens door veldcodes zoals {{order.nummer}}, {{klant.naam}}, {{klant.adres}},
-{{factuur.totaal}}, {{systeem.datum}}. Coördinaten en afmetingen zijn in millimeters, linksboven is 0,0.
-Herken logo's als element van het type "logo". Je krijgt een lijst met logo's die al in de centrale
-Logo Bibliotheek staan; als het herkende logo daar duidelijk bij past, zet dan die exacte naam in
-"logo_naam". Past het bij geen enkel bekend logo, laat "logo_naam" dan leeg zodat het als nieuw logo
-kan worden voorgesteld.
+const SYSTEM_PROMPT = `Je bent een documentontwerper voor een Nederlands ERP-systeem.
+Je analyseert een bestaand document (PDF of afbeelding) en zet het om naar een herbruikbare layout.
+Herken logo's, adresblokken, koppen, tabellen met kolommen, totalen, barcodes en voetteksten.
+Vervang concrete gegevens door veldcodes zoals {{order.nummer}}, {{klant.naam}}, {{klant.adres}},
+{{factuur.totaal}}, {{systeem.datum}}. Coördinaten en afmetingen zijn in millimeters, linksboven is 0,0.
+Herken logo's als element van het type "logo". Je krijgt een lijst met logo's die al in de centrale
+Logo Bibliotheek staan; als het herkende logo daar duidelijk bij past, zet dan die exacte naam in
+"logo_naam". Past het bij geen enkel bekend logo, laat "logo_naam" dan leeg zodat het als nieuw logo
+kan worden voorgesteld.
 Antwoord uitsluitend met JSON.`;
 const SCHEMA = {
     type: "object",

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/documentVoorbeeld.functions.d.ts

@@ -0,0 +1,23 @@
+export interface VoorbeeldPdfInvoer {
+    html: string;
+    breedteMm: number;
+    hoogteMm: number;
+    margeMm: number;
+    paginanummers?: boolean;
+}
+/**
+ * Rendert print-HTML met exact dezelfde servercode als de printwachtrij, zodat
+ * het voorbeeld in de editor letterlijk de PDF is die straks wordt geprint.
+ * Er wordt niets opgeslagen en geen printopdracht aangemaakt.
+ */
+export declare const maakVoorbeeldPdf: import("@tanstack/start-client-core").RequiredFetcher<undefined, (invoer: VoorbeeldPdfInvoer) => {
+    html: string;
+    breedteMm: number;
+    hoogteMm: number;
+    margeMm: number;
+    paginanummers: boolean | undefined;
+}, Promise<{
+    pdfBase64: string;
+    bytes: number;
+}>>;
+//# sourceMappingURL=documentVoorbeeld.functions.d.ts.map

package/dist-lib/lib/documentVoorbeeld.functions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"documentVoorbeeld.functions.d.ts","sourceRoot":"","sources":["../../src/lib/documentVoorbeeld.functions.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,4EACF,kBAAkB;;;;;;;;;GA2BzC,CAAC"}

package/dist-lib/lib/documentVoorbeeld.functions.js

@@ -0,0 +1,37 @@
+import { createServerFn } from "@tanstack/react-start";
+/**
+ * Rendert print-HTML met exact dezelfde servercode als de printwachtrij, zodat
+ * het voorbeeld in de editor letterlijk de PDF is die straks wordt geprint.
+ * Er wordt niets opgeslagen en geen printopdracht aangemaakt.
+ */
+export const maakVoorbeeldPdf = createServerFn({ method: "POST" })
+    .inputValidator((invoer) => {
+    const html = String(invoer?.html ?? "");
+    if (!html.trim())
+        throw new Error("Voorbeeld kan niet worden gemaakt: geen HTML aangeleverd.");
+    // Pakbonnen met ingesloten logo's/barcodes (data-URI's) worden snel groot;
+    // de grens is er alleen om echt onwerkbare invoer te weren.
+    if (html.length > 40000000)
+        throw new Error("Voorbeeld te groot om te renderen.");
+    const breedteMm = Number(invoer?.breedteMm);
+    const hoogteMm = Number(invoer?.hoogteMm);
+    const margeMm = Number(invoer?.margeMm);
+    if (!Number.isFinite(breedteMm) || breedteMm <= 0 || !Number.isFinite(hoogteMm) || hoogteMm <= 0) {
+        throw new Error("Voorbeeld kan niet worden gemaakt: papierformaat ontbreekt.");
+    }
+    if (!Number.isFinite(margeMm) || margeMm < 0 || margeMm * 2 >= Math.min(breedteMm, hoogteMm)) {
+        throw new Error("Voorbeeld kan niet worden gemaakt: de ingestelde paginamarge is ongeldig.");
+    }
+    return { html, breedteMm, hoogteMm, margeMm, paginanummers: invoer?.paginanummers };
+})
+    .handler(async ({ data }) => {
+    const { htmlNaarPdfBytes, bytesNaarBase64 } = await import("./htmlPdf.server.js");
+    const bytes = await htmlNaarPdfBytes({
+        html: data.html,
+        breedteMm: data.breedteMm,
+        hoogteMm: data.hoogteMm,
+        margeMm: data.margeMm,
+        ...(typeof data.paginanummers === "boolean" ? { paginanummers: data.paginanummers } : {}),
+    });
+    return { pdfBase64: bytesNaarBase64(bytes), bytes: bytes.length };
+});

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

@@ -0,0 +1,15 @@
+/** Breedte van tekst in punten bij een gegeven fontgrootte. */
+export declare function tekstBreedtePt(tekst: string, groottePt: number, vet?: boolean): number;
+/** Verhouding regelhoogte / fontgrootte; overal identiek. */
+export declare const REGELHOOGTE_FACTOR = 1.25;
+/** Regelhoogte in punten. */
+export declare function regelHoogtePt(groottePt: number): number;
+/**
+ * Breekt tekst af op woordgrenzen binnen een maximale breedte. Woorden die
+ * zelf te lang zijn worden hard afgebroken (net als overflow-wrap: anywhere).
+ * De uitkomst is de definitieve regelverdeling: renderers wrappen nooit zelf.
+ */
+export declare function breekAf(tekst: string, maxBreedtePt: number, groottePt: number, vet?: boolean): string[];
+/** Kort tekst af tot één regel met beletselteken. */
+export declare function kortAf(tekst: string, maxBreedtePt: number, groottePt: number, vet?: boolean): string;
+//# sourceMappingURL=fontMetrics.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fontMetrics.d.ts","sourceRoot":"","sources":["../../src/lib/fontMetrics.ts"],"names":[],"mappings":"AA+CA,+DAA+D;AAC/D,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,UAAQ,GAAG,MAAM,CAKpF;AAED,6DAA6D;AAC7D,eAAO,MAAM,kBAAkB,OAAO,CAAC;AAEvC,6BAA6B;AAC7B,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAEvD;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,UAAQ,GAAG,MAAM,EAAE,CA2CrG;AAED,qDAAqD;AACrD,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,UAAQ,GAAG,MAAM,CAMlG"}

package/dist-lib/lib/fontMetrics.js

@@ -0,0 +1,118 @@
+// ============================================================================
+// src/lib/fontMetrics.ts — centrale fontmetriek voor de pakbon-layoutengine.
+// ----------------------------------------------------------------------------
+// Zowel het live voorbeeld (browser) als de PDF-motor (server) meten tekst met
+// EXACT deze tabellen. Daardoor breekt tekst overal op dezelfde plek af en
+// staan kolommen overal even breed. De waarden zijn de glyph-breedtes van
+// Helvetica / Helvetica-Bold in duizendsten van de fontgrootte (WinAnsi,
+// tekencodes 32 t/m 255) — precies wat de PDF-renderer gebruikt.
+// ============================================================================
+/** Eerste tekencode in de tabellen. */
+const EERSTE = 32;
+const HELVETICA = [
+    278, 278, 355, 556, 556, 889, 667, 191, 333, 333, 389, 584, 278, 333, 278, 278, 556, 556, 556, 556, 556, 556, 556, 556,
+    556, 556, 278, 278, 584, 584, 584, 556, 1015, 667, 667, 722, 722, 667, 611, 778, 722, 278, 500, 667, 556, 833, 722, 778,
+    667, 778, 722, 667, 611, 722, 667, 944, 667, 667, 611, 278, 278, 278, 469, 556, 333, 556, 556, 500, 556, 556, 278, 556,
+    556, 222, 222, 500, 222, 833, 556, 556, 556, 556, 333, 500, 278, 556, 500, 722, 500, 500, 500, 334, 260, 334, 584, 0,
+    0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+    0, 0, 0, 0, 0, 0, 0, 0, 278, 333, 556, 556, 556, 556, 260, 556, 333, 737, 370, 556, 584, 333, 737, 333,
+    400, 584, 333, 333, 333, 556, 537, 278, 333, 333, 365, 556, 834, 834, 834, 611, 667, 667, 667, 667, 667, 667, 1000, 722,
+    667, 667, 667, 667, 278, 278, 278, 278, 722, 722, 778, 778, 778, 778, 778, 584, 778, 722, 722, 722, 722, 667, 667, 611,
+    556, 556, 556, 556, 556, 556, 889, 500, 556, 556, 556, 556, 278, 278, 278, 278, 556, 556, 556, 556, 556, 556, 556, 584,
+    611, 556, 556, 556, 556, 500, 556, 500,
+];
+const HELVETICA_BOLD = [
+    278, 333, 474, 556, 556, 889, 722, 238, 333, 333, 389, 584, 278, 333, 278, 278, 556, 556, 556, 556, 556, 556, 556, 556,
+    556, 556, 333, 333, 584, 584, 584, 611, 975, 722, 722, 722, 722, 667, 611, 778, 722, 278, 556, 722, 611, 833, 722, 778,
+    667, 778, 722, 667, 611, 722, 667, 944, 667, 667, 611, 333, 278, 333, 584, 556, 333, 556, 611, 556, 611, 556, 333, 611,
+    611, 278, 278, 556, 278, 889, 611, 611, 611, 611, 389, 556, 333, 611, 556, 778, 556, 556, 500, 389, 280, 389, 584, 0,
+    0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+    0, 0, 0, 0, 0, 0, 0, 0, 278, 333, 556, 556, 556, 556, 280, 556, 333, 737, 370, 556, 584, 333, 737, 333,
+    400, 584, 333, 333, 333, 611, 556, 278, 333, 333, 365, 556, 834, 834, 834, 611, 722, 722, 722, 722, 722, 722, 1000, 722,
+    667, 667, 667, 667, 278, 278, 278, 278, 722, 722, 778, 778, 778, 778, 778, 584, 778, 722, 722, 722, 722, 667, 667, 611,
+    556, 556, 556, 556, 556, 556, 889, 556, 556, 556, 556, 556, 278, 278, 278, 278, 611, 611, 611, 611, 611, 611, 611, 584,
+    611, 611, 611, 611, 611, 556, 611, 556,
+];
+const ONBEKEND = 556; // breedte van "?" als terugval
+function glyphBreedte(code, vet) {
+    const tabel = vet ? HELVETICA_BOLD : HELVETICA;
+    const w = tabel[code - EERSTE];
+    return typeof w === "number" && w > 0 ? w : ONBEKEND;
+}
+/** Breedte van tekst in punten bij een gegeven fontgrootte. */
+export function tekstBreedtePt(tekst, groottePt, vet = false) {
+    let som = 0;
+    const s = String(tekst ?? "");
+    for (let i = 0; i < s.length; i++)
+        som += glyphBreedte(s.charCodeAt(i), vet);
+    return (som / 1000) * groottePt;
+}
+/** Verhouding regelhoogte / fontgrootte; overal identiek. */
+export const REGELHOOGTE_FACTOR = 1.25;
+/** Regelhoogte in punten. */
+export function regelHoogtePt(groottePt) {
+    return groottePt * REGELHOOGTE_FACTOR;
+}
+/**
+ * Breekt tekst af op woordgrenzen binnen een maximale breedte. Woorden die
+ * zelf te lang zijn worden hard afgebroken (net als overflow-wrap: anywhere).
+ * De uitkomst is de definitieve regelverdeling: renderers wrappen nooit zelf.
+ */
+export function breekAf(tekst, maxBreedtePt, groottePt, vet = false) {
+    const bron = String(tekst ?? "").replace(/\s+/g, " ").trim();
+    if (!bron)
+        return [""];
+    if (maxBreedtePt <= 0)
+        return [bron];
+    const regels = [];
+    let huidig = "";
+    const duwHard = (woord) => {
+        let rest = woord;
+        while (rest.length) {
+            let n = rest.length;
+            while (n > 1 && tekstBreedtePt(rest.slice(0, n), groottePt, vet) > maxBreedtePt)
+                n--;
+            regels.push(rest.slice(0, n));
+            rest = rest.slice(n);
+        }
+    };
+    for (const woord of bron.split(" ")) {
+        const kandidaat = huidig ? `${huidig} ${woord}` : woord;
+        if (tekstBreedtePt(kandidaat, groottePt, vet) <= maxBreedtePt) {
+            huidig = kandidaat;
+            continue;
+        }
+        if (huidig) {
+            regels.push(huidig);
+            huidig = "";
+        }
+        if (tekstBreedtePt(woord, groottePt, vet) <= maxBreedtePt)
+            huidig = woord;
+        else {
+            const stukken = [];
+            let rest = woord;
+            while (rest.length) {
+                let n = rest.length;
+                while (n > 1 && tekstBreedtePt(rest.slice(0, n), groottePt, vet) > maxBreedtePt)
+                    n--;
+                stukken.push(rest.slice(0, n));
+                rest = rest.slice(n);
+            }
+            huidig = stukken.pop() ?? "";
+            regels.push(...stukken);
+        }
+    }
+    if (huidig)
+        regels.push(huidig);
+    return regels.length ? regels : [""];
+}
+/** Kort tekst af tot één regel met beletselteken. */
+export function kortAf(tekst, maxBreedtePt, groottePt, vet = false) {
+    const s = String(tekst ?? "");
+    if (tekstBreedtePt(s, groottePt, vet) <= maxBreedtePt)
+        return s;
+    let n = s.length;
+    while (n > 1 && tekstBreedtePt(`${s.slice(0, n)}…`, groottePt, vet) > maxBreedtePt)
+        n--;
+    return `${s.slice(0, n)}…`;
+}

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

@@ -1,6 +1,6 @@
 export declare class PdfRenderFout extends Error {
-    code: "niet_ingesteld" | "mislukt";
-    constructor(code: "niet_ingesteld" | "mislukt", boodschap: string);
+    code: "niet_ingesteld" | "mislukt" | "afwijking";
+    constructor(code: "niet_ingesteld" | "mislukt" | "afwijking", boodschap: string);
 }
 export interface PdfOpties {
     html: string;

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

@@ -1 +1 @@
-{"version":3,"file":"htmlNaarPdf.server.d.ts","sourceRoot":"","sources":["../../src/lib/htmlNaarPdf.server.ts"],"names":[],"mappings":"AAQA,qBAAa,aAAc,SAAQ,KAAK;IAE7B,IAAI,EAAE,gBAAgB,GAAG,SAAS;gBAAlC,IAAI,EAAE,gBAAgB,GAAG,SAAS,EACzC,SAAS,EAAE,MAAM;CAKpB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,4DAA4D;AAC5D,wBAAsB,iBAAiB,CAAC,MAAM,EAAE,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,CAoB1E"}
+{"version":3,"file":"htmlNaarPdf.server.d.ts","sourceRoot":"","sources":["../../src/lib/htmlNaarPdf.server.ts"],"names":[],"mappings":"AAQA,qBAAa,aAAc,SAAQ,KAAK;IAE7B,IAAI,EAAE,gBAAgB,GAAG,SAAS,GAAG,WAAW;gBAAhD,IAAI,EAAE,gBAAgB,GAAG,SAAS,GAAG,WAAW,EACvD,SAAS,EAAE,MAAM;CAKpB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,4DAA4D;AAC5D,wBAAsB,iBAAiB,CAAC,MAAM,EAAE,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,CAqB1E"}

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

@@ -29,6 +29,7 @@ export async function htmlNaarPdfServer(opties) {
         return bytesNaarBase64(bytes);
     }
     catch (e) {
-        throw new PdfRenderFout("mislukt", e instanceof Error ? `PDF maken mislukte: ${e.message}` : "PDF maken mislukte.");
+        const melding = e instanceof Error ? e.message : "PDF maken mislukte.";
+        throw new PdfRenderFout(melding.startsWith("Afdrukafwijking gevonden:") ? "afwijking" : "mislukt", melding.startsWith("Afdrukafwijking gevonden:") ? melding : `PDF maken mislukte: ${melding}`);
     }
 }

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

@@ -41,6 +41,17 @@ export interface DocumentPdfOpties {
     /** Voettekst met paginanummers ("Pagina 1 van 3"). */
     paginanummers?: boolean;
 }
+export interface PdfRenderDiagnostiek {
+    geldig: boolean;
+    fouten: string[];
+}
+/**
+ * Bewaakt constructies die de eigen PDF-motor niet hetzelfde kan uitleggen als
+ * een browser. @page is toegestaan: papier en marge komen uit de canonieke
+ * DocumentPdfOpties. Andere at-rules en complexe selectors worden geweigerd in
+ * plaats van stilletjes genegeerd.
+ */
+export declare function controleerPdfOpmaak(html: string): PdfRenderDiagnostiek;
 /** Zet print-HTML om naar een PDF en levert die als base64 (zonder prefix). */
 export declare function htmlNaarPdfBytes(opties: DocumentPdfOpties): Promise<Uint8Array>;
 export declare function bytesNaarBase64(bytes: Uint8Array): string;

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

@@ -1 +1 @@
-{"version":3,"file":"htmlPdf.server.d.ts","sourceRoot":"","sources":["../../src/lib/htmlPdf.server.ts"],"names":[],"mappings":"AAYA,OAAO,EAOL,KAAK,GAAG,EACT,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,EAAE,oBAAoB,CAAC;AAIpC,MAAM,WAAW,KAAK;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,QAAQ,EAAE,KAAK,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAuBD,kEAAkE;AAClE,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,CAuC/C;AAUD,UAAU,SAAS;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AACD,UAAU,QAAQ;IAChB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC/B;AAED,sEAAsE;AACtE,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAMpD;AA2BD,yFAAyF;AACzF,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,EAAE,CAgClD;AAqBD,6EAA6E;AAC7E,wBAAgB,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAiBlE;AAKD,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,OAAO,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,mDAAmD;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AA4mCD,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,+EAA+E;AAC/E,wBAAsB,gBAAgB,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO,CAAC,UAAU,CAAC,CA+DrF;AA0BD,wBAAgB,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAQzD"}
+{"version":3,"file":"htmlPdf.server.d.ts","sourceRoot":"","sources":["../../src/lib/htmlPdf.server.ts"],"names":[],"mappings":"AAYA,OAAO,EAOL,KAAK,GAAG,EACT,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,EAAE,oBAAoB,CAAC;AAIpC,MAAM,WAAW,KAAK;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,QAAQ,EAAE,KAAK,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAuBD,kEAAkE;AAClE,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,CAuC/C;AAUD,UAAU,SAAS;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AACD,UAAU,QAAQ;IAChB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC/B;AAED,sEAAsE;AACtE,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAMpD;AA2BD,yFAAyF;AACzF,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,EAAE,CAgClD;AAqBD,6EAA6E;AAC7E,wBAAgB,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAiBlE;AAKD,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,OAAO,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,mDAAmD;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAypCD,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,oBAAoB,CA8BtE;AAED,+EAA+E;AAC/E,wBAAsB,gBAAgB,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO,CAAC,UAAU,CAAC,CA6ErF;AA0BD,wBAAgB,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAQzD"}

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

@@ -525,6 +525,16 @@ async function meetHoogte(ctx, n, vak, s) {
         await tekenKinderen(meetCtx, { tag: "div", attrs: {}, kinderen: [n] }, vak, s);
     });
 }
+/**
+ * Meet uitsluitend de inhoud van een blok. Het blok zelf meemeten telt padding
+ * en marges dubbel; dan valt een achtergrondvlak zichtbaar te ver door.
+ */
+async function meetInhoud(ctx, n, vak, s) {
+    const meetCtx = { ...ctx, meten: true };
+    return ctx.tk.meet(async () => {
+        await tekenKinderen(meetCtx, n, vak, s);
+    });
+}
 function rijenVan(tabel) {
     const rijen = [];
     const loop = (k) => {
@@ -562,12 +572,23 @@ async function tekenBlok(ctx, n, vak, ouderStijl) {
     const s = stijlVan(n, ouderStijl);
     const st = eig(n);
     const cl = klassen(n);
-    const barcode = zoekBarcodeWaarde(n);
+    const barcode = eigenBarcodeWaarde(n);
     if (barcode) {
-        const h = lengte(st["height"]) ?? 15 * MM;
-        tk.zorgVoor(h + 1 * MM);
-        tekenBarcode(tk, barcode, vak.x, vak.breedte, h);
-        tk.y -= h + 1 * MM;
+        const balkNode = zoekDirecteBarcodeNode(n);
+        const h = lengte(balkNode ? eig(balkNode)["height"] : st["height"]) ?? 15 * MM;
+        const onderschrift = heeft(n, "barcode") ? plattTekst(n).trim() : "";
+        const onderschriftStijl = { ...s, grootte: Math.min(s.grootte, 7), uitlijning: "center" };
+        const tekstHoogte = onderschrift ? regelHoogte(onderschriftStijl) : 0;
+        const barcodeBreedte = Math.min(45 * MM, vak.breedte);
+        const barcodeX = vak.x + Math.max(0, (vak.breedte - barcodeBreedte) / 2);
+        tk.zorgVoor(h + tekstHoogte + 1 * MM);
+        tekenBarcode(tk, barcode, barcodeX, barcodeBreedte, h);
+        tk.y -= h;
+        if (onderschrift) {
+            tk.y -= tekstHoogte;
+            tekenRegel(tk, onderschrift, vak.x, vak.breedte, tk.y + onderschriftStijl.grootte * 0.25, onderschriftStijl);
+        }
+        tk.y -= 1 * MM;
         return;
     }
     if (n.tag === "#tekst") {
@@ -695,7 +716,7 @@ async function tekenBlok(ctx, n, vak, ouderStijl) {
     const heelHouden = cl.includes("heelhouden") || /avoid/.test(st["break-inside"] ?? st["page-break-inside"] ?? "");
     const binnenVak = { x: vak.x + padding, breedte: vak.breedte - padding * 2 };
     if (!ctx.meten && (heelHouden || achtergrond)) {
-        const nodig = (await meetHoogte(ctx, n, binnenVak, s)) + padding * 2;
+        const nodig = (await meetInhoud(ctx, n, binnenVak, s)) + padding * 2;
         if (heelHouden && nodig > tk.ruimte && nodig < tk.hoogte - tk.marge * 2) {
             tk.nieuwePagina();
         }
@@ -816,7 +837,18 @@ async function tekenTabel(ctx, tabel, vak, s) {
         const cellen = rij.kinderen.filter((c) => c.tag === "td" || c.tag === "th");
         const celBreedte = (i) => Math.max(4, (breedtes[i] ?? 20) - padX * 2);
         const celTekst = cellen.map((c) => plattTekst(c));
-        const cellenStijl = cellen.map((c, i) => passendeStijl(tk, celTekst[i], stijlVan(c, s), celBreedte(i)));
+        // Eén verkleiningsfactor voor de hele rij: losse cellen die elk hun eigen
+        // maat kiezen leveren een rommelige, ongelijke kop- en gegevensregel op.
+        const ruwStijl = cellen.map((c) => stijlVan(c, s));
+        const factor = cellen.reduce((laagste, _c, i) => {
+            const basis = ruwStijl[i];
+            const passend = passendeStijl(tk, celTekst[i], basis, celBreedte(i));
+            return Math.min(laagste, passend.grootte / basis.grootte);
+        }, 1);
+        const cellenStijl = ruwStijl.map((st) => ({
+            ...st,
+            grootte: Math.round(st.grootte * factor * 10) / 10,
+        }));
         const teksten = cellen.map((_, i) => breekAf(tk, celTekst[i], cellenStijl[i], celBreedte(i)));
         const hoogte = Math.max(regelHoogte(s), ...teksten.map((t, i) => Math.max(1, t.length) * regelHoogte(cellenStijl[i] ?? s))) + padY * 2;
         if (hoogte > tk.ruimte) {
@@ -895,7 +927,7 @@ async function tekenAbsoluut(ctx, n, s) {
     const hoogte = lengte(st["height"]) ?? regelHoogte(eigen);
     const yBoven = tk.hoogte - top;
     const yOnder = yBoven - hoogte;
-    const barcode = zoekBarcodeWaarde(n);
+    const barcode = eigenBarcodeWaarde(n);
     if (barcode) {
         const barcodeHoogte = Math.max(5 * MM, hoogte * 0.72);
         tekenBarcode(tk, barcode, x, breedte, barcodeHoogte, yBoven);
@@ -1063,6 +1095,24 @@ function zoekBarcodeWaarde(n) {
     }
     return null;
 }
+/** Barcode alleen wanneer dit element zelf de barcode of barcodecontainer is. */
+function eigenBarcodeWaarde(n) {
+    const eigen = String(n.attrs["data-barcode"] ?? "").trim();
+    if (eigen)
+        return eigen;
+    if (!heeft(n, "barcode"))
+        return null;
+    return zoekBarcodeWaarde(n);
+}
+function zoekDirecteBarcodeNode(n) {
+    if (String(n.attrs["data-barcode"] ?? "").trim())
+        return n;
+    for (const kind of n.kinderen) {
+        if (String(kind.attrs["data-barcode"] ?? "").trim())
+            return kind;
+    }
+    return null;
+}
 /** Zoekt een streepjes- of blokjespatroon (barcode/QR) in de knoop of kinderen. */
 function zoekGradient(n) {
     const css = `${eig(n)["background"] ?? ""} ${eig(n)["background-image"] ?? ""}`;
@@ -1107,8 +1157,6 @@ async function tekenKinderen(ctx, n, vak, s) {
         (/grid/.test(display) && kolommen.trim().split(/\s+/).length === 2);
     const rijModus = /flex/.test(display) ||
         cl.includes("kv") ||
-        cl.includes("karkop") ||
-        cl.includes("laagkop") ||
         cl.includes("meta") ||
         cl.includes("totalen") ||
         cl.includes("regelrij");
@@ -1146,8 +1194,7 @@ async function tekenKinderen(ctx, n, vak, s) {
         const spreiden = stukken.length > 1 &&
             (verdeel === "space-between" ||
                 verdeel === "space-around" ||
-                ((!verdeel || verdeel === "normal") &&
-                    (cl.includes("kv") || cl.includes("karkop") || cl.includes("laagkop"))));
+                ((!verdeel || verdeel === "normal") && cl.includes("kv")));
         const rechtsUit = verdeel === "flex-end" || verdeel === "right" || verdeel === "end";
         if (spreiden) {
             let x = vak.x;
@@ -1253,11 +1300,64 @@ async function laadAfbeeldingen(pdf, wortel) {
     }));
     return { beelden, fouten };
 }
+/**
+ * Bewaakt constructies die de eigen PDF-motor niet hetzelfde kan uitleggen als
+ * een browser. @page is toegestaan: papier en marge komen uit de canonieke
+ * DocumentPdfOpties. Andere at-rules en complexe selectors worden geweigerd in
+ * plaats van stilletjes genegeerd.
+ */
+export function controleerPdfOpmaak(html) {
+    const css = leesStylesheets(html).replace(/\/\*[\s\S]*?\*\//g, "");
+    const fouten = new Set();
+    for (const match of css.matchAll(/@([\w-]+)/g)) {
+        const naam = String(match[1] ?? "").toLowerCase();
+        if (naam !== "page")
+            fouten.add(`CSS-regel @${naam} wordt niet ondersteund door de afdrukmotor.`);
+    }
+    let i = 0;
+    while (i < css.length) {
+        const open = css.indexOf("{", i);
+        if (open < 0)
+            break;
+        const kop = css.slice(i, open).trim();
+        let diepte = 0;
+        let einde = open;
+        for (; einde < css.length; einde += 1) {
+            if (css[einde] === "{")
+                diepte += 1;
+            else if (css[einde] === "}") {
+                diepte -= 1;
+                if (!diepte)
+                    break;
+            }
+        }
+        i = einde + 1;
+        if (!kop || kop.startsWith("@"))
+            continue;
+        for (const selector of kop.split(",")) {
+            if (!leesSelector(selector)) {
+                fouten.add(`CSS-selector '${selector.trim()}' wordt niet ondersteund door de afdrukmotor.`);
+            }
+        }
+    }
+    return { geldig: fouten.size === 0, fouten: [...fouten] };
+}
 /** Zet print-HTML om naar een PDF en levert die als base64 (zonder prefix). */
 export async function htmlNaarPdfBytes(opties) {
     const bMm = Number(opties.breedteMm ?? 210);
     const hMm = Number(opties.hoogteMm ?? 297);
-    const marge = Number(opties.margeMm ?? 10) * MM;
+    const margeMm = Number(opties.margeMm ?? 10);
+    if (!Number.isFinite(bMm) || !Number.isFinite(hMm) || bMm <= 0 || hMm <= 0) {
+        throw new Error("Het papierformaat is ongeldig.");
+    }
+    if (!Number.isFinite(margeMm) || margeMm < 0 || margeMm * 2 >= Math.min(bMm, hMm)) {
+        throw new Error("De paginamarge is ongeldig.");
+    }
+    const diagnostiek = controleerPdfOpmaak(opties.html);
+    if (!diagnostiek.geldig) {
+        throw new Error(`Afdrukafwijking gevonden: ${diagnostiek.fouten.join(" ")}`);
+    }
+    const marge = margeMm * MM;
     const breedte = (opties.landschap ? Math.max(bMm, hMm) : Math.min(bMm, hMm)) * MM;
     const hoogte = (opties.landschap ? Math.min(bMm, hMm) : Math.max(bMm, hMm)) * MM;
     const pdf = await PDFDocument.create();
@@ -1268,6 +1368,9 @@ export async function htmlNaarPdfBytes(opties) {
     // het document er hetzelfde uitziet als in het voorbeeld op het scherm.
     stempelCss(wortel, ontleedCss(leesStylesheets(opties.html)));
     const { beelden: afbeeldingen, fouten: beeldFouten } = await laadAfbeeldingen(pdf, wortel);
+    if (beeldFouten.size) {
+        throw new Error(`Afdrukafwijking gevonden: ${[...beeldFouten.values()].join(" ")}`);
+    }
     const basis = basisGrootte(opties.html);
     const tk = new Tekenaar(pdf, breedte, hoogte, marge, normaal, vet);
     const ctx = { tk, afbeeldingen, beeldFouten };
@@ -1292,8 +1395,8 @@ export async function htmlNaarPdfBytes(opties) {
     }
     // De layout bepaalt of paginanummers meegaan; zonder voorkeur alleen bij
     // meerdere pagina's.
-    const uitMeta = /name=["']pdf-paginanummers["']\s+content=["']ja["']/i.test(opties.html);
-    const nummers = opties.paginanummers ?? (uitMeta ? true : tk.paginas.length > 1);
+    const meta = /name=["']pdf-paginanummers["']\s+content=["'](ja|nee)["']/i.exec(opties.html)?.[1];
+    const nummers = opties.paginanummers ?? (meta ? meta === "ja" : tk.paginas.length > 1);
     if (nummers) {
         tk.paginas.forEach((p, i) => {
             const t = `Pagina ${i + 1} van ${tk.paginas.length}`;

package/dist-lib/lib/layoutPreview.js

@@ -81,8 +81,8 @@ function elementHtml(el, ctx) {
             return `<div style="${base};border-radius:50%;border:${s.randbreedte || 0.3}mm solid ${s.randkleur ?? "#111827"}"></div>`;
         case "barcode":
             return inhoud
-                ? `<div style="${base};display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:monospace">
-        <div class="barcode-bars" data-barcode="${esc(inhoud)}" style="width:100%;height:70%;display:flex;background:#fff">${code128BarsHtml(inhoud)}</div>
+                ? `<div style="${base};display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:monospace">
+        <div class="barcode-bars" data-barcode="${esc(inhoud)}" style="width:100%;height:70%;display:flex;background:#fff">${code128BarsHtml(inhoud)}</div>
         <div style="font-size:7pt">${esc(inhoud)}</div></div>`
                 : "";
         case "qrcode":
@@ -128,10 +128,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/orderData.server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"orderData.server.d.ts","sourceRoot":"","sources":["../../src/lib/orderData.server.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEnD,KAAK,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE/B,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAwBtD,mEAAmE;AACnE,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,OAAO,GAAG,OAAO,CAKvD;AAED,+EAA+E;AAC/E,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,OAAO,GAAG;IACrD,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB,CAgCA;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,OAAO,GAAG;IAC7C,KAAK,EAAE,WAAW,CAAC;IACnB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B,CAMA;AAED;;;GAGG;AACH,wBAAsB,cAAc,CAClC,EAAE,EAAE,OAAO,EACX,MAAM,EAAE;IAAE,KAAK,EAAE,WAAW,CAAC;IAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAC7E,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,CA8XrB;AA+DD;;;GAGG;AACH,wBAAsB,uBAAuB,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,CAGhG"}
+{"version":3,"file":"orderData.server.d.ts","sourceRoot":"","sources":["../../src/lib/orderData.server.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEnD,KAAK,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE/B,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAwBtD,mEAAmE;AACnE,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,OAAO,GAAG,OAAO,CAKvD;AAED,+EAA+E;AAC/E,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,OAAO,GAAG;IACrD,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB,CAgCA;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,OAAO,GAAG;IAC7C,KAAK,EAAE,WAAW,CAAC;IACnB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B,CAMA;AAED;;;GAGG;AACH,wBAAsB,cAAc,CAClC,EAAE,EAAE,OAAO,EACX,MAAM,EAAE;IAAE,KAAK,EAAE,WAAW,CAAC;IAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAC7E,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,CA8ZrB;AA+DD;;;GAGG;AACH,wBAAsB,uBAAuB,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,CAGhG"}

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

@@ -334,22 +334,49 @@ export async function laadPakbonData(db, opties) {
         const items = karItems.filter((i) => i["cart_id"] === kar["id"]);
         const maxLagen = Math.max(1, num(kar["max_layers"]) || 0) || 1;
         const lagen = [];
-        let huidige = null;
-        for (const item of items) {
-            const fusten = num(item["crates"]);
-            const perFust = num(item["plants_per_crate"]);
-            const perLaag = num(item["crates_per_layer"]);
-            const deel = num(item["layer_fraction"]) ||
-                (perLaag > 0 ? fusten / perLaag : 0) ||
-                (num(item["layer_share_pct"]) ? num(item["layer_share_pct"]) / 100 : 0) ||
-                1;
-            const product = maakProduct(item, fusten * perFust || num(item["boxes"]), fusten, perFust);
-            if (!huidige || huidige.ruimte + deel > 1.0001) {
-                huidige = { producten: [], ruimte: 0 };
-                lagen.push(huidige);
+        // De Logistiek Engine geeft per karregel het laagnummer door. Zodra dat
+        // aanwezig is volgen we die indeling exact — nooit zelf herverdelen.
+        const engineLagen = items.some((i) => num(i["layer_index"]) > 0);
+        if (engineLagen) {
+            const perLaag = new Map();
+            for (const item of items) {
+                const fusten = num(item["crates"]);
+                const perFust = num(item["plants_per_crate"]);
+                const nummer = Math.max(1, num(item["layer_index"]) || 1);
+                const capaciteit = num(item["crates_per_layer"]);
+                const inLaag = num(item["crates_in_layer"]) || fusten;
+                const deel = capaciteit > 0 ? inLaag / capaciteit : num(item["layer_fraction"]) || 0;
+                let laag = perLaag.get(nummer);
+                if (!laag) {
+                    laag = { producten: [], ruimte: 0 };
+                    perLaag.set(nummer, laag);
+                }
+                laag.producten.push(maakProduct(item, fusten * perFust || num(item["boxes"]), fusten, perFust));
+                laag.ruimte += deel;
+            }
+            const hoogste = Math.max(maxLagen, ...perLaag.keys());
+            for (let n = 1; n <= hoogste; n++) {
+                lagen.push(perLaag.get(n) ?? { producten: [], ruimte: 0 });
+            }
+        }
+        else {
+            let huidige = null;
+            for (const item of items) {
+                const fusten = num(item["crates"]);
+                const perFust = num(item["plants_per_crate"]);
+                const perLaag = num(item["crates_per_layer"]);
+                const deel = num(item["layer_fraction"]) ||
+                    (perLaag > 0 ? fusten / perLaag : 0) ||
+                    (num(item["layer_share_pct"]) ? num(item["layer_share_pct"]) / 100 : 0) ||
+                    1;
+                const product = maakProduct(item, fusten * perFust || num(item["boxes"]), fusten, perFust);
+                if (!huidige || huidige.ruimte + deel > 1.0001) {
+                    huidige = { producten: [], ruimte: 0 };
+                    lagen.push(huidige);
+                }
+                huidige.producten.push(product);
+                huidige.ruimte += deel;
             }
-            huidige.producten.push(product);
-            huidige.ruimte += deel;
         }
         if (!lagen.length)
             lagen.push({ producten: [], ruimte: 0 });
@@ -365,7 +392,7 @@ export async function laadPakbonData(db, opties) {
             gewicht: kar["weight_kg"] ? `${num(kar["weight_kg"]).toFixed(1)} kg` : "",
             gedeeld: kar["__gedeeld"] === true,
             opmerking: String(kar["notes"] ?? ""),
-            lagen: lagen.slice(0, Math.max(maxLagen, lagen.length)).map((laag, j) => {
+            lagen: lagen.map((laag, j) => {
                 const potmaten = uniek(laag.producten.map((product) => product["potmaat"]));
                 return {
                     laagnummer: j + 1,