fix: Compatibility with Svelte 3/4 after accidental introduction of t…

…ypescript in markup
techniq · Jan 16, 2025 · bec9207 · bec9207
1 parent 24a69b9
commit bec9207
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 3 deletions.
diff --git a/.changeset/young-falcons-obey.md b/.changeset/young-falcons-obey.md
@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix: Compatibility with Svelte 3/4 after accidental introduction of typescript in markup
diff --git a/packages/layerchart/src/lib/components/charts/AreaChart.svelte b/packages/layerchart/src/lib/components/charts/AreaChart.svelte
@@ -26,6 +26,7 @@
     findRelatedData,
     type Accessor,
   } from '../../utils/common.js';
+  import { asAny } from '../../utils/types.js';
 
   interface $$Props extends ComponentProps<Chart<TData>> {
     axis?: typeof axis;
@@ -309,7 +310,7 @@
           {@const seriesItems = stackSeries ? [...series].reverse() : series}
           {#each seriesItems as s}
             {@const seriesTooltipData = s.data ? findRelatedData(s.data, data, x) : data}
-            {@const valueAccessor = accessor(s.value ?? (s.data ? (y as any) : s.key))}
+            {@const valueAccessor = accessor(s.value ?? (s.data ? asAny(y) : s.key))}
 
             <Tooltip.Item
               label={s.label ?? (s.key !== 'default' ? s.key : 'value')}
@@ -327,7 +328,7 @@
               label="total"
               value={sum(series, (s) => {
                 const seriesTooltipData = s.data ? s.data.find((d) => x(d) === x(data)) : data;
-                const valueAccessor = accessor(s.value ?? (s.data ? (y as any) : s.key));
+                const valueAccessor = accessor(s.value ?? (s.data ? asAny(y) : s.key));
 
                 return valueAccessor(seriesTooltipData);
               })}

diff --git a/packages/layerchart/src/lib/components/charts/LineChart.svelte b/packages/layerchart/src/lib/components/charts/LineChart.svelte
@@ -23,6 +23,7 @@
     findRelatedData,
     type Accessor,
   } from '../../utils/common.js';
+  import { asAny } from '../../utils/types.js';
 
   interface $$Props extends ComponentProps<Chart<TData>> {
     axis?: typeof axis;
@@ -247,7 +248,7 @@
         <Tooltip.List>
           {#each series as s}
             {@const seriesTooltipData = s.data ? findRelatedData(s.data, data, x) : data}
-            {@const valueAccessor = accessor(s.value ?? (s.data ? (y as any) : s.key))}
+            {@const valueAccessor = accessor(s.value ?? (s.data ? asAny(y) : s.key))}
 
             <Tooltip.Item
               label={s.label ?? (s.key !== 'default' ? s.key : 'value')}

diff --git a/packages/layerchart/src/lib/utils/types.ts b/packages/layerchart/src/lib/utils/types.ts
@@ -0,0 +1,3 @@
+export function asAny(x: any): any {
+  return x;
+}