layerchart 0.93.0 → 0.93.1

package/dist/components/Circle.svelte

@@ -31,6 +31,7 @@
   export { className as class };
 
   export let onclick: ((e: MouseEvent) => void) | undefined = undefined;
+  export let onpointerdown: ((e: PointerEvent) => void) | undefined = undefined;
   export let onpointerenter: ((e: PointerEvent) => void) | undefined = undefined;
   export let onpointermove: ((e: PointerEvent) => void) | undefined = undefined;
   export let onpointerleave: ((e: PointerEvent) => void) | undefined = undefined;
@@ -89,6 +90,7 @@
       render,
       events: {
         click: onclick,
+        pointerdown: onpointerdown,
         pointerenter: onpointerenter,
         pointermove: onpointermove,
         pointerleave: onpointerleave,
@@ -116,6 +118,7 @@
     class={cls(fill == null && 'fill-surface-content', className)}
     {...$$restProps}
     on:click={onclick}
+    on:pointerdown={onpointerdown}
     on:pointerenter={onpointerenter}
     on:pointermove={onpointermove}
     on:pointerleave={onpointerleave}

package/dist/components/Highlight.svelte

@@ -66,21 +66,18 @@
   /** Set to false to disable spring transitions */
   export let motion = true;
 
-  export let onareaclick: (e: MouseEvent, data: { data: any }) => void = () => {};
-  export let onbarclick: (e: MouseEvent, data: { data: any }) => void = () => {};
-
-  export let onpointclick: (
-    e: MouseEvent,
-    data: { point: (typeof _points)[number]; data: any }
-  ) => void = () => {};
-  export let onpointenter: (
-    e: MouseEvent,
-    datae: { point: (typeof _points)[number]; data: any }
-  ) => void = () => {};
-  export let onpointleave: (
-    e: MouseEvent,
-    datae: { point: (typeof _points)[number]; data: any }
-  ) => void = () => {};
+  export let onareaclick: ((e: MouseEvent, detail: { data: any }) => void) | undefined = undefined;
+  export let onbarclick: ((e: MouseEvent, detail: { data: any }) => void) | undefined = undefined;
+
+  export let onpointclick:
+    | ((e: MouseEvent, detail: { point: (typeof _points)[number]; data: any }) => void)
+    | undefined = undefined;
+  export let onpointenter:
+    | ((e: MouseEvent, detail: { point: (typeof _points)[number]; data: any }) => void)
+    | undefined = undefined;
+  export let onpointleave:
+    | ((e: MouseEvent, detail: { point: (typeof _points)[number]; data: any }) => void)
+    | undefined = undefined;
 
   const _x = accessor(x);
   const _y = accessor(y);
@@ -362,7 +359,7 @@
           !area.fill && 'fill-surface-content/5',
           typeof area === 'object' ? area.class : null
         )}
-        onclick={(e) => onareaclick(e, { data: highlightData })}
+        onclick={onareaclick && ((e) => onareaclick(e, { data: highlightData }))}
       />
     </slot>
   {/if}
@@ -383,7 +380,7 @@
           !bar.fill && 'fill-primary',
           typeof bar === 'object' ? bar.class : null
         )}
-        onclick={(e) => onbarclick(e, { data: highlightData })}
+        onclick={onbarclick && ((e) => onbarclick(e, { data: highlightData }))}
       />
     </slot>
   {/if}
@@ -423,9 +420,14 @@
             !point.fill && (typeof points === 'boolean' || !points.fill) && 'fill-primary',
             typeof points === 'object' ? points.class : null
           )}
-          onclick={(e) => onpointclick(e, { point, data: highlightData })}
-          onpointerenter={(e) => onpointenter(e, { point, data: highlightData })}
-          onpointerleave={(e) => onpointleave(e, { point, data: highlightData })}
+          onpointerdown={onpointclick &&
+            ((e) => {
+              // Do not propagate `pointerdown` event to `BrushContext` if `onclick` is provided
+              e.stopPropagation();
+            })}
+          onclick={onpointclick && ((e) => onpointclick(e, { point, data: highlightData }))}
+          onpointerenter={onpointenter && ((e) => onpointenter(e, { point, data: highlightData }))}
+          onpointerleave={onpointleave && ((e) => onpointleave(e, { point, data: highlightData }))}
         />
       {/each}
     </slot>

package/dist/components/charts/AreaChart.svelte

@@ -87,13 +87,15 @@
   export let ontooltipclick: (e: MouseEvent, details: { data: any }) => void = () => {};
 
   /** Event dispatched when Highlight point is clicked (useful with multiple series) */
-  export let onpointclick: (
-    e: MouseEvent,
-    details: {
-      data: HighlightPointData;
-      series: (typeof series)[number];
-    }
-  ) => void = () => {};
+  export let onpointclick:
+    | ((
+        e: MouseEvent,
+        details: {
+          data: HighlightPointData;
+          series: (typeof series)[number];
+        }
+      ) => void)
+    | undefined = undefined;
 
   export let props: {
     area?: Partial<ComponentProps<Area>>;
@@ -410,7 +412,9 @@
               ),
             }}
             lines={i == 0}
-            onpointclick={(e, detail) => onpointclick(e, { ...detail, series: s })}
+            onpointclick={onpointclick
+              ? (e, detail) => onpointclick(e, { ...detail, series: s })
+              : undefined}
             onpointenter={() => (highlightSeriesKey = s.key)}
             onpointleave={() => (highlightSeriesKey = null)}
             {...props.highlight}

package/dist/components/charts/LineChart.svelte

@@ -79,13 +79,15 @@
   export let ontooltipclick: (e: MouseEvent, details: { data: any }) => void = () => {};
 
   /** Event dispatched when Highlight point is clicked (useful with multiple series) */
-  export let onpointclick: (
-    e: MouseEvent,
-    details: {
-      data: HighlightPointData;
-      series: (typeof series)[number];
-    }
-  ) => void = () => {};
+  export let onpointclick:
+    | ((
+        e: MouseEvent,
+        details: {
+          data: HighlightPointData;
+          series: (typeof series)[number];
+        }
+      ) => void)
+    | undefined = undefined;
 
   export let props: {
     brush?: Partial<ComponentProps<BrushContext>>;
@@ -339,7 +341,9 @@
               ),
             }}
             lines={i === 0}
-            onpointclick={(e, detail) => onpointclick(e, { ...detail, series: s })}
+            onpointclick={onpointclick
+              ? (e, detail) => onpointclick(e, { ...detail, series: s })
+              : undefined}
             onpointenter={() => (highlightSeriesKey = s.key)}
             onpointleave={() => (highlightSeriesKey = null)}
             {...props.highlight}

package/dist/components/index.d.ts

@@ -7,6 +7,7 @@ export { default as Bar } from './Bar.svelte';
 export { default as Bars } from './Bars.svelte';
 export { default as Blur } from './Blur.svelte';
 export { default as Bounds } from './Bounds.svelte';
+export { default as BrushContext } from './BrushContext.svelte';
 export { default as Calendar } from './Calendar.svelte';
 export { default as Canvas } from './layout/Canvas.svelte';
 export { default as Chart } from './Chart.svelte';

package/dist/components/index.js

@@ -8,6 +8,7 @@ export { default as Bar } from './Bar.svelte';
 export { default as Bars } from './Bars.svelte';
 export { default as Blur } from './Blur.svelte';
 export { default as Bounds } from './Bounds.svelte';
+export { default as BrushContext } from './BrushContext.svelte';
 export { default as Calendar } from './Calendar.svelte';
 export { default as Canvas } from './layout/Canvas.svelte';
 export { default as Chart } from './Chart.svelte';

package/package.json

@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/layerchart",
-  "version": "0.93.0",
+  "version": "0.93.1",
   "devDependencies": {
     "@changesets/cli": "^2.27.12",
     "@mdi/js": "^7.4.47",