@flowselections/layout-maker 1.38.4 → 1.45.9

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

@@ -32,6 +32,13 @@ export interface PakbonRenderOpties {
     logoId?: string | null;
     /** Variant die uitsluitend door de Logistics Engine wordt bepaald. */
     layoutVariant?: string | null;
+    /** Laat de vaste paginavoet weg (voor een tweede voorbeeldvariant). */
+    zonderPaginavoet?: boolean;
+    /**
+     * Alleen voor "Voorbeeld printen": toont na de hele-karpagina's ook een
+     * deelkarpagina, net als het voorbeeld op het scherm.
+     */
+    voorbeeldBeideVarianten?: boolean;
 }
 export declare function esc(v: unknown): string;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"pakbonHtml.d.ts","sourceRoot":"","sources":["../../src/lib/pakbonHtml.ts"],"names":[],"mappings":"AAUA,OAAO,EAoBL,KAAK,SAAS,EAEd,KAAK,YAAY,EAGlB,MAAM,iBAAiB,CAAC;AAKzB,2FAA2F;AAC3F,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE;QACL,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,UAAU,CAAC,EAAE,OAAO,EAAE,CAAC;QACvB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,kBAAkB;IACjC,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oEAAoE;IACpE,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,sEAAsE;IACtE,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAWD,wBAAgB,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,CAKtC;AAyBD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,WAAW,CAiF3D;AAgrBD,oEAAoE;AACpE,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,YAAY,GAAG,OAAO,EAC9B,KAAK,EAAE,WAAW,EAClB,MAAM,GAAE,kBAAuB,GAC9B,MAAM,CA+CR;AAgBD,gEAAgE;AAChE,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,YAAY,GAAG,OAAO,EAC9B,KAAK,EAAE,WAAW,EAClB,MAAM,GAAE,kBAAuB,GAC9B,MAAM,CAoER;AAED,iEAAiE;AACjE,wBAAgB,oBAAoB,IAAI,WAAW,CAElD;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CACzB,MAAM,EAAE,YAAY,GAAG,OAAO,EAC9B,KAAK,EAAE,WAAW,EAClB,MAAM,GAAE,kBAAuB,GAC9B,IAAI,CAsCN;AAED;;;;;GAKG;AACH,wBAAsB,mBAAmB,CACvC,MAAM,EAAE,YAAY,GAAG,OAAO,EAC9B,KAAK,EAAE,WAAW,EAClB,MAAM,GAAE,kBAAuB,GAC9B,OAAO,CAAC,IAAI,CAAC,CAUf"}
+{"version":3,"file":"pakbonHtml.d.ts","sourceRoot":"","sources":["../../src/lib/pakbonHtml.ts"],"names":[],"mappings":"AAUA,OAAO,EAwBL,KAAK,SAAS,EAEd,KAAK,YAAY,EAGlB,MAAM,iBAAiB,CAAC;AAMzB,2FAA2F;AAC3F,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE;QACL,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,UAAU,CAAC,EAAE,OAAO,EAAE,CAAC;QACvB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,kBAAkB;IACjC,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oEAAoE;IACpE,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,sEAAsE;IACtE,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAWD,wBAAgB,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,CAKtC;AAyBD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,WAAW,CAqF3D;AA4rBD,oEAAoE;AACpE,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,YAAY,GAAG,OAAO,EAC9B,KAAK,EAAE,WAAW,EAClB,MAAM,GAAE,kBAAuB,GAC9B,MAAM,CAyDR;AAgBD,gEAAgE;AAChE,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,YAAY,GAAG,OAAO,EAC9B,KAAK,EAAE,WAAW,EAClB,MAAM,GAAE,kBAAuB,GAC9B,MAAM,CAkFR;AAED,iEAAiE;AACjE,wBAAgB,oBAAoB,IAAI,WAAW,CAElD;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CACzB,MAAM,EAAE,YAAY,GAAG,OAAO,EAC9B,KAAK,EAAE,WAAW,EAClB,MAAM,GAAE,kBAAuB,GAC9B,IAAI,CAsCN;AAED;;;;;GAKG;AACH,wBAAsB,mBAAmB,CACvC,MAAM,EAAE,YAAY,GAAG,OAAO,EAC9B,KAAK,EAAE,WAAW,EAClB,MAAM,GAAE,kBAAuB,GAC9B,OAAO,CAAC,IAAI,CAAC,CAUf"}

package/dist-lib/lib/pakbonHtml.js

@@ -7,9 +7,10 @@
 // layoutconfiguratie en de echte ordergegevens. Zo tonen het live voorbeeld en
 // de afdruk altijd exact dezelfde secties — inclusief de orderregels.
 // ============================================================================
-import { DEMO_ORDER, conditieContext, groepeerIdentiekeKarren, groepeerIdentiekeLagen, karBundelTekst, fustVerzamellijst, pickMethode, pakbonLayoutVariant, productVeldBreedtes, sectieOnderdruktVoorVariant, laagBundelTekst, leesPakbonConfig, sectieZichtbaar, sorteerProducten, totalen, vulVeldcodes, } from "./pakbonBuilder.js";
+import { DEMO_ORDER, deelkarVoorbeeldOrder, conditieContext, groepeerIdentiekeKarren, groepeerIdentiekeLagen, karBundelTekst, fustVerzamellijst, fustRegels, FUSTREGEL_LABELS, FUSTREGEL_RECHTS, pickMethode, pakbonLayoutVariant, productVeldBreedtes, sectieOnderdruktVoorVariant, laagBundelTekst, leesPakbonConfig, sectieZichtbaar, sorteerProducten, totalen, vulVeldcodes, } from "./pakbonBuilder.js";
 import { haalPrintLogos } from "./logoLibrary.js";
 import { code128BarsHtml } from "./code128.js";
+import { karMetadata } from "./pakbonPresentation.js";
 // --- kleine hulpjes ---------------------------------------------------------
 const arr = (v) => (Array.isArray(v) ? v : []);
 const opt = (s, key, fallback) => s.opties?.[key] ?? fallback;
@@ -65,11 +66,13 @@ export function maakPakbonOrder(input) {
         route: String(k["route"] ?? ""),
         chauffeur: String(k["chauffeur"] ?? ""),
         gewicht: String(k["gewicht"] ?? ""),
-        cart_label: String(k["cart_label"] ?? cart["cart_label"] ?? "").trim() || undefined,
-        cart_index: Number(k["cart_index"] ?? cart["cart_index"] ?? 0) || undefined,
-        cart_total: Number(k["cart_total"] ?? cart["cart_total"] ?? 0) || undefined,
-        cart_id: String(k["cart_id"] ?? cart["cart_id"] ?? "").trim() || undefined,
-        cart_items: Array.isArray(k["cart_items"] ?? cart["cart_items"]) ? (k["cart_items"] ?? cart["cart_items"]) : undefined,
+        cart_label: String(k["cart_label"] ?? k["cartLabel"] ?? cart["cart_label"] ?? cart["cartLabel"] ?? "").trim() || undefined,
+        cart_index: Number(k["cart_index"] ?? k["cartIndex"] ?? cart["cart_index"] ?? cart["cartIndex"] ?? 0) || undefined,
+        cart_total: Number(k["cart_total"] ?? k["cartTotal"] ?? cart["cart_total"] ?? cart["cartTotal"] ?? 0) || undefined,
+        cart_id: String(k["cart_id"] ?? k["cartId"] ?? cart["cart_id"] ?? cart["cartId"] ?? "").trim() || undefined,
+        cart_items: Array.isArray(k["cart_items"] ?? k["items"] ?? cart["cart_items"] ?? cart["items"])
+            ? (k["cart_items"] ?? k["items"] ?? cart["cart_items"] ?? cart["items"])
+            : undefined,
         gedeeld: k["gedeeld"] === true,
         lagen: arr(k["lagen"]).map((l, j) => ({
             laagnummer: Number(l["laagnummer"] ?? j + 1),
@@ -118,11 +121,13 @@ export function maakPakbonOrder(input) {
         transport: groep("transport", ["transporteur", "route", "chauffeur", "track"]),
         barcode: topBarcode || undefined,
         cart: Object.keys(cart).length ? {
-            cart_label: String(cart["cart_label"] ?? "").trim() || undefined,
-            cart_index: Number(cart["cart_index"] ?? 0) || undefined,
-            cart_total: Number(cart["cart_total"] ?? 0) || undefined,
-            cart_id: String(cart["cart_id"] ?? "").trim() || undefined,
-            cart_items: Array.isArray(cart["cart_items"]) ? cart["cart_items"] : undefined,
+            cart_label: String(cart["cart_label"] ?? cart["cartLabel"] ?? "").trim() || undefined,
+            cart_index: Number(cart["cart_index"] ?? cart["cartIndex"] ?? 0) || undefined,
+            cart_total: Number(cart["cart_total"] ?? cart["cartTotal"] ?? 0) || undefined,
+            cart_id: String(cart["cart_id"] ?? cart["cartId"] ?? "").trim() || undefined,
+            cart_items: Array.isArray(cart["cart_items"] ?? cart["items"])
+                ? (cart["cart_items"] ?? cart["items"])
+                : undefined,
             barcode: String(cart["barcode"] ?? "").trim() || undefined,
         } : undefined,
         karren,
@@ -346,27 +351,7 @@ function karKop(s, kar, velden, bundelTekst = "") {
         .replace(/\{chauffeur\}/g, kar.chauffeur)
         .replace(/\{lagen\}/g, String(kar.lagen.length))
         .replace(/\{producten\}/g, String(kar.lagen.reduce((n, l) => n + l.producten.length, 0)));
-    const info = [];
-    if (velden.includes("lagen"))
-        info.push(`${kar.lagen.length} lagen`);
-    if (velden.includes("producten"))
-        info.push(`${kar.lagen.reduce((n, l) => n + l.producten.reduce((m, p) => m + p.aantal, 0), 0)} producten`);
-    if (velden.includes("gewicht") && kar.gewicht)
-        info.push(kar.gewicht);
-    if (velden.includes("chauffeur") && kar.chauffeur)
-        info.push(kar.chauffeur);
-    if (velden.includes("route") && kar.route)
-        info.push(kar.route);
-    if (kar.gedeeld)
-        info.push("gedeelde kar");
-    const cartLabel = kar.cart_label ||
-        (kar.cart_index && kar.cart_total ? `Kar ${kar.cart_index} van ${kar.cart_total}` : "");
-    if (cartLabel)
-        info.push(cartLabel);
-    if (kar.cart_id)
-        info.push(`ID ${kar.cart_id}`);
-    if (kar.cart_items?.length)
-        info.push(`${kar.cart_items.length} karregels`);
+    const info = karMetadata(kar, velden);
     const toonNummer = velden.includes("karnummer");
     if (!toonNummer && !info.length && !bundelTekst)
         return "";
@@ -384,31 +369,7 @@ function karKop(s, kar, velden, bundelTekst = "") {
     ]
         .filter(Boolean)
         .join(" ");
-    return `<div class="karkop" style="${stijl}"><span>${links}</span><span class="meta">${info
-        .map((t) => `<span>${esc(t)}</span>`)
-        .join("")}</span></div>`;
-}
-function cartRegelsHtml(kar) {
-    const regels = arr(kar.cart_items);
-    if (!regels.length)
-        return "";
-    const velden = [
-        ["artikelnummer", "Artikel"],
-        ["artikelnaam", "Omschrijving"],
-        ["omschrijving", "Omschrijving"],
-        ["aantal", "Aantal"],
-        ["eenheid", "Eenheid"],
-    ];
-    const rijen = regels.map((regel) => {
-        const waarden = velden
-            .map(([sleutel]) => String(regel[sleutel] ?? "").trim())
-            .filter(Boolean);
-        const tekst = waarden.length
-            ? waarden.map((waarde) => `<span>${esc(waarde)}</span>`).join(" ")
-            : Object.values(regel).map((waarde) => `<span>${esc(String(waarde ?? ""))}</span>`).join(" ");
-        return `<div class="cartregel">${tekst}</div>`;
-    });
-    return `<div class="cartregels"><div class="vet">Karregels</div>${rijen.join("")}</div>`;
+    return `<div class="karkop" style="${stijl}"><div class="karkop-titel">${links}</div>${info.length ? `<div class="karkop-meta">${esc(info.join(" · "))}</div>` : ""}</div>`;
 }
 function laagKop(s, laag, velden, compact, bundelTekst = "") {
     const tekst = optS(s, "koptekst", "Laag {laag}").replace(/\{laag\}/g, String(laag.laagnummer));
@@ -427,7 +388,7 @@ function laagKop(s, laag, velden, compact, bundelTekst = "") {
         info.push(laag.opmerking);
     if (!velden.includes("laagnummer") && !info.length && !bundelTekst)
         return "";
-    return `<div class="laagkop${compact ? " compact" : ""}"><span>${velden.includes("laagnummer") ? esc(tekst) : ""}${bundelTekst ? ` <span class="bundel">${esc(bundelTekst)}</span>` : ""}</span><span class="meta">${info.map((t) => `<span>${esc(t)}</span>`).join("")}</span></div>`;
+    return `<div class="laagkop${compact ? " compact" : ""}"><div class="laagkop-titel">${velden.includes("laagnummer") ? esc(tekst) : ""}${bundelTekst ? ` <span class="bundel">${esc(bundelTekst)}</span>` : ""}</div>${info.length ? `<div class="laagkop-meta">${esc(info.join(" · "))}</div>` : ""}</div>`;
 }
 function bundelMelding(tekst) {
     return `<div class="bundel">${esc(tekst)}</div>`;
@@ -442,7 +403,11 @@ function karBlok(s, kar, lagen, zoek, omkaderd, aantal = 1) {
     const fustSectie = zoek("fusten");
     const lagenModus = lagenSectie ? optS(lagenSectie, "modus", "apart") : "geen";
     let inhoud = karKop(s, kar, velden, karBundelTekst(aantal));
-    inhoud += cartRegelsHtml(kar);
+    // De Engine-cartregels zijn selectie-/controlegegevens. De zichtbare
+    // productregels komen uitsluitend uit de ingestelde lagen/productsectie,
+    // net als in het live voorbeeld.
+    if (kar.barcode)
+        inhoud += barcodeHtml(kar.barcode);
     if (lagen.length && lagenSectie && lagenModus !== "geen") {
         const lVelden = lijst(lagenSectie, "velden");
         const toonProducten = lagenModus !== "nummer" && lagenModus !== "regel";
@@ -460,10 +425,6 @@ function karBlok(s, kar, lagen, zoek, omkaderd, aantal = 1) {
     }
     if (fustSectie && optS(fustSectie, "modus", "totaal") === "kar")
         inhoud += fustTabel(lijst(fustSectie, "velden"), lagen.flatMap((l) => l.fusten), `Fusten kar ${kar.karnummer}`);
-    // Een volle-karpakbon kan meerdere karren/pagina's bevatten. De barcode
-    // hoort daarom in het eigen karblok en niet één keer onderaan de serie.
-    if (kar.barcode)
-        inhoud += barcodeHtml(kar.barcode);
     return `<div class="karblok${omkaderd ? " omkaderd" : ""}">${inhoud}</div>`;
 }
 const FUST_KOLOM_LABELS = {
@@ -475,9 +436,10 @@ const FUST_KOLOM_LABELS = {
     locatie: "Locatie",
     fustsoort: "Tray/fust",
     planten_per_fust: "Pl./fust",
+    fust_aantal: "Fusten",
     aantal: "Planten",
 };
-const FUST_RECHTS = new Set(["planten_per_fust", "aantal"]);
+const FUST_RECHTS = new Set(["planten_per_fust", "fust_aantal", "aantal"]);
 /** Verzamellijst met alle te picken fusten per fusttype. */
 function fustVerzamellijstHtml(order, s) {
     const groepen = fustVerzamellijst(order?.karren);
@@ -514,7 +476,9 @@ function fustVerzamellijstHtml(order, s) {
         : "";
     return `${kopTekst ? `<div class="sectitel">${esc(kopTekst)}</div>` : ""}${blokken}${totaalHtml}`;
 }
-function karrenHtml(s, order, zoek) {
+function karrenHtml(s, order, zoek, 
+/** Kop die op iedere nieuwe karpagina wordt herhaald (HELE KAR / DEELKAR). */
+paginaKop = "") {
     const modus = optS(s, "modus", "pagina");
     if (modus === "geen")
         return "";
@@ -538,13 +502,13 @@ function karrenHtml(s, order, zoek) {
             const laagGroepen = groepeerIdentiekeLagen(lagen, String(lagenModus) === "gebundeld");
             laagGroepen.forEach((lg, j) => {
                 const breek = i > 0 || j > 0;
-                delen.push(`<div class="${breek ? "breekvoor" : ""}">${blokFrame(s, karBlok(s, kar, [lg.laag], zoek, modus === "blok" || modus === "passend", groep.aantal))}</div>`);
+                delen.push(`<div class="${breek ? "breekvoor" : ""}">${breek ? paginaKop : ""}${blokFrame(s, karBlok(s, kar, [lg.laag], zoek, modus === "blok" || modus === "passend", groep.aantal))}</div>`);
             });
             return;
         }
         const breek = i > 0 && perPagina;
         const scheider = i > 0 && !perPagina ? scheidingHtml(scheiding) : "";
-        delen.push(`<div class="${breek ? "breekvoor" : ""} ${modus === "passend" ? "heelhouden" : ""}">${scheider}${blokFrame(s, karBlok(s, kar, lagen, zoek, modus === "blok" || modus === "passend", groep.aantal))}</div>`);
+        delen.push(`<div class="${breek ? "breekvoor" : ""} ${modus === "passend" ? "heelhouden" : ""}">${breek ? paginaKop : ""}${scheider}${blokFrame(s, karBlok(s, kar, lagen, zoek, modus === "blok" || modus === "passend", groep.aantal))}</div>`);
     });
     return delen.join("");
 }
@@ -629,6 +593,36 @@ function sectieHtml(s, order, zoek, opties) {
                 .join("");
             return titelHtml(s) + body;
         }
+        case "fustregels": {
+            const velden = lijst(s, "velden").filter((v) => FUSTREGEL_LABELS[v]);
+            if (!velden.length)
+                return "";
+            const regels = fustRegels(order.karren, {
+                comprimeren: opt(s, "comprimeren", true) !== false,
+                sortering: optS(s, "sortering", "fustsoort"),
+            });
+            if (!regels.length)
+                return "";
+            const randen = opt(s, "randen", true) !== false;
+            const zebra = !!opt(s, "zebra", false);
+            const cls = randen ? "onder" : "";
+            const kop = opt(s, "toonKoppen", true) !== false
+                ? `<tr>${velden
+                    .map((v) => `<th class="${cls}"${FUSTREGEL_RECHTS.has(v) ? ' style="text-align:right"' : ""}>${esc(FUSTREGEL_LABELS[v])}</th>`)
+                    .join("")}</tr>`
+                : "";
+            const rijen = regels
+                .map((r, i) => `<tr${zebra && i % 2 === 1 ? ' style="background:#f4f4f4"' : ""}>${velden
+                .map((v) => `<td class="${cls}"${FUSTREGEL_RECHTS.has(v) ? ' style="text-align:right"' : ""}>${esc(String(r[v] ?? ""))}</td>`)
+                .join("")}</tr>`)
+                .join("");
+            const totaalFusten = regels.reduce((n, r) => n + r.fust_aantal, 0);
+            const totaalPlanten = regels.reduce((n, r) => n + r.aantal, 0);
+            const totaal = opt(s, "toonTotaal", true) !== false
+                ? `<div class="totalen" style="justify-content:flex-end"><span>${totaalFusten} fusten</span><span>${totaalPlanten} planten</span></div>`
+                : "";
+            return `${titelHtml(s)}<table class="regels">${kop}${rijen}</table>${totaal}`;
+        }
         case "pickmethode":
             if (optS(s, "methode", "kar") === "kar")
                 return "";
@@ -700,18 +694,26 @@ export function renderPakbonBody(config, order, opties = {}) {
     const inhoud = secties
         .filter((s) => !(s.type === "totalen" && totalenElkePagina))
         .filter((s) => !(s.type === "barcode" && heeftKarBarcodes))
-        .map((s) => s.type === "karren" ? karrenHtml(s, order, zoek) : blokFrame(s, sectieHtml(s, order, zoek, opts)))
+        .map((s) => s.type === "karren"
+        ? karrenHtml(s, order, zoek, variantKop)
+        : blokFrame(s, sectieHtml(s, order, zoek, opts)))
         .join("");
     const pickSectie = alleSecties.find((s) => s.type === "pickmethode");
     const pickInstellingen = pickSectie ?? alleSecties[0];
     // Elke pakbon krijgt de Engine-barcode wanneer die is aangeleverd. Een
     // expliciet barcodeblok rendert hem zelf; anders voegen we hem één keer
     // automatisch toe. Zonder Engine-barcode wordt nooit een waarde verzonnen.
-    const automatischeBarcode = !heeftKarBarcodes && !secties.some((s) => s.type === "barcode");
+    // De schakelaar staat op het pickmethodeblok (pakbon) of het
+    // handtekeningblok (afleverbrief); standaard staat de barcode aan.
+    const barcodeSchakelaarSectie = pickSectie ?? alleSecties.find((s) => s.type === "handtekening");
+    const barcodeAan = barcodeSchakelaarSectie
+        ? opt(barcodeSchakelaarSectie, "toonBarcode", true) !== false
+        : true;
+    const automatischeBarcode = barcodeAan && !heeftKarBarcodes && !secties.some((s) => s.type === "barcode");
     const barcode = automatischeBarcode
         ? barcodeHtml(pakbonBarcode(order), Number(pickInstellingen ? opt(pickInstellingen, "barcodeHoogte", 15) : 15))
         : "";
-    const voet = totalenElkePagina && totalenSectie
+    const voet = totalenElkePagina && totalenSectie && !opties.zonderPaginavoet
         ? `<div class="paginavoet">${sectieHtml(totalenSectie, order, zoek, opts)}</div>`
         : "";
     return kop + inhoud + (barcode ? `<div class="blok">${barcode}</div>` : "") + voet;
@@ -733,7 +735,18 @@ export function renderPakbonDocument(config, order, opties = {}) {
     const marge = opties.margeMm ?? 12;
     const font = opties.lettertype ?? 'Arial, Helvetica, "Segoe UI", sans-serif';
     const grootte = opties.lettergrootte ?? 8.5;
-    const body = renderPakbonBody(config, order, opties);
+    let body = renderPakbonBody(config, order, opties);
+    if (opties.voorbeeldBeideVarianten) {
+        // Zelfde opbouw als het voorbeeld op het scherm: eerst de hele karren,
+        // daarna één deelkarpagina zonder karindeling.
+        const deel = renderPakbonBody(config, deelkarVoorbeeldOrder(order), {
+            ...opties,
+            layoutVariant: "partial_order",
+            zonderPaginavoet: true,
+        });
+        body = renderPakbonBody(config, order, { ...opties, layoutVariant: "full_cart" }) +
+            `<div class="breekvoor">${deel}</div>`;
+    }
     // De layout bepaalt of er paginanummers op de afdruk komen; de PDF-motor
     // leest dit uit de meta, zodat de wachtrij niets extra hoeft door te geven.
     const totalen = arr(leesPakbonConfig(config).secties).find((s) => s.type === "totalen");
@@ -773,10 +786,13 @@ tr.zebra td { background: #f3f4f6; }
 .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; }
+.karkop { display: block; padding: 0.8mm 1.5mm; border-radius: 1mm; margin-bottom: 1mm; overflow-wrap: anywhere; }
+.karkop-titel { font-weight: 700; }
+.karkop-meta { margin-top: 0.4mm; font-size: 78%; font-weight: 400; color: #4b5563; overflow-wrap: anywhere; }
 .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 { display: block; font-weight: 500; border-bottom: 0.2mm solid #d1d5db; padding-bottom: 0.4mm; margin-bottom: 0.6mm; overflow-wrap: anywhere; }
+.laagkop-meta { margin-top: 0.25mm; font-size: 82%; font-weight: 400; color: #4b5563; overflow-wrap: anywhere; }
 .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; }

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

@@ -0,0 +1,8 @@
+import type { DemoKar } from "./pakbonBuilder.js";
+/**
+ * Canonieke zichtbare metadata van een kar. Zowel het live voorbeeld als de
+ * print-renderer gebruiken deze lijst, zodat geen van beide zelf regels kan
+ * toevoegen of in een andere volgorde kan zetten.
+ */
+export declare function karMetadata(kar: DemoKar, velden: string[]): string[];
+//# sourceMappingURL=pakbonPresentation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pakbonPresentation.d.ts","sourceRoot":"","sources":["../../src/lib/pakbonPresentation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAqBpE"}

package/dist-lib/lib/pakbonPresentation.js

@@ -0,0 +1,31 @@
+/**
+ * Canonieke zichtbare metadata van een kar. Zowel het live voorbeeld als de
+ * print-renderer gebruiken deze lijst, zodat geen van beide zelf regels kan
+ * toevoegen of in een andere volgorde kan zetten.
+ */
+export function karMetadata(kar, velden) {
+    const info = [];
+    if (velden.includes("lagen"))
+        info.push(`${kar.lagen.length} lagen`);
+    if (velden.includes("producten")) {
+        const aantal = kar.lagen.reduce((totaal, laag) => totaal + laag.producten.reduce((som, product) => som + product.aantal, 0), 0);
+        info.push(`${aantal} producten`);
+    }
+    if (velden.includes("gewicht") && kar.gewicht)
+        info.push(kar.gewicht);
+    if (velden.includes("chauffeur") && kar.chauffeur)
+        info.push(kar.chauffeur);
+    if (velden.includes("route") && kar.route)
+        info.push(kar.route);
+    if (kar.gedeeld)
+        info.push("gedeelde kar");
+    const label = kar.cart_label ||
+        (kar.cart_index && kar.cart_total ? `Kar ${kar.cart_index} van ${kar.cart_total}` : "");
+    if (label)
+        info.push(label);
+    if (kar.cart_id)
+        info.push(`ID ${kar.cart_id}`);
+    if (kar.cart_items?.length)
+        info.push(`${kar.cart_items.length} karregels`);
+    return info;
+}

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

@@ -1 +1 @@
-{"version":3,"file":"pakbonScan.d.ts","sourceRoot":"","sources":["../../src/lib/pakbonScan.ts"],"names":[],"mappings":"AASA,OAAO,EAAqB,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE9E,MAAM,WAAW,eAAe;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,cAAc,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC3C,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,eAAe,EAAE,CAAC;CAC3B;AAWD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,OAAO,EACd,MAAM,EAAE;IACN,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GACA,gBAAgB,GAAG,IAAI,CA8EzB;AAED,uEAAuE;AACvE,wBAAsB,sBAAsB,CAC1C,EAAE,EAAE;IAAE,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAA;CAAE,EACpC,MAAM,EAAE,gBAAgB,GAAG,IAAI,GAC9B,OAAO,CAAC,IAAI,CAAC,CAMf"}
+{"version":3,"file":"pakbonScan.d.ts","sourceRoot":"","sources":["../../src/lib/pakbonScan.ts"],"names":[],"mappings":"AASA,OAAO,EAAuC,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEhG,MAAM,WAAW,eAAe;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,cAAc,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC3C,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,eAAe,EAAE,CAAC;CAC3B;AAWD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,OAAO,EACd,MAAM,EAAE;IACN,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GACA,gBAAgB,GAAG,IAAI,CA8DzB;AAED,uEAAuE;AACvE,wBAAsB,sBAAsB,CAC1C,EAAE,EAAE;IAAE,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAA;CAAE,EACpC,MAAM,EAAE,gBAAgB,GAAG,IAAI,GAC9B,OAAO,CAAC,IAAI,CAAC,CAMf"}

package/dist-lib/lib/pakbonScan.js

@@ -6,7 +6,7 @@
 // gedrukte pakbon staat, zodat een scanner daaruit een afleverbrief kan
 // opbouwen: order, klant, kar en de gedrukte regels.
 // ============================================================================
-import { fustVerzamellijst } from "./pakbonBuilder.js";
+import { beperkTotDeelkar, fustVerzamellijst } from "./pakbonBuilder.js";
 function tekst(waarde) {
     return waarde === undefined || waarde === null ? "" : String(waarde).trim();
 }
@@ -23,7 +23,10 @@ export function bouwPakbonScanInhoud(order, opties) {
     const barcode = tekst(opties.barcode);
     if (!barcode)
         return null;
-    const o = (order && typeof order === "object" ? order : {});
+    const ruw = (order && typeof order === "object" ? order : {});
+    // Restpakbon: precies dezelfde beperking als bij het afdrukken, zodat de
+    // scanner nooit meer regels terugkrijgt dan er op het vel staan.
+    const o = (opties.layoutVariant === "partial_order" ? beperkTotDeelkar(ruw) : ruw);
     const alleKarren = Array.isArray(o["karren"]) ? o["karren"] : [];
     const cart = (o["cart"] && typeof o["cart"] === "object" ? o["cart"] : {});
     const cartId = tekst(cart["cart_id"]);
@@ -33,46 +36,25 @@ export function bouwPakbonScanInhoud(order, opties) {
     const passendeKarren = cartId
         ? alleKarren.filter((kar) => tekst(kar["cart_id"]) === cartId)
         : alleKarren;
-    // Bij partial_order is cart_items de autoritatieve inhoud van deze deelkar.
-    // Alleen als die lijst ontbreekt, gebruiken we de passende karregels.
-    const cartItems = Array.isArray(cart["cart_items"]) ? cart["cart_items"] : [];
-    const karren = passendeKarren;
+    const karren = passendeKarren.length ? passendeKarren : alleKarren;
     const eersteKar = (karren[0] ?? {});
     const regels = [];
-    if (opties.layoutVariant !== "partial_order" || !cartItems.length) {
-        for (const groep of fustVerzamellijst(karren)) {
-            for (const pr of groep.producten) {
-                const bestaand = regels.find((r) => r.artikelnummer === pr.artikelnummer && r.fustsoort === (pr.fustsoort || groep.fusttype));
-                if (bestaand) {
-                    bestaand.aantal += Number(pr.aantal) || 0;
-                    continue;
-                }
-                regels.push({
-                    artikelnummer: pr.artikelnummer,
-                    artikelnaam: pr.artikelnaam,
-                    potmaat: pr.potmaat,
-                    kleur: pr.kleur,
-                    fustsoort: pr.fustsoort || groep.fusttype,
-                    planten_per_fust: Number(pr.planten_per_fust) || 0,
-                    aantal: Number(pr.aantal) || 0,
-                    fust_aantal: Number(groep.aantal) || 0,
-                });
+    for (const groep of fustVerzamellijst(karren)) {
+        for (const pr of groep.producten) {
+            const bestaand = regels.find((r) => r.artikelnummer === pr.artikelnummer && r.fustsoort === (pr.fustsoort || groep.fusttype));
+            if (bestaand) {
+                bestaand.aantal += Number(pr.aantal) || 0;
+                continue;
             }
-        }
-    }
-    // De Engine kan de deelkarinhoud direct als cart_items meesturen. Die lijst
-    // wint bij partial_order en bevat dan uitsluitend deze barcode-kar.
-    if (opties.layoutVariant === "partial_order" && cartItems.length) {
-        for (const item of cartItems) {
             regels.push({
-                artikelnummer: tekst(item["artikelnummer"] ?? item["artikelcode"]),
-                artikelnaam: tekst(item["artikelnaam"] ?? item["product_name"] ?? item["omschrijving"]),
-                potmaat: tekst(item["potmaat"]),
-                kleur: tekst(item["kleur"]),
-                fustsoort: tekst(item["fustsoort"] ?? item["fusttype"]),
-                planten_per_fust: Number(item["planten_per_fust"] ?? 0) || 0,
-                aantal: Number(item["aantal"] ?? item["quantity"] ?? 0) || 0,
-                fust_aantal: Number(item["fust_aantal"] ?? item["aantal_fusten"] ?? 0) || 0,
+                artikelnummer: pr.artikelnummer,
+                artikelnaam: pr.artikelnaam,
+                potmaat: pr.potmaat,
+                kleur: pr.kleur,
+                fustsoort: pr.fustsoort || groep.fusttype,
+                planten_per_fust: Number(pr.planten_per_fust) || 0,
+                aantal: Number(pr.aantal) || 0,
+                fust_aantal: Number(pr.fust_aantal) || Number(groep.aantal) || 0,
             });
         }
     }

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

@@ -1,20 +1,24 @@
+import { supabase } from "./supabaseClient.js";
 type PdfServiceState = {
     gestart: boolean;
     bezig: boolean;
     interval: number | null;
     gemeldePrinters: Set<string>;
+    writerId: string;
+    kanaal?: ReturnType<typeof supabase.channel> | null;
 };
 declare global {
     interface Window {
         __layoutMakerPdfService?: PdfServiceState;
     }
 }
-/** Start één permanente lokale PDF-afhandelaar voor de volledige shell. */
+/** Herstelt uitsluitend de lokale aflevering van een reeds gerenderde PDF. */
+export declare function bewaarPdfJobOpnieuw(jobId: string): Promise<boolean>;
+/** Downloadt exact het opgeslagen artefact; legacy jobs vallen terug op base64. */
+export declare function downloadPdfJob(jobId: string, documentnaam: string): Promise<void>;
+export declare function controleerPdfMap(printerId: string): Promise<"ok" | "map_ontbreekt" | "geen_rechten">;
 export declare function startPdfMapService(): void;
-/**
- * Wacht na een printactie op de server-PDF en schrijft hem vervolgens direct
- * naar de map die op deze computer voor de virtuele printer is gekozen.
- */
-export declare function bewaarPdfJobZodraKlaar(jobId: string, printerId: string): Promise<boolean>;
+/** Wacht alleen op het eindresultaat; de singleton met databaseclaim schrijft. */
+export declare function bewaarPdfJobZodraKlaar(jobId: string, _printerId: string): Promise<boolean>;
 export {};
 //# sourceMappingURL=pdfJobSaver.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"pdfJobSaver.d.ts","sourceRoot":"","sources":["../../src/lib/pdfJobSaver.ts"],"names":[],"mappings":"AA2BA,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAC9B,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,uBAAuB,CAAC,EAAE,eAAe,CAAC;KAC3C;CACF;AA8HD,2EAA2E;AAC3E,wBAAgB,kBAAkB,IAAI,IAAI,CAyBzC;AAED;;;GAGG;AACH,wBAAsB,sBAAsB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAyB/F"}
+{"version":3,"file":"pdfJobSaver.d.ts","sourceRoot":"","sources":["../../src/lib/pdfJobSaver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAgC5C,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;CACrD,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,uBAAuB,CAAC,EAAE,eAAe,CAAC;KAC3C;CACF;AAiND,8EAA8E;AAC9E,wBAAsB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAgCzE;AAED,mFAAmF;AACnF,wBAAsB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAwBvF;AAED,wBAAsB,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,GAAG,eAAe,GAAG,cAAc,CAAC,CAI1G;AAoCD,wBAAgB,kBAAkB,IAAI,IAAI,CA+BzC;AAED,kFAAkF;AAClF,wBAAsB,sBAAsB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAehG"}