layerchart 0.26.2 → 0.27.1

package/dist/components/Chart.svelte

@@ -88,7 +88,8 @@ export let geo = undefined;
 >
   <GeoContext {...geo} let:projection>
     {#if tooltip}
-      <TooltipContext {...tooltip} let:tooltip>
+      {@const tooltipProps = typeof tooltip === 'object' ? tooltip : {}}
+      <TooltipContext {...tooltipProps} let:tooltip>
         <slot
           {aspectRatio}
           {containerHeight}

package/dist/components/TooltipContext.svelte

@@ -16,7 +16,6 @@ function setTooltipContext(tooltip) {
 </script>
 
 <script>import { raise } from 'layercake';
-import { createEventDispatcher } from 'svelte';
 import { writable } from 'svelte/store';
 import { bisector, max, min } from 'd3-array';
 import { Delaunay } from 'd3-delaunay';
@@ -27,7 +26,6 @@ import ChartClipPath from './ChartClipPath.svelte';
 import { localPoint } from '../utils/event';
 import { isScaleBand, scaleInvert } from '../utils/scales';
 import { quadtreeRects } from '../utils/quadtree';
-const dispatch = createEventDispatcher();
 const { flatData, x, xScale, xGet, xRange, y, yScale, yGet, yRange, width, height, padding } = getContext('LayerCake');
 /*
       TODO: Defaults to consider (if possible to detect scale type, which might not be possible)
@@ -55,6 +53,7 @@ export let raiseTarget = false;
 export let radius = Infinity;
 /** Enable debug view (show hit targets, etc) */
 export let debug = false;
+export let onClick = () => { };
 const tooltip = writable({ y: 0, x: 0, data: null, show: showTooltip, hide: hideTooltip });
 setTooltipContext(tooltip);
 let hideTimeoutId;
@@ -297,7 +296,7 @@ $: if (mode === 'bounds' || mode === 'band') {
       on:mousemove={showTooltip}
       on:mouseleave={hideTooltip}
       on:click={(e) => {
-        dispatch('click', { data: $tooltip?.data });
+        onClick({ data: $tooltip?.data });
       }}
     />
   </Html>
@@ -313,7 +312,7 @@ $: if (mode === 'bounds' || mode === 'band') {
           on:mousemove={(e) => showTooltip(e, point.data)}
           on:mouseleave={hideTooltip}
           on:click={(e) => {
-            dispatch('click', { data: point.data });
+            onClick({ data: point.data });
           }}
         />
       </g>
@@ -334,7 +333,7 @@ $: if (mode === 'bounds' || mode === 'band') {
           on:mousemove={(e) => showTooltip(e, rect.data)}
           on:mouseleave={hideTooltip}
           on:click={(e) => {
-            dispatch('click', { data: rect.data });
+            onClick({ data: rect.data });
           }}
         />
       {/each}

package/dist/components/TooltipContext.svelte.d.ts

@@ -23,12 +23,11 @@ declare const __propDef: {
            * @type {number}
            */ radius?: number | undefined;
         /** Enable debug view (show hit targets, etc) */ debug?: boolean | undefined;
+        onClick?: (({ data }: {
+            data: any;
+        }) => any) | undefined;
     };
     events: {
-        click: CustomEvent<{
-            data: any;
-        }>;
-    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {

package/package.json

@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/layerchart",
-  "version": "0.26.2",
+  "version": "0.27.1",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",
@@ -19,7 +19,7 @@
   },
   "devDependencies": {
     "@rollup/plugin-dsv": "^3.0.4",
-    "@sveltejs/adapter-vercel": "^3.1.0",
+    "@sveltejs/adapter-auto": "^2.1.1",
     "@sveltejs/kit": "^1.27.6",
     "@sveltejs/package": "^2.2.2",
     "@svitejs/changesets-changelog-github-compact": "^1.1.0",
@@ -66,7 +66,6 @@
     "@changesets/cli": "^2.26.2",
     "@mdi/js": "^7.3.67",
     "@types/d3-time": "^3.0.2",
-    "@vercel/analytics": "^1.1.1",
     "d3-array": "^3.2.4",
     "d3-delaunay": "^6.0.4",
     "d3-dsv": "^3.0.1",
@@ -85,6 +84,7 @@
     "date-fns": "^2.30.0",
     "layercake": "^8.0.2",
     "lodash-es": "^4.17.21",
+    "posthog-js": "^1.95.1",
     "shapefile": "^0.6.6",
     "svelte-ux": "^0.56.0",
     "topojson-client": "^3.1.0"