svelteplot 0.4.0 → 0.4.1-pr-181.0

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

@@ -1,84 +1,6 @@
-import type { DataRecord, ChannelAccessor, ScaledDataRecord, UsedScales } from '../types/index.js';
-import type { Snippet } from 'svelte';
+import type { DataRecord } from '../types/index.js';
 declare class __sveltets_Render<Datum extends DataRecord> {
-    props(): Partial<{
-        filter?: import("../types/index.js").ConstantAccessor<boolean, Datum>;
-        facet?: "auto" | "include" | "exclude";
-        fx: ChannelAccessor<Datum>;
-        fy: ChannelAccessor<Datum>;
-        dx: import("../types/index.js").ConstantAccessor<number, Datum>;
-        dy: import("../types/index.js").ConstantAccessor<number, Datum>;
-        fill: ChannelAccessor<Datum>;
-        fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
-        sort: {
-            channel: string;
-            order?: "ascending" | "descending";
-        } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, Datum>;
-        stroke: ChannelAccessor<Datum>;
-        strokeWidth: import("../types/index.js").ConstantAccessor<number, Datum>;
-        strokeOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
-        strokeLinejoin: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
-        strokeLinecap: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
-        strokeMiterlimit: import("../types/index.js").ConstantAccessor<number, Datum>;
-        opacity: ChannelAccessor<Datum>;
-        strokeDasharray: import("../types/index.js").ConstantAccessor<string, Datum>;
-        strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Datum>;
-        mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
-        clipPath: string;
-        imageFilter: import("../types/index.js").ConstantAccessor<string, Datum>;
-        shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
-        paintOrder: import("../types/index.js").ConstantAccessor<string, Datum>;
-        onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
-        cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
-    }> & {
-        data?: Datum[] | undefined;
-        x?: ChannelAccessor<Datum>;
-        x1?: ChannelAccessor<Datum>;
-        x2?: ChannelAccessor<Datum>;
-        y?: ChannelAccessor<Datum>;
-        y1?: ChannelAccessor<Datum>;
-        y2?: ChannelAccessor<Datum>;
-        r?: ChannelAccessor<Datum>;
-        mark?: Snippet<[{
-            record: ScaledDataRecord<Datum>;
-            index: number;
-            usedScales: UsedScales;
-        }]> | undefined;
-        marks?: Snippet<[{
-            records: ScaledDataRecord<Datum>[];
-            usedScales: UsedScales;
-        }]> | undefined;
-    };
+    props(): any;
     events(): {};
     slots(): {};
     bindings(): "";

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

@@ -1,82 +1,23 @@
 import type { ChannelAccessor, CurveName, DataRecord } from '../types/index.js';
 import type { CurveFactory } from 'd3-shape';
 declare class __sveltets_Render<Datum extends DataRecord> {
-    props(): Omit<Partial<{
-        filter?: import("../types/index.js").ConstantAccessor<boolean, Datum>;
-        facet?: "auto" | "include" | "exclude";
-        fx: ChannelAccessor<Datum>;
-        fy: ChannelAccessor<Datum>;
-        dx: import("../types/index.js").ConstantAccessor<number, Datum>;
-        dy: import("../types/index.js").ConstantAccessor<number, Datum>;
-        fill: ChannelAccessor<Datum>;
-        fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
-        sort: {
-            channel: string;
-            order?: "ascending" | "descending";
-        } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, Datum>;
-        stroke: ChannelAccessor<Datum>;
-        strokeWidth: import("../types/index.js").ConstantAccessor<number, Datum>;
-        strokeOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
-        strokeLinejoin: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
-        strokeLinecap: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
-        strokeMiterlimit: import("../types/index.js").ConstantAccessor<number, Datum>;
-        opacity: ChannelAccessor<Datum>;
-        strokeDasharray: import("../types/index.js").ConstantAccessor<string, Datum>;
-        strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Datum>;
-        mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
-        clipPath: string;
-        imageFilter: import("../types/index.js").ConstantAccessor<string, Datum>;
-        shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
-        paintOrder: import("../types/index.js").ConstantAccessor<string, Datum>;
-        onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
-        cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
-    }>, "fill" | "fillOpacity"> & {
+    props(): Omit<BaseMarkProps<Datum_1>, "fill" | "fillOpacity"> & {
         data: Datum[];
-        x1: ChannelAccessor<Datum>;
+        x1: ChannelAccessor<Datum_1>;
         /**
          * the horizontal position of the metric; bound to the x scale
          */
-        x2: ChannelAccessor<Datum>;
-        x: ChannelAccessor<Datum>;
+        x2: ChannelAccessor<Datum_1>;
+        x: ChannelAccessor<Datum_1>;
         /**
          * the vertical position of the comparison; bound to the y scale
          */
-        y1: ChannelAccessor<Datum>;
+        y1: ChannelAccessor<Datum_1>;
         /**
          * the vertical position of the metric; bound to the y scale
          */
-        y2: ChannelAccessor<Datum>;
-        y: ChannelAccessor<Datum>;
+        y2: ChannelAccessor<Datum_1>;
+        y: ChannelAccessor<Datum_1>;
         fillOpacity?: number;
         /**
          * the stroke color of the "positive" area; defaults to 'blue'

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

@@ -1,32 +1,32 @@
 import type { DataRow } from '../types/index.js';
 declare class __sveltets_Render<Datum extends DataRow> {
     props(): Omit<Partial<{
-        filter?: import("../types/index.js").ConstantAccessor<boolean, import("../types/data").DataRecord>;
+        filter?: import("../types/index.js").ConstantAccessor<boolean, Record<string | symbol, import("../types/data").RawValue>>;
         facet?: "auto" | "include" | "exclude";
-        fx: import("../types/channel").ChannelAccessor<import("../types/data").DataRecord>;
-        fy: import("../types/channel").ChannelAccessor<import("../types/data").DataRecord>;
-        dx: import("../types/index.js").ConstantAccessor<number, import("../types/data").DataRecord>;
-        dy: import("../types/index.js").ConstantAccessor<number, import("../types/data").DataRecord>;
-        fill: import("../types/channel").ChannelAccessor<import("../types/data").DataRecord>;
-        fillOpacity: import("../types/index.js").ConstantAccessor<number, import("../types/data").DataRecord>;
+        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>>;
+        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: {
             channel: string;
             order?: "ascending" | "descending";
-        } | ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/data").RawValue, import("../types/data").DataRecord>;
-        stroke: import("../types/channel").ChannelAccessor<import("../types/data").DataRecord>;
-        strokeWidth: import("../types/index.js").ConstantAccessor<number, import("../types/data").DataRecord>;
-        strokeOpacity: import("../types/index.js").ConstantAccessor<number, import("../types/data").DataRecord>;
-        strokeLinejoin: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, import("../types/data").DataRecord>;
-        strokeLinecap: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, import("../types/data").DataRecord>;
-        strokeMiterlimit: import("../types/index.js").ConstantAccessor<number, import("../types/data").DataRecord>;
-        opacity: import("../types/channel").ChannelAccessor<import("../types/data").DataRecord>;
-        strokeDasharray: import("../types/index.js").ConstantAccessor<string, import("../types/data").DataRecord>;
-        strokeDashoffset: import("../types/index.js").ConstantAccessor<number, import("../types/data").DataRecord>;
-        mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, import("../types/data").DataRecord>;
+        } | ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | 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>>;
         clipPath: string;
-        imageFilter: import("../types/index.js").ConstantAccessor<string, import("../types/data").DataRecord>;
-        shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, import("../types/data").DataRecord>;
-        paintOrder: import("../types/index.js").ConstantAccessor<string, import("../types/data").DataRecord>;
+        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>;
@@ -58,15 +58,15 @@ declare class __sveltets_Render<Datum extends DataRow> {
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         class: string | null;
-        cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, import("../types/data").DataRecord>;
-    }> & import("../types/mark").LinkableMarkProps<import("../types/data").DataRecord> & {
-        data: import("../types/data").DataRecord[];
-        x: import("../types/channel").ChannelAccessor<import("../types/data").DataRecord>;
-        y: import("../types/channel").ChannelAccessor<import("../types/data").DataRecord>;
-        r?: import("../types/channel").ChannelAccessor<import("../types/data").DataRecord>;
-        symbol?: import("../types/channel").ChannelAccessor<import("../types/data").DataRecord> | import("svelte").Snippet<[number, 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]>;
         canvas?: boolean;
-        dotClass?: import("../types/index.js").ConstantAccessor<string, import("../types/data").DataRecord>;
+        dotClass?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;
     }, "y" | "data"> & {
         data: Datum[];
     };

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

@@ -1,32 +1,32 @@
 import type { DataRow } from '../types/index.js';
 declare class __sveltets_Render<Datum extends DataRow> {
     props(): Omit<Partial<{
-        filter?: import("../types/index.js").ConstantAccessor<boolean, import("../types/data").DataRecord>;
+        filter?: import("../types/index.js").ConstantAccessor<boolean, Record<string | symbol, import("../types/data").RawValue>>;
         facet?: "auto" | "include" | "exclude";
-        fx: import("../types/channel").ChannelAccessor<import("../types/data").DataRecord>;
-        fy: import("../types/channel").ChannelAccessor<import("../types/data").DataRecord>;
-        dx: import("../types/index.js").ConstantAccessor<number, import("../types/data").DataRecord>;
-        dy: import("../types/index.js").ConstantAccessor<number, import("../types/data").DataRecord>;
-        fill: import("../types/channel").ChannelAccessor<import("../types/data").DataRecord>;
-        fillOpacity: import("../types/index.js").ConstantAccessor<number, import("../types/data").DataRecord>;
+        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>>;
+        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: {
             channel: string;
             order?: "ascending" | "descending";
-        } | ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/data").RawValue, import("../types/data").DataRecord>;
-        stroke: import("../types/channel").ChannelAccessor<import("../types/data").DataRecord>;
-        strokeWidth: import("../types/index.js").ConstantAccessor<number, import("../types/data").DataRecord>;
-        strokeOpacity: import("../types/index.js").ConstantAccessor<number, import("../types/data").DataRecord>;
-        strokeLinejoin: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, import("../types/data").DataRecord>;
-        strokeLinecap: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, import("../types/data").DataRecord>;
-        strokeMiterlimit: import("../types/index.js").ConstantAccessor<number, import("../types/data").DataRecord>;
-        opacity: import("../types/channel").ChannelAccessor<import("../types/data").DataRecord>;
-        strokeDasharray: import("../types/index.js").ConstantAccessor<string, import("../types/data").DataRecord>;
-        strokeDashoffset: import("../types/index.js").ConstantAccessor<number, import("../types/data").DataRecord>;
-        mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, import("../types/data").DataRecord>;
+        } | ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | 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>>;
         clipPath: string;
-        imageFilter: import("../types/index.js").ConstantAccessor<string, import("../types/data").DataRecord>;
-        shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, import("../types/data").DataRecord>;
-        paintOrder: import("../types/index.js").ConstantAccessor<string, import("../types/data").DataRecord>;
+        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>;
@@ -58,15 +58,15 @@ declare class __sveltets_Render<Datum extends DataRow> {
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         class: string | null;
-        cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, import("../types/data").DataRecord>;
-    }> & import("../types/mark").LinkableMarkProps<import("../types/data").DataRecord> & {
-        data: import("../types/data").DataRecord[];
-        x: import("../types/channel").ChannelAccessor<import("../types/data").DataRecord>;
-        y: import("../types/channel").ChannelAccessor<import("../types/data").DataRecord>;
-        r?: import("../types/channel").ChannelAccessor<import("../types/data").DataRecord>;
-        symbol?: import("../types/channel").ChannelAccessor<import("../types/data").DataRecord> | import("svelte").Snippet<[number, 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]>;
         canvas?: boolean;
-        dotClass?: import("../types/index.js").ConstantAccessor<string, import("../types/data").DataRecord>;
+        dotClass?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;
     }, "x" | "data"> & {
         data: Datum[];
     };

package/dist/marks/Frame.svelte

@@ -11,6 +11,7 @@
         stroke?: string;
         fillOpacity?: number;
         strokeOpacity?: number;
+        opacity?: number;
         automatic?: boolean;
         inset?: number;
         insetLeft?: number;
@@ -29,6 +30,7 @@
     } from '../types/index.js';
     import type { BaseMarkProps } from '../types/index.js';
     import RectPath from './helpers/RectPath.svelte';
+    import { resolveProp } from '../helpers/resolve';
 
     let markProps: FrameMarkProps = $props();
 
@@ -46,6 +48,7 @@
         class: className,
         fill,
         stroke,
+        opacity,
         fillOpacity,
         strokeOpacity,
         ...options
@@ -54,6 +57,9 @@
         ...markProps
     });
 
+    const dx = $derived(resolveProp(options.dx, null, 0) || 0);
+    const dy = $derived(resolveProp(options.dy, null, 0) || 0);
+
     const { getPlotState } = getContext<PlotContext>('svelteplot');
     const plot = $derived(getPlotState());
 </script>
@@ -62,13 +68,13 @@
     {#snippet children({ usedScales })}
         <RectPath
             class={className}
-            datum={{ fill, stroke, fillOpacity, strokeOpacity, datum: {}, valid: true }}
-            x={plot.options.marginLeft}
-            y={plot.options.marginTop}
+            datum={{ fill, stroke, fillOpacity, strokeOpacity, opacity, datum: {}, valid: true }}
+            x={plot.options.marginLeft + dx}
+            y={plot.options.marginTop + dy}
             width={plot.facetWidth}
             height={plot.facetHeight}
             {usedScales}
             fallbackStyle="stroke"
-            options={{ ...options, fill, stroke, fillOpacity, strokeOpacity }} />
+            options={{ ...options, fill, stroke, fillOpacity, opacity, strokeOpacity }} />
     {/snippet}
 </Mark>

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

@@ -5,6 +5,7 @@ interface FrameMarkProps extends Omit<BaseMarkProps<Datum>, 'fill' | 'stroke' |
     stroke?: string;
     fillOpacity?: number;
     strokeOpacity?: number;
+    opacity?: number;
     automatic?: boolean;
     inset?: number;
     insetLeft?: number;

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

@@ -14,7 +14,7 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         sort: {
             channel: string;
             order?: "ascending" | "descending";
-        } | ((a: RawValue, b: RawValue) => number) | ConstantAccessor<RawValue, Datum>;
+        } | ((a: import("../types/data.js").RawValue, b: import("../types/data.js").RawValue) => number) | ConstantAccessor<import("../types/data.js").RawValue, Datum>;
         stroke: ChannelAccessor<Datum>;
         strokeWidth: ConstantAccessor<number, Datum>;
         strokeOpacity: ConstantAccessor<number, Datum>;
@@ -71,7 +71,7 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         outlineStrokeOpacity?: number;
         curve?: CurveName | CurveFactory | "auto";
         tension?: number;
-        sort?: ConstantAccessor<RawValue, Datum> | {
+        sort?: ConstantAccessor<RawValue, Datum_1> | {
             channel: "stroke" | "fill";
         };
         text?: ConstantAccessor<string, Datum>;

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

@@ -1,32 +1,33 @@
+import { recordizeX } from '../index.js';
 import type { DataRow } from '../index.js';
 declare class __sveltets_Render<Datum extends DataRow> {
     props(): Omit<import("../types").MarkerOptions & Partial<{
-        filter?: import("../types").ConstantAccessor<boolean, import("../types").DataRecord>;
+        filter?: import("../types").ConstantAccessor<boolean, Record<string | symbol, import("../types").RawValue>>;
         facet?: "auto" | "include" | "exclude";
-        fx: import("../types").ChannelAccessor<import("../types").DataRecord>;
-        fy: import("../types").ChannelAccessor<import("../types").DataRecord>;
-        dx: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
-        dy: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
-        fill: import("../types").ChannelAccessor<import("../types").DataRecord>;
-        fillOpacity: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
+        fx: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
+        fy: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
+        dx: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
+        dy: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
+        fill: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
+        fillOpacity: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
         sort: {
             channel: string;
             order?: "ascending" | "descending";
-        } | ((a: import("../types").RawValue, b: import("../types").RawValue) => number) | import("../types").ConstantAccessor<import("../types").RawValue, import("../types").DataRecord>;
-        stroke: import("../types").ChannelAccessor<import("../types").DataRecord>;
-        strokeWidth: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
-        strokeOpacity: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
-        strokeLinejoin: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinejoin, import("../types").DataRecord>;
-        strokeLinecap: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinecap, import("../types").DataRecord>;
-        strokeMiterlimit: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
-        opacity: import("../types").ChannelAccessor<import("../types").DataRecord>;
-        strokeDasharray: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
-        strokeDashoffset: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
-        mixBlendMode: import("../types").ConstantAccessor<import("csstype").Property.MixBlendMode, import("../types").DataRecord>;
+        } | ((a: import("../types").RawValue, b: import("../types").RawValue) => number) | import("../types").ConstantAccessor<import("../types").RawValue, Record<string | symbol, import("../types").RawValue>>;
+        stroke: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
+        strokeWidth: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
+        strokeOpacity: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
+        strokeLinejoin: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Record<string | symbol, import("../types").RawValue>>;
+        strokeLinecap: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinecap, Record<string | symbol, import("../types").RawValue>>;
+        strokeMiterlimit: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
+        opacity: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
+        strokeDasharray: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
+        strokeDashoffset: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
+        mixBlendMode: import("../types").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, import("../types").RawValue>>;
         clipPath: string;
-        imageFilter: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
-        shapeRendering: import("../types").ConstantAccessor<import("csstype").Property.ShapeRendering, import("../types").DataRecord>;
-        paintOrder: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
+        imageFilter: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
+        shapeRendering: import("../types").ConstantAccessor<import("csstype").Property.ShapeRendering, Record<string | symbol, import("../types").RawValue>>;
+        paintOrder: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
         onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
@@ -58,26 +59,26 @@ declare class __sveltets_Render<Datum extends DataRow> {
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         class: string | null;
-        cursor: import("../types").ConstantAccessor<import("csstype").Property.Cursor, import("../types").DataRecord>;
+        cursor: import("../types").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types").RawValue>>;
     }> & {
-        data?: import("../types").DataRecord[] | undefined;
-        x?: import("../types").ChannelAccessor<import("../types").DataRecord>;
-        y?: import("../types").ChannelAccessor<import("../types").DataRecord>;
-        z?: import("../types").ChannelAccessor<import("../types").DataRecord>;
+        data?: Record<string | symbol, import("../types").RawValue>[] | undefined;
+        x?: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
+        y?: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
+        z?: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
         outlineStroke?: string;
         outlineStrokeWidth?: number;
         outlineStrokeOpacity?: number;
         curve?: import("../types").CurveName | import("d3-shape").CurveFactory | "auto";
         tension?: number;
-        sort?: import("../types").ConstantAccessor<import("../types").RawValue, import("../types").DataRecord> | {
+        sort?: import("../types").ConstantAccessor<recordizeX, Datum_1> | {
             channel: "stroke" | "fill";
         };
-        text?: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
-        textFill?: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
-        textStroke?: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
-        textStartOffset?: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
-        textStrokeWidth?: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
-        lineClass?: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
+        text?: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
+        textFill?: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
+        textStroke?: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
+        textStartOffset?: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
+        textStrokeWidth?: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
+        lineClass?: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
         canvas?: boolean;
     }, "y" | "data"> & {
         data: Datum[];