svelteplot 0.2.9-pr-95.1 → 0.2.9-pr-104.0

package/dist/Mark.svelte

@@ -56,7 +56,7 @@
 
     const channelsWithFacets: ScaledChannelName[] = $derived([...channels, 'fx', 'fy']);
 
-    const { addMark, updateMark, updatePlotState, removeMark, getTopLevelFacet, getPlotState } =
+    const { addMark, removeMark, getTopLevelFacet, getPlotState } =
         getContext<PlotContext>('svelteplot');
 
     const plot = $derived(getPlotState());
@@ -258,16 +258,17 @@
                 if (options?.[channel] != null && out[channel] === undefined) {
                     // resolve value
                     const value = row[channel];
-
                     const scaled = usedScales[channel]
                         ? scale === 'x'
                             ? projectX(channel as 'x' | 'x1' | 'x2', plot.scales, value)
                             : scale === 'y'
                               ? projectY(channel as 'y' | 'y1' | 'y1', plot.scales, value)
-                              : plot.scales[scale].fn(value)
+                              : scale === 'color' && !isValid(value)
+                                ? plot.options.color.unknown
+                                : plot.scales[scale].fn(value)
                         : value;
 
-                    out.valid = out.valid && isValid(value);
+                    out.valid = out.valid && (scale === 'color' || isValid(value));
 
                     // apply dx/dy transform
                     out[channel] =

package/dist/Plot.svelte

@@ -117,7 +117,7 @@
             scales,
             ...restProps
         })}
-            <svelte:boundary onerror={(err) => console.warn(err)}>
+            <svelte:boundary onerror={(err) => console.error(err)}>
                 <!-- implicit axes -->
                 {#if !hasProjection && !hasExplicitAxisX}
                     {#if options.axes && (options.x.axis === 'top' || options.x.axis === 'both')}

package/dist/core/Plot.svelte

@@ -62,7 +62,7 @@
         initialWidth: 500,
         inset: 0,
         colorScheme: 'turbo',
-        unknown: '#cccccc',
+        unknown: '#cccccc99',
         dotRadius: 3,
         frame: false,
         axes: true,
@@ -450,7 +450,7 @@
                 padding: 0,
                 align: 0
             },
-            color: { type: 'auto' },
+            color: { type: 'auto', unknown: DEFAULTS.unknown },
             length: { type: 'linear' },
             symbol: { type: 'ordinal' },
             fx: { type: 'band', axis: 'top' },

package/dist/helpers/scales.js

@@ -54,8 +54,9 @@ export function createScale(name, scaleOptions, marks, plotOptions, plotWidth, p
         // we're deliberately checking for !== undefined and not for != null
         // since the explicit sort transforms like shuffle will set the
         // sort channel to null to we know that there's an explicit order
-        if (mark.channels.sort !== undefined)
+        if (name === 'x' && mark.options.sort != null) {
             sortOrdinalDomain = false;
+        }
         for (const channel of mark.channels) {
             // channelOptions can be passed as prop, but most often users will just
             // pass the channel accessor or constant value, so we may need to wrap

package/dist/marks/ColorLegend.svelte

@@ -167,6 +167,7 @@
     .swatch {
         display: inline-flex;
         align-items: center;
+        column-gap: 0.3rem;
     }
     .item-label {
         vertical-align: super;

package/dist/marks/Dot.svelte

@@ -51,7 +51,6 @@
 
     const { getTestFacet } = getContext<FacetContext>('svelteplot/facet');
     const { dotRadius } = getContext<PlotDefaults>('svelteplot/_defaults');
-    let testFacet = $derived(getTestFacet());
 
     const args = $derived(
         // todo: move sorting to Mark
@@ -84,7 +83,7 @@
     defaults={{ r: dotRadius, symbol: 'circle' }}
     {...args}>
     {#snippet children({ mark, usedScales, scaledData })}
-        <g class="dots {className || ''}">
+        <g class="dot {className || ''}">
             {#if canvas}
                 <DotCanvas data={scaledData} {mark} />
             {:else}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svelteplot",
-    "version": "0.2.9-pr-95.1",
+    "version": "0.2.9-pr-104.0",
     "license": "ISC",
     "author": {
         "name": "Gregor Aisch",