svelteplot 0.8.1-pr-283.11 → 0.8.1-pr-298.0

package/dist/Mark.svelte

@@ -151,7 +151,7 @@
                     // check if the mark has defined an accessor for this channel
                     if (options?.[channel] !== undefined && out[channel] === undefined) {
                         // resolve value
-                        out[channel] = resolveChannel(channel, row, options, index);
+                        out[channel] = resolveChannel(channel, row, options);
                         if (options[channel] === INDEX) {
                             const scale = plot.scales[CHANNEL_SCALE[channel]];
                             if (scale.type === 'band' || scale.type === 'point') {

package/dist/Mark.svelte.d.ts

@@ -29,7 +29,6 @@ declare function $$render<Datum extends DataRecord>(): {
         strokeDashoffset: import("./types/index.js").ConstantAccessor<number, Datum>;
         mixBlendMode: import("./types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: import("./types/index.js").ConstantAccessor<string, Datum>;
         shapeRendering: import("./types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: import("./types/index.js").ConstantAccessor<string, Datum>;

package/dist/constants.d.ts

@@ -14,5 +14,3 @@ export declare const CSS_COLOR_CONTRAST: RegExp;
 export declare const CSS_RGBA: RegExp;
 export declare const CSS_URL: RegExp;
 export declare const INDEX: any;
-export declare const PI: number;
-export declare const TAU: number;

package/dist/constants.js

@@ -117,8 +117,6 @@ export const CSS_COLOR_CONTRAST = /^color-contrast\(/; // just check for prefix
 export const CSS_RGBA = /^rgba\(/; // just check for prefix
 export const CSS_URL = /^url\(#/; // just check for prefix
 export const INDEX = Symbol('index');
-export const PI = Math.PI;
-export const TAU = PI * 2;
 // export const CHANNEL_MAP: Record<ScaleName, ValueOf<typeof SCALE_TYPES>> = {
 // 	x: SCALE_TYPES.x,
 // 	y: SCALE_TYPES.y,

package/dist/helpers/projection.js

@@ -50,7 +50,7 @@ export function createProjection({ projOptions, inset: globalInset = 2, insetTop
     let transform;
     let invertTransform = (d) => d;
     // If a domain is specified, fit the projection to the frame.
-    if (domain != null && dx > 0 && dy > 0) {
+    if (domain != null) {
         const [[x0, y0], [x1, y1]] = geoPath(projInstance).bounds(domain);
         const k = Math.min(dx / (x1 - x0), dy / (y1 - y0));
         aspectRatio = (y1 - y0) / (x1 - x0);
@@ -66,14 +66,9 @@ export function createProjection({ projOptions, inset: globalInset = 2, insetTop
             invertTransform = ([x, y]) => [(x - tx) / k, (y - ty) / k];
         }
         else {
-            // eslint-disable-next-line no-console
-            console.warn(`Warning: the projection could not be fit to the specified domain; using the default scale.`);
+            throw new Error(`Warning: the projection could not be fit to the specified domain; using the default scale.`);
         }
     }
-    else if (domain != null) {
-        // eslint-disable-next-line no-console
-        console.warn(`Warning: the projection could not be fit to the specified domain; using the default scale.`);
-    }
     transform ??=
         tx === 0 && ty === 0
             ? identity()

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

@@ -29,7 +29,6 @@ declare function $$render<Datum extends DataRecord>(): {
         strokeDashoffset: ConstantAccessor<number, Datum>;
         mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: ConstantAccessor<string, Datum>;
         shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;

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

@@ -27,7 +27,6 @@ declare function $$render<Datum extends DataRow>(): {
         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;
-        mask: string;
         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>>;

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

@@ -28,7 +28,6 @@ declare function $$render<Datum extends DataRecord>(): {
         strokeDashoffset: ConstantAccessor<number, Datum>;
         mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: ConstantAccessor<string, Datum>;
         shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;

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

@@ -28,7 +28,6 @@ declare function $$render<Datum extends RawValue>(): {
         strokeDashoffset: ConstantAccessor<number, Datum>;
         mixBlendMode: ConstantAccessor<CSS.Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: ConstantAccessor<string, Datum>;
         shapeRendering: ConstantAccessor<CSS.Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;

package/dist/marks/AxisY.svelte

@@ -170,7 +170,7 @@
               : optionsLabel !== undefined
                 ? optionsLabel
                 : plot.scales.y.autoTitle
-                  ? `${!plot.options.y.reverse ? '↑' : '↓'} ${plot.scales.y.autoTitle}${plot.options.y.percent ? ' (%)' : ''}`
+                  ? `↑ ${plot.scales.y.autoTitle}${plot.options.y.percent ? ' (%)' : ''}`
                   : ''
     );
 

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

@@ -27,7 +27,6 @@ declare function $$render<Datum extends RawValue>(): {
         strokeDashoffset: ConstantAccessor<number, Datum>;
         mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: ConstantAccessor<string, Datum>;
         shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;

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

@@ -29,7 +29,6 @@ declare function $$render<Datum extends DataRow>(): {
         strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Datum>;
         mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: import("../types/index.js").ConstantAccessor<string, Datum>;
         shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: import("../types/index.js").ConstantAccessor<string, Datum>;

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

@@ -28,7 +28,6 @@ declare function $$render<Datum extends DataRow>(): {
         strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Datum>;
         mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: import("../types/index.js").ConstantAccessor<string, Datum>;
         shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: import("../types/index.js").ConstantAccessor<string, Datum>;

package/dist/marks/BoxX.svelte

@@ -4,14 +4,10 @@
 
 <script lang="ts">
     interface BoxXMarkProps extends ComponentProps<typeof BoxY> {}
-    import GroupMultiple from './helpers/GroupMultiple.svelte';
-    import { BarX, TickX, RuleY, Dot, groupY } from '../index.js';
-    import { resolveChannel } from '../helpers/resolve.js';
     import { type ComponentProps } from 'svelte';
+    import Box from './helpers/Box.svelte';
     import type BoxY from './BoxY.svelte';
     import { getPlotDefaults } from '../hooks/plotDefaults.js';
-    import { IS_SORTED } from '../transforms/sort';
-    import { sort } from 'd3-array';
 
     let markProps: BoxXMarkProps = $props();
 
@@ -22,141 +18,10 @@
         ...getPlotDefaults().boxX
     };
 
-    const {
-        data = [{}],
-        bar,
-        rule,
-        tickMedian,
-        tickMinMax,
-        dot,
-        x,
-        y,
-        fx,
-        fy,
-        fill,
-        stroke,
-        class: className = ''
-    }: BoxXMarkProps = $derived({
+    const props: BoxXMarkProps & { class?: string } = $derived({
         ...DEFAULTS,
         ...markProps
     });
-
-    const { data: grouped, ...groupChannels } = $derived(
-        groupY(
-            {
-                data: data.filter((d) => resolveChannel('x', d, { x, y }) != null),
-                x,
-                y,
-                x1: x,
-                x2: x,
-                fx,
-                fy
-            },
-            { x: 'median', x1: 'p25', x2: 'p75', fill: (rows) => rows }
-        )
-    );
-
-    const X = Symbol('x'),
-        Y = Symbol('y'),
-        FX = Symbol('fx'),
-        FY = Symbol('fy'),
-        P25 = Symbol('p25'),
-        P75 = Symbol('p75'),
-        MEDIAN = Symbol('median'),
-        MIN = Symbol('min'),
-        MAX = Symbol('max'),
-        OUTLIERS = Symbol('outliers');
-
-    const facets = $derived({
-        ...(fx != null && { fx: FX }),
-        ...(fy != null && { fy: FY })
-    });
-
-    const sortProps = { [IS_SORTED]: true };
-
-    const boxData = $derived(
-        grouped
-            .map((row) => {
-                const { x: median, x1: p25, x2: p75, fill: fill, y: ry } = groupChannels;
-
-                const iqr = row[p75] - row[p25];
-                const whisker = iqr * 1.5;
-                const lower = row[p25] - whisker;
-                const upper = row[p75] + whisker;
-                const data = row[fill].map((d) => ({
-                    ...d,
-                    [X]: resolveChannel('x', d, { x, y })
-                }));
-                const outliers = data.filter((d) => d[X] < lower || d[X] > upper);
-                const inside = data
-                    .filter((d) => d[X] >= lower && d[X] <= upper)
-                    .sort((a, b) => a[X] - b[X]);
-
-                // if (inside.length === 0) console.log('No data inside boxplot', data, row, lower, upper);
-                return {
-                    ...data[0],
-                    [Y]: row[ry],
-                    [P25]: row[p25],
-                    [MEDIAN]: row[median],
-                    [P75]: row[p75],
-                    [MIN]: inside[0][X],
-                    [MAX]: inside.at(-1)[X],
-                    [FX]: resolveChannel('fx', data[0], { fx }, null),
-                    [FY]: resolveChannel('fy', data[0], { fy }, null),
-                    [OUTLIERS]: outliers
-                };
-            })
-            .sort((a, b) => b[MEDIAN] - a[MEDIAN])
-    );
 </script>
 
-<GroupMultiple class="box-x {className || ''}" length={className ? 2 : grouped.length}>
-    <RuleY
-        data={boxData}
-        y={Y}
-        x1={MIN}
-        x2={P25}
-        {stroke}
-        {...rule || {}}
-        {...facets}
-        {...sortProps} />
-    <RuleY data={boxData} y={Y} x1={P75} x2={MAX} {stroke} {...rule || {}} {...facets} />
-    <BarX data={boxData} y={Y} x1={P25} x2={P75} {fill} {stroke} {...facets} {...bar || {}} />
-    {#if tickMedian}
-        <TickX
-            data={boxData}
-            y={Y}
-            x={MEDIAN}
-            {...facets}
-            {stroke}
-            strokeWidth={2}
-            {...typeof tickMedian === 'object' ? tickMedian : {}} />
-    {/if}
-    {#if tickMinMax}
-        <TickX
-            data={boxData}
-            x={MIN}
-            y={Y}
-            {stroke}
-            {...facets}
-            inset="20%"
-            {...typeof tickMinMax === 'object' ? tickMinMax : {}} />
-        <TickX
-            data={boxData}
-            x={MAX}
-            y={Y}
-            {stroke}
-            {...facets}
-            inset="20%"
-            {...typeof tickMinMax === 'object' ? tickMinMax : {}} />
-    {/if}
-    <Dot
-        data={boxData.map((d) => d[OUTLIERS]).flat()}
-        {x}
-        {y}
-        {fx}
-        {fy}
-        {fill}
-        {stroke}
-        {...dot || {}} />
-</GroupMultiple>
+<Box {...props} orientation="x" />

package/dist/marks/BoxY.svelte

@@ -9,6 +9,10 @@
         data: Datum[];
         x: ChannelAccessor;
         y: ChannelAccessor;
+        /**
+         * Custom sort order for grouped box plot data
+         */
+        sort?: 'min' | 'max' | 'median' | 'p25' | 'p75' | ((d: Datum) => RawValue);
         /**
          * Options for the rule marks that represent the min/max range
          */
@@ -30,12 +34,9 @@
          */
         dot: Record<string, ChannelAccessor<Datum>>;
     }
-    import GroupMultiple from './helpers/GroupMultiple.svelte';
-    import { groupX, BarY, TickY, RuleX, Dot } from '../index.js';
-    import { resolveChannel } from '../helpers/resolve.js';
     import { getPlotDefaults } from '../hooks/plotDefaults.js';
-    import type { BaseMarkProps, ChannelAccessor, DataRecord } from '../types';
-    import { IS_SORTED } from '../transforms/sort';
+    import Box from './helpers/Box.svelte';
+    import type { BaseMarkProps, ChannelAccessor, DataRecord, RawValue } from '../types';
 
     let markProps: BoxYMarkProps = $props();
 
@@ -46,140 +47,10 @@
         ...getPlotDefaults().boxY
     };
 
-    const {
-        data = [{}],
-        bar,
-        rule,
-        tickMedian,
-        tickMinMax,
-        dot,
-        x,
-        y,
-        fx,
-        fy,
-        fill,
-        stroke,
-        class: className = ''
-    }: BoxYMarkProps = $derived({
+    const props: BoxYMarkProps & { class?: string } = $derived({
         ...DEFAULTS,
         ...markProps
     });
-
-    const { data: grouped, ...groupChannels } = $derived(
-        groupX(
-            {
-                data: data.filter((d) => resolveChannel('x', d, { x, y }) != null),
-                x,
-                y,
-                y1: y,
-                y2: y,
-                fx,
-                fy
-            },
-            { y: 'median', y1: 'p25', y2: 'p75', fill: (rows) => rows }
-        )
-    );
-
-    const X = Symbol('x'),
-        Y = Symbol('y'),
-        FX = Symbol('fx'),
-        FY = Symbol('fy'),
-        P25 = Symbol('p25'),
-        P75 = Symbol('p75'),
-        MEDIAN = Symbol('median'),
-        MIN = Symbol('min'),
-        MAX = Symbol('max'),
-        OUTLIERS = Symbol('outliers');
-
-    const facets = $derived({
-        ...(fx != null && { fx: FX }),
-        ...(fy != null && { fy: FY })
-    });
-
-    const sortProps = { [IS_SORTED]: true };
-
-    const boxData = $derived(
-        grouped
-            .map((row) => {
-                const { y: median, y1: p25, y2: p75, fill: fill, x: rx } = groupChannels;
-
-                const iqr = row[p75] - row[p25];
-                const whisker = iqr * 1.5;
-                const lower = row[p25] - whisker;
-                const upper = row[p75] + whisker;
-                const data = row[fill].map((d) => ({
-                    ...d,
-                    [Y]: resolveChannel('y', d, { x, y })
-                }));
-                const outliers = data.filter((d) => d[Y] < lower || d[Y] > upper);
-                const inside = data
-                    .filter((d) => d[Y] >= lower && d[Y] <= upper)
-                    .sort((a, b) => a[Y] - b[Y]);
-
-                return {
-                    ...data[0],
-                    [X]: row[rx],
-                    [P25]: row[p25],
-                    [MEDIAN]: row[median],
-                    [P75]: row[p75],
-                    [MIN]: inside[0][Y],
-                    [MAX]: inside.at(-1)[Y],
-                    [FX]: resolveChannel('fx', data[0], { fx }, null),
-                    [FY]: resolveChannel('fy', data[0], { fy }, null),
-                    [OUTLIERS]: outliers
-                };
-            })
-            .sort((a, b) => b[MEDIAN] - a[MEDIAN])
-    );
 </script>
 
-<GroupMultiple class="box-y {className || ''}" length={className ? 2 : grouped.length}>
-    <RuleX
-        data={boxData}
-        x={X}
-        y1={MIN}
-        y2={P25}
-        {stroke}
-        {...sortProps}
-        {...rule || {}}
-        {...facets} />
-    <RuleX data={boxData} x={X} y1={P75} y2={MAX} {stroke} {...rule || {}} {...facets} />
-    <BarY data={boxData} x={X} y1={P25} y2={P75} {fill} {stroke} {...facets} {...bar || {}} />
-    {#if tickMedian}
-        <TickY
-            data={boxData}
-            x={X}
-            y={MEDIAN}
-            {...facets}
-            {stroke}
-            strokeWidth={2}
-            {...typeof tickMedian === 'object' ? tickMedian : {}} />
-    {/if}
-    {#if tickMinMax}
-        <TickY
-            data={boxData}
-            x={X}
-            y={MIN}
-            {stroke}
-            {...facets}
-            inset="20%"
-            {...typeof tickMinMax === 'object' ? tickMinMax : {}} />
-        <TickY
-            data={boxData}
-            x={X}
-            y={MAX}
-            {stroke}
-            {...facets}
-            inset="20%"
-            {...typeof tickMinMax === 'object' ? tickMinMax : {}} />
-    {/if}
-    <Dot
-        data={boxData.map((d) => d[OUTLIERS]).flat()}
-        {x}
-        {y}
-        {fx}
-        {fy}
-        {fill}
-        {stroke}
-        {...dot || {}} />
-</GroupMultiple>
+<Box {...props} orientation="y" />

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

@@ -1,9 +1,13 @@
-import type { ChannelAccessor, DataRecord } from '../types';
+import type { ChannelAccessor, DataRecord, RawValue } from '../types';
 declare function $$render<Datum extends DataRecord>(): {
     props: Pick<BaseMarkProps<Datum>, "fill" | "stroke" | "fx" | "fy" | "class"> & {
         data: Datum[];
         x: ChannelAccessor;
         y: ChannelAccessor;
+        /**
+         * Custom sort order for grouped box plot data
+         */
+        sort?: "min" | "max" | "median" | "p25" | "p75" | ((d: Datum) => RawValue);
         /**
          * Options for the rule marks that represent the min/max range
          */

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

@@ -27,7 +27,6 @@ declare function $$render<Datum extends DataRecord>(): {
         strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Datum>;
         mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: import("../types/index.js").ConstantAccessor<string, Datum>;
         shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: import("../types/index.js").ConstantAccessor<string, Datum>;

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

@@ -28,7 +28,6 @@ declare function $$render<Datum extends DataRecord>(): {
         strokeDashoffset: ConstantAccessor<number, Datum>;
         mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: ConstantAccessor<string, Datum>;
         shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;

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

@@ -27,7 +27,6 @@ declare function $$render<Datum extends DataRow>(): {
         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;
-        mask: string;
         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>>;

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

@@ -27,7 +27,6 @@ declare function $$render<Datum extends DataRow>(): {
         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;
-        mask: string;
         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>>;

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

@@ -27,7 +27,6 @@ declare function $$render<Datum extends DataRecord>(): {
         strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Datum>;
         mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: import("../types/index.js").ConstantAccessor<string, Datum>;
         shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: import("../types/index.js").ConstantAccessor<string, Datum>;

package/dist/marks/Geo.svelte

@@ -21,7 +21,6 @@
          * radius for point features
          */
         r?: ChannelAccessor<Datum>;
-        svgFilter?: ConstantAccessor<string | undefined, Datum>;
     }
     import { getContext } from 'svelte';
     import type {
@@ -112,7 +111,6 @@
                                 d={path(geometry)}
                                 {style}
                                 class={[styleClass]}
-                                filter={resolveProp(args.svgFilter, d.datum, undefined)}
                                 {@attach addEventHandlers({
                                     getPlotState,
                                     options: args,

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

@@ -27,7 +27,6 @@ declare function $$render<Datum = DataRecord | GeoJSON.GeoJsonObject>(): {
         strokeDashoffset: ConstantAccessor<number, Datum>;
         mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: ConstantAccessor<string, Datum>;
         shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;
@@ -85,7 +84,6 @@ declare function $$render<Datum = DataRecord | GeoJSON.GeoJsonObject>(): {
          * radius for point features
          */
         r?: ChannelAccessor<Datum>;
-        svgFilter?: ConstantAccessor<string | undefined, Datum>;
     };
     exports: {};
     bindings: "";

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

@@ -27,7 +27,6 @@ declare function $$render<Datum = RawValue>(): {
         strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Datum>;
         mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: import("../types/index.js").ConstantAccessor<string, Datum>;
         shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: import("../types/index.js").ConstantAccessor<string, Datum>;

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

@@ -27,7 +27,6 @@ declare function $$render<Datum = RawValue>(): {
         strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Datum>;
         mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: import("../types/index.js").ConstantAccessor<string, Datum>;
         shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: import("../types/index.js").ConstantAccessor<string, Datum>;

package/dist/marks/Line.svelte

@@ -76,10 +76,7 @@
 
     const args = $derived(sort(recordizeXY({ data, ...options })));
 
-    /**
-     * Groups the data by the specified key
-     */
-    function groupIndex(data: ScaledDataRecord[], groupByKey: ChannelAccessor<Datum> | null) {
+    function groupIndex(data: ScaledDataRecord[], groupByKey) {
         if (!groupByKey) return [data];
         let group = [];
         const groups = [group];
@@ -98,7 +95,7 @@
         return groups;
     }
 
-    const groupByKey = $derived(args.z || args.stroke) as ChannelAccessor<Datum> | null;
+    const groupByKey = $derived(args.z || args.stroke);
 
     const { getPlotState } = getContext<PlotContext>('svelteplot');
     const plot = $derived(getPlotState());

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

@@ -29,7 +29,6 @@ declare function $$render<Datum extends DataRecord>(): {
         strokeDashoffset: ConstantAccessor<number, Datum>;
         mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: ConstantAccessor<string, Datum>;
         shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;

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

@@ -27,7 +27,6 @@ declare function $$render<Datum extends DataRow>(): {
         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;
-        mask: string;
         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>>;

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

@@ -27,7 +27,6 @@ declare function $$render<Datum extends DataRow>(): {
         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;
-        mask: string;
         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>>;

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

@@ -28,7 +28,6 @@ declare function $$render<Datum extends DataRecord>(): {
         strokeDashoffset: ConstantAccessor<number, Datum>;
         mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: ConstantAccessor<string, Datum>;
         shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;

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

@@ -27,7 +27,6 @@ declare function $$render<Datum extends DataRecord>(): {
         strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Datum>;
         mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: import("../types/index.js").ConstantAccessor<string, Datum>;
         shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: import("../types/index.js").ConstantAccessor<string, Datum>;