@xiwebdesign/xicms-core 7.14.0 → 7.15.0

package/dist/blocks/builtins/Slider.js

@@ -1,140 +1,8 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { Img } from "../../media/ImageContext.js";
-function prefersReducedMotion() {
-  return typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
-}
-function SliderRender({ block, mode }) {
-  const slides = (block.slides ?? []).map((s, i) => ({ ...s, _i: i })).filter((s) => s.imageUrl || s.caption);
-  const [index, setIndex] = useState(0);
-  const [paused, setPaused] = useState(false);
-  const [userPaused, setUserPaused] = useState(false);
-  const swipeStart = useRef(null);
-  const count = slides.length;
-  useEffect(() => {
-    setIndex((i) => count === 0 ? 0 : Math.min(i, count - 1));
-  }, [count]);
-  useEffect(() => {
-    if (!block.autoplay || paused || userPaused || count <= 1 || prefersReducedMotion()) return;
-    const id = setInterval(() => setIndex((i) => (i + 1) % count), block.interval * 1e3);
-    return () => clearInterval(id);
-  }, [block.autoplay, block.interval, paused, userPaused, count]);
-  if (count === 0) {
-    if (mode === "preview") {
-      return /* @__PURE__ */ jsx("div", { className: "xicms-slider xicms-slider--empty", children: "\u{1F3A0} Carrousel \u2014 voeg in het zijpaneel slides met een afbeelding of tekst toe." });
-    }
-    return null;
-  }
-  const go = (i) => setIndex((i % count + count) % count);
-  const onPointerDown = (e) => {
-    swipeStart.current = e.clientX;
-  };
-  const onPointerUp = (e) => {
-    if (swipeStart.current === null || count < 2) return;
-    const dx = e.clientX - swipeStart.current;
-    swipeStart.current = null;
-    if (dx > 40) go(index - 1);
-    else if (dx < -40) go(index + 1);
-  };
-  const onKeyDown = (e) => {
-    if (e.key === "ArrowLeft") {
-      e.preventDefault();
-      go(index - 1);
-    } else if (e.key === "ArrowRight") {
-      e.preventDefault();
-      go(index + 1);
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      className: "xicms-slider",
-      style: { ["--xicms-slider-ratio"]: block.aspectRatio.replace("/", " / ") },
-      onMouseEnter: () => setPaused(true),
-      onMouseLeave: () => setPaused(false),
-      onFocus: () => setPaused(true),
-      onBlur: () => setPaused(false),
-      onKeyDown,
-      tabIndex: 0,
-      role: "region",
-      "aria-roledescription": "carousel",
-      "aria-label": "Carrousel",
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "xicms-slider__viewport",
-            onPointerDown,
-            onPointerUp,
-            onPointerCancel: () => {
-              swipeStart.current = null;
-            },
-            onPointerLeave: () => {
-              swipeStart.current = null;
-            },
-            style: { touchAction: "pan-y" },
-            children: [
-              /* @__PURE__ */ jsx("div", { className: "xicms-slider__track", style: { transform: `translateX(-${index * 100}%)` }, children: slides.map((s, i) => {
-                const img = s.imageUrl ? /* @__PURE__ */ jsx(Img, { className: "xicms-slider__image", src: s.imageUrl, alt: s.alt ?? "", width: 1800, height: 800, sizes: "100vw", priority: i === 0 }) : null;
-                return (
-                  /* inert haalt links in verborgen slides ook uit de tabvolgorde — aria-hidden
-                     mét bereikbare focusables is een WCAG-schending (4.1.2). */
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: "xicms-slider__slide",
-                      role: "group",
-                      "aria-roledescription": "slide",
-                      "aria-label": `${i + 1} / ${count}`,
-                      "aria-hidden": i !== index,
-                      inert: i !== index || void 0,
-                      children: [
-                        s.href ? /* @__PURE__ */ jsx("a", { href: s.href, children: img }) : img,
-                        s.caption && /* @__PURE__ */ jsx("div", { className: "xicms-slider__caption", "data-xicms-edit": `slides.${s._i}.caption`, children: s.caption })
-                      ]
-                    },
-                    i
-                  )
-                );
-              }) }),
-              block.showArrows && count > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx("button", { type: "button", className: "xicms-slider__arrow xicms-slider__arrow--prev", "aria-label": "Vorige", onClick: () => go(index - 1), children: "\u2039" }),
-                /* @__PURE__ */ jsx("button", { type: "button", className: "xicms-slider__arrow xicms-slider__arrow--next", "aria-label": "Volgende", onClick: () => go(index + 1), children: "\u203A" })
-              ] }),
-              block.autoplay && count > 1 && /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  className: "xicms-slider__pause",
-                  "aria-pressed": userPaused,
-                  "aria-label": userPaused ? "Diavoorstelling afspelen" : "Diavoorstelling pauzeren",
-                  onClick: () => setUserPaused((v) => !v),
-                  children: userPaused ? "\u25B6" : "\u23F8"
-                }
-              )
-            ]
-          }
-        ),
-        block.showDots && count > 1 && /* @__PURE__ */ jsx("div", { className: "xicms-slider__dots", role: "group", "aria-label": "Kies slide", children: slides.map((_, i) => /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "aria-current": i === index || void 0,
-            "aria-label": `Naar slide ${i + 1}`,
-            className: `xicms-slider__dot${i === index ? " xicms-slider__dot--active" : ""}`,
-            onClick: () => go(i)
-          },
-          i
-        )) })
-      ]
-    }
-  );
-}
 const sliderBlock = defineBlock({
   type: "slider",
-  Render: SliderRender,
+  Render: dynamic(() => import("./SliderRender.js").then((m) => m.SliderRender)),
   label: "Carrousel / slider",
   icon: "\u{1F3A0}",
   defaults: () => ({

package/dist/blocks/builtins/Slider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { SliderBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { Img } from \"../../media/ImageContext\";\n\ntype Slider = z.infer<typeof SliderBlockSchema>;\n\nfunction prefersReducedMotion(): boolean {\n  return typeof window !== \"undefined\" && window.matchMedia?.(\"(prefers-reduced-motion: reduce)\").matches;\n}\n\n/** Beeld-/contentcarrousel. Client-side; autoplay respecteert reduced-motion en pauzeert bij hover. */\nfunction SliderRender({ block, mode }: BlockRenderProps<Slider>) {\n  // `_i` = ORIGINELE index (slides gefilterd): inline caption-edits schrijven naar het juiste item.\n  const slides = (block.slides ?? []).map((s, i) => ({ ...s, _i: i })).filter((s) => s.imageUrl || s.caption);\n  const [index, setIndex] = useState(0);\n  const [paused, setPaused] = useState(false);\n  // Expliciete stopknop voor autoplay: hover-/focus-pauze helpt touch- en screenreadergebruikers\n  // niet, dus WCAG (2.2.2, bewegende content) vraagt een echte pauzeknop.\n  const [userPaused, setUserPaused] = useState(false);\n  const swipeStart = useRef<number | null>(null);\n  const count = slides.length;\n\n  // Clamp de index als het aantal slides krimpt (bv. tijdens bewerken in preview), anders blijft\n  // de carrousel op een lege positie hangen tot de bezoeker interacteert.\n  useEffect(() => {\n    setIndex((i) => (count === 0 ? 0 : Math.min(i, count - 1)));\n  }, [count]);\n\n  useEffect(() => {\n    if (!block.autoplay || paused || userPaused || count <= 1 || prefersReducedMotion()) return;\n    const id = setInterval(() => setIndex((i) => (i + 1) % count), block.interval * 1000);\n    return () => clearInterval(id);\n  }, [block.autoplay, block.interval, paused, userPaused, count]);\n\n  if (count === 0) {\n    // In de editor was een verse slider ONZICHTBAAR (default-slide is leeg → weggefilterd → null):\n    // de klant zag \"er gebeurt niets\" na toevoegen. Toon in preview een duidelijke lege staat;\n    // publiek blijft het blok gewoon verborgen.\n    if (mode === \"preview\") {\n      return (\n        <div className=\"xicms-slider xicms-slider--empty\">\n          🎠 Carrousel — voeg in het zijpaneel slides met een afbeelding of tekst toe.\n        </div>\n      );\n    }\n    return null;\n  }\n  const go = (i: number) => setIndex(((i % count) + count) % count);\n\n  // Swipe (pointer events: touch én muis-sleep) + pijltjestoetsen wanneer de carrousel focus heeft.\n  const onPointerDown = (e: React.PointerEvent) => {\n    swipeStart.current = e.clientX;\n  };\n  const onPointerUp = (e: React.PointerEvent) => {\n    if (swipeStart.current === null || count < 2) return;\n    const dx = e.clientX - swipeStart.current;\n    swipeStart.current = null;\n    if (dx > 40) go(index - 1);\n    else if (dx < -40) go(index + 1);\n  };\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === \"ArrowLeft\") {\n      e.preventDefault();\n      go(index - 1);\n    } else if (e.key === \"ArrowRight\") {\n      e.preventDefault();\n      go(index + 1);\n    }\n  };\n\n  return (\n    <section\n      className=\"xicms-slider\"\n      style={{ [\"--xicms-slider-ratio\" as string]: block.aspectRatio.replace(\"/\", \" / \") }}\n      onMouseEnter={() => setPaused(true)}\n      onMouseLeave={() => setPaused(false)}\n      onFocus={() => setPaused(true)}\n      onBlur={() => setPaused(false)}\n      onKeyDown={onKeyDown}\n      tabIndex={0}\n      role=\"region\"\n      aria-roledescription=\"carousel\"\n      aria-label=\"Carrousel\"\n    >\n      <div\n        className=\"xicms-slider__viewport\"\n        onPointerDown={onPointerDown}\n        onPointerUp={onPointerUp}\n        onPointerCancel={() => { swipeStart.current = null; }}\n        onPointerLeave={() => { swipeStart.current = null; }}\n        style={{ touchAction: \"pan-y\" }}\n      >\n        <div className=\"xicms-slider__track\" style={{ transform: `translateX(-${index * 100}%)` }}>\n          {slides.map((s, i) => {\n            const img = s.imageUrl ? (\n              <Img className=\"xicms-slider__image\" src={s.imageUrl} alt={s.alt ?? \"\"} width={1800} height={800} sizes=\"100vw\" priority={i === 0} />\n            ) : null;\n            return (\n              /* inert haalt links in verborgen slides ook uit de tabvolgorde — aria-hidden\n                 mét bereikbare focusables is een WCAG-schending (4.1.2). */\n              <div\n                key={i}\n                className=\"xicms-slider__slide\"\n                role=\"group\"\n                aria-roledescription=\"slide\"\n                aria-label={`${i + 1} / ${count}`}\n                aria-hidden={i !== index}\n                inert={i !== index || undefined}\n              >\n                {s.href ? <a href={s.href}>{img}</a> : img}\n                {s.caption && <div className=\"xicms-slider__caption\" data-xicms-edit={`slides.${s._i}.caption`}>{s.caption}</div>}\n              </div>\n            );\n          })}\n        </div>\n\n        {block.showArrows && count > 1 && (\n          <>\n            <button type=\"button\" className=\"xicms-slider__arrow xicms-slider__arrow--prev\" aria-label=\"Vorige\" onClick={() => go(index - 1)}>‹</button>\n            <button type=\"button\" className=\"xicms-slider__arrow xicms-slider__arrow--next\" aria-label=\"Volgende\" onClick={() => go(index + 1)}>›</button>\n          </>\n        )}\n        {/* Geen reduced-motion-check hier: die zou server en client verschillend laten renderen. */}\n        {block.autoplay && count > 1 && (\n          <button\n            type=\"button\"\n            className=\"xicms-slider__pause\"\n            aria-pressed={userPaused}\n            aria-label={userPaused ? \"Diavoorstelling afspelen\" : \"Diavoorstelling pauzeren\"}\n            onClick={() => setUserPaused((v) => !v)}\n          >\n            {userPaused ? \"▶\" : \"⏸\"}\n          </button>\n        )}\n      </div>\n\n      {/* Dots als gewone knoppen (geen tablist: er zijn geen tabpanels om aan te koppelen). */}\n      {block.showDots && count > 1 && (\n        <div className=\"xicms-slider__dots\" role=\"group\" aria-label=\"Kies slide\">\n          {slides.map((_, i) => (\n            <button\n              key={i}\n              type=\"button\"\n              aria-current={i === index || undefined}\n              aria-label={`Naar slide ${i + 1}`}\n              className={`xicms-slider__dot${i === index ? \" xicms-slider__dot--active\" : \"\"}`}\n              onClick={() => go(i)}\n            />\n          ))}\n        </div>\n      )}\n    </section>\n  );\n}\n\nexport const sliderBlock = defineBlock({\n  type: \"slider\",\n  Render: SliderRender,\n  label: \"Carrousel / slider\",\n  icon: \"🎠\",\n  defaults: () => ({\n    slides: [{ imageUrl: \"\", alt: \"\", caption: \"\" }],\n    autoplay: false,\n    interval: 5,\n    showDots: true,\n    showArrows: true,\n    aspectRatio: \"16/9\",\n  }),\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Slider.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const sliderBlock = defineBlock({\n  type: \"slider\",\n  Render: dynamic(() => import(\"./SliderRender\").then((m) => m.SliderRender)),\n  label: \"Carrousel / slider\",\n  icon: \"🎠\",\n  defaults: () => ({\n    slides: [{ imageUrl: \"\", alt: \"\", caption: \"\" }],\n    autoplay: false,\n    interval: 5,\n    showDots: true,\n    showArrows: true,\n    aspectRatio: \"16/9\",\n  }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,cAAc,YAAY;AAAA,EACrC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,YAAY,CAAC;AAAA,EAC1E,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO;AAAA,IACf,QAAQ,CAAC,EAAE,UAAU,IAAI,KAAK,IAAI,SAAS,GAAG,CAAC;AAAA,IAC/C,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AACF,CAAC;","names":[]}

package/dist/blocks/builtins/SliderRender.d.ts

@@ -0,0 +1,7 @@
+import type { z } from "zod";
+import type { SliderBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Slider = z.infer<typeof SliderBlockSchema>;
+/** Beeld-/contentcarrousel. Client-side; autoplay respecteert reduced-motion en pauzeert bij hover. */
+export declare function SliderRender({ block, mode }: BlockRenderProps<Slider>): import("react").JSX.Element | null;
+export {};

package/dist/blocks/builtins/SliderRender.js

@@ -0,0 +1,137 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Img } from "../../media/ImageContext.js";
+function prefersReducedMotion() {
+  return typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+}
+function SliderRender({ block, mode }) {
+  const slides = (block.slides ?? []).map((s, i) => ({ ...s, _i: i })).filter((s) => s.imageUrl || s.caption);
+  const [index, setIndex] = useState(0);
+  const [paused, setPaused] = useState(false);
+  const [userPaused, setUserPaused] = useState(false);
+  const swipeStart = useRef(null);
+  const count = slides.length;
+  useEffect(() => {
+    setIndex((i) => count === 0 ? 0 : Math.min(i, count - 1));
+  }, [count]);
+  useEffect(() => {
+    if (!block.autoplay || paused || userPaused || count <= 1 || prefersReducedMotion()) return;
+    const id = setInterval(() => setIndex((i) => (i + 1) % count), block.interval * 1e3);
+    return () => clearInterval(id);
+  }, [block.autoplay, block.interval, paused, userPaused, count]);
+  if (count === 0) {
+    if (mode === "preview") {
+      return /* @__PURE__ */ jsx("div", { className: "xicms-slider xicms-slider--empty", children: "\u{1F3A0} Carrousel \u2014 voeg in het zijpaneel slides met een afbeelding of tekst toe." });
+    }
+    return null;
+  }
+  const go = (i) => setIndex((i % count + count) % count);
+  const onPointerDown = (e) => {
+    swipeStart.current = e.clientX;
+  };
+  const onPointerUp = (e) => {
+    if (swipeStart.current === null || count < 2) return;
+    const dx = e.clientX - swipeStart.current;
+    swipeStart.current = null;
+    if (dx > 40) go(index - 1);
+    else if (dx < -40) go(index + 1);
+  };
+  const onKeyDown = (e) => {
+    if (e.key === "ArrowLeft") {
+      e.preventDefault();
+      go(index - 1);
+    } else if (e.key === "ArrowRight") {
+      e.preventDefault();
+      go(index + 1);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "xicms-slider",
+      style: { ["--xicms-slider-ratio"]: block.aspectRatio.replace("/", " / ") },
+      onMouseEnter: () => setPaused(true),
+      onMouseLeave: () => setPaused(false),
+      onFocus: () => setPaused(true),
+      onBlur: () => setPaused(false),
+      onKeyDown,
+      tabIndex: 0,
+      role: "region",
+      "aria-roledescription": "carousel",
+      "aria-label": "Carrousel",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "xicms-slider__viewport",
+            onPointerDown,
+            onPointerUp,
+            onPointerCancel: () => {
+              swipeStart.current = null;
+            },
+            onPointerLeave: () => {
+              swipeStart.current = null;
+            },
+            style: { touchAction: "pan-y" },
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "xicms-slider__track", style: { transform: `translateX(-${index * 100}%)` }, children: slides.map((s, i) => {
+                const img = s.imageUrl ? /* @__PURE__ */ jsx(Img, { className: "xicms-slider__image", src: s.imageUrl, alt: s.alt ?? "", width: 1800, height: 800, sizes: "100vw", priority: i === 0 }) : null;
+                return (
+                  /* inert haalt links in verborgen slides ook uit de tabvolgorde — aria-hidden
+                     mét bereikbare focusables is een WCAG-schending (4.1.2). */
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: "xicms-slider__slide",
+                      role: "group",
+                      "aria-roledescription": "slide",
+                      "aria-label": `${i + 1} / ${count}`,
+                      "aria-hidden": i !== index,
+                      inert: i !== index || void 0,
+                      children: [
+                        s.href ? /* @__PURE__ */ jsx("a", { href: s.href, children: img }) : img,
+                        s.caption && /* @__PURE__ */ jsx("div", { className: "xicms-slider__caption", "data-xicms-edit": `slides.${s._i}.caption`, children: s.caption })
+                      ]
+                    },
+                    i
+                  )
+                );
+              }) }),
+              block.showArrows && count > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("button", { type: "button", className: "xicms-slider__arrow xicms-slider__arrow--prev", "aria-label": "Vorige", onClick: () => go(index - 1), children: "\u2039" }),
+                /* @__PURE__ */ jsx("button", { type: "button", className: "xicms-slider__arrow xicms-slider__arrow--next", "aria-label": "Volgende", onClick: () => go(index + 1), children: "\u203A" })
+              ] }),
+              block.autoplay && count > 1 && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "xicms-slider__pause",
+                  "aria-pressed": userPaused,
+                  "aria-label": userPaused ? "Diavoorstelling afspelen" : "Diavoorstelling pauzeren",
+                  onClick: () => setUserPaused((v) => !v),
+                  children: userPaused ? "\u25B6" : "\u23F8"
+                }
+              )
+            ]
+          }
+        ),
+        block.showDots && count > 1 && /* @__PURE__ */ jsx("div", { className: "xicms-slider__dots", role: "group", "aria-label": "Kies slide", children: slides.map((_, i) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-current": i === index || void 0,
+            "aria-label": `Naar slide ${i + 1}`,
+            className: `xicms-slider__dot${i === index ? " xicms-slider__dot--active" : ""}`,
+            onClick: () => go(i)
+          },
+          i
+        )) })
+      ]
+    }
+  );
+}
+export {
+  SliderRender
+};
+//# sourceMappingURL=SliderRender.js.map

package/dist/blocks/builtins/SliderRender.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/SliderRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { SliderBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { Img } from \"../../media/ImageContext\";\n\ntype Slider = z.infer<typeof SliderBlockSchema>;\n\nfunction prefersReducedMotion(): boolean {\n  return typeof window !== \"undefined\" && window.matchMedia?.(\"(prefers-reduced-motion: reduce)\").matches;\n}\n\n/** Beeld-/contentcarrousel. Client-side; autoplay respecteert reduced-motion en pauzeert bij hover. */\nexport function SliderRender({ block, mode }: BlockRenderProps<Slider>) {\n  // `_i` = ORIGINELE index (slides gefilterd): inline caption-edits schrijven naar het juiste item.\n  const slides = (block.slides ?? []).map((s, i) => ({ ...s, _i: i })).filter((s) => s.imageUrl || s.caption);\n  const [index, setIndex] = useState(0);\n  const [paused, setPaused] = useState(false);\n  // Expliciete stopknop voor autoplay: hover-/focus-pauze helpt touch- en screenreadergebruikers\n  // niet, dus WCAG (2.2.2, bewegende content) vraagt een echte pauzeknop.\n  const [userPaused, setUserPaused] = useState(false);\n  const swipeStart = useRef<number | null>(null);\n  const count = slides.length;\n\n  // Clamp de index als het aantal slides krimpt (bv. tijdens bewerken in preview), anders blijft\n  // de carrousel op een lege positie hangen tot de bezoeker interacteert.\n  useEffect(() => {\n    setIndex((i) => (count === 0 ? 0 : Math.min(i, count - 1)));\n  }, [count]);\n\n  useEffect(() => {\n    if (!block.autoplay || paused || userPaused || count <= 1 || prefersReducedMotion()) return;\n    const id = setInterval(() => setIndex((i) => (i + 1) % count), block.interval * 1000);\n    return () => clearInterval(id);\n  }, [block.autoplay, block.interval, paused, userPaused, count]);\n\n  if (count === 0) {\n    // In de editor was een verse slider ONZICHTBAAR (default-slide is leeg → weggefilterd → null):\n    // de klant zag \"er gebeurt niets\" na toevoegen. Toon in preview een duidelijke lege staat;\n    // publiek blijft het blok gewoon verborgen.\n    if (mode === \"preview\") {\n      return (\n        <div className=\"xicms-slider xicms-slider--empty\">\n          🎠 Carrousel — voeg in het zijpaneel slides met een afbeelding of tekst toe.\n        </div>\n      );\n    }\n    return null;\n  }\n  const go = (i: number) => setIndex(((i % count) + count) % count);\n\n  // Swipe (pointer events: touch én muis-sleep) + pijltjestoetsen wanneer de carrousel focus heeft.\n  const onPointerDown = (e: React.PointerEvent) => {\n    swipeStart.current = e.clientX;\n  };\n  const onPointerUp = (e: React.PointerEvent) => {\n    if (swipeStart.current === null || count < 2) return;\n    const dx = e.clientX - swipeStart.current;\n    swipeStart.current = null;\n    if (dx > 40) go(index - 1);\n    else if (dx < -40) go(index + 1);\n  };\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === \"ArrowLeft\") {\n      e.preventDefault();\n      go(index - 1);\n    } else if (e.key === \"ArrowRight\") {\n      e.preventDefault();\n      go(index + 1);\n    }\n  };\n\n  return (\n    <section\n      className=\"xicms-slider\"\n      style={{ [\"--xicms-slider-ratio\" as string]: block.aspectRatio.replace(\"/\", \" / \") }}\n      onMouseEnter={() => setPaused(true)}\n      onMouseLeave={() => setPaused(false)}\n      onFocus={() => setPaused(true)}\n      onBlur={() => setPaused(false)}\n      onKeyDown={onKeyDown}\n      tabIndex={0}\n      role=\"region\"\n      aria-roledescription=\"carousel\"\n      aria-label=\"Carrousel\"\n    >\n      <div\n        className=\"xicms-slider__viewport\"\n        onPointerDown={onPointerDown}\n        onPointerUp={onPointerUp}\n        onPointerCancel={() => { swipeStart.current = null; }}\n        onPointerLeave={() => { swipeStart.current = null; }}\n        style={{ touchAction: \"pan-y\" }}\n      >\n        <div className=\"xicms-slider__track\" style={{ transform: `translateX(-${index * 100}%)` }}>\n          {slides.map((s, i) => {\n            const img = s.imageUrl ? (\n              <Img className=\"xicms-slider__image\" src={s.imageUrl} alt={s.alt ?? \"\"} width={1800} height={800} sizes=\"100vw\" priority={i === 0} />\n            ) : null;\n            return (\n              /* inert haalt links in verborgen slides ook uit de tabvolgorde — aria-hidden\n                 mét bereikbare focusables is een WCAG-schending (4.1.2). */\n              <div\n                key={i}\n                className=\"xicms-slider__slide\"\n                role=\"group\"\n                aria-roledescription=\"slide\"\n                aria-label={`${i + 1} / ${count}`}\n                aria-hidden={i !== index}\n                inert={i !== index || undefined}\n              >\n                {s.href ? <a href={s.href}>{img}</a> : img}\n                {s.caption && <div className=\"xicms-slider__caption\" data-xicms-edit={`slides.${s._i}.caption`}>{s.caption}</div>}\n              </div>\n            );\n          })}\n        </div>\n\n        {block.showArrows && count > 1 && (\n          <>\n            <button type=\"button\" className=\"xicms-slider__arrow xicms-slider__arrow--prev\" aria-label=\"Vorige\" onClick={() => go(index - 1)}>‹</button>\n            <button type=\"button\" className=\"xicms-slider__arrow xicms-slider__arrow--next\" aria-label=\"Volgende\" onClick={() => go(index + 1)}>›</button>\n          </>\n        )}\n        {/* Geen reduced-motion-check hier: die zou server en client verschillend laten renderen. */}\n        {block.autoplay && count > 1 && (\n          <button\n            type=\"button\"\n            className=\"xicms-slider__pause\"\n            aria-pressed={userPaused}\n            aria-label={userPaused ? \"Diavoorstelling afspelen\" : \"Diavoorstelling pauzeren\"}\n            onClick={() => setUserPaused((v) => !v)}\n          >\n            {userPaused ? \"▶\" : \"⏸\"}\n          </button>\n        )}\n      </div>\n\n      {/* Dots als gewone knoppen (geen tablist: er zijn geen tabpanels om aan te koppelen). */}\n      {block.showDots && count > 1 && (\n        <div className=\"xicms-slider__dots\" role=\"group\" aria-label=\"Kies slide\">\n          {slides.map((_, i) => (\n            <button\n              key={i}\n              type=\"button\"\n              aria-current={i === index || undefined}\n              aria-label={`Naar slide ${i + 1}`}\n              className={`xicms-slider__dot${i === index ? \" xicms-slider__dot--active\" : \"\"}`}\n              onClick={() => go(i)}\n            />\n          ))}\n        </div>\n      )}\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/builtins/Spacer.d.ts

@@ -1,2 +1 @@
-import type { z } from "zod";
-export declare const spacerBlock: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
+export declare const spacerBlock: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;

package/dist/blocks/builtins/Spacer.js

@@ -1,12 +1,8 @@
-import { jsx } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-const HEIGHTS = { sm: 16, md: 32, lg: 64, xl: 120 };
-function SpacerRender({ block }) {
-  return /* @__PURE__ */ jsx("div", { "aria-hidden": true, style: { height: HEIGHTS[block.size] } });
-}
 const spacerBlock = defineBlock({
   type: "spacer",
-  Render: SpacerRender,
+  Render: dynamic(() => import("./SpacerRender.js").then((m) => m.SpacerRender)),
   label: "Witruimte",
   icon: "\u2195",
   defaults: () => ({ size: "md" })

package/dist/blocks/builtins/Spacer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Spacer.tsx"],"sourcesContent":["import type { z } from \"zod\";\nimport type { SpacerBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\n\ntype Spacer = z.infer<typeof SpacerBlockSchema>;\n\nconst HEIGHTS: Record<Spacer[\"size\"], number> = { sm: 16, md: 32, lg: 64, xl: 120 };\n\nfunction SpacerRender({ block }: BlockRenderProps<Spacer>) {\n  return <div aria-hidden style={{ height: HEIGHTS[block.size] }} />;\n}\n\nexport const spacerBlock = defineBlock({\n  type: \"spacer\",\n  Render: SpacerRender,\n  label: \"Witruimte\",\n  icon: \"↕\",\n  defaults: () => ({ size: \"md\" }),\n});\n"],"mappings":"AASS;AAPT,SAAS,mBAA0C;AAInD,MAAM,UAA0C,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI;AAElF,SAAS,aAAa,EAAE,MAAM,GAA6B;AACzD,SAAO,oBAAC,SAAI,eAAW,MAAC,OAAO,EAAE,QAAQ,QAAQ,MAAM,IAAI,EAAE,GAAG;AAClE;AAEO,MAAM,cAAc,YAAY;AAAA,EACrC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,MAAM,KAAK;AAChC,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Spacer.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const spacerBlock = defineBlock({\n  type: \"spacer\",\n  Render: dynamic(() => import(\"./SpacerRender\").then((m) => m.SpacerRender)),\n  label: \"Witruimte\",\n  icon: \"↕\",\n  defaults: () => ({ size: \"md\" }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,cAAc,YAAY;AAAA,EACrC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,YAAY,CAAC;AAAA,EAC1E,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,MAAM,KAAK;AAChC,CAAC;","names":[]}

package/dist/blocks/builtins/SpacerRender.d.ts

@@ -0,0 +1,6 @@
+import type { z } from "zod";
+import type { SpacerBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Spacer = z.infer<typeof SpacerBlockSchema>;
+export declare function SpacerRender({ block }: BlockRenderProps<Spacer>): import("react").JSX.Element;
+export {};

package/dist/blocks/builtins/SpacerRender.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+const HEIGHTS = { sm: 16, md: 32, lg: 64, xl: 120 };
+function SpacerRender({ block }) {
+  return /* @__PURE__ */ jsx("div", { "aria-hidden": true, style: { height: HEIGHTS[block.size] } });
+}
+export {
+  SpacerRender
+};
+//# sourceMappingURL=SpacerRender.js.map

package/dist/blocks/builtins/SpacerRender.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/SpacerRender.tsx"],"sourcesContent":["import type { z } from \"zod\";\nimport type { SpacerBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\n\ntype Spacer = z.infer<typeof SpacerBlockSchema>;\n\nconst HEIGHTS: Record<Spacer[\"size\"], number> = { sm: 16, md: 32, lg: 64, xl: 120 };\n\nexport function SpacerRender({ block }: BlockRenderProps<Spacer>) {\n  return <div aria-hidden style={{ height: HEIGHTS[block.size] }} />;\n}\n"],"mappings":"AASS;AAHT,MAAM,UAA0C,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI;AAE3E,SAAS,aAAa,EAAE,MAAM,GAA6B;AAChE,SAAO,oBAAC,SAAI,eAAW,MAAC,OAAO,EAAE,QAAQ,QAAQ,MAAM,IAAI,EAAE,GAAG;AAClE;","names":[]}

package/dist/blocks/builtins/SymbolRef.d.ts

@@ -1,2 +1 @@
-import type { z } from "zod";
-export declare const symbolRefBlock: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
+export declare const symbolRefBlock: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;

package/dist/blocks/builtins/SymbolRef.js

@@ -1,82 +1,8 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { BlockRenderer } from "../BlockRenderer.js";
-import { useRegistry } from "../context.js";
-import { useEditor } from "../../editor/EditorProvider.js";
-function SymbolRefRender({ block, siteId, mode }) {
-  const registry = useRegistry();
-  const bewerken = useEditor().open || mode === "preview";
-  const [symbol, setSymbol] = useState(void 0);
-  useEffect(() => {
-    if (!block.symbolId) {
-      setSymbol(null);
-      return;
-    }
-    let unsub;
-    let afgebroken = false;
-    void (async () => {
-      const [{ getDb }, { doc, onSnapshot }] = await Promise.all([
-        import("../../firebase/client.js"),
-        import("firebase/firestore")
-      ]);
-      const db = getDb();
-      if (!db || afgebroken) {
-        setSymbol(null);
-        return;
-      }
-      const ref = doc(db, "sites", siteId, "symbols", block.symbolId);
-      const zet = (data, bestaat) => {
-        const d = bestaat && data && typeof data === "object" ? data : null;
-        const geldig = d && typeof d.name === "string" && Array.isArray(d.blocks);
-        setSymbol(geldig ? d : null);
-      };
-      if (bewerken) {
-        unsub = onSnapshot(
-          ref,
-          (snap) => zet(snap.data(), snap.exists()),
-          () => setSymbol(null)
-        );
-      } else {
-        const { getDoc } = await import("firebase/firestore");
-        try {
-          const snap = await getDoc(ref);
-          if (!afgebroken) zet(snap.data(), snap.exists());
-        } catch {
-          if (!afgebroken) setSymbol(null);
-        }
-      }
-    })();
-    return () => {
-      afgebroken = true;
-      unsub?.();
-    };
-  }, [siteId, block.symbolId, bewerken]);
-  if (symbol === void 0) return null;
-  if (symbol === null) {
-    return mode === "preview" ? /* @__PURE__ */ jsxs("p", { className: "xicms-ve__hint", children: [
-      "\u{1F9E9} Symbool niet gevonden (",
-      block.symbolId,
-      ") \u2014 kies een ander symbool of verwijder dit blok."
-    ] }) : null;
-  }
-  const inner = /* @__PURE__ */ jsx(BlockRenderer, { blocks: symbol.blocks, registry, siteId, mode });
-  if (mode === "preview") {
-    return /* @__PURE__ */ jsxs("div", { className: "xicms-symbol", "data-symbol": block.symbolId, children: [
-      /* @__PURE__ */ jsxs("div", { className: "xicms-symbol__badge", children: [
-        "\u{1F9E9} ",
-        symbol.name,
-        " \u2014 gedeeld symbool (wijzigingen gelden op \xE9lke pagina)"
-      ] }),
-      inner
-    ] });
-  }
-  return inner;
-}
 const symbolRefBlock = defineBlock({
   type: "symbolRef",
-  Render: SymbolRefRender,
+  Render: dynamic(() => import("./SymbolRefRender.js").then((m) => m.SymbolRefRender)),
   label: "Symbool (gedeelde sectie)",
   icon: "\u{1F9E9}",
   defaults: () => ({ symbolId: "" })

package/dist/blocks/builtins/SymbolRef.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/SymbolRef.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { SymbolRefBlockSchema } from \"../../schema/blocks\";\nimport type { SymbolDefinition } from \"../../schema/symbols\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { BlockRenderer } from \"../BlockRenderer\";\nimport { useRegistry } from \"../context\";\nimport { useEditor } from \"../../editor/EditorProvider\";\n\ntype SymbolRef = z.infer<typeof SymbolRefBlockSchema>;\n\n/**\n * Verwijzing naar een gedeeld symbool. Op de LIVE site wordt een symbolRef normaliter al\n * server-side vervangen door de symbool-blokken (server/pages.ts `expandSymbols`) — dan komt\n * deze Render niet eens aan bod. In de editor/preview (en als client-fallback) rendert hij het\n * symbool live vanuit Firestore, met een subtiel kader zodat de editor ziet dat dit gedeelde\n * inhoud is die op meerdere pagina's meebeweegt.\n */\nfunction SymbolRefRender({ block, siteId, mode }: BlockRenderProps<SymbolRef>) {\n  const registry = useRegistry();\n  // Live meebewegen is alleen nuttig terwijl er BEWERKT wordt. Voor een gewone bezoeker was de\n  // onSnapshot hieronder het duurste patroon van het systeem: een read plus een blijvend open\n  // verbinding, per bezoeker — voor content die toch pas verandert als iemand publiceert.\n  const bewerken = useEditor().open || mode === \"preview\";\n  const [symbol, setSymbol] = useState<SymbolDefinition | null | undefined>(undefined);\n  useEffect(() => {\n    if (!block.symbolId) {\n      setSymbol(null);\n      return;\n    }\n    // Firestore dynamisch laden: een pagina zonder symbolen haalt de SDK zo nooit binnen, en een\n    // pagina mét symbolen pas op het moment dat er echt iets op te halen valt.\n    let unsub: (() => void) | undefined;\n    let afgebroken = false;\n    void (async () => {\n      const [{ getDb }, { doc, onSnapshot }] = await Promise.all([\n        import(\"../../firebase/client\"),\n        import(\"firebase/firestore\"),\n      ]);\n      const db = getDb();\n      if (!db || afgebroken) {\n        setSymbol(null);\n        return;\n      }\n      const ref = doc(db, \"sites\", siteId, \"symbols\", block.symbolId!);\n      const zet = (data: unknown, bestaat: boolean) => {\n        // Lichte vormcheck i.p.v. zod (7.13): dit is een publiek renderpad en de enige plek die\n        // anders het hele symbols-schema (en daarmee de zod-runtime) in de bezoekersbundel trok.\n        // De BlockRenderer eronder valideert de blokken zelf al per type.\n        const d = bestaat && data && typeof data === \"object\" ? (data as { name?: unknown; blocks?: unknown }) : null;\n        const geldig = d && typeof d.name === \"string\" && Array.isArray(d.blocks);\n        setSymbol(geldig ? (d as unknown as SymbolDefinition) : null);\n      };\n      if (bewerken) {\n        unsub = onSnapshot(\n          ref,\n          (snap) => zet(snap.data(), snap.exists()),\n          () => setSymbol(null),\n        );\n      } else {\n        // Publieke fallback (zeldzaam: normaal is de ref al server-side geëxpandeerd): één read,\n        // geen listener.\n        const { getDoc } = await import(\"firebase/firestore\");\n        try {\n          const snap = await getDoc(ref);\n          if (!afgebroken) zet(snap.data(), snap.exists());\n        } catch {\n          if (!afgebroken) setSymbol(null);\n        }\n      }\n    })();\n    return () => {\n      afgebroken = true;\n      unsub?.();\n    };\n  }, [siteId, block.symbolId, bewerken]);\n\n  if (symbol === undefined) return null; // laden — geen flits\n  if (symbol === null) {\n    // Verweesde referentie: nooit de pagina breken; in preview uitleggen, live niets tonen.\n    return mode === \"preview\" ? (\n      <p className=\"xicms-ve__hint\">🧩 Symbool niet gevonden ({block.symbolId}) — kies een ander symbool of verwijder dit blok.</p>\n    ) : null;\n  }\n  const inner = <BlockRenderer blocks={symbol.blocks} registry={registry} siteId={siteId} mode={mode} />;\n  if (mode === \"preview\") {\n    return (\n      <div className=\"xicms-symbol\" data-symbol={block.symbolId}>\n        <div className=\"xicms-symbol__badge\">🧩 {symbol.name} — gedeeld symbool (wijzigingen gelden op élke pagina)</div>\n        {inner}\n      </div>\n    );\n  }\n  return inner;\n}\n\nexport const symbolRefBlock = defineBlock({\n  type: \"symbolRef\",\n  Render: SymbolRefRender,\n  label: \"Symbool (gedeelde sectie)\",\n  icon: \"🧩\",\n  defaults: () => ({ symbolId: \"\" }),\n});\n"],"mappings":";AAmFM,SAGU,KAHV;AAjFN,SAAS,WAAW,gBAAgB;AAIpC,SAAS,mBAA0C;AACnD,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAW1B,SAAS,gBAAgB,EAAE,OAAO,QAAQ,KAAK,GAAgC;AAC7E,QAAM,WAAW,YAAY;AAI7B,QAAM,WAAW,UAAU,EAAE,QAAQ,SAAS;AAC9C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA8C,MAAS;AACnF,YAAU,MAAM;AACd,QAAI,CAAC,MAAM,UAAU;AACnB,gBAAU,IAAI;AACd;AAAA,IACF;AAGA,QAAI;AACJ,QAAI,aAAa;AACjB,UAAM,YAAY;AAChB,YAAM,CAAC,EAAE,MAAM,GAAG,EAAE,KAAK,WAAW,CAAC,IAAI,MAAM,QAAQ,IAAI;AAAA,QACzD,OAAO,uBAAuB;AAAA,QAC9B,OAAO,oBAAoB;AAAA,MAC7B,CAAC;AACD,YAAM,KAAK,MAAM;AACjB,UAAI,CAAC,MAAM,YAAY;AACrB,kBAAU,IAAI;AACd;AAAA,MACF;AACA,YAAM,MAAM,IAAI,IAAI,SAAS,QAAQ,WAAW,MAAM,QAAS;AAC/D,YAAM,MAAM,CAAC,MAAe,YAAqB;AAI/C,cAAM,IAAI,WAAW,QAAQ,OAAO,SAAS,WAAY,OAAgD;AACzG,cAAM,SAAS,KAAK,OAAO,EAAE,SAAS,YAAY,MAAM,QAAQ,EAAE,MAAM;AACxE,kBAAU,SAAU,IAAoC,IAAI;AAAA,MAC9D;AACA,UAAI,UAAU;AACZ,gBAAQ;AAAA,UACN;AAAA,UACA,CAAC,SAAS,IAAI,KAAK,KAAK,GAAG,KAAK,OAAO,CAAC;AAAA,UACxC,MAAM,UAAU,IAAI;AAAA,QACtB;AAAA,MACF,OAAO;AAGL,cAAM,EAAE,OAAO,IAAI,MAAM,OAAO,oBAAoB;AACpD,YAAI;AACF,gBAAM,OAAO,MAAM,OAAO,GAAG;AAC7B,cAAI,CAAC,WAAY,KAAI,KAAK,KAAK,GAAG,KAAK,OAAO,CAAC;AAAA,QACjD,QAAQ;AACN,cAAI,CAAC,WAAY,WAAU,IAAI;AAAA,QACjC;AAAA,MACF;AAAA,IACF,GAAG;AACH,WAAO,MAAM;AACX,mBAAa;AACb,cAAQ;AAAA,IACV;AAAA,EACF,GAAG,CAAC,QAAQ,MAAM,UAAU,QAAQ,CAAC;AAErC,MAAI,WAAW,OAAW,QAAO;AACjC,MAAI,WAAW,MAAM;AAEnB,WAAO,SAAS,YACd,qBAAC,OAAE,WAAU,kBAAiB;AAAA;AAAA,MAA2B,MAAM;AAAA,MAAS;AAAA,OAAiD,IACvH;AAAA,EACN;AACA,QAAM,QAAQ,oBAAC,iBAAc,QAAQ,OAAO,QAAQ,UAAoB,QAAgB,MAAY;AACpG,MAAI,SAAS,WAAW;AACtB,WACE,qBAAC,SAAI,WAAU,gBAAe,eAAa,MAAM,UAC/C;AAAA,2BAAC,SAAI,WAAU,uBAAsB;AAAA;AAAA,QAAI,OAAO;AAAA,QAAK;AAAA,SAAsD;AAAA,MAC1G;AAAA,OACH;AAAA,EAEJ;AACA,SAAO;AACT;AAEO,MAAM,iBAAiB,YAAY;AAAA,EACxC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,UAAU,GAAG;AAClC,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/SymbolRef.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const symbolRefBlock = defineBlock({\n  type: \"symbolRef\",\n  Render: dynamic(() => import(\"./SymbolRefRender\").then((m) => m.SymbolRefRender)),\n  label: \"Symbool (gedeelde sectie)\",\n  icon: \"🧩\",\n  defaults: () => ({ symbolId: \"\" }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,iBAAiB,YAAY;AAAA,EACxC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,mBAAmB,EAAE,KAAK,CAAC,MAAM,EAAE,eAAe,CAAC;AAAA,EAChF,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,UAAU,GAAG;AAClC,CAAC;","names":[]}

package/dist/blocks/builtins/SymbolRefRender.d.ts

@@ -0,0 +1,13 @@
+import type { z } from "zod";
+import type { SymbolRefBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type SymbolRef = z.infer<typeof SymbolRefBlockSchema>;
+/**
+ * Verwijzing naar een gedeeld symbool. Op de LIVE site wordt een symbolRef normaliter al
+ * server-side vervangen door de symbool-blokken (server/pages.ts `expandSymbols`) — dan komt
+ * deze Render niet eens aan bod. In de editor/preview (en als client-fallback) rendert hij het
+ * symbool live vanuit Firestore, met een subtiel kader zodat de editor ziet dat dit gedeelde
+ * inhoud is die op meerdere pagina's meebeweegt.
+ */
+export declare function SymbolRefRender({ block, siteId, mode }: BlockRenderProps<SymbolRef>): import("react").JSX.Element | null;
+export {};

package/dist/blocks/builtins/SymbolRefRender.js

@@ -0,0 +1,79 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { BlockRenderer } from "../BlockRenderer.js";
+import { useRegistry } from "../context.js";
+import { useEditor } from "../../editor/EditorProvider.js";
+function SymbolRefRender({ block, siteId, mode }) {
+  const registry = useRegistry();
+  const bewerken = useEditor().open || mode === "preview";
+  const [symbol, setSymbol] = useState(void 0);
+  useEffect(() => {
+    if (!block.symbolId) {
+      setSymbol(null);
+      return;
+    }
+    let unsub;
+    let afgebroken = false;
+    void (async () => {
+      const [{ getDb }, { doc, onSnapshot }] = await Promise.all([
+        import("../../firebase/client.js"),
+        import("firebase/firestore")
+      ]);
+      const db = getDb();
+      if (!db || afgebroken) {
+        setSymbol(null);
+        return;
+      }
+      const ref = doc(db, "sites", siteId, "symbols", block.symbolId);
+      const zet = (data, bestaat) => {
+        const d = bestaat && data && typeof data === "object" ? data : null;
+        const geldig = d && typeof d.name === "string" && Array.isArray(d.blocks);
+        setSymbol(geldig ? d : null);
+      };
+      if (bewerken) {
+        unsub = onSnapshot(
+          ref,
+          (snap) => zet(snap.data(), snap.exists()),
+          () => setSymbol(null)
+        );
+      } else {
+        const { getDoc } = await import("firebase/firestore");
+        try {
+          const snap = await getDoc(ref);
+          if (!afgebroken) zet(snap.data(), snap.exists());
+        } catch {
+          if (!afgebroken) setSymbol(null);
+        }
+      }
+    })();
+    return () => {
+      afgebroken = true;
+      unsub?.();
+    };
+  }, [siteId, block.symbolId, bewerken]);
+  if (symbol === void 0) return null;
+  if (symbol === null) {
+    return mode === "preview" ? /* @__PURE__ */ jsxs("p", { className: "xicms-ve__hint", children: [
+      "\u{1F9E9} Symbool niet gevonden (",
+      block.symbolId,
+      ") \u2014 kies een ander symbool of verwijder dit blok."
+    ] }) : null;
+  }
+  const inner = /* @__PURE__ */ jsx(BlockRenderer, { blocks: symbol.blocks, registry, siteId, mode });
+  if (mode === "preview") {
+    return /* @__PURE__ */ jsxs("div", { className: "xicms-symbol", "data-symbol": block.symbolId, children: [
+      /* @__PURE__ */ jsxs("div", { className: "xicms-symbol__badge", children: [
+        "\u{1F9E9} ",
+        symbol.name,
+        " \u2014 gedeeld symbool (wijzigingen gelden op \xE9lke pagina)"
+      ] }),
+      inner
+    ] });
+  }
+  return inner;
+}
+export {
+  SymbolRefRender
+};
+//# sourceMappingURL=SymbolRefRender.js.map

package/dist/blocks/builtins/SymbolRefRender.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/SymbolRefRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { SymbolRefBlockSchema } from \"../../schema/blocks\";\nimport type { SymbolDefinition } from \"../../schema/symbols\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { BlockRenderer } from \"../BlockRenderer\";\nimport { useRegistry } from \"../context\";\nimport { useEditor } from \"../../editor/EditorProvider\";\n\ntype SymbolRef = z.infer<typeof SymbolRefBlockSchema>;\n\n/**\n * Verwijzing naar een gedeeld symbool. Op de LIVE site wordt een symbolRef normaliter al\n * server-side vervangen door de symbool-blokken (server/pages.ts `expandSymbols`) — dan komt\n * deze Render niet eens aan bod. In de editor/preview (en als client-fallback) rendert hij het\n * symbool live vanuit Firestore, met een subtiel kader zodat de editor ziet dat dit gedeelde\n * inhoud is die op meerdere pagina's meebeweegt.\n */\nexport function SymbolRefRender({ block, siteId, mode }: BlockRenderProps<SymbolRef>) {\n  const registry = useRegistry();\n  // Live meebewegen is alleen nuttig terwijl er BEWERKT wordt. Voor een gewone bezoeker was de\n  // onSnapshot hieronder het duurste patroon van het systeem: een read plus een blijvend open\n  // verbinding, per bezoeker — voor content die toch pas verandert als iemand publiceert.\n  const bewerken = useEditor().open || mode === \"preview\";\n  const [symbol, setSymbol] = useState<SymbolDefinition | null | undefined>(undefined);\n  useEffect(() => {\n    if (!block.symbolId) {\n      setSymbol(null);\n      return;\n    }\n    // Firestore dynamisch laden: een pagina zonder symbolen haalt de SDK zo nooit binnen, en een\n    // pagina mét symbolen pas op het moment dat er echt iets op te halen valt.\n    let unsub: (() => void) | undefined;\n    let afgebroken = false;\n    void (async () => {\n      const [{ getDb }, { doc, onSnapshot }] = await Promise.all([\n        import(\"../../firebase/client\"),\n        import(\"firebase/firestore\"),\n      ]);\n      const db = getDb();\n      if (!db || afgebroken) {\n        setSymbol(null);\n        return;\n      }\n      const ref = doc(db, \"sites\", siteId, \"symbols\", block.symbolId!);\n      const zet = (data: unknown, bestaat: boolean) => {\n        // Lichte vormcheck i.p.v. zod (7.13): dit is een publiek renderpad en de enige plek die\n        // anders het hele symbols-schema (en daarmee de zod-runtime) in de bezoekersbundel trok.\n        // De BlockRenderer eronder valideert de blokken zelf al per type.\n        const d = bestaat && data && typeof data === \"object\" ? (data as { name?: unknown; blocks?: unknown }) : null;\n        const geldig = d && typeof d.name === \"string\" && Array.isArray(d.blocks);\n        setSymbol(geldig ? (d as unknown as SymbolDefinition) : null);\n      };\n      if (bewerken) {\n        unsub = onSnapshot(\n          ref,\n          (snap) => zet(snap.data(), snap.exists()),\n          () => setSymbol(null),\n        );\n      } else {\n        // Publieke fallback (zeldzaam: normaal is de ref al server-side geëxpandeerd): één read,\n        // geen listener.\n        const { getDoc } = await import(\"firebase/firestore\");\n        try {\n          const snap = await getDoc(ref);\n          if (!afgebroken) zet(snap.data(), snap.exists());\n        } catch {\n          if (!afgebroken) setSymbol(null);\n        }\n      }\n    })();\n    return () => {\n      afgebroken = true;\n      unsub?.();\n    };\n  }, [siteId, block.symbolId, bewerken]);\n\n  if (symbol === undefined) return null; // laden — geen flits\n  if (symbol === null) {\n    // Verweesde referentie: nooit de pagina breken; in preview uitleggen, live niets tonen.\n    return mode === \"preview\" ? (\n      <p className=\"xicms-ve__hint\">🧩 Symbool niet gevonden ({block.symbolId}) — kies een ander symbool of verwijder dit blok.</p>\n    ) : null;\n  }\n  const inner = <BlockRenderer blocks={symbol.blocks} registry={registry} siteId={siteId} mode={mode} />;\n  if (mode === \"preview\") {\n    return (\n      <div className=\"xicms-symbol\" data-symbol={block.symbolId}>\n        <div className=\"xicms-symbol__badge\">🧩 {symbol.name} — gedeeld symbool (wijzigingen gelden op élke pagina)</div>\n        {inner}\n      </div>\n    );\n  }\n  return inner;\n}\n"],"mappings":";AAmFM,SAGU,KAHV;AAjFN,SAAS,WAAW,gBAAgB;AAKpC,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAWnB,SAAS,gBAAgB,EAAE,OAAO,QAAQ,KAAK,GAAgC;AACpF,QAAM,WAAW,YAAY;AAI7B,QAAM,WAAW,UAAU,EAAE,QAAQ,SAAS;AAC9C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA8C,MAAS;AACnF,YAAU,MAAM;AACd,QAAI,CAAC,MAAM,UAAU;AACnB,gBAAU,IAAI;AACd;AAAA,IACF;AAGA,QAAI;AACJ,QAAI,aAAa;AACjB,UAAM,YAAY;AAChB,YAAM,CAAC,EAAE,MAAM,GAAG,EAAE,KAAK,WAAW,CAAC,IAAI,MAAM,QAAQ,IAAI;AAAA,QACzD,OAAO,uBAAuB;AAAA,QAC9B,OAAO,oBAAoB;AAAA,MAC7B,CAAC;AACD,YAAM,KAAK,MAAM;AACjB,UAAI,CAAC,MAAM,YAAY;AACrB,kBAAU,IAAI;AACd;AAAA,MACF;AACA,YAAM,MAAM,IAAI,IAAI,SAAS,QAAQ,WAAW,MAAM,QAAS;AAC/D,YAAM,MAAM,CAAC,MAAe,YAAqB;AAI/C,cAAM,IAAI,WAAW,QAAQ,OAAO,SAAS,WAAY,OAAgD;AACzG,cAAM,SAAS,KAAK,OAAO,EAAE,SAAS,YAAY,MAAM,QAAQ,EAAE,MAAM;AACxE,kBAAU,SAAU,IAAoC,IAAI;AAAA,MAC9D;AACA,UAAI,UAAU;AACZ,gBAAQ;AAAA,UACN;AAAA,UACA,CAAC,SAAS,IAAI,KAAK,KAAK,GAAG,KAAK,OAAO,CAAC;AAAA,UACxC,MAAM,UAAU,IAAI;AAAA,QACtB;AAAA,MACF,OAAO;AAGL,cAAM,EAAE,OAAO,IAAI,MAAM,OAAO,oBAAoB;AACpD,YAAI;AACF,gBAAM,OAAO,MAAM,OAAO,GAAG;AAC7B,cAAI,CAAC,WAAY,KAAI,KAAK,KAAK,GAAG,KAAK,OAAO,CAAC;AAAA,QACjD,QAAQ;AACN,cAAI,CAAC,WAAY,WAAU,IAAI;AAAA,QACjC;AAAA,MACF;AAAA,IACF,GAAG;AACH,WAAO,MAAM;AACX,mBAAa;AACb,cAAQ;AAAA,IACV;AAAA,EACF,GAAG,CAAC,QAAQ,MAAM,UAAU,QAAQ,CAAC;AAErC,MAAI,WAAW,OAAW,QAAO;AACjC,MAAI,WAAW,MAAM;AAEnB,WAAO,SAAS,YACd,qBAAC,OAAE,WAAU,kBAAiB;AAAA;AAAA,MAA2B,MAAM;AAAA,MAAS;AAAA,OAAiD,IACvH;AAAA,EACN;AACA,QAAM,QAAQ,oBAAC,iBAAc,QAAQ,OAAO,QAAQ,UAAoB,QAAgB,MAAY;AACpG,MAAI,SAAS,WAAW;AACtB,WACE,qBAAC,SAAI,WAAU,gBAAe,eAAa,MAAM,UAC/C;AAAA,2BAAC,SAAI,WAAU,uBAAsB;AAAA;AAAA,QAAI,OAAO;AAAA,QAAK;AAAA,SAAsD;AAAA,MAC1G;AAAA,OACH;AAAA,EAEJ;AACA,SAAO;AACT;","names":[]}

package/dist/blocks/builtins/Team.d.ts

@@ -1,2 +1 @@
-import type { z } from "zod";
-export declare const teamBlock: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
+export declare const teamBlock: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;