remove unnecessary onMouseMove

Author: duncanbradley

src/lib/components/data-vis/line-chart/Line.svelte

@@ -38,7 +38,6 @@
     onClick,
     onMouseEnter,
     onMouseLeave,
-    onMouseMove,
     halo,
     haloColor = "#d1aad1",
     // onClickMarker,
@@ -104,7 +103,6 @@
   onclick={(event) => onClick(event, dataArray, dataId)}
   onmouseenter={(event) => onMouseEnter(event, dataArray, dataId)}
   onmouseleave={(event) => onMouseLeave(event, dataArray, dataId)}
-  onmousemove={(event) => onMouseMove(event, dataArray, dataId)}
   role="button"
   tabindex="0"
   onkeydown={(e) => e.key === "Enter" && onClick(e, dataArray)}

src/lib/components/data-vis/line-chart/Lines.svelte

@@ -113,7 +113,7 @@
         {#if tier == "hover"}
           {console.log(line.areaCode == lineClicked)}
         {/if}
-        {#if (!lineHovered && tier === "primary") || [lineClicked, lineHovered].includes(line.areaCode)}
+        {#if (!lineHovered && tier === "primary") || (lineHovered && tier === "hover") || (line.areaCode == lineClicked && ["primary", "hover"].includes(tier))}
           {@render categoryLabelSnippet(
             line,
             labelsPlaced.find((el) => el.datum.areaCode === line.areaCode).y,

src/routes/playground/create-a-reactive-line-chart/local-lib/LineChart.svelte

@@ -67,9 +67,6 @@
   let onMouseEnter = (event, dataArray, dataId) => {
     lineHovered = dataId;
   };
-  let onMouseMove = (event, dataArray, dataId) => {
-    lineHovered = dataId;
-  };
   let onMouseLeave = () => {
     lineHovered = null;
   };
@@ -187,7 +184,6 @@
     areaFunction: areaFunction,
     onClick: onClick,
     onMouseEnter: onMouseEnter,
-    onMouseMove: onMouseMove,
     onMouseLeave: onMouseLeave,
     haloColor: chartBackgroundColor,
   };