svelteplot 0.4.4 → 0.4.5-pr-207.0

package/dist/Mark.svelte.d.ts

@@ -59,7 +59,8 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         ontouchcancel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: import("./types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }>> & {
         data?: Datum[] | undefined;

package/dist/core/Plot.svelte

@@ -69,6 +69,7 @@
         numberFormat: {
             style: 'decimal',
             // notation: 'compact',
+            useGrouping: 'min2',
             compactDisplay: 'short'
         },
         markerDotRadius: 3,

package/dist/helpers/colors.d.ts

@@ -6,7 +6,7 @@ type SchemeGetter = (n: number) => readonly string[];
 export declare function isOrdinalScheme(scheme: ColorScheme): boolean;
 export declare function ordinalScheme(scheme: string): SchemeGetter | undefined;
 export declare function ordinalRange(scheme: string, length: number): readonly string[] | undefined;
-export declare function maybeBooleanRange(domain: boolean[], scheme?: string): unknown[] | undefined;
+export declare function maybeBooleanRange(domain: boolean[], scheme?: string): any[] | undefined;
 export declare function isQuantitativeScheme(scheme: string): boolean;
 export declare function quantitativeScheme(scheme: string): typeof interpolateBrBG | undefined;
 export declare function isDivergingScheme(scheme: string): boolean;

package/dist/helpers/index.d.ts

@@ -3,8 +3,8 @@ import type { Snippet } from 'svelte';
 /**
  * Returns first argument that is not null or undefined
  */
-export declare function coalesce(...args: (RawValue | undefined | null)[]): RawValue | null;
-export declare function testFilter<T>(datum: T, options: Channels<T>): true | T | null;
+export declare function coalesce(...args: (RawValue | undefined | null)[]): any;
+export declare function testFilter<T>(datum: T, options: Channels<T>): any;
 export declare function randomId(): string;
 export declare function isSnippet(value: unknown): value is Snippet;
 export declare function isValid(value: RawValue | undefined): value is number | Date | string;

package/dist/helpers/resolve.js

@@ -11,7 +11,7 @@ export function resolveProp(accessor, datum, _defaultValue = null) {
         // so we're passing the original value to accessor functions instead of our wrapped record
         return datum == null
             ? accessor()
-            : accessor(datum[RAW_VALUE] != null ? datum[RAW_VALUE] : datum, datum[INDEX]);
+            : accessor(datum.hasOwnProperty(RAW_VALUE) ? datum[RAW_VALUE] : datum, datum[INDEX]);
     }
     else if ((typeof accessor === 'string' || typeof accessor === 'symbol') &&
         datum &&

package/dist/helpers/scales.d.ts

@@ -15,7 +15,7 @@ export declare function createScale<T extends ScaleOptions>(name: ScaleName, sca
     autoTitle?: undefined;
 } | {
     type: ScaleType;
-    domain: RawValue[] | [undefined, undefined];
+    domain: any;
     range: any;
     fn: any;
     skip: Map<ScaledChannelName, Set<symbol>>;

package/dist/helpers/typeChecks.d.ts

@@ -1,10 +1,10 @@
 import type { RawValue } from '../types/index.js';
-export declare function isBooleanOrNull(v: RawValue): v is boolean;
+export declare function isBooleanOrNull(v: RawValue): boolean;
 export declare function isDate(v: RawValue): v is Date;
-export declare function isDateOrNull(v: RawValue | null | undefined): v is Date | null | undefined;
+export declare function isDateOrNull(v: RawValue | null | undefined): boolean;
 export declare function isNumberOrNull(v: RawValue | null | undefined): boolean;
 export declare function isNumberOrNullOrNaN(v: RawValue | null | undefined): boolean;
-export declare function isStringOrNull(v: RawValue | null | undefined): v is string | null | undefined;
+export declare function isStringOrNull(v: RawValue | null | undefined): boolean;
 export declare function isSymbolOrNull(v: RawValue | null | undefined): boolean;
-export declare function isColorOrNull(v: RawValue | null | undefined): boolean;
+export declare function isColorOrNull(v: RawValue | null | undefined): any;
 export declare function isOpacityOrNull(v: RawValue): boolean;

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

@@ -59,7 +59,8 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }> & LinkableMarkProps<Datum> & {
         data: Datum[];

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

@@ -1,3 +1,4 @@
+import { renameChannels } from '../transforms/rename.js';
 import type { ChannelAccessor, DataRow } from '../types/index.js';
 declare class __sveltets_Render<Datum extends DataRow> {
     props(): Omit<Partial<{
@@ -57,7 +58,8 @@ declare class __sveltets_Render<Datum extends DataRow> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types/data").RawValue>>;
     }> & import("../types/mark").LinkableMarkProps<Record<string | symbol, import("../types/data").RawValue>> & {
         data: Record<string | symbol, import("../types/data").RawValue>[];
@@ -71,7 +73,7 @@ declare class __sveltets_Render<Datum extends DataRow> {
         sort?: import("../types/index.js").ConstantAccessor<import("../types/data").RawValue> | {
             channel: "stroke" | "fill";
         };
-        stack?: Partial<import("../transforms/stack.js").StackOptions>;
+        stack?: Partial<renameChannels>;
         canvas?: boolean;
     }, "y1" | "y2"> & {
         x?: ChannelAccessor<Datum>;

package/dist/marks/AreaY.svelte

@@ -10,9 +10,10 @@
     import Area from './Area.svelte';
     import { renameChannels } from '../transforms/rename.js';
     import { stackY } from '../transforms/stack.js';
-    import { recordizeY } from '../transforms/recordize.js';
+    import { RAW_VALUE, recordizeY } from '../transforms/recordize.js';
     import type { ChannelAccessor, DataRow, PlotDefaults } from '../types/index.js';
     import { getContext, type Component, type ComponentProps } from 'svelte';
+    import { area } from 'd3-shape';
 
     let markProps: AreaYMarkProps = $props();
 

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

@@ -1,3 +1,4 @@
+import { renameChannels } from '../transforms/rename.js';
 import type { ChannelAccessor, DataRow } from '../types/index.js';
 declare class __sveltets_Render<Datum extends DataRow> {
     props(): Omit<Partial<{
@@ -57,7 +58,8 @@ declare class __sveltets_Render<Datum extends DataRow> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types/data").RawValue>>;
     }> & import("../types/mark").LinkableMarkProps<Record<string | symbol, import("../types/data").RawValue>> & {
         data: Record<string | symbol, import("../types/data").RawValue>[];
@@ -71,7 +73,7 @@ declare class __sveltets_Render<Datum extends DataRow> {
         sort?: import("../types/index.js").ConstantAccessor<import("../types/data").RawValue> | {
             channel: "stroke" | "fill";
         };
-        stack?: Partial<import("../transforms/stack.js").StackOptions>;
+        stack?: Partial<renameChannels>;
         canvas?: boolean;
     }, "x1" | "x2"> & {
         x?: ChannelAccessor<Datum>;

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

@@ -58,7 +58,8 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         ontouchcancel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }>, "fill" | "fillOpacity"> & {
         data: Datum[];

package/dist/marks/AxisX.svelte

@@ -14,6 +14,7 @@
         PlotDefaults,
         ChannelName
     } from '../types/index.js';
+    import type * as CSS from 'csstype';
     import autoTimeFormat from '../helpers/autoTimeFormat.js';
     import { derived } from 'svelte/store';
     import { autoTicks } from '../helpers/autoTicks.js';
@@ -22,7 +23,7 @@
     interface AxisXMarkProps
         extends Omit<
             BaseMarkProps<Datum>,
-            'fill' | 'fillOpacity' | 'paintOrder' | 'title' | 'href' | 'target'
+            'fillOpacity' | 'paintOrder' | 'title' | 'href' | 'target'
         > {
         data?: Datum[];
         automatic?: boolean;
@@ -49,6 +50,8 @@
         tickCount?: number;
         /** approximate number of pixels between generated ticks */
         tickSpacing?: number;
+        /** text anchor for axis labels */
+        textAnchor?: ConstantAccessor<CSS.Property.TextAnchor, Datum>;
     }
 
     let markProps: AxisXMarkProps = $props();
@@ -58,6 +61,7 @@
         tickPadding: 3,
         tickFontSize: 11,
         titleFontSize: 11,
+        textAnchor: 'middle',
         opacity: 0.8,
         anchor: 'bottom',
         ...getContext<PlotDefaults>('svelteplot/_defaults').axis,

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

@@ -1,4 +1,5 @@
 import type { RawValue, ConstantAccessor } from '../types/index.js';
+import type * as CSS from 'csstype';
 declare class __sveltets_Render<Datum extends RawValue> {
     props(): Omit<Partial<{
         filter?: ConstantAccessor<boolean, Datum>;
@@ -16,16 +17,16 @@ declare class __sveltets_Render<Datum extends RawValue> {
         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>;
+        strokeLinejoin: ConstantAccessor<CSS.Property.StrokeLinejoin, Datum>;
+        strokeLinecap: ConstantAccessor<CSS.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>;
+        mixBlendMode: ConstantAccessor<CSS.Property.MixBlendMode, Datum>;
         clipPath: string;
         imageFilter: ConstantAccessor<string, Datum>;
-        shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
+        shapeRendering: ConstantAccessor<CSS.Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;
         onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
@@ -57,9 +58,10 @@ declare class __sveltets_Render<Datum extends RawValue> {
         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" | "paintOrder" | "title"> & {
+        class?: string;
+        style?: string;
+        cursor: ConstantAccessor<CSS.Property.Cursor, Datum>;
+    }>, "fillOpacity" | "href" | "target" | "title" | "paintOrder"> & {
         data?: Datum[] | undefined;
         automatic?: boolean;
         title?: string | false | null;
@@ -81,6 +83,8 @@ declare class __sveltets_Render<Datum extends RawValue> {
         tickCount?: number;
         /** approximate number of pixels between generated ticks */
         tickSpacing?: number;
+        /** text anchor for axis labels */
+        textAnchor?: ConstantAccessor<CSS.Property.TextAnchor, Datum>;
     };
     events(): {};
     slots(): {};

package/dist/marks/AxisY.svelte

@@ -14,6 +14,7 @@
         ChannelName,
         ConstantAccessor
     } from '../types/index.js';
+    import type * as CSS from 'csstype';
     import autoTimeFormat from '../helpers/autoTimeFormat.js';
     import { autoTicks } from '../helpers/autoTicks.js';
     import { resolveScaledStyles } from '../helpers/resolve.js';
@@ -21,7 +22,7 @@
     interface AxisYMarkProps
         extends Omit<
             BaseMarkProps<Datum>,
-            'fill' | 'fillOpacity' | 'paintOrder' | 'title' | 'href' | 'target'
+            'fillOpacity' | 'paintOrder' | 'title' | 'href' | 'target'
         > {
         data?: Datum[];
         automatic?: boolean;
@@ -196,7 +197,7 @@
             )}
             x={anchor === 'left' ? 0 : plot.width}
             y={5}
-            class="axis-x-title"
+            class="axis-y-title"
             dominant-baseline="hanging">{useTitle}</text>
     {/if}
     {#if showAxis}

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

@@ -1,4 +1,5 @@
 import type { RawValue, ConstantAccessor } from '../types/index.js';
+import type * as CSS from 'csstype';
 declare class __sveltets_Render<Datum extends RawValue> {
     props(): Omit<Partial<{
         filter?: ConstantAccessor<boolean, Datum>;
@@ -16,16 +17,16 @@ declare class __sveltets_Render<Datum extends RawValue> {
         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>;
+        strokeLinejoin: ConstantAccessor<CSS.Property.StrokeLinejoin, Datum>;
+        strokeLinecap: ConstantAccessor<CSS.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>;
+        mixBlendMode: ConstantAccessor<CSS.Property.MixBlendMode, Datum>;
         clipPath: string;
         imageFilter: ConstantAccessor<string, Datum>;
-        shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
+        shapeRendering: ConstantAccessor<CSS.Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;
         onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
@@ -57,9 +58,10 @@ declare class __sveltets_Render<Datum extends RawValue> {
         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" | "paintOrder" | "title"> & {
+        class?: string;
+        style?: string;
+        cursor: ConstantAccessor<CSS.Property.Cursor, Datum>;
+    }>, "fillOpacity" | "href" | "target" | "title" | "paintOrder"> & {
         data?: Datum[] | undefined;
         automatic?: boolean;
         title?: string | false | null;

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

@@ -14,7 +14,7 @@ declare class __sveltets_Render<Datum extends DataRow> {
         sort: {
             channel: string;
             order?: "ascending" | "descending";
-        } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, Datum>;
+        } | ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/data").RawValue, Datum>;
         stroke: ChannelAccessor<Datum>;
         strokeWidth: import("../types/index.js").ConstantAccessor<number, Datum>;
         strokeOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
@@ -59,7 +59,8 @@ declare class __sveltets_Render<Datum extends DataRow> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }> & LinkableMarkProps<Datum> & BaseRectMarkProps<Datum> & {
         data: Datum[];

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

@@ -58,7 +58,8 @@ declare class __sveltets_Render<Datum extends DataRow> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }> & LinkableMarkProps<Datum> & BaseRectMarkProps<Datum> & {
         data: Datum[];

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

@@ -1,77 +1,6 @@
-import type { ChannelAccessor, DataRecord } from '../types/index.js';
+import type { DataRecord } from '../types/index.js';
 declare class __sveltets_Render<Datum extends DataRecord> {
-    props(): Partial<{
-        filter?: import("../types/index.js").ConstantAccessor<boolean, Datum>;
-        facet?: "auto" | "include" | "exclude";
-        fx: ChannelAccessor<Datum>;
-        fy: ChannelAccessor<Datum>;
-        dx: import("../types/index.js").ConstantAccessor<number, Datum>;
-        dy: import("../types/index.js").ConstantAccessor<number, Datum>;
-        fill: ChannelAccessor<Datum>;
-        fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
-        sort: {
-            channel: string;
-            order?: "ascending" | "descending";
-        } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, Datum>;
-        stroke: ChannelAccessor<Datum>;
-        strokeWidth: import("../types/index.js").ConstantAccessor<number, Datum>;
-        strokeOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
-        strokeLinejoin: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
-        strokeLinecap: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
-        strokeMiterlimit: import("../types/index.js").ConstantAccessor<number, Datum>;
-        opacity: ChannelAccessor<Datum>;
-        strokeDasharray: import("../types/index.js").ConstantAccessor<string, Datum>;
-        strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Datum>;
-        mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
-        clipPath: string;
-        imageFilter: import("../types/index.js").ConstantAccessor<string, Datum>;
-        shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
-        paintOrder: import("../types/index.js").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: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
-    }> & {
-        data: Datum[];
-        x?: ChannelAccessor<Datum>;
-        y?: ChannelAccessor<Datum>;
-        /**
-         * the window size (the window transform's k option), an integer; defaults to 20
-         */
-        n?: number;
-        /**
-         * the band radius, a number representing a multiple of standard deviations; defaults to 2
-         */
-        k?: number;
-    };
+    props(): any;
     events(): {};
     slots(): {};
     bindings(): "";

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

@@ -1,77 +1,6 @@
-import type { ChannelAccessor, DataRecord } from '../types/index.js';
+import type { DataRecord } from '../types/index.js';
 declare class __sveltets_Render<Datum extends DataRecord> {
-    props(): Partial<{
-        filter?: import("../types/index.js").ConstantAccessor<boolean, Datum>;
-        facet?: "auto" | "include" | "exclude";
-        fx: ChannelAccessor<Datum>;
-        fy: ChannelAccessor<Datum>;
-        dx: import("../types/index.js").ConstantAccessor<number, Datum>;
-        dy: import("../types/index.js").ConstantAccessor<number, Datum>;
-        fill: ChannelAccessor<Datum>;
-        fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
-        sort: {
-            channel: string;
-            order?: "ascending" | "descending";
-        } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, Datum>;
-        stroke: ChannelAccessor<Datum>;
-        strokeWidth: import("../types/index.js").ConstantAccessor<number, Datum>;
-        strokeOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
-        strokeLinejoin: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
-        strokeLinecap: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
-        strokeMiterlimit: import("../types/index.js").ConstantAccessor<number, Datum>;
-        opacity: ChannelAccessor<Datum>;
-        strokeDasharray: import("../types/index.js").ConstantAccessor<string, Datum>;
-        strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Datum>;
-        mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
-        clipPath: string;
-        imageFilter: import("../types/index.js").ConstantAccessor<string, Datum>;
-        shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
-        paintOrder: import("../types/index.js").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: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
-    }> & {
-        data: Datum[];
-        x?: ChannelAccessor<Datum>;
-        y?: ChannelAccessor<Datum>;
-        /**
-         * the window size (the window transform's k option), an integer; defaults to 20
-         */
-        n?: number;
-        /**
-         * the band radius, a number representing a multiple of standard deviations; defaults to 2
-         */
-        k?: number;
-    };
+    props(): any;
     events(): {};
     slots(): {};
     bindings(): "";

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

@@ -57,7 +57,8 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         ontouchcancel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }> & LinkableMarkProps<Datum> & BaseRectMarkProps<Datum> & {
         data: Datum[];

package/dist/marks/ColorLegend.svelte

@@ -26,7 +26,7 @@
             ? plot.options.color.tickFormat
             : Intl.NumberFormat(
                   plot.options.locale,
-                  plot.options.color.tickFormat || DEFAULTS.numberFormat
+                  plot.options.color.tickFormat || { ...DEFAULTS.numberFormat, notation: 'compact' }
               ).format
     );
     const randId = Math.round(Math.random() * 1e6).toFixed(32);

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

@@ -1,84 +1,6 @@
-import type { DataRecord, ChannelAccessor, ScaledDataRecord, UsedScales } from '../types/index.js';
-import type { Snippet } from 'svelte';
+import type { DataRecord } from '../types/index.js';
 declare class __sveltets_Render<Datum extends DataRecord> {
-    props(): Partial<{
-        filter?: import("../types/index.js").ConstantAccessor<boolean, Datum>;
-        facet?: "auto" | "include" | "exclude";
-        fx: ChannelAccessor<Datum>;
-        fy: ChannelAccessor<Datum>;
-        dx: import("../types/index.js").ConstantAccessor<number, Datum>;
-        dy: import("../types/index.js").ConstantAccessor<number, Datum>;
-        fill: ChannelAccessor<Datum>;
-        fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
-        sort: {
-            channel: string;
-            order?: "ascending" | "descending";
-        } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, Datum>;
-        stroke: ChannelAccessor<Datum>;
-        strokeWidth: import("../types/index.js").ConstantAccessor<number, Datum>;
-        strokeOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
-        strokeLinejoin: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
-        strokeLinecap: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
-        strokeMiterlimit: import("../types/index.js").ConstantAccessor<number, Datum>;
-        opacity: ChannelAccessor<Datum>;
-        strokeDasharray: import("../types/index.js").ConstantAccessor<string, Datum>;
-        strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Datum>;
-        mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
-        clipPath: string;
-        imageFilter: import("../types/index.js").ConstantAccessor<string, Datum>;
-        shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
-        paintOrder: import("../types/index.js").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: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
-    }> & {
-        data?: Datum[] | undefined;
-        x?: ChannelAccessor<Datum>;
-        x1?: ChannelAccessor<Datum>;
-        x2?: ChannelAccessor<Datum>;
-        y?: ChannelAccessor<Datum>;
-        y1?: ChannelAccessor<Datum>;
-        y2?: ChannelAccessor<Datum>;
-        r?: ChannelAccessor<Datum>;
-        mark?: Snippet<[{
-            record: ScaledDataRecord<Datum>;
-            index: number;
-            usedScales: UsedScales;
-        }]> | undefined;
-        marks?: Snippet<[{
-            records: ScaledDataRecord<Datum>[];
-            usedScales: UsedScales;
-        }]> | undefined;
-    };
+    props(): any;
     events(): {};
     slots(): {};
     bindings(): "";