@xiwebdesign/xicms-core 7.31.0 → 8.16.0

package/dist/blocks/blockStyle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/blocks/blockStyle.ts"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport type { BlockStyle } from \"../schema/blocks\";\n\nexport interface BlockStyleAttrs {\n  id?: string;\n  className: string;\n  style: CSSProperties;\n  dataAnimate?: string;\n}\n\n/**\n * Vertaalt de gedeelde `_style` van een block naar wrapper-attributen. Gebruikt classNames +\n * CSS-variabelen (te overschrijven per site) en alleen inline-CSS waar een vrije waarde nodig is\n * (achtergrondkleur). Geeft `null` terug als er niets te stylen valt (dan rendert het block kaal).\n */\nexport function blockStyleAttrs(style: BlockStyle | undefined): BlockStyleAttrs | null {\n  if (!style || Object.keys(style).length === 0) return null;\n  const cls = [\"xicms-block\"];\n  if (style.paddingY) cls.push(`xicms-block--pad-${style.paddingY}`);\n  if (style.width) cls.push(`xicms-block--${style.width}`);\n  if (style.align) cls.push(`xicms-block--align-${style.align}`);\n  const css: CSSProperties = {};\n  if (style.background) css.background = style.background;\n  return { id: style.anchorId || undefined, className: cls.join(\" \"), style: css, dataAnimate: style.animate };\n}\n"],"mappings":"AAeO,SAAS,gBAAgB,OAAuD;AACrF,MAAI,CAAC,SAAS,OAAO,KAAK,KAAK,EAAE,WAAW,EAAG,QAAO;AACtD,QAAM,MAAM,CAAC,aAAa;AAC1B,MAAI,MAAM,SAAU,KAAI,KAAK,oBAAoB,MAAM,QAAQ,EAAE;AACjE,MAAI,MAAM,MAAO,KAAI,KAAK,gBAAgB,MAAM,KAAK,EAAE;AACvD,MAAI,MAAM,MAAO,KAAI,KAAK,sBAAsB,MAAM,KAAK,EAAE;AAC7D,QAAM,MAAqB,CAAC;AAC5B,MAAI,MAAM,WAAY,KAAI,aAAa,MAAM;AAC7C,SAAO,EAAE,IAAI,MAAM,YAAY,QAAW,WAAW,IAAI,KAAK,GAAG,GAAG,OAAO,KAAK,aAAa,MAAM,QAAQ;AAC7G;","names":[]}
+{"version":3,"sources":["../../src/blocks/blockStyle.ts"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport type { BlockStyle } from \"../schema/blocks\";\nimport { tekstOpKleur } from \"../theme/color\";\n\nexport interface BlockStyleAttrs {\n  id?: string;\n  className: string;\n  style: CSSProperties;\n  dataAnimate?: string;\n}\n\n/**\n * Vertaalt de gedeelde `_style` van een block naar wrapper-attributen. Gebruikt classNames +\n * CSS-variabelen (te overschrijven per site) en alleen inline-CSS waar een vrije waarde nodig is\n * (achtergrondkleur). Geeft `null` terug als er niets te stylen valt (dan rendert het block kaal).\n *\n * 8.10 — een achtergrondkleur is een vlak, geen verfstreep:\n *  - de tekstkleur rekent mee (wit of donker, wat het meeste contrast geeft). Tot nu toe bleef de\n *    tekst in de themakleur: donkere tekst op donkerblauw, of — in donkere modus — witte tekst op\n *    de staal \"Wit\";\n *  - zonder gekozen ruimte krijgt het vlak lucht (`pad-lg`), anders plakt de tekst tegen de rand;\n *  - een oude, niet-hex waarde (gradient, var(), url()) werkt zoals altijd, zonder automatiek.\n */\nexport function blockStyleAttrs(style: BlockStyle | undefined): BlockStyleAttrs | null {\n  if (!style || Object.keys(style).length === 0) return null;\n  const cls = [\"xicms-block\"];\n  const css: CSSProperties & Record<`--${string}`, string> = {};\n  const bg = style.background?.trim();\n  const tekst = bg ? tekstOpKleur(bg) : null;\n  if (bg && tekst) {\n    css.backgroundColor = bg.startsWith(\"#\") ? bg : `#${bg}`;\n    css.color = tekst;\n    css[\"--xicms-fg\"] = tekst;\n    css[\"--color-text-primary\"] = tekst;\n    css[\"--color-text-secondary\"] = tekst === \"#ffffff\" ? \"rgba(255, 255, 255, 0.78)\" : \"rgba(15, 23, 42, 0.72)\";\n    cls.push(\"xicms-block--bg\", tekst === \"#ffffff\" ? \"xicms-block--bg-donker\" : \"xicms-block--bg-licht\");\n  } else if (bg) {\n    css.background = bg;\n  }\n  const paddingY = style.paddingY ?? (bg && tekst ? \"lg\" : undefined);\n  if (paddingY) cls.push(`xicms-block--pad-${paddingY}`);\n  if (style.width) cls.push(`xicms-block--${style.width}`);\n  if (style.align) cls.push(`xicms-block--align-${style.align}`);\n  return { id: style.anchorId || undefined, className: cls.join(\" \"), style: css, dataAnimate: style.animate };\n}\n"],"mappings":"AAEA,SAAS,oBAAoB;AAqBtB,SAAS,gBAAgB,OAAuD;AACrF,MAAI,CAAC,SAAS,OAAO,KAAK,KAAK,EAAE,WAAW,EAAG,QAAO;AACtD,QAAM,MAAM,CAAC,aAAa;AAC1B,QAAM,MAAqD,CAAC;AAC5D,QAAM,KAAK,MAAM,YAAY,KAAK;AAClC,QAAM,QAAQ,KAAK,aAAa,EAAE,IAAI;AACtC,MAAI,MAAM,OAAO;AACf,QAAI,kBAAkB,GAAG,WAAW,GAAG,IAAI,KAAK,IAAI,EAAE;AACtD,QAAI,QAAQ;AACZ,QAAI,YAAY,IAAI;AACpB,QAAI,sBAAsB,IAAI;AAC9B,QAAI,wBAAwB,IAAI,UAAU,YAAY,8BAA8B;AACpF,QAAI,KAAK,mBAAmB,UAAU,YAAY,2BAA2B,uBAAuB;AAAA,EACtG,WAAW,IAAI;AACb,QAAI,aAAa;AAAA,EACnB;AACA,QAAM,WAAW,MAAM,aAAa,MAAM,QAAQ,OAAO;AACzD,MAAI,SAAU,KAAI,KAAK,oBAAoB,QAAQ,EAAE;AACrD,MAAI,MAAM,MAAO,KAAI,KAAK,gBAAgB,MAAM,KAAK,EAAE;AACvD,MAAI,MAAM,MAAO,KAAI,KAAK,sBAAsB,MAAM,KAAK,EAAE;AAC7D,SAAO,EAAE,IAAI,MAAM,YAAY,QAAW,WAAW,IAAI,KAAK,GAAG,GAAG,OAAO,KAAK,aAAa,MAAM,QAAQ;AAC7G;","names":[]}

package/dist/blocks/builtinSchemas.js

@@ -9,6 +9,9 @@ import {
   BreadcrumbsBlockSchema,
   ButtonsBlockSchema,
   CardsBlockSchema,
+  PriceListBlockSchema,
+  SectionHeadingBlockSchema,
+  AvailabilityBlockSchema,
   CardsWidgetSchema,
   ColumnsBlockSchema,
   ContactBlockSchema,
@@ -70,6 +73,9 @@ const builtinBlockSchemas = {
   breadcrumbs: BreadcrumbsBlockSchema,
   buttons: ButtonsBlockSchema,
   cards: CardsBlockSchema,
+  priceList: PriceListBlockSchema,
+  sectionHeading: SectionHeadingBlockSchema,
+  availability: AvailabilityBlockSchema,
   cardsWidget: CardsWidgetSchema,
   columns: ColumnsBlockSchema,
   contact: ContactBlockSchema,

package/dist/blocks/builtinSchemas.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/blocks/builtinSchemas.ts"],"sourcesContent":["/**\n * Lazy schema-registratie voor de ingebouwde blokken (7.13).\n *\n * De schema's zijn EDITOR-kennis: het formulier in het zijpaneel, de inline-veldlabels, de\n * vertaal-overlay en de validatie bij bewerken komen eruit voort. Een publieke bezoeker heeft\n * er niets aan — en toch reisden alle schema's plus de zod-runtime (±73 KB gzip) mee in élke\n * paginabundel, omdat elk blok zijn schema in zijn eigen client-module droeg.\n *\n * Dit bestand is de enige plek die de schema's nog als WAARDE importeert, en het wordt alleen\n * geladen door de admin/editor-chunks (AdminApp, VisualEditor) — die waren al lazy. Het plugt\n * ook de zod-parser in de registry (`setSchemaParser`), zodat validatie weer volledig is zodra\n * er bewerkt wordt; publiek volstaat de lichte vormcheck (zie registry.validateBlocks).\n *\n * NIEUW BLOK? `npm test` bewaakt dat elk ingebouwd blok hier een schema heeft (builtinSchemas.test).\n */\nimport { safeParse, type $ZodType } from \"zod/v4/core\";\nimport {\n  AccordionBlockSchema,\n  AgendaBlockSchema,\n  AgendaWidgetSchema,\n  BannerBlockSchema,\n  BeforeAfterBlockSchema,\n  BookingBlockSchema,\n  BreadcrumbsBlockSchema,\n  ButtonsBlockSchema,\n  CardsBlockSchema,\n  CardsWidgetSchema,\n  ColumnsBlockSchema,\n  ContactBlockSchema,\n  ContactWidgetSchema,\n  CountdownBlockSchema,\n  CountdownWidgetSchema,\n  CountersBlockSchema,\n  CtaBlockSchema,\n  CtaWidgetSchema,\n  DividerBlockSchema,\n  DownloadsBlockSchema,\n  DownloadsWidgetSchema,\n  EmbedBlockSchema,\n  FaqBlockSchema,\n  FeatureBlockSchema,\n  FormBlockSchema,\n  GalleryBlockSchema,\n  GalleryWidgetSchema,\n  HeroBlockSchema,\n  ImageBlockSchema,\n  JobsBlockSchema,\n  LogosBlockSchema,\n  MapBlockSchema,\n  NewsListBlockSchema,\n  NewsWidgetSchema,\n  NewsletterBlockSchema,\n  NewsletterWidgetSchema,\n  OpeningHoursBlockSchema,\n  OpeningHoursWidgetSchema,\n  PdfBlockSchema,\n  PortfolioBlockSchema,\n  PricingBlockSchema,\n  QuoteBlockSchema,\n  RichTextBlockSchema,\n  SearchBlockSchema,\n  SliderBlockSchema,\n  SocialBlockSchema,\n  SocialWidgetSchema,\n  SpacerBlockSchema,\n  SymbolRefBlockSchema,\n  TabsBlockSchema,\n  TeamBlockSchema,\n  TestimonialsBlockSchema,\n  TestimonialsWidgetSchema,\n  TimelineBlockSchema,\n  VideoBlockSchema,\n  WhatsappChatBlockSchema,\n  WithSidebarBlockSchema,\n} from \"../schema/blocks\";\nimport { setSchemaParser, type BlockDefinition } from \"./registry\";\nimport { builtinBlocks } from \"./builtins/index\";\n\n/** type → schema, voor elk ingebouwd blok. */\nexport const builtinBlockSchemas: Record<string, $ZodType> = {\n  accordion: AccordionBlockSchema,\n  agenda: AgendaBlockSchema,\n  agendaWidget: AgendaWidgetSchema,\n  banner: BannerBlockSchema,\n  beforeAfter: BeforeAfterBlockSchema,\n  booking: BookingBlockSchema,\n  breadcrumbs: BreadcrumbsBlockSchema,\n  buttons: ButtonsBlockSchema,\n  cards: CardsBlockSchema,\n  cardsWidget: CardsWidgetSchema,\n  columns: ColumnsBlockSchema,\n  contact: ContactBlockSchema,\n  contactWidget: ContactWidgetSchema,\n  countdown: CountdownBlockSchema,\n  countdownWidget: CountdownWidgetSchema,\n  counters: CountersBlockSchema,\n  cta: CtaBlockSchema,\n  ctaWidget: CtaWidgetSchema,\n  divider: DividerBlockSchema,\n  downloads: DownloadsBlockSchema,\n  downloadsWidget: DownloadsWidgetSchema,\n  embed: EmbedBlockSchema,\n  faq: FaqBlockSchema,\n  feature: FeatureBlockSchema,\n  form: FormBlockSchema,\n  gallery: GalleryBlockSchema,\n  galleryWidget: GalleryWidgetSchema,\n  hero: HeroBlockSchema,\n  image: ImageBlockSchema,\n  jobs: JobsBlockSchema,\n  logos: LogosBlockSchema,\n  map: MapBlockSchema,\n  newsList: NewsListBlockSchema,\n  newsWidget: NewsWidgetSchema,\n  newsletter: NewsletterBlockSchema,\n  newsletterWidget: NewsletterWidgetSchema,\n  openingHours: OpeningHoursBlockSchema,\n  openingHoursWidget: OpeningHoursWidgetSchema,\n  pdf: PdfBlockSchema,\n  portfolio: PortfolioBlockSchema,\n  pricing: PricingBlockSchema,\n  quote: QuoteBlockSchema,\n  richText: RichTextBlockSchema,\n  search: SearchBlockSchema,\n  slider: SliderBlockSchema,\n  social: SocialBlockSchema,\n  socialWidget: SocialWidgetSchema,\n  spacer: SpacerBlockSchema,\n  symbolRef: SymbolRefBlockSchema,\n  tabs: TabsBlockSchema,\n  team: TeamBlockSchema,\n  testimonials: TestimonialsBlockSchema,\n  testimonialsWidget: TestimonialsWidgetSchema,\n  timeline: TimelineBlockSchema,\n  video: VideoBlockSchema,\n  whatsappChat: WhatsappChatBlockSchema,\n  withSidebar: WithSidebarBlockSchema,\n};\n\nlet geregistreerd = false;\n\n/**\n * Hangt de schema's aan de (module-singleton) builtin-defs en plugt de zod-parser in.\n * Idempotent; aan te roepen vanuit elke admin/editor-ingang.\n */\nexport function registerBuiltinSchemas(): void {\n  if (geregistreerd) return;\n  geregistreerd = true;\n  setSchemaParser((schema, raw) => {\n    const res = safeParse(schema, raw);\n    return res.success ? { success: true, data: res.data } : { success: false, issues: res.error.issues };\n  });\n  for (const def of builtinBlocks as Array<BlockDefinition & { schema?: unknown }>) {\n    if (!def.schema && builtinBlockSchemas[def.type]) def.schema = builtinBlockSchemas[def.type];\n  }\n}\n"],"mappings":"AAeA,SAAS,iBAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAA6C;AACtD,SAAS,qBAAqB;AAGvB,MAAM,sBAAgD;AAAA,EAC3D,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,SAAS;AAAA,EACT,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AAAA,EACT,eAAe;AAAA,EACf,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,KAAK;AAAA,EACL,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,eAAe;AAAA,EACf,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AAAA,EACL,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,MAAM;AAAA,EACN,MAAM;AAAA,EACN,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,cAAc;AAAA,EACd,aAAa;AACf;AAEA,IAAI,gBAAgB;AAMb,SAAS,yBAA+B;AAC7C,MAAI,cAAe;AACnB,kBAAgB;AAChB,kBAAgB,CAAC,QAAQ,QAAQ;AAC/B,UAAM,MAAM,UAAU,QAAQ,GAAG;AACjC,WAAO,IAAI,UAAU,EAAE,SAAS,MAAM,MAAM,IAAI,KAAK,IAAI,EAAE,SAAS,OAAO,QAAQ,IAAI,MAAM,OAAO;AAAA,EACtG,CAAC;AACD,aAAW,OAAO,eAAgE;AAChF,QAAI,CAAC,IAAI,UAAU,oBAAoB,IAAI,IAAI,EAAG,KAAI,SAAS,oBAAoB,IAAI,IAAI;AAAA,EAC7F;AACF;","names":[]}
+{"version":3,"sources":["../../src/blocks/builtinSchemas.ts"],"sourcesContent":["/**\n * Lazy schema-registratie voor de ingebouwde blokken (7.13).\n *\n * De schema's zijn EDITOR-kennis: het formulier in het zijpaneel, de inline-veldlabels, de\n * vertaal-overlay en de validatie bij bewerken komen eruit voort. Een publieke bezoeker heeft\n * er niets aan — en toch reisden alle schema's plus de zod-runtime (±73 KB gzip) mee in élke\n * paginabundel, omdat elk blok zijn schema in zijn eigen client-module droeg.\n *\n * Dit bestand is de enige plek die de schema's nog als WAARDE importeert, en het wordt alleen\n * geladen door de admin/editor-chunks (AdminApp, VisualEditor) — die waren al lazy. Het plugt\n * ook de zod-parser in de registry (`setSchemaParser`), zodat validatie weer volledig is zodra\n * er bewerkt wordt; publiek volstaat de lichte vormcheck (zie registry.validateBlocks).\n *\n * NIEUW BLOK? `npm test` bewaakt dat elk ingebouwd blok hier een schema heeft (builtinSchemas.test).\n */\nimport { safeParse, type $ZodType } from \"zod/v4/core\";\nimport {\n  AccordionBlockSchema,\n  AgendaBlockSchema,\n  AgendaWidgetSchema,\n  BannerBlockSchema,\n  BeforeAfterBlockSchema,\n  BookingBlockSchema,\n  BreadcrumbsBlockSchema,\n  ButtonsBlockSchema,\n  CardsBlockSchema,\n  PriceListBlockSchema,\n  SectionHeadingBlockSchema,\n  AvailabilityBlockSchema,\n  CardsWidgetSchema,\n  ColumnsBlockSchema,\n  ContactBlockSchema,\n  ContactWidgetSchema,\n  CountdownBlockSchema,\n  CountdownWidgetSchema,\n  CountersBlockSchema,\n  CtaBlockSchema,\n  CtaWidgetSchema,\n  DividerBlockSchema,\n  DownloadsBlockSchema,\n  DownloadsWidgetSchema,\n  EmbedBlockSchema,\n  FaqBlockSchema,\n  FeatureBlockSchema,\n  FormBlockSchema,\n  GalleryBlockSchema,\n  GalleryWidgetSchema,\n  HeroBlockSchema,\n  ImageBlockSchema,\n  JobsBlockSchema,\n  LogosBlockSchema,\n  MapBlockSchema,\n  NewsListBlockSchema,\n  NewsWidgetSchema,\n  NewsletterBlockSchema,\n  NewsletterWidgetSchema,\n  OpeningHoursBlockSchema,\n  OpeningHoursWidgetSchema,\n  PdfBlockSchema,\n  PortfolioBlockSchema,\n  PricingBlockSchema,\n  QuoteBlockSchema,\n  RichTextBlockSchema,\n  SearchBlockSchema,\n  SliderBlockSchema,\n  SocialBlockSchema,\n  SocialWidgetSchema,\n  SpacerBlockSchema,\n  SymbolRefBlockSchema,\n  TabsBlockSchema,\n  TeamBlockSchema,\n  TestimonialsBlockSchema,\n  TestimonialsWidgetSchema,\n  TimelineBlockSchema,\n  VideoBlockSchema,\n  WhatsappChatBlockSchema,\n  WithSidebarBlockSchema,\n} from \"../schema/blocks\";\nimport { setSchemaParser, type BlockDefinition } from \"./registry\";\nimport { builtinBlocks } from \"./builtins/index\";\n\n/** type → schema, voor elk ingebouwd blok. */\nexport const builtinBlockSchemas: Record<string, $ZodType> = {\n  accordion: AccordionBlockSchema,\n  agenda: AgendaBlockSchema,\n  agendaWidget: AgendaWidgetSchema,\n  banner: BannerBlockSchema,\n  beforeAfter: BeforeAfterBlockSchema,\n  booking: BookingBlockSchema,\n  breadcrumbs: BreadcrumbsBlockSchema,\n  buttons: ButtonsBlockSchema,\n  cards: CardsBlockSchema,\n  priceList: PriceListBlockSchema,\n  sectionHeading: SectionHeadingBlockSchema,\n  availability: AvailabilityBlockSchema,\n  cardsWidget: CardsWidgetSchema,\n  columns: ColumnsBlockSchema,\n  contact: ContactBlockSchema,\n  contactWidget: ContactWidgetSchema,\n  countdown: CountdownBlockSchema,\n  countdownWidget: CountdownWidgetSchema,\n  counters: CountersBlockSchema,\n  cta: CtaBlockSchema,\n  ctaWidget: CtaWidgetSchema,\n  divider: DividerBlockSchema,\n  downloads: DownloadsBlockSchema,\n  downloadsWidget: DownloadsWidgetSchema,\n  embed: EmbedBlockSchema,\n  faq: FaqBlockSchema,\n  feature: FeatureBlockSchema,\n  form: FormBlockSchema,\n  gallery: GalleryBlockSchema,\n  galleryWidget: GalleryWidgetSchema,\n  hero: HeroBlockSchema,\n  image: ImageBlockSchema,\n  jobs: JobsBlockSchema,\n  logos: LogosBlockSchema,\n  map: MapBlockSchema,\n  newsList: NewsListBlockSchema,\n  newsWidget: NewsWidgetSchema,\n  newsletter: NewsletterBlockSchema,\n  newsletterWidget: NewsletterWidgetSchema,\n  openingHours: OpeningHoursBlockSchema,\n  openingHoursWidget: OpeningHoursWidgetSchema,\n  pdf: PdfBlockSchema,\n  portfolio: PortfolioBlockSchema,\n  pricing: PricingBlockSchema,\n  quote: QuoteBlockSchema,\n  richText: RichTextBlockSchema,\n  search: SearchBlockSchema,\n  slider: SliderBlockSchema,\n  social: SocialBlockSchema,\n  socialWidget: SocialWidgetSchema,\n  spacer: SpacerBlockSchema,\n  symbolRef: SymbolRefBlockSchema,\n  tabs: TabsBlockSchema,\n  team: TeamBlockSchema,\n  testimonials: TestimonialsBlockSchema,\n  testimonialsWidget: TestimonialsWidgetSchema,\n  timeline: TimelineBlockSchema,\n  video: VideoBlockSchema,\n  whatsappChat: WhatsappChatBlockSchema,\n  withSidebar: WithSidebarBlockSchema,\n};\n\nlet geregistreerd = false;\n\n/**\n * Hangt de schema's aan de (module-singleton) builtin-defs en plugt de zod-parser in.\n * Idempotent; aan te roepen vanuit elke admin/editor-ingang.\n */\nexport function registerBuiltinSchemas(): void {\n  if (geregistreerd) return;\n  geregistreerd = true;\n  setSchemaParser((schema, raw) => {\n    const res = safeParse(schema, raw);\n    return res.success ? { success: true, data: res.data } : { success: false, issues: res.error.issues };\n  });\n  for (const def of builtinBlocks as Array<BlockDefinition & { schema?: unknown }>) {\n    if (!def.schema && builtinBlockSchemas[def.type]) def.schema = builtinBlockSchemas[def.type];\n  }\n}\n"],"mappings":"AAeA,SAAS,iBAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAA6C;AACtD,SAAS,qBAAqB;AAGvB,MAAM,sBAAgD;AAAA,EAC3D,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,SAAS;AAAA,EACT,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AAAA,EACT,eAAe;AAAA,EACf,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,KAAK;AAAA,EACL,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,eAAe;AAAA,EACf,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AAAA,EACL,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,MAAM;AAAA,EACN,MAAM;AAAA,EACN,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,cAAc;AAAA,EACd,aAAa;AACf;AAEA,IAAI,gBAAgB;AAMb,SAAS,yBAA+B;AAC7C,MAAI,cAAe;AACnB,kBAAgB;AAChB,kBAAgB,CAAC,QAAQ,QAAQ;AAC/B,UAAM,MAAM,UAAU,QAAQ,GAAG;AACjC,WAAO,IAAI,UAAU,EAAE,SAAS,MAAM,MAAM,IAAI,KAAK,IAAI,EAAE,SAAS,OAAO,QAAQ,IAAI,MAAM,OAAO;AAAA,EACtG,CAAC;AACD,aAAW,OAAO,eAAgE;AAChF,QAAI,CAAC,IAAI,UAAU,oBAAoB,IAAI,IAAI,EAAG,KAAI,SAAS,oBAAoB,IAAI,IAAI;AAAA,EAC7F;AACF;","names":[]}

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

@@ -10,7 +10,18 @@ export interface AgendaEvent {
     location?: string;
     description?: string;
     url?: string;
+    /** 8.15: terugkerend. */
+    herhaal?: "wekelijks" | "tweewekelijks" | "maandelijks";
+    /** Laatste datum van de herhaling ("2027-06-30"); leeg = een jaar vooruit. */
+    herhaalTot?: string;
 }
+/**
+ * Terugkerende activiteiten uitvouwen (8.15): "elke dinsdag koor" staat één keer in het beheer en
+ * verschijnt op de site als losse data — tot de einddatum, anders een jaar vooruit, en nooit meer
+ * dan 60 keer. Elke herhaling houdt de index van het origineel (`_i`), dus bewerken op de pagina
+ * past de reeks aan.
+ */
+export declare function vouwHerhalingenUit<T extends AgendaEvent>(events: T[], vanaf?: Date): T[];
 /**
  * Parseert een event-datum als LOKALE tijd. Cruciaal voor datum-zonder-tijd: `new Date("2026-08-01")`
  * is per spec UTC-middernacht, waardoor west-van-UTC-bezoekers "31 juli" te zien kregen (en de
@@ -28,7 +39,18 @@ export declare function formatEventDate(value: string): string;
 export declare function selectAgendaEvents<T extends AgendaEvent>(events: T[] | undefined, opts?: {
     hidePast?: boolean;
     limit?: number;
+    vandaag?: Date | null;
 }): T[];
+/**
+ * Event-JSON-LD (8.14 vollediger): adres (eigen adres of dat uit het bedrijfsprofiel), afbeelding,
+ * prijs, status (afgelast/verplaatst/online) en de organisator. Google vroeg in Search Console bij
+ * de oude versie om "ontbrekend veld: address / image / offers / organizer".
+ */
+export declare function eventJsonLd(events: Agenda["events"], bedrijf?: {
+    name?: string;
+    url?: string;
+    address?: string;
+}): Record<string, unknown>;
 /** Agenda/evenementen. Server-safe (geen client-state); `hidePast` filtert verlopen events. */
 export declare function AgendaRender({ block }: BlockRenderProps<Agenda>): import("react").JSX.Element | null;
 export {};

package/dist/blocks/builtins/AgendaRender.js

@@ -1,7 +1,40 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { jsonLdHtml } from "./jsonld.js";
+import { useVandaag } from "./lib/vandaag.js";
 import { Heading } from "../ui/index.js";
 import { icsDataUrl } from "./lib/ics.js";
+import { useMergedSiteConfig } from "../../settings/useSiteSettings.js";
+import { adresRegels } from "../../bedrijf/bedrijf.js";
+function verschuif(waarde, dagen, maanden) {
+  const metTijd = waarde.includes("T");
+  const d = parseEventDate(waarde);
+  if (Number.isNaN(d.getTime())) return waarde;
+  d.setMonth(d.getMonth() + maanden);
+  d.setDate(d.getDate() + dagen);
+  const p = (n) => String(n).padStart(2, "0");
+  const datum = `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`;
+  return metTijd ? `${datum}T${p(d.getHours())}:${p(d.getMinutes())}` : datum;
+}
+function vouwHerhalingenUit(events, vanaf = /* @__PURE__ */ new Date()) {
+  const uit = [];
+  for (const e of events) {
+    uit.push(e);
+    if (!e.herhaal || !e.start) continue;
+    const start = parseEventDate(e.start);
+    if (Number.isNaN(start.getTime())) continue;
+    const grens = e.herhaalTot ? parseEventDate(e.herhaalTot) : new Date(vanaf.getFullYear() + 1, vanaf.getMonth(), vanaf.getDate());
+    grens.setHours(23, 59, 59, 999);
+    for (let n = 1; n <= 60; n++) {
+      const dagen = e.herhaal === "wekelijks" ? 7 * n : e.herhaal === "tweewekelijks" ? 14 * n : 0;
+      const maanden = e.herhaal === "maandelijks" ? n : 0;
+      const volgendeStart = verschuif(e.start, dagen, maanden);
+      if (parseEventDate(volgendeStart) > grens) break;
+      uit.push({ ...e, start: volgendeStart, ...e.end ? { end: verschuif(e.end, dagen, maanden) } : {} });
+    }
+  }
+  return uit;
+}
 function parseEventDate(value) {
   const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value.trim());
   if (m) return new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
@@ -21,9 +54,9 @@ function formatEventDate(value) {
   });
 }
 function selectAgendaEvents(events, opts = {}) {
-  let list = (events ?? []).filter((e) => e.title);
-  if (opts.hidePast) {
-    const today = /* @__PURE__ */ new Date();
+  let list = vouwHerhalingenUit((events ?? []).filter((e) => e.title), opts.vandaag ?? void 0);
+  if (opts.hidePast && opts.vandaag !== null) {
+    const today = opts.vandaag ? new Date(opts.vandaag) : /* @__PURE__ */ new Date();
     today.setHours(0, 0, 0, 0);
     list = list.filter((e) => {
       const d = parseEventDate(e.end || e.start);
@@ -40,7 +73,17 @@ function selectAgendaEvents(events, opts = {}) {
   });
   return typeof opts.limit === "number" ? list.slice(0, opts.limit) : list;
 }
-function eventJsonLd(events) {
+function eventJsonLd(events, bedrijf) {
+  const prijsGetal = (p) => {
+    if (!p) return void 0;
+    if (/gratis|vrij/i.test(p)) return 0;
+    const m = /(\d+(?:[.,]\d{1,2})?)/.exec(p.replace(/\s/g, ""));
+    return m ? Number(m[1].replace(",", ".")) : void 0;
+  };
+  const statusUrl = {
+    afgelast: "https://schema.org/EventCancelled",
+    verplaatst: "https://schema.org/EventRescheduled"
+  };
   return {
     "@context": "https://schema.org",
     "@type": "ItemList",
@@ -54,15 +97,27 @@ function eventJsonLd(events) {
         name: e.title,
         startDate: e.start,
         ...e.end ? { endDate: e.end } : {},
-        location: { "@type": "Place", name: e.location },
+        eventStatus: statusUrl[e.status ?? ""] ?? "https://schema.org/EventScheduled",
+        eventAttendanceMode: e.status === "online" ? "https://schema.org/OnlineEventAttendanceMode" : "https://schema.org/OfflineEventAttendanceMode",
+        location: e.status === "online" ? { "@type": "VirtualLocation", url: e.url || bedrijf?.url || "" } : { "@type": "Place", name: e.location, ...e.address || bedrijf?.address ? { address: e.address || bedrijf?.address } : {} },
+        ...e.imageUrl ? { image: [e.imageUrl] } : {},
         ...e.description ? { description: e.description } : {},
-        ...e.url ? { url: e.url } : {}
+        ...e.url ? { url: e.url } : {},
+        ...prijsGetal(e.price) !== void 0 ? { offers: { "@type": "Offer", price: prijsGetal(e.price).toFixed(2), priceCurrency: "EUR", availability: "https://schema.org/InStock", ...e.url ? { url: e.url } : {} } } : {},
+        ...bedrijf?.name ? { organizer: { "@type": "Organization", name: bedrijf.name, ...bedrijf.url ? { url: bedrijf.url } : {} } } : {}
       }
     }))
   };
 }
 function AgendaRender({ block }) {
-  const events = selectAgendaEvents((block.events ?? []).map((e, i) => ({ ...e, _i: i })), { hidePast: block.hidePast });
+  const vandaag = useVandaag();
+  const cfg = useMergedSiteConfig();
+  const organisator = {
+    name: cfg.business?.name || cfg.name,
+    url: cfg.domain ? `https://${cfg.domain}` : void 0,
+    address: adresRegels(cfg.business).join(", ") || void 0
+  };
+  const events = selectAgendaEvents((block.events ?? []).map((e, i) => ({ ...e, _i: i })), { hidePast: block.hidePast, vandaag });
   if (events.length === 0) return null;
   return /* @__PURE__ */ jsxs("section", { className: "xicms-agenda", children: [
     block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
@@ -70,7 +125,10 @@ function AgendaRender({ block }) {
       /* @__PURE__ */ jsx("time", { className: "xicms-agenda__date", dateTime: e.start, children: formatEventDate(e.start) }),
       /* @__PURE__ */ jsxs("div", { className: "xicms-agenda__body", children: [
         /* @__PURE__ */ jsx("strong", { className: "xicms-agenda__title", children: e.url ? /* @__PURE__ */ jsx("a", { href: e.url, "data-xicms-edit": `events.${e._i}.title`, children: e.title }) : /* @__PURE__ */ jsx("span", { "data-xicms-edit": `events.${e._i}.title`, children: e.title }) }),
+        e.status === "afgelast" && /* @__PURE__ */ jsx("span", { className: "xicms-agenda__status", "data-status": "afgelast", children: "Afgelast" }),
+        e.status === "verplaatst" && /* @__PURE__ */ jsx("span", { className: "xicms-agenda__status", "data-status": "verplaatst", children: "Verplaatst" }),
         e.location && /* @__PURE__ */ jsx("span", { className: "xicms-agenda__location", "data-xicms-edit": `events.${e._i}.location`, children: e.location }),
+        e.price && /* @__PURE__ */ jsx("span", { className: "xicms-agenda__prijs", "data-xicms-edit": `events.${e._i}.price`, children: e.price }),
         e.description && /* @__PURE__ */ jsx("p", { className: "xicms-agenda__desc", "data-xicms-edit": `events.${e._i}.description`, children: e.description }),
         (() => {
           const ics = icsDataUrl(e);
@@ -82,15 +140,17 @@ function AgendaRender({ block }) {
       "script",
       {
         type: "application/ld+json",
-        dangerouslySetInnerHTML: { __html: jsonLdHtml(eventJsonLd(events)) }
+        dangerouslySetInnerHTML: { __html: jsonLdHtml(eventJsonLd(events, organisator)) }
       }
     )
   ] });
 }
 export {
   AgendaRender,
+  eventJsonLd,
   formatEventDate,
   parseEventDate,
-  selectAgendaEvents
+  selectAgendaEvents,
+  vouwHerhalingenUit
 };
 //# sourceMappingURL=AgendaRender.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/AgendaRender.tsx"],"sourcesContent":["import type { z } from \"zod\";\nimport { jsonLdHtml } from \"./jsonld\";\nimport type { AgendaBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { Heading } from \"../ui\";\nimport { icsDataUrl } from \"./lib/ics\";\n\ntype Agenda = z.infer<typeof AgendaBlockSchema>;\n\n/** Eén event zoals zowel het Agenda-blok als de Agenda-widget het kennen. */\nexport interface AgendaEvent {\n  title: string;\n  start: string;\n  end?: string;\n  location?: string;\n  description?: string;\n  url?: string;\n}\n\n/**\n * Parseert een event-datum als LOKALE tijd. Cruciaal voor datum-zonder-tijd: `new Date(\"2026-08-01\")`\n * is per spec UTC-middernacht, waardoor west-van-UTC-bezoekers \"31 juli\" te zien kregen (en de\n * server/client bij hydration konden verschillen). \"2026-08-01\" is hier gewoon 1 augustus, overal.\n */\nexport function parseEventDate(value: string): Date {\n  const m = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(value.trim());\n  if (m) return new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));\n  return new Date(value);\n}\n\n/** Toont een datum leesbaar (nl-NL). Valt terug op de ruwe string bij ongeldige invoer. */\nexport function formatEventDate(value: string): string {\n  if (!value) return \"\";\n  const d = parseEventDate(value);\n  if (Number.isNaN(d.getTime())) return value;\n  const hasTime = value.includes(\"T\");\n  return d.toLocaleDateString(\"nl-NL\", {\n    weekday: \"short\",\n    day: \"numeric\",\n    month: \"long\",\n    year: \"numeric\",\n    ...(hasTime ? { hour: \"2-digit\", minute: \"2-digit\" } : {}),\n  });\n}\n\n/**\n * Selecteert de te tonen events: filtert lege titels, optioneel verlopen events, sorteert\n * chronologisch (events zonder geldige datum achteraan, in invoervolgorde) en limiteert. Gedeeld\n * door het volwaardige Agenda-blok en de compacte Agenda-widget — zo \"haalt\" de widget alles\n * uit dezelfde logica als de volledige versie.\n */\nexport function selectAgendaEvents<T extends AgendaEvent>(\n  events: T[] | undefined,\n  opts: { hidePast?: boolean; limit?: number } = {},\n): T[] {\n  let list = (events ?? []).filter((e) => e.title);\n  if (opts.hidePast) {\n    const today = new Date();\n    today.setHours(0, 0, 0, 0);\n    list = list.filter((e) => {\n      const d = parseEventDate(e.end || e.start);\n      return Number.isNaN(d.getTime()) || d >= today;\n    });\n  }\n  list = [...list].sort((a, b) => {\n    const ta = parseEventDate(a.start).getTime();\n    const tb = parseEventDate(b.start).getTime();\n    if (Number.isNaN(ta) && Number.isNaN(tb)) return 0;\n    if (Number.isNaN(ta)) return 1;\n    if (Number.isNaN(tb)) return -1;\n    return ta - tb;\n  });\n  return typeof opts.limit === \"number\" ? list.slice(0, opts.limit) : list;\n}\n\nfunction eventJsonLd(events: Agenda[\"events\"]): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"ItemList\",\n    // Google vereist `location` voor Event-rich-results: events zonder locatie renderen wel op\n    // de pagina, maar blijven uit de JSON-LD (voorkomt gegarandeerde Search-Console-errors).\n    itemListElement: events\n      .filter((e) => e.title && e.start && e.location)\n      .map((e, i) => ({\n        \"@type\": \"ListItem\",\n        position: i + 1,\n        item: {\n          \"@type\": \"Event\",\n          name: e.title,\n          startDate: e.start,\n          ...(e.end ? { endDate: e.end } : {}),\n          location: { \"@type\": \"Place\", name: e.location },\n          ...(e.description ? { description: e.description } : {}),\n          ...(e.url ? { url: e.url } : {}),\n        },\n      })),\n  };\n}\n\n/** Agenda/evenementen. Server-safe (geen client-state); `hidePast` filtert verlopen events. */\nexport function AgendaRender({ block }: BlockRenderProps<Agenda>) {\n  const events = selectAgendaEvents((block.events ?? []).map((e, i) => ({ ...e, _i: i })), { hidePast: block.hidePast });\n  if (events.length === 0) return null;\n\n  return (\n    <section className=\"xicms-agenda\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      <ul className=\"xicms-agenda__list\">\n        {events.map((e) => (\n          <li key={e._i} className=\"xicms-agenda__item\">\n            <time className=\"xicms-agenda__date\" dateTime={e.start}>\n              {formatEventDate(e.start)}\n            </time>\n            <div className=\"xicms-agenda__body\">\n              <strong className=\"xicms-agenda__title\">\n                {e.url\n                  ? <a href={e.url} data-xicms-edit={`events.${e._i}.title`}>{e.title}</a>\n                  : <span data-xicms-edit={`events.${e._i}.title`}>{e.title}</span>}\n              </strong>\n              {e.location && <span className=\"xicms-agenda__location\" data-xicms-edit={`events.${e._i}.location`}>{e.location}</span>}\n              {e.description && <p className=\"xicms-agenda__desc\" data-xicms-edit={`events.${e._i}.description`}>{e.description}</p>}\n              {(() => {\n                const ics = icsDataUrl(e);\n                return ics ? (\n                  <a className=\"xicms-agenda__ics\" href={ics} download={`${(e.title || \"evenement\").toLowerCase().replace(/\\s+/g, \"-\").slice(0, 40)}.ics`}>\n                    📅 Zet in agenda\n                  </a>\n                ) : null;\n              })()}\n            </div>\n          </li>\n        ))}\n      </ul>\n      {block.jsonLd && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{ __html: jsonLdHtml(eventJsonLd(events)) }}\n        />\n      )}\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/AgendaRender.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport { jsonLdHtml } from \"./jsonld\";\nimport { useVandaag } from \"./lib/vandaag\";\nimport type { AgendaBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { Heading } from \"../ui\";\nimport { icsDataUrl } from \"./lib/ics\";\nimport { useMergedSiteConfig } from \"../../settings/useSiteSettings\";\nimport { adresRegels } from \"../../bedrijf/bedrijf\";\n\ntype Agenda = z.infer<typeof AgendaBlockSchema>;\n\n/** Eén event zoals zowel het Agenda-blok als de Agenda-widget het kennen. */\nexport interface AgendaEvent {\n  title: string;\n  start: string;\n  end?: string;\n  location?: string;\n  description?: string;\n  url?: string;\n  /** 8.15: terugkerend. */\n  herhaal?: \"wekelijks\" | \"tweewekelijks\" | \"maandelijks\";\n  /** Laatste datum van de herhaling (\"2027-06-30\"); leeg = een jaar vooruit. */\n  herhaalTot?: string;\n}\n\n/** ISO-string met dezelfde vorm als het origineel (alleen datum, of datum + tijd), verschoven. */\nfunction verschuif(waarde: string, dagen: number, maanden: number): string {\n  const metTijd = waarde.includes(\"T\");\n  const d = parseEventDate(waarde);\n  if (Number.isNaN(d.getTime())) return waarde;\n  d.setMonth(d.getMonth() + maanden);\n  d.setDate(d.getDate() + dagen);\n  const p = (n: number) => String(n).padStart(2, \"0\");\n  const datum = `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`;\n  return metTijd ? `${datum}T${p(d.getHours())}:${p(d.getMinutes())}` : datum;\n}\n\n/**\n * Terugkerende activiteiten uitvouwen (8.15): \"elke dinsdag koor\" staat één keer in het beheer en\n * verschijnt op de site als losse data — tot de einddatum, anders een jaar vooruit, en nooit meer\n * dan 60 keer. Elke herhaling houdt de index van het origineel (`_i`), dus bewerken op de pagina\n * past de reeks aan.\n */\nexport function vouwHerhalingenUit<T extends AgendaEvent>(events: T[], vanaf: Date = new Date()): T[] {\n  const uit: T[] = [];\n  for (const e of events) {\n    uit.push(e);\n    if (!e.herhaal || !e.start) continue;\n    const start = parseEventDate(e.start);\n    if (Number.isNaN(start.getTime())) continue;\n    const grens = e.herhaalTot ? parseEventDate(e.herhaalTot) : new Date(vanaf.getFullYear() + 1, vanaf.getMonth(), vanaf.getDate());\n    grens.setHours(23, 59, 59, 999);\n    for (let n = 1; n <= 60; n++) {\n      const dagen = e.herhaal === \"wekelijks\" ? 7 * n : e.herhaal === \"tweewekelijks\" ? 14 * n : 0;\n      const maanden = e.herhaal === \"maandelijks\" ? n : 0;\n      const volgendeStart = verschuif(e.start, dagen, maanden);\n      if (parseEventDate(volgendeStart) > grens) break;\n      uit.push({ ...e, start: volgendeStart, ...(e.end ? { end: verschuif(e.end, dagen, maanden) } : {}) });\n    }\n  }\n  return uit;\n}\n\n/**\n * Parseert een event-datum als LOKALE tijd. Cruciaal voor datum-zonder-tijd: `new Date(\"2026-08-01\")`\n * is per spec UTC-middernacht, waardoor west-van-UTC-bezoekers \"31 juli\" te zien kregen (en de\n * server/client bij hydration konden verschillen). \"2026-08-01\" is hier gewoon 1 augustus, overal.\n */\nexport function parseEventDate(value: string): Date {\n  const m = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(value.trim());\n  if (m) return new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));\n  return new Date(value);\n}\n\n/** Toont een datum leesbaar (nl-NL). Valt terug op de ruwe string bij ongeldige invoer. */\nexport function formatEventDate(value: string): string {\n  if (!value) return \"\";\n  const d = parseEventDate(value);\n  if (Number.isNaN(d.getTime())) return value;\n  const hasTime = value.includes(\"T\");\n  return d.toLocaleDateString(\"nl-NL\", {\n    weekday: \"short\",\n    day: \"numeric\",\n    month: \"long\",\n    year: \"numeric\",\n    ...(hasTime ? { hour: \"2-digit\", minute: \"2-digit\" } : {}),\n  });\n}\n\n/**\n * Selecteert de te tonen events: filtert lege titels, optioneel verlopen events, sorteert\n * chronologisch (events zonder geldige datum achteraan, in invoervolgorde) en limiteert. Gedeeld\n * door het volwaardige Agenda-blok en de compacte Agenda-widget — zo \"haalt\" de widget alles\n * uit dezelfde logica als de volledige versie.\n */\nexport function selectAgendaEvents<T extends AgendaEvent>(\n  events: T[] | undefined,\n  opts: { hidePast?: boolean; limit?: number; vandaag?: Date | null } = {},\n): T[] {\n  let list = vouwHerhalingenUit((events ?? []).filter((e) => e.title), opts.vandaag ?? undefined);\n  // `vandaag: null` = server-render/hydratie (zie useVandaag): dan nog niet op datum filteren.\n  if (opts.hidePast && opts.vandaag !== null) {\n    const today = opts.vandaag ? new Date(opts.vandaag) : new Date();\n    today.setHours(0, 0, 0, 0);\n    list = list.filter((e) => {\n      const d = parseEventDate(e.end || e.start);\n      return Number.isNaN(d.getTime()) || d >= today;\n    });\n  }\n  list = [...list].sort((a, b) => {\n    const ta = parseEventDate(a.start).getTime();\n    const tb = parseEventDate(b.start).getTime();\n    if (Number.isNaN(ta) && Number.isNaN(tb)) return 0;\n    if (Number.isNaN(ta)) return 1;\n    if (Number.isNaN(tb)) return -1;\n    return ta - tb;\n  });\n  return typeof opts.limit === \"number\" ? list.slice(0, opts.limit) : list;\n}\n\n/**\n * Event-JSON-LD (8.14 vollediger): adres (eigen adres of dat uit het bedrijfsprofiel), afbeelding,\n * prijs, status (afgelast/verplaatst/online) en de organisator. Google vroeg in Search Console bij\n * de oude versie om \"ontbrekend veld: address / image / offers / organizer\".\n */\nexport function eventJsonLd(\n  events: Agenda[\"events\"],\n  bedrijf?: { name?: string; url?: string; address?: string },\n): Record<string, unknown> {\n  const prijsGetal = (p?: string) => {\n    if (!p) return undefined;\n    if (/gratis|vrij/i.test(p)) return 0;\n    const m = /(\\d+(?:[.,]\\d{1,2})?)/.exec(p.replace(/\\s/g, \"\"));\n    return m ? Number(m[1].replace(\",\", \".\")) : undefined;\n  };\n  const statusUrl: Record<string, string> = {\n    afgelast: \"https://schema.org/EventCancelled\",\n    verplaatst: \"https://schema.org/EventRescheduled\",\n  };\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"ItemList\",\n    // Google vereist `location` voor Event-rich-results: events zonder locatie renderen wel op\n    // de pagina, maar blijven uit de JSON-LD (voorkomt gegarandeerde Search-Console-errors).\n    itemListElement: events\n      .filter((e) => e.title && e.start && e.location)\n      .map((e, i) => ({\n        \"@type\": \"ListItem\",\n        position: i + 1,\n        item: {\n          \"@type\": \"Event\",\n          name: e.title,\n          startDate: e.start,\n          ...(e.end ? { endDate: e.end } : {}),\n          eventStatus: statusUrl[e.status ?? \"\"] ?? \"https://schema.org/EventScheduled\",\n          eventAttendanceMode: e.status === \"online\" ? \"https://schema.org/OnlineEventAttendanceMode\" : \"https://schema.org/OfflineEventAttendanceMode\",\n          location:\n            e.status === \"online\"\n              ? { \"@type\": \"VirtualLocation\", url: e.url || bedrijf?.url || \"\" }\n              : { \"@type\": \"Place\", name: e.location, ...((e.address || bedrijf?.address) ? { address: e.address || bedrijf?.address } : {}) },\n          ...(e.imageUrl ? { image: [e.imageUrl] } : {}),\n          ...(e.description ? { description: e.description } : {}),\n          ...(e.url ? { url: e.url } : {}),\n          ...(prijsGetal(e.price) !== undefined\n            ? { offers: { \"@type\": \"Offer\", price: prijsGetal(e.price)!.toFixed(2), priceCurrency: \"EUR\", availability: \"https://schema.org/InStock\", ...(e.url ? { url: e.url } : {}) } }\n            : {}),\n          ...(bedrijf?.name ? { organizer: { \"@type\": \"Organization\", name: bedrijf.name, ...(bedrijf.url ? { url: bedrijf.url } : {}) } } : {}),\n        },\n      })),\n  };\n}\n\n/** Agenda/evenementen. Server-safe (geen client-state); `hidePast` filtert verlopen events. */\nexport function AgendaRender({ block }: BlockRenderProps<Agenda>) {\n  // Client-component (8.1): \"verlopen verbergen\" filtert op de datum van de bezoeker, en dat moet\n  // hydratie-veilig (zie useVandaag) — de server-HTML kan een dag oud zijn.\n  const vandaag = useVandaag();\n  const cfg = useMergedSiteConfig();\n  const organisator = {\n    name: cfg.business?.name || cfg.name,\n    url: cfg.domain ? `https://${cfg.domain}` : undefined,\n    address: adresRegels(cfg.business).join(\", \") || undefined,\n  };\n  const events = selectAgendaEvents((block.events ?? []).map((e, i) => ({ ...e, _i: i })), { hidePast: block.hidePast, vandaag });\n  if (events.length === 0) return null;\n\n  return (\n    <section className=\"xicms-agenda\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      <ul className=\"xicms-agenda__list\">\n        {events.map((e) => (\n          <li key={e._i} className=\"xicms-agenda__item\">\n            <time className=\"xicms-agenda__date\" dateTime={e.start}>\n              {formatEventDate(e.start)}\n            </time>\n            <div className=\"xicms-agenda__body\">\n              <strong className=\"xicms-agenda__title\">\n                {e.url\n                  ? <a href={e.url} data-xicms-edit={`events.${e._i}.title`}>{e.title}</a>\n                  : <span data-xicms-edit={`events.${e._i}.title`}>{e.title}</span>}\n              </strong>\n              {e.status === \"afgelast\" && <span className=\"xicms-agenda__status\" data-status=\"afgelast\">Afgelast</span>}\n              {e.status === \"verplaatst\" && <span className=\"xicms-agenda__status\" data-status=\"verplaatst\">Verplaatst</span>}\n              {e.location && <span className=\"xicms-agenda__location\" data-xicms-edit={`events.${e._i}.location`}>{e.location}</span>}\n              {e.price && <span className=\"xicms-agenda__prijs\" data-xicms-edit={`events.${e._i}.price`}>{e.price}</span>}\n              {e.description && <p className=\"xicms-agenda__desc\" data-xicms-edit={`events.${e._i}.description`}>{e.description}</p>}\n              {(() => {\n                const ics = icsDataUrl(e);\n                return ics ? (\n                  <a className=\"xicms-agenda__ics\" href={ics} download={`${(e.title || \"evenement\").toLowerCase().replace(/\\s+/g, \"-\").slice(0, 40)}.ics`}>\n                    📅 Zet in agenda\n                  </a>\n                ) : null;\n              })()}\n            </div>\n          </li>\n        ))}\n      </ul>\n      {block.jsonLd && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{ __html: jsonLdHtml(eventJsonLd(events, organisator)) }}\n        />\n      )}\n    </section>\n  );\n}\n"],"mappings":";AA+LwB,cAOZ,YAPY;AA5LxB,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAG3B,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AACpC,SAAS,mBAAmB;AAmB5B,SAAS,UAAU,QAAgB,OAAe,SAAyB;AACzE,QAAM,UAAU,OAAO,SAAS,GAAG;AACnC,QAAM,IAAI,eAAe,MAAM;AAC/B,MAAI,OAAO,MAAM,EAAE,QAAQ,CAAC,EAAG,QAAO;AACtC,IAAE,SAAS,EAAE,SAAS,IAAI,OAAO;AACjC,IAAE,QAAQ,EAAE,QAAQ,IAAI,KAAK;AAC7B,QAAM,IAAI,CAAC,MAAc,OAAO,CAAC,EAAE,SAAS,GAAG,GAAG;AAClD,QAAM,QAAQ,GAAG,EAAE,YAAY,CAAC,IAAI,EAAE,EAAE,SAAS,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,QAAQ,CAAC,CAAC;AACzE,SAAO,UAAU,GAAG,KAAK,IAAI,EAAE,EAAE,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,WAAW,CAAC,CAAC,KAAK;AACxE;AAQO,SAAS,mBAA0C,QAAa,QAAc,oBAAI,KAAK,GAAQ;AACpG,QAAM,MAAW,CAAC;AAClB,aAAW,KAAK,QAAQ;AACtB,QAAI,KAAK,CAAC;AACV,QAAI,CAAC,EAAE,WAAW,CAAC,EAAE,MAAO;AAC5B,UAAM,QAAQ,eAAe,EAAE,KAAK;AACpC,QAAI,OAAO,MAAM,MAAM,QAAQ,CAAC,EAAG;AACnC,UAAM,QAAQ,EAAE,aAAa,eAAe,EAAE,UAAU,IAAI,IAAI,KAAK,MAAM,YAAY,IAAI,GAAG,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC;AAC/H,UAAM,SAAS,IAAI,IAAI,IAAI,GAAG;AAC9B,aAAS,IAAI,GAAG,KAAK,IAAI,KAAK;AAC5B,YAAM,QAAQ,EAAE,YAAY,cAAc,IAAI,IAAI,EAAE,YAAY,kBAAkB,KAAK,IAAI;AAC3F,YAAM,UAAU,EAAE,YAAY,gBAAgB,IAAI;AAClD,YAAM,gBAAgB,UAAU,EAAE,OAAO,OAAO,OAAO;AACvD,UAAI,eAAe,aAAa,IAAI,MAAO;AAC3C,UAAI,KAAK,EAAE,GAAG,GAAG,OAAO,eAAe,GAAI,EAAE,MAAM,EAAE,KAAK,UAAU,EAAE,KAAK,OAAO,OAAO,EAAE,IAAI,CAAC,EAAG,CAAC;AAAA,IACtG;AAAA,EACF;AACA,SAAO;AACT;AAOO,SAAS,eAAe,OAAqB;AAClD,QAAM,IAAI,4BAA4B,KAAK,MAAM,KAAK,CAAC;AACvD,MAAI,EAAG,QAAO,IAAI,KAAK,OAAO,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,CAAC,IAAI,GAAG,OAAO,EAAE,CAAC,CAAC,CAAC;AACnE,SAAO,IAAI,KAAK,KAAK;AACvB;AAGO,SAAS,gBAAgB,OAAuB;AACrD,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,IAAI,eAAe,KAAK;AAC9B,MAAI,OAAO,MAAM,EAAE,QAAQ,CAAC,EAAG,QAAO;AACtC,QAAM,UAAU,MAAM,SAAS,GAAG;AAClC,SAAO,EAAE,mBAAmB,SAAS;AAAA,IACnC,SAAS;AAAA,IACT,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,GAAI,UAAU,EAAE,MAAM,WAAW,QAAQ,UAAU,IAAI,CAAC;AAAA,EAC1D,CAAC;AACH;AAQO,SAAS,mBACd,QACA,OAAsE,CAAC,GAClE;AACL,MAAI,OAAO,oBAAoB,UAAU,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,KAAK,GAAG,KAAK,WAAW,MAAS;AAE9F,MAAI,KAAK,YAAY,KAAK,YAAY,MAAM;AAC1C,UAAM,QAAQ,KAAK,UAAU,IAAI,KAAK,KAAK,OAAO,IAAI,oBAAI,KAAK;AAC/D,UAAM,SAAS,GAAG,GAAG,GAAG,CAAC;AACzB,WAAO,KAAK,OAAO,CAAC,MAAM;AACxB,YAAM,IAAI,eAAe,EAAE,OAAO,EAAE,KAAK;AACzC,aAAO,OAAO,MAAM,EAAE,QAAQ,CAAC,KAAK,KAAK;AAAA,IAC3C,CAAC;AAAA,EACH;AACA,SAAO,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,MAAM;AAC9B,UAAM,KAAK,eAAe,EAAE,KAAK,EAAE,QAAQ;AAC3C,UAAM,KAAK,eAAe,EAAE,KAAK,EAAE,QAAQ;AAC3C,QAAI,OAAO,MAAM,EAAE,KAAK,OAAO,MAAM,EAAE,EAAG,QAAO;AACjD,QAAI,OAAO,MAAM,EAAE,EAAG,QAAO;AAC7B,QAAI,OAAO,MAAM,EAAE,EAAG,QAAO;AAC7B,WAAO,KAAK;AAAA,EACd,CAAC;AACD,SAAO,OAAO,KAAK,UAAU,WAAW,KAAK,MAAM,GAAG,KAAK,KAAK,IAAI;AACtE;AAOO,SAAS,YACd,QACA,SACyB;AACzB,QAAM,aAAa,CAAC,MAAe;AACjC,QAAI,CAAC,EAAG,QAAO;AACf,QAAI,eAAe,KAAK,CAAC,EAAG,QAAO;AACnC,UAAM,IAAI,wBAAwB,KAAK,EAAE,QAAQ,OAAO,EAAE,CAAC;AAC3D,WAAO,IAAI,OAAO,EAAE,CAAC,EAAE,QAAQ,KAAK,GAAG,CAAC,IAAI;AAAA,EAC9C;AACA,QAAM,YAAoC;AAAA,IACxC,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AACA,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,SAAS;AAAA;AAAA;AAAA,IAGT,iBAAiB,OACd,OAAO,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAC9C,IAAI,CAAC,GAAG,OAAO;AAAA,MACd,SAAS;AAAA,MACT,UAAU,IAAI;AAAA,MACd,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,MAAM,EAAE;AAAA,QACR,WAAW,EAAE;AAAA,QACb,GAAI,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC;AAAA,QAClC,aAAa,UAAU,EAAE,UAAU,EAAE,KAAK;AAAA,QAC1C,qBAAqB,EAAE,WAAW,WAAW,iDAAiD;AAAA,QAC9F,UACE,EAAE,WAAW,WACT,EAAE,SAAS,mBAAmB,KAAK,EAAE,OAAO,SAAS,OAAO,GAAG,IAC/D,EAAE,SAAS,SAAS,MAAM,EAAE,UAAU,GAAK,EAAE,WAAW,SAAS,UAAW,EAAE,SAAS,EAAE,WAAW,SAAS,QAAQ,IAAI,CAAC,EAAG;AAAA,QACnI,GAAI,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC;AAAA,QAC5C,GAAI,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,IAAI,CAAC;AAAA,QACtD,GAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC;AAAA,QAC9B,GAAI,WAAW,EAAE,KAAK,MAAM,SACxB,EAAE,QAAQ,EAAE,SAAS,SAAS,OAAO,WAAW,EAAE,KAAK,EAAG,QAAQ,CAAC,GAAG,eAAe,OAAO,cAAc,8BAA8B,GAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC,EAAG,EAAE,IAC3K,CAAC;AAAA,QACL,GAAI,SAAS,OAAO,EAAE,WAAW,EAAE,SAAS,gBAAgB,MAAM,QAAQ,MAAM,GAAI,QAAQ,MAAM,EAAE,KAAK,QAAQ,IAAI,IAAI,CAAC,EAAG,EAAE,IAAI,CAAC;AAAA,MACtI;AAAA,IACF,EAAE;AAAA,EACN;AACF;AAGO,SAAS,aAAa,EAAE,MAAM,GAA6B;AAGhE,QAAM,UAAU,WAAW;AAC3B,QAAM,MAAM,oBAAoB;AAChC,QAAM,cAAc;AAAA,IAClB,MAAM,IAAI,UAAU,QAAQ,IAAI;AAAA,IAChC,KAAK,IAAI,SAAS,WAAW,IAAI,MAAM,KAAK;AAAA,IAC5C,SAAS,YAAY,IAAI,QAAQ,EAAE,KAAK,IAAI,KAAK;AAAA,EACnD;AACA,QAAM,SAAS,oBAAoB,MAAM,UAAU,CAAC,GAAG,IAAI,CAAC,GAAG,OAAO,EAAE,GAAG,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,UAAU,MAAM,UAAU,QAAQ,CAAC;AAC9H,MAAI,OAAO,WAAW,EAAG,QAAO;AAEhC,SACE,qBAAC,aAAQ,WAAU,gBAChB;AAAA,UAAM,WAAW,oBAAC,WAAQ,OAAO,GAAG,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAC9E,oBAAC,QAAG,WAAU,sBACX,iBAAO,IAAI,CAAC,MACX,qBAAC,QAAc,WAAU,sBACvB;AAAA,0BAAC,UAAK,WAAU,sBAAqB,UAAU,EAAE,OAC9C,0BAAgB,EAAE,KAAK,GAC1B;AAAA,MACA,qBAAC,SAAI,WAAU,sBACb;AAAA,4BAAC,YAAO,WAAU,uBACf,YAAE,MACC,oBAAC,OAAE,MAAM,EAAE,KAAK,mBAAiB,UAAU,EAAE,EAAE,UAAW,YAAE,OAAM,IAClE,oBAAC,UAAK,mBAAiB,UAAU,EAAE,EAAE,UAAW,YAAE,OAAM,GAC9D;AAAA,QACC,EAAE,WAAW,cAAc,oBAAC,UAAK,WAAU,wBAAuB,eAAY,YAAW,sBAAQ;AAAA,QACjG,EAAE,WAAW,gBAAgB,oBAAC,UAAK,WAAU,wBAAuB,eAAY,cAAa,wBAAU;AAAA,QACvG,EAAE,YAAY,oBAAC,UAAK,WAAU,0BAAyB,mBAAiB,UAAU,EAAE,EAAE,aAAc,YAAE,UAAS;AAAA,QAC/G,EAAE,SAAS,oBAAC,UAAK,WAAU,uBAAsB,mBAAiB,UAAU,EAAE,EAAE,UAAW,YAAE,OAAM;AAAA,QACnG,EAAE,eAAe,oBAAC,OAAE,WAAU,sBAAqB,mBAAiB,UAAU,EAAE,EAAE,gBAAiB,YAAE,aAAY;AAAA,SAChH,MAAM;AACN,gBAAM,MAAM,WAAW,CAAC;AACxB,iBAAO,MACL,oBAAC,OAAE,WAAU,qBAAoB,MAAM,KAAK,UAAU,IAAI,EAAE,SAAS,aAAa,YAAY,EAAE,QAAQ,QAAQ,GAAG,EAAE,MAAM,GAAG,EAAE,CAAC,QAAQ,qCAEzI,IACE;AAAA,QACN,GAAG;AAAA,SACL;AAAA,SAvBO,EAAE,EAwBX,CACD,GACH;AAAA,IACC,MAAM,UACL;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QAEL,yBAAyB,EAAE,QAAQ,WAAW,YAAY,QAAQ,WAAW,CAAC,EAAE;AAAA;AAAA,IAClF;AAAA,KAEJ;AAEJ;","names":[]}

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

@@ -0,0 +1 @@
+export declare const availabilityBlock: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;

package/dist/blocks/builtins/Availability.js

@@ -0,0 +1,23 @@
+import dynamic from "next/dynamic";
+import { defineBlock } from "../registry.js";
+const availabilityBlock = defineBlock({
+  type: "availability",
+  Render: dynamic(() => import("./AvailabilityRender.js").then((m) => m.AvailabilityRender)),
+  label: "Beschikbaarheid",
+  icon: "\u{1F4C5}",
+  fields: { "units.icalUrl": { type: "url", hint: "De iCal-export van je boekingssysteem (Airbnb, Booking.com, availcalendar \u2026): begint met https:// of webcal://." } },
+  defaults: () => ({
+    heading: "Beschikbaarheid",
+    units: [{ label: "Ons verblijf", icalUrl: "" }],
+    months: 4,
+    minNights: 2,
+    requestPath: "/contact",
+    requestLabel: "Aanvragen",
+    periodField: "verblijf",
+    unitField: "accommodatie"
+  })
+});
+export {
+  availabilityBlock
+};
+//# sourceMappingURL=Availability.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/Availability.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const availabilityBlock = defineBlock({\n  type: \"availability\",\n  Render: dynamic(() => import(\"./AvailabilityRender\").then((m) => m.AvailabilityRender)),\n  label: \"Beschikbaarheid\",\n  icon: \"📅\",\n  fields: { \"units.icalUrl\": { type: \"url\", hint: \"De iCal-export van je boekingssysteem (Airbnb, Booking.com, availcalendar …): begint met https:// of webcal://.\" } },\n  defaults: () => ({\n    heading: \"Beschikbaarheid\",\n    units: [{ label: \"Ons verblijf\", icalUrl: \"\" }],\n    months: 4,\n    minNights: 2,\n    requestPath: \"/contact\",\n    requestLabel: \"Aanvragen\",\n    periodField: \"verblijf\",\n    unitField: \"accommodatie\",\n  }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,oBAAoB,YAAY;AAAA,EAC3C,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,sBAAsB,EAAE,KAAK,CAAC,MAAM,EAAE,kBAAkB,CAAC;AAAA,EACtF,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ,EAAE,iBAAiB,EAAE,MAAM,OAAO,MAAM,uHAAkH,EAAE;AAAA,EACpK,UAAU,OAAO;AAAA,IACf,SAAS;AAAA,IACT,OAAO,CAAC,EAAE,OAAO,gBAAgB,SAAS,GAAG,CAAC;AAAA,IAC9C,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,aAAa;AAAA,IACb,cAAc;AAAA,IACd,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AACF,CAAC;","names":[]}

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

@@ -0,0 +1,12 @@
+import type { z } from "zod";
+import type { AvailabilityBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Beschikbaarheid = z.infer<typeof AvailabilityBlockSchema>;
+/**
+ * Beschikbaarheidskalender (8.15). De bezette nachten komen van de server (seed "beschikbaarheid",
+ * per iCal-link, een uur gecachet); zonder seed toont de kalender alles als vrij met een eerlijke
+ * melding. Klik een aankomstdag en een vertrekdag; "Aanvragen" opent het formulier met
+ * `?verblijf=van/tot&accommodatie=…`, dat de velden "Periode" en "Verborgen" (8.14) invullen.
+ */
+export declare function AvailabilityRender({ block, mode }: BlockRenderProps<Beschikbaarheid>): import("react").JSX.Element | null;
+export {};

package/dist/blocks/builtins/AvailabilityRender.js

@@ -0,0 +1,105 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { useBlockData } from "../context.js";
+import { Btn, Heading } from "../ui/index.js";
+import { isBezet, maandRaster, periodeVrij } from "./lib/ical.js";
+import { useVandaag } from "./lib/vandaag.js";
+import { isoDatum } from "../../bedrijf/bedrijf.js";
+const DAGEN = ["ma", "di", "wo", "do", "vr", "za", "zo"];
+function nachten(van, tot) {
+  return Math.round((Date.parse(tot) - Date.parse(van)) / 864e5);
+}
+function mooi(iso) {
+  const [j, m, d] = iso.split("-").map(Number);
+  return new Date(j, m - 1, d).toLocaleDateString("nl-NL", { weekday: "short", day: "numeric", month: "short" });
+}
+function AvailabilityRender({ block, mode }) {
+  const seed = useBlockData("beschikbaarheid");
+  const units = (block.units ?? []).filter((u) => u.label || u.icalUrl);
+  const [actief, setActief] = useState(0);
+  const [van, setVan] = useState(null);
+  const [tot, setTot] = useState(null);
+  const vandaagDatum = useVandaag();
+  const vandaagIso = vandaagDatum ? isoDatum(vandaagDatum) : null;
+  const unit = units[Math.min(actief, Math.max(units.length - 1, 0))];
+  const bezet = unit?.icalUrl ? seed?.[unit.icalUrl] : void 0;
+  const onbekend = Boolean(unit?.icalUrl) && !Array.isArray(bezet);
+  const maanden = useMemo(() => {
+    const basis = vandaagDatum ?? /* @__PURE__ */ new Date();
+    return Array.from({ length: block.months ?? 4 }, (_, i) => {
+      const d = new Date(basis.getFullYear(), basis.getMonth() + i, 1);
+      return { jaar: d.getFullYear(), maand: d.getMonth(), naam: d.toLocaleDateString("nl-NL", { month: "long", year: "numeric" }) };
+    });
+  }, [vandaagDatum, block.months]);
+  if (units.length === 0) {
+    return mode === "preview" ? /* @__PURE__ */ jsx("p", { className: "xicms-ve__hint", children: "Beschikbaarheid: voeg een accommodatie toe met de iCal-link uit je boekingssysteem." }) : null;
+  }
+  const lijst = Array.isArray(bezet) ? bezet : [];
+  const vandaag = vandaagIso ?? "0000-00-00";
+  const kies = (dag) => {
+    if (!van || tot || dag <= van) {
+      setVan(isBezet(dag, lijst) ? null : dag);
+      setTot(null);
+      return;
+    }
+    setTot(dag);
+  };
+  const geldig = van && tot && periodeVrij(van, tot, lijst) && nachten(van, tot) >= (block.minNights ?? 1);
+  const link = van && tot ? `${block.requestPath || "/contact"}?${encodeURIComponent(block.periodField || "verblijf")}=${van}/${tot}&${encodeURIComponent(block.unitField || "accommodatie")}=${encodeURIComponent(unit?.label ?? "")}` : void 0;
+  return /* @__PURE__ */ jsxs("section", { className: "xicms-beschikbaar", children: [
+    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
+    block.intro && /* @__PURE__ */ jsx("p", { className: "xicms-beschikbaar__intro", "data-xicms-edit": "intro", children: block.intro }),
+    units.length > 1 && /* @__PURE__ */ jsx("div", { className: "xicms-beschikbaar__tabs", role: "tablist", "aria-label": "Accommodatie", children: units.map((u, i) => /* @__PURE__ */ jsx("button", { type: "button", role: "tab", "aria-selected": i === actief, onClick: () => {
+      setActief(i);
+      setVan(null);
+      setTot(null);
+    }, children: u.label || `Accommodatie ${i + 1}` }, i)) }),
+    unit?.note && /* @__PURE__ */ jsx("p", { className: "xicms-beschikbaar__noot", children: unit.note }),
+    onbekend && /* @__PURE__ */ jsx("p", { className: "xicms-beschikbaar__melding", role: "status", children: "De actuele bezetting kon niet worden geladen. Vraag gerust aan \u2014 we laten snel weten of het past." }),
+    /* @__PURE__ */ jsx("div", { className: "xicms-beschikbaar__maanden", children: maanden.map((m) => /* @__PURE__ */ jsxs("div", { className: "xicms-beschikbaar__maand", children: [
+      /* @__PURE__ */ jsx("p", { className: "xicms-beschikbaar__maandnaam", children: m.naam }),
+      /* @__PURE__ */ jsxs("table", { children: [
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: DAGEN.map((d) => /* @__PURE__ */ jsx("th", { scope: "col", children: d }, d)) }) }),
+        /* @__PURE__ */ jsx("tbody", { children: maandRaster(m.jaar, m.maand).map((week, wi) => /* @__PURE__ */ jsx("tr", { children: week.map((dag, di) => {
+          if (!dag) return /* @__PURE__ */ jsx("td", {}, di);
+          const verleden = dag < vandaag;
+          const vol = isBezet(dag, lijst);
+          const gekozen = van && (dag === van || tot && dag >= van && dag < tot || dag === tot);
+          return /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              disabled: verleden || vol && !(van && !tot && dag > van),
+              "data-status": verleden ? "voorbij" : vol ? "bezet" : "vrij",
+              "data-gekozen": gekozen ? "1" : void 0,
+              "aria-label": `${mooi(dag)}${vol ? ", bezet" : ", vrij"}`,
+              "aria-pressed": Boolean(gekozen),
+              onClick: () => kies(dag),
+              children: Number(dag.slice(8))
+            }
+          ) }, di);
+        }) }, wi)) })
+      ] })
+    ] }, `${m.jaar}-${m.maand}`)) }),
+    /* @__PURE__ */ jsxs("div", { className: "xicms-beschikbaar__voet", children: [
+      /* @__PURE__ */ jsxs("span", { className: "xicms-beschikbaar__legenda", children: [
+        /* @__PURE__ */ jsx("i", { "data-status": "vrij" }),
+        " vrij ",
+        /* @__PURE__ */ jsx("i", { "data-status": "bezet" }),
+        " bezet"
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "xicms-beschikbaar__keuze", "aria-live": "polite", children: [
+        !van && "Kies je aankomstdag.",
+        van && !tot && `Aankomst ${mooi(van)} \u2014 kies je vertrekdag.`,
+        van && tot && !geldig && (periodeVrij(van, tot, lijst) ? `Minimaal ${block.minNights} ${block.minNights === 1 ? "nacht" : "nachten"}.` : "In deze periode is het al bezet. Kies andere data."),
+        van && tot && geldig && `${mooi(van)} \u2013 ${mooi(tot)} \xB7 ${nachten(van, tot)} ${nachten(van, tot) === 1 ? "nacht" : "nachten"}`
+      ] }),
+      geldig && link && /* @__PURE__ */ jsx(Btn, { label: block.requestLabel || "Aanvragen", href: link, size: "md" })
+    ] })
+  ] });
+}
+export {
+  AvailabilityRender
+};
+//# sourceMappingURL=AvailabilityRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/AvailabilityRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo, useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { AvailabilityBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { useBlockData } from \"../context\";\nimport { Btn, Heading } from \"../ui\";\nimport { isBezet, maandRaster, periodeVrij, type Bezet } from \"./lib/ical\";\nimport { useVandaag } from \"./lib/vandaag\";\nimport { isoDatum } from \"../../bedrijf/bedrijf\";\n\ntype Beschikbaarheid = z.infer<typeof AvailabilityBlockSchema>;\n\nconst DAGEN = [\"ma\", \"di\", \"wo\", \"do\", \"vr\", \"za\", \"zo\"];\n\nfunction nachten(van: string, tot: string): number {\n  return Math.round((Date.parse(tot) - Date.parse(van)) / 86_400_000);\n}\n\nfunction mooi(iso: string): string {\n  const [j, m, d] = iso.split(\"-\").map(Number);\n  return new Date(j, m - 1, d).toLocaleDateString(\"nl-NL\", { weekday: \"short\", day: \"numeric\", month: \"short\" });\n}\n\n/**\n * Beschikbaarheidskalender (8.15). De bezette nachten komen van de server (seed \"beschikbaarheid\",\n * per iCal-link, een uur gecachet); zonder seed toont de kalender alles als vrij met een eerlijke\n * melding. Klik een aankomstdag en een vertrekdag; \"Aanvragen\" opent het formulier met\n * `?verblijf=van/tot&accommodatie=…`, dat de velden \"Periode\" en \"Verborgen\" (8.14) invullen.\n */\nexport function AvailabilityRender({ block, mode }: BlockRenderProps<Beschikbaarheid>) {\n  const seed = useBlockData<Record<string, Bezet[] | null>>(\"beschikbaarheid\");\n  const units = (block.units ?? []).filter((u) => u.label || u.icalUrl);\n  const [actief, setActief] = useState(0);\n  const [van, setVan] = useState<string | null>(null);\n  const [tot, setTot] = useState<string | null>(null);\n  // Null tijdens server-render en hydratie (zie useVandaag): dan nog geen dagen als \"voorbij\".\n  const vandaagDatum = useVandaag();\n  const vandaagIso = vandaagDatum ? isoDatum(vandaagDatum) : null;\n  const unit = units[Math.min(actief, Math.max(units.length - 1, 0))];\n  const bezet = unit?.icalUrl ? seed?.[unit.icalUrl] : undefined;\n  const onbekend = Boolean(unit?.icalUrl) && !Array.isArray(bezet);\n\n  const maanden = useMemo(() => {\n    const basis = vandaagDatum ?? new Date();\n    return Array.from({ length: block.months ?? 4 }, (_, i) => {\n      const d = new Date(basis.getFullYear(), basis.getMonth() + i, 1);\n      return { jaar: d.getFullYear(), maand: d.getMonth(), naam: d.toLocaleDateString(\"nl-NL\", { month: \"long\", year: \"numeric\" }) };\n    });\n  }, [vandaagDatum, block.months]);\n\n  if (units.length === 0) {\n    return mode === \"preview\" ? <p className=\"xicms-ve__hint\">Beschikbaarheid: voeg een accommodatie toe met de iCal-link uit je boekingssysteem.</p> : null;\n  }\n\n  const lijst = Array.isArray(bezet) ? bezet : [];\n  const vandaag = vandaagIso ?? \"0000-00-00\";\n  const kies = (dag: string) => {\n    if (!van || tot || dag <= van) {\n      setVan(isBezet(dag, lijst) ? null : dag);\n      setTot(null);\n      return;\n    }\n    setTot(dag);\n  };\n  const geldig = van && tot && periodeVrij(van, tot, lijst) && nachten(van, tot) >= (block.minNights ?? 1);\n  const link = van && tot\n    ? `${block.requestPath || \"/contact\"}?${encodeURIComponent(block.periodField || \"verblijf\")}=${van}/${tot}&${encodeURIComponent(block.unitField || \"accommodatie\")}=${encodeURIComponent(unit?.label ?? \"\")}`\n    : undefined;\n\n  return (\n    <section className=\"xicms-beschikbaar\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      {block.intro && <p className=\"xicms-beschikbaar__intro\" data-xicms-edit=\"intro\">{block.intro}</p>}\n      {units.length > 1 && (\n        <div className=\"xicms-beschikbaar__tabs\" role=\"tablist\" aria-label=\"Accommodatie\">\n          {units.map((u, i) => (\n            <button key={i} type=\"button\" role=\"tab\" aria-selected={i === actief} onClick={() => { setActief(i); setVan(null); setTot(null); }}>\n              {u.label || `Accommodatie ${i + 1}`}\n            </button>\n          ))}\n        </div>\n      )}\n      {unit?.note && <p className=\"xicms-beschikbaar__noot\">{unit.note}</p>}\n      {onbekend && (\n        <p className=\"xicms-beschikbaar__melding\" role=\"status\">\n          De actuele bezetting kon niet worden geladen. Vraag gerust aan — we laten snel weten of het past.\n        </p>\n      )}\n      <div className=\"xicms-beschikbaar__maanden\">\n        {maanden.map((m) => (\n          <div key={`${m.jaar}-${m.maand}`} className=\"xicms-beschikbaar__maand\">\n            <p className=\"xicms-beschikbaar__maandnaam\">{m.naam}</p>\n            <table>\n              <thead>\n                <tr>{DAGEN.map((d) => <th key={d} scope=\"col\">{d}</th>)}</tr>\n              </thead>\n              <tbody>\n                {maandRaster(m.jaar, m.maand).map((week, wi) => (\n                  <tr key={wi}>\n                    {week.map((dag, di) => {\n                      if (!dag) return <td key={di} />;\n                      const verleden = dag < vandaag;\n                      const vol = isBezet(dag, lijst);\n                      const gekozen = van && (dag === van || (tot && dag >= van && dag < tot) || dag === tot);\n                      return (\n                        <td key={di}>\n                          <button\n                            type=\"button\"\n                            disabled={verleden || (vol && !(van && !tot && dag > van))}\n                            data-status={verleden ? \"voorbij\" : vol ? \"bezet\" : \"vrij\"}\n                            data-gekozen={gekozen ? \"1\" : undefined}\n                            aria-label={`${mooi(dag)}${vol ? \", bezet\" : \", vrij\"}`}\n                            aria-pressed={Boolean(gekozen)}\n                            onClick={() => kies(dag)}\n                          >\n                            {Number(dag.slice(8))}\n                          </button>\n                        </td>\n                      );\n                    })}\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        ))}\n      </div>\n      <div className=\"xicms-beschikbaar__voet\">\n        <span className=\"xicms-beschikbaar__legenda\"><i data-status=\"vrij\" /> vrij <i data-status=\"bezet\" /> bezet</span>\n        <span className=\"xicms-beschikbaar__keuze\" aria-live=\"polite\">\n          {!van && \"Kies je aankomstdag.\"}\n          {van && !tot && `Aankomst ${mooi(van)} — kies je vertrekdag.`}\n          {van && tot && !geldig && (periodeVrij(van, tot, lijst)\n            ? `Minimaal ${block.minNights} ${block.minNights === 1 ? \"nacht\" : \"nachten\"}.`\n            : \"In deze periode is het al bezet. Kies andere data.\")}\n          {van && tot && geldig && `${mooi(van)} – ${mooi(tot)} · ${nachten(van, tot)} ${nachten(van, tot) === 1 ? \"nacht\" : \"nachten\"}`}\n        </span>\n        {geldig && link && <Btn label={block.requestLabel || \"Aanvragen\"} href={link} size=\"md\" />}\n      </div>\n    </section>\n  );\n}\n"],"mappings":";AAqDgC,cAyCpB,YAzCoB;AAnDhC,SAAS,SAAS,gBAAgB;AAIlC,SAAS,oBAAoB;AAC7B,SAAS,KAAK,eAAe;AAC7B,SAAS,SAAS,aAAa,mBAA+B;AAC9D,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AAIzB,MAAM,QAAQ,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI;AAEvD,SAAS,QAAQ,KAAa,KAAqB;AACjD,SAAO,KAAK,OAAO,KAAK,MAAM,GAAG,IAAI,KAAK,MAAM,GAAG,KAAK,KAAU;AACpE;AAEA,SAAS,KAAK,KAAqB;AACjC,QAAM,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,MAAM,GAAG,EAAE,IAAI,MAAM;AAC3C,SAAO,IAAI,KAAK,GAAG,IAAI,GAAG,CAAC,EAAE,mBAAmB,SAAS,EAAE,SAAS,SAAS,KAAK,WAAW,OAAO,QAAQ,CAAC;AAC/G;AAQO,SAAS,mBAAmB,EAAE,OAAO,KAAK,GAAsC;AACrF,QAAM,OAAO,aAA6C,iBAAiB;AAC3E,QAAM,SAAS,MAAM,SAAS,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO;AACpE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,CAAC;AACtC,QAAM,CAAC,KAAK,MAAM,IAAI,SAAwB,IAAI;AAClD,QAAM,CAAC,KAAK,MAAM,IAAI,SAAwB,IAAI;AAElD,QAAM,eAAe,WAAW;AAChC,QAAM,aAAa,eAAe,SAAS,YAAY,IAAI;AAC3D,QAAM,OAAO,MAAM,KAAK,IAAI,QAAQ,KAAK,IAAI,MAAM,SAAS,GAAG,CAAC,CAAC,CAAC;AAClE,QAAM,QAAQ,MAAM,UAAU,OAAO,KAAK,OAAO,IAAI;AACrD,QAAM,WAAW,QAAQ,MAAM,OAAO,KAAK,CAAC,MAAM,QAAQ,KAAK;AAE/D,QAAM,UAAU,QAAQ,MAAM;AAC5B,UAAM,QAAQ,gBAAgB,oBAAI,KAAK;AACvC,WAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,UAAU,EAAE,GAAG,CAAC,GAAG,MAAM;AACzD,YAAM,IAAI,IAAI,KAAK,MAAM,YAAY,GAAG,MAAM,SAAS,IAAI,GAAG,CAAC;AAC/D,aAAO,EAAE,MAAM,EAAE,YAAY,GAAG,OAAO,EAAE,SAAS,GAAG,MAAM,EAAE,mBAAmB,SAAS,EAAE,OAAO,QAAQ,MAAM,UAAU,CAAC,EAAE;AAAA,IAC/H,CAAC;AAAA,EACH,GAAG,CAAC,cAAc,MAAM,MAAM,CAAC;AAE/B,MAAI,MAAM,WAAW,GAAG;AACtB,WAAO,SAAS,YAAY,oBAAC,OAAE,WAAU,kBAAiB,iGAAmF,IAAO;AAAA,EACtJ;AAEA,QAAM,QAAQ,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC;AAC9C,QAAM,UAAU,cAAc;AAC9B,QAAM,OAAO,CAAC,QAAgB;AAC5B,QAAI,CAAC,OAAO,OAAO,OAAO,KAAK;AAC7B,aAAO,QAAQ,KAAK,KAAK,IAAI,OAAO,GAAG;AACvC,aAAO,IAAI;AACX;AAAA,IACF;AACA,WAAO,GAAG;AAAA,EACZ;AACA,QAAM,SAAS,OAAO,OAAO,YAAY,KAAK,KAAK,KAAK,KAAK,QAAQ,KAAK,GAAG,MAAM,MAAM,aAAa;AACtG,QAAM,OAAO,OAAO,MAChB,GAAG,MAAM,eAAe,UAAU,IAAI,mBAAmB,MAAM,eAAe,UAAU,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,mBAAmB,MAAM,aAAa,cAAc,CAAC,IAAI,mBAAmB,MAAM,SAAS,EAAE,CAAC,KACzM;AAEJ,SACE,qBAAC,aAAQ,WAAU,qBAChB;AAAA,UAAM,WAAW,oBAAC,WAAQ,OAAO,GAAG,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAC7E,MAAM,SAAS,oBAAC,OAAE,WAAU,4BAA2B,mBAAgB,SAAS,gBAAM,OAAM;AAAA,IAC5F,MAAM,SAAS,KACd,oBAAC,SAAI,WAAU,2BAA0B,MAAK,WAAU,cAAW,gBAChE,gBAAM,IAAI,CAAC,GAAG,MACb,oBAAC,YAAe,MAAK,UAAS,MAAK,OAAM,iBAAe,MAAM,QAAQ,SAAS,MAAM;AAAE,gBAAU,CAAC;AAAG,aAAO,IAAI;AAAG,aAAO,IAAI;AAAA,IAAG,GAC9H,YAAE,SAAS,gBAAgB,IAAI,CAAC,MADtB,CAEb,CACD,GACH;AAAA,IAED,MAAM,QAAQ,oBAAC,OAAE,WAAU,2BAA2B,eAAK,MAAK;AAAA,IAChE,YACC,oBAAC,OAAE,WAAU,8BAA6B,MAAK,UAAS,oHAExD;AAAA,IAEF,oBAAC,SAAI,WAAU,8BACZ,kBAAQ,IAAI,CAAC,MACZ,qBAAC,SAAiC,WAAU,4BAC1C;AAAA,0BAAC,OAAE,WAAU,gCAAgC,YAAE,MAAK;AAAA,MACpD,qBAAC,WACC;AAAA,4BAAC,WACC,8BAAC,QAAI,gBAAM,IAAI,CAAC,MAAM,oBAAC,QAAW,OAAM,OAAO,eAAhB,CAAkB,CAAK,GAAE,GAC1D;AAAA,QACA,oBAAC,WACE,sBAAY,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,OACvC,oBAAC,QACE,eAAK,IAAI,CAAC,KAAK,OAAO;AACrB,cAAI,CAAC,IAAK,QAAO,oBAAC,UAAQ,EAAI;AAC9B,gBAAM,WAAW,MAAM;AACvB,gBAAM,MAAM,QAAQ,KAAK,KAAK;AAC9B,gBAAM,UAAU,QAAQ,QAAQ,OAAQ,OAAO,OAAO,OAAO,MAAM,OAAQ,QAAQ;AACnF,iBACE,oBAAC,QACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAU,YAAa,OAAO,EAAE,OAAO,CAAC,OAAO,MAAM;AAAA,cACrD,eAAa,WAAW,YAAY,MAAM,UAAU;AAAA,cACpD,gBAAc,UAAU,MAAM;AAAA,cAC9B,cAAY,GAAG,KAAK,GAAG,CAAC,GAAG,MAAM,YAAY,QAAQ;AAAA,cACrD,gBAAc,QAAQ,OAAO;AAAA,cAC7B,SAAS,MAAM,KAAK,GAAG;AAAA,cAEtB,iBAAO,IAAI,MAAM,CAAC,CAAC;AAAA;AAAA,UACtB,KAXO,EAYT;AAAA,QAEJ,CAAC,KArBM,EAsBT,CACD,GACH;AAAA,SACF;AAAA,SAjCQ,GAAG,EAAE,IAAI,IAAI,EAAE,KAAK,EAkC9B,CACD,GACH;AAAA,IACA,qBAAC,SAAI,WAAU,2BACb;AAAA,2BAAC,UAAK,WAAU,8BAA6B;AAAA,4BAAC,OAAE,eAAY,QAAO;AAAA,QAAE;AAAA,QAAM,oBAAC,OAAE,eAAY,SAAQ;AAAA,QAAE;AAAA,SAAM;AAAA,MAC1G,qBAAC,UAAK,WAAU,4BAA2B,aAAU,UAClD;AAAA,SAAC,OAAO;AAAA,QACR,OAAO,CAAC,OAAO,YAAY,KAAK,GAAG,CAAC;AAAA,QACpC,OAAO,OAAO,CAAC,WAAW,YAAY,KAAK,KAAK,KAAK,IAClD,YAAY,MAAM,SAAS,IAAI,MAAM,cAAc,IAAI,UAAU,SAAS,MAC1E;AAAA,QACH,OAAO,OAAO,UAAU,GAAG,KAAK,GAAG,CAAC,WAAM,KAAK,GAAG,CAAC,SAAM,QAAQ,KAAK,GAAG,CAAC,IAAI,QAAQ,KAAK,GAAG,MAAM,IAAI,UAAU,SAAS;AAAA,SAC9H;AAAA,MACC,UAAU,QAAQ,oBAAC,OAAI,OAAO,MAAM,gBAAgB,aAAa,MAAM,MAAM,MAAK,MAAK;AAAA,OAC1F;AAAA,KACF;AAEJ;","names":[]}

package/dist/blocks/builtins/BeforeAfterRender.js

@@ -1,14 +1,15 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
+import { SeedImg } from "../../media/ImageContext.js";
 function BeforeAfterRender({ block }) {
   const [pos, setPos] = useState(50);
   if (!block.beforeUrl || !block.afterUrl) return null;
-  return /* @__PURE__ */ jsxs("figure", { className: "xicms-beforeafter", style: { aspectRatio: block.aspectRatio.replace("/", " / ") }, children: [
+  return /* @__PURE__ */ jsxs("figure", { className: "xicms-beforeafter", style: { aspectRatio: (block.aspectRatio ?? "4/3").replace("/", " / ") }, children: [
     block.heading && /* @__PURE__ */ jsx("figcaption", { className: "xicms-beforeafter__heading", "data-xicms-edit": "heading", children: block.heading }),
     /* @__PURE__ */ jsxs("div", { className: "xicms-beforeafter__stage", children: [
-      /* @__PURE__ */ jsx("img", { className: "xicms-beforeafter__img", src: block.beforeUrl, alt: block.alt || block.beforeLabel, loading: "lazy" }),
-      /* @__PURE__ */ jsx("div", { className: "xicms-beforeafter__clip", style: { clipPath: `inset(0 0 0 ${pos}%)` }, "aria-hidden": true, children: /* @__PURE__ */ jsx("img", { className: "xicms-beforeafter__img", src: block.afterUrl, alt: "", loading: "lazy" }) }),
+      /* @__PURE__ */ jsx(SeedImg, { className: "xicms-beforeafter__img", src: block.beforeUrl, alt: block.alt || block.beforeLabel, sizes: "(max-width: 900px) 100vw, 900px" }),
+      /* @__PURE__ */ jsx("div", { className: "xicms-beforeafter__clip", style: { clipPath: `inset(0 0 0 ${pos}%)` }, "aria-hidden": true, children: /* @__PURE__ */ jsx(SeedImg, { className: "xicms-beforeafter__img", src: block.afterUrl, alt: "", sizes: "(max-width: 900px) 100vw, 900px" }) }),
       /* @__PURE__ */ jsx("div", { className: "xicms-beforeafter__divider", style: { left: `${pos}%` }, "aria-hidden": true, children: /* @__PURE__ */ jsx("span", { className: "xicms-beforeafter__handle", children: "\u27E8\u27E9" }) }),
       /* @__PURE__ */ jsx("span", { className: "xicms-beforeafter__badge xicms-beforeafter__badge--before", "data-xicms-edit": "beforeLabel", children: block.beforeLabel }),
       /* @__PURE__ */ jsx("span", { className: "xicms-beforeafter__badge xicms-beforeafter__badge--after", "data-xicms-edit": "afterLabel", children: block.afterLabel }),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/BeforeAfterRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { BeforeAfterBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\n\ntype BeforeAfter = z.infer<typeof BeforeAfterBlockSchema>;\n\n/**\n * Voor/na-vergelijker: het \"na\"-beeld wordt geclipt op de sleppositie. De greep is een échte\n * range-input (over de hele breedte, transparant) — slepen, klikken én pijltjestoetsen werken\n * daarmee gratis en toegankelijk (aria-label + waarde in %).\n */\nexport function BeforeAfterRender({ block }: BlockRenderProps<BeforeAfter>) {\n  const [pos, setPos] = useState(50);\n  if (!block.beforeUrl || !block.afterUrl) return null;\n  return (\n    <figure className=\"xicms-beforeafter\" style={{ aspectRatio: block.aspectRatio.replace(\"/\", \" / \") }}>\n      {block.heading && <figcaption className=\"xicms-beforeafter__heading\" data-xicms-edit=\"heading\">{block.heading}</figcaption>}\n      <div className=\"xicms-beforeafter__stage\">\n        {/* eslint-disable-next-line @next/next/no-img-element */}\n        <img className=\"xicms-beforeafter__img\" src={block.beforeUrl} alt={block.alt || block.beforeLabel} loading=\"lazy\" />\n        <div className=\"xicms-beforeafter__clip\" style={{ clipPath: `inset(0 0 0 ${pos}%)` }} aria-hidden>\n          {/* eslint-disable-next-line @next/next/no-img-element */}\n          <img className=\"xicms-beforeafter__img\" src={block.afterUrl} alt=\"\" loading=\"lazy\" />\n        </div>\n        <div className=\"xicms-beforeafter__divider\" style={{ left: `${pos}%` }} aria-hidden>\n          <span className=\"xicms-beforeafter__handle\">⟨⟩</span>\n        </div>\n        <span className=\"xicms-beforeafter__badge xicms-beforeafter__badge--before\" data-xicms-edit=\"beforeLabel\">{block.beforeLabel}</span>\n        <span className=\"xicms-beforeafter__badge xicms-beforeafter__badge--after\" data-xicms-edit=\"afterLabel\">{block.afterLabel}</span>\n        <input\n          className=\"xicms-beforeafter__range\"\n          type=\"range\"\n          min={0}\n          max={100}\n          value={pos}\n          onChange={(e) => setPos(Number(e.target.value))}\n          aria-label={`Vergelijk ${block.beforeLabel} en ${block.afterLabel}`}\n          aria-valuetext={`${pos}% ${block.afterLabel}`}\n        />\n      </div>\n    </figure>\n  );\n}\n"],"mappings":";AAmBwB,cAClB,YADkB;AAjBxB,SAAS,gBAAgB;AAYlB,SAAS,kBAAkB,EAAE,MAAM,GAAkC;AAC1E,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,EAAE;AACjC,MAAI,CAAC,MAAM,aAAa,CAAC,MAAM,SAAU,QAAO;AAChD,SACE,qBAAC,YAAO,WAAU,qBAAoB,OAAO,EAAE,aAAa,MAAM,YAAY,QAAQ,KAAK,KAAK,EAAE,GAC/F;AAAA,UAAM,WAAW,oBAAC,gBAAW,WAAU,8BAA6B,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAC9G,qBAAC,SAAI,WAAU,4BAEb;AAAA,0BAAC,SAAI,WAAU,0BAAyB,KAAK,MAAM,WAAW,KAAK,MAAM,OAAO,MAAM,aAAa,SAAQ,QAAO;AAAA,MAClH,oBAAC,SAAI,WAAU,2BAA0B,OAAO,EAAE,UAAU,eAAe,GAAG,KAAK,GAAG,eAAW,MAE/F,8BAAC,SAAI,WAAU,0BAAyB,KAAK,MAAM,UAAU,KAAI,IAAG,SAAQ,QAAO,GACrF;AAAA,MACA,oBAAC,SAAI,WAAU,8BAA6B,OAAO,EAAE,MAAM,GAAG,GAAG,IAAI,GAAG,eAAW,MACjF,8BAAC,UAAK,WAAU,6BAA4B,0BAAE,GAChD;AAAA,MACA,oBAAC,UAAK,WAAU,6DAA4D,mBAAgB,eAAe,gBAAM,aAAY;AAAA,MAC7H,oBAAC,UAAK,WAAU,4DAA2D,mBAAgB,cAAc,gBAAM,YAAW;AAAA,MAC1H;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,OAAO,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,UAC9C,cAAY,aAAa,MAAM,WAAW,OAAO,MAAM,UAAU;AAAA,UACjE,kBAAgB,GAAG,GAAG,KAAK,MAAM,UAAU;AAAA;AAAA,MAC7C;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/BeforeAfterRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { BeforeAfterBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { SeedImg } from \"../../media/ImageContext\";\n\ntype BeforeAfter = z.infer<typeof BeforeAfterBlockSchema>;\n\n/**\n * Voor/na-vergelijker: het \"na\"-beeld wordt geclipt op de sleppositie. De greep is een échte\n * range-input (over de hele breedte, transparant) — slepen, klikken én pijltjestoetsen werken\n * daarmee gratis en toegankelijk (aria-label + waarde in %).\n */\nexport function BeforeAfterRender({ block }: BlockRenderProps<BeforeAfter>) {\n  const [pos, setPos] = useState(50);\n  if (!block.beforeUrl || !block.afterUrl) return null;\n  return (\n    <figure className=\"xicms-beforeafter\" style={{ aspectRatio: (block.aspectRatio ?? \"4/3\").replace(\"/\", \" / \") }}>\n      {block.heading && <figcaption className=\"xicms-beforeafter__heading\" data-xicms-edit=\"heading\">{block.heading}</figcaption>}\n      <div className=\"xicms-beforeafter__stage\">\n        <SeedImg className=\"xicms-beforeafter__img\" src={block.beforeUrl} alt={block.alt || block.beforeLabel} sizes=\"(max-width: 900px) 100vw, 900px\" />\n        <div className=\"xicms-beforeafter__clip\" style={{ clipPath: `inset(0 0 0 ${pos}%)` }} aria-hidden>\n          <SeedImg className=\"xicms-beforeafter__img\" src={block.afterUrl} alt=\"\" sizes=\"(max-width: 900px) 100vw, 900px\" />\n        </div>\n        <div className=\"xicms-beforeafter__divider\" style={{ left: `${pos}%` }} aria-hidden>\n          <span className=\"xicms-beforeafter__handle\">⟨⟩</span>\n        </div>\n        <span className=\"xicms-beforeafter__badge xicms-beforeafter__badge--before\" data-xicms-edit=\"beforeLabel\">{block.beforeLabel}</span>\n        <span className=\"xicms-beforeafter__badge xicms-beforeafter__badge--after\" data-xicms-edit=\"afterLabel\">{block.afterLabel}</span>\n        <input\n          className=\"xicms-beforeafter__range\"\n          type=\"range\"\n          min={0}\n          max={100}\n          value={pos}\n          onChange={(e) => setPos(Number(e.target.value))}\n          aria-label={`Vergelijk ${block.beforeLabel} en ${block.afterLabel}`}\n          aria-valuetext={`${pos}% ${block.afterLabel}`}\n        />\n      </div>\n    </figure>\n  );\n}\n"],"mappings":";AAoBwB,cAClB,YADkB;AAlBxB,SAAS,gBAAgB;AAIzB,SAAS,eAAe;AASjB,SAAS,kBAAkB,EAAE,MAAM,GAAkC;AAC1E,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,EAAE;AACjC,MAAI,CAAC,MAAM,aAAa,CAAC,MAAM,SAAU,QAAO;AAChD,SACE,qBAAC,YAAO,WAAU,qBAAoB,OAAO,EAAE,cAAc,MAAM,eAAe,OAAO,QAAQ,KAAK,KAAK,EAAE,GAC1G;AAAA,UAAM,WAAW,oBAAC,gBAAW,WAAU,8BAA6B,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAC9G,qBAAC,SAAI,WAAU,4BACb;AAAA,0BAAC,WAAQ,WAAU,0BAAyB,KAAK,MAAM,WAAW,KAAK,MAAM,OAAO,MAAM,aAAa,OAAM,mCAAkC;AAAA,MAC/I,oBAAC,SAAI,WAAU,2BAA0B,OAAO,EAAE,UAAU,eAAe,GAAG,KAAK,GAAG,eAAW,MAC/F,8BAAC,WAAQ,WAAU,0BAAyB,KAAK,MAAM,UAAU,KAAI,IAAG,OAAM,mCAAkC,GAClH;AAAA,MACA,oBAAC,SAAI,WAAU,8BAA6B,OAAO,EAAE,MAAM,GAAG,GAAG,IAAI,GAAG,eAAW,MACjF,8BAAC,UAAK,WAAU,6BAA4B,0BAAE,GAChD;AAAA,MACA,oBAAC,UAAK,WAAU,6DAA4D,mBAAgB,eAAe,gBAAM,aAAY;AAAA,MAC7H,oBAAC,UAAK,WAAU,4DAA2D,mBAAgB,cAAc,gBAAM,YAAW;AAAA,MAC1H;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,OAAO,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,UAC9C,cAAY,aAAa,MAAM,WAAW,OAAO,MAAM,UAAU;AAAA,UACjE,kBAAgB,GAAG,GAAG,KAAK,MAAM,UAAU;AAAA;AAAA,MAC7C;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/blocks/builtins/Booking.js

@@ -3,7 +3,7 @@ import { defineBlock } from "../registry.js";
 const bookingBlock = defineBlock({
   type: "booking",
   Render: dynamic(() => import("./BookingRender.js").then((m) => m.BookingRender)),
-  label: "Afspraak/booking",
+  label: "Afspraak maken",
   icon: "\u{1F4C6}",
   defaults: () => ({ embedUrl: "", height: 630, consentGated: true })
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Booking.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const bookingBlock = defineBlock({\n  type: \"booking\",\n  Render: dynamic(() => import(\"./BookingRender\").then((m) => m.BookingRender)),\n  label: \"Afspraak/booking\",\n  icon: \"📆\",\n  defaults: () => ({ embedUrl: \"\", height: 630, consentGated: true }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,eAAe,YAAY;AAAA,EACtC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,iBAAiB,EAAE,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC;AAAA,EAC5E,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,UAAU,IAAI,QAAQ,KAAK,cAAc,KAAK;AACnE,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Booking.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const bookingBlock = defineBlock({\n  type: \"booking\",\n  Render: dynamic(() => import(\"./BookingRender\").then((m) => m.BookingRender)),\n  label: \"Afspraak maken\",\n  icon: \"📆\",\n  defaults: () => ({ embedUrl: \"\", height: 630, consentGated: true }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,eAAe,YAAY;AAAA,EACtC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,iBAAiB,EAAE,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC;AAAA,EAC5E,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,UAAU,IAAI,QAAQ,KAAK,cAAc,KAAK;AACnE,CAAC;","names":[]}

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

@@ -7,12 +7,13 @@ export interface Crumb {
     href: string;
 }
 /** Kruimels uit een pad: "/diensten/tuinaanleg" → Home / Diensten / Tuinaanleg. Puur en getest. */
-export declare function crumbsFromPath(path: string, homeLabel?: string): Crumb[];
+export declare function crumbsFromPath(path: string, homeLabel?: string, titels?: Record<string, string>): Crumb[];
 /** BreadcrumbList-JSON-LD. Puur en getest. */
 export declare function breadcrumbsJsonLd(crumbs: Crumb[]): Record<string, unknown>;
 /**
- * Kruimelpad, afgeleid van de URL (client, ná mount — hydration-veilig). Op de homepage
- * (alleen "Home") wordt niets getoond.
+ * Kruimelpad. Sinds 8.3 server-side uit de seed (pad + paginatitels, zie server/blockData.ts);
+ * zonder seed (editor, oudere site) zoals vroeger: uit de URL, ná mount — hydratie-veilig.
+ * Op de homepage (alleen "Home") wordt niets getoond.
  */
 export declare function BreadcrumbsRender({ block, mode }: BlockRenderProps<Breadcrumbs>): import("react").JSX.Element | null;
 export {};