svelteplot 0.3.4 → 0.3.5-pr-121.1

package/dist/marks/AxisX.svelte

@@ -1,56 +1,55 @@
 <!-- @component
     Renders a horizontal axis with labels and tick marks
 -->
-<script module lang="ts">
-    import type { XOR } from 'ts-essentials';
-    export type AxisXMarkProps = Omit<
+<script lang="ts" generics="Datum extends RawValue">
+    import { getContext } from 'svelte';
+    import Mark from '../Mark.svelte';
+    import BaseAxisX from './helpers/BaseAxisX.svelte';
+    import type {
+        PlotContext,
         BaseMarkProps,
-        'fill' | 'fillOpacity' | 'paintOrder' | 'title' | 'href' | 'target'
-    > & {
-        data?: RawValue[];
+        RawValue,
+        ConstantAccessor,
+        FacetContext,
+        PlotDefaults,
+        ChannelName
+    } from '../types/index.js';
+    import autoTimeFormat from '../helpers/autoTimeFormat.js';
+    import { derived } from 'svelte/store';
+    import { autoTicks } from '../helpers/autoTicks.js';
+    import { resolveScaledStyles } from '../helpers/resolve.js';
+
+    interface AxisXMarkProps
+        extends Omit<
+            BaseMarkProps<Datum>,
+            'fill' | 'fillOpacity' | 'paintOrder' | 'title' | 'href' | 'target'
+        > {
+        data?: Datum[];
         automatic?: boolean;
-        title?: string;
+        title?: string | false | null;
         anchor?: 'top' | 'bottom';
         interval?: string | number;
         facetAnchor?: 'auto' | 'top-empty' | 'bottom-empty' | 'top' | 'bottom';
         labelAnchor?: 'auto' | 'left' | 'center' | 'right';
         tickSize?: number;
-        tickFontSize?: ConstantAccessor<number>;
+        tickFontSize?: ConstantAccessor<number, Datum>;
+        titleFontSize?: number;
         tickPadding?: number;
         tickFormat?:
             | 'auto'
             | Intl.DateTimeFormatOptions
             | Intl.NumberFormatOptions
             | ((d: RawValue) => string);
-        tickClass?: ConstantAccessor<string>;
+        tickClass?: ConstantAccessor<string, Datum>;
         /** ticks is a shorthand for defining data, tickCount or interval */
-        ticks?: number | string | RawValue[];
+        ticks?: number | string | Datum[];
         /** set to false or null to disable tick labels */
         text: boolean | null;
         /** approximate number of ticks to be generated */
         tickCount?: number;
         /** approximate number of pixels between generated ticks */
         tickSpacing?: number;
-    };
-</script>
-
-<script lang="ts">
-    import { getContext } from 'svelte';
-    import Mark from '../Mark.svelte';
-    import BaseAxisX from './helpers/BaseAxisX.svelte';
-    import type {
-        PlotContext,
-        BaseMarkProps,
-        RawValue,
-        ConstantAccessor,
-        FacetContext,
-        PlotDefaults,
-        ChannelName
-    } from '../types.js';
-    import autoTimeFormat from '../helpers/autoTimeFormat.js';
-    import { derived } from 'svelte/store';
-    import { autoTicks } from '../helpers/autoTicks.js';
-    import { resolveScaledStyles } from '../helpers/resolve.js';
+    }
 
     let markProps: AxisXMarkProps = $props();
 
@@ -58,6 +57,8 @@
         tickSize: 6,
         tickPadding: 3,
         tickFontSize: 11,
+        titleFontSize: 11,
+        opacity: 0.8,
         anchor: 'bottom',
         ...getContext<PlotDefaults>('svelteplot/_defaults').axis,
         ...getContext<PlotDefaults>('svelteplot/_defaults').axisX
@@ -142,18 +143,19 @@
     const isQuantitative = $derived(scaleType !== 'point' && scaleType !== 'band');
 
     const useTitle = $derived(
-        title ||
-            (optionsLabel === null
-                ? null
-                : optionsLabel !== undefined
-                  ? optionsLabel
-                  : plot.scales.x.autoTitle
-                    ? isQuantitative
-                        ? plot.options.x?.reverse
-                            ? `← ${plot.scales.x.autoTitle}${plot.options.x.percent ? ' (%)' : ''}`
-                            : `${plot.scales.x.autoTitle}${plot.options.x.percent ? ' (%)' : ''} →`
-                        : plot.scales.x.autoTitle
-                    : '')
+        title !== undefined
+            ? title || ''
+            : optionsLabel === null
+              ? null
+              : optionsLabel !== undefined
+                ? optionsLabel
+                : plot.scales.x.autoTitle
+                  ? isQuantitative
+                      ? plot.options.x?.reverse
+                          ? `← ${plot.scales.x.autoTitle}${plot.options.x.percent ? ' (%)' : ''}`
+                          : `${plot.scales.x.autoTitle}${plot.options.x.percent ? ' (%)' : ''} →`
+                      : plot.scales.x.autoTitle
+                  : ''
     );
 
     const useLabelAnchor = $derived(labelAnchor || plot.options?.x?.labelAnchor || 'auto');
@@ -190,8 +192,10 @@
             style={resolveScaledStyles(
                 null,
                 {
+                    opacity: 0.8,
                     ...options,
                     stroke: null,
+                    fontSize: options.titleFontSize || 11,
                     textAnchor:
                         titleAlign === 'right'
                             ? 'end'
@@ -211,28 +215,28 @@
     {/if}
     {#if showAxis}
         <BaseAxisX
+            {anchor}
+            {className}
+            {labelAnchor}
+            {options}
+            {plot}
+            {text}
+            {tickClass}
+            {tickFontSize}
+            {tickPadding}
+            {ticks}
+            {tickSize}
+            height={plot.facetHeight}
+            marginTop={plot.options.marginTop}
             scaleFn={plot.scales.x.fn}
             scaleType={plot.scales.x.type}
             tickFormat={useTickFormat}
-            {ticks}
-            marginTop={plot.options.marginTop}
-            height={plot.facetHeight}
-            {anchor}
-            {tickSize}
-            {tickPadding}
-            {tickFontSize}
-            {tickClass}
-            {text}
-            {options}
-            title={useTitle}
-            {plot} />
+            title={useTitle} />
     {/if}
 </Mark>
 
 <style>
     text {
-        font-size: 11px;
-        opacity: 0.8;
         fill: currentColor;
     }
 </style>

package/dist/marks/AxisX.svelte.d.ts

@@ -1,27 +1,100 @@
-export type AxisXMarkProps = Omit<BaseMarkProps, 'fill' | 'fillOpacity' | 'paintOrder' | 'title' | 'href' | 'target'> & {
-    data?: RawValue[];
-    automatic?: boolean;
-    title?: string;
-    anchor?: 'top' | 'bottom';
-    interval?: string | number;
-    facetAnchor?: 'auto' | 'top-empty' | 'bottom-empty' | 'top' | 'bottom';
-    labelAnchor?: 'auto' | 'left' | 'center' | 'right';
-    tickSize?: number;
-    tickFontSize?: ConstantAccessor<number>;
-    tickPadding?: number;
-    tickFormat?: 'auto' | Intl.DateTimeFormatOptions | Intl.NumberFormatOptions | ((d: RawValue) => string);
-    tickClass?: ConstantAccessor<string>;
-    /** ticks is a shorthand for defining data, tickCount or interval */
-    ticks?: number | string | RawValue[];
-    /** set to false or null to disable tick labels */
-    text: boolean | null;
-    /** approximate number of ticks to be generated */
-    tickCount?: number;
-    /** approximate number of pixels between generated ticks */
-    tickSpacing?: number;
-};
-import type { BaseMarkProps, RawValue, ConstantAccessor } from '../types.js';
+import type { RawValue, ConstantAccessor } from '../types/index.js';
+declare class __sveltets_Render<Datum extends RawValue> {
+    props(): Omit<Partial<{
+        filter?: ConstantAccessor<boolean, Datum>;
+        facet?: "auto" | "include" | "exclude";
+        fx: import("../types/channel").ChannelAccessor<Datum>;
+        fy: import("../types/channel").ChannelAccessor<Datum>;
+        dx: ConstantAccessor<number, Datum>;
+        dy: ConstantAccessor<number, Datum>;
+        fill: import("../types/channel").ChannelAccessor<Datum>;
+        fillOpacity: ConstantAccessor<number, Datum>;
+        sort: {
+            channel: string;
+            order?: "ascending" | "descending";
+        } | ((a: RawValue, b: RawValue) => number) | ConstantAccessor<RawValue, Datum>;
+        stroke: import("../types/channel").ChannelAccessor<Datum>;
+        strokeWidth: ConstantAccessor<number, Datum>;
+        strokeOpacity: ConstantAccessor<number, Datum>;
+        strokeLinejoin: ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
+        strokeLinecap: ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
+        strokeMiterlimit: ConstantAccessor<number, Datum>;
+        opacity: import("../types/channel").ChannelAccessor<Datum>;
+        strokeDasharray: ConstantAccessor<string, Datum>;
+        strokeDashoffset: ConstantAccessor<number, Datum>;
+        mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
+        clipPath: string;
+        imageFilter: ConstantAccessor<string, Datum>;
+        shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
+        paintOrder: ConstantAccessor<string, Datum>;
+        onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        class: string | null;
+        cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
+    }>, "fill" | "fillOpacity" | "href" | "target" | "title" | "paintOrder"> & {
+        data?: Datum[] | undefined;
+        automatic?: boolean;
+        title?: string | false | null;
+        anchor?: "top" | "bottom";
+        interval?: string | number;
+        facetAnchor?: "auto" | "top-empty" | "bottom-empty" | "top" | "bottom";
+        labelAnchor?: "auto" | "left" | "center" | "right";
+        tickSize?: number;
+        tickFontSize?: ConstantAccessor<number, Datum>;
+        titleFontSize?: number;
+        tickPadding?: number;
+        tickFormat?: "auto" | Intl.NumberFormatOptions | Intl.DateTimeFormatOptions | ((d: RawValue) => string) | undefined;
+        tickClass?: ConstantAccessor<string, Datum>;
+        /** ticks is a shorthand for defining data, tickCount or interval */
+        ticks?: string | number | Datum[] | undefined;
+        /** set to false or null to disable tick labels */
+        text: boolean | null;
+        /** approximate number of ticks to be generated */
+        tickCount?: number;
+        /** approximate number of pixels between generated ticks */
+        tickSpacing?: number;
+    };
+    events(): {};
+    slots(): {};
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <Datum extends RawValue>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Datum>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Datum>['props']>, ReturnType<__sveltets_Render<Datum>['events']>, ReturnType<__sveltets_Render<Datum>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<Datum>['bindings']>;
+    } & ReturnType<__sveltets_Render<Datum>['exports']>;
+    <Datum extends RawValue>(internal: unknown, props: ReturnType<__sveltets_Render<Datum>['props']> & {}): ReturnType<__sveltets_Render<Datum>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
 /** Renders a horizontal axis with labels and tick marks */
-declare const AxisX: import("svelte").Component<AxisXMarkProps, {}, "">;
-type AxisX = ReturnType<typeof AxisX>;
+declare const AxisX: $$IsomorphicComponent;
+type AxisX<Datum extends RawValue> = InstanceType<typeof AxisX<Datum>>;
 export default AxisX;

package/dist/marks/AxisY.svelte

@@ -1,56 +1,56 @@
 <!-- @component
     Renders a vertical axis with labels and tick marks
 -->
-<script module lang="ts">
-    import type { XOR } from 'ts-essentials';
-    export type AxisYMarkProps = Omit<
+<script lang="ts" generics="Datum extends RawValue">
+    import { getContext } from 'svelte';
+    import BaseAxisY from './helpers/BaseAxisY.svelte';
+    import Mark from '../Mark.svelte';
+    import type {
+        PlotContext,
         BaseMarkProps,
-        'fill' | 'fillOpacity' | 'paintOrder' | 'title' | 'href' | 'target'
-    > & {
-        data?: RawValue[];
+        RawValue,
+        FacetContext,
+        PlotDefaults,
+        ChannelName,
+        ConstantAccessor
+    } from '../types/index.js';
+    import autoTimeFormat from '../helpers/autoTimeFormat.js';
+    import { autoTicks } from '../helpers/autoTicks.js';
+    import { resolveScaledStyles } from '../helpers/resolve.js';
+
+    interface AxisYMarkProps
+        extends Omit<
+            BaseMarkProps<Datum>,
+            'fill' | 'fillOpacity' | 'paintOrder' | 'title' | 'href' | 'target'
+        > {
+        data?: Datum[];
         automatic?: boolean;
-        title?: string;
+        title?: string | false | null;
         anchor?: 'left' | 'right';
         facetAnchor?: 'auto' | 'left' | 'right' | 'left-empty' | 'right-empty';
         lineAnchor?: 'top' | 'center' | 'bottom';
         interval?: string | number;
         labelAnchor?: 'auto' | 'left' | 'center' | 'right';
+        textAnchor?: 'auto' | 'start' | 'middle' | 'end';
         tickSize?: number;
-        tickFontSize?: ConstantAccessor<number>;
+        tickFontSize?: ConstantAccessor<number, Datum>;
+        titleFontSize?: number;
         tickPadding?: number;
         tickFormat?:
             | 'auto'
             | Intl.DateTimeFormatOptions
             | Intl.NumberFormatOptions
             | ((d: RawValue) => string);
-        tickClass?: ConstantAccessor<string>;
+        tickClass?: ConstantAccessor<string, Datum>;
         /** ticks is a shorthand for defining data, tickCount or interval */
-        ticks?: number | string | RawValue[];
+        ticks?: number | string | Datum[];
         /** set to false or null to disable tick labels */
-        text: boolean | null;
+        text?: boolean | null;
         /** approximate number of ticks to be generated */
         tickCount?: number;
         /** approximate number of pixels between generated ticks */
         tickSpacing?: number;
-    };
-</script>
-
-<script lang="ts">
-    import { getContext } from 'svelte';
-    import BaseAxisY from './helpers/BaseAxisY.svelte';
-    import Mark from '../Mark.svelte';
-    import type {
-        PlotContext,
-        BaseMarkProps,
-        RawValue,
-        FacetContext,
-        PlotDefaults,
-        ChannelName
-    } from '../types.js';
-    import autoTimeFormat from '../helpers/autoTimeFormat.js';
-    import type { ConstantAccessor } from '../types.js';
-    import { autoTicks } from '../helpers/autoTicks.js';
-    import { resolveScaledStyles } from '../helpers/resolve.js';
+    }
 
     let markProps: AxisYMarkProps = $props();
 
@@ -58,7 +58,9 @@
         tickSize: 6,
         tickPadding: 3,
         tickFontSize: 11,
+        opacity: 0.8,
         anchor: 'left',
+        textAnchor: 'auto',
         ...getContext<PlotDefaults>('svelteplot/_defaults').axis,
         ...getContext<PlotDefaults>('svelteplot/_defaults').axisY
     };
@@ -68,10 +70,12 @@
         data = Array.isArray(magicTicks) ? magicTicks : [],
         automatic = false,
         title,
-        anchor,
+        anchor = 'left',
+        class: className,
         facetAnchor = 'auto',
         interval = typeof magicTicks === 'string' ? magicTicks : undefined,
         lineAnchor = 'center',
+        textAnchor,
         tickSize,
         tickFontSize,
         tickPadding,
@@ -139,14 +143,15 @@
     const optionsLabel = $derived(plot.options.y.label);
 
     const useTitle = $derived(
-        title ||
-            (optionsLabel === null
-                ? null
-                : optionsLabel !== undefined
-                  ? optionsLabel
-                  : plot.scales.y.autoTitle
-                    ? `↑ ${plot.scales.y.autoTitle}${plot.options.y.percent ? ' (%)' : ''}`
-                    : '')
+        title !== undefined
+            ? title || ''
+            : optionsLabel === null
+              ? null
+              : optionsLabel !== undefined
+                ? optionsLabel
+                : plot.scales.y.autoTitle
+                  ? `↑ ${plot.scales.y.autoTitle}${plot.options.y.percent ? ' (%)' : ''}`
+                  : ''
     );
 
     const { getFacetState } = getContext<FacetContext>('svelteplot/facet');
@@ -177,7 +182,14 @@
         <text
             style={resolveScaledStyles(
                 null,
-                { ...options, stroke: null, textAnchor: anchor === 'left' ? 'start' : 'end' },
+                {
+                    opacity: 0.8,
+                    ...options,
+                    fontSize: options.titleFontSize ?? 11,
+                    fill: 'currentColor',
+                    stroke: null,
+                    textAnchor: anchor === 'left' ? 'start' : 'end'
+                },
                 {},
                 plot,
                 'fill'
@@ -189,29 +201,36 @@
     {/if}
     {#if showAxis}
         <BaseAxisY
-            scaleFn={plot.scales.y.fn}
-            scaleType={plot.scales.y.type}
-            tickFormat={useTickFormat}
-            {ticks}
-            marginLeft={plot.options.marginLeft}
-            width={plot.facetWidth}
             {anchor}
+            {className}
             {lineAnchor}
-            {tickSize}
-            {tickPadding}
-            {tickFontSize}
-            {tickClass}
-            {options}
+            options={{
+                ...options,
+                textAnchor:
+                    textAnchor == null || textAnchor === 'auto'
+                        ? anchor === 'left'
+                            ? 'end'
+                            : 'start'
+                        : textAnchor
+            }}
+            {plot}
             {text}
+            {tickClass}
+            {tickFontSize}
+            {tickPadding}
+            {ticks}
+            {tickSize}
+            marginLeft={plot.options.marginLeft}
+            scaleFn={plot.scales.y.fn}
+            scaleType={plot.scales.y.type}
+            tickFormat={useTickFormat}
             title={useTitle}
-            {plot} />
+            width={plot.facetWidth} />
     {/if}
 </Mark>
 
 <style>
     text {
-        font-size: 11px;
-        opacity: 0.8;
         fill: currentColor;
     }
 </style>

package/dist/marks/AxisY.svelte.d.ts

@@ -1,29 +1,102 @@
-export type AxisYMarkProps = Omit<BaseMarkProps, 'fill' | 'fillOpacity' | 'paintOrder' | 'title' | 'href' | 'target'> & {
-    data?: RawValue[];
-    automatic?: boolean;
-    title?: string;
-    anchor?: 'left' | 'right';
-    facetAnchor?: 'auto' | 'left' | 'right' | 'left-empty' | 'right-empty';
-    lineAnchor?: 'top' | 'center' | 'bottom';
-    interval?: string | number;
-    labelAnchor?: 'auto' | 'left' | 'center' | 'right';
-    tickSize?: number;
-    tickFontSize?: ConstantAccessor<number>;
-    tickPadding?: number;
-    tickFormat?: 'auto' | Intl.DateTimeFormatOptions | Intl.NumberFormatOptions | ((d: RawValue) => string);
-    tickClass?: ConstantAccessor<string>;
-    /** ticks is a shorthand for defining data, tickCount or interval */
-    ticks?: number | string | RawValue[];
-    /** set to false or null to disable tick labels */
-    text: boolean | null;
-    /** approximate number of ticks to be generated */
-    tickCount?: number;
-    /** approximate number of pixels between generated ticks */
-    tickSpacing?: number;
-};
-import type { BaseMarkProps, RawValue } from '../types.js';
-import type { ConstantAccessor } from '../types.js';
+import type { RawValue, ConstantAccessor } from '../types/index.js';
+declare class __sveltets_Render<Datum extends RawValue> {
+    props(): Omit<Partial<{
+        filter?: ConstantAccessor<boolean, Datum>;
+        facet?: "auto" | "include" | "exclude";
+        fx: import("../types/channel").ChannelAccessor<Datum>;
+        fy: import("../types/channel").ChannelAccessor<Datum>;
+        dx: ConstantAccessor<number, Datum>;
+        dy: ConstantAccessor<number, Datum>;
+        fill: import("../types/channel").ChannelAccessor<Datum>;
+        fillOpacity: ConstantAccessor<number, Datum>;
+        sort: {
+            channel: string;
+            order?: "ascending" | "descending";
+        } | ((a: RawValue, b: RawValue) => number) | ConstantAccessor<RawValue, Datum>;
+        stroke: import("../types/channel").ChannelAccessor<Datum>;
+        strokeWidth: ConstantAccessor<number, Datum>;
+        strokeOpacity: ConstantAccessor<number, Datum>;
+        strokeLinejoin: ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
+        strokeLinecap: ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
+        strokeMiterlimit: ConstantAccessor<number, Datum>;
+        opacity: import("../types/channel").ChannelAccessor<Datum>;
+        strokeDasharray: ConstantAccessor<string, Datum>;
+        strokeDashoffset: ConstantAccessor<number, Datum>;
+        mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
+        clipPath: string;
+        imageFilter: ConstantAccessor<string, Datum>;
+        shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
+        paintOrder: ConstantAccessor<string, Datum>;
+        onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        class: string | null;
+        cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
+    }>, "fill" | "fillOpacity" | "href" | "target" | "title" | "paintOrder"> & {
+        data?: Datum[] | undefined;
+        automatic?: boolean;
+        title?: string | false | null;
+        anchor?: "left" | "right";
+        facetAnchor?: "auto" | "left" | "right" | "left-empty" | "right-empty";
+        lineAnchor?: "top" | "center" | "bottom";
+        interval?: string | number;
+        labelAnchor?: "auto" | "left" | "center" | "right";
+        textAnchor?: "auto" | "start" | "middle" | "end";
+        tickSize?: number;
+        tickFontSize?: ConstantAccessor<number, Datum>;
+        titleFontSize?: number;
+        tickPadding?: number;
+        tickFormat?: "auto" | Intl.NumberFormatOptions | Intl.DateTimeFormatOptions | ((d: RawValue) => string) | undefined;
+        tickClass?: ConstantAccessor<string, Datum>;
+        /** ticks is a shorthand for defining data, tickCount or interval */
+        ticks?: string | number | Datum[] | undefined;
+        /** set to false or null to disable tick labels */
+        text?: boolean | null;
+        /** approximate number of ticks to be generated */
+        tickCount?: number;
+        /** approximate number of pixels between generated ticks */
+        tickSpacing?: number;
+    };
+    events(): {};
+    slots(): {};
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <Datum extends RawValue>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Datum>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Datum>['props']>, ReturnType<__sveltets_Render<Datum>['events']>, ReturnType<__sveltets_Render<Datum>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<Datum>['bindings']>;
+    } & ReturnType<__sveltets_Render<Datum>['exports']>;
+    <Datum extends RawValue>(internal: unknown, props: ReturnType<__sveltets_Render<Datum>['props']> & {}): ReturnType<__sveltets_Render<Datum>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
 /** Renders a vertical axis with labels and tick marks */
-declare const AxisY: import("svelte").Component<AxisYMarkProps, {}, "">;
-type AxisY = ReturnType<typeof AxisY>;
+declare const AxisY: $$IsomorphicComponent;
+type AxisY<Datum extends RawValue> = InstanceType<typeof AxisY<Datum>>;
 export default AxisY;