svelteplot 0.7.0 → 0.7.1

package/LICENSE.md

@@ -1,5 +1,23 @@
-Copyright 2024, Gregor Aisch
+Copyright 2024-2025, Gregor Aisch
 
 Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
 
 THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+
+---
+
+Portions of this library have been ported from Observable Plot, which is covered by the following license:
+
+Copyright 2020-2025 Observable, Inc.
+
+Permission to use, copy, modify, and/or distribute this software for any purpose
+with or without fee is hereby granted, provided that the above copyright notice
+and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
+OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
+TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
+THIS SOFTWARE.

package/README.md

@@ -4,7 +4,7 @@
 
 SveltePlot is a visualization framework based on the [layered grammar of graphics](https://vita.had.co.nz/papers/layered-grammar.html) ideas. It's API is heavily inspired by [Observable Plot](https://github.com/observablehq/plot). Created by Gregor Aisch.
 
-<img src="static/logo.png" alt="SveltePlot logo" width="401" />
+<img src="static/logo.svg" alt="SveltePlot logo" width="401" />
 
 ## Development
 

package/dist/Mark.svelte.d.ts

@@ -1,8 +1,8 @@
 import { type Snippet } from 'svelte';
 import type { ScaledChannelName, MarkType, DataRecord, ChannelAccessor, ScaleName, RawValue, ScaledDataRecord, ScaleType } from './types/index.js';
 import { getUsedScales } from './helpers/scales.js';
-declare class __sveltets_Render<Datum extends DataRecord> {
-    props(): Partial<Partial<{
+declare function $$render<Datum extends DataRecord>(): {
+    props: Partial<Partial<{
         filter: import("./types/index.js").ConstantAccessor<boolean, Datum>;
         facet: "auto" | "include" | "exclude";
         fx: ChannelAccessor<Datum>;
@@ -31,41 +31,41 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         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.js").MouseEventHandler<SVGPathElement>;
-        ondblclick: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmouseup: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmousedown: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmouseenter: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmousemove: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmouseleave: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmouseout: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmouseover: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointercancel: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerdown: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerup: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerenter: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerleave: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointermove: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerover: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerout: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondrag: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondrop: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondragstart: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondragenter: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondragleave: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondragover: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondragend: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ontouchstart: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ontouchmove: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ontouchend: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ontouchcancel: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        oncontextmenu: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onwheel: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        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;
         style: string;
         cursor: import("./types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }>> & {
-        data?: Datum[] | undefined;
+        data?: Datum[];
         automatic?: boolean;
         type: MarkType;
         channels?: ScaledChannelName[];
@@ -75,11 +75,18 @@ declare class __sveltets_Render<Datum extends DataRecord> {
             mark: any;
             usedScales: ReturnType<typeof getUsedScales>;
             scaledData: ScaledDataRecord<Datum>[];
-        }]> | undefined;
+        }]>;
         defaults?: Partial<Record<ScaledChannelName, RawValue>>;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Datum extends DataRecord> {
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/helpers/data.d.ts

@@ -1,4 +1,5 @@
 type Fetch = (input: RequestInfo, init?: RequestInit) => Promise<Response>;
+export declare function loadCSV(fetch: Fetch, dataset: string): Promise<any[]>;
 export declare function loadJSON(fetch: Fetch, dataset: string): Promise<any>;
 /**
  * helper function used in the SveltePlot docs to load example datasets

package/dist/helpers/data.js

@@ -1,5 +1,5 @@
 import { csvParse, autoType } from 'd3-dsv';
-async function loadCSV(fetch, dataset) {
+export async function loadCSV(fetch, dataset) {
     const res = await fetch(`/data/${dataset}.csv`);
     const text = await res.text();
     return csvParse(text, autoType);

package/dist/helpers/index.js

@@ -1,6 +1,5 @@
 import { resolveProp } from './resolve.js';
 import { isDate } from './typeChecks.js';
-import { RAW_VALUE } from '../transforms/recordize.js';
 /**
  * Returns first argument that is not null or undefined
  */
@@ -31,7 +30,7 @@ export function isObject(option) {
     // doesn't work with Proxies
     return (typeof option === 'object' && !isDate(option) && !Array.isArray(option) && option !== null);
 }
-const NUMERIC = /^[+-]?(\d+(\.\d*)?|\.\d+)([eE][+-]?\d+)?$/;
+const NUMERIC = /^[+-]?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?$/i;
 export function maybeNumber(value) {
     if (typeof value === 'number' && Number.isFinite(value))
         return value;

package/dist/helpers/time.js

@@ -157,7 +157,7 @@ export function parseTimeInterval(input) {
     if (name.endsWith('s'))
         name = name.slice(0, -1); // drop plural
     let period = 1;
-    const match = /^(?:(\d+)\s+)/.exec(name);
+    const match = /^(\d+)\s+/.exec(name);
     if (match) {
         name = name.slice(match[0].length);
         period = +match[1];

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

@@ -1,8 +1,8 @@
 import { type CurveFactory } from 'd3-shape';
 import type { CurveName, DataRecord, ConstantAccessor, ChannelAccessor, LinkableMarkProps, RawValue } from '../types/index.js';
 import type { StackOptions } from '../transforms/stack.js';
-declare class __sveltets_Render<Datum extends DataRecord> {
-    props(): Partial<{
+declare function $$render<Datum extends DataRecord>(): {
+    props: Partial<{
         filter: ConstantAccessor<boolean, Datum>;
         facet: "auto" | "include" | "exclude";
         fx: ChannelAccessor<Datum>;
@@ -80,8 +80,15 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         canvas?: boolean;
         areaClass?: ConstantAccessor<string, Datum>;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Datum extends DataRecord> {
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

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

@@ -1,6 +1,6 @@
 import type { ChannelAccessor, DataRow } from '../types/index.js';
-declare class __sveltets_Render<Datum extends DataRow> {
-    props(): Omit<Partial<{
+declare function $$render<Datum extends DataRow>(): {
+    props: Omit<Partial<{
         filter: import("../types/index.js").ConstantAccessor<boolean, Record<string | symbol, import("../types/data").RawValue>>;
         facet: "auto" | "include" | "exclude";
         fx: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
@@ -81,8 +81,15 @@ declare class __sveltets_Render<Datum extends DataRow> {
         x?: ChannelAccessor<Datum>;
         y?: ChannelAccessor<Datum>;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Datum extends DataRow> {
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

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

@@ -1,7 +1,7 @@
 import type { DataRecord, ConstantAccessor, ChannelAccessor, RawValue } from '../types/index.js';
 import { type SweepOption } from '../helpers/arrowPath.js';
-declare class __sveltets_Render<Datum extends DataRecord> {
-    props(): Omit<Partial<{
+declare function $$render<Datum extends DataRecord>(): {
+    props: Omit<Partial<{
         filter: ConstantAccessor<boolean, Datum>;
         facet: "auto" | "include" | "exclude";
         fx: ChannelAccessor<Datum>;
@@ -30,36 +30,36 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         imageFilter: ConstantAccessor<string, Datum>;
         shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;
-        onclick: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondblclick: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmouseup: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmousedown: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmouseenter: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmousemove: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmouseleave: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmouseout: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmouseover: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointercancel: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerdown: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerup: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerenter: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerleave: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointermove: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerover: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerout: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondrag: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondrop: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondragstart: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondragenter: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondragleave: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondragover: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondragend: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ontouchstart: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ontouchmove: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ontouchend: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ontouchcancel: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        oncontextmenu: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onwheel: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        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;
         style: string;
         cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
@@ -75,7 +75,7 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         /**
          * the bend angle, in degrees; defaults to 0°; true for 22.5°
          */
-        bend?: true | ConstantAccessor<number, Datum>;
+        bend?: ConstantAccessor<number, Datum> | true;
         /**
          * the arrowhead angle, in degrees; defaults to 60°
          */
@@ -98,8 +98,15 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         inset?: ConstantAccessor<number, Datum>;
         sweep?: SweepOption;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Datum extends DataRecord> {
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

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

@@ -1,7 +1,7 @@
 import type { RawValue, ConstantAccessor } from '../types/index.js';
 import type * as CSS from 'csstype';
-declare class __sveltets_Render<Datum extends RawValue> {
-    props(): Omit<Partial<{
+declare function $$render<Datum extends RawValue>(): {
+    props: Omit<Partial<{
         filter: ConstantAccessor<boolean, Datum>;
         facet: "auto" | "include" | "exclude";
         fx: import("../types/channel").ChannelAccessor<Datum>;
@@ -64,7 +64,7 @@ declare class __sveltets_Render<Datum extends RawValue> {
         style: string;
         cursor: ConstantAccessor<CSS.Property.Cursor, Datum>;
     }>, "fillOpacity" | "paintOrder" | "href" | "target" | "title"> & {
-        data?: Datum[] | undefined;
+        data?: Datum[];
         automatic?: boolean;
         title?: string | false | null;
         anchor?: "top" | "bottom";
@@ -75,10 +75,10 @@ declare class __sveltets_Render<Datum extends RawValue> {
         tickFontSize?: ConstantAccessor<number, Datum>;
         titleFontSize?: number;
         tickPadding?: number;
-        tickFormat?: "auto" | Intl.NumberFormatOptions | Intl.DateTimeFormatOptions | ((d: RawValue, i: number) => string) | undefined;
+        tickFormat?: "auto" | Intl.DateTimeFormatOptions | Intl.NumberFormatOptions | ((d: RawValue, i: number) => string);
         tickClass?: ConstantAccessor<string, Datum>;
         /** ticks is a shorthand for defining data, tickCount or interval */
-        ticks?: string | number | Datum[] | undefined;
+        ticks?: number | string | Datum[];
         /** set to false or null to disable tick labels */
         text?: boolean | null;
         /** approximate number of ticks to be generated */
@@ -86,11 +86,18 @@ declare class __sveltets_Render<Datum extends RawValue> {
         /** approximate number of pixels between generated ticks */
         tickSpacing?: number;
         /** text anchor for axis labels */
-        textAnchor?: ConstantAccessor<"auto" | CSS.Property.TextAnchor, Datum>;
+        textAnchor?: ConstantAccessor<CSS.Property.TextAnchor | "auto", Datum>;
         removeDuplicateTicks: boolean;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Datum extends RawValue> {
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

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

@@ -1,6 +1,6 @@
 import type { RawValue, ConstantAccessor } from '../types/index.js';
-declare class __sveltets_Render<Datum extends RawValue> {
-    props(): Omit<Partial<{
+declare function $$render<Datum extends RawValue>(): {
+    props: Omit<Partial<{
         filter: ConstantAccessor<boolean, Datum>;
         facet: "auto" | "include" | "exclude";
         fx: import("../types/channel").ChannelAccessor<Datum>;
@@ -63,7 +63,7 @@ declare class __sveltets_Render<Datum extends RawValue> {
         style: string;
         cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }>, "fillOpacity" | "paintOrder" | "href" | "target" | "title"> & {
-        data?: Datum[] | undefined;
+        data?: Datum[];
         automatic?: boolean;
         title?: string | false | null;
         anchor?: "left" | "right";
@@ -76,10 +76,10 @@ declare class __sveltets_Render<Datum extends RawValue> {
         tickFontSize?: ConstantAccessor<number, Datum>;
         titleFontSize?: number;
         tickPadding?: number;
-        tickFormat?: "auto" | Intl.NumberFormatOptions | Intl.DateTimeFormatOptions | ((d: RawValue) => string) | undefined;
+        tickFormat?: "auto" | Intl.DateTimeFormatOptions | Intl.NumberFormatOptions | ((d: RawValue) => string);
         tickClass?: ConstantAccessor<string, Datum>;
         /** ticks is a shorthand for defining data, tickCount or interval */
-        ticks?: string | number | Datum[] | undefined;
+        ticks?: number | string | Datum[];
         /** set to false or null to disable tick labels */
         text?: boolean | null;
         /** approximate number of ticks to be generated */
@@ -87,8 +87,15 @@ declare class __sveltets_Render<Datum extends RawValue> {
         /** approximate number of pixels between generated ticks */
         tickSpacing?: number;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Datum extends RawValue> {
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

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

@@ -1,8 +1,8 @@
 import type { StackOptions } from '../transforms/stack.js';
 import type { DataRow } from '../types/index.js';
 import type { BaseRectMarkProps, ChannelAccessor, LinkableMarkProps } from '../types/index.js';
-declare class __sveltets_Render<Datum extends DataRow> {
-    props(): Partial<{
+declare function $$render<Datum extends DataRow>(): {
+    props: Partial<{
         filter: import("../types/index.js").ConstantAccessor<boolean, Datum>;
         facet: "auto" | "include" | "exclude";
         fx: ChannelAccessor<Datum>;
@@ -77,8 +77,15 @@ declare class __sveltets_Render<Datum extends DataRow> {
          */
         interval?: number | string;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Datum extends DataRow> {
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

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

@@ -1,7 +1,7 @@
 import type { StackOptions } from '../transforms/stack.js';
 import type { BaseRectMarkProps, ChannelAccessor, DataRow, LinkableMarkProps } from '../types/index.js';
-declare class __sveltets_Render<Datum extends DataRow> {
-    props(): Partial<{
+declare function $$render<Datum extends DataRow>(): {
+    props: Partial<{
         filter: import("../types/index.js").ConstantAccessor<boolean, Datum>;
         facet: "auto" | "include" | "exclude";
         fx: ChannelAccessor<Datum>;
@@ -76,8 +76,15 @@ declare class __sveltets_Render<Datum extends DataRow> {
          */
         interval?: number | string;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Datum extends DataRow> {
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

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

@@ -1,6 +1,6 @@
 import type { ChannelAccessor, DataRecord } from '../types/index.js';
-declare class __sveltets_Render<Datum extends DataRecord> {
-    props(): Partial<{
+declare function $$render<Datum extends DataRecord>(): {
+    props: Partial<{
         filter: import("../types/index.js").ConstantAccessor<boolean, Datum>;
         facet: "auto" | "include" | "exclude";
         fx: ChannelAccessor<Datum>;
@@ -75,8 +75,15 @@ declare class __sveltets_Render<Datum extends DataRecord> {
          */
         k?: number;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Datum extends DataRecord> {
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

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

@@ -1,6 +1,6 @@
 import type { ChannelAccessor, DataRecord } from '../types/index.js';
-declare class __sveltets_Render<Datum extends DataRecord> {
-    props(): Partial<{
+declare function $$render<Datum extends DataRecord>(): {
+    props: Partial<{
         filter: import("../types/index.js").ConstantAccessor<boolean, Datum>;
         facet: "auto" | "include" | "exclude";
         fx: ChannelAccessor<Datum>;
@@ -75,8 +75,15 @@ declare class __sveltets_Render<Datum extends DataRecord> {
          */
         k?: number;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Datum extends DataRecord> {
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

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

@@ -1,6 +1,6 @@
 import type { ChannelAccessor, DataRecord } from '../types';
-declare class __sveltets_Render<Datum extends DataRecord> {
-    props(): Pick<Partial<{
+declare function $$render<Datum extends DataRecord>(): {
+    props: Pick<Partial<{
         filter: import("../types").ConstantAccessor<boolean, Datum>;
         facet: "auto" | "include" | "exclude";
         fx: ChannelAccessor<Datum>;
@@ -77,18 +77,25 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         /**
          * Options for the tick marks that represent the median
          */
-        tickMedian: boolean | Record<string, ChannelAccessor<Datum>>;
+        tickMedian: Record<string, ChannelAccessor<Datum>> | boolean;
         /**
          * Options for the tick marks that represent the min/max range
          */
-        tickMinMax: boolean | Record<string, ChannelAccessor<Datum>>;
+        tickMinMax: Record<string, ChannelAccessor<Datum>> | boolean;
         /**
          * Options for the dot marks that represent the outliers
          */
         dot: Record<string, ChannelAccessor<Datum>>;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Datum extends DataRecord> {
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }