svelteplot 0.5.0-pr-233.1 → 0.5.0-pr-237.0

package/dist/core/Plot.svelte

@@ -207,6 +207,7 @@
     const yDomainCount = $derived(
         isOneDimensional && explicitScales.has('x') ? 1 : preScales.y.domain.length
     );
+
     // compute the (automatic) height based on various factors:
     // - if the plot used a projection and the projection requires an aspect ratio,
     //   we use it, but adjust for the facet counts
@@ -215,34 +216,34 @@
     // - for one-dimensional scales using the x scale we set a fixed height
     // - for y band-scales we use the number of items in the y domain
     const height = $derived(
-        maybeNumber(plotOptions.height) === null || plotOptions.height === 'auto'
-            ? Math.round(
-                  preScales.projection && preScales.projection.aspectRatio
-                      ? ((plotWidth * preScales.projection.aspectRatio) / xFacetCount) *
-                            yFacetCount +
+        typeof plotOptions.height === 'function'
+            ? plotOptions.height(plotWidth)
+            : maybeNumber(plotOptions.height) === null || plotOptions.height === 'auto'
+              ? Math.round(
+                    preScales.projection && preScales.projection.aspectRatio
+                        ? ((plotWidth * preScales.projection.aspectRatio) / xFacetCount) *
+                              yFacetCount +
+                              plotOptions.marginTop +
+                              plotOptions.marginBottom
+                        : plotOptions.aspectRatio
+                          ? heightFromAspect(
+                                preScales.x,
+                                preScales.y,
+                                plotOptions.aspectRatio,
+                                plotWidth,
+                                plotOptions.marginTop,
+                                plotOptions.marginBottom
+                            )
+                          : ((isOneDimensional && explicitScales.has('x')) || !explicitMarks.length
+                                ? yFacetCount * DEFAULTS.bandScaleHeight
+                                : preScales.y.type === 'band'
+                                  ? yFacetCount * yDomainCount * DEFAULTS.bandScaleHeight
+                                  : preScales.y.type === 'point'
+                                    ? yFacetCount * yDomainCount * DEFAULTS.pointScaleHeight
+                                    : DEFAULTS.height) +
                             plotOptions.marginTop +
                             plotOptions.marginBottom
-                      : plotOptions.aspectRatio
-                        ? heightFromAspect(
-                              preScales.x,
-                              preScales.y,
-                              plotOptions.aspectRatio,
-                              plotWidth,
-                              plotOptions.marginTop,
-                              plotOptions.marginBottom
-                          )
-                        : ((isOneDimensional && explicitScales.has('x')) || !explicitMarks.length
-                              ? yFacetCount * DEFAULTS.bandScaleHeight
-                              : preScales.y.type === 'band'
-                                ? yFacetCount * yDomainCount * DEFAULTS.bandScaleHeight
-                                : preScales.y.type === 'point'
-                                  ? yFacetCount * yDomainCount * DEFAULTS.pointScaleHeight
-                                  : DEFAULTS.height) +
-                          plotOptions.marginTop +
-                          plotOptions.marginBottom
-              )
-            : typeof plotOptions.height === 'function'
-              ? plotOptions.height(plotWidth)
+                )
               : maybeNumber(plotOptions.height)
     );
 

package/dist/helpers/index.d.ts

@@ -1,6 +1,5 @@
 import type { ChannelName, Channels, RawValue } from '../types/index.js';
 import type { Snippet } from 'svelte';
-import type { TransitionConfig } from 'svelte/transition';
 /**
  * Returns first argument that is not null or undefined
  */
@@ -17,4 +16,3 @@ export declare function parseInset(inset: number | string, width: number): numbe
 export declare function omit<T extends {}, K extends keyof T>(obj: T, ...keys: K[]): Omit<T, K>;
 export declare function identity<T>(x: T): T;
 export declare const GEOJSON_PREFER_STROKE: Set<string>;
-export declare function noTransition(node: Element): TransitionConfig;

package/dist/helpers/index.js

@@ -61,14 +61,3 @@ export function identity(x) {
     return x;
 }
 export const GEOJSON_PREFER_STROKE = new Set(['MultiLineString', 'LineString']);
-export function noTransition(node) {
-    node.dispatchEvent(new CustomEvent('introstart'));
-    node.dispatchEvent(new CustomEvent('introend'));
-    node.dispatchEvent(new CustomEvent('outrostart'));
-    node.dispatchEvent(new CustomEvent('outroend'));
-    return {
-        duration: 0,
-        delay: 0,
-        css: () => ''
-    };
-}

package/dist/marks/AxisX.svelte

@@ -18,7 +18,6 @@
     import { autoTicks } from '../helpers/autoTicks.js';
     import { resolveScaledStyles } from '../helpers/resolve.js';
     import { getPlotDefaults } from '../hooks/plotDefaults.js';
-    import { identity, noTransition } from '../helpers';
 
     interface AxisXMarkProps
         extends Omit<
@@ -64,8 +63,6 @@
         textAnchor: 'auto',
         opacity: 0.8,
         anchor: 'bottom',
-        tIn: [noTransition, {}],
-        tOut: [noTransition, {}],
         ...getPlotDefaults().axis,
         ...getPlotDefaults().axisX
     };
@@ -239,9 +236,7 @@
             scaleFn={plot.scales.x.fn}
             scaleType={plot.scales.x.type}
             tickFormat={useTickFormat}
-            title={useTitle}
-            tIn={DEFAULTS.tIn}
-            tOut={DEFAULTS.tOut} />
+            title={useTitle} />
     {/if}
 </Mark>
 

package/dist/marks/AxisY.svelte

@@ -17,7 +17,6 @@
     import { autoTicks } from '../helpers/autoTicks.js';
     import { resolveScaledStyles } from '../helpers/resolve.js';
     import { getPlotDefaults } from '../hooks/plotDefaults.js';
-    import { noTransition } from '../helpers';
 
     interface AxisYMarkProps
         extends Omit<
@@ -62,8 +61,6 @@
         opacity: 0.8,
         anchor: 'left',
         textAnchor: 'auto',
-        tIn: [noTransition, {}],
-        tOut: [noTransition, {}],
         ...getPlotDefaults().axis,
         ...getPlotDefaults().axisY
     };
@@ -228,9 +225,7 @@
             scaleType={plot.scales.y.type}
             tickFormat={useTickFormat}
             title={useTitle}
-            width={plot.facetWidth}
-            tIn={DEFAULTS.tIn}
-            tOut={DEFAULTS.tOut} />
+            width={plot.facetWidth} />
     {/if}
 </Mark>
 

package/dist/marks/GridX.svelte

@@ -19,7 +19,7 @@
     } from '../types/index.js';
     import { resolveChannel, resolveProp, resolveStyles } from '../helpers/resolve.js';
     import { autoTicks } from '../helpers/autoTicks.js';
-    import { noTransition, testFilter } from '../helpers/index.js';
+    import { testFilter } from '../helpers/index.js';
     import { RAW_VALUE } from '../transforms/recordize.js';
     import isDataRecord from '../helpers/isDataRecord';
     import { INDEX } from '../constants';
@@ -28,8 +28,6 @@
     let markProps: GridXMarkProps = $props();
 
     const DEFAULTS = {
-        tIn: [noTransition, {}],
-        tOut: [noTransition, {}],
         ...getPlotDefaults().grid,
         ...getPlotDefaults().gridX
     };
@@ -67,9 +65,6 @@
             isDataRecord(d) ? { ...d, [INDEX]: i } : { [RAW_VALUE]: d, [INDEX]: i }
         ) as DataRecord[]
     );
-
-    const tInF = $derived(DEFAULTS.tIn?.[0] ?? noTransition);
-    const tOutF = $derived(DEFAULTS.tOut?.[0] ?? noTransition);
 </script>
 
 <Mark
@@ -80,7 +75,7 @@
     {automatic}>
     {#snippet children({ usedScales })}
         <g class="grid-x">
-            {#each ticks as tick (tick[RAW_VALUE])}
+            {#each ticks as tick, t (t)}
                 {#if testFilter(tick, options)}
                     {@const x =
                         plot.scales.x.fn(tick[RAW_VALUE]) +
@@ -104,8 +99,6 @@
                         true
                     )}
                     <line
-                        in:tInF|global={{ ...(DEFAULTS.tIn?.[1] ?? {}) }}
-                        out:tOutF|global={{ ...(DEFAULTS.tOut?.[1] ?? {}) }}
                         class={styleClass}
                         transform="translate({x + dx},{dy})"
                         {style}

package/dist/marks/GridY.svelte

@@ -13,16 +13,13 @@
     import type { PlotContext, BaseMarkProps, RawValue, ChannelAccessor } from '../types/index.js';
     import { resolveChannel, resolveProp, resolveStyles } from '../helpers/resolve.js';
     import { autoTicks } from '../helpers/autoTicks.js';
-    import { noTransition, testFilter } from '../helpers/index.js';
+    import { testFilter } from '../helpers/index.js';
     import { RAW_VALUE } from '../transforms/recordize.js';
     import { getPlotDefaults } from '../hooks/plotDefaults.js';
-    import { uniqBy } from 'es-toolkit';
 
     let markProps: GridYMarkProps = $props();
 
     const DEFAULTS = {
-        tIn: [noTransition, {}],
-        tOut: [noTransition, {}],
         ...getPlotDefaults().grid,
         ...getPlotDefaults().gridY
     };
@@ -57,9 +54,6 @@
                   autoTickCount
               )
     );
-
-    const tInF = $derived(DEFAULTS.tIn?.[0] ?? noTransition);
-    const tOutF = $derived(DEFAULTS.tOut?.[0] ?? noTransition);
 </script>
 
 <Mark
@@ -70,7 +64,7 @@
     {automatic}>
     {#snippet children({ usedScales })}
         <g class="grid-y">
-            {#each ticks as tick (tick)}
+            {#each ticks as tick, t (t)}
                 {#if testFilter(tick, options)}
                     {@const y =
                         plot.scales.y.fn(tick) +
@@ -94,8 +88,6 @@
                         true
                     )}
                     <line
-                        in:tInF|global={{ ...(DEFAULTS.tIn?.[1] ?? {}) }}
-                        out:tOutF|global={{ ...(DEFAULTS.tOut?.[1] ?? {}) }}
                         {style}
                         class={styleClass}
                         transform="translate({dx},{y + dy})"

package/dist/marks/Line.svelte

@@ -216,7 +216,7 @@
                                     markerEnd={args.markerEnd}
                                     marker={args.marker}
                                     strokeWidth={args.strokeWidth}
-                                    datum={lineData[0]}
+                                    datum={lineData[0].datum}
                                     d={pathString}
                                     dInv={text ? linePath(lineData.toReversed()) : null}
                                     color={lineData[0].stroke || 'currentColor'}
@@ -225,7 +225,7 @@
                                     text={text ? resolveProp(text, lineData[0]) : null}
                                     startOffset={resolveProp(
                                         args.textStartOffset,
-                                        lineData[0],
+                                        lineData[0].datum,
                                         '50%'
                                     )}
                                     {textStyle}

package/dist/marks/helpers/BaseAxisX.svelte

@@ -10,13 +10,11 @@
         PlotState,
         RawValue,
         ScaledDataRecord,
-        ScaleType,
-        TransitionArgs,
-        TransitionFunction
+        ScaleType
     } from '../../types/index.js';
     import { resolveProp, resolveStyles } from '../../helpers/resolve.js';
     import { max } from 'd3-array';
-    import { noTransition, randomId, testFilter } from '../../helpers/index.js';
+    import { randomId, testFilter } from '../../helpers/index.js';
     import { INDEX } from '../../constants';
     import { RAW_VALUE } from '../../transforms/recordize';
 
@@ -41,8 +39,6 @@
         };
         text: boolean;
         plot: PlotState;
-        tIn?: [TransitionFunction?, TransitionArgs?];
-        tOut?: [TransitionFunction?, TransitionArgs?];
     };
 
     let {
@@ -60,9 +56,7 @@
         options,
         plot,
         title,
-        text = true,
-        tIn = [],
-        tOut = []
+        text = true
     }: BaseAxisXProps = $props();
 
     function splitTick(tick: string | string[]) {
@@ -155,9 +149,6 @@
             if ($autoMarginTop.has(id)) $autoMarginTop.delete(id);
         };
     });
-
-    const tInF = $derived(tIn?.[0] ?? noTransition);
-    const tOutF = $derived(tOut?.[0] ?? noTransition);
 </script>
 
 <g class="axis-x">
@@ -166,8 +157,6 @@
             {@const tickClass_ = resolveProp(tickClass, tick)}
             {@const tickFontSize_ = +resolveProp(tickFontSize, tick, 10)}
             <g
-                in:tInF|global={{ ...(tIn?.[1] ?? {}) }}
-                out:tOutF|global={{ ...(tOut?.[1] ?? {}) }}
                 class="tick {tickClass_ || ''}"
                 transform="translate({tick.x + tick.dx}, {tickY + tick.dy})"
                 text-anchor={tickRotate < 0 ? 'end' : tickRotate > 0 ? 'start' : 'middle'}>

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

@@ -1,4 +1,4 @@
-import type { ChannelAccessor, ConstantAccessor, PlotState, RawValue, ScaleType, TransitionArgs, TransitionFunction } from '../../types/index.js';
+import type { ChannelAccessor, ConstantAccessor, PlotState, RawValue, ScaleType } from '../../types/index.js';
 type BaseAxisXProps = {
     scaleFn: (d: RawValue) => number;
     scaleType: ScaleType;
@@ -20,8 +20,6 @@ type BaseAxisXProps = {
     };
     text: boolean;
     plot: PlotState;
-    tIn?: [TransitionFunction?, TransitionArgs?];
-    tOut?: [TransitionFunction?, TransitionArgs?];
 };
 declare const BaseAxisX: import("svelte").Component<BaseAxisXProps, {}, "">;
 type BaseAxisX = ReturnType<typeof BaseAxisX>;

package/dist/marks/helpers/BaseAxisY.svelte

@@ -1,16 +1,16 @@
 <script lang="ts">
     import { getContext, untrack } from 'svelte';
-    import { identity, noTransition, randomId, testFilter } from '../../helpers/index.js';
+    import { randomId, testFilter } from '../../helpers/index.js';
     import { resolveProp, resolveStyles } from '../../helpers/resolve.js';
     import { max } from 'd3-array';
     import type {
         AutoMarginStores,
         ConstantAccessor,
+        DataRecord,
         PlotState,
         RawValue,
-        ScaleType,
-        TransitionArgs,
-        TransitionFunction
+        ScaledDataRecord,
+        ScaleType
     } from '../../types/index.js';
     import { RAW_VALUE } from '../../transforms/recordize';
     import { INDEX } from '../../constants';
@@ -36,8 +36,6 @@
         };
         plot: PlotState;
         text: boolean | null;
-        tIn?: [TransitionFunction?, TransitionArgs?];
-        tOut?: [TransitionFunction?, TransitionArgs?];
     };
 
     let {
@@ -56,9 +54,7 @@
         title,
         plot,
         options,
-        text = true,
-        tIn = [],
-        tOut = []
+        text = true
     }: BaseAxisYProps = $props();
 
     const LINE_ANCHOR = {
@@ -155,9 +151,6 @@
             if ($autoMarginTop.has(id)) $autoMarginTop.delete(id);
         };
     });
-
-    const tInF = $derived(tIn?.[0] ?? noTransition);
-    const tOutF = $derived(tOut?.[0] ?? noTransition);
 </script>
 
 <g class="axis-y">
@@ -178,8 +171,6 @@
                 true
             )}
             <g
-                in:tInF|global={{ ...(tIn?.[1] ?? {}) }}
-                out:tOutF|global={{ ...(tOut?.[1] ?? {}) }}
                 class="tick {tickClass_ || ''}"
                 transform="translate({tick.dx +
                     marginLeft +

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

@@ -1,4 +1,4 @@
-import type { ConstantAccessor, PlotState, RawValue, ScaleType, TransitionArgs, TransitionFunction } from '../../types/index.js';
+import type { ConstantAccessor, PlotState, RawValue, ScaleType } from '../../types/index.js';
 type BaseAxisYProps = {
     scaleFn: (d: RawValue) => number;
     scaleType: ScaleType;
@@ -20,8 +20,6 @@ type BaseAxisYProps = {
     };
     plot: PlotState;
     text: boolean | null;
-    tIn?: [TransitionFunction?, TransitionArgs?];
-    tOut?: [TransitionFunction?, TransitionArgs?];
 };
 declare const BaseAxisY: import("svelte").Component<BaseAxisYProps, {}, "">;
 type BaseAxisY = ReturnType<typeof BaseAxisY>;

package/dist/types/index.d.ts

@@ -4,7 +4,6 @@ import type { MarkerShape } from '../marks/helpers/Marker.svelte';
 import type { Channels, ScaledChannelName } from './channel.js';
 import type { RawValue } from './data.js';
 import type { BaseMarkProps } from './mark.js';
-import type { TransitionConfig } from 'svelte/transition';
 export type GenericMarkOptions = Record<string | symbol, any>;
 export type CurveName = 'basis' | 'basis-closed' | 'basis-open' | 'bundle' | 'bump-x' | 'bump-y' | 'cardinal' | 'cardinal-closed' | 'cardinal-open' | 'catmull-rom' | 'catmull-rom-closed' | 'catmull-rom-open' | 'linear' | 'linear-closed' | 'monotone-x' | 'monotone-y' | 'natural' | 'step' | 'step-after' | 'step-before';
 export type MarkerOptions = {
@@ -50,12 +49,6 @@ export type MapIndexObject = {
 export type MapMethod = 'cumsum' | 'rank' | 'quantile' | ((I: number[], S: number[]) => number[]) | MapIndexObject;
 export type MapOptions = Partial<Record<ScaledChannelName, MapMethod>>;
 export type UsedScales = Record<ScaledChannelName, boolean>;
-export type TransitionFunction = (node: Element, params: any) => TransitionConfig;
-export type TransitionArgs = {
-    delay?: number;
-    duration?: number;
-    easing?: (t: number) => number;
-};
 export * from './channel';
 export * from './colorScheme';
 export * from './data';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svelteplot",
-    "version": "0.5.0-pr-233.1",
+    "version": "0.5.0-pr-237.0",
     "license": "ISC",
     "author": {
         "name": "Gregor Aisch",
@@ -57,7 +57,7 @@
         "@sveltejs/adapter-auto": "^6.1.1",
         "@sveltejs/adapter-static": "^3.0.10",
         "@sveltejs/eslint-config": "^8.3.4",
-        "@sveltejs/kit": "^2.44.0",
+        "@sveltejs/kit": "^2.47.3",
         "@sveltejs/package": "^2.5.4",
         "@sveltejs/vite-plugin-svelte": "5.1.1",
         "@sveltepress/theme-default": "^6.0.4",
@@ -79,34 +79,34 @@
         "@types/geojson": "^7946.0.16",
         "@types/topojson": "^3.2.6",
         "@types/topojson-client": "^3.1.5",
-        "@typescript-eslint/eslint-plugin": "^8.45.0",
-        "@typescript-eslint/parser": "^8.45.0",
+        "@typescript-eslint/eslint-plugin": "^8.46.2",
+        "@typescript-eslint/parser": "^8.46.2",
         "csstype": "^3.1.3",
         "d3-dsv": "^3.0.1",
         "d3-fetch": "^3.0.1",
         "d3-force": "^3.0.0",
-        "eslint": "^9.37.0",
+        "eslint": "^9.38.0",
         "eslint-config-prettier": "^10.1.8",
-        "eslint-plugin-svelte": "3.12.4",
+        "eslint-plugin-svelte": "3.12.5",
         "jsdom": "^26.1.0",
         "prettier": "^3.6.2",
         "prettier-plugin-svelte": "^3.4.0",
-        "puppeteer": "^24.23.0",
+        "puppeteer": "^24.26.1",
         "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.2",
-        "svelte-eslint-parser": "1.3.3",
-        "svelte-highlight": "^7.8.4",
+        "svelte-check": "^4.3.3",
+        "svelte-eslint-parser": "1.4.0",
+        "svelte-highlight": "^7.9.0",
         "svg-path-parser": "^1.1.0",
         "topojson-client": "^3.1.0",
         "ts-essentials": "^10.1.1",
         "tslib": "^2.8.1",
-        "typedoc": "^0.28.13",
+        "typedoc": "^0.28.14",
         "typedoc-plugin-markdown": "^4.9.0",
         "typescript": "^5.9.3",
-        "vite": "^6.3.6",
+        "vite": "^6.4.1",
         "vitest": "^3.2.4",
         "vitest-matchmedia-mock": "^2.0.3",
         "yoctocolors": "^2.1.2"
@@ -126,10 +126,10 @@
         "d3-scale-chromatic": "^3.1.0",
         "d3-shape": "^3.2.0",
         "d3-time": "^3.1.0",
-        "es-toolkit": "^1.39.10",
+        "es-toolkit": "^1.41.0",
         "fast-equals": "^5.3.2",
         "interval-tree-1d": "^1.0.4",
         "merge-deep": "^3.0.3",
-        "svelte": "5.39.8"
+        "svelte": "5.41.3"
     }
 }