@flowselections/layout-maker 1.32.0 → 1.38.4

package/dist-lib/lib/pakbonBuilder.js

@@ -212,7 +212,7 @@ export const SECTIE_REGISTER = [
     {
         type: "pickmethode",
         label: "Pickmethode",
-        omschrijving: "Bepaalt de opbouw van de pakbon: per kar (met karren en lagen) of per fust (verzamellijst).",
+        omschrijving: "Bepaalt of orders per kar, per fust of op beide manieren worden gepickt.",
         opties: [
             {
                 key: "methode",
@@ -222,8 +222,9 @@ export const SECTIE_REGISTER = [
                 opties: [
                     { value: "kar", label: "Order picken per kar" },
                     { value: "fusten", label: "Order picken per fusten (zelf karindeling maken)" },
+                    { value: "beide", label: "Order picken per kar én per fusten (karren + verzamellijst)" },
                 ],
-                hint: "Bij picken per fusten vervallen de blokken Karren, Lagen, Producten en Fusten en toont de pakbon een fustverzamellijst.",
+                hint: "Bij picken per fusten vervallen de blokken Karren, Lagen, Producten en Fusten. Bij de gecombineerde keuze bepaalt de Engine per opdracht: full_cart toont de karindeling, partial_order alleen de te verzamelen fusten.",
             },
             {
                 key: "kop",
@@ -249,6 +250,14 @@ export const SECTIE_REGISTER = [
             },
             { key: "toonFusthoogte", label: "Fusthoogte en belading tonen", type: "schakelaar", standaard: true },
             { key: "toonTotaal", label: "Totaal aantal fusten tonen", type: "schakelaar", standaard: true },
+            {
+                key: "toonBarcode",
+                label: "Barcode voor afleverbrief tonen",
+                type: "schakelaar",
+                standaard: true,
+                hint: "De barcode wordt uitsluitend overgenomen uit de Engine-opdracht.",
+            },
+            { key: "barcodeHoogte", label: "Barcodehoogte (mm)", type: "getal", standaard: 15 },
         ],
     },
     {
@@ -498,9 +507,9 @@ export const SECTIE_REGISTER = [
     {
         type: "barcode",
         label: "Barcode",
-        omschrijving: "Barcode met orderwaarde.",
+        omschrijving: "Scanbare barcode. Bij Engine-pakbonnen komt de waarde uit de opdracht.",
         opties: [
-            { key: "waarde", label: "Inhoud", type: "tekst", standaard: "{{order.nummer}}" },
+            { key: "waarde", label: "Inhoud", type: "tekst", standaard: "{{barcode}}" },
             { key: "hoogte", label: "Hoogte (mm)", type: "getal", standaard: 15 },
         ],
     },
@@ -572,11 +581,20 @@ function migreerPickmethode(secties) {
     const karIndex = secties.findIndex((s) => s.type === "karren");
     const oud = karIndex >= 0 ? String(secties[karIndex].opties?.["pickmethode"] ?? "kar") : "kar";
     const blok = nieuweSectie("pickmethode");
-    blok.opties["methode"] = oud === "fusten" ? "fusten" : "kar";
+    blok.opties["methode"] = oud === "fusten" || oud === "beide" ? oud : "kar";
     const kopie = [...secties];
     kopie.splice(karIndex >= 0 ? karIndex : kopie.length, 0, blok);
     return kopie;
 }
+/** Normaliseert alleen de twee varianten uit het gedeelde Engine-contract. */
+export function pakbonLayoutVariant(value) {
+    const variant = String(value ?? "").trim().toLowerCase();
+    if (variant === "full_cart")
+        return "full_cart";
+    if (variant === "partial_order")
+        return "partial_order";
+    return null;
+}
 /** Actieve pickmethode van een pakbonconfiguratie. */
 export function pickMethode(secties) {
     const lijst = Array.isArray(secties) ? secties : [];
@@ -584,13 +602,31 @@ export function pickMethode(secties) {
     const waarde = blok
         ? String(blok.opties?.["methode"] ?? "kar")
         : String(lijst.find((s) => s.type === "karren")?.opties?.["pickmethode"] ?? "kar");
-    return waarde === "fusten" ? "fusten" : "kar";
+    if (waarde === "fusten")
+        return "fusten";
+    if (waarde === "beide")
+        return "beide";
+    return "kar";
 }
 const KAR_SECTIES = ["karren", "lagen", "producten", "fusten"];
 /** Blokken die bij de gekozen pickmethode niet van toepassing zijn. */
 export function sectieOnderdrukt(type, methode) {
     return methode === "fusten" && KAR_SECTIES.includes(type);
 }
+/**
+ * Blokken die de Engine-variant weglaat. Zonder variant blijft de editor/het
+ * losse voorbeeld compleet; een echte Engine-opdracht wordt in de wachtrij
+ * geblokkeerd totdat de variant aanwezig is.
+ */
+export function sectieOnderdruktVoorVariant(type, methode, variant) {
+    if (sectieOnderdrukt(type, methode))
+        return true;
+    if (methode !== "beide" || !variant)
+        return false;
+    if (variant === "full_cart")
+        return type === "pickmethode";
+    return type === "pickmethode" ? false : [...KAR_SECTIES, "orderregels"].includes(type);
+}
 const p = (nr, naam, potmaat, aantal, locatie, groep, kleur) => ({
     artikelnummer: nr,
     artikelnaam: naam,
@@ -651,6 +687,7 @@ export const DEMO_ORDER = {
     karren: [
         {
             karnummer: 5,
+            barcode: "VOORBEELD-KAR-05",
             route: "Route Zuid",
             chauffeur: "J. Bakker",
             gewicht: "142 kg",
@@ -687,6 +724,7 @@ export const DEMO_ORDER = {
         // ze samengevoegd tot één blok met "Deze kar 3× pakken".
         ...[6, 7, 8].map((nr) => ({
             karnummer: nr,
+            barcode: `VOORBEELD-KAR-${String(nr).padStart(2, "0")}`,
             route: "Route Zuid",
             chauffeur: "J. Bakker",
             gewicht: "118 kg",
@@ -813,8 +851,10 @@ function laagVingerafdruk(l) {
     return [l.belading, l.potmaat, l.gewicht, l.opmerking, producten, fusten].join("#");
 }
 function karVingerafdruk(k) {
-    // karnummer bewust niet meegenomen: alleen de indeling telt
-    return [k.route, k.chauffeur, k.gewicht, k.gedeeld ? "gedeeld" : "", (k.lagen ?? []).map(laagVingerafdruk).join("~")].join("#");
+    // karnummer bewust niet meegenomen: alleen de indeling telt. Een kar met een
+    // eigen barcode of cart_id van de Engine is wél uniek en wordt nooit gebundeld.
+    const uniek = String(k.barcode ?? "") || String(k.cart_id ?? "") || String(k.cart_label ?? "");
+    return [uniek, k.route, k.chauffeur, k.gewicht, k.gedeeld ? "gedeeld" : "", (k.lagen ?? []).map(laagVingerafdruk).join("~")].join("#");
 }
 /** Groepeert identieke karren. Bij `aan = false` blijft elke kar los. */
 export function groepeerIdentiekeKarren(karren, aan) {
@@ -928,3 +968,24 @@ export function fustVerzamellijst(karren) {
     }
     return [...map.values()].sort((a, b) => a.fusttype.localeCompare(b.fusttype));
 }
+/**
+ * Voorbeeld van een deelkar (niet-volle kar): alleen een deel van de fusten,
+ * zonder karindeling. Uitsluitend bedoeld voor het voorbeeld in de builder —
+ * echte opdrachten krijgen hun gegevens van de Logistics Engine.
+ */
+export function deelkarVoorbeeldOrder(order = DEMO_ORDER) {
+    const eerste = order.karren[0];
+    const laag = eerste?.lagen?.[0];
+    if (!eerste || !laag)
+        return order;
+    return {
+        ...order,
+        karren: [
+            {
+                ...eerste,
+                gedeeld: true,
+                lagen: [{ ...laag, producten: laag.producten.slice(0, 1), fusten: laag.fusten?.slice(0, 1) ?? [] }],
+            },
+        ],
+    };
+}

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

@@ -1,6 +1,16 @@
 import { type DemoOrder, type PakbonConfig } from "./pakbonBuilder.js";
-/** Gegevensvorm van een pakbon. Gelijk aan de vorm van het live voorbeeld. */
-export type PakbonOrder = DemoOrder;
+/** Gegevensvorm van een pakbon. Engine-metadata blijft naast ordergegevens beschikbaar. */
+export type PakbonOrder = DemoOrder & {
+    barcode?: string;
+    cart?: {
+        cart_label?: string;
+        cart_index?: number;
+        cart_total?: number;
+        cart_id?: string;
+        cart_items?: unknown[];
+        barcode?: string;
+    };
+};
 export interface PakbonLogo {
     id: string;
     naam?: string;
@@ -20,6 +30,8 @@ export interface PakbonRenderOpties {
     logos?: PakbonLogo[];
     /** Documentlogo: gebruikt wanneer een logoblok zelf geen logo heeft. */
     logoId?: string | null;
+    /** Variant die uitsluitend door de Logistics Engine wordt bepaald. */
+    layoutVariant?: string | null;
 }
 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,EAmBL,KAAK,SAAS,EAEd,KAAK,YAAY,EAGlB,MAAM,iBAAiB,CAAC;AAGzB,8EAA8E;AAC9E,MAAM,MAAM,WAAW,GAAG,SAAS,CAAC;AAEpC,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;CACxB;AAWD,wBAAgB,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,CAKtC;AAQD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,WAAW,CAgE3D;AA8oBD,oEAAoE;AACpE,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,YAAY,GAAG,OAAO,EAC9B,KAAK,EAAE,WAAW,EAClB,MAAM,GAAE,kBAAuB,GAC9B,MAAM,CA8BR;AAgBD,gEAAgE;AAChE,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,YAAY,GAAG,OAAO,EAC9B,KAAK,EAAE,WAAW,EAClB,MAAM,GAAE,kBAAuB,GAC9B,MAAM,CAmER;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,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"}

package/dist-lib/lib/pakbonHtml.js

@@ -7,8 +7,9 @@
 // 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, productVeldBreedtes, sectieOnderdrukt, laagBundelTekst, leesPakbonConfig, sectieZichtbaar, sorteerProducten, totalen, vulVeldcodes, } from "./pakbonBuilder.js";
+import { DEMO_ORDER, conditieContext, groepeerIdentiekeKarren, groepeerIdentiekeLagen, karBundelTekst, fustVerzamellijst, pickMethode, pakbonLayoutVariant, productVeldBreedtes, sectieOnderdruktVoorVariant, laagBundelTekst, leesPakbonConfig, sectieZichtbaar, sorteerProducten, totalen, vulVeldcodes, } from "./pakbonBuilder.js";
 import { haalPrintLogos } from "./logoLibrary.js";
+import { code128BarsHtml } from "./code128.js";
 // --- kleine hulpjes ---------------------------------------------------------
 const arr = (v) => (Array.isArray(v) ? v : []);
 const opt = (s, key, fallback) => s.opties?.[key] ?? fallback;
@@ -24,6 +25,24 @@ const cel = (p, veld) => {
         return "";
     return String(p[veld] ?? "");
 };
+/** Rendert uitsluitend een bestaande barcodewaarde uit de Engine-payload. */
+function barcodeHtml(value, hoogteMm = 15) {
+    const tekst = String(value ?? "").trim();
+    if (!tekst)
+        return "";
+    const hoogte = Number.isFinite(hoogteMm) && hoogteMm > 0 ? hoogteMm : 15;
+    return `<div class="barcode"><div class="barcode-bars" data-barcode="${esc(tekst)}" style="height:${hoogte}mm">${code128BarsHtml(tekst)}</div><div>${esc(tekst)}</div></div>`;
+}
+/** Barcode van één pakbon; bij één geselecteerde kar mag diens Engine-barcode worden gebruikt. */
+function pakbonBarcode(order) {
+    const direct = String(order.barcode ?? order.cart?.barcode ?? "").trim();
+    if (direct)
+        return direct;
+    const karren = Array.isArray(order.karren) ? order.karren : [];
+    if (karren.length !== 1)
+        return undefined;
+    return String(karren[0]?.barcode ?? "").trim() || undefined;
+}
 /**
  * Vult ontbrekende onderdelen aan met veilige lege waarden, zodat een module
  * die maar een deel van de gegevens heeft nooit een lege of stukke pakbon
@@ -38,11 +57,19 @@ export function maakPakbonOrder(input) {
             out[v] = b[v] === undefined || b[v] === null ? "" : String(b[v]);
         return out;
     };
+    const cart = (bron["cart"] && typeof bron["cart"] === "object" ? bron["cart"] : {});
+    const topBarcode = String(bron["barcode"] ?? cart["barcode"] ?? "").trim();
     const karren = arr(bron["karren"]).map((k, i) => ({
         karnummer: Number(k["karnummer"] ?? i + 1),
+        barcode: String(k["barcode"] ?? "").trim() || undefined,
         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,
         gedeeld: k["gedeeld"] === true,
         lagen: arr(k["lagen"]).map((l, j) => ({
             laagnummer: Number(l["laagnummer"] ?? j + 1),
@@ -89,6 +116,15 @@ export function maakPakbonOrder(input) {
         afleveradres: groep("afleveradres", ["naam", "adres", "plaats", "land"]),
         factuuradres: groep("factuuradres", ["naam", "adres", "plaats", "land"]),
         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,
+            barcode: String(cart["barcode"] ?? "").trim() || undefined,
+        } : undefined,
         karren,
     };
 }
@@ -323,6 +359,14 @@ function karKop(s, kar, velden, bundelTekst = "") {
         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 toonNummer = velden.includes("karnummer");
     if (!toonNummer && !info.length && !bundelTekst)
         return "";
@@ -344,6 +388,28 @@ function karKop(s, kar, velden, bundelTekst = "") {
         .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>`;
+}
 function laagKop(s, laag, velden, compact, bundelTekst = "") {
     const tekst = optS(s, "koptekst", "Laag {laag}").replace(/\{laag\}/g, String(laag.laagnummer));
     const info = [];
@@ -367,14 +433,16 @@ function bundelMelding(tekst) {
     return `<div class="bundel">${esc(tekst)}</div>`;
 }
 function karBlok(s, kar, lagen, zoek, omkaderd, aantal = 1) {
-    // Bij samenvoegen van identieke karren vervalt het unieke karnummer.
-    const bundelt = opt(s, "bundel_identiek", true) !== false;
+    // Alleen bij écht samengevoegde karren vervalt het unieke karnummer; een
+    // losse kar (bijv. met eigen Engine-barcode) houdt zijn eigen gegevens.
+    const bundelt = opt(s, "bundel_identiek", true) !== false && aantal > 1;
     const velden = lijst(s, "velden").filter((v) => !(bundelt && (v === "karnummer" || v === "barcode" || v === "qrcode")));
     const lagenSectie = zoek("lagen");
     const productSectie = zoek("producten");
     const fustSectie = zoek("fusten");
     const lagenModus = lagenSectie ? optS(lagenSectie, "modus", "apart") : "geen";
     let inhoud = karKop(s, kar, velden, karBundelTekst(aantal));
+    inhoud += cartRegelsHtml(kar);
     if (lagen.length && lagenSectie && lagenModus !== "geen") {
         const lVelden = lijst(lagenSectie, "velden");
         const toonProducten = lagenModus !== "nummer" && lagenModus !== "regel";
@@ -392,6 +460,10 @@ 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 = {
@@ -558,7 +630,7 @@ function sectieHtml(s, order, zoek, opties) {
             return titelHtml(s) + body;
         }
         case "pickmethode":
-            if (optS(s, "methode", "kar") !== "fusten")
+            if (optS(s, "methode", "kar") === "kar")
                 return "";
             return fustVerzamellijstHtml(order, s);
         case "karren":
@@ -591,8 +663,11 @@ function sectieHtml(s, order, zoek, opties) {
             return `<div class="${opt(s, "kader", false) ? "kader" : ""}" style="font-size:${Number(opt(s, "fontgrootte", 9))}pt">${esc(vulVeldcodes(optS(s, "tekst", ""), order))}</div>`;
         case "qrcode":
             return `<div><div class="qr" style="width:${Number(opt(s, "grootte", 25))}mm;height:${Number(opt(s, "grootte", 25))}mm"></div><div class="klein">${esc(vulVeldcodes(optS(s, "waarde", ""), order))}</div></div>`;
-        case "barcode":
-            return `<div><div class="streepjes" style="height:${Number(opt(s, "hoogte", 15))}mm"></div><div>${esc(vulVeldcodes(optS(s, "waarde", ""), order))}</div></div>`;
+        case "barcode": {
+            // Alleen de Engine-waarde mag op de pakbon komen; nooit een lokaal
+            // gegenereerde orderwaarde of een layout-default als barcode gebruiken.
+            return barcodeHtml(pakbonBarcode(order), Number(opt(s, "hoogte", 15)));
+        }
         case "afbeelding": {
             const url = optS(s, "url", "");
             return url
@@ -610,20 +685,36 @@ export function renderPakbonBody(config, order, opties = {}) {
     const ctx = conditieContext(order);
     const alleSecties = arr(cfg.secties);
     const methode = pickMethode(alleSecties);
-    const secties = alleSecties.filter((s) => sectieZichtbaar(s, ctx) && !sectieOnderdrukt(s.type, methode));
+    const variant = pakbonLayoutVariant(opties.layoutVariant);
+    const secties = alleSecties.filter((s) => sectieZichtbaar(s, ctx) && !sectieOnderdruktVoorVariant(s.type, methode, variant));
+    const heeftKarBarcodes = secties.some((s) => s.type === "karren") &&
+        (Array.isArray(order.karren) ? order.karren : []).some((kar) => Boolean(String(kar.barcode ?? "").trim()));
     const zoek = (t) => secties.find((s) => s.type === t);
     const opts = { ...opties, logoId: opties.logoId ?? cfg.logo?.logoId ?? null };
-    const kop = documentLogoHtml(cfg.logo, opts);
+    const variantKop = variant
+        ? `<div class="pakbonvariant">${variant === "full_cart" ? "HELE KAR" : "DEELKAR"}</div>`
+        : "";
+    const kop = variantKop + documentLogoHtml(cfg.logo, opts);
     const totalenSectie = zoek("totalen");
     const totalenElkePagina = !!totalenSectie && opt(totalenSectie, "elke_pagina", false) === true;
     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)))
         .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");
+    const barcode = automatischeBarcode
+        ? barcodeHtml(pakbonBarcode(order), Number(pickInstellingen ? opt(pickInstellingen, "barcodeHoogte", 15) : 15))
+        : "";
     const voet = totalenElkePagina && totalenSectie
         ? `<div class="paginavoet">${sectieHtml(totalenSectie, order, zoek, opts)}</div>`
         : "";
-    return kop + inhoud + voet;
+    return kop + inhoud + (barcode ? `<div class="blok">${barcode}</div>` : "") + voet;
 }
 /** Het documentlogo bovenaan de pakbon. */
 function documentLogoHtml(logoCfg, opties) {
@@ -647,60 +738,61 @@ export function renderPakbonDocument(config, order, opties = {}) {
     // 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");
     const paginanummers = !!totalen && opt(totalen, "toon_paginanummer", false) === true;
-    return `<!doctype html><html lang="nl"><head><meta charset="utf-8" />
-<meta name="pdf-paginanummers" content="${paginanummers ? "ja" : "nee"}" />
-<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; }
-.fustgroepkop { display: flex; justify-content: space-between; font-weight: 600; color: #111827; border-bottom: 0.45mm solid #111827; padding-bottom: 0.5mm; 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; border-top: 0.35mm solid #9ca3af; padding-top: 1mm; }
-.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" />
+<meta name="pdf-paginanummers" content="${paginanummers ? "ja" : "nee"}" />
+<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; }
+.pakbonvariant { border-top: 0.6mm solid #111827; border-bottom: 0.6mm solid #111827; padding: 2mm 1mm; margin-bottom: 2mm; text-align: center; font-size: 15pt; font-weight: 800; line-height: 1.1; }
+.blok { margin-bottom: 2mm; }
+.sectitel { font-size: 90%; font-weight: 600; text-transform: uppercase; color: #6b7280; margin-bottom: 0.6mm; }
+.fustgroepkop { display: flex; justify-content: space-between; font-weight: 600; color: #111827; border-bottom: 0.45mm solid #111827; padding-bottom: 0.5mm; 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; border-top: 0.35mm solid #9ca3af; padding-top: 1mm; }
+.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; }
+.barcode { display:flex; flex-direction:column; align-items:center; gap:0.8mm; } .barcode-bars { width:45mm; display:flex; background:#fff; }
+.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/pakbonScan.d.ts

@@ -0,0 +1,44 @@
+import { type PakbonLayoutVariant } from "./pakbonBuilder.js";
+export interface PakbonScanRegel {
+    artikelnummer: string;
+    artikelnaam: string;
+    potmaat: string;
+    kleur: string;
+    fustsoort: string;
+    planten_per_fust: number;
+    aantal: number;
+    fust_aantal: number;
+}
+export interface PakbonScanInhoud {
+    barcode: string;
+    order_ref: string | null;
+    order_nummer: string | null;
+    klant_naam: string | null;
+    klant_nummer: string | null;
+    cart_id: string | null;
+    cart_label: string | null;
+    cart_index: number | null;
+    cart_total: number | null;
+    layout_variant: PakbonLayoutVariant | null;
+    layout_id: string | null;
+    print_job_id: string | null;
+    is_herprint: boolean;
+    regels: PakbonScanRegel[];
+}
+/**
+ * Bouwt de scanregel uit de order zoals die op de pakbon is gerenderd.
+ * Bij een deelkar (`partial_order`) staan uitsluitend de fusten van die
+ * deelkar op de pakbon, dus ook uitsluitend die regels in de registratie.
+ */
+export declare function bouwPakbonScanInhoud(order: unknown, opties: {
+    barcode: unknown;
+    layoutVariant?: PakbonLayoutVariant | null;
+    layoutId?: string | null;
+    printJobId?: string | null;
+    isHerprint?: boolean;
+}): PakbonScanInhoud | null;
+/** Slaat de scaninhoud op; een herprint werkt dezelfde barcode bij. */
+export declare function bewaarPakbonScanInhoud(db: {
+    from: (tabel: string) => any;
+}, inhoud: PakbonScanInhoud | null): Promise<void>;
+//# sourceMappingURL=pakbonScan.d.ts.map

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

@@ -0,0 +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"}