svelteplot 0.5.1-pr-245.3 → 0.5.1-pr-249.0

package/dist/marks/Area.svelte

@@ -14,6 +14,7 @@
         sort?: ConstantAccessor<RawValue> | { channel: 'stroke' | 'fill' };
         stack?: Partial<StackOptions>;
         canvas?: boolean;
+        areaClass?: ConstantAccessor<string, Datum>;
     }
 
     import Mark from '../Mark.svelte';
@@ -37,7 +38,6 @@
         ChannelAccessor,
         ScaledDataRecord,
         LinkableMarkProps,
-        PlotDefaults,
         RawValue
     } from '../types/index.js';
     import type { StackOptions } from '../transforms/stack.js';
@@ -59,6 +59,7 @@
         curve = 'linear' as CurveName,
         tension = 0,
         class: className = '',
+        areaClass,
         canvas = false,
         ...options
     }: AreaMarkProps = $derived({ ...DEFAULTS, ...markProps });
@@ -120,7 +121,7 @@
         {#if canvas}
             <AreaCanvas groupedAreaData={grouped} {mark} {usedScales} {areaPath} />
         {:else}
-            <GroupMultiple length={grouped.length}>
+            <GroupMultiple class={className} length={grouped.length}>
                 {#each grouped as areaData, i (i)}
                     {@const datum = areaData[0]}
                     {#if areaData.length > 0}
@@ -134,7 +135,11 @@
                                 usedScales
                             )}
                             <path
-                                class={['svelteplot-area', className, styleClass]}
+                                class={[
+                                    'area',
+                                    resolveProp(areaClass, areaData[0].datum),
+                                    styleClass
+                                ]}
                                 clip-path={options.clipPath}
                                 d={areaPath(areaData)}
                                 {@attach addEventHandlers({

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

@@ -79,6 +79,7 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         };
         stack?: Partial<StackOptions>;
         canvas?: boolean;
+        areaClass?: ConstantAccessor<string, Datum>;
     };
     events(): {};
     slots(): {};

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

@@ -77,6 +77,7 @@ declare class __sveltets_Render<Datum extends DataRow> {
         };
         stack?: Partial<renameChannels>;
         canvas?: boolean;
+        areaClass?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;
     }, "y1" | "y2"> & {
         x?: ChannelAccessor<Datum>;
         y?: ChannelAccessor<Datum>;

package/dist/transforms/stack.d.ts

@@ -5,7 +5,7 @@ export type StackOptions = {
     offset: null | StackOffset;
     order: null | StackOrder;
     reverse: boolean;
-};
+} | false;
 export declare function stackY<T>({ data, ...channels }: TransformArg<T>, opts?: Partial<StackOptions>): TransformArg<T>;
 export declare function stackX<T>({ data, ...channels }: TransformArg<T>, opts?: Partial<StackOptions>): TransformArg<T>;
 export declare function stackMosaicX<T>(args: any, opts: any): any;

package/dist/transforms/stack.js

@@ -38,6 +38,10 @@ const STACK_OFFSET = {
     normalize: stackOffsetExpand
 };
 function stackXY(byDim, data, channels, options) {
+    if (options === false) {
+        // no stacking
+        return { data, ...channels };
+    }
     // we need to stack the data for each facet separately
     const groupFacetsBy = [
         channels.fx != null ? 'fx' : null,
@@ -158,6 +162,8 @@ export function stackX({ data, ...channels }, opts = {}) {
     return stackXY('x', data, channels, applyDefaults(opts));
 }
 function applyDefaults(opts) {
+    if (opts === false)
+        return false;
     if (opts.offset === 'wiggle' && opts.order === undefined) {
         return { ...DEFAULT_STACK_OPTIONS, order: 'inside-out', ...opts };
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svelteplot",
-    "version": "0.5.1-pr-245.3",
+    "version": "0.5.1-pr-249.0",
     "license": "ISC",
     "author": {
         "name": "Gregor Aisch",