layerchart 0.26.1 → 0.27.0

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/GeoContext.svelte

@@ -1,7 +1,7 @@
 <script context="module">import { getContext, setContext } from 'svelte';
 import { writable } from 'svelte/store';
-import { geoMercator } from 'd3-geo';
-export const geoContextKey = {};
+import { geoMercator, } from 'd3-geo';
+export const geoContextKey = Symbol();
 export function geoContext() {
     return getContext(geoContextKey);
 }

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

@@ -1,7 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
 import { type Writable } from 'svelte/store';
 import { type GeoIdentityTransform, type GeoPermissibleObjects, type GeoProjection } from 'd3-geo';
-export declare const geoContextKey: {};
+export declare const geoContextKey: unique symbol;
 export type GeoContext = Writable<GeoProjection | GeoIdentityTransform>;
 export declare function geoContext(): GeoContext;
 declare const __propDef: {

package/dist/components/TooltipContext.svelte

@@ -1,5 +1,5 @@
 <script context="module">import { getContext, setContext } from 'svelte';
-export const tooltipContextKey = {};
+export const tooltipContextKey = Symbol();
 const defaultContext = writable({
     x: 0,
     y: 0,
@@ -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

@@ -1,6 +1,6 @@
 import { SvelteComponentTyped } from "svelte";
 import type { Readable } from 'svelte/store';
-export declare const tooltipContextKey: {};
+export declare const tooltipContextKey: unique symbol;
 export type TooltipContextValue = {
     x: number;
     y: number;
@@ -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.1",
+  "version": "0.27.0",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",