layerchart 2.0.0-next.1 → 2.0.0-next.11

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

@@ -1,415 +1,540 @@
-import { SvelteComponentTyped } from "svelte";
-export declare const renderContextKey: unique symbol;
-type RenderContext = 'canvas' | 'svg' | 'html';
-/** Get render context.  Useful to conditionally render components based on the render context. */
-export declare function getRenderContext(): RenderContext;
-/** Set by Canavs, Html, or Svg render/layout component */
-export declare function setRenderContext(context: RenderContext): void;
+import { type Accessor } from '../utils/common.js';
+import { type AnyScale, type DomainType } from '../utils/scales.svelte.js';
+import type { AxisKey, BaseRange, DataType, Extents, Nice, Padding, PaddingArray, XRangeWithScale, YRangeWithScale } from '../utils/types.js';
+import { type ComponentProps, type Snippet } from 'svelte';
+import GeoContext, { type GeoContextValue } from './GeoContext.svelte';
+import TooltipContext, { type TooltipContextValue } from './tooltip/TooltipContext.svelte';
 import type { HierarchyNode } from 'd3-hierarchy';
 import type { SankeyGraph } from 'd3-sankey';
-import TransformContext from './TransformContext.svelte';
-import { type Accessor } from '../utils/common.js';
-import { type AnyScale, type DomainType } from '../utils/scales.js';
-declare class __sveltets_Render<TData> {
-    props(): {
-        /** Whether this chart should be rendered server side. @default false */
-        ssr?: boolean;
-        /** Whether to allow pointer events via CSS. Set this to `false` to set `pointer-events: none;` on all components, disabling all mouse interaction. @default true */
-        pointerEvents?: boolean;
-        /** Determine the positioning of the wrapper div. Set this to `'absolute'` when you want to stack cakes. @default 'relative' */
-        position?: string;
-        /** If `true`, set all scale ranges to `[0, 100]`. Ranges reversed via `xReverse`, `yReverse`, `zReverse` or `rReverse` props will continue to be reversed as usual. @default false */
-        percentRange?: boolean;
-        /** Override the automated width.  */
-        width?: number;
-        /** Override the automated height.  */
-        height?: number;
-        /** The bound container width. */
-        containerWidth?: number;
-        /**The bound container height. */
-        containerHeight?: number;
-        /**	The .layercake-container `<div>` tag. Useful for bindings. */
-        element?: HTMLDivElement;
-        /** If `data` is not a flat array of objects and you want to use any of the scales, set a flat version of the data via the `flatData` prop. */
-        data?: SankeyGraph<any, any> | HierarchyNode<TData> | TData[] | undefined;
-        /** A flat version of data. */
-        flatData?: any[];
-        /** The x accessor. The key in each row of data that corresponds to the x-field. This can be a string, an accessor function, a number or an array of any combination of those types. This property gets converted to a function when you access it through the context. */
-        x?: Accessor<TData>;
-        /** The y accessor. The key in each row of data that corresponds to the y-field. This can be a string, an accessor function, a number or an array of any combination of those types. This property gets converted to a function when you access it through the context. */
-        y?: Accessor<TData>;
-        /** The z accessor. The key in each row of data that corresponds to the z-field. This can be a string, an accessor function, a number or an array of any combination of those types. This property gets converted to a function when you access it through the context. */
-        z?: Accessor<TData>;
-        /** The r accessor. The key in each row of data that corresponds to the r-field. This can be a string, an accessor function, a number or an array of any combination of those types. This property gets converted to a function when you access it through the context. */
-        r?: Accessor<TData>;
-        /** The x1 accessor. The key in each row of data that corresponds to the x1-field. This can be a string, an accessor function, a number or an array of any combination of those types. This property gets converted to a function when you access it through the context. */
-        x1?: Accessor<TData>;
-        /** The y1 accessor. The key in each row of data that corresponds to the y1-field. This can be a string, an accessor function, a number or an array of any combination of those types. This property gets converted to a function when you access it through the context. */
-        y1?: Accessor<TData>;
-        /** The c (color) accessor. The key in each row of data that corresponds to the color. This can be a string or an accessor function. This property gets converted to a function when you access it through the context. */
-        c?: Accessor<TData>;
-        /** Set a min or max. For linear scales, if you want to inherit the value from the data's extent, set that value to `null`. This value can also be an array because sometimes your scales are [piecewise](https://github.com/d3/d3-scale#continuous_domain) or are a list of discrete values such as in [ordinal scales](https://github.com/d3/d3-scale#ordinal-scales), useful for color series. Set it to a function that receives the computed domain and lets you return a modified domain, useful for sorting values. */
-        xDomain?: DomainType;
-        /** Set a min or max. For linear scales, if you want to inherit the value from the data's extent, set that value to `null`.  Set it to a function that receives the computed domain and lets you return a modified domain, useful for sorting values. */
-        yDomain?: DomainType;
-        /** Set a min or max. For linear scales, if you want to inherit the value from the data's extent, set that value to `null`. This value can also be an array because sometimes your scales are [piecewise](https://github.com/d3/d3-scale#continuous_domain) or are a list of discrete values such as in [ordinal scales](https://github.com/d3/d3-scale#ordinal-scales), useful for color series. Set it to a function that receives the computed domain and lets you return a modified domain, useful for sorting values. */
-        zDomain?: DomainType;
-        /** Set a min or max. For linear scales, if you want to inherit the value from the data's extent, set that value to `null`. This value can also be an array because sometimes your scales are [piecewise](https://github.com/d3/d3-scale#continuous_domain) or are a list of discrete values such as in [ordinal scales](https://github.com/d3/d3-scale#ordinal-scales), useful for color series. Set it to a function that receives the computed domain and lets you return a modified domain, useful for sorting values. */
-        rDomain?: DomainType;
-        /** Set a min or max. For linear scales, if you want to inherit the value from the data's extent, set that value to `null`. This value can also be an array because sometimes your scales are [piecewise](https://github.com/d3/d3-scale#continuous_domain) or are a list of discrete values such as in [ordinal scales](https://github.com/d3/d3-scale#ordinal-scales), useful for color series. Set it to a function that receives the computed domain and lets you return a modified domain, useful for sorting values. */
-        x1Domain?: DomainType;
-        /** Set a min or max. For linear scales, if you want to inherit the value from the data's extent, set that value to `null`. This value can also be an array because sometimes your scales are [piecewise](https://github.com/d3/d3-scale#continuous_domain) or are a list of discrete values such as in [ordinal scales](https://github.com/d3/d3-scale#ordinal-scales), useful for color series. Set it to a function that receives the computed domain and lets you return a modified domain, useful for sorting values. */
-        y1Domain?: DomainType;
-        /** Set the list of color values. */
-        cDomain?: DomainType;
-        /** Applies D3's [scale.nice()](https://github.com/d3/d3-scale#continuous_nice) to the x domain. @default false */
-        xNice?: boolean | number;
-        /** Applies D3's [scale.nice()](https://github.com/d3/d3-scale#continuous_nice) to the y domain. @default false */
-        yNice?: boolean | number;
-        /**  Applies D3's [scale.nice()](https://github.com/d3/d3-scale#continuous_nice) to the z domain. @default false */
-        zNice?: boolean | number;
-        /**  Applies D3's [scale.nice()](https://github.com/d3/d3-scale#continuous_nice) to the r domain. @default false */
-        rNice?: boolean | number;
-        /** Assign a pixel value to add to the min or max of the scale. This will increase the scales domain by the scale unit equivalent of the provided pixels. */
-        xPadding?: [number, number];
-        /** Assign a pixel value to add to the min or max of the scale. This will increase the scales domain by the scale unit equivalent of the provided pixels. */
-        yPadding?: [number, number];
-        /** Assign a pixel value to add to the min or max of the scale. This will increase the scales domain by the scale unit equivalent of the provided pixels. */
-        zPadding?: [number, number];
-        /** Assign a pixel value to add to the min or max of the scale. This will increase the scales domain by the scale unit equivalent of the provided pixels. */
-        rPadding?: [number, number];
-        /** The D3 scale that should be used for the x-dimension. Pass in an instantiated D3 scale if you want to override the default or you want to extra options. @default scaleLinear */
-        xScale?: AnyScale;
-        /** The D3 scale that should be used for the x-dimension. Pass in an instantiated D3 scale if you want to override the default or you want to extra options. @default scaleLinear */
-        yScale?: AnyScale;
-        /** The D3 scale that should be used for the x-dimension. Pass in an instantiated D3 scale if you want to override the default or you want to extra options. @default scaleLinear */
-        zScale?: AnyScale;
-        /** The D3 scale that should be used for the x-dimension. Pass in an instantiated D3 scale if you want to override the default or you want to extra options. @default scaleSqrt */
-        rScale?: AnyScale;
-        /** The D3 scale that should be used for the x1-dimension. Pass in an instantiated D3 scale if you want to override the default or you want to extra options. @default scaleLinear */
-        x1Scale?: AnyScale;
-        /** The D3 scale that should be used for the y1-dimension. Pass in an instantiated D3 scale if you want to override the default or you want to extra options. @default scaleLinear */
-        y1Scale?: AnyScale;
-        /** The D3 scale that should be used for the  color dimension. Pass in an instantiated D3 scale if you want to override the default or you want to extra options. @default scaleOrdinal */
-        cScale?: AnyScale;
-        /** Override the default x range of `[0, width]` by setting an array or function with argument `({ width, height})` that returns an array. Setting this prop overrides `xReverse`. This can also be a list of numbers or strings for scales with discrete ranges like [scaleThreshold](https://github.com/d3/d3-scale#threshold-scales) or [scaleQuantize](https://github.com/d3/d3-scale#quantize-scales). */
-        xRange?: string[] | number[] | ((args: {
-            width: number;
-            height: number;
-        }) => number[] | string[]) | undefined;
-        /** Override the default y range of `[0, height]` by setting an array or function with argument `({ width, height})` that returns an array. Setting this prop overrides `yReverse`. This can also be a list of numbers or strings for scales with discrete ranges like [scaleThreshold](https://github.com/d3/d3-scale#threshold-scales) or [scaleQuantize](https://github.com/d3/d3-scale#quantize-scales). */
-        yRange?: string[] | number[] | ((args: {
-            width: number;
-            height: number;
-        }) => number[] | string[]) | undefined;
-        /** Override the default z range of `[0, width]` by setting an array or function with argument `({ width, height})` that returns an array. Setting this prop overrides `zReverse`. This can also be a list of numbers or strings for scales with discrete ranges like [scaleThreshold](https://github.com/d3/d3-scale#threshold-scales) or [scaleQuantize](https://github.com/d3/d3-scale#quantize-scales). */
-        zRange?: string[] | number[] | ((args: {
-            width: number;
-            height: number;
-        }) => number[] | string[]) | undefined;
-        /** Override the default r range of `[1, 25]` by setting an array or function with argument `({ width, height})` that returns an array. Setting this prop overrides `rReverse`. This can also be a list of numbers or strings for scales with discrete ranges like [scaleThreshold](https://github.com/d3/d3-scale#threshold-scales) or [scaleQuantize](https://github.com/d3/d3-scale#quantize-scales). */
-        rRange?: string[] | number[] | ((args: {
-            width: number;
-            height: number;
-        }) => number[] | string[]) | undefined;
-        /** Set the x1 range by setting an array or function with argument `({ xScale, width, height})` that returns an array. This can also be a list of numbers or strings for scales with discrete ranges like [scaleThreshold](https://github.com/d3/d3-scale#threshold-scales) or [scaleQuantize](https://github.com/d3/d3-scale#quantize-scales). */
-        x1Range?: string[] | number[] | ((args: {
-            xScale: AnyScale;
-            width: number;
-            height: number;
-        }) => number[] | string[]) | undefined;
-        /** Set the y1 range by setting an array or function with argument `({ yScale, width, height})` that returns an array. This can also be a list of numbers or strings for scales with discrete ranges like [scaleThreshold](https://github.com/d3/d3-scale#threshold-scales) or [scaleQuantize](https://github.com/d3/d3-scale#quantize-scales). */
-        y1Range?: string[] | number[] | ((args: {
-            yScale: AnyScale;
-            width: number;
-            height: number;
-        }) => number[] | string[]) | undefined;
-        /** Override the default y1 range of `[0, width]` by setting an array or function with argument `({ yScale, width, height})` that returns an array. Setting this prop overrides `x1Reverse`. This can also be a list of numbers or strings for scales with discrete ranges like [scaleThreshold](https://github.com/d3/d3-scale#threshold-scales) or [scaleQuantize](https://github.com/d3/d3-scale#quantize-scales). */
-        cRange?: string[] | readonly string[];
-        /** Reverse the default x range. By default this is `false` and the range is `[0, width]`. Ignored if you set the xRange prop. @default false */
-        xReverse?: boolean;
-        /** Reverse the default y range. By default this is `true` and the range is `[height, 0]` unless using an ordinal scale with a `.bandwidth` method for `yScale`. Ignored if you set the `yRange` prop. @default true */
-        yReverse?: boolean;
-        /** Reverse the default z range. By default this is `false` and the range is `[0, width]`. Ignored if you set the zRange prop. @default false */
-        zReverse?: boolean;
-        /** Reverse the default r range. By default this is `false` and the range is `[1, 25]`. Ignored if you set the rRange prop. @default false */
-        rReverse?: boolean;
-        /** Only used when scale is ordinal. Set whether the calculated unique items come back sorted. */
-        xDomainSort?: boolean;
-        /** Only used when scale is ordinal. Set whether the calculated unique items come back sorted. */
-        yDomainSort?: boolean;
-        /** Only used when scale is ordinal. Set whether the calculated unique items come back sorted. */
-        zDomainSort?: boolean;
-        /** Only used when scale is ordinal. Set whether the calculated unique items come back sorted. */
-        rDomainSort?: boolean;
-        /** The amount of padding to put around your chart. It operates like CSS box-sizing: border-box; where values are subtracted from the parent container's width and height, the same as a [D3 margin convention](https://bl.ocks.org/mbostock/3019563). */
-        padding?: {
-            top?: Number;
-            right?: Number;
-            bottom?: Number;
-            left?: Number;
-        } | undefined;
-        /** Manually set the extents of the x, y or r scale as a two-dimensional array of the min and max you want. Setting values here will skip any dynamic extent calculation of the data for that dimension. */
-        extents?: {
-            x?: [min: Number, max: Number];
-            y?: [min: Number, max: Number];
-            r?: [min: Number, max: Number];
-            z?: [min: Number, max: Number];
-        } | undefined;
-        /** Any extra configuration values you want available on the LayerCake context. This could be useful for color lookups or additional constants. */
-        custom?: Record<string, any>;
-        /** Enable debug printing to the console. Useful to inspect your scales and dimensions. */
-        debug?: boolean;
-        /** Show warnings in the console. */
-        verbose?: boolean;
-        /** x value guaranteed to be visible in xDomain.  Useful with optional negative values since `xDomain={[0, null]}` would ignore negative values */
-        xBaseline?: number | null;
-        /** y value guaranteed to be visible in yDomain.  Useful with optional negative values since `yDomain={[0, null]}` would ignore negative values */
-        yBaseline?: number | null;
-        /** Use radial instead of cartesian coordinates, mapping `x` to `angle` and `y`` to radial.  Radial lines are positioned relative to the origin, use transform (ex. `<Group center>`) to change the origin */
-        radial?: boolean;
-        /** Props passed to GeoContext */
-        geo?: Partial<{
-            projection?: (() => import("d3-geo").GeoProjection) | undefined;
-            fitGeojson?: import("d3-geo").GeoPermissibleObjects | undefined;
-            fixedAspectRatio?: number | undefined;
-            clipAngle?: number | undefined;
-            clipExtent?: [[number, number], [number, number]] | undefined;
-            rotate?: {
-                yaw: number;
-                pitch: number;
-                roll: number;
-            } | undefined;
-            scale?: number | undefined;
-            translate?: [number, number] | undefined;
-            center?: [number, number] | undefined;
-            applyTransform?: ("scale" | "translate" | "rotate")[];
-            reflectX?: boolean | undefined;
-            reflectY?: boolean | undefined;
-            geo?: import("svelte/store").Writable<import("d3-geo").GeoProjection>;
-        }> | undefined;
-        /** Exposed via bind: to support `bind:geoProjection` for external access */
-        geoProjection?: import("svelte/store").Writable<import("d3-geo").GeoProjection> | undefined;
-        /** Props passed to TooltipContext */
-        tooltip?: boolean | Partial<{
-            mode?: "manual" | "bisect-x" | "bisect-y" | "band" | "bisect-band" | "bounds" | "voronoi" | "quadtree";
-            findTooltipData?: "closest" | "left" | "right";
-            raiseTarget?: boolean;
-            locked?: boolean;
-            radius?: number;
-            debug?: boolean;
-            onclick?: (e: MouseEvent, { data }: {
-                data: any;
-            }) => any;
-            tooltip?: import("svelte/store").Writable<{
-                x: number;
-                y: number;
-                data: any;
-                show: (e: PointerEvent, tooltipData?: any) => void;
-                hide: () => void;
-                mode: "manual" | "bisect-x" | "bisect-y" | "band" | "bisect-band" | "bounds" | "voronoi" | "quadtree";
-            }>;
-            hideDelay?: number;
-        }> | undefined;
-        /** Exposed via bind: to support `bind:tooltipContext` for external access (ex. `tooltipContext.data) */
-        tooltipContext?: import("svelte/store").Writable<{
-            x: number;
-            y: number;
-            data: any;
-            show: (e: PointerEvent, tooltipData?: any) => void;
-            hide: () => void;
-            mode: "manual" | "bisect-x" | "bisect-y" | "band" | "bisect-band" | "bounds" | "voronoi" | "quadtree";
-        }> | undefined;
-        /** Props passed to TransformContext */
-        transform?: Partial<{
-            mode?: "none" | "canvas" | "manual";
-            spring?: boolean | Parameters<typeof import("../stores/motionStore").motionStore>[1]["spring"];
-            tweened?: boolean | Parameters<typeof import("../stores/motionStore").motionStore>[1]["tweened"];
-            processTranslate?: (x: number, y: number, deltaX: number, deltaY: number) => {
-                x: number;
-                y: number;
-            };
-            disablePointer?: boolean;
-            initialScrollMode?: "none" | "scale" | "translate";
-            clickDistance?: number;
-            ondragstart?: (() => void) | undefined;
-            ondragend?: (() => void) | undefined;
-            ontransform?: ((e: {
-                scale: number;
-                translate: {
-                    x: number;
-                    y: number;
-                };
-            }) => void) | undefined;
-            initialTranslate?: {
-                x: number;
-                y: number;
-            } | undefined;
-            translate?: import("svelte/motion").Spring<{
-                x: number;
-                y: number;
-            }> | import("svelte/motion").Tweened<{
-                x: number;
-                y: number;
-            }> | import("svelte/store").Writable<{
-                x: number;
-                y: number;
-            }>;
-            initialScale?: number | undefined;
-            scale?: import("svelte/store").Writable<number> | import("svelte/motion").Spring<number> | import("svelte/motion").Tweened<number>;
-            setScrollMode?: (mode: "none" | "scale" | "translate") => void;
-            reset?: () => void;
-            zoomIn?: () => void;
-            zoomOut?: () => void;
-            translateCenter?: () => void;
-            zoomTo?: (center: {
-                x: number;
-                y: number;
-            }, rect?: {
-                width: number;
-                height: number;
-            }) => void;
-            setTranslate?: (point: {
-                x: number;
-                y: number;
-            }, options?: import("../stores/motionStore").MotionOptions) => void;
-            setScale?: (value: number, options?: import("../stores/motionStore").MotionOptions) => void;
-        }> | undefined;
-        /** Expose to support `bind:transformContext` for imperative control (`transformContext.translate(...)`) */
-        transformContext?: TransformContext;
-        /** Props passed to BrushContext */
-        brush?: boolean | Partial<{
-            axis?: "x" | "y" | "both";
-            handleSize?: number;
-            resetOnEnd?: boolean;
-            xDomain?: DomainType;
-            yDomain?: DomainType;
-            mode?: "integrated" | "separated";
-            disabled?: boolean;
-            range?: Partial<import("svelte/elements").HTMLAttributes<HTMLDivElement>> | undefined;
-            handle?: Partial<import("svelte/elements").HTMLAttributes<HTMLDivElement>> | undefined;
-            classes?: {
-                root?: string;
-                frame?: string;
-                range?: string;
-                handle?: string;
-                labels?: string;
-            };
-            onchange?: (detail: {
-                xDomain?: DomainType;
-                yDomain?: DomainType;
-            }) => void;
-            onbrushstart?: (detail: {
-                xDomain?: DomainType;
-                yDomain
-                /** Exposed via bind: to support `bind:brushContext` for external access (ex. `brushContext.xDomain) */
-                ?: DomainType;
-            }) => void;
-            onbrushend?: (detail: {
-                xDomain?: DomainType;
-                yDomain?: DomainType;
-            }) => void;
-            onreset?: (detail: {
-                xDomain?: DomainType;
-                yDomain?: DomainType;
-            }) => void;
-            brush?: import("svelte/store").Writable<import("./BrushContext.svelte").BrushContextValue>;
-        }> | undefined;
-        /** Exposed via bind: to support `bind:brushContext` for external access (ex. `brushContext.xDomain) */
-        brushContext?: import("svelte/store").Writable<import("./BrushContext.svelte").BrushContextValue> | undefined;
-        onresize?: ((e: import("./ChartContext.svelte").ChartResizeDetail) => void) | undefined;
-        ondragstart?: (() => void) | undefined;
-        ondragend?: (() => void) | undefined;
-        ontransform?: ((e: {
-            scale: number;
-            translate: {
-                x: number;
-                y: number;
-            };
-        }) => void) | undefined;
-    };
-    events(): {} & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots(): {
-        default: {
-            aspectRatio: number;
-            containerHeight: number;
-            containerWidth: number;
-            height: number;
-            width: number;
-            element: Element | undefined;
-            projection: import("d3-geo").GeoProjection;
-            transform: {
-                scale: number;
-                setScale: (value: number, options?: import("../stores/motionStore").MotionOptions) => void;
-                translate: {
-                    x: number;
-                    y: number;
-                };
-                setTranslate: (point: {
-                    x: number;
-                    y: number;
-                }, options?: import("../stores/motionStore").MotionOptions) => void;
-                zoomTo: (center: {
-                    x: number;
-                    y: number;
-                }, rect?: {
-                    width: number;
-                    height: number;
-                }) => void;
-                reset: () => void;
-            };
-            tooltip: {
-                x: number;
-                y: number;
-                data: any;
-                show: (e: PointerEvent, tooltipData?: any) => void;
-                hide: () => void;
-                mode: "manual" | "bisect-x" | "bisect-y" | "band" | "bisect-band" | "bounds" | "voronoi" | "quadtree";
-            };
-            brush: import("./BrushContext.svelte").BrushContextValue;
-            x: Function;
-            xScale: any;
-            xGet: any;
-            y: Function;
-            yScale: any;
-            yGet: any;
-            z: Function;
-            zScale: any;
-            zGet: any;
-            r: Function;
-            rScale: any;
-            rGet: any;
-            x1: (d: any) => any;
-            x1Scale: AnyScale<any, any, any, any> | null;
-            x1Get: Function;
-            y1: (d: any) => any;
-            y1Scale: AnyScale<any, any, any, any> | null;
-            y1Get: Function;
-            c: (d: any) => any;
-            cScale: AnyScale<any, any, any, any> | null;
-            cGet: Function;
-            padding: {
-                top: number;
-                right: number;
-                bottom: number;
-                left: number;
-            } & {
-                top?: number;
-                right?: number;
-                bottom?: number;
-                left?: number;
-            };
-            data: unknown[] | SankeyGraph<any, any> | HierarchyNode<unknown>;
-            flatData: import("svelte/store").Readable<unknown[] | SankeyGraph<any, any> | HierarchyNode<unknown>>;
-            config: any;
-        };
+import TransformContext, { type TransformContextValue } from './TransformContext.svelte';
+import BrushContext, { type BrushContextValue } from './BrushContext.svelte';
+export type ChartResizeDetail = {
+    width: number;
+    height: number;
+    containerWidth: number;
+    containerHeight: number;
+};
+export type PreservedChartConfig<T, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> = Pick<ChartPropsWithoutHTML<T, XScale, YScale>, 'x' | 'y' | 'z' | 'r' | 'c' | 'x1' | 'y1' | 'xRange' | 'yRange' | 'cDomain' | 'zDomain' | 'xDomain' | 'yDomain' | 'rDomain' | 'x1Domain' | 'y1Domain' | 'zRange' | 'rRange' | 'cRange' | 'x1Range' | 'y1Range'>;
+export type ChartContextValue<T = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> = {
+    activeGetters: Record<AxisKey, (d: T) => any>;
+    width: number;
+    height: number;
+    percentRange: boolean;
+    aspectRatio: number;
+    containerRef: HTMLElement | undefined;
+    containerWidth: number;
+    containerHeight: number;
+    config: PreservedChartConfig<T, XScale, YScale>;
+    x: (d: T) => any;
+    y: (d: T) => any;
+    z: (d: T) => any;
+    r: (d: T) => any;
+    x1: (d: T) => any;
+    y1: (d: T) => any;
+    c: (d: T) => any;
+    data: DataType<T>;
+    xNice: Nice;
+    yNice: Nice;
+    zNice: Nice;
+    rNice: Nice;
+    xDomainSort: boolean;
+    yDomainSort: boolean;
+    zDomainSort: boolean;
+    rDomainSort: boolean;
+    xReverse: boolean;
+    yReverse: boolean;
+    zReverse: boolean;
+    rReverse: boolean;
+    xPadding: PaddingArray;
+    yPadding: PaddingArray;
+    zPadding: PaddingArray;
+    rPadding: PaddingArray;
+    padding: Padding;
+    flatData: T[];
+    extents: Extents;
+    xDomain: number[];
+    yDomain: number[];
+    zDomain: DomainType;
+    rDomain: DomainType;
+    cDomain: DomainType;
+    x1Domain: DomainType;
+    y1Domain: DomainType;
+    xRange: any[];
+    yRange: any[];
+    zRange: any[];
+    rRange: any[];
+    cRange: readonly string[] | string[] | undefined;
+    x1Range: XRangeWithScale<XScale> | undefined;
+    y1Range: YRangeWithScale<YScale> | undefined;
+    meta: Record<string, any>;
+    xScale: AnyScale;
+    yScale: AnyScale;
+    zScale: AnyScale;
+    rScale: AnyScale;
+    cScale: AnyScale | null;
+    x1Scale: AnyScale | null;
+    y1Scale: AnyScale | null;
+    yGet: (d: T) => any;
+    xGet: (d: T) => any;
+    zGet: (d: T) => any;
+    rGet: (d: T) => any;
+    cGet: (d: T) => any;
+    x1Get: (d: T) => any;
+    y1Get: (d: T) => any;
+    radial: boolean;
+    tooltip: TooltipContextValue<T>;
+    geo: GeoContextValue;
+    brush: BrushContextValue;
+    transform: TransformContextValue;
+};
+export type LayerChartInternalMeta = {
+    /**
+     * The current chart type.
+     * The default is `'default'` which is any chart being composed
+     * that isn't a "simplified chart".
+     */
+    type: 'default' | 'simplified-area' | 'simplified-bar' | 'simplified-line' | 'simplified-pie' | 'simplified-scatter';
+};
+export declare function getChartContext<T, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(): ChartContextValue<T, XScale, YScale>;
+export declare function setChartContext<T, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(context: ChartContextValue<T, XScale, YScale>): ChartContextValue<T, XScale, YScale>;
+export type RenderContext = 'svg' | 'canvas' | 'html';
+export declare function getRenderContext(): RenderContext;
+export declare function setRenderContext(context: RenderContext): RenderContext;
+export type ChartPropsWithoutHTML<T, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> = {
+    /**
+     * Whether this chart should be rendered server side
+     *
+     * @default false
+     */
+    ssr?: boolean;
+    /**
+     * Whether to allow pointer events via CSS.
+     * Set this to `false` to set `pointer-events: none;` on all components, disabling
+     * all mouse interactions.
+     *
+     * @default true
+     */
+    pointerEvents?: boolean;
+    /**
+     * Determine the positioning of the wrapper div.
+     * Set this to `'absolute'` when you want to stack layers.
+     *
+     * @default 'relative'
+     */
+    position?: string;
+    /**
+     * If `true`, set all scale ranges to `[0, 100]`.
+     * Ranges reversed via `xReverse`, `yReverse`, or `rReverse` props will
+     * continue to be reversed as usual.
+     * @default false
+     */
+    percentRange?: boolean;
+    /**
+     * A bindable reference to the root container element.
+     */
+    ref?: HTMLElement;
+    /**
+     * If `data` is not a flat array of objects and you want to use any of the scales, set a flat
+     * version of the data via the `flatData` prop.
+     */
+    data?: T[] | readonly T[] | HierarchyNode<T> | SankeyGraph<any, any>;
+    /**
+     * A flat version of data.
+     */
+    flatData?: T[] | readonly T[] | HierarchyNode<T> | SankeyGraph<any, any>;
+    /**
+     * The x accessor. The key in each row of data that corresponds to the x-field. This can be a
+     * string, an accessor function, a number or an array of any combination of those types. This
+     * property gets converted to a function when you access it through the context.
+     */
+    x?: Accessor<T>;
+    /**
+     * The y accessor. The key in each row of data that corresponds to the y-field. This can be a
+     * string, an accessor function, a number or an array of any combination of those types. This
+     * property gets converted to a function when you access it through the context.
+     */
+    y?: Accessor<T>;
+    /**
+     * The z accessor. The key in each row of data that corresponds to the z-field. This can be a
+     * string, an accessor function, a number or an array of any combination of those types. This
+     * property gets converted to a function when you access it through the context.
+     */
+    z?: Accessor<T>;
+    /**
+     * The r accessor. The key in each row of data that corresponds to the r-field. This can be a
+     * string, an accessor function, a number or an array of any combination of those types. This
+     * property gets converted to a function when you access it through the context.
+     */
+    r?: Accessor<T>;
+    /**
+     * The x1 accessor. The key in each row of data that corresponds to the x1-field. This can be a
+     * string, an accessor function, a number or an array of any combination of those types. This
+     * property gets converted to a function when you access it through the context.
+     */
+    x1?: Accessor<T>;
+    /**
+     * The y1 accessor. The key in each row of data that corresponds to the y1-field. This can be
+     * a string, an accessor function, a number or an array of any combination of those types. This
+     * property gets converted to a function when you access it through the context.
+     */
+    y1?: Accessor<T>;
+    /**
+     * The c (color) accessor. The key in each row of data that corresponds to the color. This can
+     * be a string or an accessor function. This property gets converted to a function when you
+     * access it through the context.
+     */
+    c?: Accessor<T>;
+    /**
+     * Set a min or max. For linear scales, if you want to inherit the value from the data's
+     * extent, set that value to `null`. This value can also be an array because sometimes your
+     * scales are [piecewise](https://github.com/d3/d3-scale#continuous_domain) or are a list of
+     * discrete values such as in [ordinal scales](https://github.com/d3/d3-scale#ordinal-scales),
+     * useful for color series. Set it to a function that receives the computed domain and lets you
+     * return a modified domain, useful for sorting values.
+     */
+    xDomain?: DomainType;
+    /**
+     * Set a min or max. For linear scales, if you want to inherit the value from the data's
+     * extent, set that value to `null`. This value can also be an array because sometimes your
+     * scales are [piecewise](https://github.com/d3/d3-scale#continuous_domain) or are a list of
+     * discrete values such as in [ordinal scales](https://github.com/d3/d3-scale#ordinal-scales),
+     * useful for color series. Set it to a function that receives the computed domain and lets you
+     * return a modified domain, useful for sorting values.
+     */
+    yDomain?: DomainType;
+    /**
+     * Set a min or max. For linear scales, if you want to inherit the value from the data's
+     * extent, set that value to `null`. This value can also be an array because sometimes your
+     * scales are [piecewise](https://github.com/d3/d3-scale#continuous_domain) or are a list of
+     * discrete values such as in [ordinal scales](https://github.com/d3/d3-scale#ordinal-scales),
+     * useful for color series. Set it to a function that receives the computed domain and lets you
+     * return a modified domain, useful for sorting values.
+     */
+    zDomain?: DomainType;
+    /**
+     * Set a min or max. For linear scales, if you want to inherit the value from the data's
+     * extent, set that value to `null`. This value can also be an array because sometimes your
+     * scales are [piecewise](https://github.com/d3/d3-scale#continuous_domain) or are a list of
+     * discrete values such as in [ordinal scales](https://github.com/d3/d3-scale#ordinal-scales),
+     * useful for color series. Set it to a function that receives the computed domain and lets you
+     * return a modified domain, useful for sorting values.
+     */
+    rDomain?: DomainType;
+    /**
+     * Set a min or max. For linear scales, if you want to inherit the value from the data's
+     * extent, set that value to `null`. This value can also be an array because sometimes your
+     * scales are [piecewise](https://github.com/d3/d3-scale#continuous_domain) or are a list of
+     * discrete values such as in [ordinal scales](https://github.com/d3/d3-scale#ordinal-scales),
+     * useful for color series. Set it to a function that receives the computed domain and lets you
+     * return a modified domain, useful for sorting values.
+     */
+    x1Domain?: DomainType;
+    /**
+     * Set a min or max. For linear scales, if you want to inherit the value from the data's
+     * extent, set that value to `null`. This value can also be an array because sometimes your
+     * scales are [piecewise](https://github.com/d3/d3-scale#continuous_domain) or are a list of
+     * discrete values such as in [ordinal scales](https://github.com/d3/d3-scale#ordinal-scales),
+     * useful for color series. Set it to a function that receives the computed domain and lets you
+     * return a modified domain, useful for sorting values.
+     */
+    y1Domain?: DomainType;
+    /**
+     * Set the list of color values.
+     */
+    cDomain?: DomainType;
+    /**
+     * Applies D3's [scale.nice()](https://github.com/d3/d3-scale#continuous_nice) to the x domain.
+     * @default false
+     */
+    xNice?: Nice;
+    /**
+     * Applies D3's [scale.nice()](https://github.com/d3/d3-scale#continuous_nice) to the y domain.
+     * @default false
+     */
+    yNice?: Nice;
+    /**
+     * Applies D3's [scale.nice()](https://github.com/d3/d3-scale#continuous_nice) to the z domain.
+     * @default false
+     */
+    zNice?: Nice;
+    /**
+     * Applies D3's [scale.nice()](https://github.com/d3/d3-scale#continuous_nice) to the r domain.
+     * @default false
+     */
+    rNice?: Nice;
+    /**
+     * Assign a pixel value to add to the min or max of the scale. This will increase the scales
+     * domain by the scale unit equivalent of the provided pixels.
+     */
+    xPadding?: PaddingArray;
+    /**
+     * Assign a pixel value to add to the min or max of the scale. This will increase the scales
+     * domain by the scale unit equivalent of the provided pixels.
+     */
+    yPadding?: PaddingArray;
+    /**
+     * Assign a pixel value to add to the min or max of the scale. This will increase the scales
+     * domain by the scale unit equivalent of the provided pixels.
+     */
+    zPadding?: PaddingArray;
+    /**
+     * Assign a pixel value to add to the min or max of the scale. This will increase the scales
+     * domain by the scale unit equivalent of the provided pixels.
+     */
+    rPadding?: PaddingArray;
+    /**
+     * The D3 scale that should be used for the x-dimension. Pass in an instantiated D3 scale if
+     * you want to override the default or you want to extra options.
+     * @default scaleLinear
+     */
+    xScale?: XScale;
+    /**
+     * The D3 scale that should be used for the x-dimension. Pass in an instantiated D3 scale if
+     * you want to override the default or you want to extra options.
+     * @default scaleLinear
+     */
+    yScale?: YScale;
+    /**
+     * The D3 scale that should be used for the x-dimension. Pass in an instantiated D3 scale if
+     * you want to override the default or you want to extra options.
+     * @default scaleLinear
+     */
+    zScale?: AnyScale;
+    /**
+     * The D3 scale that should be used for the x-dimension. Pass in an instantiated D3 scale if
+     * you want to override the default or you want to extra options.
+     * @default scaleSqrt
+     */
+    rScale?: AnyScale;
+    /**
+     * The D3 scale that should be used for the x1-dimension. Pass in an instantiated D3 scale if
+     * you want to override the default or you want to extra options.
+     * @default scaleLinear
+     */
+    x1Scale?: AnyScale;
+    /**
+     * The D3 scale that should be used for the y1-dimension. Pass in an instantiated D3 scale if
+     * you want to override the default or you want to extra options.
+     * @default scaleLinear
+     */
+    y1Scale?: AnyScale;
+    /**
+     * The D3 scale that should be used for the  color dimension. Pass in an instantiated D3 scale
+     * if you want to override the default or you want to extra options.
+     * @default scaleOrdinal
+     */
+    cScale?: AnyScale;
+    /** Override the default x range of `[0, width]` by setting an array or function with argument
+     * `({ width, height})` that returns an array. Setting this prop overrides `xReverse`. This can
+     * also be a list of numbers or strings for scales with discrete ranges like
+     * [scaleThreshold](https://github.com/d3/d3-scale#threshold-scales) or
+     * [scaleQuantize](https://github.com/d3/d3-scale#quantize-scales).
+     */
+    xRange?: BaseRange;
+    /**
+     * Override the default y range of `[0, height]` by setting an array or function with argument
+     * `({ width, height})` that returns an array. Setting this prop overrides `yReverse`. This can
+     * also be a list of numbers or strings for scales with discrete ranges like
+     * [scaleThreshold](https://github.com/d3/d3-scale#threshold-scales) or
+     * [scaleQuantize](https://github.com/d3/d3-scale#quantize-scales).
+     */
+    yRange?: BaseRange;
+    /** Override the default z range of `[0, width]` by setting an array or function with argument
+     * `({ width, height})` that returns an array. Setting this prop overrides `zReverse`. This can
+     * also be a list of numbers or strings for scales with discrete ranges like
+     * [scaleThreshold](https://github.com/d3/d3-scale#threshold-scales) or
+     * [scaleQuantize](https://github.com/d3/d3-scale#quantize-scales).
+     */
+    zRange?: BaseRange;
+    /** Override the default r range of `[1, 25]` by setting an array or function with argument
+     * `({ width, height})` that returns an array. Setting this prop overrides `rReverse`. This can
+     * also be a list of numbers or strings for scales with discrete ranges like
+     * [scaleThreshold](https://github.com/d3/d3-scale#threshold-scales) or
+     * [scaleQuantize](https://github.com/d3/d3-scale#quantize-scales).
+     */
+    rRange?: BaseRange;
+    /**
+     * Set the x1 range by setting an array or function with argument `({ xScale, width, height})`
+     * that returns an array. This can also be a list of numbers or strings for scales with
+     * discrete ranges like [scaleThreshold](https://github.com/d3/d3-scale#threshold-scales) or
+     * [scaleQuantize](https://github.com/d3/d3-scale#quantize-scales).
+     */
+    x1Range?: XRangeWithScale<XScale>;
+    /**
+     * Set the y1 range by setting an array or function with argument `({ yScale, width, height})`
+     * that returns an array. This can also be a list of numbers or strings for scales with
+     * discrete ranges like [scaleThreshold](https://github.com/d3/d3-scale#threshold-scales) or
+     * [scaleQuantize](https://github.com/d3/d3-scale#quantize-scales).
+     */
+    y1Range?: YRangeWithScale<YScale>;
+    /**
+     * Override the default y1 range of `[0, width]` by setting an array or function with argument
+     * `({ yScale, width, height})` that returns an array. Setting this prop overrides `x1Reverse`.
+     * This can also be a list of numbers or strings for scales with discrete ranges like
+     * [scaleThreshold](https://github.com/d3/d3-scale#threshold-scales) or
+     * [scaleQuantize](https://github.com/d3/d3-scale#quantize-scales).
+     */
+    cRange?: string[] | readonly string[];
+    /**
+     * Reverse the default x range. By default this is `false` and the range is `[0, width]`.
+     * Ignored if you set the xRange prop.
+     * @default false
+     */
+    xReverse?: boolean;
+    /**
+     * Reverse the default y range. By default this is `true` and the range is `[height, 0]` unless
+     * using an ordinal scale with a `.bandwidth` method for `yScale`.
+     * Ignored if you set the `yRange` prop.
+     * @default true
+     */
+    yReverse?: boolean;
+    /**
+     * Reverse the default z range. By default this is `false` and the range is `[0, width]`.
+     * Ignored if you set the zRange prop.
+     * @default false
+     */
+    zReverse?: boolean;
+    /**
+     * Reverse the default r range. By default this is `false` and the range is `[1, 25]`.
+     * Ignored if you set the rRange prop.
+     * @default false
+     */
+    rReverse?: boolean;
+    /**
+     * ***Only used when scale is ordinal.***
+     * Set whether the calculated unique items come back sorted.
+     *
+     * @default false
+     */
+    xDomainSort?: boolean;
+    /**
+     * ***Only used when scale is ordinal.***
+     * Set whether the calculated unique items come back sorted.
+     *
+     * @default false
+     */
+    yDomainSort?: boolean;
+    /**
+     * ***Only used when scale is ordinal.***
+     * Set whether the calculated unique items come back sorted.
+     *
+     * @default false
+     */
+    zDomainSort?: boolean;
+    /**
+     * ***Only used when scale is ordinal.***
+     * Set whether the calculated unique items come back sorted.
+     *
+     * @default false
+     */
+    rDomainSort?: boolean;
+    /**
+     * The amount of padding to put around your chart. It operates like CSS
+     * box-sizing: border-box; where values are subtracted from the parent container's width
+     * and height, the same as a [D3 margin convention](https://bl.ocks.org/mbostock/3019563).
+     *
+     * If a number is passed, it will be applied to all sides.
+     */
+    padding?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    } | number;
+    /**
+     * Manually set the extents of the x, y or r scale as a two-dimensional array of the min and
+     * max you want. Setting values here will skip any dynamic extent calculation of the data for
+     * that dimension.
+     */
+    extents?: {
+        x?: [min: number, max: number];
+        y?: [min: number, max: number];
+        r?: [min: number, max: number];
+        z?: [min: number, max: number];
     };
+    /**
+     * Any extra configuration values you want available on the Chart context.
+     * This could be useful for color lookups or additional constants.
+     */
+    meta?: Record<string, any>;
+    /**
+     * Enable debug printing to the console.
+     * Useful to inspect your scales and dimensions.
+     *
+     * @default false
+     */
+    debug?: boolean;
+    /**
+     * Show warnings in the console.
+     *
+     * @default true
+     */
+    verbose?: boolean;
+    /**
+     * x value guaranteed to be visible in xDomain.  Useful with optional negative values since
+     * `xDomain={[0, null]}` would ignore negative values
+     *
+     * @default null
+     */
+    xBaseline?: number | null;
+    /**
+     * y value guaranteed to be visible in yDomain.  Useful with optional negative values since
+     * `yDomain={[0, null]}` would ignore negative values
+     *
+     * @default null
+     */
+    yBaseline?: number | null;
+    /**
+     * Use radial instead of cartesian coordinates, mapping `x` to `angle` and `y`` to radial.
+     * Radial lines are positioned relative to the origin, use transform (ex. `<Group center>`)
+     * to change the origin
+     *
+     * @default false
+     */
+    radial?: boolean;
+    children?: Snippet<[{
+        context: ChartContextValue<T, XScale, YScale>;
+    }]>;
+    /**
+     * A bindable reference to the chart context.
+     */
+    context?: ChartContextValue<T, XScale, YScale>;
+    /**
+     * Props passed to GeoContext
+     */
+    geo?: Partial<ComponentProps<typeof GeoContext>>;
+    /**
+     * Props passed to the `TooltipContext` component.
+     */
+    tooltip?: Partial<ComponentProps<typeof TooltipContext>> | boolean;
+    /**
+     * Props passed to TransformContext
+     */
+    transform?: Partial<ComponentProps<typeof TransformContext>>;
+    /** Props passed to BrushContext */
+    brush?: Partial<ComponentProps<typeof BrushContext>> | boolean;
+    /**
+     * A callback function that is called when the chart is resized.
+     */
+    onResize?: (e: ChartResizeDetail) => void;
+    ondragstart?: ComponentProps<typeof TransformContext>['ondragstart'];
+    ondragend?: ComponentProps<typeof TransformContext>['ondragend'];
+    onTransform?: ComponentProps<typeof TransformContext>['onTransform'];
+};
+declare class __sveltets_Render<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> {
+    props(): ChartPropsWithoutHTML<TData, XScale, YScale>;
+    events(): {};
+    slots(): {};
+    bindings(): "ref" | "context";
+    exports(): {};
 }
-export type ChartProps<TData> = ReturnType<__sveltets_Render<TData>['props']>;
-export type ChartEvents<TData> = ReturnType<__sveltets_Render<TData>['events']>;
-export type ChartSlots<TData> = ReturnType<__sveltets_Render<TData>['slots']>;
-export default class Chart<TData> extends SvelteComponentTyped<ChartProps<TData>, ChartEvents<TData>, ChartSlots<TData>> {
+interface $$IsomorphicComponent {
+    new <TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TData, XScale, YScale>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TData, XScale, YScale>['props']>, ReturnType<__sveltets_Render<TData, XScale, YScale>['events']>, ReturnType<__sveltets_Render<TData, XScale, YScale>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TData, XScale, YScale>['bindings']>;
+    } & ReturnType<__sveltets_Render<TData, XScale, YScale>['exports']>;
+    <TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(internal: unknown, props: ReturnType<__sveltets_Render<TData, XScale, YScale>['props']> & {}): ReturnType<__sveltets_Render<TData, XScale, YScale>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
 }
-export {};
+declare const Chart: $$IsomorphicComponent;
+type Chart<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> = InstanceType<typeof Chart<TData, XScale, YScale>>;
+export default Chart;