From a1dcedd855a223fb3f234838cf7c437923f6c4ce Mon Sep 17 00:00:00 2001
From: Peter Meier <peter.meier.1986@gmail.com>
Date: Fri, 15 May 2026 18:14:56 +0200
Subject: [PATCH] fix: WindkarteBlock col-span + data-block attrs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Block fehlte layoutClasses (col-span) und data-block/type/slug attrs.
Layout-Feld zu WindMapBlockData ergänzt.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/lib/block-types.ts                          |  1 +
 src/lib/components/blocks/WindkarteBlock.svelte | 10 +++++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/lib/block-types.ts b/src/lib/block-types.ts
index 7f09f5a..f0c555f 100644
--- a/src/lib/block-types.ts
+++ b/src/lib/block-types.ts
@@ -430,4 +430,5 @@ export interface WindMapBlockData {
   subtitle?: string;
   /** Explizite Auswahl von wind_area-Slugs. Leer/null = alle published areas. */
   areas?: (string | { _slug: string;[key: string]: unknown })[];
+  layout?: BlockLayout;
 }
diff --git a/src/lib/components/blocks/WindkarteBlock.svelte b/src/lib/components/blocks/WindkarteBlock.svelte
index bb74436..ba41edf 100644
--- a/src/lib/components/blocks/WindkarteBlock.svelte
+++ b/src/lib/components/blocks/WindkarteBlock.svelte
@@ -6,11 +6,14 @@
   import type { WindArea } from "$lib/windkarte";
   import WindAreaPanel from "$lib/components/WindAreaPanel.svelte";
   import { useTranslate, T } from "$lib/translations";
+  import { getBlockLayoutClasses } from "$lib/block-layout";
 
   const t = useTranslate();
 
   let { block }: { block: WindMapBlockData } = $props();
 
+  const layoutClasses = $derived(getBlockLayoutClasses(block.layout));
+
   const CMS_BASE = (
     env.PUBLIC_CMS_URL || "http://localhost:3000"
   ).replace(/\/$/, "");
@@ -87,7 +90,12 @@ let areas = $state<WindArea[]>([]);
   });
 </script>
 
-<div class="wind-map-block">
+<div
+  class="wind-map-block {layoutClasses}"
+  data-block="WindMap"
+  data-block-type="wind_map"
+  data-block-slug={block._slug}
+>
   {#if block.title || block.subtitle}
     <div class="mb-4">
       {#if block.title}