svelteplot 0.5.3-pr-255.0 → 0.5.3-pr-255.2

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

@@ -76,7 +76,7 @@ declare class __sveltets_Render<Datum extends DataRecord> {
          * the font size of the text
          */
         fontFamily?: ConstantAccessor<CSS.Property.FontFamily, Datum>;
-        fontSize?: ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (string & {}) | "small" | "medium" | "large" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontSize?: ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (string & {}) | "small" | "math" | "large" | "medium" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
         fontWeight?: ConstantAccessor<CSS.Property.FontWeight, Datum>;
         fontStyle?: ConstantAccessor<CSS.Property.FontStyle, Datum>;
         fontVariant?: ConstantAccessor<CSS.Property.FontVariant, Datum>;

package/dist/marks/WaffleX.svelte

@@ -7,7 +7,8 @@
         DataRecord,
         BaseMarkProps,
         ChannelAccessor,
-        LinkableMarkProps
+        LinkableMarkProps,
+        BorderRadius
     } from '../types';
     import { wafflePolygon, type WaffleOptions } from './helpers/waffle';
     import { getPlotDefaults } from '../hooks/plotDefaults';
@@ -15,11 +16,13 @@
     import type { StackOptions } from '../transforms/stack';
     import Mark from '../Mark.svelte';
     import { getContext } from 'svelte';
+    import { resolveProp, resolveStyles } from '../helpers/resolve';
+    import { roundedRect } from '../helpers/roundedRect';
 
     interface WaffleXMarkProps
         extends BaseMarkProps<Datum>,
             LinkableMarkProps<Datum>,
-            WaffleOptions {
+            WaffleOptions<Datum> {
         data?: Datum[];
         /**
          * bound to a quantitative scale
@@ -52,6 +55,7 @@
         data = [{} as Datum],
         class: className = null,
         stack,
+        symbol = null,
         unit,
         ...options
     }: WaffleXMarkProps = $derived({ ...DEFAULTS, ...markProps });
@@ -79,10 +83,30 @@
     {#snippet children({ mark, usedScales, scaledData })}
         {@const wafflePoly = wafflePolygon('x', args, plot.scales)}
         {#each scaledData as d, i (i)}
+            {@const borderRadius = resolveProp(args.borderRadius, d?.datum, 0) as BorderRadius}
+            {@const hasBorderRadius =
+                (typeof borderRadius === 'number' && borderRadius > 0) ||
+                (typeof borderRadius === 'object' &&
+                    Math.max(
+                        borderRadius.topRight ?? 0,
+                        borderRadius.bottomRight ?? 0,
+                        borderRadius.topLeft ?? 0,
+                        borderRadius.bottomLeft ?? 0
+                    ) > 0)}
+            {@const [style, styleClass] = resolveStyles(plot, d, options, 'fill', usedScales)}
             {@const { pattern, rect, path } = wafflePoly(d)}
-            <g>
+            <g class={['waffle-x', className]}>
                 <pattern {...pattern}>
-                    <rect {...rect} fill="currentColor" />
+                    {#if symbol}
+                        {@render symbol(rect)}
+                    {:else if hasBorderRadius}
+                        <path
+                            d={roundedRect(rect.x, rect.y, rect.width, rect.height, borderRadius)}
+                            {style}
+                            class={styleClass} />
+                    {:else}
+                        <rect {style} class={styleClass} {...rect} />
+                    {/if}
                 </pattern>
                 <path {...path} />
             </g>

package/dist/marks/WaffleY.svelte

@@ -8,18 +8,22 @@
         ChannelAccessor,
         BaseMarkProps,
         LinkableMarkProps,
-        PlotContext
+        PlotContext,
+        BorderRadius
     } from '../types';
     import { wafflePolygon, type WaffleOptions } from './helpers/waffle';
     import { getPlotDefaults } from '../hooks/plotDefaults';
     import { getContext } from 'svelte';
     import { intervalY, recordizeY, sort, stackY } from '../transforms';
     import Mark from '../Mark.svelte';
+    import { resolveProp, resolveStyles } from '../helpers/resolve';
+    import { roundedRect } from '../helpers/roundedRect';
+    import GroupMultiple from './helpers/GroupMultiple.svelte';
 
     interface WaffleYMarkProps
         extends BaseMarkProps<Datum>,
             LinkableMarkProps<Datum>,
-            WaffleOptions {
+            WaffleOptions<Datum> {
         data?: Datum[];
         /**
          * bound to a babd scale
@@ -37,11 +41,9 @@
          * bound to a quantitative scale
          */
         y2?: ChannelAccessor<Datum>;
-        stack?: StackOptions;
     }
 
     const DEFAULTS = {
-        fill: 'currentColor',
         ...getPlotDefaults().waffle,
         ...getPlotDefaults().waffleY
     };
@@ -52,6 +54,7 @@
         data = [{} as Datum],
         class: className = null,
         stack,
+        symbol = null,
         ...options
     }: WaffleYMarkProps = $derived({ ...DEFAULTS, ...markProps });
 
@@ -68,8 +71,6 @@
             stack
         )
     );
-
-    $inspect({ args, options });
 </script>
 
 <Mark
@@ -80,10 +81,36 @@
     {#snippet children({ mark, usedScales, scaledData })}
         {@const wafflePoly = wafflePolygon('y', args, plot.scales)}
         {#each scaledData as d, i (i)}
+            {@const [style, styleClass] = resolveStyles(
+                plot,
+                d,
+                args,
+                args.stroke && !args.fill ? 'stroke' : 'fill',
+                usedScales
+            )}
+            {@const borderRadius = resolveProp(args.borderRadius, d?.datum, 0) as BorderRadius}
+            {@const hasBorderRadius =
+                (typeof borderRadius === 'number' && borderRadius > 0) ||
+                (typeof borderRadius === 'object' &&
+                    Math.max(
+                        borderRadius.topRight ?? 0,
+                        borderRadius.bottomRight ?? 0,
+                        borderRadius.topLeft ?? 0,
+                        borderRadius.bottomLeft ?? 0
+                    ) > 0)}
             {@const { pattern, rect, path } = wafflePoly(d)}
-            <g>
+            <g class={['waffle-y', className]}>
                 <pattern {...pattern}>
-                    <rect {...rect} fill="currentColor" />
+                    {#if symbol}
+                        {@render symbol({ ...rect, style, styleClass, datum: d.datum })}
+                    {:else if hasBorderRadius}
+                        <path
+                            d={roundedRect(rect.x, rect.y, rect.width, rect.height, borderRadius)}
+                            {style}
+                            class={styleClass} />
+                    {:else}
+                        <rect {style} class={styleClass} {...rect} />
+                    {/if}
                 </pattern>
                 <path {...path} />
             </g>

package/dist/marks/helpers/Anchor.svelte

@@ -1,7 +1,21 @@
-<script>
+<script lang="ts" generics="Datum extends Record<string, any>">
     import { resolveProp } from '../../helpers/resolve.js';
+    import type { ConstantAccessor } from '../../types';
 
-    let { datum = {}, options = {}, children } = $props();
+    interface AnchorProps {
+        datum?: Datum;
+        options?: {
+            href?: ConstantAccessor<string, Datum>;
+            target?: ConstantAccessor<string, Datum>;
+            rel?: ConstantAccessor<string, Datum>;
+            type?: ConstantAccessor<string, Datum>;
+            download?: ConstantAccessor<string, Datum>;
+            [key: string]: any;
+        };
+        children?: () => any;
+    }
+
+    let { datum = {}, options = {}, children }: AnchorProps = $props();
 
     const href = $derived(resolveProp(options.href, datum, null));
     const target = $derived(resolveProp(options.target, datum, null));

package/dist/marks/helpers/Anchor.svelte.d.ts

@@ -1,15 +1,29 @@
+import type { ConstantAccessor } from '../../types';
+declare class __sveltets_Render<Datum extends Record<string, any>> {
+    props(): {
+        datum?: Datum | undefined;
+        options?: {
+            [key: string]: any;
+            href?: ConstantAccessor<string, Datum_1>;
+            target?: ConstantAccessor<string, Datum_1>;
+            rel?: ConstantAccessor<string, Datum_1>;
+            type?: ConstantAccessor<string, Datum_1>;
+            download?: ConstantAccessor<string, Datum_1>;
+        } | undefined;
+        children?: (() => any) | undefined;
+    };
+    events(): {};
+    slots(): {};
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <Datum extends Record<string, any>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Datum>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Datum>['props']>, ReturnType<__sveltets_Render<Datum>['events']>, ReturnType<__sveltets_Render<Datum>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<Datum>['bindings']>;
+    } & ReturnType<__sveltets_Render<Datum>['exports']>;
+    <Datum extends Record<string, any>>(internal: unknown, props: ReturnType<__sveltets_Render<Datum>['props']> & {}): ReturnType<__sveltets_Render<Datum>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Anchor: $$IsomorphicComponent;
+type Anchor<Datum extends Record<string, any>> = InstanceType<typeof Anchor<Datum>>;
 export default Anchor;
-type Anchor = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
-declare const Anchor: import("svelte").Component<{
-    datum?: Record<string, any>;
-    options?: Record<string, any>;
-    children: any;
-}, {}, "">;
-type $$ComponentProps = {
-    datum?: Record<string, any>;
-    options?: Record<string, any>;
-    children: any;
-};

package/dist/marks/helpers/BaseAxisX.svelte

@@ -17,6 +17,7 @@
     import { randomId, testFilter } from '../../helpers/index.js';
     import { INDEX } from '../../constants';
     import { RAW_VALUE } from '../../transforms/recordize';
+    import wordwrap from '../../helpers/wordwrap';
 
     type BaseAxisXProps = {
         scaleFn: (d: RawValue) => number;
@@ -35,7 +36,9 @@
             dx: ConstantAccessor<number>;
             dy: ConstantAccessor<number>;
             filter: ChannelAccessor;
+            wordwrap: boolean;
             textAnchor: ConstantAccessor<'start' | 'middle' | 'end'> | 'auto';
+            removeDuplicateTicks: boolean;
         };
         text: boolean;
         plot: PlotState;
@@ -59,8 +62,21 @@
         text = true
     }: BaseAxisXProps = $props();
 
+    const isBandScale = $derived(scaleType === 'band');
+    const bandWidth = $derived(isBandScale ? scaleFn.bandwidth() : 0);
+
     function splitTick(tick: string | string[]) {
-        return Array.isArray(tick) ? tick : [tick];
+        return Array.isArray(tick)
+            ? tick
+            : typeof tick === 'string' && isBandScale && options.wordwrap !== false
+              ? wordwrap(
+                    tick,
+                    { maxLineWidth: bandWidth * 0.9 },
+                    { minCharactersPerLine: 4 },
+                    +resolveProp(tickFontSize, {}, 11),
+                    false
+                )
+              : [tick];
     }
 
     let tickRotate = $derived(plot.options.x.tickRotate || 0);
@@ -72,7 +88,7 @@
     // generate id used for registering margins
     const id = randomId();
 
-    const { autoMarginTop, autoMarginBottom } =
+    const { autoMarginTop, autoMarginBottom, autoMarginLeft, autoMarginRight } =
         getContext<AutoMarginStores>('svelteplot/autoMargins');
 
     let tickTextElements = $state([] as SVGTextElement[]);
@@ -109,6 +125,14 @@
         return tickObjects as ScaledDataRecord[];
     });
 
+    $effect(() => {
+        // just add some minimal horizontal margins for axis ticks
+        untrack(() => $autoMarginLeft);
+        untrack(() => $autoMarginRight);
+        $autoMarginLeft.set(id, 5);
+        $autoMarginRight.set(id, 5);
+    });
+
     $effect(() => {
         untrack(() => [$autoMarginTop, $autoMarginBottom]);
         if (!text) return;
@@ -147,6 +171,8 @@
         return () => {
             if ($autoMarginBottom.has(id)) $autoMarginBottom.delete(id);
             if ($autoMarginTop.has(id)) $autoMarginTop.delete(id);
+            if ($autoMarginLeft.has(id)) $autoMarginLeft.delete(id);
+            if ($autoMarginRight.has(id)) $autoMarginRight.delete(id);
         };
     });
 </script>
@@ -222,7 +248,9 @@
                             {:else}
                                 {#each textLines as line, i (i)}
                                     <tspan x="0" dy={i ? 12 : 0}
-                                        >{!prevTextLines || prevTextLines[i] !== line
+                                        >{!prevTextLines ||
+                                        prevTextLines[i] !== line ||
+                                        options.removeDuplicateTicks === false
                                             ? line
                                             : ''}</tspan>
                                 {/each}

package/dist/marks/helpers/BaseAxisX.svelte.d.ts

@@ -16,7 +16,9 @@ type BaseAxisXProps = {
         dx: ConstantAccessor<number>;
         dy: ConstantAccessor<number>;
         filter: ChannelAccessor;
+        wordwrap: boolean;
         textAnchor: ConstantAccessor<'start' | 'middle' | 'end'> | 'auto';
+        removeDuplicateTicks: boolean;
     };
     text: boolean;
     plot: PlotState;

package/dist/marks/helpers/waffle.d.ts

@@ -1,6 +1,8 @@
-import type { PlotScales, ScaledDataRecord } from '../../types';
+import type { Snippet } from 'svelte';
+import type { StackOptions } from '../../transforms/stack';
+import type { BorderRadius, ConstantAccessor, PlotScales, ScaledDataRecord } from '../../types';
 type Point = [number, number];
-export type WaffleOptions = {
+export type WaffleOptions<T> = {
     /**
      * the quantity represented by each square in the waffle chart, defaults to 1
      */
@@ -17,6 +19,19 @@ export type WaffleOptions = {
      * whether to round values to avoid partial cells; defaults to false
      */
     round?: boolean;
+    stack?: StackOptions;
+    borderRadius?: ConstantAccessor<BorderRadius, T>;
+    symbol?: Snippet<[
+        {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            style: string | null;
+            styleClass: string | null;
+            datum: T;
+        }
+    ]>;
 };
 type WaffleProps = {
     pattern: {

package/dist/marks/helpers/waffle.js

@@ -66,7 +66,6 @@ export function wafflePolygon(y, options, scales) {
         const y2val = d.resolved[y2];
         const P = wafflePoints(round(y1val / unit), round(y2val / unit), multiple).map(transform);
         const c = P.pop();
-        console.log({ c, P, xv, y1val, y2val });
         const id = getPatternId();
         const pos = [d[x] + tx + mx, y0];
         return {

package/dist/marks/index.d.ts

@@ -27,12 +27,12 @@ export { default as Geo } from './Geo.svelte';
 export { default as Graticule } from './Graticule.svelte';
 export { default as GridX } from './GridX.svelte';
 export { default as GridY } from './GridY.svelte';
+export { default as Image } from './Image.svelte';
 export { default as Line } from './Line.svelte';
 export { default as LineX } from './LineX.svelte';
 export { default as LineY } from './LineY.svelte';
 export { default as Link } from './Link.svelte';
 export { default as Pointer } from './Pointer.svelte';
-export { default as Vector } from './Vector.svelte';
 export { default as Rect } from './Rect.svelte';
 export { default as RectX } from './RectX.svelte';
 export { default as RectY } from './RectY.svelte';
@@ -45,6 +45,7 @@ export { default as Spike } from './Spike.svelte';
 export { default as Text } from './Text.svelte';
 export { default as TickX } from './TickX.svelte';
 export { default as TickY } from './TickY.svelte';
+export { default as Vector } from './Vector.svelte';
 export { default as WaffleX } from './WaffleX.svelte';
 export { default as WaffleY } from './WaffleY.svelte';
 export { default as ColorLegend } from './ColorLegend.svelte';

package/dist/marks/index.js

@@ -27,12 +27,12 @@ export { default as Geo } from './Geo.svelte';
 export { default as Graticule } from './Graticule.svelte';
 export { default as GridX } from './GridX.svelte';
 export { default as GridY } from './GridY.svelte';
+export { default as Image } from './Image.svelte';
 export { default as Line } from './Line.svelte';
 export { default as LineX } from './LineX.svelte';
 export { default as LineY } from './LineY.svelte';
 export { default as Link } from './Link.svelte';
 export { default as Pointer } from './Pointer.svelte';
-export { default as Vector } from './Vector.svelte';
 export { default as Rect } from './Rect.svelte';
 export { default as RectX } from './RectX.svelte';
 export { default as RectY } from './RectY.svelte';
@@ -45,6 +45,7 @@ export { default as Spike } from './Spike.svelte';
 export { default as Text } from './Text.svelte';
 export { default as TickX } from './TickX.svelte';
 export { default as TickY } from './TickY.svelte';
+export { default as Vector } from './Vector.svelte';
 export { default as WaffleX } from './WaffleX.svelte';
 export { default as WaffleY } from './WaffleY.svelte';
 // HTML marks

package/dist/transforms/centroid.d.ts

@@ -1,8 +1,5 @@
 import type { DataRecord, TransformArg } from '../types/index.js';
-declare const CENTROID: unique symbol;
-type WithCentroid<T> = T & {
-    [CENTROID]: [number, number];
-};
+type WithCentroid<T> = T & {};
 export declare function geoCentroid<Datum extends DataRecord>({ data, ...options }: {
     data: Datum[];
 } & TransformArg<Datum>): TransformArg<WithCentroid<Datum>>;

package/dist/transforms/group.js

@@ -1,5 +1,5 @@
 import { groupFacetsAndZ } from '../helpers/group.js';
-import { testFilter } from '../helpers/index.js';
+import { isValid, testFilter } from '../helpers/index.js';
 import { reduceOutputs } from '../helpers/reduce.js';
 import { resolveChannel } from '../helpers/resolve.js';
 import { groups as d3Groups } from 'd3-array';
@@ -58,8 +58,12 @@ export function groupY(input, options = {}) {
 export function groupZ(input, options = {}) {
     return groupXYZ('z', input, options);
 }
+const groupDimRaw = Symbol('groupDimRaw');
 function groupXYZ(dim, { data, ...channels }, options = {}) {
-    if ((dim === 'z' ? channels.z || channels.fill || channels.stroke : channels[dim]) == null)
+    // console.log({ dim, data, channels, options });
+    if ((dim === 'z'
+        ? channels.z || channels.fill || channels.stroke || channels.fx || channels.fy
+        : channels[dim]) == null)
         throw new Error('you must provide a channel to group on ' + dim);
     const propName = options[`${dim}PropName`] != null
         ? options[`${dim}PropName`]
@@ -70,9 +74,11 @@ function groupXYZ(dim, { data, ...channels }, options = {}) {
     // group by x or y
     const groups = dim === 'z'
         ? [[null, data]]
-        : d3Groups(data.filter((d) => testFilter(d, channels)), (d) => {
-            const v = resolveChannel(dim, d, channels);
-            return interval ? interval.round(v) : v;
+        : d3Groups(data
+            .filter((d) => testFilter(d, channels))
+            .map((d) => ({ ...d, [groupDimRaw]: resolveChannel(dim, d, channels) }))
+            .filter((d) => isValid(d[groupDimRaw])), (d) => {
+            return interval ? interval.floor(d[groupDimRaw]) : d[groupDimRaw];
         });
     const newData = [];
     let newChannels = omit({ ...channels }, 'filter');

package/dist/transforms/recordize.d.ts

@@ -1,7 +1,7 @@
 import type { TransformArgsRow, TransformArgsRecord } from '../types/index.js';
-export declare const X: unique symbol;
-export declare const Y: unique symbol;
-export declare const RAW_VALUE: unique symbol;
+export declare const X: any;
+export declare const Y: any;
+export declare const RAW_VALUE: any;
 export declare function indexData<T extends object>(data: T[]): (T & {})[];
 export declare function recordizeX<T>({ data, ...channels }: TransformArgsRow<T>, { withIndex }?: {
     withIndex: boolean;

package/dist/transforms/sort.d.ts

@@ -1,6 +1,6 @@
 import type { DataRow, TransformArg } from '../types/index.js';
-export declare const SORT_KEY: unique symbol;
-export declare const IS_SORTED: unique symbol;
+export declare const SORT_KEY: any;
+export declare const IS_SORTED: any;
 export declare function sort<T>({ data, ...channels }: TransformArg<T>, options?: {
     reverse?: boolean;
 }): any;

package/dist/types/plot.d.ts

@@ -1,9 +1,9 @@
 import type { ComponentProps } from 'svelte';
 import type { ColorScheme } from './colorScheme.js';
 import type { GeoProjection } from 'd3-geo';
-import type { ChannelAccessor, ChannelName, ColorScaleOptions, DataRecord, LegendScaleOptions, PlotScales, ScaleOptions, XScaleOptions, YScaleOptions } from './index.js';
+import type { ChannelAccessor, ChannelName, ColorScaleOptions, DataRecord, LegendScaleOptions, PlotScales, RawValue, ScaleOptions, XScaleOptions, YScaleOptions } from './index.js';
 import type { Snippet } from 'svelte';
-import type { Area, AreaX, AreaY, Arrow, AxisX, AxisY, BarX, BarY, BoxX, BoxY, Brush, BrushX, BrushY, Cell, DifferenceY, Dot, Frame, Geo, Graticule, GridX, GridY, Line, Link, Pointer, Rect, RectX, RectY, RuleX, RuleY, Sphere, Spike, Text, TickX, TickY, Vector } from '../marks/index.js';
+import type { Area, AreaX, AreaY, Arrow, AxisX, AxisY, BarX, BarY, BoxX, BoxY, Brush, BrushX, BrushY, Cell, DifferenceY, Dot, Frame, Geo, Graticule, GridX, GridY, Image, Line, Link, Pointer, Rect, RectX, RectY, RuleX, RuleY, Sphere, Spike, Text, TickX, TickY, Vector } from '../marks/index.js';
 import type WaffleX from '../marks/WaffleX.svelte';
 import type WaffleY from '../marks/WaffleY.svelte';
 export type PlotState = {
@@ -232,6 +232,10 @@ export type PlotDefaults = {
     gridY: Partial<Omit<ComponentProps<typeof GridY>, IgnoreDefaults> & {
         implicit: boolean;
     }>;
+    /**
+     * default props for image marks
+     */
+    image: Partial<Omit<ComponentProps<typeof Image>, IgnoreDefaults>>;
     /**
      * default props for line marks
      */
@@ -419,11 +423,11 @@ export type PlotOptions = {
     /**
      * Options for the shared x scale.
      */
-    x: Partial<XScaleOptions>;
+    x: Partial<XScaleOptions> | false | RawValue[];
     /**
      * Options for the shared y scale
      */
-    y: Partial<YScaleOptions>;
+    y: Partial<YScaleOptions> | false | RawValue[];
     /**
      * Options for the shared radius scale
      */
@@ -432,8 +436,8 @@ export type PlotOptions = {
     opacity: Partial<ScaleOptions>;
     symbol: Partial<LegendScaleOptions>;
     length: Partial<ScaleOptions>;
-    fx: Partial<ScaleOptions>;
-    fy: Partial<ScaleOptions>;
+    fx: Partial<XScaleOptions> | false | RawValue[];
+    fy: Partial<YScaleOptions> | false | RawValue[];
     children: Snippet<[
         {
             width: number;

package/dist/types/scale.d.ts

@@ -106,6 +106,14 @@ export type XScaleOptions = ScaleOptions & {
     tickRotate: number;
     labelAnchor: 'auto' | 'left' | 'center' | 'right';
     tickFormat: false | Intl.NumberFormatOptions | ((d: RawValue) => string);
+    /**
+     * Enable word wrapping for axis tick labels, default true
+     */
+    wordWrap: boolean;
+    /**
+     * Remove duplicate ticks from axis, default true
+     */
+    removeDuplicateTicks: boolean;
 };
 export type YScaleOptions = ScaleOptions & {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svelteplot",
-    "version": "0.5.3-pr-255.0",
+    "version": "0.5.3-pr-255.2",
     "license": "ISC",
     "author": {
         "name": "Gregor Aisch",
@@ -57,13 +57,13 @@
         "@sveltejs/adapter-auto": "^6.1.1",
         "@sveltejs/adapter-static": "^3.0.10",
         "@sveltejs/eslint-config": "^8.3.4",
-        "@sveltejs/kit": "^2.47.3",
+        "@sveltejs/kit": "^2.48.5",
         "@sveltejs/package": "^2.5.4",
         "@sveltejs/vite-plugin-svelte": "5.1.1",
         "@sveltepress/theme-default": "^6.0.4",
         "@sveltepress/twoslash": "^1.2.2",
         "@sveltepress/vite": "^1.2.2",
-        "@testing-library/svelte": "^5.2.8",
+        "@testing-library/svelte": "^5.2.9",
         "@testing-library/user-event": "^14.6.1",
         "@types/d3-array": "^3.2.2",
         "@types/d3-color": "^3.1.3",
@@ -79,24 +79,24 @@
         "@types/geojson": "^7946.0.16",
         "@types/topojson": "^3.2.6",
         "@types/topojson-client": "^3.1.5",
-        "@typescript-eslint/eslint-plugin": "^8.46.2",
-        "@typescript-eslint/parser": "^8.46.2",
-        "csstype": "^3.1.3",
+        "@typescript-eslint/eslint-plugin": "^8.46.4",
+        "@typescript-eslint/parser": "^8.46.4",
+        "csstype": "^3.2.0",
         "d3-dsv": "^3.0.1",
         "d3-fetch": "^3.0.1",
         "d3-force": "^3.0.0",
-        "eslint": "^9.38.0",
+        "eslint": "^9.39.1",
         "eslint-config-prettier": "^10.1.8",
-        "eslint-plugin-svelte": "3.12.5",
+        "eslint-plugin-svelte": "3.13.0",
         "jsdom": "^26.1.0",
         "prettier": "^3.6.2",
         "prettier-plugin-svelte": "^3.4.0",
-        "puppeteer": "^24.26.1",
+        "puppeteer": "^24.30.0",
         "remark-code-extra": "^1.0.1",
         "remark-code-frontmatter": "^1.0.0",
         "resize-observer-polyfill": "^1.5.1",
-        "sass": "^1.93.2",
-        "svelte-check": "^4.3.3",
+        "sass": "^1.94.0",
+        "svelte-check": "^4.3.4",
         "svelte-eslint-parser": "1.4.0",
         "svelte-highlight": "^7.9.0",
         "svg-path-parser": "^1.1.0",
@@ -107,7 +107,7 @@
         "typedoc-plugin-markdown": "^4.9.0",
         "typescript": "^5.9.3",
         "vite": "^6.4.1",
-        "vitest": "^3.2.4",
+        "vitest": "^4.0.9",
         "vitest-matchmedia-mock": "^2.0.3",
         "yoctocolors": "^2.1.2"
     },
@@ -127,9 +127,9 @@
         "d3-shape": "^3.2.0",
         "d3-time": "^3.1.0",
         "es-toolkit": "^1.41.0",
-        "fast-equals": "^5.3.2",
+        "fast-equals": "^5.3.3",
         "interval-tree-1d": "^1.0.4",
         "merge-deep": "^3.0.3",
-        "svelte": "5.43.0"
+        "svelte": "5"
     }
 }