@xiwebdesign/xicms-core 7.31.0 → 8.16.0

package/dist/components/site/SiteFooter.d.ts

@@ -5,8 +5,13 @@ import type { FooterSettings } from "../../schema/settings.js";
  * `xicms-footer*`-classNames + thema-CSS-variabelen, zodat een site hem volledig kan herstijlen
  * (of vervangen door een eigen footer). De inhoud komt live uit `settings/public.footer`.
  */
-export declare function SiteFooter({ className, renderColumn, }: {
+export declare function SiteFooter({ className, renderColumn, bedrijf, }: {
     className?: string;
+    /**
+     * 8.13: een eerste kolom met adres, telefoon, e-mail en openingstijden uit het bedrijfsprofiel
+     * (Instellingen → Bedrijf). Uit voor bestaande sites; de template zet hem aan.
+     */
+    bedrijf?: boolean;
     /** Override de opmaak van één kolom zonder de logica te forken. */
     renderColumn?: (column: NonNullable<FooterSettings["columns"]>[number], index: number) => ReactNode;
 }): import("react").JSX.Element;

package/dist/components/site/SiteFooter.js

@@ -1,10 +1,12 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useSiteSettings } from "../../settings/useSiteSettings.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMergedSiteConfig, useSiteSettings } from "../../settings/useSiteSettings.js";
+import { adresRegels, bedrijfsnummersTekst, heeftProfiel, telLink } from "../../bedrijf/bedrijf.js";
 import { useSiteConfig } from "../../config.js";
 function SiteFooter({
   className,
-  renderColumn
+  renderColumn,
+  bedrijf = false
 }) {
   const { settings } = useSiteSettings();
   const config = useSiteConfig();
@@ -14,17 +16,68 @@ function SiteFooter({
   const social = footer.social ?? [];
   const showAdminLink = footer.showAdminLink !== false;
   const year = (/* @__PURE__ */ new Date()).getFullYear();
+  const profiel = useMergedSiteConfig().business;
+  const toonProfiel = bedrijf && heeftProfiel(profiel);
   return /* @__PURE__ */ jsxs("footer", { className: className ?? "xicms-footer", children: [
-    columns.length > 0 && /* @__PURE__ */ jsx("div", { className: "xicms-footer__columns", children: columns.map(
-      (col, i) => renderColumn ? /* @__PURE__ */ jsx("div", { children: renderColumn(col, i) }, i) : /* @__PURE__ */ jsxs("div", { className: "xicms-footer__column", children: [
-        col.heading && /* @__PURE__ */ jsx("h3", { className: "xicms-footer__heading", children: col.heading }),
-        /* @__PURE__ */ jsx("ul", { className: "xicms-footer__links", children: (col.links ?? []).map((l, j) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: l.href, children: l.label }) }, j)) })
-      ] }, i)
-    ) }),
+    (columns.length > 0 || toonProfiel) && /* @__PURE__ */ jsxs("div", { className: "xicms-footer__columns", children: [
+      toonProfiel && profiel && /* @__PURE__ */ jsxs("div", { className: "xicms-footer__column xicms-footer__column--bedrijf", children: [
+        /* @__PURE__ */ jsx("h3", { className: "xicms-footer__heading", children: "Contact" }),
+        /* @__PURE__ */ jsxs("ul", { className: "xicms-footer__links", children: [
+          adresRegels(profiel).map((r) => /* @__PURE__ */ jsx("li", { children: r }, r)),
+          profiel.phone && /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: telLink(profiel.phone), children: profiel.phone }) }),
+          profiel.email && /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: `mailto:${profiel.email}`, children: profiel.email }) })
+        ] }),
+        (profiel.hours?.length ?? 0) > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("h3", { className: "xicms-footer__heading", children: "Openingstijden" }),
+          /* @__PURE__ */ jsx("ul", { className: "xicms-footer__links", children: profiel.hours.map((r, i) => /* @__PURE__ */ jsxs("li", { children: [
+            r.day,
+            " \u2014 ",
+            r.hours
+          ] }, i)) })
+        ] })
+      ] }),
+      columns.map(
+        (col, i) => renderColumn ? /* @__PURE__ */ jsx("div", { children: renderColumn(col, i) }, i) : /* @__PURE__ */ jsxs("div", { className: "xicms-footer__column", children: [
+          col.heading && /* @__PURE__ */ jsx("h3", { className: "xicms-footer__heading", children: col.heading }),
+          /* @__PURE__ */ jsx("ul", { className: "xicms-footer__links", children: (col.links ?? []).map((l, j) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: l.href, children: l.label }) }, j)) })
+        ] }, i)
+      )
+    ] }),
     social.length > 0 && /* @__PURE__ */ jsx("ul", { className: "xicms-footer__social", children: social.map((s, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: s.href, "aria-label": s.platform, rel: "noopener noreferrer", target: "_blank", children: s.platform }) }, i)) }),
     /* @__PURE__ */ jsxs("div", { className: "xicms-footer__bottom", children: [
       /* @__PURE__ */ jsx("span", { children: footer.copyright ?? `\xA9 ${year} ${name}` }),
+      bedrijfsnummersTekst(profiel) && /* @__PURE__ */ jsx("span", { className: "xicms-footer__nummers", children: bedrijfsnummersTekst(profiel) }),
       showAdminLink && /* @__PURE__ */ jsx("a", { href: "/beheer", children: "Beheer" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "xicms-footer__credit", children: [
+      /* @__PURE__ */ jsxs(
+        "a",
+        {
+          className: "xicms-footer__credit-merk",
+          href: "https://www.xiwebdesign.nl",
+          rel: "noopener noreferrer",
+          target: "_blank",
+          children: [
+            /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 64 64", "aria-hidden": "true", fill: "currentColor", children: [
+              /* @__PURE__ */ jsx("rect", { x: "6", y: "10", width: "52", height: "11", rx: "3" }),
+              /* @__PURE__ */ jsx("rect", { x: "16", y: "27", width: "32", height: "11", rx: "3", opacity: "0.7" }),
+              /* @__PURE__ */ jsx("rect", { x: "6", y: "44", width: "52", height: "11", rx: "3" })
+            ] }),
+            "Website gemaakt door Xi Webdesign"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\xB7" }),
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          className: "xicms-footer__credit-cta",
+          href: "https://www.xiwebdesign.nl/#contact",
+          rel: "noopener noreferrer",
+          target: "_blank",
+          children: "Ook zo'n mooie website? Neem contact op \u2192"
+        }
+      )
     ] })
   ] });
 }

package/dist/components/site/SiteFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/site/SiteFooter.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { useSiteSettings } from \"../../settings/useSiteSettings\";\nimport { useSiteConfig } from \"../../config\";\nimport type { FooterSettings } from \"../../schema/settings\";\n\n/**\n * Door de klant in /beheer bewerkbare footer. Unstyled-by-default: alle opmaak hangt aan\n * `xicms-footer*`-classNames + thema-CSS-variabelen, zodat een site hem volledig kan herstijlen\n * (of vervangen door een eigen footer). De inhoud komt live uit `settings/public.footer`.\n */\nexport function SiteFooter({\n  className,\n  renderColumn,\n}: {\n  className?: string;\n  /** Override de opmaak van één kolom zonder de logica te forken. */\n  renderColumn?: (column: NonNullable<FooterSettings[\"columns\"]>[number], index: number) => ReactNode;\n}) {\n  const { settings } = useSiteSettings();\n  const config = useSiteConfig();\n  const footer = settings.footer ?? {};\n  const name = settings.name ?? config.name;\n  const columns = footer.columns ?? [];\n  const social = footer.social ?? [];\n  const showAdminLink = footer.showAdminLink !== false;\n  const year = new Date().getFullYear();\n\n  return (\n    <footer className={className ?? \"xicms-footer\"}>\n      {columns.length > 0 && (\n        <div className=\"xicms-footer__columns\">\n          {columns.map((col, i) =>\n            renderColumn ? (\n              <div key={i}>{renderColumn(col, i)}</div>\n            ) : (\n              <div key={i} className=\"xicms-footer__column\">\n                {col.heading && <h3 className=\"xicms-footer__heading\">{col.heading}</h3>}\n                <ul className=\"xicms-footer__links\">\n                  {(col.links ?? []).map((l, j) => (\n                    <li key={j}>\n                      <a href={l.href}>{l.label}</a>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ),\n          )}\n        </div>\n      )}\n\n      {social.length > 0 && (\n        <ul className=\"xicms-footer__social\">\n          {social.map((s, i) => (\n            <li key={i}>\n              <a href={s.href} aria-label={s.platform} rel=\"noopener noreferrer\" target=\"_blank\">\n                {s.platform}\n              </a>\n            </li>\n          ))}\n        </ul>\n      )}\n\n      <div className=\"xicms-footer__bottom\">\n        <span>{footer.copyright ?? `© ${year} ${name}`}</span>\n        {showAdminLink && <a href=\"/beheer\">Beheer</a>}\n      </div>\n    </footer>\n  );\n}\n"],"mappings":";AAmCc,cAEA,YAFA;AAhCd,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAQvB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAIG;AACD,QAAM,EAAE,SAAS,IAAI,gBAAgB;AACrC,QAAM,SAAS,cAAc;AAC7B,QAAM,SAAS,SAAS,UAAU,CAAC;AACnC,QAAM,OAAO,SAAS,QAAQ,OAAO;AACrC,QAAM,UAAU,OAAO,WAAW,CAAC;AACnC,QAAM,SAAS,OAAO,UAAU,CAAC;AACjC,QAAM,gBAAgB,OAAO,kBAAkB;AAC/C,QAAM,QAAO,oBAAI,KAAK,GAAE,YAAY;AAEpC,SACE,qBAAC,YAAO,WAAW,aAAa,gBAC7B;AAAA,YAAQ,SAAS,KAChB,oBAAC,SAAI,WAAU,yBACZ,kBAAQ;AAAA,MAAI,CAAC,KAAK,MACjB,eACE,oBAAC,SAAa,uBAAa,KAAK,CAAC,KAAvB,CAAyB,IAEnC,qBAAC,SAAY,WAAU,wBACpB;AAAA,YAAI,WAAW,oBAAC,QAAG,WAAU,yBAAyB,cAAI,SAAQ;AAAA,QACnE,oBAAC,QAAG,WAAU,uBACV,eAAI,SAAS,CAAC,GAAG,IAAI,CAAC,GAAG,MACzB,oBAAC,QACC,8BAAC,OAAE,MAAM,EAAE,MAAO,YAAE,OAAM,KADnB,CAET,CACD,GACH;AAAA,WARQ,CASV;AAAA,IAEJ,GACF;AAAA,IAGD,OAAO,SAAS,KACf,oBAAC,QAAG,WAAU,wBACX,iBAAO,IAAI,CAAC,GAAG,MACd,oBAAC,QACC,8BAAC,OAAE,MAAM,EAAE,MAAM,cAAY,EAAE,UAAU,KAAI,uBAAsB,QAAO,UACvE,YAAE,UACL,KAHO,CAIT,CACD,GACH;AAAA,IAGF,qBAAC,SAAI,WAAU,wBACb;AAAA,0BAAC,UAAM,iBAAO,aAAa,QAAK,IAAI,IAAI,IAAI,IAAG;AAAA,MAC9C,iBAAiB,oBAAC,OAAE,MAAK,WAAU,oBAAM;AAAA,OAC5C;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/site/SiteFooter.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { useMergedSiteConfig, useSiteSettings } from \"../../settings/useSiteSettings\";\nimport { adresRegels, bedrijfsnummersTekst, heeftProfiel, telLink } from \"../../bedrijf/bedrijf\";\nimport { useSiteConfig } from \"../../config\";\nimport type { FooterSettings } from \"../../schema/settings\";\n\n/**\n * Door de klant in /beheer bewerkbare footer. Unstyled-by-default: alle opmaak hangt aan\n * `xicms-footer*`-classNames + thema-CSS-variabelen, zodat een site hem volledig kan herstijlen\n * (of vervangen door een eigen footer). De inhoud komt live uit `settings/public.footer`.\n */\nexport function SiteFooter({\n  className,\n  renderColumn,\n  bedrijf = false,\n}: {\n  className?: string;\n  /**\n   * 8.13: een eerste kolom met adres, telefoon, e-mail en openingstijden uit het bedrijfsprofiel\n   * (Instellingen → Bedrijf). Uit voor bestaande sites; de template zet hem aan.\n   */\n  bedrijf?: boolean;\n  /** Override de opmaak van één kolom zonder de logica te forken. */\n  renderColumn?: (column: NonNullable<FooterSettings[\"columns\"]>[number], index: number) => ReactNode;\n}) {\n  const { settings } = useSiteSettings();\n  const config = useSiteConfig();\n  const footer = settings.footer ?? {};\n  const name = settings.name ?? config.name;\n  const columns = footer.columns ?? [];\n  const social = footer.social ?? [];\n  const showAdminLink = footer.showAdminLink !== false;\n  const year = new Date().getFullYear();\n  const profiel = useMergedSiteConfig().business;\n  const toonProfiel = bedrijf && heeftProfiel(profiel);\n\n  return (\n    <footer className={className ?? \"xicms-footer\"}>\n      {(columns.length > 0 || toonProfiel) && (\n        <div className=\"xicms-footer__columns\">\n          {toonProfiel && profiel && (\n            <div className=\"xicms-footer__column xicms-footer__column--bedrijf\">\n              <h3 className=\"xicms-footer__heading\">Contact</h3>\n              <ul className=\"xicms-footer__links\">\n                {adresRegels(profiel).map((r) => <li key={r}>{r}</li>)}\n                {profiel.phone && <li><a href={telLink(profiel.phone)}>{profiel.phone}</a></li>}\n                {profiel.email && <li><a href={`mailto:${profiel.email}`}>{profiel.email}</a></li>}\n              </ul>\n              {(profiel.hours?.length ?? 0) > 0 && (\n                <>\n                  <h3 className=\"xicms-footer__heading\">Openingstijden</h3>\n                  <ul className=\"xicms-footer__links\">\n                    {profiel.hours!.map((r, i) => <li key={i}>{r.day} — {r.hours}</li>)}\n                  </ul>\n                </>\n              )}\n            </div>\n          )}\n          {columns.map((col, i) =>\n            renderColumn ? (\n              <div key={i}>{renderColumn(col, i)}</div>\n            ) : (\n              <div key={i} className=\"xicms-footer__column\">\n                {col.heading && <h3 className=\"xicms-footer__heading\">{col.heading}</h3>}\n                <ul className=\"xicms-footer__links\">\n                  {(col.links ?? []).map((l, j) => (\n                    <li key={j}>\n                      <a href={l.href}>{l.label}</a>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ),\n          )}\n        </div>\n      )}\n\n      {social.length > 0 && (\n        <ul className=\"xicms-footer__social\">\n          {social.map((s, i) => (\n            <li key={i}>\n              <a href={s.href} aria-label={s.platform} rel=\"noopener noreferrer\" target=\"_blank\">\n                {s.platform}\n              </a>\n            </li>\n          ))}\n        </ul>\n      )}\n\n      <div className=\"xicms-footer__bottom\">\n        <span>{footer.copyright ?? `© ${year} ${name}`}</span>\n        {/* 8.16: KvK en btw-nummer — wettelijk verplicht op de site; altijd zodra ze in het profiel staan. */}\n        {bedrijfsnummersTekst(profiel) && <span className=\"xicms-footer__nummers\">{bedrijfsnummersTekst(profiel)}</span>}\n        {showAdminLink && <a href=\"/beheer\">Beheer</a>}\n      </div>\n\n      <div className=\"xicms-footer__credit\">\n        <a\n          className=\"xicms-footer__credit-merk\"\n          href=\"https://www.xiwebdesign.nl\"\n          rel=\"noopener noreferrer\"\n          target=\"_blank\"\n        >\n          <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\" fill=\"currentColor\">\n            <rect x=\"6\" y=\"10\" width=\"52\" height=\"11\" rx=\"3\" />\n            <rect x=\"16\" y=\"27\" width=\"32\" height=\"11\" rx=\"3\" opacity=\"0.7\" />\n            <rect x=\"6\" y=\"44\" width=\"52\" height=\"11\" rx=\"3\" />\n          </svg>\n          Website gemaakt door Xi Webdesign\n        </a>\n        <span aria-hidden>·</span>\n        <a\n          className=\"xicms-footer__credit-cta\"\n          href=\"https://www.xiwebdesign.nl/#contact\"\n          rel=\"noopener noreferrer\"\n          target=\"_blank\"\n        >\n          Ook zo&apos;n mooie website? Neem contact op →\n        </a>\n      </div>\n    </footer>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/site/SiteHeader.d.ts

@@ -0,0 +1,15 @@
+/**
+ * De kop van de site (8.13): logo, het beheerde menu, één actieknop — en op een telefoon een
+ * hamburgermenu en (optioneel) een vaste balk onderaan met "Bel" en de actieknop.
+ *
+ * Alle drie de klantsites bouwden dit zelf (Header.tsx van 100+ regels, StickyCta.tsx), en de
+ * template had alleen `<strong>naam</strong>` plus het menu, zonder mobiel menu. Nu kan een
+ * nieuwe site starten met een kop die op elk scherm werkt, en past de klant logo en knop zelf aan
+ * in /beheer → Instellingen → Kop. Sites met een eigen header gebruiken dit gewoon niet.
+ *
+ * Unstyled-by-default zoals SiteNav en SiteFooter: alle opmaak hangt aan `.xicms-header*` en de
+ * thema-variabelen (styles.css), te overschrijven per site.
+ */
+export declare function SiteHeader({ className }: {
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/site/SiteHeader.js

@@ -0,0 +1,70 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useState } from "react";
+import { useLinkComponent } from "@astryxdesign/core/Link";
+import { useMergedSiteConfig } from "../../settings/useSiteSettings.js";
+import { telLink } from "../../bedrijf/bedrijf.js";
+import { SiteNav } from "./SiteNav.js";
+function SiteHeader({ className }) {
+  const cfg = useMergedSiteConfig();
+  const Link = useLinkComponent();
+  const header = cfg.header ?? {};
+  const [open, setOpen] = useState(false);
+  const menuId = useId();
+  useEffect(() => {
+    if (!open) return;
+    const sluit = () => setOpen(false);
+    const opToets = (e) => e.key === "Escape" && sluit();
+    window.addEventListener("popstate", sluit);
+    window.addEventListener("keydown", opToets);
+    const vorige = document.documentElement.style.overflow;
+    document.documentElement.style.overflow = "hidden";
+    return () => {
+      window.removeEventListener("popstate", sluit);
+      window.removeEventListener("keydown", opToets);
+      document.documentElement.style.overflow = vorige;
+    };
+  }, [open]);
+  const cta = header.cta?.label?.trim() && header.cta.href ? header.cta : null;
+  const bel = telLink(cfg.business?.phone);
+  const LinkEl = Link;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "header",
+      {
+        className: ["xicms-header", header.sticky === false ? "" : "is-sticky", open ? "is-open" : "", className].filter(Boolean).join(" "),
+        children: /* @__PURE__ */ jsxs("div", { className: "xicms-header__binnen", children: [
+          /* @__PURE__ */ jsx(LinkEl, { href: "/", className: "xicms-header__merk", children: header.logo ? (
+            // eslint-disable-next-line @next/next/no-img-element
+            /* @__PURE__ */ jsx("img", { src: header.logo, alt: cfg.name, style: { height: header.logoHoogte ?? 40 } })
+          ) : /* @__PURE__ */ jsx("span", { children: cfg.name }) }),
+          /* @__PURE__ */ jsxs("div", { className: "xicms-header__nav", id: menuId, children: [
+            /* @__PURE__ */ jsx("div", { onClick: (e) => e.target.closest("a") && setOpen(false), children: /* @__PURE__ */ jsx(SiteNav, { className: "xicms-nav xicms-header__menu" }) }),
+            cta && /* @__PURE__ */ jsx(LinkEl, { href: cta.href, className: "xicms-header__cta xicms-header__cta--in-menu", onClick: () => setOpen(false), children: cta.label })
+          ] }),
+          cta && /* @__PURE__ */ jsx(LinkEl, { href: cta.href, className: "xicms-header__cta", children: cta.label }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "xicms-header__knop",
+              "aria-expanded": open,
+              "aria-controls": menuId,
+              "aria-label": open ? "Menu sluiten" : "Menu openen",
+              onClick: () => setOpen((v) => !v),
+              children: /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "xicms-header__streepjes" })
+            }
+          )
+        ] })
+      }
+    ),
+    header.mobielBalk && (bel || cta) && /* @__PURE__ */ jsxs("div", { className: "xicms-mobielbalk", role: "region", "aria-label": "Snel contact", children: [
+      bel && /* @__PURE__ */ jsx("a", { href: bel, className: "xicms-mobielbalk__bel", children: "Bel ons" }),
+      cta && /* @__PURE__ */ jsx(LinkEl, { href: cta.href, className: "xicms-mobielbalk__cta", children: cta.label })
+    ] })
+  ] });
+}
+export {
+  SiteHeader
+};
+//# sourceMappingURL=SiteHeader.js.map

package/dist/components/site/SiteHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/site/SiteHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useId, useState } from \"react\";\nimport { useLinkComponent } from \"@astryxdesign/core/Link\";\nimport { useMergedSiteConfig } from \"../../settings/useSiteSettings\";\nimport { telLink } from \"../../bedrijf/bedrijf\";\nimport { SiteNav } from \"./SiteNav\";\n\n/**\n * De kop van de site (8.13): logo, het beheerde menu, één actieknop — en op een telefoon een\n * hamburgermenu en (optioneel) een vaste balk onderaan met \"Bel\" en de actieknop.\n *\n * Alle drie de klantsites bouwden dit zelf (Header.tsx van 100+ regels, StickyCta.tsx), en de\n * template had alleen `<strong>naam</strong>` plus het menu, zonder mobiel menu. Nu kan een\n * nieuwe site starten met een kop die op elk scherm werkt, en past de klant logo en knop zelf aan\n * in /beheer → Instellingen → Kop. Sites met een eigen header gebruiken dit gewoon niet.\n *\n * Unstyled-by-default zoals SiteNav en SiteFooter: alle opmaak hangt aan `.xicms-header*` en de\n * thema-variabelen (styles.css), te overschrijven per site.\n */\nexport function SiteHeader({ className }: { className?: string }) {\n  const cfg = useMergedSiteConfig();\n  const Link = useLinkComponent();\n  const header = cfg.header ?? {};\n  const [open, setOpen] = useState(false);\n  const menuId = useId();\n\n  // Menu dicht bij navigeren (Terug/Vooruit) en met Escape; scrollen blokkeren terwijl het open is.\n  useEffect(() => {\n    if (!open) return;\n    const sluit = () => setOpen(false);\n    const opToets = (e: KeyboardEvent) => e.key === \"Escape\" && sluit();\n    window.addEventListener(\"popstate\", sluit);\n    window.addEventListener(\"keydown\", opToets);\n    const vorige = document.documentElement.style.overflow;\n    document.documentElement.style.overflow = \"hidden\";\n    return () => {\n      window.removeEventListener(\"popstate\", sluit);\n      window.removeEventListener(\"keydown\", opToets);\n      document.documentElement.style.overflow = vorige;\n    };\n  }, [open]);\n\n  const cta = header.cta?.label?.trim() && header.cta.href ? header.cta : null;\n  const bel = telLink(cfg.business?.phone);\n  const LinkEl = Link as unknown as React.ComponentType<{ href: string; className?: string; children: React.ReactNode; onClick?: () => void }>;\n\n  return (\n    <>\n      <header\n        className={[\"xicms-header\", header.sticky === false ? \"\" : \"is-sticky\", open ? \"is-open\" : \"\", className].filter(Boolean).join(\" \")}\n      >\n        <div className=\"xicms-header__binnen\">\n          <LinkEl href=\"/\" className=\"xicms-header__merk\">\n            {header.logo ? (\n              // eslint-disable-next-line @next/next/no-img-element\n              <img src={header.logo} alt={cfg.name} style={{ height: header.logoHoogte ?? 40 }} />\n            ) : (\n              <span>{cfg.name}</span>\n            )}\n          </LinkEl>\n          <div className=\"xicms-header__nav\" id={menuId}>\n            {/* Een klik op een link in het (mobiele) menu sluit het; de nav zelf is SiteNav. */}\n            <div onClick={(e) => (e.target as HTMLElement).closest(\"a\") && setOpen(false)}>\n              <SiteNav className=\"xicms-nav xicms-header__menu\" />\n            </div>\n            {cta && (\n              <LinkEl href={cta.href} className=\"xicms-header__cta xicms-header__cta--in-menu\" onClick={() => setOpen(false)}>\n                {cta.label}\n              </LinkEl>\n            )}\n          </div>\n          {cta && (\n            <LinkEl href={cta.href} className=\"xicms-header__cta\">\n              {cta.label}\n            </LinkEl>\n          )}\n          <button\n            type=\"button\"\n            className=\"xicms-header__knop\"\n            aria-expanded={open}\n            aria-controls={menuId}\n            aria-label={open ? \"Menu sluiten\" : \"Menu openen\"}\n            onClick={() => setOpen((v) => !v)}\n          >\n            <span aria-hidden className=\"xicms-header__streepjes\" />\n          </button>\n        </div>\n      </header>\n      {header.mobielBalk && (bel || cta) && (\n        <div className=\"xicms-mobielbalk\" role=\"region\" aria-label=\"Snel contact\">\n          {bel && (\n            <a href={bel} className=\"xicms-mobielbalk__bel\">\n              Bel ons\n            </a>\n          )}\n          {cta && (\n            <LinkEl href={cta.href} className=\"xicms-mobielbalk__cta\">\n              {cta.label}\n            </LinkEl>\n          )}\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":";AAgDI,mBAQU,KAKJ,YAbN;AA9CJ,SAAS,WAAW,OAAO,gBAAgB;AAC3C,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC,SAAS,eAAe;AACxB,SAAS,eAAe;AAcjB,SAAS,WAAW,EAAE,UAAU,GAA2B;AAChE,QAAM,MAAM,oBAAoB;AAChC,QAAM,OAAO,iBAAiB;AAC9B,QAAM,SAAS,IAAI,UAAU,CAAC;AAC9B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,SAAS,MAAM;AAGrB,YAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,UAAM,QAAQ,MAAM,QAAQ,KAAK;AACjC,UAAM,UAAU,CAAC,MAAqB,EAAE,QAAQ,YAAY,MAAM;AAClE,WAAO,iBAAiB,YAAY,KAAK;AACzC,WAAO,iBAAiB,WAAW,OAAO;AAC1C,UAAM,SAAS,SAAS,gBAAgB,MAAM;AAC9C,aAAS,gBAAgB,MAAM,WAAW;AAC1C,WAAO,MAAM;AACX,aAAO,oBAAoB,YAAY,KAAK;AAC5C,aAAO,oBAAoB,WAAW,OAAO;AAC7C,eAAS,gBAAgB,MAAM,WAAW;AAAA,IAC5C;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,MAAM,OAAO,KAAK,OAAO,KAAK,KAAK,OAAO,IAAI,OAAO,OAAO,MAAM;AACxE,QAAM,MAAM,QAAQ,IAAI,UAAU,KAAK;AACvC,QAAM,SAAS;AAEf,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,CAAC,gBAAgB,OAAO,WAAW,QAAQ,KAAK,aAAa,OAAO,YAAY,IAAI,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,QAElI,+BAAC,SAAI,WAAU,wBACb;AAAA,8BAAC,UAAO,MAAK,KAAI,WAAU,sBACxB,iBAAO;AAAA;AAAA,YAEN,oBAAC,SAAI,KAAK,OAAO,MAAM,KAAK,IAAI,MAAM,OAAO,EAAE,QAAQ,OAAO,cAAc,GAAG,GAAG;AAAA,cAElF,oBAAC,UAAM,cAAI,MAAK,GAEpB;AAAA,UACA,qBAAC,SAAI,WAAU,qBAAoB,IAAI,QAErC;AAAA,gCAAC,SAAI,SAAS,CAAC,MAAO,EAAE,OAAuB,QAAQ,GAAG,KAAK,QAAQ,KAAK,GAC1E,8BAAC,WAAQ,WAAU,gCAA+B,GACpD;AAAA,YACC,OACC,oBAAC,UAAO,MAAM,IAAI,MAAM,WAAU,gDAA+C,SAAS,MAAM,QAAQ,KAAK,GAC1G,cAAI,OACP;AAAA,aAEJ;AAAA,UACC,OACC,oBAAC,UAAO,MAAM,IAAI,MAAM,WAAU,qBAC/B,cAAI,OACP;AAAA,UAEF;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,iBAAe;AAAA,cACf,iBAAe;AAAA,cACf,cAAY,OAAO,iBAAiB;AAAA,cACpC,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,cAEhC,8BAAC,UAAK,eAAW,MAAC,WAAU,2BAA0B;AAAA;AAAA,UACxD;AAAA,WACF;AAAA;AAAA,IACF;AAAA,IACC,OAAO,eAAe,OAAO,QAC5B,qBAAC,SAAI,WAAU,oBAAmB,MAAK,UAAS,cAAW,gBACxD;AAAA,aACC,oBAAC,OAAE,MAAM,KAAK,WAAU,yBAAwB,qBAEhD;AAAA,MAED,OACC,oBAAC,UAAO,MAAM,IAAI,MAAM,WAAU,yBAC/B,cAAI,OACP;AAAA,OAEJ;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/site/SiteNav.d.ts

@@ -27,3 +27,5 @@ export declare function SiteNav({ className, ariaLabel, items, }: {
     /** Overschrijft de items (bv. voor een footer-menu); standaard de beheerde hoofdnavigatie. */
     items?: NavItem[];
 }): import("react").JSX.Element | null;
+/** Is dit menu-item de huidige pagina (of, voor een item met submenu, een van zijn kinderen)? */
+export declare function isHuidig(href: string, pad: string | null): boolean;

package/dist/components/site/SiteNav.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useId, useRef, useState } from "react";
+import { useEffect, useId, useRef, useState, useSyncExternalStore } from "react";
 import { useLinkComponent } from "@astryxdesign/core/Link";
 import { useMergedSiteConfig } from "../../settings/useSiteSettings.js";
 import { isExterneLink, navHref } from "../../schema/settings.js";
@@ -14,7 +14,26 @@ function SiteNav({
   if (lijst.length === 0) return null;
   return /* @__PURE__ */ jsx("nav", { className: className ?? "xicms-nav", "aria-label": ariaLabel, children: /* @__PURE__ */ jsx("ul", { className: "xicms-nav__list", children: lijst.map((item, i) => /* @__PURE__ */ jsx(NavEntry, { item }, `${item.href}-${i}`)) }) });
 }
+function abonneerOpPad(cb) {
+  window.addEventListener("popstate", cb);
+  const nav = window.navigation;
+  nav?.addEventListener("navigatesuccess", cb);
+  return () => {
+    window.removeEventListener("popstate", cb);
+    nav?.removeEventListener("navigatesuccess", cb);
+  };
+}
+function useHuidigPad() {
+  return useSyncExternalStore(abonneerOpPad, () => window.location.pathname, () => null);
+}
+function isHuidig(href, pad) {
+  if (!pad || isExterneLink(href)) return false;
+  const schoon = (p) => p.length > 1 ? p.replace(/\/+$/, "") : p;
+  return schoon(href.split(/[?#]/)[0]) === schoon(pad);
+}
 function NavEntry({ item }) {
+  const pad = useHuidigPad();
+  const toggleRef = useRef(null);
   const LinkC = useLinkComponent();
   const kinderen = item.children ?? [];
   const [open, setOpen] = useState(false);
@@ -26,7 +45,9 @@ function NavEntry({ item }) {
       if (!ref.current?.contains(e.target)) setOpen(false);
     };
     const onKey = (e) => {
-      if (e.key === "Escape") setOpen(false);
+      if (e.key !== "Escape") return;
+      setOpen(false);
+      if (ref.current?.contains(document.activeElement)) toggleRef.current?.focus();
     };
     document.addEventListener("pointerdown", onDown);
     document.addEventListener("keydown", onKey);
@@ -42,14 +63,15 @@ function NavEntry({ item }) {
     rel: extern && item.target === "_blank" ? "noopener noreferrer" : void 0
   };
   if (kinderen.length === 0) {
-    return /* @__PURE__ */ jsx("li", { className: "xicms-nav__item", children: /* @__PURE__ */ jsx(LinkC, { className: "xicms-nav__link", ...linkProps, children: item.label }) });
+    return /* @__PURE__ */ jsx("li", { className: "xicms-nav__item", children: /* @__PURE__ */ jsx(LinkC, { className: "xicms-nav__link", ...linkProps, "aria-current": isHuidig(item.href, pad) ? "page" : void 0, children: item.label }) });
   }
   return /* @__PURE__ */ jsxs("li", { ref, className: `xicms-nav__item xicms-nav__item--sub${open ? " is-open" : ""}`, children: [
     /* @__PURE__ */ jsxs("span", { className: "xicms-nav__pair", children: [
-      /* @__PURE__ */ jsx(LinkC, { className: "xicms-nav__link", ...linkProps, children: item.label }),
+      /* @__PURE__ */ jsx(LinkC, { className: "xicms-nav__link", ...linkProps, "aria-current": isHuidig(item.href, pad) ? "page" : void 0, children: item.label }),
       /* @__PURE__ */ jsx(
         "button",
         {
+          ref: toggleRef,
           type: "button",
           className: "xicms-nav__toggle",
           "aria-expanded": open,
@@ -70,6 +92,7 @@ function NavEntry({ item }) {
           target: kind.target === "_blank" ? "_blank" : void 0,
           rel: kExtern && kind.target === "_blank" ? "noopener noreferrer" : void 0,
           onClick: () => setOpen(false),
+          "aria-current": isHuidig(kind.href, pad) ? "page" : void 0,
           children: kind.label
         }
       ) }, `${kind.href}-${j}`);
@@ -77,6 +100,7 @@ function NavEntry({ item }) {
   ] });
 }
 export {
-  SiteNav
+  SiteNav,
+  isHuidig
 };
 //# sourceMappingURL=SiteNav.js.map

package/dist/components/site/SiteNav.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/site/SiteNav.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useId, useRef, useState } from \"react\";\nimport { useLinkComponent } from \"@astryxdesign/core/Link\";\nimport { useMergedSiteConfig } from \"../../settings/useSiteSettings\";\nimport { isExterneLink, navHref, type NavItem } from \"../../schema/settings\";\n\n/**\n * De hoofdnavigatie zoals de klant hem in /beheer → Menu beheert (7.24).\n *\n * Tot 7.24 schreef het Menu-paneel netjes naar `settings.nav`, meldde \"De navigatie is\n * bijgewerkt\" — en las geen enkele header dat veld. De template en de klantsites renderden\n * `siteConfig.nav` rechtstreeks uit Git, dus wat de klant in het beheer deed kwam nooit op de\n * site. Deze component is de ontbrekende consument: hij leest de samengevoegde config\n * (Firestore wint, Git is de terugval) en is daarmee de énige plek die een menu hoort te tekenen.\n *\n * SSR-veilig: de settings zitten in de server-seed (`settingsData` op XiCMSProvider), dus het menu\n * staat al in de HTML en er is geen flits van het oude menu.\n *\n * Unstyled-by-default, net als `SiteFooter`: alle opmaak hangt aan `xicms-nav*`-klassen en de\n * thema-variabelen, zodat elke site hem kan herstijlen zonder de logica te forken. De klassen die\n * de template gebruikte (`.site-header nav a`) blijven werken doordat dit een gewone `<nav>` met\n * `<a>`'s blijft.\n *\n * Submenu's (één niveau): een item mét kinderen is zélf een link naar zijn overzichtspagina, met\n * ernaast een knop die het submenu openklapt (`aria-expanded`). Zo werkt het menu zonder\n * JavaScript (alle links staan in de HTML), met het toetsenbord (knop = Enter/Spatie, Escape\n * sluit) en op touch (geen hover nodig).\n */\nexport function SiteNav({\n  className,\n  ariaLabel = \"Hoofdnavigatie\",\n  items,\n}: {\n  className?: string;\n  ariaLabel?: string;\n  /** Overschrijft de items (bv. voor een footer-menu); standaard de beheerde hoofdnavigatie. */\n  items?: NavItem[];\n}) {\n  const cfg = useMergedSiteConfig();\n  const lijst = items ?? cfg.nav ?? [];\n  if (lijst.length === 0) return null;\n  return (\n    <nav className={className ?? \"xicms-nav\"} aria-label={ariaLabel}>\n      <ul className=\"xicms-nav__list\">\n        {lijst.map((item, i) => (\n          <NavEntry key={`${item.href}-${i}`} item={item} />\n        ))}\n      </ul>\n    </nav>\n  );\n}\n\nfunction NavEntry({ item }: { item: NavItem }) {\n  const LinkC = useLinkComponent();\n  const kinderen = item.children ?? [];\n  const [open, setOpen] = useState(false);\n  const id = useId();\n  const ref = useRef<HTMLLIElement>(null);\n\n  // Buiten klikken of Escape sluit het submenu — anders blijft het hangen tot je een ander opent.\n  useEffect(() => {\n    if (!open) return;\n    const onDown = (e: PointerEvent) => {\n      if (!ref.current?.contains(e.target as Node)) setOpen(false);\n    };\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") setOpen(false);\n    };\n    document.addEventListener(\"pointerdown\", onDown);\n    document.addEventListener(\"keydown\", onKey);\n    return () => {\n      document.removeEventListener(\"pointerdown\", onDown);\n      document.removeEventListener(\"keydown\", onKey);\n    };\n  }, [open]);\n\n  const extern = isExterneLink(item.href);\n  const linkProps = {\n    href: navHref(item),\n    target: item.target === \"_blank\" ? \"_blank\" : undefined,\n    rel: extern && item.target === \"_blank\" ? \"noopener noreferrer\" : undefined,\n  };\n\n  if (kinderen.length === 0) {\n    return (\n      <li className=\"xicms-nav__item\">\n        <LinkC className=\"xicms-nav__link\" {...linkProps}>{item.label}</LinkC>\n      </li>\n    );\n  }\n\n  return (\n    <li ref={ref} className={`xicms-nav__item xicms-nav__item--sub${open ? \" is-open\" : \"\"}`}>\n      <span className=\"xicms-nav__pair\">\n        <LinkC className=\"xicms-nav__link\" {...linkProps}>{item.label}</LinkC>\n        <button\n          type=\"button\"\n          className=\"xicms-nav__toggle\"\n          aria-expanded={open}\n          aria-controls={id}\n          aria-label={`Submenu van ${item.label} ${open ? \"sluiten\" : \"openen\"}`}\n          onClick={() => setOpen((v) => !v)}\n        >\n          <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n            <path d=\"M6 9l6 6 6-6\" />\n          </svg>\n        </button>\n      </span>\n      <ul id={id} className=\"xicms-nav__sub\" hidden={!open}>\n        {kinderen.map((kind, j) => {\n          const kExtern = isExterneLink(kind.href);\n          return (\n            <li key={`${kind.href}-${j}`} className=\"xicms-nav__subitem\">\n              <LinkC\n                className=\"xicms-nav__sublink\"\n                href={navHref(kind)}\n                target={kind.target === \"_blank\" ? \"_blank\" : undefined}\n                rel={kExtern && kind.target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n                onClick={() => setOpen(false)}\n              >\n                {kind.label}\n              </LinkC>\n            </li>\n          );\n        })}\n      </ul>\n    </li>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/site/SiteNav.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useId, useRef, useState, useSyncExternalStore } from \"react\";\nimport { useLinkComponent } from \"@astryxdesign/core/Link\";\nimport { useMergedSiteConfig } from \"../../settings/useSiteSettings\";\nimport { isExterneLink, navHref, type NavItem } from \"../../schema/settings\";\n\n/**\n * De hoofdnavigatie zoals de klant hem in /beheer → Menu beheert (7.24).\n *\n * Tot 7.24 schreef het Menu-paneel netjes naar `settings.nav`, meldde \"De navigatie is\n * bijgewerkt\" — en las geen enkele header dat veld. De template en de klantsites renderden\n * `siteConfig.nav` rechtstreeks uit Git, dus wat de klant in het beheer deed kwam nooit op de\n * site. Deze component is de ontbrekende consument: hij leest de samengevoegde config\n * (Firestore wint, Git is de terugval) en is daarmee de énige plek die een menu hoort te tekenen.\n *\n * SSR-veilig: de settings zitten in de server-seed (`settingsData` op XiCMSProvider), dus het menu\n * staat al in de HTML en er is geen flits van het oude menu.\n *\n * Unstyled-by-default, net als `SiteFooter`: alle opmaak hangt aan `xicms-nav*`-klassen en de\n * thema-variabelen, zodat elke site hem kan herstijlen zonder de logica te forken. De klassen die\n * de template gebruikte (`.site-header nav a`) blijven werken doordat dit een gewone `<nav>` met\n * `<a>`'s blijft.\n *\n * Submenu's (één niveau): een item mét kinderen is zélf een link naar zijn overzichtspagina, met\n * ernaast een knop die het submenu openklapt (`aria-expanded`). Zo werkt het menu zonder\n * JavaScript (alle links staan in de HTML), met het toetsenbord (knop = Enter/Spatie, Escape\n * sluit) en op touch (geen hover nodig).\n */\nexport function SiteNav({\n  className,\n  ariaLabel = \"Hoofdnavigatie\",\n  items,\n}: {\n  className?: string;\n  ariaLabel?: string;\n  /** Overschrijft de items (bv. voor een footer-menu); standaard de beheerde hoofdnavigatie. */\n  items?: NavItem[];\n}) {\n  const cfg = useMergedSiteConfig();\n  const lijst = items ?? cfg.nav ?? [];\n  if (lijst.length === 0) return null;\n  return (\n    <nav className={className ?? \"xicms-nav\"} aria-label={ariaLabel}>\n      <ul className=\"xicms-nav__list\">\n        {lijst.map((item, i) => (\n          <NavEntry key={`${item.href}-${i}`} item={item} />\n        ))}\n      </ul>\n    </nav>\n  );\n}\n\n/**\n * Het huidige pad, hydratie-veilig (8.3): op de server en tijdens de hydratie `null`, daarna het\n * echte pad. Luistert naar Terug/Vooruit en — waar de browser hem heeft — de Navigation API, zodat\n * ook een client-side navigatie de markering verplaatst.\n */\nfunction abonneerOpPad(cb: () => void): () => void {\n  window.addEventListener(\"popstate\", cb);\n  const nav = (window as unknown as { navigation?: EventTarget }).navigation;\n  nav?.addEventListener(\"navigatesuccess\", cb);\n  return () => {\n    window.removeEventListener(\"popstate\", cb);\n    nav?.removeEventListener(\"navigatesuccess\", cb);\n  };\n}\nfunction useHuidigPad(): string | null {\n  return useSyncExternalStore(abonneerOpPad, () => window.location.pathname, () => null);\n}\n\n/** Is dit menu-item de huidige pagina (of, voor een item met submenu, een van zijn kinderen)? */\nexport function isHuidig(href: string, pad: string | null): boolean {\n  if (!pad || isExterneLink(href)) return false;\n  const schoon = (p: string) => (p.length > 1 ? p.replace(/\\/+$/, \"\") : p);\n  return schoon(href.split(/[?#]/)[0]) === schoon(pad);\n}\n\nfunction NavEntry({ item }: { item: NavItem }) {\n  const pad = useHuidigPad();\n  const toggleRef = useRef<HTMLButtonElement>(null);\n  const LinkC = useLinkComponent();\n  const kinderen = item.children ?? [];\n  const [open, setOpen] = useState(false);\n  const id = useId();\n  const ref = useRef<HTMLLIElement>(null);\n\n  // Buiten klikken of Escape sluit het submenu — anders blijft het hangen tot je een ander opent.\n  useEffect(() => {\n    if (!open) return;\n    const onDown = (e: PointerEvent) => {\n      if (!ref.current?.contains(e.target as Node)) setOpen(false);\n    };\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key !== \"Escape\") return;\n      setOpen(false);\n      // 8.3: focus terug naar de knop — anders stond de toetsenbordgebruiker nergens meer.\n      if (ref.current?.contains(document.activeElement)) toggleRef.current?.focus();\n    };\n    document.addEventListener(\"pointerdown\", onDown);\n    document.addEventListener(\"keydown\", onKey);\n    return () => {\n      document.removeEventListener(\"pointerdown\", onDown);\n      document.removeEventListener(\"keydown\", onKey);\n    };\n  }, [open]);\n\n  const extern = isExterneLink(item.href);\n  const linkProps = {\n    href: navHref(item),\n    target: item.target === \"_blank\" ? \"_blank\" : undefined,\n    rel: extern && item.target === \"_blank\" ? \"noopener noreferrer\" : undefined,\n  };\n\n  if (kinderen.length === 0) {\n    return (\n      <li className=\"xicms-nav__item\">\n        <LinkC className=\"xicms-nav__link\" {...linkProps} aria-current={isHuidig(item.href, pad) ? \"page\" : undefined}>{item.label}</LinkC>\n      </li>\n    );\n  }\n\n  return (\n    <li ref={ref} className={`xicms-nav__item xicms-nav__item--sub${open ? \" is-open\" : \"\"}`}>\n      <span className=\"xicms-nav__pair\">\n        <LinkC className=\"xicms-nav__link\" {...linkProps} aria-current={isHuidig(item.href, pad) ? \"page\" : undefined}>{item.label}</LinkC>\n        <button\n          ref={toggleRef}\n          type=\"button\"\n          className=\"xicms-nav__toggle\"\n          aria-expanded={open}\n          aria-controls={id}\n          aria-label={`Submenu van ${item.label} ${open ? \"sluiten\" : \"openen\"}`}\n          onClick={() => setOpen((v) => !v)}\n        >\n          <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n            <path d=\"M6 9l6 6 6-6\" />\n          </svg>\n        </button>\n      </span>\n      <ul id={id} className=\"xicms-nav__sub\" hidden={!open}>\n        {kinderen.map((kind, j) => {\n          const kExtern = isExterneLink(kind.href);\n          return (\n            <li key={`${kind.href}-${j}`} className=\"xicms-nav__subitem\">\n              <LinkC\n                className=\"xicms-nav__sublink\"\n                href={navHref(kind)}\n                target={kind.target === \"_blank\" ? \"_blank\" : undefined}\n                rel={kExtern && kind.target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n                onClick={() => setOpen(false)}\n                aria-current={isHuidig(kind.href, pad) ? \"page\" : undefined}\n              >\n                {kind.label}\n              </LinkC>\n            </li>\n          );\n        })}\n      </ul>\n    </li>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/demo/DemoStudio.js

@@ -28,8 +28,8 @@ function DemoStudio() {
     /* @__PURE__ */ jsxs("span", { className: "xicms-demostudio__msg", children: [
       "\u270F\uFE0F ",
       /* @__PURE__ */ jsx("strong", { children: "Demo-bewerkmodus." }),
-      " Klik onderaan op ",
-      /* @__PURE__ */ jsx("strong", { children: "\u201CPagina bewerken\u201D" }),
+      " Kies onderaan ",
+      /* @__PURE__ */ jsx("strong", { children: "\u201CBewerken\u201D" }),
       " om blokken aan te passen. Let op: ",
       /* @__PURE__ */ jsx("strong", { children: "wijzigingen worden niet opgeslagen" }),
       " \u2014 ze staan alleen lokaal in jouw browser."

package/dist/demo/DemoStudio.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/demo/DemoStudio.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { useAuth } from \"../auth/AuthProvider\";\nimport { useSiteConfig } from \"../config\";\nimport { DEMO_EVENT, isDemoLoggedIn, resetDemo } from \"./demoStore\";\n\n/**\n * Bovenbalk voor de DEMO-bewerkmodus (`config.demoEditing`). Biedt een pseudo-login waarmee\n * bezoekers het beheer (teksten + blokken) kunnen uitproberen, en maakt heel duidelijk dat\n * wijzigingen NIET worden opgeslagen — ze blijven alleen lokaal in de browser en zijn met één\n * klik te resetten. De echte bewerkacties (\"Pagina bewerken\", \"Uitloggen\") staan in de EditBar.\n */\nexport function DemoStudio() {\n  const { demo, demoSignIn } = useAuth();\n  const { siteId } = useSiteConfig();\n  const [loggedIn, setLoggedIn] = useState(false);\n\n  useEffect(() => {\n    if (!demo) return;\n    const sync = () => setLoggedIn(isDemoLoggedIn());\n    sync();\n    window.addEventListener(DEMO_EVENT, sync);\n    return () => window.removeEventListener(DEMO_EVENT, sync);\n  }, [demo]);\n\n  if (!demo) return null;\n\n  return (\n    <div className=\"xicms-demostudio\" role=\"region\" aria-label=\"Demo-bewerkmodus\">\n      {!loggedIn ? (\n        <>\n          <span className=\"xicms-demostudio__msg\">\n            <strong>Probeer het zelf:</strong> log in als demo-beheerder en bewerk teksten, foto&apos;s en\n            blokken — <strong>niets wordt opgeslagen</strong>, je wijzigingen blijven alleen in jouw browser.\n          </span>\n          <button type=\"button\" className=\"xicms-btn\" onClick={demoSignIn}>\n            Probeer het beheer (demo-login)\n          </button>\n        </>\n      ) : (\n        <>\n          <span className=\"xicms-demostudio__msg\">\n            ✏️ <strong>Demo-bewerkmodus.</strong> Klik onderaan op <strong>“Pagina bewerken”</strong> om\n            blokken aan te passen. Let op: <strong>wijzigingen worden niet opgeslagen</strong> — ze staan\n            alleen lokaal in jouw browser.\n          </span>\n          <button\n            type=\"button\"\n            className=\"xicms-btn xicms-btn--ghost\"\n            onClick={() => {\n              resetDemo(siteId);\n              // Herlaad zodat de pagina terugvalt op de oorspronkelijke (seed-)inhoud.\n              if (typeof window !== \"undefined\") window.location.reload();\n            }}\n          >\n            Reset demo\n          </button>\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA+BQ,mBAEI,KADF,YADF;AA7BR,SAAS,WAAW,gBAAgB;AACpC,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAC9B,SAAS,YAAY,gBAAgB,iBAAiB;AAQ/C,SAAS,aAAa;AAC3B,QAAM,EAAE,MAAM,WAAW,IAAI,QAAQ;AACrC,QAAM,EAAE,OAAO,IAAI,cAAc;AACjC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,YAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,UAAM,OAAO,MAAM,YAAY,eAAe,CAAC;AAC/C,SAAK;AACL,WAAO,iBAAiB,YAAY,IAAI;AACxC,WAAO,MAAM,OAAO,oBAAoB,YAAY,IAAI;AAAA,EAC1D,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,CAAC,KAAM,QAAO;AAElB,SACE,oBAAC,SAAI,WAAU,oBAAmB,MAAK,UAAS,cAAW,oBACxD,WAAC,WACA,iCACE;AAAA,yBAAC,UAAK,WAAU,yBACd;AAAA,0BAAC,YAAO,+BAAiB;AAAA,MAAS;AAAA,MACxB,oBAAC,YAAO,oCAAsB;AAAA,MAAS;AAAA,OACnD;AAAA,IACA,oBAAC,YAAO,MAAK,UAAS,WAAU,aAAY,SAAS,YAAY,6CAEjE;AAAA,KACF,IAEA,iCACE;AAAA,yBAAC,UAAK,WAAU,yBAAwB;AAAA;AAAA,MACnC,oBAAC,YAAO,+BAAiB;AAAA,MAAS;AAAA,MAAkB,oBAAC,YAAO,yCAAiB;AAAA,MAAS;AAAA,MAC1D,oBAAC,YAAO,gDAAkC;AAAA,MAAS;AAAA,OAEpF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS,MAAM;AACb,oBAAU,MAAM;AAEhB,cAAI,OAAO,WAAW,YAAa,QAAO,SAAS,OAAO;AAAA,QAC5D;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF,GAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/demo/DemoStudio.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { useAuth } from \"../auth/AuthProvider\";\nimport { useSiteConfig } from \"../config\";\nimport { DEMO_EVENT, isDemoLoggedIn, resetDemo } from \"./demoStore\";\n\n/**\n * Bovenbalk voor de DEMO-bewerkmodus (`config.demoEditing`). Biedt een pseudo-login waarmee\n * bezoekers het beheer (teksten + blokken) kunnen uitproberen, en maakt heel duidelijk dat\n * wijzigingen NIET worden opgeslagen — ze blijven alleen lokaal in de browser en zijn met één\n * klik te resetten. De echte bewerkacties (\"Pagina bewerken\", \"Uitloggen\") staan in de EditBar.\n */\nexport function DemoStudio() {\n  const { demo, demoSignIn } = useAuth();\n  const { siteId } = useSiteConfig();\n  const [loggedIn, setLoggedIn] = useState(false);\n\n  useEffect(() => {\n    if (!demo) return;\n    const sync = () => setLoggedIn(isDemoLoggedIn());\n    sync();\n    window.addEventListener(DEMO_EVENT, sync);\n    return () => window.removeEventListener(DEMO_EVENT, sync);\n  }, [demo]);\n\n  if (!demo) return null;\n\n  return (\n    <div className=\"xicms-demostudio\" role=\"region\" aria-label=\"Demo-bewerkmodus\">\n      {!loggedIn ? (\n        <>\n          <span className=\"xicms-demostudio__msg\">\n            <strong>Probeer het zelf:</strong> log in als demo-beheerder en bewerk teksten, foto&apos;s en\n            blokken — <strong>niets wordt opgeslagen</strong>, je wijzigingen blijven alleen in jouw browser.\n          </span>\n          <button type=\"button\" className=\"xicms-btn\" onClick={demoSignIn}>\n            Probeer het beheer (demo-login)\n          </button>\n        </>\n      ) : (\n        <>\n          <span className=\"xicms-demostudio__msg\">\n            ✏️ <strong>Demo-bewerkmodus.</strong> Kies onderaan <strong>“Bewerken”</strong> om\n            blokken aan te passen. Let op: <strong>wijzigingen worden niet opgeslagen</strong> — ze staan\n            alleen lokaal in jouw browser.\n          </span>\n          <button\n            type=\"button\"\n            className=\"xicms-btn xicms-btn--ghost\"\n            onClick={() => {\n              resetDemo(siteId);\n              // Herlaad zodat de pagina terugvalt op de oorspronkelijke (seed-)inhoud.\n              if (typeof window !== \"undefined\") window.location.reload();\n            }}\n          >\n            Reset demo\n          </button>\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA+BQ,mBAEI,KADF,YADF;AA7BR,SAAS,WAAW,gBAAgB;AACpC,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAC9B,SAAS,YAAY,gBAAgB,iBAAiB;AAQ/C,SAAS,aAAa;AAC3B,QAAM,EAAE,MAAM,WAAW,IAAI,QAAQ;AACrC,QAAM,EAAE,OAAO,IAAI,cAAc;AACjC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,YAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,UAAM,OAAO,MAAM,YAAY,eAAe,CAAC;AAC/C,SAAK;AACL,WAAO,iBAAiB,YAAY,IAAI;AACxC,WAAO,MAAM,OAAO,oBAAoB,YAAY,IAAI;AAAA,EAC1D,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,CAAC,KAAM,QAAO;AAElB,SACE,oBAAC,SAAI,WAAU,oBAAmB,MAAK,UAAS,cAAW,oBACxD,WAAC,WACA,iCACE;AAAA,yBAAC,UAAK,WAAU,yBACd;AAAA,0BAAC,YAAO,+BAAiB;AAAA,MAAS;AAAA,MACxB,oBAAC,YAAO,oCAAsB;AAAA,MAAS;AAAA,OACnD;AAAA,IACA,oBAAC,YAAO,MAAK,UAAS,WAAU,aAAY,SAAS,YAAY,6CAEjE;AAAA,KACF,IAEA,iCACE;AAAA,yBAAC,UAAK,WAAU,yBAAwB;AAAA;AAAA,MACnC,oBAAC,YAAO,+BAAiB;AAAA,MAAS;AAAA,MAAe,oBAAC,YAAO,kCAAU;AAAA,MAAS;AAAA,MAChD,oBAAC,YAAO,gDAAkC;AAAA,MAAS;AAAA,OAEpF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS,MAAM;AACb,oBAAU,MAAM;AAEhB,cAAI,OAAO,WAAW,YAAa,QAAO,SAAS,OAAO;AAAA,QAC5D;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF,GAEJ;AAEJ;","names":[]}

package/dist/demo/demoStore.d.ts

@@ -33,10 +33,23 @@ export declare function addDemoMedia(siteId: string, item: {
     url: string;
     name: string;
 }): MediaItem;
+/**
+ * Verwijderen in demo-modus (8.5): lokale uploads echt weg; een geseed item wordt alleen voor
+ * deze sessie verborgen (de seed komt bij herladen terug, zoals de rest van de demo).
+ */
+export declare function removeDemoMedia(siteId: string, id: string): void;
 /** Inclusief geheugen-only items (opslag-vol-vangnet) — gebruikt door de kiezer. */
 export declare function listDemoMediaAll(siteId: string): MediaItem[];
 export declare function loadDemoDraft(siteId: string, id: string): Partial<Page> | null;
 export declare function saveDemoDraft(siteId: string, id: string, patch: Partial<Page>): void;
+/**
+ * Alle pagina's die de demo kent (8.6): geseede pagina's plus lokaal aangemaakte/bewerkte, met de
+ * lokale bewerking eroverheen. Voor het paginaoverzicht in het beheer — dat wachtte eerst op een
+ * rechtenfout van de echte database en toonde dan niets.
+ */
+export declare function listDemoPages(siteId: string): Array<Page & {
+    id: string;
+}>;
 /** Verwijdert alle lokale demo-bewerkingen + login voor deze site (de "Reset"-knop). */
 export declare function resetDemo(siteId: string): void;
 /**

package/dist/demo/demoStore.js

@@ -98,6 +98,18 @@ function addDemoMedia(siteId, item) {
   emit();
   return media;
 }
+function removeDemoMedia(siteId, id) {
+  const lokaal = loadLocalDemoMedia(siteId);
+  if (lokaal.some((m) => m.id === id)) {
+    try {
+      window.localStorage.setItem(mediaKey(siteId), JSON.stringify(lokaal.filter((m) => m.id !== id)));
+    } catch {
+    }
+  }
+  memoryOnlyMedia.set(siteId, (memoryOnlyMedia.get(siteId) ?? []).filter((m) => m.id !== id));
+  mediaSeeds.set(siteId, (mediaSeeds.get(siteId) ?? []).filter((m) => m.id !== id));
+  emit();
+}
 function listDemoMediaAll(siteId) {
   return [...memoryOnlyMedia.get(siteId) ?? [], ...listDemoMedia(siteId)];
 }
@@ -122,6 +134,28 @@ function saveDemoDraft(siteId, id, patch) {
   }
   emit();
 }
+function listDemoPages(siteId) {
+  const paden = /* @__PURE__ */ new Set();
+  for (const k of seeds.keys()) if (k.startsWith(`${siteId}::`)) paden.add(k.slice(siteId.length + 2));
+  if (typeof window !== "undefined") {
+    try {
+      const prefix = `${DRAFT_PREFIX}:${siteId}:`;
+      for (let i = 0; i < window.localStorage.length; i++) {
+        const k = window.localStorage.key(i);
+        const pad = k?.startsWith(prefix) ? demoPathForId(k.slice(prefix.length)) : null;
+        if (pad) paden.add(pad);
+      }
+    } catch {
+    }
+  }
+  const lijst = [];
+  for (const pad of paden) {
+    const id = demoIdForPath(pad);
+    const page = resolveDemoPage(siteId, pad) ?? loadDemoDraft(siteId, id);
+    if (page) lijst.push({ ...page, path: page.path ?? pad, id });
+  }
+  return lijst.sort((a, b) => a.path === "/" ? -1 : b.path === "/" ? 1 : (a.order ?? 0) - (b.order ?? 0));
+}
 function resetDemo(siteId) {
   if (typeof window === "undefined") return;
   try {
@@ -156,11 +190,13 @@ export {
   isDemoLoggedIn,
   listDemoMedia,
   listDemoMediaAll,
+  listDemoPages,
   loadDemoDraft,
   registerDemoForm,
   registerDemoMedia,
   registerDemoNews,
   registerSeed,
+  removeDemoMedia,
   resetDemo,
   resolveDemoPage,
   saveDemoDraft,

package/dist/demo/demoStore.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/demo/demoStore.ts"],"sourcesContent":["\"use client\";\n\nimport type { Page } from \"../schema/pages\";\nimport type { MediaItem, NewsArticle } from \"../content/types\";\nimport type { FormDefinition } from \"../schema/forms\";\n\n/**\n * Lokale opslag voor de DEMO-bewerkmodus (`config.demoEditing`). Alle \"bewerkingen\" van een\n * bezoeker (teksten, blokken, publiceren) blijven UITSLUITEND in de browser van die bezoeker\n * (localStorage) — er gaat niets naar Firebase. Zo kunnen eindgebruikers het beheer veilig\n * uitproberen zonder dat er echt iets verandert. Een \"Reset\" wist alles weer.\n *\n * Bewust GEEN onderdeel van de echte (Firebase-)opslag: pagesClient en AuthProvider takken hier\n * alleen naartoe als de demo-modus actief is, en die staat alleen aan op een demo-site.\n */\n\nconst DRAFT_PREFIX = \"xicms-demo-draft\";\nconst MEDIA_PREFIX = \"xicms-demo-media\";\nconst SESSION_KEY = \"xicms-demo-session\";\nexport const DEMO_EVENT = \"xicms:demo\";\n\nlet active = false;\nconst seeds = new Map<string, Page>();\nconst newsSeeds = new Map<string, NewsArticle[]>();\nconst formSeeds = new Map<string, FormDefinition>();\nconst mediaSeeds = new Map<string, MediaItem[]>();\n\n/** Zet de demo-bewerkmodus aan/uit (door de provider, op basis van config.demoEditing). */\nexport function setDemoActive(on: boolean) {\n  active = on;\n}\nexport function isDemoActive(): boolean {\n  return active;\n}\n\n/** Stabiel, deterministisch draft-id per pad, zodat pagina + editor naar dezelfde opslag wijzen. */\nexport function demoIdForPath(path: string): string {\n  return `demo:${path || \"/\"}`;\n}\n\n/** De omkering: uit een demo-draft-id het pad terug. `null` voor een niet-demo-id. */\nexport function demoPathForId(id: string): string | null {\n  return id.startsWith(\"demo:\") ? id.slice(\"demo:\".length) : null;\n}\n\nfunction emit() {\n  if (typeof window !== \"undefined\") window.dispatchEvent(new Event(DEMO_EVENT));\n}\n\n// ── Pseudo-login (sessie) ──────────────────────────────────────────────────\n// In sessionStorage: verdwijnt als het tabblad sluit — benadrukt het tijdelijke karakter.\nexport function isDemoLoggedIn(): boolean {\n  if (typeof window === \"undefined\") return false;\n  try {\n    return window.sessionStorage.getItem(SESSION_KEY) === \"1\";\n  } catch {\n    return false;\n  }\n}\nexport function setDemoLoggedIn(on: boolean) {\n  if (typeof window === \"undefined\") return;\n  try {\n    if (on) window.sessionStorage.setItem(SESSION_KEY, \"1\");\n    else window.sessionStorage.removeItem(SESSION_KEY);\n  } catch {\n    /* opslag geweigerd — login geldt dan alleen voor deze render */\n  }\n  emit();\n}\n\n// ── Seed-pagina's (de oorspronkelijke inhoud waar een bezoeker op verder bewerkt) ──\n/**\n * De EERSTE registratie wint. Een seed is per definitie het origineel, en het origineel verandert\n * niet tijdens een sessie. Zonder deze regel vervuilde de seed zichzelf: een demo-route registreert\n * bij module-load de zuivere pagina, maar `PublishedPage` registreert in een effect de pagina die\n * hij TOONT — en dat is in de demo seed+draft. De bewerkte tekst werd zo het \"origineel\", waarmee\n * de wijzigingen-teller schoon leek en \"blok verwerpen\" terugzette naar precies de tekst die je\n * wilde verwerpen. (De seeds leven in het geheugen van één pageload, dus \"eerste\" is per bezoek.)\n */\nexport function registerSeed(siteId: string, path: string, page: Page) {\n  const key = `${siteId}::${path}`;\n  if (!seeds.has(key)) seeds.set(key, page);\n}\nexport function getSeed(siteId: string, path: string): Page | null {\n  return seeds.get(`${siteId}::${path}`) ?? null;\n}\n\n// ── Demo-nieuws (zodat nieuws-blokken/widgets ook in de demo gevuld zijn, zonder Firebase) ──\nexport function registerDemoNews(siteId: string, articles: NewsArticle[]) {\n  newsSeeds.set(siteId, articles);\n}\nexport function getDemoNews(siteId: string): NewsArticle[] {\n  return newsSeeds.get(siteId) ?? [];\n}\n\n// ── Demo-formulieren (zodat het form-blok werkt zonder Firebase; inzenden doet lokaal niets) ──\nexport function registerDemoForm(siteId: string, formId: string, def: FormDefinition) {\n  formSeeds.set(`${siteId}::${formId}`, def);\n}\nexport function getDemoForm(siteId: string, formId: string): FormDefinition | null {\n  return formSeeds.get(`${siteId}::${formId}`) ?? null;\n}\n\n// ── Demo-media (bibliotheek + upload zonder Firebase) ─────────────────────\n// Geseede items (bv. de foto's van de demo-site zelf) + lokale \"uploads\" als data-URL in\n// localStorage. Zo werken kiezen, uploaden en vervangen in de demo écht — alles blijft lokaal.\n\n/** Seed de mediabibliotheek van de demo (curated set; alt = zoektekst in de kiezer). */\nexport function registerDemoMedia(siteId: string, items: Array<Pick<MediaItem, \"url\" | \"name\" | \"alt\">>) {\n  mediaSeeds.set(\n    siteId,\n    items.map((m, i) => ({ id: `demo-seed-${i}`, url: m.url, path: \"demo\", name: m.name, alt: m.alt ?? \"\" })),\n  );\n}\n\nfunction mediaKey(siteId: string) {\n  return `${MEDIA_PREFIX}:${siteId}`;\n}\n\nfunction loadLocalDemoMedia(siteId: string): MediaItem[] {\n  if (typeof window === \"undefined\") return [];\n  try {\n    const raw = window.localStorage.getItem(mediaKey(siteId));\n    return raw ? (JSON.parse(raw) as MediaItem[]) : [];\n  } catch {\n    return [];\n  }\n}\n\n/** Bibliotheek in demo-modus: lokale uploads (nieuwste eerst) + de geseede set. */\nexport function listDemoMedia(siteId: string): MediaItem[] {\n  return [...loadLocalDemoMedia(siteId), ...(mediaSeeds.get(siteId) ?? [])];\n}\n\n/**\n * \"Upload\" in demo-modus: bewaar de (gecomprimeerde) afbeelding als data-URL in localStorage.\n * localStorage is beperkt (~5 MB) — we houden maximaal 10 lokale uploads aan en laten bij een\n * volle opslag het item alleen voor deze sessie in het geheugen bestaan (zelfde vangnet als drafts).\n */\nconst memoryOnlyMedia = new Map<string, MediaItem[]>();\nexport function addDemoMedia(siteId: string, item: { url: string; name: string }): MediaItem {\n  const media: MediaItem = {\n    id: `demo-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,\n    url: item.url,\n    path: \"demo\",\n    name: item.name,\n    alt: \"\",\n  };\n  const next = [media, ...loadLocalDemoMedia(siteId)].slice(0, 10);\n  try {\n    window.localStorage.setItem(mediaKey(siteId), JSON.stringify(next));\n  } catch {\n    memoryOnlyMedia.set(siteId, [media, ...(memoryOnlyMedia.get(siteId) ?? [])]);\n  }\n  emit();\n  return media;\n}\n\n/** Inclusief geheugen-only items (opslag-vol-vangnet) — gebruikt door de kiezer. */\nexport function listDemoMediaAll(siteId: string): MediaItem[] {\n  return [...(memoryOnlyMedia.get(siteId) ?? []), ...listDemoMedia(siteId)];\n}\n\n// ── Lokale drafts (de bewerkingen) ─────────────────────────────────────────\nfunction draftKey(siteId: string, id: string) {\n  return `${DRAFT_PREFIX}:${siteId}:${id}`;\n}\n\nexport function loadDemoDraft(siteId: string, id: string): Partial<Page> | null {\n  if (typeof window === \"undefined\") return null;\n  try {\n    const raw = window.localStorage.getItem(draftKey(siteId, id));\n    return raw ? (JSON.parse(raw) as Partial<Page>) : null;\n  } catch {\n    return null;\n  }\n}\n\nexport function saveDemoDraft(siteId: string, id: string, patch: Partial<Page>) {\n  if (typeof window === \"undefined\") return;\n  try {\n    const current = loadDemoDraft(siteId, id) ?? {};\n    window.localStorage.setItem(draftKey(siteId, id), JSON.stringify({ ...current, ...patch }));\n  } catch {\n    /* opslag vol/geweigerd — bewerking geldt dan alleen voor deze sessie in het geheugen */\n  }\n  emit();\n}\n\n/** Verwijdert alle lokale demo-bewerkingen + login voor deze site (de \"Reset\"-knop). */\nexport function resetDemo(siteId: string) {\n  if (typeof window === \"undefined\") return;\n  try {\n    const toRemove: string[] = [];\n    for (let i = 0; i < window.localStorage.length; i++) {\n      const k = window.localStorage.key(i);\n      if (k && k.startsWith(`${DRAFT_PREFIX}:${siteId}:`)) toRemove.push(k);\n    }\n    toRemove.forEach((k) => window.localStorage.removeItem(k));\n    window.localStorage.removeItem(mediaKey(siteId));\n    memoryOnlyMedia.delete(siteId);\n    window.sessionStorage.removeItem(SESSION_KEY);\n  } catch {\n    /* negeren */\n  }\n  emit();\n}\n\n/**\n * De effectieve demo-pagina = seed met lokale bewerkingen eroverheen. Gebruikt door de demo-pagina\n * om de wijzigingen van de bezoeker direct te tonen (ook na sluiten van de editor).\n */\nexport function resolveDemoPage(siteId: string, path: string): Page | null {\n  const seed = getSeed(siteId, path);\n  if (!seed) return null;\n  const draft = loadDemoDraft(siteId, demoIdForPath(path));\n  return draft ? ({ ...seed, ...draft } as Page) : seed;\n}\n"],"mappings":";AAgBA,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,cAAc;AACb,MAAM,aAAa;AAE1B,IAAI,SAAS;AACb,MAAM,QAAQ,oBAAI,IAAkB;AACpC,MAAM,YAAY,oBAAI,IAA2B;AACjD,MAAM,YAAY,oBAAI,IAA4B;AAClD,MAAM,aAAa,oBAAI,IAAyB;AAGzC,SAAS,cAAc,IAAa;AACzC,WAAS;AACX;AACO,SAAS,eAAwB;AACtC,SAAO;AACT;AAGO,SAAS,cAAc,MAAsB;AAClD,SAAO,QAAQ,QAAQ,GAAG;AAC5B;AAGO,SAAS,cAAc,IAA2B;AACvD,SAAO,GAAG,WAAW,OAAO,IAAI,GAAG,MAAM,QAAQ,MAAM,IAAI;AAC7D;AAEA,SAAS,OAAO;AACd,MAAI,OAAO,WAAW,YAAa,QAAO,cAAc,IAAI,MAAM,UAAU,CAAC;AAC/E;AAIO,SAAS,iBAA0B;AACxC,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,MAAI;AACF,WAAO,OAAO,eAAe,QAAQ,WAAW,MAAM;AAAA,EACxD,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AACO,SAAS,gBAAgB,IAAa;AAC3C,MAAI,OAAO,WAAW,YAAa;AACnC,MAAI;AACF,QAAI,GAAI,QAAO,eAAe,QAAQ,aAAa,GAAG;AAAA,QACjD,QAAO,eAAe,WAAW,WAAW;AAAA,EACnD,QAAQ;AAAA,EAER;AACA,OAAK;AACP;AAWO,SAAS,aAAa,QAAgB,MAAc,MAAY;AACrE,QAAM,MAAM,GAAG,MAAM,KAAK,IAAI;AAC9B,MAAI,CAAC,MAAM,IAAI,GAAG,EAAG,OAAM,IAAI,KAAK,IAAI;AAC1C;AACO,SAAS,QAAQ,QAAgB,MAA2B;AACjE,SAAO,MAAM,IAAI,GAAG,MAAM,KAAK,IAAI,EAAE,KAAK;AAC5C;AAGO,SAAS,iBAAiB,QAAgB,UAAyB;AACxE,YAAU,IAAI,QAAQ,QAAQ;AAChC;AACO,SAAS,YAAY,QAA+B;AACzD,SAAO,UAAU,IAAI,MAAM,KAAK,CAAC;AACnC;AAGO,SAAS,iBAAiB,QAAgB,QAAgB,KAAqB;AACpF,YAAU,IAAI,GAAG,MAAM,KAAK,MAAM,IAAI,GAAG;AAC3C;AACO,SAAS,YAAY,QAAgB,QAAuC;AACjF,SAAO,UAAU,IAAI,GAAG,MAAM,KAAK,MAAM,EAAE,KAAK;AAClD;AAOO,SAAS,kBAAkB,QAAgB,OAAuD;AACvG,aAAW;AAAA,IACT;AAAA,IACA,MAAM,IAAI,CAAC,GAAG,OAAO,EAAE,IAAI,aAAa,CAAC,IAAI,KAAK,EAAE,KAAK,MAAM,QAAQ,MAAM,EAAE,MAAM,KAAK,EAAE,OAAO,GAAG,EAAE;AAAA,EAC1G;AACF;AAEA,SAAS,SAAS,QAAgB;AAChC,SAAO,GAAG,YAAY,IAAI,MAAM;AAClC;AAEA,SAAS,mBAAmB,QAA6B;AACvD,MAAI,OAAO,WAAW,YAAa,QAAO,CAAC;AAC3C,MAAI;AACF,UAAM,MAAM,OAAO,aAAa,QAAQ,SAAS,MAAM,CAAC;AACxD,WAAO,MAAO,KAAK,MAAM,GAAG,IAAoB,CAAC;AAAA,EACnD,QAAQ;AACN,WAAO,CAAC;AAAA,EACV;AACF;AAGO,SAAS,cAAc,QAA6B;AACzD,SAAO,CAAC,GAAG,mBAAmB,MAAM,GAAG,GAAI,WAAW,IAAI,MAAM,KAAK,CAAC,CAAE;AAC1E;AAOA,MAAM,kBAAkB,oBAAI,IAAyB;AAC9C,SAAS,aAAa,QAAgB,MAAgD;AAC3F,QAAM,QAAmB;AAAA,IACvB,IAAI,QAAQ,KAAK,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC;AAAA,IAChE,KAAK,KAAK;AAAA,IACV,MAAM;AAAA,IACN,MAAM,KAAK;AAAA,IACX,KAAK;AAAA,EACP;AACA,QAAM,OAAO,CAAC,OAAO,GAAG,mBAAmB,MAAM,CAAC,EAAE,MAAM,GAAG,EAAE;AAC/D,MAAI;AACF,WAAO,aAAa,QAAQ,SAAS,MAAM,GAAG,KAAK,UAAU,IAAI,CAAC;AAAA,EACpE,QAAQ;AACN,oBAAgB,IAAI,QAAQ,CAAC,OAAO,GAAI,gBAAgB,IAAI,MAAM,KAAK,CAAC,CAAE,CAAC;AAAA,EAC7E;AACA,OAAK;AACL,SAAO;AACT;AAGO,SAAS,iBAAiB,QAA6B;AAC5D,SAAO,CAAC,GAAI,gBAAgB,IAAI,MAAM,KAAK,CAAC,GAAI,GAAG,cAAc,MAAM,CAAC;AAC1E;AAGA,SAAS,SAAS,QAAgB,IAAY;AAC5C,SAAO,GAAG,YAAY,IAAI,MAAM,IAAI,EAAE;AACxC;AAEO,SAAS,cAAc,QAAgB,IAAkC;AAC9E,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,MAAI;AACF,UAAM,MAAM,OAAO,aAAa,QAAQ,SAAS,QAAQ,EAAE,CAAC;AAC5D,WAAO,MAAO,KAAK,MAAM,GAAG,IAAsB;AAAA,EACpD,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEO,SAAS,cAAc,QAAgB,IAAY,OAAsB;AAC9E,MAAI,OAAO,WAAW,YAAa;AACnC,MAAI;AACF,UAAM,UAAU,cAAc,QAAQ,EAAE,KAAK,CAAC;AAC9C,WAAO,aAAa,QAAQ,SAAS,QAAQ,EAAE,GAAG,KAAK,UAAU,EAAE,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;AAAA,EAC5F,QAAQ;AAAA,EAER;AACA,OAAK;AACP;AAGO,SAAS,UAAU,QAAgB;AACxC,MAAI,OAAO,WAAW,YAAa;AACnC,MAAI;AACF,UAAM,WAAqB,CAAC;AAC5B,aAAS,IAAI,GAAG,IAAI,OAAO,aAAa,QAAQ,KAAK;AACnD,YAAM,IAAI,OAAO,aAAa,IAAI,CAAC;AACnC,UAAI,KAAK,EAAE,WAAW,GAAG,YAAY,IAAI,MAAM,GAAG,EAAG,UAAS,KAAK,CAAC;AAAA,IACtE;AACA,aAAS,QAAQ,CAAC,MAAM,OAAO,aAAa,WAAW,CAAC,CAAC;AACzD,WAAO,aAAa,WAAW,SAAS,MAAM,CAAC;AAC/C,oBAAgB,OAAO,MAAM;AAC7B,WAAO,eAAe,WAAW,WAAW;AAAA,EAC9C,QAAQ;AAAA,EAER;AACA,OAAK;AACP;AAMO,SAAS,gBAAgB,QAAgB,MAA2B;AACzE,QAAM,OAAO,QAAQ,QAAQ,IAAI;AACjC,MAAI,CAAC,KAAM,QAAO;AAClB,QAAM,QAAQ,cAAc,QAAQ,cAAc,IAAI,CAAC;AACvD,SAAO,QAAS,EAAE,GAAG,MAAM,GAAG,MAAM,IAAa;AACnD;","names":[]}
+{"version":3,"sources":["../../src/demo/demoStore.ts"],"sourcesContent":["\"use client\";\n\nimport type { Page } from \"../schema/pages\";\nimport type { MediaItem, NewsArticle } from \"../content/types\";\nimport type { FormDefinition } from \"../schema/forms\";\n\n/**\n * Lokale opslag voor de DEMO-bewerkmodus (`config.demoEditing`). Alle \"bewerkingen\" van een\n * bezoeker (teksten, blokken, publiceren) blijven UITSLUITEND in de browser van die bezoeker\n * (localStorage) — er gaat niets naar Firebase. Zo kunnen eindgebruikers het beheer veilig\n * uitproberen zonder dat er echt iets verandert. Een \"Reset\" wist alles weer.\n *\n * Bewust GEEN onderdeel van de echte (Firebase-)opslag: pagesClient en AuthProvider takken hier\n * alleen naartoe als de demo-modus actief is, en die staat alleen aan op een demo-site.\n */\n\nconst DRAFT_PREFIX = \"xicms-demo-draft\";\nconst MEDIA_PREFIX = \"xicms-demo-media\";\nconst SESSION_KEY = \"xicms-demo-session\";\nexport const DEMO_EVENT = \"xicms:demo\";\n\nlet active = false;\nconst seeds = new Map<string, Page>();\nconst newsSeeds = new Map<string, NewsArticle[]>();\nconst formSeeds = new Map<string, FormDefinition>();\nconst mediaSeeds = new Map<string, MediaItem[]>();\n\n/** Zet de demo-bewerkmodus aan/uit (door de provider, op basis van config.demoEditing). */\nexport function setDemoActive(on: boolean) {\n  active = on;\n}\nexport function isDemoActive(): boolean {\n  return active;\n}\n\n/** Stabiel, deterministisch draft-id per pad, zodat pagina + editor naar dezelfde opslag wijzen. */\nexport function demoIdForPath(path: string): string {\n  return `demo:${path || \"/\"}`;\n}\n\n/** De omkering: uit een demo-draft-id het pad terug. `null` voor een niet-demo-id. */\nexport function demoPathForId(id: string): string | null {\n  return id.startsWith(\"demo:\") ? id.slice(\"demo:\".length) : null;\n}\n\nfunction emit() {\n  if (typeof window !== \"undefined\") window.dispatchEvent(new Event(DEMO_EVENT));\n}\n\n// ── Pseudo-login (sessie) ──────────────────────────────────────────────────\n// In sessionStorage: verdwijnt als het tabblad sluit — benadrukt het tijdelijke karakter.\nexport function isDemoLoggedIn(): boolean {\n  if (typeof window === \"undefined\") return false;\n  try {\n    return window.sessionStorage.getItem(SESSION_KEY) === \"1\";\n  } catch {\n    return false;\n  }\n}\nexport function setDemoLoggedIn(on: boolean) {\n  if (typeof window === \"undefined\") return;\n  try {\n    if (on) window.sessionStorage.setItem(SESSION_KEY, \"1\");\n    else window.sessionStorage.removeItem(SESSION_KEY);\n  } catch {\n    /* opslag geweigerd — login geldt dan alleen voor deze render */\n  }\n  emit();\n}\n\n// ── Seed-pagina's (de oorspronkelijke inhoud waar een bezoeker op verder bewerkt) ──\n/**\n * De EERSTE registratie wint. Een seed is per definitie het origineel, en het origineel verandert\n * niet tijdens een sessie. Zonder deze regel vervuilde de seed zichzelf: een demo-route registreert\n * bij module-load de zuivere pagina, maar `PublishedPage` registreert in een effect de pagina die\n * hij TOONT — en dat is in de demo seed+draft. De bewerkte tekst werd zo het \"origineel\", waarmee\n * de wijzigingen-teller schoon leek en \"blok verwerpen\" terugzette naar precies de tekst die je\n * wilde verwerpen. (De seeds leven in het geheugen van één pageload, dus \"eerste\" is per bezoek.)\n */\nexport function registerSeed(siteId: string, path: string, page: Page) {\n  const key = `${siteId}::${path}`;\n  if (!seeds.has(key)) seeds.set(key, page);\n}\nexport function getSeed(siteId: string, path: string): Page | null {\n  return seeds.get(`${siteId}::${path}`) ?? null;\n}\n\n// ── Demo-nieuws (zodat nieuws-blokken/widgets ook in de demo gevuld zijn, zonder Firebase) ──\nexport function registerDemoNews(siteId: string, articles: NewsArticle[]) {\n  newsSeeds.set(siteId, articles);\n}\nexport function getDemoNews(siteId: string): NewsArticle[] {\n  return newsSeeds.get(siteId) ?? [];\n}\n\n// ── Demo-formulieren (zodat het form-blok werkt zonder Firebase; inzenden doet lokaal niets) ──\nexport function registerDemoForm(siteId: string, formId: string, def: FormDefinition) {\n  formSeeds.set(`${siteId}::${formId}`, def);\n}\nexport function getDemoForm(siteId: string, formId: string): FormDefinition | null {\n  return formSeeds.get(`${siteId}::${formId}`) ?? null;\n}\n\n// ── Demo-media (bibliotheek + upload zonder Firebase) ─────────────────────\n// Geseede items (bv. de foto's van de demo-site zelf) + lokale \"uploads\" als data-URL in\n// localStorage. Zo werken kiezen, uploaden en vervangen in de demo écht — alles blijft lokaal.\n\n/** Seed de mediabibliotheek van de demo (curated set; alt = zoektekst in de kiezer). */\nexport function registerDemoMedia(siteId: string, items: Array<Pick<MediaItem, \"url\" | \"name\" | \"alt\">>) {\n  mediaSeeds.set(\n    siteId,\n    items.map((m, i) => ({ id: `demo-seed-${i}`, url: m.url, path: \"demo\", name: m.name, alt: m.alt ?? \"\" })),\n  );\n}\n\nfunction mediaKey(siteId: string) {\n  return `${MEDIA_PREFIX}:${siteId}`;\n}\n\nfunction loadLocalDemoMedia(siteId: string): MediaItem[] {\n  if (typeof window === \"undefined\") return [];\n  try {\n    const raw = window.localStorage.getItem(mediaKey(siteId));\n    return raw ? (JSON.parse(raw) as MediaItem[]) : [];\n  } catch {\n    return [];\n  }\n}\n\n/** Bibliotheek in demo-modus: lokale uploads (nieuwste eerst) + de geseede set. */\nexport function listDemoMedia(siteId: string): MediaItem[] {\n  return [...loadLocalDemoMedia(siteId), ...(mediaSeeds.get(siteId) ?? [])];\n}\n\n/**\n * \"Upload\" in demo-modus: bewaar de (gecomprimeerde) afbeelding als data-URL in localStorage.\n * localStorage is beperkt (~5 MB) — we houden maximaal 10 lokale uploads aan en laten bij een\n * volle opslag het item alleen voor deze sessie in het geheugen bestaan (zelfde vangnet als drafts).\n */\nconst memoryOnlyMedia = new Map<string, MediaItem[]>();\nexport function addDemoMedia(siteId: string, item: { url: string; name: string }): MediaItem {\n  const media: MediaItem = {\n    id: `demo-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,\n    url: item.url,\n    path: \"demo\",\n    name: item.name,\n    alt: \"\",\n  };\n  const next = [media, ...loadLocalDemoMedia(siteId)].slice(0, 10);\n  try {\n    window.localStorage.setItem(mediaKey(siteId), JSON.stringify(next));\n  } catch {\n    memoryOnlyMedia.set(siteId, [media, ...(memoryOnlyMedia.get(siteId) ?? [])]);\n  }\n  emit();\n  return media;\n}\n\n/**\n * Verwijderen in demo-modus (8.5): lokale uploads echt weg; een geseed item wordt alleen voor\n * deze sessie verborgen (de seed komt bij herladen terug, zoals de rest van de demo).\n */\nexport function removeDemoMedia(siteId: string, id: string) {\n  const lokaal = loadLocalDemoMedia(siteId);\n  if (lokaal.some((m) => m.id === id)) {\n    try {\n      window.localStorage.setItem(mediaKey(siteId), JSON.stringify(lokaal.filter((m) => m.id !== id)));\n    } catch {\n      /* opslag niet beschikbaar */\n    }\n  }\n  memoryOnlyMedia.set(siteId, (memoryOnlyMedia.get(siteId) ?? []).filter((m) => m.id !== id));\n  mediaSeeds.set(siteId, (mediaSeeds.get(siteId) ?? []).filter((m) => m.id !== id));\n  emit();\n}\n\n/** Inclusief geheugen-only items (opslag-vol-vangnet) — gebruikt door de kiezer. */\nexport function listDemoMediaAll(siteId: string): MediaItem[] {\n  return [...(memoryOnlyMedia.get(siteId) ?? []), ...listDemoMedia(siteId)];\n}\n\n// ── Lokale drafts (de bewerkingen) ─────────────────────────────────────────\nfunction draftKey(siteId: string, id: string) {\n  return `${DRAFT_PREFIX}:${siteId}:${id}`;\n}\n\nexport function loadDemoDraft(siteId: string, id: string): Partial<Page> | null {\n  if (typeof window === \"undefined\") return null;\n  try {\n    const raw = window.localStorage.getItem(draftKey(siteId, id));\n    return raw ? (JSON.parse(raw) as Partial<Page>) : null;\n  } catch {\n    return null;\n  }\n}\n\nexport function saveDemoDraft(siteId: string, id: string, patch: Partial<Page>) {\n  if (typeof window === \"undefined\") return;\n  try {\n    const current = loadDemoDraft(siteId, id) ?? {};\n    window.localStorage.setItem(draftKey(siteId, id), JSON.stringify({ ...current, ...patch }));\n  } catch {\n    /* opslag vol/geweigerd — bewerking geldt dan alleen voor deze sessie in het geheugen */\n  }\n  emit();\n}\n\n/**\n * Alle pagina's die de demo kent (8.6): geseede pagina's plus lokaal aangemaakte/bewerkte, met de\n * lokale bewerking eroverheen. Voor het paginaoverzicht in het beheer — dat wachtte eerst op een\n * rechtenfout van de echte database en toonde dan niets.\n */\nexport function listDemoPages(siteId: string): Array<Page & { id: string }> {\n  const paden = new Set<string>();\n  for (const k of seeds.keys()) if (k.startsWith(`${siteId}::`)) paden.add(k.slice(siteId.length + 2));\n  if (typeof window !== \"undefined\") {\n    try {\n      const prefix = `${DRAFT_PREFIX}:${siteId}:`;\n      for (let i = 0; i < window.localStorage.length; i++) {\n        const k = window.localStorage.key(i);\n        const pad = k?.startsWith(prefix) ? demoPathForId(k.slice(prefix.length)) : null;\n        if (pad) paden.add(pad);\n      }\n    } catch {\n      /* opslag geweigerd */\n    }\n  }\n  const lijst: Array<Page & { id: string }> = [];\n  for (const pad of paden) {\n    const id = demoIdForPath(pad);\n    const page = (resolveDemoPage(siteId, pad) ?? loadDemoDraft(siteId, id)) as Page | null;\n    if (page) lijst.push({ ...page, path: page.path ?? pad, id });\n  }\n  return lijst.sort((a, b) => (a.path === \"/\" ? -1 : b.path === \"/\" ? 1 : (a.order ?? 0) - (b.order ?? 0)));\n}\n\n/** Verwijdert alle lokale demo-bewerkingen + login voor deze site (de \"Reset\"-knop). */\nexport function resetDemo(siteId: string) {\n  if (typeof window === \"undefined\") return;\n  try {\n    const toRemove: string[] = [];\n    for (let i = 0; i < window.localStorage.length; i++) {\n      const k = window.localStorage.key(i);\n      if (k && k.startsWith(`${DRAFT_PREFIX}:${siteId}:`)) toRemove.push(k);\n    }\n    toRemove.forEach((k) => window.localStorage.removeItem(k));\n    window.localStorage.removeItem(mediaKey(siteId));\n    memoryOnlyMedia.delete(siteId);\n    window.sessionStorage.removeItem(SESSION_KEY);\n  } catch {\n    /* negeren */\n  }\n  emit();\n}\n\n/**\n * De effectieve demo-pagina = seed met lokale bewerkingen eroverheen. Gebruikt door de demo-pagina\n * om de wijzigingen van de bezoeker direct te tonen (ook na sluiten van de editor).\n */\nexport function resolveDemoPage(siteId: string, path: string): Page | null {\n  const seed = getSeed(siteId, path);\n  if (!seed) return null;\n  const draft = loadDemoDraft(siteId, demoIdForPath(path));\n  return draft ? ({ ...seed, ...draft } as Page) : seed;\n}\n"],"mappings":"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","names":[]}