svelteplot 0.10.1 → 0.10.3

package/LICENSE.md

@@ -1,4 +1,4 @@
-Copyright 2024-2025, Gregor Aisch
+Copyright 2024-2026, 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.
 

package/dist/marks/AreaY.svelte

@@ -12,6 +12,7 @@
     import { stackY } from '../transforms/stack.js';
     import { recordizeY } from '../transforms/recordize.js';
     import type { ChannelAccessor, DataRow } from '../types/index.js';
+    import type { ComponentProps } from 'svelte';
     import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let markProps: AreaYMarkProps = $props();

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

@@ -0,0 +1,110 @@
+import type { ChannelAccessor, DataRow } from '../types/index.js';
+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>>;
+        fy: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
+        dx: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
+        dy: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
+        dodgeX: import("../transforms/dodge").DodgeXOptions;
+        dodgeY: import("../transforms/dodge").DodgeYOptions;
+        fill: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
+        fillOpacity: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
+        sort: ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | {
+            channel: string;
+            order?: "ascending" | "descending";
+        } | import("../types/index.js").ConstantAccessor<import("../types/data").RawValue, Record<string | symbol, import("../types/data").RawValue>>;
+        stroke: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
+        strokeWidth: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
+        strokeOpacity: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
+        strokeLinejoin: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Record<string | symbol, import("../types/data").RawValue>>;
+        strokeLinecap: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Record<string | symbol, import("../types/data").RawValue>>;
+        strokeMiterlimit: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
+        opacity: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
+        strokeDasharray: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;
+        strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
+        mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, import("../types/data").RawValue>>;
+        clipPath: string;
+        mask: string;
+        imageFilter: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;
+        shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Record<string | symbol, import("../types/data").RawValue>>;
+        paintOrder: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;
+        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, 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>[];
+        x1?: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
+        x2?: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
+        y1?: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
+        y2?: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
+        z?: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
+        curve?: import("../types/index.js").CurveName | import("d3-shape").CurveFactory;
+        tension?: number;
+        sort?: import("../types/index.js").ConstantAccessor<import("../types/data").RawValue> | {
+            channel: "stroke" | "fill";
+        };
+        stack?: Partial<import("../transforms/stack.js").StackOptions>;
+        canvas?: boolean;
+        areaClass?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;
+    }, "x1" | "x2"> & {
+        x?: ChannelAccessor<Datum>;
+        y?: ChannelAccessor<Datum>;
+    };
+    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(): {};
+}
+interface $$IsomorphicComponent {
+    new <Datum extends DataRow>(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 DataRow>(internal: unknown, props: ReturnType<__sveltets_Render<Datum>['props']> & {}): ReturnType<__sveltets_Render<Datum>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+/**
+ * Creates a vertical area chart with y value and baseline. Areas are implicitly
+ * stacked vertically if just the y channel is defined.
+ */
+declare const AreaY: $$IsomorphicComponent;
+type AreaY<Datum extends DataRow> = InstanceType<typeof AreaY<Datum>>;
+export default AreaY;

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

@@ -7,8 +7,8 @@ declare function $$render<Datum extends DataRecord>(): {
         fy: ChannelAccessor<Datum>;
         dx: import("../types/index.js").ConstantAccessor<number, Datum>;
         dy: import("../types/index.js").ConstantAccessor<number, Datum>;
-        dodgeX: import("../transforms/dodge").DodgeXOptions;
-        dodgeY: import("../transforms/dodge").DodgeYOptions;
+        dodgeX: import("../transforms/dodge.js").DodgeXOptions;
+        dodgeY: import("../transforms/dodge.js").DodgeYOptions;
         fill: ChannelAccessor<Datum>;
         fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
         sort: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {

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

@@ -7,8 +7,8 @@ declare function $$render<Datum extends DataRecord>(): {
         fy: ChannelAccessor<Datum>;
         dx: import("../types/index.js").ConstantAccessor<number, Datum>;
         dy: import("../types/index.js").ConstantAccessor<number, Datum>;
-        dodgeX: import("../transforms/dodge").DodgeXOptions;
-        dodgeY: import("../transforms/dodge").DodgeYOptions;
+        dodgeX: import("../transforms/dodge.js").DodgeXOptions;
+        dodgeY: import("../transforms/dodge.js").DodgeYOptions;
         fill: ChannelAccessor<Datum>;
         fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
         sort: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {

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

@@ -7,8 +7,8 @@ declare function $$render<Datum extends DataRecord>(): {
         fy: ChannelAccessor<Datum>;
         dx: import("../types").ConstantAccessor<number, Datum>;
         dy: import("../types").ConstantAccessor<number, Datum>;
-        dodgeX: import("../transforms/dodge").DodgeXOptions;
-        dodgeY: import("../transforms/dodge").DodgeYOptions;
+        dodgeX: import("../transforms/dodge.js").DodgeXOptions;
+        dodgeY: import("../transforms/dodge.js").DodgeYOptions;
         fill: ChannelAccessor<Datum>;
         fillOpacity: import("../types").ConstantAccessor<number, Datum>;
         sort: ((a: RawValue, b: RawValue) => number) | {

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

@@ -7,8 +7,8 @@ declare function $$render<Datum extends DataRecord>(): {
         fy: import("../types/index.js").ChannelAccessor<Datum>;
         dx: import("../types/index.js").ConstantAccessor<number, Datum>;
         dy: import("../types/index.js").ConstantAccessor<number, Datum>;
-        dodgeX: import("../transforms/dodge.js").DodgeXOptions;
-        dodgeY: import("../transforms/dodge.js").DodgeYOptions;
+        dodgeX: import("../transforms/dodge").DodgeXOptions;
+        dodgeY: import("../transforms/dodge").DodgeYOptions;
         fill: import("../types/index.js").ChannelAccessor<Datum>;
         fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
         sort: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {

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

@@ -8,8 +8,8 @@ declare function $$render<Datum extends DataRecord>(): {
         fy: ChannelAccessor<Datum>;
         dx: import("../types/index.js").ConstantAccessor<number, Datum>;
         dy: import("../types/index.js").ConstantAccessor<number, Datum>;
-        dodgeX: import("../transforms/dodge").DodgeXOptions;
-        dodgeY: import("../transforms/dodge").DodgeYOptions;
+        dodgeX: import("../transforms/dodge.js").DodgeXOptions;
+        dodgeY: import("../transforms/dodge.js").DodgeYOptions;
         fill: ChannelAccessor<Datum>;
         fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
         sort: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {

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

@@ -8,8 +8,8 @@ declare function $$render<Datum extends DataRecord>(): {
         fy: ChannelAccessor<Datum>;
         dx: import("../types/index.js").ConstantAccessor<number, Datum>;
         dy: import("../types/index.js").ConstantAccessor<number, Datum>;
-        dodgeX: import("../transforms/dodge").DodgeXOptions;
-        dodgeY: import("../transforms/dodge").DodgeYOptions;
+        dodgeX: import("../transforms/dodge.js").DodgeXOptions;
+        dodgeY: import("../transforms/dodge.js").DodgeYOptions;
         fill: ChannelAccessor<Datum>;
         fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
         sort: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {

package/dist/transforms/interval.d.ts

@@ -5,25 +5,25 @@ import type { TransformArg } from '../types/index.js';
 export declare function intervalX<T>(args: TransformArg<T>): {
     filter?: import("../types/index.js").ConstantAccessor<boolean, T>;
     facet?: "auto" | "include" | "exclude" | undefined;
-    fx?: import("../types/index.js").ChannelAccessor<T>;
-    fy?: import("../types/index.js").ChannelAccessor<T>;
+    fx?: import("../types/channel.js").ChannelAccessor<T>;
+    fy?: import("../types/channel.js").ChannelAccessor<T>;
     dx?: import("../types/index.js").ConstantAccessor<number, T>;
     dy?: import("../types/index.js").ConstantAccessor<number, T>;
-    dodgeX?: import("./dodge").DodgeXOptions | undefined;
-    dodgeY?: import("./dodge").DodgeYOptions | undefined;
-    fill?: import("../types/index.js").ChannelAccessor<T>;
+    dodgeX?: import("./dodge.js").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge.js").DodgeYOptions | undefined;
+    fill?: import("../types/channel.js").ChannelAccessor<T>;
     fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
-    sort?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {
+    sort?: ((a: import("../types/data.js").RawValue, b: import("../types/data.js").RawValue) => number) | {
         channel: string;
         order?: "ascending" | "descending";
-    } | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, T>;
-    stroke?: import("../types/index.js").ChannelAccessor<T>;
+    } | import("../types/index.js").ConstantAccessor<import("../types/data.js").RawValue, T>;
+    stroke?: import("../types/channel.js").ChannelAccessor<T>;
     strokeWidth?: import("../types/index.js").ConstantAccessor<number, T>;
     strokeOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
     strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, T>;
     strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, T>;
     strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, T>;
-    opacity?: import("../types/index.js").ChannelAccessor<T>;
+    opacity?: import("../types/channel.js").ChannelAccessor<T>;
     strokeDasharray?: import("../types/index.js").ConstantAccessor<string, T>;
     strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, T>;
     mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, T>;
@@ -73,25 +73,25 @@ export declare function intervalX<T>(args: TransformArg<T>): {
 export declare function intervalY<T>(args: TransformArg<T>): {
     filter?: import("../types/index.js").ConstantAccessor<boolean, T>;
     facet?: "auto" | "include" | "exclude" | undefined;
-    fx?: import("../types/index.js").ChannelAccessor<T>;
-    fy?: import("../types/index.js").ChannelAccessor<T>;
+    fx?: import("../types/channel.js").ChannelAccessor<T>;
+    fy?: import("../types/channel.js").ChannelAccessor<T>;
     dx?: import("../types/index.js").ConstantAccessor<number, T>;
     dy?: import("../types/index.js").ConstantAccessor<number, T>;
-    dodgeX?: import("./dodge").DodgeXOptions | undefined;
-    dodgeY?: import("./dodge").DodgeYOptions | undefined;
-    fill?: import("../types/index.js").ChannelAccessor<T>;
+    dodgeX?: import("./dodge.js").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge.js").DodgeYOptions | undefined;
+    fill?: import("../types/channel.js").ChannelAccessor<T>;
     fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
-    sort?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {
+    sort?: ((a: import("../types/data.js").RawValue, b: import("../types/data.js").RawValue) => number) | {
         channel: string;
         order?: "ascending" | "descending";
-    } | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, T>;
-    stroke?: import("../types/index.js").ChannelAccessor<T>;
+    } | import("../types/index.js").ConstantAccessor<import("../types/data.js").RawValue, T>;
+    stroke?: import("../types/channel.js").ChannelAccessor<T>;
     strokeWidth?: import("../types/index.js").ConstantAccessor<number, T>;
     strokeOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
     strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, T>;
     strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, T>;
     strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, T>;
-    opacity?: import("../types/index.js").ChannelAccessor<T>;
+    opacity?: import("../types/channel.js").ChannelAccessor<T>;
     strokeDasharray?: import("../types/index.js").ConstantAccessor<string, T>;
     strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, T>;
     mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, T>;

package/dist/transforms/normalize.d.ts

@@ -0,0 +1,34 @@
+import type { TransformArg, RawValue, MapIndexObject } from '../types/index.js';
+import { sort } from './sort.js';
+type BasisFunction = (I: number[], S: RawValue[]) => number;
+type NormalizeBasis = 'deviation' | 'first' | 'last' | 'min' | 'max' | 'mean' | 'median' | 'sum' | 'extent' | BasisFunction | MapIndexObject;
+type NormalizeOptions = NormalizeBasis | {
+    basis: NormalizeBasis;
+};
+/**
+ * Normalizes the x values based on the specified basis. Uses mapX.
+ */
+export declare function normalizeX<T>(args: TransformArg<T>, options: NormalizeOptions): any;
+/**
+ * Normalizes the y values based on the specified basis. Uses mapY.
+ */
+export declare function normalizeY<T>(args: TransformArg<T>, options: NormalizeOptions): any;
+/**
+ * Convenience wrapper for normalizeY for parallel coordinates.
+ *
+ * Channels:
+ * - x: the categorical axis (e.g., 'Measurement')
+ * - y: the value to normalize (e.g., 'Value')
+ * - z: the grouping variable (e.g., 'Id')
+ */
+export declare function normalizeParallelY<T>(args: TransformArg<T>, basis: NormalizeBasis): ReturnType<typeof sort<T>>;
+/**
+ * Convenience wrapper for normalizeY for parallel coordinates.
+ *
+ * Channels:
+ * - x: the categorical axis (e.g., 'Measurement')
+ * - y: the value to normalize (e.g., 'Value')
+ * - z: the grouping variable (e.g., 'Id')
+ */
+export declare function normalizeParallelX<T>(args: TransformArg<T>, basis: NormalizeBasis): ReturnType<typeof sort<T>>;
+export {};