svelteplot 0.10.3 → 0.11.0

package/dist/transforms/group.d.ts

@@ -1,5 +1,7 @@
 import { type ReducerName } from '../helpers/reduce.js';
 import type { DataRecord, DataRow, RawValue, TransformArg } from '../types/index.js';
+import { type ThresholdCountGenerator } from 'd3-array';
+type NamedThresholdsGenerator = 'auto' | 'scott' | 'sturges' | 'freedman-diaconis';
 type ReducerFunc = (group: DataRow[]) => RawValue;
 type ReducerOption = ReducerName | ReducerFunc;
 type GroupBaseOptions = {
@@ -38,21 +40,156 @@ type GroupZOptions = GroupXOptions | GroupYOptions;
  * groups the dataset by x and y channel and optionally reduces the group items
  * to output channels fill, stroke, r, opacity, fillOpacity, or strokeOpacity
  */
-export declare function group({ data, ...channels }: TransformArg<T, DataRecord>, options?: GroupXOptions): {
+export declare function group({ data, ...channels }: TransformArg<DataRecord>, options?: GroupXOptions): {
+    facet?: "auto" | "include" | "exclude" | undefined;
+    fx?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, RawValue>>;
+    fy?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, RawValue>>;
+    dx?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, RawValue>>;
+    dy?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, RawValue>>;
+    dodgeX?: import("./dodge.js").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge.js").DodgeYOptions | undefined;
+    fill?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, RawValue>>;
+    fillOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, RawValue>>;
+    fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Record<string | symbol, RawValue>>;
+    fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Record<string | symbol, RawValue>>;
+    fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Record<string | symbol, RawValue>>;
+    fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Record<string | symbol, RawValue>>;
+    fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Record<string | symbol, RawValue>>;
+    letterSpacing?: import("../types/index.js").ConstantAccessor<import("csstype").Property.LetterSpacing<0 | (string & {})>, Record<string | symbol, RawValue>>;
+    wordSpacing?: import("../types/index.js").ConstantAccessor<import("csstype").Property.WordSpacing<0 | (string & {})>, Record<string | symbol, RawValue>>;
+    textAnchor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.TextAnchor, Record<string | symbol, RawValue>>;
+    textTransform?: import("../types/index.js").ConstantAccessor<import("csstype").Property.TextTransform, Record<string | symbol, RawValue>>;
+    textDecoration?: import("../types/index.js").ConstantAccessor<import("csstype").Property.TextDecoration<0 | (string & {})>, Record<string | symbol, RawValue>>;
+    sort?: ((a: RawValue, b: RawValue) => number) | {
+        channel: string;
+        order?: "ascending" | "descending";
+    } | import("../types/index.js").ConstantAccessor<RawValue, Record<string | symbol, RawValue>>;
+    stroke?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, RawValue>>;
+    strokeWidth?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, RawValue>>;
+    strokeOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, RawValue>>;
+    strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Record<string | symbol, RawValue>>;
+    strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Record<string | symbol, RawValue>>;
+    strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, RawValue>>;
+    opacity?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, RawValue>>;
+    strokeDasharray?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, RawValue>>;
+    strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, RawValue>>;
+    blend?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, RawValue>>;
+    mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, RawValue>>;
+    clipPath?: string | undefined;
+    mask?: string | undefined;
+    imageFilter?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, RawValue>>;
+    shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Record<string | symbol, RawValue>>;
+    paintOrder?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, RawValue>>;
+    onclick?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    ondblclick?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    onmouseup?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    onmousedown?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    onmouseenter?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    onmousemove?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    onmouseleave?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    onmouseout?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    onmouseover?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    onpointercancel?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    onpointerdown?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    onpointerup?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    onpointerenter?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    onpointerleave?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    onpointermove?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    onpointerover?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    onpointerout?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    ondrag?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    ondrop?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    ondragstart?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    ondragenter?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    ondragleave?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    ondragover?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    ondragend?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    ontouchstart?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    ontouchmove?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    ontouchend?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    ontouchcancel?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    oncontextmenu?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    onwheel?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: Record<string | symbol, RawValue>, index: number) => void) | undefined;
+    class?: string | undefined;
+    style?: string | undefined;
+    cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, RawValue>>;
+    title?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, RawValue>>;
+    x: string;
+    y: string;
     data: Record<string | symbol, RawValue>[];
 };
 /**
  * groups the dataset by the x channel and optionally reduces the group items
  * to output channels y, y1, y2, fill, stroke, r, opacity, fillOpacity, or strokeOpacity
  */
-export declare function groupX(input: TransformArg<T, DataRecord>, options?: GroupXOptions): {
+export declare function groupX(input: TransformArg<DataRecord>, options?: GroupXOptions): {
     data: Record<string | symbol, RawValue>[];
 };
 /**
  * groups the dataset by the y channel and optionally reduces the group items
  * to output channels x, x1, x2, fill, stroke, r, opacity, fillOpacity, or strokeOpacity
  */
-export declare function groupY(input: TransformArg<T, DataRecord>, options?: GroupYOptions): {
+export declare function groupY(input: TransformArg<DataRecord>, options?: GroupYOptions): {
     data: Record<string | symbol, RawValue>[];
 };
 /**
@@ -60,7 +197,7 @@ export declare function groupY(input: TransformArg<T, DataRecord>, options?: Gro
  * to output channels x, x1, x2, y, y1, y2, fill, stroke, r, opacity, fillOpacity,
  * or strokeOpacity
  */
-export declare function groupZ(input: TransformArg<T, DataRecord>, options?: GroupZOptions): {
+export declare function groupZ(input: TransformArg<DataRecord>, options?: GroupZOptions): {
     data: Record<string | symbol, RawValue>[];
 };
 export {};

package/dist/transforms/group.js

@@ -76,7 +76,10 @@ function groupXYZ(dim, { data, ...channels }, options = {}) {
         ? [[null, data]]
         : d3Groups(data
             .filter((d) => testFilter(d, channels))
-            .map((d) => ({ ...d, [groupDimRaw]: resolveChannel(dim, d, channels) }))
+            .map((d) => ({
+            ...d,
+            [groupDimRaw]: resolveChannel(dim, d, channels)
+        }))
             .filter((d) => isValid(d[groupDimRaw])), (d) => {
             return interval ? interval.floor(d[groupDimRaw]) : d[groupDimRaw];
         });

package/dist/transforms/interval.d.ts

@@ -13,6 +13,16 @@ export declare function intervalX<T>(args: TransformArg<T>): {
     dodgeY?: import("./dodge.js").DodgeYOptions | undefined;
     fill?: import("../types/channel.js").ChannelAccessor<T>;
     fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
+    fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, T>;
+    fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", T>;
+    fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, T>;
+    fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, T>;
+    fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, T>;
+    letterSpacing?: import("../types/index.js").ConstantAccessor<import("csstype").Property.LetterSpacing<0 | (string & {})>, T>;
+    wordSpacing?: import("../types/index.js").ConstantAccessor<import("csstype").Property.WordSpacing<0 | (string & {})>, T>;
+    textAnchor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.TextAnchor, T>;
+    textTransform?: import("../types/index.js").ConstantAccessor<import("csstype").Property.TextTransform, T>;
+    textDecoration?: import("../types/index.js").ConstantAccessor<import("csstype").Property.TextDecoration<0 | (string & {})>, T>;
     sort?: ((a: import("../types/data.js").RawValue, b: import("../types/data.js").RawValue) => number) | {
         channel: string;
         order?: "ascending" | "descending";
@@ -26,45 +36,107 @@ export declare function intervalX<T>(args: TransformArg<T>): {
     opacity?: import("../types/channel.js").ChannelAccessor<T>;
     strokeDasharray?: import("../types/index.js").ConstantAccessor<string, T>;
     strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, T>;
+    blend?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, T>;
     mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, T>;
     clipPath?: string | undefined;
     mask?: string | undefined;
     imageFilter?: import("../types/index.js").ConstantAccessor<string, T>;
     shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, T>;
     paintOrder?: import("../types/index.js").ConstantAccessor<string, T>;
-    onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onclick?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ondblclick?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onmouseup?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onmousedown?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onmouseenter?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onmousemove?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onmouseleave?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onmouseout?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onmouseover?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onpointercancel?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onpointerdown?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onpointerup?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onpointerenter?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onpointerleave?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onpointermove?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onpointerover?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onpointerout?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ondrag?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ondrop?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ondragstart?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ondragenter?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ondragleave?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ondragover?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ondragend?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ontouchstart?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ontouchmove?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ontouchend?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ontouchcancel?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    oncontextmenu?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onwheel?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
     class?: string | undefined;
     style?: string | undefined;
     cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, T>;
+    title?: import("../types/index.js").ConstantAccessor<string, T>;
     data: T[];
 };
 /**
@@ -81,6 +153,16 @@ export declare function intervalY<T>(args: TransformArg<T>): {
     dodgeY?: import("./dodge.js").DodgeYOptions | undefined;
     fill?: import("../types/channel.js").ChannelAccessor<T>;
     fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
+    fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, T>;
+    fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", T>;
+    fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, T>;
+    fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, T>;
+    fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, T>;
+    letterSpacing?: import("../types/index.js").ConstantAccessor<import("csstype").Property.LetterSpacing<0 | (string & {})>, T>;
+    wordSpacing?: import("../types/index.js").ConstantAccessor<import("csstype").Property.WordSpacing<0 | (string & {})>, T>;
+    textAnchor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.TextAnchor, T>;
+    textTransform?: import("../types/index.js").ConstantAccessor<import("csstype").Property.TextTransform, T>;
+    textDecoration?: import("../types/index.js").ConstantAccessor<import("csstype").Property.TextDecoration<0 | (string & {})>, T>;
     sort?: ((a: import("../types/data.js").RawValue, b: import("../types/data.js").RawValue) => number) | {
         channel: string;
         order?: "ascending" | "descending";
@@ -94,44 +176,106 @@ export declare function intervalY<T>(args: TransformArg<T>): {
     opacity?: import("../types/channel.js").ChannelAccessor<T>;
     strokeDasharray?: import("../types/index.js").ConstantAccessor<string, T>;
     strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, T>;
+    blend?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, T>;
     mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, T>;
     clipPath?: string | undefined;
     mask?: string | undefined;
     imageFilter?: import("../types/index.js").ConstantAccessor<string, T>;
     shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, T>;
     paintOrder?: import("../types/index.js").ConstantAccessor<string, T>;
-    onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onclick?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ondblclick?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onmouseup?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onmousedown?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onmouseenter?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onmousemove?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onmouseleave?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onmouseout?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onmouseover?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onpointercancel?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onpointerdown?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onpointerup?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onpointerenter?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onpointerleave?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onpointermove?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onpointerover?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onpointerout?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ondrag?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ondrop?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ondragstart?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ondragenter?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ondragleave?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ondragover?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ondragend?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ontouchstart?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ontouchmove?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ontouchend?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    ontouchcancel?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    oncontextmenu?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
+    onwheel?: ((event: Event & {
+        currentTarget: SVGPathElement;
+    }, datum: T, index: number) => void) | undefined;
     class?: string | undefined;
     style?: string | undefined;
     cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, T>;
+    title?: import("../types/index.js").ConstantAccessor<string, T>;
     data: T[];
 };