diff --git a/CHANGELOG.md b/CHANGELOG.md index 29906eb..9cd51aa 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,9 +2,6 @@ ## 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 62ada00..9f6e09d 100644 --- a/src/docs/stories/DatawrapperSwitching.stories.svelte +++ b/src/docs/stories/DatawrapperSwitching.stories.svelte @@ -34,20 +34,7 @@ } ]; - const loadingChartData = [ - { - value: "Toh1S", - label: "Chart #1", - ariaLabel: "Quis id magna ut esse qui nostrud magna." - }, - { - value: "rgLU1", - label: "Chart #2", - ariaLabel: "Quis id magna ut esse qui nostrud magna." - } - ]; - let selectedChartLoading = "Toh1S"; - $: selectedChartLoadingMetadata = loadingChartData.find((d) => d.value === selectedChartLoading); + let selectedChartLoading = "WsGs1"; -{#if selectedChartMetaData} +{#key selectedChart} -{/if} +{/key} `} > - {#if selectedChartMetadata} + {#key selectedChart} - {/if} + {/key} (selectedChart = "91Q0t")}>Chart #2 -{#if selectedChartMetadata} +{#key selectedChart} -{/if} +{/key} `} > - {#if selectedChart} - - {/if} + {#key selectedChart} + + {/key} (selectedChart = "Toh1S")}>Chart #1 - {#if selectedChartMetadata} - - {#key selectedChart} - - {/key} - - {/if} +{#key selectedChart} + + + +{/key} `} > - - + + - {#if selectedChartLoadingMetadata} + {#key selectedChart} - {#key selectedChartLoading} - - {/key} + - {/if} + {/key}