layerchart 0.41.4 → 0.41.6

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

@@ -1,67 +1,17 @@
 import { SvelteComponentTyped } from "svelte";
+import { type ComponentProps } from 'svelte';
+import Circle from './Circle.svelte';
+import Line from './Line.svelte';
+import Rect from './Rect.svelte';
 declare const __propDef: {
     props: {
         /** Highlight specific data (annotate), espect uses tooltip data */ data?: any;
-        axis?: 'x' | 'y' | 'both' | 'none' | undefined;
-        /** Show points and pass props to Circles */ points?: boolean | Partial<{
-            [x: string]: any;
-            cx?: number | undefined;
-            initialCx?: number | undefined;
-            cy?: number | undefined;
-            initialCy?: number | undefined;
-            r?: number | undefined;
-            initialR?: number | undefined;
-            spring?: boolean | import("svelte/motion").SpringOpts | undefined;
-            tweened?: boolean | import("svelte/motion").TweenedOptions<unknown> | undefined;
-        }> | undefined;
-        /** Show lines and pass props to Lines */ lines?: boolean | Partial<{
-            [x: string]: any;
-            x1: number;
-            initialX1?: number | undefined;
-            y1: number;
-            initialY1?: number | undefined;
-            x2: number;
-            initialX2?: number | undefined;
-            y2: number;
-            initialY2?: number | undefined;
-            spring?: boolean | import("svelte/motion").SpringOpts | undefined;
-            tweened?: boolean | import("svelte/motion").TweenedOptions<unknown> | undefined;
-        }> | undefined;
-        /** Show area and pass props to Rect */ area?: boolean | Partial<{
-            [x: string]: any;
-            x?: number | undefined;
-            initialX?: number | undefined;
-            y?: number | undefined;
-            initialY?: number | undefined;
-            width: number;
-            initialWidth?: number | undefined;
-            height: number;
-            initialHeight?: number | undefined;
-            spring?: boolean | import("svelte/motion").SpringOpts | {
-                [prop: string]: import("svelte/motion").SpringOpts | undefined;
-            } | undefined;
-            tweened?: boolean | import("svelte/motion").TweenedOptions<unknown> | {
-                [prop: string]: import("svelte/motion").TweenedOptions<unknown> | undefined;
-            } | undefined;
-        }> | undefined;
-        /** Show bar and pass props to Rect */ bar?: boolean | Partial<{
-            [x: string]: any;
-            x?: number | undefined;
-            initialX?: number | undefined;
-            y?: number | undefined;
-            initialY?: number | undefined;
-            width: number;
-            initialWidth?: number | undefined;
-            height: number;
-            initialHeight?: number | undefined;
-            spring?: boolean | import("svelte/motion").SpringOpts | {
-                [prop: string]: import("svelte/motion").SpringOpts | undefined;
-            } | undefined;
-            tweened?: boolean | import("svelte/motion").TweenedOptions<unknown> | {
-                [prop: string]: import("svelte/motion").TweenedOptions<unknown> | undefined;
-            } | undefined;
-        }> | undefined;
-        /** Set to false to disable spring transitions */ motion?: boolean | undefined;
+        axis?: "x" | "y" | "both" | "none" | undefined;
+        /** Show points and pass props to Circles */ points?: boolean | Partial<ComponentProps<Circle>>;
+        /** Show lines and pass props to Lines */ lines?: boolean | Partial<ComponentProps<Line>>;
+        /** Show area and pass props to Rect */ area?: boolean | Partial<ComponentProps<Rect>>;
+        /** Show bar and pass props to Rect */ bar?: boolean | Partial<ComponentProps<Rect>>;
+        /** Set to false to disable spring transitions */ motion?: boolean;
     };
     events: {
         click: MouseEvent;
@@ -80,20 +30,20 @@ declare const __propDef: {
         bar: {
             bar: boolean | Partial<{
                 [x: string]: any;
-                x?: number | undefined;
-                initialX?: number | undefined;
-                y?: number | undefined;
-                initialY?: number | undefined;
+                x?: number;
+                initialX?: number;
+                y?: number;
+                initialY?: number;
                 width: number;
-                initialWidth?: number | undefined;
+                initialWidth?: number;
                 height: number;
-                initialHeight?: number | undefined;
-                spring?: boolean | import("svelte/motion").SpringOpts | {
-                    [prop: string]: import("svelte/motion").SpringOpts | undefined;
-                } | undefined;
-                tweened?: boolean | import("svelte/motion").TweenedOptions<unknown> | {
-                    [prop: string]: import("svelte/motion").TweenedOptions<unknown> | undefined;
-                } | undefined;
+                initialHeight?: number;
+                spring?: boolean | import("../stores/motionStore").SpringOptions | {
+                    [prop: string]: import("../stores/motionStore").SpringOptions;
+                };
+                tweened?: boolean | import("../stores/motionStore").TweenedOptions | {
+                    [prop: string]: import("../stores/motionStore").TweenedOptions;
+                };
             }>;
         };
         lines: {

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

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        context?: CanvasRenderingContext2D | undefined;
-        /** Show canvas for debugging */ debug?: boolean | undefined;
+        context?: CanvasRenderingContext2D;
+        /** Show canvas for debugging */ debug?: boolean;
     };
     events: {
         pointerleave: PointerEvent;

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

@@ -6,11 +6,11 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         data?: any;
-        curve?: ComponentProps<Spline>['curve'];
+        curve?: ComponentProps<Spline>["curve"];
         classes?: {
-            root?: string | undefined;
-            path?: string | undefined;
-        } | undefined;
+            root?: string;
+            path?: string;
+        };
     };
     events: {
         pointerleave: PointerEvent;

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

@@ -3,13 +3,13 @@ import { type FormatType } from 'svelte-ux';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        placement?: "inside" | "outside" | undefined;
-        offset?: number | undefined;
-        significantDigits?: number | undefined;
+        placement?: "inside" | "outside";
+        offset?: number;
+        significantDigits?: number;
         format?: FormatType | undefined;
         groupBy?: string | undefined;
-        groupPaddingInner?: number | undefined;
-        groupPaddingOuter?: number | undefined;
+        groupPaddingInner?: number;
+        groupPaddingOuter?: number;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -4,21 +4,21 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         scale?: any;
-        title?: string | undefined;
-        width?: number | undefined;
-        height?: number | undefined;
-        ticks?: number | undefined;
-        tickFormat?: FormatType | undefined;
+        title?: string;
+        width?: number;
+        height?: number;
+        ticks?: number;
+        tickFormat?: FormatType;
         tickValues?: any[] | undefined;
-        tickFontSize?: number | undefined;
-        tickLength?: number | undefined;
+        tickFontSize?: number;
+        tickLength?: number;
         placement?: ("center" | "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right") | undefined;
         classes?: {
-            root?: string | undefined;
-            title?: string | undefined;
-            label?: string | undefined;
-            tick?: string | undefined;
-        } | undefined;
+            root?: string;
+            title?: string;
+            label?: string;
+            tick?: string;
+        };
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -4,13 +4,13 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         x1: number;
-        initialX1?: number | undefined;
+        initialX1?: number;
         y1: number;
-        initialY1?: number | undefined;
+        initialY1?: number;
         x2: number;
-        initialX2?: number | undefined;
+        initialX2?: number;
         y2: number;
-        initialY2?: number | undefined;
+        initialY2?: number;
         spring?: boolean | Parameters<typeof springStore>[1];
         tweened?: boolean | Parameters<typeof tweenedStore>[1];
     };

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

@@ -2,15 +2,15 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        id?: string | undefined;
-        stops?: string[] | [string | number, string][] | undefined;
-        vertical?: boolean | undefined;
-        x1?: string | undefined;
-        y1?: string | undefined;
-        x2?: string | undefined;
-        y2?: string | undefined;
+        id?: string;
+        stops?: string[] | [string | number, string][];
+        vertical?: boolean;
+        x1?: string;
+        y1?: string;
+        x2?: string;
+        y2?: string;
         rotate?: number | undefined;
-        units?: "objectBoundingBox" | "userSpaceOnUse" | undefined;
+        units?: "objectBoundingBox" | "userSpaceOnUse";
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -4,13 +4,13 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         data?: any;
-        sankey?: boolean | undefined;
-        source?: ((d: any) => any) | undefined;
-        target?: ((d: any) => any) | undefined;
-        orientation?: "horizontal" | "vertical" | undefined;
-        x?: ((d: any) => any) | undefined;
-        y?: ((d: any) => any) | undefined;
-        curve?: import("d3-shape").CurveFactory | undefined;
+        sankey?: boolean;
+        source?: (d: any) => any;
+        target?: (d: any) => any;
+        orientation?: "vertical" | "horizontal";
+        x?: (d: any) => any;
+        y?: (d: any) => any;
+        curve?: import("d3-shape").CurveFactory;
         tweened?: boolean | Parameters<typeof tweenedStore>[1];
     };
     events: {

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

@@ -1,14 +1,14 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        /** Id of path to move object along */ pathId?: string | undefined;
-        /** Id of object to move along path */ objectId?: string | undefined;
+        /** Id of path to move object along */ pathId?: string;
+        /** Id of object to move along path */ objectId?: string;
         /** Duration of the animation */ duration: string;
-        /** Number of times the animation will occur */ repeatCount?: number | 'indefinite' | undefined;
+        /** Number of times the animation will occur */ repeatCount?: number | "indefinite" | undefined;
         /** Final state of the animation.  Freeze (last frame) or remove (first frame)
            * https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill#animate
-           * */ fill?: "remove" | "freeze" | undefined;
-        /** Rotation applied to the element animated along a path, usually to make it pointing in the direction of the animation */ rotate?: number | 'auto' | 'auto-reverse' | undefined;
+           * */ fill?: "freeze" | "remove";
+        /** Rotation applied to the element animated along a path, usually to make it pointing in the direction of the animation */ rotate?: number | "auto" | "auto-reverse" | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -1,7 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        orientation?: "horizontal" | "vertical" | undefined;
+        orientation?: "vertical" | "horizontal";
         size?: [number, number] | undefined;
         /**
            * see: https://github.com/d3/d3-hierarchy#tree_nodeSize

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

@@ -6,7 +6,7 @@ declare const __propDef: {
         data?: any;
         /**
            * Range [min,max] in degrees.  See also startAngle/endAngle
-           */ range?: number[] | undefined;
+           */ range?: number[];
         /**
            * Start angle in radians
            */ startAngle?: number | undefined;
@@ -23,14 +23,14 @@ declare const __propDef: {
         /**
            * Define outerRadius.  Defaults to yRange max/2 (ie. chart height / 2)
            */ outerRadius?: number | undefined;
-        cornerRadius?: number | undefined;
-        padAngle?: number | undefined;
-        placement?: "center" | "left" | "right" | "none" | undefined;
+        cornerRadius?: number;
+        padAngle?: number;
+        placement?: "left" | "center" | "right" | "none";
         spring?: boolean | Parameters<typeof springStore>[1];
         tweened?: boolean | Parameters<typeof tweenedStore>[1];
         /**
            * Offset all arcs from center
-           */ offset?: number | undefined;
+           */ offset?: number;
         /**
            * Tooltip context to setup mouse events to show tooltip for related data
            */ tooltip?: TooltipContextValue | undefined;

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

@@ -1,24 +1,15 @@
 import { SvelteComponentTyped } from "svelte";
+import { type ComponentProps } from 'svelte';
+import Link from './Link.svelte';
 declare const __propDef: {
     props: {
         [x: string]: any;
         data?: any;
-        r?: number | undefined;
+        r?: number;
         offsetX?: number | ((value: number, context: any) => number) | undefined;
         offsetY?: number | ((value: number, context: any) => number) | undefined;
-        radial?: boolean | undefined;
-        links?: boolean | Partial<{
-            [x: string]: any;
-            data?: any;
-            sankey?: boolean | undefined;
-            source?: ((d: any) => any) | undefined;
-            target?: ((d: any) => any) | undefined;
-            orientation?: "horizontal" | "vertical" | undefined;
-            x?: ((d: any) => any) | undefined;
-            y?: ((d: any) => any) | undefined;
-            curve?: import("d3-shape").CurveFactory | undefined;
-            tweened?: boolean | import("svelte/motion").TweenedOptions<unknown> | undefined;
-        }> | undefined;
+        radial?: boolean;
+        links?: boolean | Partial<ComponentProps<Link>>;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -2,17 +2,17 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        id?: string | undefined;
-        stops?: string[] | [string | number, string][] | undefined;
-        cx?: string | undefined;
-        cy?: string | undefined;
-        fx?: string | undefined;
-        fy?: string | undefined;
-        r?: string | undefined;
-        fr?: string | undefined;
-        spreadMethod?: "pad" | "reflect" | "repeat" | undefined;
+        id?: string;
+        stops?: string[] | [string | number, string][];
+        cx?: string;
+        cy?: string;
+        fx?: string;
+        fy?: string;
+        r?: string;
+        fr?: string;
+        spreadMethod?: "pad" | "reflect" | "repeat";
         transform?: string | null | undefined;
-        units?: "objectBoundingBox" | "userSpaceOnUse" | undefined;
+        units?: "objectBoundingBox" | "userSpaceOnUse";
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -3,14 +3,14 @@ import { type SpringOptions, type TweenedOptions } from '../stores/motionStore.j
 declare const __propDef: {
     props: {
         [x: string]: any;
-        x?: number | undefined;
-        initialX?: number | undefined;
-        y?: number | undefined;
-        initialY?: number | undefined;
+        x?: number;
+        initialX?: number;
+        y?: number;
+        initialY?: number;
         width: number;
-        initialWidth?: number | undefined;
+        initialWidth?: number;
         height: number;
-        initialHeight?: number | undefined;
+        initialHeight?: number;
         spring?: boolean | SpringOptions | {
             [prop: string]: SpringOptions;
         };

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

@@ -4,13 +4,13 @@ import Rect from './Rect.svelte';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        id?: string | undefined;
-        x?: number | undefined;
-        y?: number | undefined;
+        id?: string;
+        x?: number;
+        y?: number;
         width: number;
         height: number;
-        spring?: ComponentProps<Rect>['spring'];
-        tweened?: ComponentProps<Rect>['tweened'];
+        spring?: ComponentProps<Rect>["spring"];
+        tweened?: ComponentProps<Rect>["tweened"];
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -2,8 +2,8 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        x?: number | boolean | "left" | "right" | Date | undefined;
-        y?: number | boolean | "top" | "bottom" | Date | undefined;
+        x?: number | Date | boolean | "left" | "right";
+        y?: number | Date | boolean | "top" | "bottom";
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -2,15 +2,15 @@ import { SvelteComponentTyped } from "svelte";
 import { type SankeyNode } from 'd3-sankey';
 declare const __propDef: {
     props: {
-        nodes?: ((d: any) => any) | undefined;
-        nodeId?: ((d: any) => any) | undefined;
+        nodes?: (d: any) => any;
+        nodeId?: (d: any) => any;
         /**
            * see: https://github.com/d3/d3-sankey#alignments
-           */ nodeAlign?: "center" | "left" | "right" | "justify" | ((node: SankeyNode<any, any>, n: number) => number) | undefined;
-        nodeWidth?: number | undefined;
-        nodePadding?: number | undefined;
+           */ nodeAlign?: ((node: SankeyNode<any, any>, n: number) => number) | "left" | "right" | "center" | "justify";
+        nodeWidth?: number;
+        nodePadding?: number;
         nodeSort?: undefined;
-        links?: ((d: any) => any) | undefined;
+        links?: (d: any) => any;
         linkSort?: undefined;
     };
     events: {

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

@@ -7,13 +7,13 @@ declare const __propDef: {
         [x: string]: any;
         data?: any;
         pathData?: string | undefined | null;
-        radial?: boolean | undefined;
+        radial?: boolean;
         x?: any;
         y?: any;
         tweened?: boolean | Parameters<typeof tweenedStore>[1];
         draw?: boolean | Parameters<typeof _drawTransition>[1];
         curve?: CurveFactory | CurveFactoryLineOnly | undefined;
-        defined?: Parameters<Line<any>['defined']>[0] | undefined;
+        defined?: Parameters<Line<any>["defined"]>[0] | undefined;
     };
     events: {
         click: MouseEvent;

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

@@ -3,19 +3,19 @@ import type { spring as springStore, tweened as tweenedStore } from 'svelte/moti
 declare const __propDef: {
     props: {
         [x: string]: any;
-        value?: string | number | undefined;
+        value?: string | number;
         width?: number | undefined;
-        x?: string | number | undefined;
-        initialX?: string | number | undefined;
-        y?: string | number | undefined;
-        initialY?: string | number | undefined;
-        dx?: string | number | undefined;
-        dy?: string | number | undefined;
-        lineHeight?: string | undefined;
-        capHeight?: string | undefined;
-        scaleToFit?: boolean | undefined;
-        textAnchor?: "start" | "end" | "middle" | "inherit" | undefined;
-        verticalAnchor?: "start" | "end" | "middle" | "inherit" | undefined;
+        x?: string | number;
+        initialX?: string | number;
+        y?: string | number;
+        initialY?: string | number;
+        dx?: string | number;
+        dy?: string | number;
+        lineHeight?: string;
+        capHeight?: string;
+        scaleToFit?: boolean;
+        textAnchor?: "start" | "middle" | "end" | "inherit";
+        verticalAnchor?: "start" | "middle" | "end" | "inherit";
         rotate?: number | undefined;
         spring?: boolean | Parameters<typeof springStore>[1];
         tweened?: boolean | Parameters<typeof tweenedStore>[1];

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

@@ -6,9 +6,13 @@ declare const __propDef: {
         x?: any;
         y0?: any;
         y1?: any;
-        curve?: CurveFactory | undefined;
-        defined?: ((d: [number, number], index: number, data: [number, number][]) => boolean) | undefined;
-        id?: string | undefined;
+        curve?: CurveFactory;
+        defined?: Parameters<{
+            (): (d: [number, number], index: number, data: [number, number][]) => boolean;
+            (defined: boolean): import("d3-shape").Area<[number, number]>;
+            (defined: (d: [number, number], index: number, data: [number, number][]) => boolean): import("d3-shape").Area<[number, number]>;
+        }>[0];
+        id?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/TileImage.svelte

@@ -8,9 +8,9 @@ export let y;
 export let z;
 /** translate x */
 export let tx;
-/** scale */
+/** translate y */
 export let ty;
-export let k;
+export let scale;
 export let disableCache = false;
 export let debug = false;
 export let url;
@@ -58,17 +58,23 @@ $: if (!disableCache) {
 <!-- To avoid aliasing artifacts (thin white lines) between tiles, two layers of tiles are drawn, with the lower layer’s tiles enlarged by one pixel -->
 <image
   xlink:href={href}
-  x={(x + tx) * k - 0.5}
-  y={(y + ty) * k - 0.5}
-  width={k + 1}
-  height={k + 1}
+  x={(x + tx) * scale - 0.5}
+  y={(y + ty) * scale - 0.5}
+  width={scale + 1}
+  height={scale + 1}
 />
-<image xlink:href={href} x={(x + tx) * k} y={(y + ty) * k} width={k} height={k} />
+<image xlink:href={href} x={(x + tx) * scale} y={(y + ty) * scale} width={scale} height={scale} />
 {#if debug}
-  <rect x={(x + tx) * k} y={(y + ty) * k} width={k} height={k} class="stroke-danger/50 fill-none" />
+  <rect
+    x={(x + tx) * scale}
+    y={(y + ty) * scale}
+    width={scale}
+    height={scale}
+    class="stroke-danger/50 fill-none"
+  />
   <Text
-    x={(x + tx) * k}
-    y={(y + ty) * k}
+    x={(x + tx) * scale}
+    y={(y + ty) * scale}
     verticalAnchor="start"
     dx={2}
     dy={-2}

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

@@ -5,10 +5,10 @@ declare const __propDef: {
         y: number;
         z: number;
         /** translate x */ tx: number;
-        /** scale */ ty: number;
-        k: number;
-        disableCache?: boolean | undefined;
-        debug?: boolean | undefined;
+        /** translate y */ ty: number;
+        scale: number;
+        disableCache?: boolean;
+        debug?: boolean;
         url: (x: number, y: number, z: number) => string;
     };
     events: {

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

@@ -2,21 +2,21 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        x?: 'pointer' | 'data' | number | undefined;
-        y?: 'pointer' | 'data' | number | undefined;
-        xOffset?: number | undefined;
-        yOffset?: number | undefined;
-        anchor?: ("center" | "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right") | undefined;
-        contained?: false | "container" | undefined;
-        variant?: "default" | "none" | "invert" | undefined;
-        motion?: boolean | undefined;
+        x?: "pointer" | "data" | number | undefined;
+        y?: "pointer" | "data" | number | undefined;
+        xOffset?: number;
+        yOffset?: number;
+        anchor?: "center" | "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+        contained?: "container" | false;
+        variant?: "default" | "invert" | "none";
+        motion?: boolean;
         header?: ((data: any) => any) | undefined;
         classes?: {
-            root?: string | undefined;
-            container?: string | undefined;
-            header?: string | undefined;
-            content?: string | undefined;
-        } | undefined;
+            root?: string;
+            container?: string;
+            header?: string;
+            content?: string;
+        };
     };
     events: {
         [evt: string]: CustomEvent<any>;