svelteplot 0.10.3 → 0.11.0-pr-514.0

package/dist/transforms/dodge.js

@@ -1,9 +1,12 @@
 import IntervalTree from 'interval-tree-1d';
-import { groupFacetsAndZ } from '../helpers/group';
+import { groupFacetsAndZ } from '../helpers/group.js';
+/**
+ * offsets marks horizontally to avoid overlap, using circle-packing
+ */
 export function dodgeX(args, plotState) {
     if (!args.dodgeX)
         return args.data;
-    let { anchor = 'left', padding = 1, r = args.dodgeX.r } = maybeAnchor(args.dodgeX);
+    let { anchor = 'left', padding = 1, r = args.dodgeX?.r } = maybeAnchor(args.dodgeX);
     let anchorFunction;
     switch (`${anchor}`.toLowerCase()) {
         case 'left':
@@ -20,10 +23,13 @@ export function dodgeX(args, plotState) {
     }
     return dodge('x', 'y', anchorFunction, Number(padding), r, args, plotState);
 }
+/**
+ * offsets marks vertically to avoid overlap, using circle-packing
+ */
 export function dodgeY(args, plotState) {
     if (!args.dodgeY)
         return args.data;
-    let { anchor = 'bottom', padding = 1, r = args.dodgeY.r } = maybeAnchor(args.dodgeY);
+    let { anchor = 'bottom', padding = 1, r = args.dodgeY?.r } = maybeAnchor(args.dodgeY);
     let anchorFunction;
     switch (`${anchor}`.toLowerCase()) {
         case 'top':
@@ -57,7 +63,9 @@ function dodge(y, x, anchor, padding, r, { data, ...channels }, plotState) {
     groupFacetsAndZ(data, { fx, fy }, (items) => {
         // apply dodge within each facet
         const tree = IntervalTree();
-        const data = items.filter((d) => (typeof d.r !== 'number' || d.r >= 0) && isFinite(d[x]) && isFinite(d[y]));
+        const data = items.filter((d) => (typeof d.r !== 'number' || d.r >= 0) &&
+            isFinite(d[x]) &&
+            isFinite(d[y]));
         const intervals = new Float64Array(2 * data.length + 2);
         data.forEach((d, i) => {
             const ri = d.r ?? r ?? 3;
@@ -69,7 +77,8 @@ function dodge(y, x, anchor, padding, r, { data, ...channels }, plotState) {
             // For any previously placed circles that may overlap this circle, compute
             // the y-positions that place this circle tangent to these other circles.
             // https://observablehq.com/@mbostock/circle-offset-along-line
-            tree.queryInterval(l - padding, h + padding, ([, , j]) => {
+            tree.queryInterval(l - padding, h + padding, (interval) => {
+                const j = interval[2];
                 const yj = data[j][y] - y0;
                 const dx = d[x] - data[j][x];
                 const dr = padding + (channels.r ? d.r + data[j].r : 2 * cr);
@@ -117,7 +126,7 @@ function anchorYTop({ options: { marginTop } }) {
 function anchorYBottom({ facetHeight: height }) {
     return [-1, height];
 }
-function anchorYMiddle({ facetHeight: height, options: { marginTop, marginBottom } }) {
+function anchorYMiddle({ facetHeight: height, options: { marginTop, marginBottom: _marginBottom } }) {
     return [0, (marginTop + height) / 2];
 }
 function compareSymmetric(a, b) {

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<import("csstype").Property.FontSize<number>, 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<import("csstype").Property.FontSize<number>, 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<import("csstype").Property.FontSize<number>, 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[];
 };