From 481ee54c00ef62d99f6cac11baa5b971c3accc24 Mon Sep 17 00:00:00 2001
From: abajak <aleszu.bajak@gmail.com>
Date: Wed, 8 Jan 2025 15:31:32 -0500
Subject: [PATCH] trying to patch datawrapperswitching

---
 CHANGELOG.md                                         | 3 +++
 src/docs/stories/DatawrapperSwitching.stories.svelte | 8 ++++----
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9cd51aa..29906eb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,9 @@
 
 ## Next
 
+## v0.12.6
+- Patch: DatawrapperSwitching story to wrap the bottom block in `if` instead of `key`. 
+
 ## v0.12.5
 - Patch: Headline eyebrows in Drupal include a link to the Story or Data tool homepage; tweaked Headline component to do the same.
 - Fix: CSS Theme variable --color-green was #ffb748, which is a kind of yellow. Changed to match style guide.
diff --git a/src/docs/stories/DatawrapperSwitching.stories.svelte b/src/docs/stories/DatawrapperSwitching.stories.svelte
index 9f6e09d..995a4c4 100644
--- a/src/docs/stories/DatawrapperSwitching.stories.svelte
+++ b/src/docs/stories/DatawrapperSwitching.stories.svelte
@@ -90,13 +90,13 @@
     bind:value={selectedChart}
     placeholder={null}
   />
-  {#key selectedChart}
+  {#if selectedChart}
     <DatawrapperIframe
       datawrapperId={selectedChartMetadata.value}
       title={selectedChartMetadata.label}
       ariaLabel={selectedChartMetadata.ariaLabel}
     />
-  {/key}
+  {/if}
 </Story>
 
 <Story
@@ -155,7 +155,7 @@
   <Button on:click={() => (selectedChart = "Toh1S")}>Chart #1</Button>
   <Button on:click={() => (selectedChart = "rgLU1")}>Chart #2</Button>
 
-  {#key selectedChart}
+  {#if selectedChart}
     <LoadingWrapper let:setChildLoaded let:setChildLoading>
       <DatawrapperIframe
         datawrapperId={selectedChartLoading}
@@ -163,5 +163,5 @@
         on:visrendered={setChildLoaded}
       />
     </LoadingWrapper>
-  {/key}
+  {/if}
 </Story>