svelteplot 0.4.10 → 0.5.0-pr-233.1

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

@@ -1,18 +1,21 @@
 import type { ChannelAccessor, DataRow, ConstantAccessor } from '../types/index.js';
+import { recordizeX } from '../index.js';
 declare class __sveltets_Render<Datum extends DataRow> {
     props(): Omit<Partial<{
-        filter?: ConstantAccessor<boolean, Datum>;
-        facet?: "auto" | "include" | "exclude";
+        filter: ConstantAccessor<boolean, Datum>;
+        facet: "auto" | "include" | "exclude";
         fx: ChannelAccessor<Datum>;
         fy: ChannelAccessor<Datum>;
         dx: ConstantAccessor<number, Datum>;
         dy: ConstantAccessor<number, Datum>;
+        dodgeX: recordizeX;
+        dodgeY: recordizeX;
         fill: ChannelAccessor<Datum>;
         fillOpacity: ConstantAccessor<number, Datum>;
-        sort: ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | {
+        sort: {
             channel: string;
             order?: "ascending" | "descending";
-        } | ConstantAccessor<import("../types/data").RawValue, Datum>;
+        } | ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | ConstantAccessor<import("../types/data").RawValue, Datum>;
         stroke: ChannelAccessor<Datum>;
         strokeWidth: ConstantAccessor<number, Datum>;
         strokeOpacity: ConstantAccessor<number, Datum>;
@@ -27,38 +30,38 @@ declare class __sveltets_Render<Datum extends DataRow> {
         imageFilter: ConstantAccessor<string, Datum>;
         shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;
-        onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class?: string;
-        style?: string;
+        onclick: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondblclick: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseup: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmousedown: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmousemove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseout: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointercancel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerdown: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerup: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointermove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerout: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondrag: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondrop: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragstart: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragend: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchstart: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchmove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchend: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchcancel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        oncontextmenu: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onwheel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        class: string;
+        style: string;
         cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }>, "fill" | "fillOpacity"> & {
         data: Datum[];

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

@@ -1,18 +1,21 @@
 import type { ChannelAccessor, DataRow, ConstantAccessor } from '../types/index.js';
+import { recordizeY } from '../index.js';
 declare class __sveltets_Render<Datum extends DataRow> {
     props(): Omit<Partial<{
-        filter?: ConstantAccessor<boolean, Datum>;
-        facet?: "auto" | "include" | "exclude";
+        filter: ConstantAccessor<boolean, Datum>;
+        facet: "auto" | "include" | "exclude";
         fx: ChannelAccessor<Datum>;
         fy: ChannelAccessor<Datum>;
         dx: ConstantAccessor<number, Datum>;
         dy: ConstantAccessor<number, Datum>;
+        dodgeX: recordizeY;
+        dodgeY: recordizeY;
         fill: ChannelAccessor<Datum>;
         fillOpacity: ConstantAccessor<number, Datum>;
-        sort: ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | {
+        sort: {
             channel: string;
             order?: "ascending" | "descending";
-        } | ConstantAccessor<import("../types/data").RawValue, Datum>;
+        } | ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | ConstantAccessor<import("../types/data").RawValue, Datum>;
         stroke: ChannelAccessor<Datum>;
         strokeWidth: ConstantAccessor<number, Datum>;
         strokeOpacity: ConstantAccessor<number, Datum>;
@@ -27,38 +30,38 @@ declare class __sveltets_Render<Datum extends DataRow> {
         imageFilter: ConstantAccessor<string, Datum>;
         shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;
-        onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class?: string;
-        style?: string;
+        onclick: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondblclick: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseup: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmousedown: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmousemove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseout: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointercancel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerdown: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerup: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointermove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerout: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondrag: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondrop: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragstart: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragend: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchstart: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchmove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchend: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchcancel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        oncontextmenu: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onwheel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        class: string;
+        style: string;
         cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }>, "fill" | "fillOpacity"> & {
         data: Datum[];

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

@@ -4,20 +4,23 @@ export type ShapeRenderer = {
 };
 import type { DataRecord, ChannelAccessor } from '../types/index.js';
 import { type Snippet } from 'svelte';
+import { sort } from '../index.js';
 declare class __sveltets_Render<Datum extends DataRecord> {
     props(): Partial<{
-        filter?: import("../types/index.js").ConstantAccessor<boolean, Datum>;
-        facet?: "auto" | "include" | "exclude";
+        filter: import("../types/index.js").ConstantAccessor<boolean, Datum>;
+        facet: "auto" | "include" | "exclude";
         fx: ChannelAccessor<Datum>;
         fy: ChannelAccessor<Datum>;
         dx: import("../types/index.js").ConstantAccessor<number, Datum>;
         dy: import("../types/index.js").ConstantAccessor<number, Datum>;
+        dodgeX: sort;
+        dodgeY: sort;
         fill: ChannelAccessor<Datum>;
         fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
-        sort: ((a: import("../types/data.js").RawValue, b: import("../types/data.js").RawValue) => number) | {
+        sort: {
             channel: string;
             order?: "ascending" | "descending";
-        } | import("../types/index.js").ConstantAccessor<import("../types/data.js").RawValue, Datum>;
+        } | ((a: import("../types/data.js").RawValue, b: import("../types/data.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/data.js").RawValue, Datum>;
         stroke: ChannelAccessor<Datum>;
         strokeWidth: import("../types/index.js").ConstantAccessor<number, Datum>;
         strokeOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
@@ -32,38 +35,38 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         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>;
-        onclick?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondblclick?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmouseup?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmousedown?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmouseenter?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmousemove?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmouseleave?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmouseout?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmouseover?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointercancel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerdown?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerup?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerenter?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerleave?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointermove?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerover?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerout?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondrag?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondrop?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondragstart?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondragenter?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondragleave?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondragover?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondragend?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ontouchstart?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ontouchmove?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ontouchend?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ontouchcancel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        oncontextmenu?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onwheel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        class?: string;
-        style?: string;
+        onclick: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ondblclick: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onmouseup: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onmousedown: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onmouseenter: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onmousemove: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onmouseleave: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onmouseout: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onmouseover: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onpointercancel: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onpointerdown: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onpointerup: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onpointerenter: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onpointerleave: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onpointermove: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onpointerover: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onpointerout: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ondrag: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ondrop: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ondragstart: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ondragenter: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ondragleave: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ondragover: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ondragend: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ontouchstart: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ontouchmove: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ontouchend: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ontouchcancel: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        oncontextmenu: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onwheel: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        class: string;
+        style: string;
         cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }> & {
         data: Datum[];

package/dist/marks/helpers/BaseAxisX.svelte

@@ -10,11 +10,13 @@
         PlotState,
         RawValue,
         ScaledDataRecord,
-        ScaleType
+        ScaleType,
+        TransitionArgs,
+        TransitionFunction
     } from '../../types/index.js';
     import { resolveProp, resolveStyles } from '../../helpers/resolve.js';
     import { max } from 'd3-array';
-    import { randomId, testFilter } from '../../helpers/index.js';
+    import { noTransition, randomId, testFilter } from '../../helpers/index.js';
     import { INDEX } from '../../constants';
     import { RAW_VALUE } from '../../transforms/recordize';
 
@@ -39,6 +41,8 @@
         };
         text: boolean;
         plot: PlotState;
+        tIn?: [TransitionFunction?, TransitionArgs?];
+        tOut?: [TransitionFunction?, TransitionArgs?];
     };
 
     let {
@@ -56,7 +60,9 @@
         options,
         plot,
         title,
-        text = true
+        text = true,
+        tIn = [],
+        tOut = []
     }: BaseAxisXProps = $props();
 
     function splitTick(tick: string | string[]) {
@@ -149,14 +155,19 @@
             if ($autoMarginTop.has(id)) $autoMarginTop.delete(id);
         };
     });
+
+    const tInF = $derived(tIn?.[0] ?? noTransition);
+    const tOutF = $derived(tOut?.[0] ?? noTransition);
 </script>
 
 <g class="axis-x">
-    {#each positionedTicks as tick, t (t)}
+    {#each positionedTicks as tick, t (tick[RAW_VALUE])}
         {#if testFilter(tick, options) && !tick.hidden}
             {@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 } from '../../types/index.js';
+import type { ChannelAccessor, ConstantAccessor, PlotState, RawValue, ScaleType, TransitionArgs, TransitionFunction } from '../../types/index.js';
 type BaseAxisXProps = {
     scaleFn: (d: RawValue) => number;
     scaleType: ScaleType;
@@ -20,6 +20,8 @@ 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 { randomId, testFilter } from '../../helpers/index.js';
+    import { identity, noTransition, 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,
-        ScaledDataRecord,
-        ScaleType
+        ScaleType,
+        TransitionArgs,
+        TransitionFunction
     } from '../../types/index.js';
     import { RAW_VALUE } from '../../transforms/recordize';
     import { INDEX } from '../../constants';
@@ -36,6 +36,8 @@
         };
         plot: PlotState;
         text: boolean | null;
+        tIn?: [TransitionFunction?, TransitionArgs?];
+        tOut?: [TransitionFunction?, TransitionArgs?];
     };
 
     let {
@@ -54,7 +56,9 @@
         title,
         plot,
         options,
-        text = true
+        text = true,
+        tIn = [],
+        tOut = []
     }: BaseAxisYProps = $props();
 
     const LINE_ANCHOR = {
@@ -151,10 +155,13 @@
             if ($autoMarginTop.has(id)) $autoMarginTop.delete(id);
         };
     });
+
+    const tInF = $derived(tIn?.[0] ?? noTransition);
+    const tOutF = $derived(tOut?.[0] ?? noTransition);
 </script>
 
 <g class="axis-y">
-    {#each positionedTicks as tick, t (t)}
+    {#each positionedTicks as tick, t (tick[RAW_VALUE])}
         {#if testFilter(tick, options) && !tick.hidden}
             {@const tickClass_ = resolveProp(tickClass, tick)}
             {@const [textStyle, textClass] = resolveStyles(
@@ -171,6 +178,8 @@
                 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 } from '../../types/index.js';
+import type { ConstantAccessor, PlotState, RawValue, ScaleType, TransitionArgs, TransitionFunction } from '../../types/index.js';
 type BaseAxisYProps = {
     scaleFn: (d: RawValue) => number;
     scaleType: ScaleType;
@@ -20,6 +20,8 @@ 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/marks/helpers/MarkerPath.svelte.d.ts

@@ -1,164 +1,6 @@
-import { type MarkerShape } from './Marker.svelte';
-import type { ConstantAccessor, DataRecord, Mark, PlotScales } from '../../types/index.js';
+import type { DataRecord } from '../../types/index.js';
 declare class __sveltets_Render<Datum extends DataRecord> {
-    props(): Partial<{
-        filter?: ConstantAccessor<boolean, Datum>;
-        facet?: "auto" | "include" | "exclude";
-        fx: import("../../types/index.js").ChannelAccessor<Datum>;
-        fy: import("../../types/index.js").ChannelAccessor<Datum>;
-        dx: ConstantAccessor<number, Datum>;
-        dy: ConstantAccessor<number, Datum>;
-        fill: import("../../types/index.js").ChannelAccessor<Datum>;
-        fillOpacity: ConstantAccessor<number, Datum>;
-        sort: ((a: import("../../types/index.js").RawValue, b: import("../../types/index.js").RawValue) => number) | {
-            channel: string;
-            order?: "ascending" | "descending";
-        } | ConstantAccessor<import("../../types/index.js").RawValue, Datum>;
-        stroke: import("../../types/index.js").ChannelAccessor<Datum>;
-        strokeWidth: ConstantAccessor<number, Datum>;
-        strokeOpacity: ConstantAccessor<number, Datum>;
-        strokeLinejoin: ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
-        strokeLinecap: ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
-        strokeMiterlimit: ConstantAccessor<number, Datum>;
-        opacity: import("../../types/index.js").ChannelAccessor<Datum>;
-        strokeDasharray: ConstantAccessor<string, Datum>;
-        strokeDashoffset: ConstantAccessor<number, Datum>;
-        mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
-        clipPath: string;
-        imageFilter: ConstantAccessor<string, Datum>;
-        shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
-        paintOrder: ConstantAccessor<string, Datum>;
-        onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class?: string;
-        style?: string;
-        cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
-    }> & {
-        /**
-         * the datum associated with this path, usually the first
-         * element of the data array group
-         */
-        datum: Datum;
-        /**
-         * the marker shape to use at the start of the path, defaults to
-         * circle
-         */
-        markerStart?: boolean | MarkerShape;
-        /**
-         * the marker shape to use at the middle of the path, defaults to circle
-         */
-        markerMid?: boolean | MarkerShape;
-        /**
-         * the marker shape to use at the end of the path, defaults to circle
-         */
-        markerEnd?: boolean | MarkerShape;
-        /**
-         * shorthand for setting all markers
-         */
-        marker?: boolean | MarkerShape;
-        /**
-         * path string
-         */
-        d: string;
-        style: string;
-        startOffset: string;
-        textStyle: string;
-        textStyleClass?: string | null;
-        text: string;
-        transform: string;
-        color: string;
-        strokeWidth: ConstantAccessor<number>;
-        mark: Mark<Partial<{
-            filter?: ConstantAccessor<boolean, Datum>;
-            facet?: "auto" | "include" | "exclude";
-            fx: import("../../types/index.js").ChannelAccessor<Datum>;
-            fy: import("../../types/index.js").ChannelAccessor<Datum>;
-            dx: ConstantAccessor<number, Datum>;
-            dy: ConstantAccessor<number, Datum>;
-            fill: import("../../types/index.js").ChannelAccessor<Datum>;
-            fillOpacity: ConstantAccessor<number, Datum>;
-            sort: ((a: import("../../types/index.js").RawValue, b: import("../../types/index.js").RawValue) => number) | {
-                channel: string;
-                order?: "ascending" | "descending";
-            } | ConstantAccessor<import("../../types/index.js").RawValue, Datum>;
-            stroke: import("../../types/index.js").ChannelAccessor<Datum>;
-            strokeWidth: ConstantAccessor<number, Datum>;
-            strokeOpacity: ConstantAccessor<number, Datum>;
-            strokeLinejoin: ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
-            strokeLinecap: ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
-            strokeMiterlimit: ConstantAccessor<number, Datum>;
-            opacity: import("../../types/index.js").ChannelAccessor<Datum>;
-            strokeDasharray: ConstantAccessor<string, Datum>;
-            strokeDashoffset: ConstantAccessor<number, Datum>;
-            mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
-            clipPath: string;
-            imageFilter: ConstantAccessor<string, Datum>;
-            shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
-            paintOrder: ConstantAccessor<string, Datum>;
-            onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-            class?: string;
-            style?: string;
-            cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
-        }>>;
-        scales: PlotScales;
-    };
+    props(): any;
     events(): {};
     slots(): {};
     bindings(): "";