layerchart 2.0.0-next.21 → 2.0.0-next.23

package/dist/components/BrushContext.svelte

@@ -319,7 +319,7 @@
           _range.width < RESET_THRESHOLD ||
           _range.height < RESET_THRESHOLD
         ) {
-          // Clicked on frame, or pointer delta was <1
+          // Clicked on frame, or pointer delta was less than threshold (default: 1px)
           if (ignoreResetClick) {
             logger.debug('ignoring frame click reset');
           } else {

package/dist/components/Highlight.svelte

@@ -175,7 +175,7 @@
             y2: max(ctx.yRange) as unknown as number,
           })),
         ];
-      } else if (xCoord) {
+      } else if (xCoord != null) {
         tmpLines = [
           ...tmpLines,
           {
@@ -201,7 +201,7 @@
             y2: yItem + yOffset,
           })),
         ];
-      } else if (yCoord) {
+      } else if (yCoord != null) {
         tmpLines = [
           ...tmpLines,
           {

package/dist/components/Hull.svelte

@@ -55,7 +55,7 @@
 <script lang="ts">
   import { min } from 'd3-array';
   import { Delaunay } from 'd3-delaunay';
-  // @ts-expect-error
+  // @ts-expect-error - no types available
   import { geoVoronoi } from 'd3-geo-voronoi';
   import { curveLinearClosed } from 'd3-shape';
   import { cls } from '@layerstack/tailwind';

package/dist/components/tooltip/TooltipContext.svelte

@@ -270,7 +270,7 @@
     }
   }
 
-  function showTooltip(e: PointerEvent, tooltipData?: any) {
+  function showTooltip(e: PointerEvent | MouseEvent | TouchEvent, tooltipData?: any) {
     // Cancel hiding tooltip if from previous event loop
     if (hideTimeoutId) {
       clearTimeout(hideTimeoutId);
@@ -511,6 +511,24 @@
   const triggerPointerEvents = $derived(
     ['bisect-x', 'bisect-y', 'bisect-band', 'quadtree'].includes(mode)
   );
+
+  function onPointerEnter(e: PointerEvent | MouseEvent | TouchEvent) {
+    isHoveringTooltipArea = true;
+    if (triggerPointerEvents) {
+      showTooltip(e);
+    }
+  }
+
+  function onPointerMove(e: PointerEvent | MouseEvent | TouchEvent) {
+    if (triggerPointerEvents) {
+      showTooltip(e);
+    }
+  }
+
+  function onPointerLeave(e: PointerEvent | MouseEvent | TouchEvent) {
+    isHoveringTooltipArea = false;
+    hideTooltip();
+  }
 </script>
 
 <!-- svelte-ignore a11y_no_static_element_interactions -->
@@ -521,25 +539,15 @@
   style:height="{ctx.height}px"
   class={cls(
     layerClass('tooltip-context'),
-    'absolute touch-none',
+    'absolute',
     debug && triggerPointerEvents && 'bg-danger/10 outline outline-danger'
   )}
-  onpointerenter={(e) => {
-    isHoveringTooltipArea = true;
-    if (triggerPointerEvents) {
-      showTooltip(e);
-    }
-  }}
-  onpointermove={(e) => {
-    if (triggerPointerEvents) {
-      showTooltip(e);
-    }
-  }}
-  onpointerleave={(e) => {
-    isHoveringTooltipArea = false;
-
-    hideTooltip();
-  }}
+  onmouseenter={onPointerEnter}
+  ontouchstart={onPointerEnter}
+  onmousemove={onPointerMove}
+  ontouchmove={onPointerMove}
+  onmouseleave={onPointerLeave}
+  ontouchend={onPointerLeave}
   onclick={(e) => {
     // Ignore clicks without data (triggered from Legend clicks, for example)
     if (triggerPointerEvents && tooltipContext.data != null) {

package/package.json

@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/layerchart",
-  "version": "2.0.0-next.21",
+  "version": "2.0.0-next.23",
   "devDependencies": {
     "@changesets/cli": "^2.29.4",
     "@iconify-json/lucide": "^1.2.48",