svelteplot 0.9.2-pr-341.0 → 0.9.2-pr-342.0

package/dist/marks/Vector.svelte

@@ -48,7 +48,7 @@
     import { getPlotDefaults } from '../hooks/plotDefaults.js';
     import { usePlot } from '../hooks/usePlot.svelte.js';
 
-    const defaultRadius = 3;
+    const defaultRadius = 3.5;
 
     // The size of the arrowhead is proportional to its length, but we still allow
     // the relative size of the head to be controlled via the mark's width option;
@@ -58,14 +58,14 @@
 
     let markProps: VectorMarkProps = $props();
     const DEFAULTS = {
-        ...getPlotDefaults().vector,
-        r: defaultRadius
+        ...getPlotDefaults().vector
     };
     const {
         data = [{}],
         canvas,
         shape = 'arrow',
         anchor = 'middle',
+        r = defaultRadius,
         ...options
     }: VectorMarkProps = $derived({
         ...DEFAULTS,
@@ -74,6 +74,9 @@
 
     const plot = usePlot();
 
+    const { getTestFacet } = getContext<FacetContext>('svelteplot/facet');
+    const testFacet = $derived(getTestFacet());
+
     const shapeArrow: ShapeRenderer = {
         draw(context: D3Path, l: number, r: number) {
             const wing = (l * r) / wingRatio;
@@ -165,14 +168,15 @@
         'strokeOpacity'
     ]}
     {...args}>
-    {#snippet children({ scaledData, usedScales })}
+    {#snippet children({ mark, scaledData, usedScales })}
         <g class="vector" data-l={usedScales.length}>
             {#if canvas}
                 <text x="30" y="30" style="color:red"
                     >implement canvas rendering for vector mark</text>
             {:else}
                 {#each scaledData as d, i (i)}
-                    {#if d.valid && isValid(d.r)}
+                    {@const r = resolveChannel('r', d.datum, { r: 3, ...args })}
+                    {#if d.valid && isValid(r)}
                         {@const [style, styleClass] = resolveStyles(
                             plot,
                             d,
@@ -186,7 +190,7 @@
                             usedScales
                         )}
                         <path
-                            d={shapePath(shape, d.length, d.r ?? r)}
+                            d={shapePath(shape, d.length, r)}
                             transform="translate({d.x}, {d.y}) rotate({resolveProp(
                                 args.rotate,
                                 d.datum,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svelteplot",
-    "version": "0.9.2-pr-341.0",
+    "version": "0.9.2-pr-342.0",
     "license": "ISC",
     "author": {
         "name": "Gregor Aisch",