svelteplot 0.10.3 → 0.11.0

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

@@ -1,78 +1,152 @@
 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>>;
+        filter: import("../types/index.js").ConstantAccessor<boolean, unknown>;
         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) | {
+        fx: ChannelAccessor<unknown>;
+        fy: ChannelAccessor<unknown>;
+        dx: import("../types/index.js").ConstantAccessor<number, unknown>;
+        dy: import("../types/index.js").ConstantAccessor<number, unknown>;
+        dodgeX: import("../transforms/dodge.js").DodgeXOptions;
+        dodgeY: import("../transforms/dodge.js").DodgeYOptions;
+        fill: ChannelAccessor<unknown>;
+        fillOpacity: import("../types/index.js").ConstantAccessor<number, unknown>;
+        fontFamily: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, unknown>;
+        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", unknown>;
+        fontStyle: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, unknown>;
+        fontVariant: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, unknown>;
+        fontWeight: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, unknown>;
+        letterSpacing: import("../types/index.js").ConstantAccessor<import("csstype").Property.LetterSpacing<0 | (string & {})>, unknown>;
+        wordSpacing: import("../types/index.js").ConstantAccessor<import("csstype").Property.WordSpacing<0 | (string & {})>, unknown>;
+        textAnchor: import("../types/index.js").ConstantAccessor<import("csstype").Property.TextAnchor, unknown>;
+        textTransform: import("../types/index.js").ConstantAccessor<import("csstype").Property.TextTransform, unknown>;
+        textDecoration: import("../types/index.js").ConstantAccessor<import("csstype").Property.TextDecoration<0 | (string & {})>, unknown>;
+        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/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>>;
+        } | import("../types/index.js").ConstantAccessor<import("../types/data.js").RawValue, unknown>;
+        stroke: ChannelAccessor<unknown>;
+        strokeWidth: import("../types/index.js").ConstantAccessor<number, unknown>;
+        strokeOpacity: import("../types/index.js").ConstantAccessor<number, unknown>;
+        strokeLinejoin: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, unknown>;
+        strokeLinecap: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, unknown>;
+        strokeMiterlimit: import("../types/index.js").ConstantAccessor<number, unknown>;
+        opacity: ChannelAccessor<unknown>;
+        strokeDasharray: import("../types/index.js").ConstantAccessor<string, unknown>;
+        strokeDashoffset: import("../types/index.js").ConstantAccessor<number, unknown>;
+        blend: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, unknown>;
+        mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, unknown>;
         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>;
+        imageFilter: import("../types/index.js").ConstantAccessor<string, unknown>;
+        shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, unknown>;
+        paintOrder: import("../types/index.js").ConstantAccessor<string, unknown>;
+        onclick: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ondblclick: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onmouseup: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onmousedown: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onmouseenter: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onmousemove: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onmouseleave: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onmouseout: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onmouseover: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onpointercancel: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onpointerdown: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onpointerup: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onpointerenter: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onpointerleave: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onpointermove: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onpointerover: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onpointerout: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ondrag: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ondrop: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ondragstart: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ondragenter: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ondragleave: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ondragover: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ondragend: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ontouchstart: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ontouchmove: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ontouchend: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ontouchcancel: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        oncontextmenu: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onwheel: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
         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>[];
-        x: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        y: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        r?: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        symbol?: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>> | import("svelte").Snippet<[number, string]>;
+        cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, unknown>;
+        title: import("../types/index.js").ConstantAccessor<string, unknown>;
+    }> & import("../types/mark.js").LinkableMarkProps<unknown> & {
+        data?: unknown[] | undefined;
+        x?: ChannelAccessor<unknown>;
+        y?: ChannelAccessor<unknown>;
+        r?: ChannelAccessor<unknown>;
+        symbol?: ChannelAccessor<unknown> | import("svelte").Snippet<[number, string]>;
         canvas?: boolean;
-        dotClass?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;
+        dotClass?: import("../types/index.js").ConstantAccessor<string, unknown>;
     }, "data" | "x" | "y"> & {
+        /** the input data array */
         data: Datum[];
+        /** the horizontal position channel */
         x?: ChannelAccessor<Datum>;
     };
     exports: {};

package/dist/marks/DotY.svelte

@@ -3,6 +3,7 @@
 -->
 <script lang="ts" generics="Datum extends DataRow">
     interface DotYMarkProps extends Omit<ComponentProps<typeof Dot>, 'x' | 'data'> {
+        /** the input data array */
         data: Datum[];
     }
     import Dot from './Dot.svelte';

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

@@ -1,77 +1,150 @@
 import type { 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>>;
+        filter: import("../types/index.js").ConstantAccessor<boolean, unknown>;
         facet: "auto" | "include" | "exclude";
-        fx: import("../types/channel").ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        fy: import("../types/channel").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: import("../types/channel").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) | {
+        fx: import("../types/channel.js").ChannelAccessor<unknown>;
+        fy: import("../types/channel.js").ChannelAccessor<unknown>;
+        dx: import("../types/index.js").ConstantAccessor<number, unknown>;
+        dy: import("../types/index.js").ConstantAccessor<number, unknown>;
+        dodgeX: import("../transforms/dodge.js").DodgeXOptions;
+        dodgeY: import("../transforms/dodge.js").DodgeYOptions;
+        fill: import("../types/channel.js").ChannelAccessor<unknown>;
+        fillOpacity: import("../types/index.js").ConstantAccessor<number, unknown>;
+        fontFamily: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, unknown>;
+        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", unknown>;
+        fontStyle: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, unknown>;
+        fontVariant: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, unknown>;
+        fontWeight: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, unknown>;
+        letterSpacing: import("../types/index.js").ConstantAccessor<import("csstype").Property.LetterSpacing<0 | (string & {})>, unknown>;
+        wordSpacing: import("../types/index.js").ConstantAccessor<import("csstype").Property.WordSpacing<0 | (string & {})>, unknown>;
+        textAnchor: import("../types/index.js").ConstantAccessor<import("csstype").Property.TextAnchor, unknown>;
+        textTransform: import("../types/index.js").ConstantAccessor<import("csstype").Property.TextTransform, unknown>;
+        textDecoration: import("../types/index.js").ConstantAccessor<import("csstype").Property.TextDecoration<0 | (string & {})>, unknown>;
+        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/data").RawValue, Record<string | symbol, import("../types/data").RawValue>>;
-        stroke: import("../types/channel").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: import("../types/channel").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>>;
+        } | import("../types/index.js").ConstantAccessor<import("../types/data.js").RawValue, unknown>;
+        stroke: import("../types/channel.js").ChannelAccessor<unknown>;
+        strokeWidth: import("../types/index.js").ConstantAccessor<number, unknown>;
+        strokeOpacity: import("../types/index.js").ConstantAccessor<number, unknown>;
+        strokeLinejoin: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, unknown>;
+        strokeLinecap: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, unknown>;
+        strokeMiterlimit: import("../types/index.js").ConstantAccessor<number, unknown>;
+        opacity: import("../types/channel.js").ChannelAccessor<unknown>;
+        strokeDasharray: import("../types/index.js").ConstantAccessor<string, unknown>;
+        strokeDashoffset: import("../types/index.js").ConstantAccessor<number, unknown>;
+        blend: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, unknown>;
+        mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, unknown>;
         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>;
+        imageFilter: import("../types/index.js").ConstantAccessor<string, unknown>;
+        shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, unknown>;
+        paintOrder: import("../types/index.js").ConstantAccessor<string, unknown>;
+        onclick: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ondblclick: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onmouseup: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onmousedown: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onmouseenter: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onmousemove: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onmouseleave: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onmouseout: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onmouseover: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onpointercancel: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onpointerdown: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onpointerup: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onpointerenter: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onpointerleave: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onpointermove: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onpointerover: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onpointerout: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ondrag: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ondrop: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ondragstart: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ondragenter: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ondragleave: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ondragover: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ondragend: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ontouchstart: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ontouchmove: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ontouchend: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        ontouchcancel: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        oncontextmenu: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
+        onwheel: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: unknown, index: number) => void;
         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>[];
-        x: import("../types/channel").ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        y: import("../types/channel").ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        r?: import("../types/channel").ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        symbol?: import("../types/channel").ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>> | import("svelte").Snippet<[number, string]>;
+        cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, unknown>;
+        title: import("../types/index.js").ConstantAccessor<string, unknown>;
+    }> & import("../types/mark.js").LinkableMarkProps<unknown> & {
+        data?: unknown[] | undefined;
+        x?: import("../types/channel.js").ChannelAccessor<unknown>;
+        y?: import("../types/channel.js").ChannelAccessor<unknown>;
+        r?: import("../types/channel.js").ChannelAccessor<unknown>;
+        symbol?: import("../types/channel.js").ChannelAccessor<unknown> | import("svelte").Snippet<[number, string]>;
         canvas?: boolean;
-        dotClass?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;
+        dotClass?: import("../types/index.js").ConstantAccessor<string, unknown>;
     }, "data" | "x"> & {
+        /** the input data array */
         data: Datum[];
     };
     exports: {};

package/dist/marks/Frame.svelte

@@ -8,35 +8,53 @@
             Omit<BaseMarkProps<Datum>, 'fill' | 'stroke' | 'fillOpacity' | 'strokeOpacity'>,
             BaseRectMarkProps<Datum>,
             LinkableMarkProps<Datum> {
-        fill?: string;
-        stroke?: string;
+        /** the fill color of the frame; true maps to 'currentColor' */
+        fill?: string | boolean;
+        /** the stroke color of the frame; true maps to 'currentColor' */
+        stroke?: string | boolean;
+        /** the fill opacity of the frame */
         fillOpacity?: number;
+        /** the stroke opacity of the frame */
         strokeOpacity?: number;
+        /** the overall opacity of the frame */
         opacity?: number;
+        /** whether this frame was automatically added by the Plot component */
         automatic?: boolean;
+        /** shorthand to inset the frame from all edges, in pixels */
         inset?: number;
+        /** inset the frame from the left edge, in pixels */
         insetLeft?: number;
+        /** inset the frame from the right edge, in pixels */
         insetRight?: number;
+        /** inset the frame from the top edge, in pixels */
         insetTop?: number;
+        /** inset the frame from the bottom edge, in pixels */
         insetBottom?: number;
     }
     import Mark from '../Mark.svelte';
-    import type { BaseRectMarkProps, LinkableMarkProps, DataRecord } from '../types/index.js';
+    import type {
+        BaseRectMarkProps,
+        LinkableMarkProps,
+        DataRecord,
+        ScaledDataRecord
+    } from '../types/index.js';
     import type { BaseMarkProps } from '../types/index.js';
     import RectPath from './helpers/RectPath.svelte';
-    import { resolveProp } from '../helpers/resolve';
+    import { resolveProp } from '../helpers/resolve.js';
     import { getPlotDefaults } from '../hooks/plotDefaults.js';
     import { usePlot } from '../hooks/usePlot.svelte.js';
 
     let markProps: FrameMarkProps = $props();
 
+    const _plotDefaults = getPlotDefaults();
+    const _frame = _plotDefaults.frame;
     const DEFAULTS: FrameMarkProps = {
         fill: undefined,
         class: 'frame',
         stroke: undefined,
         fillOpacity: 1,
         strokeOpacity: 1,
-        ...getPlotDefaults().frame
+        ...(_frame != null && _frame !== true ? _frame : {})
     };
 
     const {
@@ -56,20 +74,40 @@
     const dx = $derived(resolveProp(options.dx, null, 0) || 0);
     const dy = $derived(resolveProp(options.dy, null, 0) || 0);
 
+    const resolvedFill = $derived(fill === true ? 'currentColor' : (fill as string | undefined));
+    const resolvedStroke = $derived(
+        stroke === true ? 'currentColor' : (stroke as string | undefined)
+    );
+
     const plot = usePlot();
 </script>
 
 <Mark type="frame" {automatic}>
     {#snippet children({ usedScales })}
         <RectPath
-            class={className}
-            datum={{ fill, stroke, fillOpacity, strokeOpacity, opacity, datum: {}, valid: true }}
+            class={className ?? null}
+            datum={{
+                fill: resolvedFill,
+                stroke: resolvedStroke,
+                fillOpacity,
+                strokeOpacity,
+                opacity,
+                datum: {} as Datum,
+                valid: true
+            } as unknown as ScaledDataRecord<Datum>}
             x={plot.options.marginLeft + dx}
             y={plot.options.marginTop + dy}
             width={plot.facetWidth}
             height={plot.facetHeight}
             {usedScales}
-            fallbackStyle={fill == null || fill === 'none' ? 'stroke' : 'fill'}
-            options={{ ...options, fill, stroke, fillOpacity, opacity, strokeOpacity }} />
+            fallbackStyle={resolvedFill == null || resolvedFill === 'none' ? 'stroke' : 'fill'}
+            options={{
+                ...options,
+                fill: resolvedFill,
+                stroke: resolvedStroke,
+                fillOpacity,
+                opacity,
+                strokeOpacity
+            }} />
     {/snippet}
 </Mark>