@flowselections/layout-maker 1.36.7 → 1.45.8

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,15 @@ 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;
+    /** 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,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,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,8 +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, productVeldBreedtes, sectieOnderdrukt, 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;
@@ -24,6 +26,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 +58,21 @@ 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"] ?? 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),
@@ -89,6 +119,17 @@ 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"] ?? 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,
     };
 }
@@ -310,19 +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 info = karMetadata(kar, velden);
     const toonNummer = velden.includes("karnummer");
     if (!toonNummer && !info.length && !bundelTekst)
         return "";
@@ -340,9 +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>`;
+    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));
@@ -361,20 +388,26 @@ 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>`;
 }
 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));
+    // 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";
@@ -403,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);
@@ -442,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 "";
@@ -466,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("");
 }
@@ -557,8 +593,38 @@ 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") !== "fusten")
+            if (optS(s, "methode", "kar") === "kar")
                 return "";
             return fustVerzamellijstHtml(order, s);
         case "karren":
@@ -591,8 +657,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 +679,44 @@ 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))
-        .map((s) => s.type === "karren" ? karrenHtml(s, order, zoek) : blokFrame(s, sectieHtml(s, order, zoek, opts)))
+        .filter((s) => !(s.type === "barcode" && heeftKarBarcodes))
+        .map((s) => s.type === "karren"
+        ? karrenHtml(s, order, zoek, variantKop)
+        : blokFrame(s, sectieHtml(s, order, zoek, opts)))
         .join("");
-    const voet = totalenElkePagina && totalenSectie
+    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.
+    // 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 && !opties.zonderPaginavoet
         ? `<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) {
@@ -642,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");
@@ -656,6 +760,7 @@ export function renderPakbonDocument(config, order, opties = {}) {
 * { 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; }
@@ -681,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; }
@@ -695,7 +803,7 @@ tr.zebra td { background: #f3f4f6; }
 .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); }
+.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; }

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

@@ -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,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

@@ -0,0 +1,87 @@
+// ============================================================================
+// src/lib/pakbonScan.ts — registreert wat er achter een pakbonbarcode zit
+// ----------------------------------------------------------------------------
+// De barcodewaarde blijft eigendom van de Logistics Engine: deze module
+// genereert of wijzigt nooit een barcode. Wel legt zij vast WAT er op de
+// gedrukte pakbon staat, zodat een scanner daaruit een afleverbrief kan
+// opbouwen: order, klant, kar en de gedrukte regels.
+// ============================================================================
+import { beperkTotDeelkar, fustVerzamellijst } from "./pakbonBuilder.js";
+function tekst(waarde) {
+    return waarde === undefined || waarde === null ? "" : String(waarde).trim();
+}
+function getal(waarde) {
+    const n = Number(waarde);
+    return Number.isFinite(n) && n !== 0 ? n : null;
+}
+/**
+ * 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 function bouwPakbonScanInhoud(order, opties) {
+    const barcode = tekst(opties.barcode);
+    if (!barcode)
+        return null;
+    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"]);
+    // Een order kan meerdere karren bevatten. Voor een deelkar mag de scanner
+    // nooit de inhoud van de andere karren terugkrijgen: selecteer dus eerst op
+    // het door de Engine meegestuurde cart_id.
+    const passendeKarren = cartId
+        ? alleKarren.filter((kar) => tekst(kar["cart_id"]) === cartId)
+        : alleKarren;
+    const karren = passendeKarren.length ? passendeKarren : alleKarren;
+    const eersteKar = (karren[0] ?? {});
+    const regels = [];
+    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(pr.fust_aantal) || Number(groep.aantal) || 0,
+            });
+        }
+    }
+    return {
+        barcode,
+        order_ref: tekst(o["order"]?.referentie) || null,
+        order_nummer: tekst(o["order"]?.nummer) || null,
+        klant_naam: tekst(o["klant"]?.naam) || null,
+        klant_nummer: tekst(o["klant"]?.nummer) || null,
+        cart_id: tekst(cart["cart_id"] ?? eersteKar["cart_id"]) || null,
+        cart_label: tekst(cart["cart_label"] ?? eersteKar["cart_label"]) || null,
+        cart_index: getal(cart["cart_index"] ?? eersteKar["cart_index"]),
+        cart_total: getal(cart["cart_total"] ?? eersteKar["cart_total"]),
+        layout_variant: opties.layoutVariant ?? null,
+        layout_id: opties.layoutId ?? null,
+        print_job_id: opties.printJobId ?? null,
+        is_herprint: opties.isHerprint === true,
+        regels,
+    };
+}
+/** Slaat de scaninhoud op; een herprint werkt dezelfde barcode bij. */
+export async function bewaarPakbonScanInhoud(db, inhoud) {
+    if (!inhoud)
+        return;
+    const { error } = await db
+        .from("pakbon_barcode_inhoud")
+        .upsert({ ...inhoud, updated_at: new Date().toISOString() }, { onConflict: "barcode" });
+    if (error)
+        throw new Error(error.message ?? "Opslaan van pakbon-scaninhoud mislukt");
+}

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"}