fix(Highlight): Fix Svelte 3/4 compat

techniq · Feb 10, 2025 · 1107a7d · 1107a7d
1 parent 03e731b
commit 1107a7d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/.changeset/breezy-elephants-grab.md b/.changeset/breezy-elephants-grab.md
@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(Highlight): Fix Svelte 3/4 compat
diff --git a/packages/layerchart/src/lib/components/Highlight.svelte b/packages/layerchart/src/lib/components/Highlight.svelte
@@ -18,6 +18,7 @@
 
   import { isScaleBand } from '$lib/utils/scales.js';
   import { accessor, type Accessor } from '$lib/utils/common.js';
+  import { asAny } from '$lib/utils/types.js';
 
   const {
     data: contextData,
@@ -424,14 +425,14 @@
           onpointerenter={onpointenter &&
             ((e) => {
               if (onpointclick) {
-                (e.target as HTMLElement | SVGElement).style.cursor = 'pointer';
+                asAny(e.target).style.cursor = 'pointer';
               }
               onpointenter(e, { point, data: highlightData });
             })}
           onpointerleave={onpointleave &&
             ((e) => {
               if (onpointclick) {
-                (e.target as HTMLElement | SVGElement).style.cursor = 'default';
+                asAny(e.target).style.cursor = 'default';
               }
               onpointleave(e, { point, data: highlightData });
             })}