layerchart 0.90.0 → 0.91.1

package/dist/components/Brush.svelte

@@ -61,10 +61,16 @@
     labels?: string;
   } = {};
 
-  export let onChange: (e: { xDomain?: DomainType; yDomain?: DomainType }) => void = () => {};
-  export let onBrushStart: (e: { xDomain?: DomainType; yDomain?: DomainType }) => void = () => {};
-  export let onBrushEnd: (e: { xDomain?: DomainType; yDomain?: DomainType }) => void = () => {};
-  export let onReset: (e: { xDomain?: DomainType; yDomain?: DomainType }) => void = () => {};
+  export let onchange: (detail: { xDomain?: DomainType; yDomain?: DomainType }) => void = () => {};
+  export let onbrushstart: (detail: {
+    xDomain?: DomainType;
+    yDomain?: DomainType;
+  }) => void = () => {};
+  export let onbrushend: (detail: {
+    xDomain?: DomainType;
+    yDomain?: DomainType;
+  }) => void = () => {};
+  export let onreset: (detail: { xDomain?: DomainType; yDomain?: DomainType }) => void = () => {};
 
   let frameEl: SVGRectElement;
 
@@ -88,7 +94,7 @@
         },
       };
 
-      onBrushStart({ xDomain, yDomain });
+      onbrushstart({ xDomain, yDomain });
 
       const onPointerMove = (e: PointerEvent) => {
         fn(start, {
@@ -100,17 +106,17 @@
         //   // Ignore?
         //   // TODO: What about when using `x` or `y` axis?
         // } else {
-        onChange({ xDomain, yDomain });
+        onchange({ xDomain, yDomain });
         // }
       };
 
       const onPointerUp = (e: PointerEvent) => {
         if (e.target === frameEl) {
           reset();
-          onChange({ xDomain, yDomain });
+          onchange({ xDomain, yDomain });
         }
 
-        onBrushEnd({ xDomain, yDomain });
+        onbrushend({ xDomain, yDomain });
 
         if (resetOnEnd) {
           reset();
@@ -203,7 +209,7 @@
     xDomain = originalXDomain;
     yDomain = originalYDomain;
 
-    onReset({ xDomain, yDomain });
+    onreset({ xDomain, yDomain });
   }
 
   function selectAll() {
@@ -267,7 +273,7 @@
         ondblclick={() => {
           if (yDomain) {
             yDomain[0] = yDomainMin;
-            onChange({ xDomain, yDomain });
+            onchange({ xDomain, yDomain });
           }
         }}
       >
@@ -312,7 +318,7 @@
         ondblclick={() => {
           if (xDomain) {
             xDomain[0] = xDomainMin;
-            onChange({ xDomain, yDomain });
+            onchange({ xDomain, yDomain });
           }
         }}
       >
@@ -334,7 +340,7 @@
         ondblclick={() => {
           if (xDomain) {
             xDomain[1] = xDomainMax;
-            onChange({ xDomain, yDomain });
+            onchange({ xDomain, yDomain });
           }
         }}
       >

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

@@ -190,7 +190,7 @@ declare class __sveltets_Render<TData> {
             locked?: boolean;
             radius?: number;
             debug?: boolean;
-            onclick?: ({ data }: {
+            onclick?: (e: MouseEvent, { data }: {
                 data: any;
             }) => any;
             tooltip?: import("svelte/store").Writable<{

package/dist/components/charts/AreaChart.svelte

@@ -412,9 +412,9 @@
           resetOnEnd
           {xDomain}
           {...brushProps}
-          onBrushEnd={(e) => {
+          onbrushend={(e) => {
             xDomain = e.xDomain;
-            brushProps.onBrushEnd?.(e);
+            brushProps.onbrushend?.(e);
           }}
         />
       </Svg>

package/dist/components/charts/LineChart.svelte

@@ -338,9 +338,9 @@
           resetOnEnd
           {xDomain}
           {...brushProps}
-          onBrushEnd={(e) => {
+          onbrushend={(e) => {
             xDomain = e.xDomain;
-            brushProps.onBrushEnd?.(e);
+            brushProps.onbrushend?.(e);
           }}
         />
       </Svg>

package/dist/components/charts/PieChart.svelte.d.ts

@@ -127,7 +127,7 @@ declare class __sveltets_Render<TData> {
             locked?: boolean;
             radius?: number;
             debug?: boolean;
-            onclick?: ({ data }: {
+            onclick?: (e: MouseEvent, { data }: {
                 data: any;
             }) => any;
             tooltip?: import("svelte/store").Writable<{

package/dist/components/charts/ScatterChart.svelte

@@ -285,10 +285,10 @@
           {xDomain}
           {yDomain}
           {...brushProps}
-          onBrushEnd={(e) => {
+          onbrushend={(e) => {
             xDomain = e.xDomain;
             yDomain = e.yDomain;
-            brushProps.onBrushEnd?.(e);
+            brushProps.onbrushend?.(e);
           }}
         />
       </Svg>

package/dist/components/tooltip/TooltipContext.svelte

@@ -111,7 +111,7 @@
   /** Enable debug view (show hit targets, etc) */
   export let debug = false;
 
-  export let onclick: ({ data }: { data: any }) => any = () => {};
+  export let onclick: (e: MouseEvent, { data }: { data: any }) => any = () => {};
 
   /** Exposed to allow binding in Chart */
   export let tooltip = writable({
@@ -406,7 +406,7 @@
   on:pointerleave={triggerPointerEvents ? hideTooltip : undefined}
   on:click={(e) => {
     if (triggerPointerEvents) {
-      onclick({ data: $tooltip?.data });
+      onclick(e, { data: $tooltip?.data });
     }
   }}
 >
@@ -438,7 +438,7 @@
             }
           }}
           onclick={(e, { data }) => {
-            onclick({ data });
+            onclick(e, { data });
           }}
           classes={{ path: cls(debug && 'fill-danger/10 stroke-danger') }}
         />
@@ -464,7 +464,7 @@
                 }
               }}
               on:click={(e) => {
-                onclick({ data: rect.data });
+                onclick(e, { data: rect.data });
               }}
             />
           {/each}

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

@@ -26,7 +26,7 @@ declare const __propDef: {
            * @type {number}
            */ radius?: number;
         /** Enable debug view (show hit targets, etc) */ debug?: boolean;
-        onclick?: ({ data }: {
+        onclick?: (e: MouseEvent, { data }: {
             data: any;
         }) => any;
         /** Exposed to allow binding in Chart */ tooltip?: import("svelte/store").Writable<{

package/package.json

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