svelteplot 0.1.3-next.12 → 0.1.3-next.14

package/dist/helpers/index.d.ts

@@ -4,7 +4,7 @@ import type { Snippet } from 'svelte';
  * Returns first argument that is not null or undefined
  */
 export declare function coalesce(...args: (RawValue | undefined | null)[]): RawValue | null;
-export declare function testFilter(datum: DataRecord, options: Record<ChannelName, ChannelAccessor>): string | number | boolean | Date | null;
+export declare function testFilter(datum: DataRecord, options: Record<ChannelName, ChannelAccessor>): string | number | boolean | symbol | Date | null;
 export declare function randomId(): string;
 export declare function isSnippet(value: unknown): value is Snippet;
 export declare function isValid(value: RawValue | undefined): value is number | Date | string;

package/dist/helpers/resolve.js

@@ -51,7 +51,7 @@ function resolve(datum, accessor, channel, scale) {
             // so we're passing the original value to accessor functions instead of our wrapped record
             return accessor(datum.___orig___ != null ? datum.___orig___ : datum);
         // use accessor string
-        if (typeof accessor === 'string' && datum[accessor] !== undefined)
+        if ((typeof accessor === 'string' || typeof accessor === 'symbol') && datum[accessor] !== undefined)
             return datum[accessor];
         // fallback to channel name as accessor
         if (accessor === null && datum[channel] !== undefined)

package/dist/marks/Rect.svelte

@@ -51,8 +51,8 @@
     required={[]}
     channels={['x1', 'x2', 'y1', 'y2', 'fill', 'stroke', 'opacity', 'fillOpacity', 'strokeOpacity']}
     {...args}>
-    {#snippet children({ mark, usedScales, scaledData })}
-        <g class="rect">
+    {#snippet children({ usedScales, scaledData })}
+        <GroupMultiple class={scaledData.length > 1 ? 'rect' : null} length={scaledData.length}>
             {#each scaledData as d}
                 {#if d.valid}
                     {@const x1 = d.x1 == null ? plot.options.marginLeft : d.x1}
@@ -76,7 +76,7 @@
 
                     {@const [style, styleClass] = resolveStyles(plot, d, args, 'fill', usedScales)}
                     <rect
-                        class={[styleClass]}
+                        class={[scaledData.length === 1 && 'rect', styleClass]}
                         {style}
                         x={minx + insetL}
                         y={miny + insetT}
@@ -91,7 +91,7 @@
                         }} />
                 {/if}
             {/each}
-        </g>
+        </GroupMultiple>
     {/snippet}
 </Mark>
 

package/dist/types.d.ts

@@ -16,7 +16,7 @@ export type Mark<T> = {
 };
 export type ScaledChannelName = 'fill' | 'fillOpacity' | 'opacity' | 'r' | 'length' | 'stroke' | 'strokeOpacity' | 'symbol' | 'fx' | 'fy' | 'x' | 'x1' | 'x2' | 'y' | 'y1' | 'y2';
 export type ChannelName = ScaledChannelName | 'z' | 'sort' | 'filter' | 'interval';
-export type RawValue = number | Date | boolean | string;
+export type RawValue = number | Date | boolean | string | symbol;
 export type ScaleOptions = {
     /**
      * Override the automatic scale type detection.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svelteplot",
-    "version": "0.1.3-next.12",
+    "version": "0.1.3-next.14",
     "license": "ISC",
     "author": {
         "name": "Gregor Aisch",