layerchart 0.91.0 → 0.92.0

package/dist/components/Axis.svelte

@@ -4,11 +4,12 @@
   import { cubicIn } from 'svelte/easing';
   import type { SVGAttributes } from 'svelte/elements';
   import type { spring as springStore, tweened as tweenedStore } from 'svelte/motion';
+  import type { TimeInterval } from 'd3-time';
 
   import { extent } from 'd3-array';
   import { pointRadial } from 'd3-shape';
 
-  import { format as formatValue, type FormatType } from '@layerstack/utils';
+  import { format as formatValue, isLiteralObject, type FormatType } from '@layerstack/utils';
   import { cls } from '@layerstack/tailwind';
   import type { TransitionParams } from 'svelte-ux'; // TODO: Replace with `@layerstack/svelte-types` or similar
 
@@ -39,7 +40,13 @@
   export let grid: boolean | Pick<SVGAttributes<SVGElement>, 'class' | 'style'> = false;
 
   /** Control the number of ticks*/
-  export let ticks: number | any[] | ((scale: AnyScale) => any) | null | undefined = undefined;
+  export let ticks:
+    | number
+    | any[]
+    | ((scale: AnyScale) => any)
+    | { interval: TimeInterval | null }
+    | null
+    | undefined = undefined;
 
   /** Length of the tick line */
   export let tickLength = 4;
@@ -87,11 +94,13 @@
     ? ticks
     : typeof ticks === 'function'
       ? ticks(_scale)
-      : isScaleBand(_scale)
-        ? ticks
-          ? _scale.domain().filter((v: any, i: number) => i % ticks === 0)
-          : _scale.domain()
-        : _scale.ticks(ticks ?? (placement === 'left' || placement === 'right' ? 4 : undefined));
+      : isLiteralObject(ticks)
+        ? _scale.ticks(ticks.interval) // d3-time interval such as `timeDay.every(1)`
+        : isScaleBand(_scale)
+          ? ticks
+            ? _scale.domain().filter((v: any, i: number) => i % ticks === 0)
+            : _scale.domain()
+          : _scale.ticks(ticks ?? (placement === 'left' || placement === 'right' ? 4 : undefined));
 
   function getCoords(tick: any) {
     switch (placement) {

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/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/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.91.0",
+  "version": "0.92.0",
   "devDependencies": {
     "@changesets/cli": "^2.27.12",
     "@mdi/js": "^7.4.47",