@flowselections/layout-maker 1.13.2 → 1.20.0

package/dist-lib/components/PrintenPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrintenPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintenPage.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,WAAW,CAAC,EAC1B,GAAoB,GACrB,EAAE;IACD,GAAG,CAAC,EAAE,cAAc,GAAG,WAAW,CAAC;CACpC,+BAUA"}

package/dist-lib/components/PrintenPage.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// ============================================================================
+// src/components/PrintenPage.tsx — één menu-item "Printen" met tabbladen voor
+// printplekken (plekken, computers en printers samen) en standaardregels.
+// ============================================================================
+import { MapPin, Route as RouteIcon } from "lucide-react";
+import { ModuleTabs } from "./ModuleTabs.js";
+import { PrintplekkenPage } from "./PrintplekkenPage.js";
+import { DocumentRouteringPage } from "./DocumentRouteringPage.js";
+const TABS = [
+    {
+        label: "Printplekken",
+        href: "/layouts-printers/printplekken",
+        icon: MapPin,
+        ook: ["/layouts-printers/printers"],
+    },
+    { label: "Standaardregels", href: "/layouts-printers/routering", icon: RouteIcon },
+];
+export function PrintenPage({ tab = "printplekken", }) {
+    return (_jsx(ModuleTabs, { titel: "Printen", omschrijving: "Stel per plek in het bedrijf in welke computers, printers en documenten daar horen.", tabs: TABS, children: tab === "routering" ? _jsx(DocumentRouteringPage, { ingebed: true }) : _jsx(PrintplekkenPage, { ingebed: true }) }));
+}

package/dist-lib/components/PrinterSetupWizard.js

@@ -7,7 +7,6 @@ import { useCallback, useEffect, useMemo, useState } from "react";
 import { Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, Input, Label, toast, } from "@flowselections/core";
 import { Check, CheckCircle2, FileText, Loader2, Printer, RefreshCw, Search, Tag, } from "lucide-react";
 import { supabase } from "../lib/supabaseClient.js";
-import { drukAf } from "../lib/browserPrint.js";
 import { printDirect } from "../lib/directPrint.js";
 import { netwerkPrinters } from "../lib/printService.functions.js";
 import { PrintProgrammaUitleg, WerktHetNiet } from "./PrintProgrammaUitleg.js";
@@ -161,8 +160,9 @@ export function PrinterSetupWizard({ open, onOpenChange, onKlaar, computerFilter
                 setTestStatus("gelukt");
                 return;
             }
-            await drukAf(opdracht);
-            setTestStatus("gelukt");
+            if (direct.reden)
+                toast.error(direct.reden);
+            setTestStatus("fout");
         }
         catch {
             setTestStatus("fout");

package/dist-lib/components/PrintersPage.d.ts

@@ -1,2 +1,4 @@
-export declare function PrintersPage(): import("react").JSX.Element;
+export declare function PrintersPage({ ingebed }?: {
+    ingebed?: boolean;
+}): import("react").JSX.Element;
 //# sourceMappingURL=PrintersPage.d.ts.map

package/dist-lib/components/PrintersPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrintersPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintersPage.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,YAAY,gCAiP3B"}
+{"version":3,"file":"PrintersPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintersPage.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,YAAY,CAAC,EAAE,OAAe,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,+BAyM3E"}

package/dist-lib/components/PrintersPage.js

@@ -1,36 +1,34 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // ============================================================================
-// src/components/PrintersPage.tsx — overzicht van werkplekken (computers) met
-// hun printers, status en snelkoppelingen naar het configuratiescherm.
+// src/components/PrintersPage.tsx — apparatenoverzicht: welke computers zijn
+// aangemeld en welke printers zijn daar bekend. Alleen monitoring; instellen
+// gebeurt uitsluitend via de printplek-wizard.
 // ============================================================================
 import { useMemo, useState } from "react";
 import { Button, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
-import { Link } from "@tanstack/react-router";
-import { CheckCircle2, FileText, ListChecks, Monitor, Plus, Printer, Search } from "lucide-react";
+import { useNavigate } from "@tanstack/react-router";
+import { CheckCircle2, FileText, Monitor, Plus, Printer, Search } from "lucide-react";
 import { bijgewerktTekst, useAutoRefresh } from "../lib/useAutoRefresh.js";
 import { useLayouts, usePrinters } from "../lib/useDocumentData.js";
 import { useNetwerkPrinters } from "../lib/useNetwerkPrinters.js";
-import { PrinterSetupWizard } from "./PrinterSetupWizard.js";
 import { ComputersLijst, useComputers } from "./ComputersLijst.js";
 import { PrinterStatsKaarten } from "./PrinterStatsKaarten.js";
 import { PrintStatusBanner } from "./PrintStatusBanner.js";
 import { telPrintersPerComputer } from "../lib/printerTelling.js";
 import { WerkplekkenTabel } from "./WerkplekkenTabel.js";
-export function PrintersPage() {
+export function PrintersPage({ ingebed = false } = {}) {
     const { printers, koppelingen, reload } = usePrinters();
     const { layouts } = useLayouts();
+    const navigate = useNavigate();
     const { computers, loading: computersLaden, fout: computersFout, reload: herlaadComputers, } = useComputers();
     const { gevonden, zoek } = useNetwerkPrinters();
-    const [wizard, setWizard] = useState(false);
     const [computerToevoegen, setComputerToevoegen] = useState(false);
-    const [computerFilter, setComputerFilter] = useState(null);
-    const [bewerken] = useState(null);
     const [zoekterm, setZoekterm] = useState("");
     const [status, setStatus] = useState("alle");
     const [locatie, setLocatie] = useState("alle");
     const bijgewerkt = useAutoRefresh(async () => {
         await Promise.all([reload(true), herlaadComputers(true), zoek()]);
-    }, 10000, wizard || computerToevoegen);
+    }, 10000, computerToevoegen);
     const gekoppeldePrinters = useMemo(() => new Set(koppelingen.map((k) => k.printer_id)), [koppelingen]);
     const printersPerComputer = useMemo(() => telPrintersPerComputer(printers, gevonden, gekoppeldePrinters), [printers, gevonden, gekoppeldePrinters]);
     const alleRijen = computers.map((c) => {
@@ -57,21 +55,21 @@ export function PrintersPage() {
         return true;
     });
     const computersOnline = computers.filter((c) => c.online).length;
-    const bekendeExterneIds = printers
-        .map((p) => p.extern_printer_id ?? null)
-        .filter((e) => !!e);
-    const bekendeLocaties = Array.from(new Set(printers.map((p) => p.locatie).filter((l) => !!l)));
-    return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold", children: "Printers" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Beheer per werkplek welke computer is aangemeld en welke printers worden gebruikt." })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "ghost", asChild: true, children: _jsxs(Link, { to: "/layouts-printers/routering", children: [_jsx(FileText, { className: "mr-2 h-4 w-4" }), " Routering"] }) }), _jsx(Button, { variant: "ghost", asChild: true, children: _jsxs(Link, { to: "/layouts-printers/wachtrij", children: [_jsx(ListChecks, { className: "mr-2 h-4 w-4" }), " Printwachtrij"] }) }), _jsxs(Button, { onClick: () => setComputerToevoegen(true), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Computer toevoegen"] })] })] }), _jsx(PrintStatusBanner, { fout: computersFout, offlineWerkplekken: computers.filter((c) => !c.online).map((c) => c.naam), toonWerkplekLink: false }), _jsx(PrinterStatsKaarten, { kaarten: [
+    const naarWizard = () => {
+        void navigate({ to: "/layouts-printers/printplekken" });
+    };
+    const Wrapper = ingebed ? "div" : "main";
+    return (_jsxs(Wrapper, { className: ingebed ? "space-y-6" : "space-y-6 p-6", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-4", children: [!ingebed && (_jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold", children: "Apparaten" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Overzicht van aangemelde computers en hun printers." })] })), _jsx("div", { className: "ml-auto flex items-center gap-2", children: _jsxs(Button, { onClick: () => setComputerToevoegen(true), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Computer aanmelden"] }) })] }), _jsx(PrintStatusBanner, { fout: computersFout, offlineWerkplekken: computers.filter((c) => !c.online).map((c) => c.naam), toonWerkplekLink: false }), _jsx(PrinterStatsKaarten, { kaarten: [
                     {
-                        label: "Werkplekken",
+                        label: "Computers",
                         waarde: String(computers.length),
-                        toelichting: "Aangemelde computers",
+                        toelichting: "Aangemeld met het printprogramma",
                         icon: Monitor,
                     },
                     {
                         label: "Printers",
                         waarde: String(printers.length),
-                        toelichting: `Ingesteld · ${gevonden.length} gevonden op de werkplekken`,
+                        toelichting: `Ingesteld · ${gevonden.length} gevonden op de computers`,
                         icon: Printer,
                     },
                     {
@@ -83,33 +81,17 @@ export function PrintersPage() {
                     {
                         label: "Status",
                         waarde: `${computersOnline} / ${computers.length}`,
-                        toelichting: "Werkplekken aan",
+                        toelichting: "Computers aan",
                         icon: CheckCircle2,
                     },
-                ] }), _jsxs("div", { className: "flex flex-wrap items-center gap-3 rounded-xl border p-3", children: [_jsxs("div", { className: "relative min-w-[220px] flex-1", children: [_jsx(Search, { className: "text-muted-foreground absolute top-2.5 left-3 h-4 w-4" }), _jsx(Input, { className: "pl-9", placeholder: "Zoek werkplek of locatie\u2026", value: zoekterm, onChange: (e) => setZoekterm(e.target.value) })] }), _jsxs(Select, { value: status, onValueChange: setStatus, children: [_jsx(SelectTrigger, { className: "w-[170px]", children: _jsx(SelectValue, { placeholder: "Status" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Status: alle" }), _jsx(SelectItem, { value: "aan", children: "Alleen aan" }), _jsx(SelectItem, { value: "uit", children: "Alleen uit" })] })] }), _jsxs(Select, { value: locatie, onValueChange: setLocatie, children: [_jsx(SelectTrigger, { className: "w-[190px]", children: _jsx(SelectValue, { placeholder: "Locatie" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Locatie: alle" }), locaties.map((l) => (_jsx(SelectItem, { value: l, children: l }, l)))] })] }), _jsx("span", { className: "text-muted-foreground ml-auto text-xs", children: bijgewerktTekst(bijgewerkt) })] }), rijen.length > 0 ? (_jsx(WerkplekkenTabel, { rijen: rijen, onPrinterToevoegen: (computer) => {
-                    setComputerFilter(computer);
-                    setWizard(true);
-                }, onVernieuw: () => {
+                ] }), _jsxs("div", { className: "flex flex-wrap items-center gap-3 rounded-xl border p-3", children: [_jsxs("div", { className: "relative min-w-[220px] flex-1", children: [_jsx(Search, { className: "text-muted-foreground absolute top-2.5 left-3 h-4 w-4" }), _jsx(Input, { className: "pl-9", placeholder: "Zoek computer of locatie\u2026", value: zoekterm, onChange: (e) => setZoekterm(e.target.value) })] }), _jsxs(Select, { value: status, onValueChange: setStatus, children: [_jsx(SelectTrigger, { className: "w-[170px]", children: _jsx(SelectValue, { placeholder: "Status" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Status: alle" }), _jsx(SelectItem, { value: "aan", children: "Alleen aan" }), _jsx(SelectItem, { value: "uit", children: "Alleen uit" })] })] }), _jsxs(Select, { value: locatie, onValueChange: setLocatie, children: [_jsx(SelectTrigger, { className: "w-[190px]", children: _jsx(SelectValue, { placeholder: "Locatie" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Locatie: alle" }), locaties.map((l) => (_jsx(SelectItem, { value: l, children: l }, l)))] })] }), _jsx("span", { className: "text-muted-foreground ml-auto text-xs", children: bijgewerktTekst(bijgewerkt) })] }), rijen.length > 0 ? (_jsx(WerkplekkenTabel, { rijen: rijen, onPrinterToevoegen: naarWizard, onVernieuw: () => {
                     void herlaadComputers();
                     void zoek();
                 } })) : (_jsx(ComputersLijst, { computers: computers, loading: computersLaden, fout: computersFout, onVernieuw: () => {
                     void herlaadComputers();
                     void zoek();
-                }, onPrintersToevoegen: (computer) => {
-                    setComputerFilter(computer);
-                    setWizard(true);
-                }, toevoegenOpen: false, onToevoegenOpenChange: setComputerToevoegen })), _jsx(ComputersLijst, { computers: computers, loading: false, fout: null, onVernieuw: () => {
+                }, onPrintersToevoegen: naarWizard, toevoegenOpen: false, onToevoegenOpenChange: setComputerToevoegen })), _jsx(ComputersLijst, { computers: computers, loading: false, fout: null, onVernieuw: () => {
                     void herlaadComputers();
                     void zoek();
-                }, onPrintersToevoegen: (computer) => {
-                    setComputerFilter(computer);
-                    setWizard(true);
-                }, toevoegenOpen: computerToevoegen, onToevoegenOpenChange: setComputerToevoegen, alleenDialog: true }), _jsx(PrinterSetupWizard, { open: wizard, onOpenChange: (v) => {
-                    setWizard(v);
-                    if (!v)
-                        setComputerFilter(null);
-                }, computerFilter: computerFilter, bekendeExterneIds: bekendeExterneIds, bekendeLocaties: bekendeLocaties, bewerken: bewerken, onKlaar: () => {
-                    void reload();
-                    void zoek();
-                } })] }));
+                }, onPrintersToevoegen: naarWizard, toevoegenOpen: computerToevoegen, onToevoegenOpenChange: setComputerToevoegen, alleenDialog: true })] }));
 }

package/dist-lib/components/PrintersRedirectPage.d.ts

@@ -0,0 +1,2 @@
+export declare function PrintersRedirectPage(): import("react").JSX.Element;
+//# sourceMappingURL=PrintersRedirectPage.d.ts.map

package/dist-lib/components/PrintersRedirectPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrintersRedirectPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintersRedirectPage.tsx"],"names":[],"mappings":"AAQA,wBAAgB,oBAAoB,gCAQnC"}

package/dist-lib/components/PrintersRedirectPage.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// ============================================================================
+// src/components/PrintersRedirectPage.tsx — oude URL /layouts-printers/printers
+// stuurt door naar de samengevoegde pagina Printplekken.
+// ============================================================================
+import { useEffect } from "react";
+import { useNavigate } from "@tanstack/react-router";
+export function PrintersRedirectPage() {
+    const navigate = useNavigate();
+    useEffect(() => {
+        void navigate({ to: "/layouts-printers/printplekken", replace: true });
+    }, [navigate]);
+    return _jsx("p", { className: "text-muted-foreground p-6 text-sm", children: "Doorsturen naar Printplekken\u2026" });
+}

package/dist-lib/components/PrintplekDetailPage.d.ts

@@ -0,0 +1,2 @@
+export declare function PrintplekDetailPage(): import("react").JSX.Element;
+//# sourceMappingURL=PrintplekDetailPage.d.ts.map

package/dist-lib/components/PrintplekDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrintplekDetailPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekDetailPage.tsx"],"names":[],"mappings":"AA6CA,wBAAgB,mBAAmB,gCAqVlC"}

package/dist-lib/components/PrintplekDetailPage.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// ============================================================================
+// src/components/PrintplekDetailPage.tsx — één printplek instellen: welke
+// computers erbij horen, welke printers beschikbaar zijn en welk document naar
+// welke printer gaat.
+// ============================================================================
+import { useMemo, useState } from "react";
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, toast, } from "@flowselections/core";
+import { Link, useParams } from "@tanstack/react-router";
+import { AlertTriangle, ArrowLeft, Check, Link2, Monitor, Plus, Printer, Trash2, Wand2, X, } from "lucide-react";
+import { bewerkPrintplek, ontkoppelBron, usePrintplekken, verwijderPrintplek, } from "../lib/printplekken.js";
+import { usePrinters } from "../lib/useDocumentData.js";
+import { useNetwerkPrinters } from "../lib/useNetwerkPrinters.js";
+import { useComputers } from "./ComputersLijst.js";
+import { DOCUMENT_TYPES, documentTypeLabel } from "../lib/documentTypes.js";
+import { drukTestpaginaAf } from "../lib/testpagina.js";
+import { PrintplekWizard } from "./PrintplekWizard.js";
+export function PrintplekDetailPage() {
+    const params = useParams({ strict: false });
+    const plekId = params.printplekId ?? "";
+    const { plekken, computers: plekComputers, regels, koppelingen, reload } = usePrintplekken();
+    const { computers } = useComputers();
+    const { printers } = usePrinters();
+    const { gevonden } = useNetwerkPrinters();
+    const [naamBewerken, setNaamBewerken] = useState(false);
+    const [naam, setNaam] = useState("");
+    const [alleDocumenten, setAlleDocumenten] = useState(false);
+    const [wizardOpen, setWizardOpen] = useState(false);
+    const plek = plekken.find((p) => p.id === plekId) ?? null;
+    const eigenComputers = plekComputers.filter((c) => c.print_plek_id === plekId);
+    const eigenNamen = new Set(eigenComputers.map((c) => c.computer_naam));
+    // Printers van deze plek: alles wat op één van de gekoppelde computers staat.
+    const externOpComputer = useMemo(() => {
+        const map = new Map();
+        for (const g of gevonden)
+            if (g.computer)
+                map.set(g.id, g.computer);
+        return map;
+    }, [gevonden]);
+    const eigenPrinters = printers.filter((p) => {
+        const extern = p.extern_printer_id;
+        const computer = extern ? externOpComputer.get(extern) : undefined;
+        return computer ? eigenNamen.has(computer) : false;
+    });
+    const regelVoor = (documenttype) => regels.find((r) => r.print_plek_id === plekId && r.documenttype === documenttype) ?? null;
+    const inGebruik = DOCUMENT_TYPES.filter((d) => regelVoor(d.value));
+    const overige = DOCUMENT_TYPES.filter((d) => !regelVoor(d.value));
+    const zichtbaar = alleDocumenten ? DOCUMENT_TYPES : inGebruik;
+    const bronnen = koppelingen.filter((k) => k.print_plek_id === plekId);
+    const bestaandePlekIds = new Set(plekken.map((p) => p.id));
+    const weeskoppelingen = koppelingen.filter((k) => !bestaandePlekIds.has(k.print_plek_id));
+    const onvolledig = eigenComputers.length === 0 || !regels.some((r) => r.print_plek_id === plekId && r.printer_id);
+    const ontkoppel = async (bron, bronId) => {
+        try {
+            await ontkoppelBron(bron, bronId);
+            await reload(true);
+            toast.success("Koppeling verwijderd");
+        }
+        catch {
+            toast.error("Ontkoppelen mislukt");
+        }
+    };
+    if (!plek) {
+        return (_jsxs("main", { className: "space-y-4 p-6", children: [_jsx(Button, { variant: "ghost", asChild: true, children: _jsxs(Link, { to: "/layouts-printers/printplekken", children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), " Terug"] }) }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Deze printplek bestaat niet (meer)." })] }));
+    }
+    return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Button, { variant: "ghost", size: "sm", asChild: true, className: "-ml-2", children: _jsxs(Link, { to: "/layouts-printers/printplekken", children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), " Alle printplekken"] }) }), naamBewerken ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { value: naam, onChange: (e) => setNaam(e.target.value), className: "w-64" }), _jsx(Button, { size: "icon", onClick: async () => {
+                                            await bewerkPrintplek(plek.id, { naam: naam.trim() });
+                                            setNaamBewerken(false);
+                                            await reload(true);
+                                        }, children: _jsx(Check, { className: "h-4 w-4" }) }), _jsx(Button, { size: "icon", variant: "ghost", onClick: () => setNaamBewerken(false), children: _jsx(X, { className: "h-4 w-4" }) })] })) : (_jsx("h1", { className: "cursor-pointer text-xl font-semibold", onClick: () => {
+                                    setNaam(plek.naam);
+                                    setNaamBewerken(true);
+                                }, children: plek.naam })), _jsx("p", { className: "text-muted-foreground text-sm", children: plek.omschrijving ?? "Stel hier in wat er op deze plek wordt afgedrukt." })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", onClick: () => setWizardOpen(true), children: [_jsx(Wand2, { className: "mr-2 h-4 w-4" }), onvolledig ? "Afmaken met de wizard" : "Instellen met de wizard"] }), _jsxs(Button, { variant: "ghost", className: "text-destructive", onClick: async () => {
+                                    await verwijderPrintplek(plek.id);
+                                    toast.success("Printplek verwijderd");
+                                    await reload();
+                                }, children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), " Verwijderen"] })] })] }), _jsx(PrintplekWizard, { open: wizardOpen, onOpenChange: setWizardOpen, printplekId: plekId, onKlaar: () => void reload() }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Monitor, { className: "h-4 w-4" }), " Computers op deze plek"] }), _jsx(CardDescription, { children: "Computers voeg je toe of haal je weg met de wizard." })] }), _jsx(CardContent, { className: "space-y-3", children: eigenComputers.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Nog geen computers gekoppeld." })) : (_jsx("div", { className: "flex flex-wrap gap-2", children: eigenComputers.map((c) => {
+                                const aan = computers.find((k) => k.naam === c.computer_naam)?.online ?? false;
+                                return (_jsxs("span", { className: "flex items-center gap-2 rounded-full border px-3 py-1 text-sm", children: [_jsx("span", { className: `h-2 w-2 rounded-full ${aan ? "bg-emerald-500" : "bg-muted-foreground"}` }), c.computer_naam] }, c.id));
+                            }) })) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Printer, { className: "h-4 w-4" }), " Printers op deze plek"] }), _jsx(CardDescription, { children: "Test een printer om te zien of hij goed staat." })] }), _jsx(CardContent, { children: eigenPrinters.length === 0 ? (_jsxs("div", { className: "text-muted-foreground flex items-center gap-2 text-sm", children: [_jsx(AlertTriangle, { className: "text-destructive h-4 w-4" }), "Nog geen ingestelde printers. Voeg ze toe bij", " ", _jsx(Link, { className: "text-primary underline", to: "/layouts-printers/printers", children: "Werkplekken" }), "."] })) : (_jsx("div", { className: "space-y-2", children: eigenPrinters.map((p) => (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 rounded-lg border p-2", children: [_jsxs("div", { className: "text-sm", children: [_jsx("span", { className: "font-medium", children: p.naam }), p.papierformaat ? (_jsx(Badge, { variant: "secondary", className: "ml-2", children: p.papierformaat })) : null] }), _jsx(Button, { size: "sm", variant: "ghost", onClick: async () => {
+                                            try {
+                                                await drukTestpaginaAf(p.id, p.naam);
+                                                toast.success("Testpagina verstuurd");
+                                            }
+                                            catch {
+                                                toast.error("Testpagina versturen is niet gelukt.");
+                                            }
+                                        }, children: "Testpagina" })] }, p.id))) })) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx(CardTitle, { className: "text-base", children: "Welk document gaat naar welke printer?" }), _jsx(CardDescription, { children: "Alleen wat hier is ingesteld wordt op deze plek afgedrukt. Wijzigen doe je met de wizard." })] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setAlleDocumenten((v) => !v), children: alleDocumenten ? "Alleen ingestelde" : (_jsxs(_Fragment, { children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), " Meer documenten"] })) })] }), _jsxs(CardContent, { className: "space-y-2", children: [zichtbaar.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Nog niets ingesteld. Gebruik de wizard bovenaan deze pagina." })) : null, zichtbaar.map((d) => {
+                                const regel = regelVoor(d.value);
+                                const printer = eigenPrinters.find((p) => p.id === regel?.printer_id) ?? null;
+                                return (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 rounded-lg border p-2", children: [_jsx("div", { className: "text-sm font-medium", children: documentTypeLabel(d.value) }), printer ? (_jsx("span", { className: "text-muted-foreground text-sm", children: printer.naam })) : (_jsxs("span", { className: "text-destructive flex items-center gap-1 text-xs", children: [_jsx(AlertTriangle, { className: "h-3.5 w-3.5" }), " Geen printer"] }))] }, d.value));
+                            }), !alleDocumenten && overige.length > 0 ? (_jsxs("p", { className: "text-muted-foreground text-xs", children: [overige.length, " documentsoort", overige.length === 1 ? "" : "en", " nog niet ingesteld."] })) : null] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Link2, { className: "h-4 w-4" }), " Gekoppeld aan"] }), _jsx(CardDescription, { children: "Andere modules (bijvoorbeeld pickstations) kunnen zich aan deze printplek koppelen." })] }), _jsxs(CardContent, { className: "space-y-4", children: [bronnen.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Nog niets gekoppeld. Kies deze printplek in de andere module (bijvoorbeeld bij een pickstation); de koppeling verschijnt hier vanzelf." })) : (_jsx("div", { className: "space-y-2", children: bronnen.map((b) => (_jsxs("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border px-3 py-2 text-sm", children: [_jsx(Badge, { variant: "secondary", children: b.bron }), _jsxs("span", { className: "min-w-0 flex-1 truncate", children: [b.label ?? b.bron_id, _jsx("span", { className: "text-muted-foreground ml-2 text-xs", children: b.bron_id })] }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => void ontkoppel(b.bron, b.bron_id), children: [_jsx(X, { className: "mr-1 h-3.5 w-3.5" }), " Ontkoppelen"] })] }, b.id))) })), weeskoppelingen.length > 0 ? (_jsxs("div", { className: "space-y-2 rounded-lg border border-dashed p-3", children: [_jsxs("p", { className: "text-muted-foreground flex items-center gap-2 text-xs", children: [_jsx(AlertTriangle, { className: "h-3.5 w-3.5" }), " Koppelingen zonder bestaande printplek:"] }), weeskoppelingen.map((b) => (_jsxs("div", { className: "flex flex-wrap items-center gap-3 text-sm", children: [_jsx("span", { className: "min-w-0 flex-1 truncate", children: b.label ?? `${b.bron} ${b.bron_id}` }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => void ontkoppel(b.bron, b.bron_id), children: [_jsx(Trash2, { className: "mr-1 h-3.5 w-3.5" }), " Opruimen"] })] }, b.id)))] })) : null] })] })] }));
+}

package/dist-lib/components/PrintplekWizard.d.ts

@@ -0,0 +1,8 @@
+export declare function PrintplekWizard({ open, onOpenChange, printplekId, onKlaar, }: {
+    open: boolean;
+    onOpenChange: (v: boolean) => void;
+    /** Vul in om een bestaande, nog onvolledige printplek af te maken. */
+    printplekId?: string | null;
+    onKlaar?: (printplekId: string) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=PrintplekWizard.d.ts.map

package/dist-lib/components/PrintplekWizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrintplekWizard.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekWizard.tsx"],"names":[],"mappings":"AA4DA,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,+BAgaA"}

package/dist-lib/components/PrintplekWizard.js

@@ -0,0 +1,194 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// ============================================================================
+// src/components/PrintplekWizard.tsx — stapsgewijze setup van een printplek:
+// naam → computers → printers → documenten → testprint. Schrijft in dezelfde
+// tabellen als de detailpagina; alleen de route erlangs is begeleid.
+// ============================================================================
+import { useEffect, useMemo, useState } from "react";
+import { Badge, Button, Checkbox, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, toast, } from "@flowselections/core";
+import { AlertTriangle, ArrowLeft, ArrowRight, Check, Monitor, Printer, RefreshCw, } from "lucide-react";
+import { bewerkPrintplek, koppelComputerAanPrintplek, maakPrintplek, ontkoppelComputer, usePrintplekken, zetPrintplekPrinter, } from "../lib/printplekken.js";
+import { usePrinters, useLayouts } from "../lib/useDocumentData.js";
+import { useNetwerkPrinters } from "../lib/useNetwerkPrinters.js";
+import { useComputers } from "./ComputersLijst.js";
+import { documentTypeLabel } from "../lib/documentTypes.js";
+import { drukTestpaginaAf } from "../lib/testpagina.js";
+import { NAAM_SUGGESTIES, WIZARD_STAPPEN, eersteOnvoltooideStap, overigeDocumenttypes, relevanteDocumenttypes, voorgesteldeDocumentPrinters, wizardStapKlaar, } from "../lib/printplekWizard.js";
+const GEEN = "geen";
+export function PrintplekWizard({ open, onOpenChange, printplekId, onKlaar, }) {
+    const { plekken, computers: plekComputers, regels, reload } = usePrintplekken();
+    const { computers, reload: herlaadComputers } = useComputers();
+    const { printers } = usePrinters();
+    const { layouts } = useLayouts();
+    const { gevonden } = useNetwerkPrinters();
+    const [stap, setStap] = useState(1);
+    const [bezig, setBezig] = useState(false);
+    const [plekId, setPlekId] = useState("");
+    const [naam, setNaam] = useState("");
+    const [omschrijving, setOmschrijving] = useState("");
+    const [gekozenComputers, setGekozenComputers] = useState([]);
+    const [documentPrinters, setDocumentPrinters] = useState({});
+    const [alleDocumenten, setAlleDocumenten] = useState(false);
+    const [voorstelGedaan, setVoorstelGedaan] = useState(false);
+    const [geinitialiseerd, setGeinitialiseerd] = useState(false);
+    // --- printers die bij de gekozen computers horen -------------------------
+    const computerVanPrinter = useMemo(() => {
+        const map = new Map();
+        for (const g of gevonden)
+            if (g.computer)
+                map.set(g.id, g.computer);
+        return map;
+    }, [gevonden]);
+    const gekozenSet = useMemo(() => new Set(gekozenComputers), [gekozenComputers]);
+    const plekPrinters = useMemo(() => (Array.isArray(printers) ? printers : []).filter((p) => {
+        const extern = p.extern_printer_id;
+        const computer = extern ? computerVanPrinter.get(extern) : undefined;
+        return computer ? gekozenSet.has(computer) : false;
+    }), [printers, computerVanPrinter, gekozenSet]);
+    const relevant = useMemo(() => relevanteDocumenttypes(layouts), [layouts]);
+    const overig = useMemo(() => overigeDocumenttypes(relevant), [relevant]);
+    const zichtbareDocumenten = alleDocumenten ? [...relevant, ...overig] : relevant;
+    const status = {
+        naam,
+        computers: gekozenComputers,
+        printers: plekPrinters.length,
+        documentPrinters,
+    };
+    // --- initialisatie bij openen -------------------------------------------
+    useEffect(() => {
+        if (!open) {
+            setGeinitialiseerd(false);
+            return;
+        }
+        if (geinitialiseerd)
+            return;
+        const bestaand = printplekId ? (plekken.find((p) => p.id === printplekId) ?? null) : null;
+        if (printplekId && !bestaand)
+            return; // wacht tot de plekken geladen zijn
+        if (bestaand) {
+            const eigenComputers = plekComputers
+                .filter((c) => c.print_plek_id === bestaand.id)
+                .map((c) => c.computer_naam);
+            const eigenRegels = {};
+            for (const r of regels) {
+                if (r.print_plek_id === bestaand.id && r.printer_id)
+                    eigenRegels[r.documenttype] = r.printer_id;
+            }
+            setPlekId(bestaand.id);
+            setNaam(bestaand.naam);
+            setOmschrijving(bestaand.omschrijving ?? "");
+            setGekozenComputers(eigenComputers);
+            setDocumentPrinters(eigenRegels);
+            setVoorstelGedaan(Object.keys(eigenRegels).length > 0);
+            setStap(eersteOnvoltooideStap({
+                naam: bestaand.naam,
+                computers: eigenComputers,
+                printers: eigenComputers.length,
+                documentPrinters: eigenRegels,
+            }));
+        }
+        else {
+            setPlekId("");
+            setNaam("");
+            setOmschrijving("");
+            setGekozenComputers([]);
+            setDocumentPrinters({});
+            setVoorstelGedaan(false);
+            setStap(1);
+        }
+        setAlleDocumenten(false);
+        setGeinitialiseerd(true);
+    }, [open, geinitialiseerd, printplekId, plekken, plekComputers, regels]);
+    // Bij binnenkomst in stap 4 eenmalig een voorstel doen.
+    useEffect(() => {
+        if (stap !== 4 || voorstelGedaan || plekPrinters.length === 0)
+            return;
+        setDocumentPrinters(voorgesteldeDocumentPrinters(relevant, plekPrinters));
+        setVoorstelGedaan(true);
+    }, [stap, voorstelGedaan, plekPrinters, relevant]);
+    // --- opslaan per stap ----------------------------------------------------
+    async function bewaarStap1() {
+        if (plekId) {
+            await bewerkPrintplek(plekId, { naam: naam.trim(), omschrijving: omschrijving.trim() || null });
+            return plekId;
+        }
+        const id = await maakPrintplek(naam, omschrijving);
+        setPlekId(id);
+        return id;
+    }
+    async function bewaarStap2(id) {
+        const huidige = plekComputers
+            .filter((c) => c.print_plek_id === id)
+            .map((c) => c.computer_naam);
+        for (const naamC of gekozenComputers) {
+            if (!huidige.includes(naamC))
+                await koppelComputerAanPrintplek(id, naamC);
+        }
+        for (const naamC of huidige) {
+            if (!gekozenComputers.includes(naamC))
+                await ontkoppelComputer(naamC);
+        }
+        await reload(true);
+    }
+    async function bewaarStap4(id) {
+        for (const doc of zichtbareDocumenten) {
+            const printerId = documentPrinters[doc] || null;
+            await zetPrintplekPrinter(id, doc, printerId);
+        }
+        await reload(true);
+    }
+    async function volgende() {
+        setBezig(true);
+        try {
+            let id = plekId;
+            if (stap === 1)
+                id = await bewaarStap1();
+            if (stap === 2)
+                await bewaarStap2(id);
+            if (stap === 4)
+                await bewaarStap4(id);
+            setStap((s) => Math.min(5, s + 1));
+        }
+        catch {
+            toast.error("Deze stap kon niet worden opgeslagen. Controleer de naam en probeer opnieuw.");
+        }
+        finally {
+            setBezig(false);
+        }
+    }
+    function afronden() {
+        toast.success(`"${naam.trim()}" is klaar om te printen`);
+        onOpenChange(false);
+        if (plekId)
+            onKlaar?.(plekId);
+        void reload();
+    }
+    async function testprint() {
+        const eerste = zichtbareDocumenten.find((d) => documentPrinters[d]);
+        const printerId = eerste ? documentPrinters[eerste] : "";
+        const printer = plekPrinters.find((p) => p.id === printerId);
+        if (!printer) {
+            toast.error("Er is nog geen printer gekozen om te testen.");
+            return;
+        }
+        setBezig(true);
+        try {
+            await drukTestpaginaAf(printer.id, printer.naam);
+        }
+        finally {
+            setBezig(false);
+        }
+    }
+    const huidige = WIZARD_STAPPEN.find((s) => s.nummer === stap) ?? WIZARD_STAPPEN[0];
+    const magVerder = wizardStapKlaar(stap, status);
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-2xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: huidige.vraag }), _jsxs(DialogDescription, { children: ["Stap ", stap, " van ", WIZARD_STAPPEN.length, " \u00B7 ", huidige.titel] })] }), _jsx("div", { className: "flex gap-1", children: WIZARD_STAPPEN.map((s) => (_jsx("span", { className: `h-1.5 flex-1 rounded-full ${s.nummer <= stap ? "bg-primary" : "bg-muted"}` }, s.nummer))) }), _jsxs("div", { className: "max-h-[55vh] space-y-4 overflow-y-auto pr-1", children: [stap === 1 ? (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "wizard-naam", children: "Naam van deze plek" }), _jsx(Input, { id: "wizard-naam", value: naam, onChange: (e) => setNaam(e.target.value), placeholder: "Pickstation 1" })] }), _jsx("div", { className: "flex flex-wrap gap-2", children: NAAM_SUGGESTIES.map((s) => (_jsx(Button, { variant: "outline", size: "sm", onClick: () => setNaam(s), children: s }, s))) }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "wizard-omschrijving", children: "Omschrijving (optioneel)" }), _jsx(Input, { id: "wizard-omschrijving", value: omschrijving, onChange: (e) => setOmschrijving(e.target.value), placeholder: "Hal 2, links naast de inpaktafel" })] })] })) : null, stap === 2 ? (_jsxs("div", { className: "space-y-3", children: [computers.length === 0 ? (_jsxs("div", { className: "space-y-2 rounded-lg border p-4 text-sm", children: [_jsx("p", { className: "text-muted-foreground", children: "Er is nog geen computer gevonden. Zet op de computer bij deze plek het printprogramma aan en zoek daarna opnieuw." }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void herlaadComputers(), children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), " Opnieuw zoeken"] })] })) : null, computers.map((c) => {
+                                    const bezetDoor = plekComputers.find((pc) => pc.computer_naam === c.naam && pc.print_plek_id !== plekId);
+                                    const bezetNaam = bezetDoor
+                                        ? (plekken.find((p) => p.id === bezetDoor.print_plek_id)?.naam ?? "een andere plek")
+                                        : null;
+                                    const aangevinkt = gekozenComputers.includes(c.naam);
+                                    return (_jsxs("label", { className: `flex items-center gap-3 rounded-lg border p-3 ${bezetNaam ? "opacity-60" : "cursor-pointer"}`, children: [_jsx(Checkbox, { checked: aangevinkt, disabled: Boolean(bezetNaam), onCheckedChange: (v) => setGekozenComputers((lijst) => v ? [...new Set([...lijst, c.naam])] : lijst.filter((n) => n !== c.naam)) }), _jsx(Monitor, { className: "text-muted-foreground h-4 w-4" }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block truncate text-sm font-medium", children: c.naam }), _jsxs("span", { className: "text-muted-foreground text-xs", children: [c.online ? "aan" : "uit", " \u00B7 ", c.aantalGevonden, " printer", c.aantalGevonden === 1 ? "" : "s", bezetNaam ? ` · hoort al bij ${bezetNaam}` : ""] })] }), _jsx("span", { className: `h-2.5 w-2.5 rounded-full ${c.online ? "bg-emerald-500" : "bg-muted-foreground"}` })] }, c.id));
+                                })] })) : null, stap === 3 ? (_jsx("div", { className: "space-y-2", children: plekPrinters.length === 0 ? (_jsxs("div", { className: "text-destructive flex items-start gap-2 rounded-lg border p-3 text-sm", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4" }), _jsx("span", { children: "Op deze computers zijn nog geen printers ingesteld. Ga terug en kies een andere computer, of stel de printers eerst in bij Werkplekken." })] })) : (plekPrinters.map((p) => (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 rounded-lg border p-3", children: [_jsxs("span", { className: "flex items-center gap-2 text-sm", children: [_jsx(Printer, { className: "text-muted-foreground h-4 w-4" }), _jsx("span", { className: "font-medium", children: p.naam }), p.papierformaat ? (_jsx(Badge, { variant: "secondary", children: p.papierformaat })) : null] }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => void drukTestpaginaAf(p.id, p.naam), children: "Testpagina" })] }, p.id)))) })) : null, stap === 4 ? (_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-muted-foreground text-sm", children: "We hebben alvast een verstandige keuze gemaakt. Pas aan wat er niet klopt." }), zichtbareDocumenten.map((d) => (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 rounded-lg border p-2", children: [_jsx("span", { className: "text-sm font-medium", children: documentTypeLabel(d) }), _jsxs(Select, { value: documentPrinters[d] || GEEN, onValueChange: (v) => setDocumentPrinters((m) => ({ ...m, [d]: v === GEEN ? "" : v })), children: [_jsx(SelectTrigger, { className: "w-64", children: _jsx(SelectValue, { placeholder: "Kies printer" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: GEEN, children: "Niet op deze plek printen" }), plekPrinters.map((p) => (_jsx(SelectItem, { value: p.id, children: p.naam }, p.id)))] })] })] }, d))), overig.length > 0 ? (_jsx(Button, { variant: "ghost", size: "sm", onClick: () => setAlleDocumenten((v) => !v), children: alleDocumenten
+                                        ? "Minder documenten"
+                                        : `Meer documenten (${overig.length})` })) : null] })) : null, stap === 5 ? (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "rounded-lg border p-3 text-sm", children: [_jsx("p", { className: "font-medium", children: naam.trim() }), _jsxs("p", { className: "text-muted-foreground", children: [gekozenComputers.length, " computer", gekozenComputers.length === 1 ? "" : "s", " \u00B7", " ", plekPrinters.length, " printer", plekPrinters.length === 1 ? "" : "s", " \u00B7", " ", Object.values(documentPrinters).filter(Boolean).length, " documentregel", Object.values(documentPrinters).filter(Boolean).length === 1 ? "" : "s"] })] }), _jsxs(Button, { variant: "outline", onClick: () => void testprint(), disabled: bezig, children: [_jsx(Printer, { className: "mr-2 h-4 w-4" }), " Testpagina versturen"] }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Komt de pagina eruit? Dan is deze plek klaar voor gebruik." })] })) : null] }), _jsxs(DialogFooter, { className: "flex-row justify-between gap-2 sm:justify-between", children: [_jsx(Button, { variant: "ghost", onClick: () => (stap === 1 ? onOpenChange(false) : setStap((s) => s - 1)), disabled: bezig, children: stap === 1 ? ("Annuleren") : (_jsxs(_Fragment, { children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), " Terug"] })) }), _jsxs("div", { className: "flex items-center gap-2", children: [stap > 1 && stap < 5 ? (_jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), disabled: bezig, children: "Later afmaken" })) : null, stap === 5 ? (_jsxs(Button, { onClick: afronden, children: [_jsx(Check, { className: "mr-2 h-4 w-4" }), " Klaar"] })) : (_jsxs(Button, { onClick: () => void volgende(), disabled: bezig || !magVerder, children: ["Volgende ", _jsx(ArrowRight, { className: "ml-2 h-4 w-4" })] }))] })] })] }) }));
+}

package/dist-lib/components/PrintplekkenPage.d.ts

@@ -0,0 +1,4 @@
+export declare function PrintplekkenPage({ ingebed }?: {
+    ingebed?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=PrintplekkenPage.d.ts.map

package/dist-lib/components/PrintplekkenPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrintplekkenPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekkenPage.tsx"],"names":[],"mappings":"AAmCA,wBAAgB,gBAAgB,CAAC,EAAE,OAAe,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,+BAmY/E"}