svelteplot 0.5.0-pr-233.0 → 0.5.0-pr-236.0

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,17 +10,13 @@
         PlotState,
         RawValue,
         ScaledDataRecord,
-        ScaleType,
-        TransitionArgs,
-        TransitionFunction
+        ScaleType
     } from '../../types/index.js';
     import { resolveProp, resolveStyles } from '../../helpers/resolve.js';
     import { max } from 'd3-array';
-    import { identity, noTransition, randomId, testFilter } from '../../helpers/index.js';
+    import { randomId, testFilter } from '../../helpers/index.js';
     import { INDEX } from '../../constants';
     import { RAW_VALUE } from '../../transforms/recordize';
-    import { fade } from 'svelte/transition';
-    import Transition from '../../../routes/examples/axis/transition.svelte';
 
     type BaseAxisXProps = {
         scaleFn: (d: RawValue) => number;
@@ -43,8 +39,6 @@
         };
         text: boolean;
         plot: PlotState;
-        tIn?: [TransitionFunction?, TransitionArgs?];
-        tOut?: [TransitionFunction?, TransitionArgs?];
     };
 
     let {
@@ -62,9 +56,7 @@
         options,
         plot,
         title,
-        text = true,
-        tIn = [],
-        tOut = []
+        text = true
     }: BaseAxisXProps = $props();
 
     function splitTick(tick: string | string[]) {
@@ -157,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">
@@ -168,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.0",
+    "version": "0.5.0-pr-236.0",
     "license": "ISC",
     "author": {
         "name": "Gregor Aisch",