svelteplot 0.4.0 → 0.4.1-pr-181.0

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

@@ -1,32 +1,33 @@
+import { recordizeY } 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<recordizeY, 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;
     }, "x" | "data"> & {
         data: Datum[];

package/dist/marks/Link.svelte

@@ -157,8 +157,6 @@
         <g class={['link', className]} data-use-x={usedScales.x ? 1 : 0}>
             {#each scaledData as d, i (i)}
                 {#if d.valid || true}
-                    {@const dx = resolveProp(args.dx, d.datum, 0)}
-                    {@const dy = resolveProp(args.dx, d.datum, 0)}
                     {@const [style, styleClass] = resolveStyles(
                         plot,
                         d,
@@ -196,8 +194,7 @@
                         text={text ? resolveProp(text, d.datum) : null}
                         startOffset={resolveProp(args.textStartOffset, d.datum, '50%')}
                         {textStyle}
-                        {textStyleClass}
-                        transform={dx || dy ? `translate(${dx}, ${dy})` : null} />
+                        {textStyleClass} />
                 {/if}
             {/each}
         </g>

package/dist/marks/Rect.svelte

@@ -31,6 +31,7 @@
     } from '../types/index.js';
     import GroupMultiple from './helpers/GroupMultiple.svelte';
     import RectPath from './helpers/RectPath.svelte';
+    import { resolveProp } from '../helpers/resolve';
 
     let markProps: RectMarkProps = $props();
 
@@ -64,10 +65,12 @@
         <GroupMultiple class={scaledData.length > 1 ? className : null} length={scaledData.length}>
             {#each scaledData as d, i (i)}
                 {#if d.valid}
-                    {@const x1 = d.x1 == null ? plot.options.marginLeft : d.x1}
-                    {@const x2 = d.x2 == null ? plot.options.marginLeft + plot.facetWidth : d.x2}
-                    {@const y1 = d.y1 == null ? plot.options.marginTop : d.y1}
-                    {@const y2 = d.y2 == null ? plot.options.marginTop + plot.facetHeight : d.y2}
+                    {@const x1 = d.x1 == null ? plot.options.marginLeft + d.dx : d.x1}
+                    {@const x2 =
+                        d.x2 == null ? plot.options.marginLeft + plot.facetWidth + d.dx : d.x2}
+                    {@const y1 = d.y1 == null ? plot.options.marginTop + d.dy : d.y1}
+                    {@const y2 =
+                        d.y2 == null ? plot.options.marginTop + plot.facetHeight + d.dy : d.y2}
 
                     {@const miny = Math.min(y1, y2)}
                     {@const maxy = Math.max(y1, y2)}

package/dist/marks/RuleX.svelte

@@ -52,15 +52,13 @@
                 {@const inset = resolveProp(args.inset, d.datum, 0)}
                 {@const insetTop = resolveProp(args.insetTop, d.datum, 0)}
                 {@const insetBottom = resolveProp(args.insetBottom, d.datum, 0)}
-                {@const dx = resolveProp(args.dx, d.datum, 0)}
-                {@const dy = resolveProp(args.dy, d.datum, 0)}
                 {@const [style, styleClass] = resolveStyles(plot, d, args, 'stroke', usedScales)}
                 <line
-                    transform="translate({d.x + dx}, {dy})"
+                    transform="translate({d.x}, 0)"
                     {style}
                     class={[styleClass]}
-                    y1={(inset || insetTop) + (d.y1 != null ? d.y1 : plot.options.marginTop)}
-                    y2={(d.y2 != null ? d.y2 : plot.facetHeight + plot.options.marginTop) -
+                    y1={(inset || insetTop) + (d.y1 != null ? d.y1 : plot.options.marginTop + d.dy)}
+                    y2={(d.y2 != null ? d.y2 : plot.facetHeight + plot.options.marginTop + d.dy) -
                         (inset || insetBottom)} />
             {/each}
         </GroupMultiple>

package/dist/marks/RuleY.svelte

@@ -51,15 +51,14 @@
                 {@const inset = resolveProp(args.inset, d.datum, 0)}
                 {@const insetLeft = resolveProp(args.insetLeft, d.datum, 0)}
                 {@const insetRight = resolveProp(args.insetRight, d.datum, 0)}
-                {@const dx = resolveProp(args.dx, d.datum, 0)}
-                {@const dy = resolveProp(args.dy, d.datum, 0)}
                 {@const [style, styleClass] = resolveStyles(plot, d, args, 'stroke', usedScales)}
                 <line
-                    transform="translate({dx}, {d.y + dy})"
+                    transform="translate(0, {d.y})"
                     {style}
                     class={[styleClass]}
-                    x1={(inset || insetLeft) + (d.x1 != null ? d.x1 : plot.options.marginLeft)}
-                    x2={(d.x2 != null ? d.x2 : plot.facetWidth + plot.options.marginLeft) -
+                    x1={(inset || insetLeft) +
+                        (d.x1 != null ? d.x1 : plot.options.marginLeft + d.dx)}
+                    x2={(d.x2 != null ? d.x2 : plot.facetWidth + plot.options.marginLeft + d.dx) -
                         (inset || insetRight)} />
             {/each}
         </GroupMultiple>

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

@@ -1,32 +1,32 @@
 import type { ChannelAccessor, DataRecord } from '../types/index.js';
 declare class __sveltets_Render<Datum extends DataRecord> {
     props(): Omit<Partial<{
-        filter?: import("../types/index.js").ConstantAccessor<boolean, DataRecord>;
+        filter?: import("../types/index.js").ConstantAccessor<boolean, Record<string | symbol, import("../types/data").RawValue>>;
         facet?: "auto" | "include" | "exclude";
-        fx: ChannelAccessor<DataRecord>;
-        fy: ChannelAccessor<DataRecord>;
-        dx: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-        dy: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-        fill: ChannelAccessor<DataRecord>;
-        fillOpacity: import("../types/index.js").ConstantAccessor<number, DataRecord>;
+        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>>;
+        fill: 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, DataRecord>;
-        stroke: ChannelAccessor<DataRecord>;
-        strokeWidth: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-        strokeOpacity: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-        strokeLinejoin: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, DataRecord>;
-        strokeLinecap: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, DataRecord>;
-        strokeMiterlimit: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-        opacity: ChannelAccessor<DataRecord>;
-        strokeDasharray: import("../types/index.js").ConstantAccessor<string, DataRecord>;
-        strokeDashoffset: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-        mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, 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: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
+        strokeWidth: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
+        strokeOpacity: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
+        strokeLinejoin: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Record<string | symbol, import("../types/data").RawValue>>;
+        strokeLinecap: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Record<string | symbol, import("../types/data").RawValue>>;
+        strokeMiterlimit: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
+        opacity: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
+        strokeDasharray: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;
+        strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
+        mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, import("../types/data").RawValue>>;
         clipPath: string;
-        imageFilter: import("../types/index.js").ConstantAccessor<string, DataRecord>;
-        shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, DataRecord>;
-        paintOrder: import("../types/index.js").ConstantAccessor<string, 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,14 +58,14 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         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, DataRecord>;
+        cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types/data").RawValue>>;
     }> & {
-        data: DataRecord[];
-        x: ChannelAccessor<DataRecord>;
-        y: ChannelAccessor<DataRecord>;
+        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?: number;
-        length?: ChannelAccessor<DataRecord>;
-        rotate?: ChannelAccessor<DataRecord>;
+        length?: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
+        rotate?: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
         anchor?: "start" | "middle" | "end";
         shape?: "arrow" | "spike" | "arrow-filled" | import("./Vector.svelte").ShapeRenderer;
         children?: import("svelte").Snippet;

package/dist/marks/Text.svelte

@@ -17,7 +17,7 @@
          * the font size of the text
          */
         fontFamily?: ConstantAccessor<CSS.Property.FontFamily, Datum>;
-        fontSize?: ConstantAccessor<CSS.Property.FontSize, Datum>;
+        fontSize?: ConstantAccessor<CSS.Property.FontSize | number, Datum>;
         fontWeight?: ConstantAccessor<CSS.Property.FontWeight, Datum>;
         fontStyle?: ConstantAccessor<CSS.Property.FontStyle, Datum>;
         fontVariant?: ConstantAccessor<CSS.Property.FontVariant, Datum>;
@@ -46,7 +46,8 @@
             | 'top-left'
             | 'bottom-left'
             | 'top-right'
-            | 'bottom-right',
+            | 'bottom-right'
+            | 'middle',
             Datum
         >;
         /**
@@ -75,7 +76,7 @@
         fontSize: 12,
         c: 500,
         strokeWidth: 1.6,
-        frameAnchor: 'center',
+        frameAnchor: 'middle' as const,
         lineHeight: 1.1,
         rotate: 0,
         ...getContext<PlotDefaults>('svelteplot/_defaults').text

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

@@ -72,7 +72,7 @@ declare class __sveltets_Render<Datum extends DataRecord> {
          * the font size of the text
          */
         fontFamily?: ConstantAccessor<CSS.Property.FontFamily, Datum>;
-        fontSize?: ConstantAccessor<CSS.Property.FontSize<0 | (string & {})>, Datum>;
+        fontSize?: ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (string & {}) | "small" | "medium" | "large" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
         fontWeight?: ConstantAccessor<CSS.Property.FontWeight, Datum>;
         fontStyle?: ConstantAccessor<CSS.Property.FontStyle, Datum>;
         fontVariant?: ConstantAccessor<CSS.Property.FontVariant, Datum>;
@@ -93,7 +93,7 @@ declare class __sveltets_Render<Datum extends DataRecord> {
          * @default 1.2
          */
         lineHeight?: ConstantAccessor<number, Datum>;
-        frameAnchor?: ConstantAccessor<"bottom" | "top" | "left" | "right" | "top-left" | "bottom-left" | "top-right" | "bottom-right", Datum>;
+        frameAnchor?: ConstantAccessor<"bottom" | "top" | "left" | "right" | "middle" | "top-left" | "bottom-left" | "top-right" | "bottom-right", Datum>;
         /**
          * rotate text by angle in degrees
          */

package/dist/marks/Vector.svelte

@@ -177,8 +177,6 @@
                 {#each scaledData as d, i (i)}
                     {@const r = resolveChannel('r', d.datum, { r: 3, ...args })}
                     {#if d.valid && isValid(r)}
-                        {@const dx = +resolveProp(args.dx, d.datum, 0)}
-                        {@const dy = +resolveProp(args.dx, d.datum, 0)}
                         {@const [style, styleClass] = resolveStyles(
                             plot,
                             d,
@@ -193,7 +191,7 @@
                         )}
                         <path
                             d={shapePath(shape, d.length, r)}
-                            transform="translate({d.x + dx}, {d.y + dy}) rotate({resolveProp(
+                            transform="translate({d.x}, {d.y}) rotate({resolveProp(
                                 args.rotate,
                                 d.datum,
                                 0

package/dist/marks/helpers/MultilineText.svelte

@@ -70,9 +70,6 @@
               ]
     );
 
-    const dx = $derived(+resolveProp(args.dx, d.datum, 0));
-    const dy = $derived(+resolveProp(args.dy, d.datum, 0));
-
     const [style, styleClass] = $derived(
         resolveStyles(
             plot,
@@ -126,9 +123,8 @@
         bind:this={textElement}
         class={[textClassName]}
         dominant-baseline={LINE_ANCHOR[lineAnchor]}
-        transform="translate({Math.round(x + dx)},{Math.round(
-            y +
-                dy -
+        transform="translate({Math.round(x)},{Math.round(
+            y -
                 (lineAnchor === 'bottom'
                     ? textLines.length - 1
                     : lineAnchor === 'middle'
@@ -148,7 +144,7 @@
     <text
         class={[textClassName, styleClass]}
         dominant-baseline={LINE_ANCHOR[lineAnchor]}
-        transform="translate({Math.round(x + dx)},{Math.round(y + dy)}) rotate({rotate})"
+        transform="translate({Math.round(x)},{Math.round(y)}) rotate({rotate})"
         {style}
         >{textLines[0]}{#if title}<title>{title}</title>{/if}</text>
 {/if}

package/dist/marks/helpers/RectPath.svelte

@@ -58,8 +58,6 @@ Helper component for rendering rectangular marks in SVG
     const { getPlotState } = getContext<PlotContext>('svelteplot');
     const plot = $derived(getPlotState());
 
-    const dx = $derived(+(resolveProp(options.dx, datum?.datum, 0) as number));
-    const dy = $derived(+(resolveProp(options.dy, datum?.datum, 0) as number));
     const inset = $derived(+(resolveProp(options.inset, datum?.datum, 0) as number));
     const insetLeft = $derived(
         +(resolveProp(
@@ -108,7 +106,7 @@ Helper component for rendering rectangular marks in SVG
 <Anchor {options} datum={datum?.datum}>
     {#if hasBorderRadius}
         <path
-            transform="translate({x + dx + insetLeft},{y + insetBottom + dy})"
+            transform="translate({x + insetLeft},{y + insetBottom})"
             d={roundedRect(
                 0,
                 0,
@@ -125,7 +123,7 @@ Helper component for rendering rectangular marks in SVG
             }} />
     {:else}
         <rect
-            transform="translate({x + dx + insetLeft},{y + insetBottom + dy})"
+            transform="translate({x + insetLeft},{y + insetBottom})"
             width={width - insetLeft - insetRight}
             height={height - insetTop - insetBottom}
             class={[styleClass, className]}

package/dist/transforms/bollinger.d.ts

@@ -11,69 +11,4 @@ export type BollingerOptions = {
 };
 export declare function bollingerX(args: TransformArg<DataRecord>, options?: BollingerOptions): TransformArg<DataRecord>;
 export declare function bollingerY(args: TransformArg<DataRecord>, options?: BollingerOptions): TransformArg<DataRecord>;
-export declare function bollingerDim(dim: 'x' | 'y', { data, ...channels }: TransformArg<DataRecord>, options?: BollingerOptions): {
-    filter?: import("../types/index.js").ConstantAccessor<boolean, DataRecord>;
-    facet?: "auto" | "include" | "exclude" | undefined;
-    fx?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    fy?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    dx?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    dy?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    fill?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    fillOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    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, DataRecord>;
-    stroke?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    strokeWidth?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    strokeOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, DataRecord>;
-    strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, DataRecord>;
-    strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    opacity?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    strokeDasharray?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
-    strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, DataRecord>;
-    clipPath?: string | undefined;
-    imageFilter?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
-    shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, DataRecord>;
-    paintOrder?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
-    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;
-    class?: string | null | undefined;
-    cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, DataRecord>;
-    data: {
-        __x: import("../types/index.js").RawValue;
-        __lo: number;
-        __avg: number;
-        __hi: number;
-    }[];
-};
+export declare function bollingerDim(dim: 'x' | 'y', { data, ...channels }: TransformArg<DataRecord>, options?: BollingerOptions): any;

package/dist/transforms/group.d.ts

@@ -38,29 +38,21 @@ 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): {
-    data: DataRecord[];
-};
+export declare function group({ data, ...channels }: TransformArg<T, DataRecord>, options?: GroupXOptions): any;
 /**
  * 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): {
-    data: DataRecord[];
-};
+export declare function groupX(input: TransformArg<T, DataRecord>, options?: GroupXOptions): any;
 /**
  * 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): {
-    data: DataRecord[];
-};
+export declare function groupY(input: TransformArg<T, DataRecord>, options?: GroupYOptions): any;
 /**
  * groups the dataset by the z channel and optionally reduces the group items
  * 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): {
-    data: DataRecord[];
-};
+export declare function groupZ(input: TransformArg<T, DataRecord>, options?: GroupZOptions): any;
 export {};