svelteplot 0.3.11 → 0.4.1

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

@@ -1,32 +1,32 @@
 import type { DataRow } from '../index.js';
 declare class __sveltets_Render<Datum extends DataRow> {
     props(): Omit<import("../types").MarkerOptions & Partial<{
-        filter?: import("../types").ConstantAccessor<boolean, import("../types").DataRecord>;
+        filter?: import("../types").ConstantAccessor<boolean, Record<string | symbol, import("../types").RawValue>>;
         facet?: "auto" | "include" | "exclude";
-        fx: import("../types").ChannelAccessor<import("../types").DataRecord>;
-        fy: import("../types").ChannelAccessor<import("../types").DataRecord>;
-        dx: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
-        dy: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
-        fill: import("../types").ChannelAccessor<import("../types").DataRecord>;
-        fillOpacity: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
+        fx: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
+        fy: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
+        dx: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
+        dy: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
+        fill: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
+        fillOpacity: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
         sort: {
             channel: string;
             order?: "ascending" | "descending";
-        } | ((a: import("../types").RawValue, b: import("../types").RawValue) => number) | import("../types").ConstantAccessor<import("../types").RawValue, import("../types").DataRecord>;
-        stroke: import("../types").ChannelAccessor<import("../types").DataRecord>;
-        strokeWidth: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
-        strokeOpacity: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
-        strokeLinejoin: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinejoin, import("../types").DataRecord>;
-        strokeLinecap: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinecap, import("../types").DataRecord>;
-        strokeMiterlimit: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
-        opacity: import("../types").ChannelAccessor<import("../types").DataRecord>;
-        strokeDasharray: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
-        strokeDashoffset: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
-        mixBlendMode: import("../types").ConstantAccessor<import("csstype").Property.MixBlendMode, import("../types").DataRecord>;
+        } | ((a: import("../types").RawValue, b: import("../types").RawValue) => number) | import("../types").ConstantAccessor<import("../types").RawValue, Record<string | symbol, import("../types").RawValue>>;
+        stroke: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
+        strokeWidth: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
+        strokeOpacity: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
+        strokeLinejoin: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Record<string | symbol, import("../types").RawValue>>;
+        strokeLinecap: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinecap, Record<string | symbol, import("../types").RawValue>>;
+        strokeMiterlimit: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
+        opacity: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
+        strokeDasharray: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
+        strokeDashoffset: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
+        mixBlendMode: import("../types").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, import("../types").RawValue>>;
         clipPath: string;
-        imageFilter: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
-        shapeRendering: import("../types").ConstantAccessor<import("csstype").Property.ShapeRendering, import("../types").DataRecord>;
-        paintOrder: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
+        imageFilter: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
+        shapeRendering: import("../types").ConstantAccessor<import("csstype").Property.ShapeRendering, Record<string | symbol, import("../types").RawValue>>;
+        paintOrder: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
         onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
@@ -58,26 +58,26 @@ declare class __sveltets_Render<Datum extends DataRow> {
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         class: string | null;
-        cursor: import("../types").ConstantAccessor<import("csstype").Property.Cursor, import("../types").DataRecord>;
+        cursor: import("../types").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types").RawValue>>;
     }> & {
-        data?: import("../types").DataRecord[] | undefined;
-        x?: import("../types").ChannelAccessor<import("../types").DataRecord>;
-        y?: import("../types").ChannelAccessor<import("../types").DataRecord>;
-        z?: import("../types").ChannelAccessor<import("../types").DataRecord>;
+        data?: Record<string | symbol, import("../types").RawValue>[] | undefined;
+        x?: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
+        y?: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
+        z?: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
         outlineStroke?: string;
         outlineStrokeWidth?: number;
         outlineStrokeOpacity?: number;
         curve?: import("../types").CurveName | import("d3-shape").CurveFactory | "auto";
         tension?: number;
-        sort?: import("../types").ConstantAccessor<import("../types").RawValue, import("../types").DataRecord> | {
+        sort?: import("../types").ConstantAccessor<import("../types").RawValue, Record<string | symbol, import("../types").RawValue>> | {
             channel: "stroke" | "fill";
         };
-        text?: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
-        textFill?: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
-        textStroke?: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
-        textStartOffset?: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
-        textStrokeWidth?: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
-        lineClass?: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
+        text?: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
+        textFill?: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
+        textStroke?: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
+        textStartOffset?: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
+        textStrokeWidth?: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
+        lineClass?: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
         canvas?: boolean;
     }, "y" | "data"> & {
         data: Datum[];

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

@@ -1,32 +1,32 @@
 import type { DataRow } from '../index.js';
 declare class __sveltets_Render<Datum extends DataRow> {
     props(): Omit<import("../types").MarkerOptions & Partial<{
-        filter?: import("../types").ConstantAccessor<boolean, import("../types").DataRecord>;
+        filter?: import("../types").ConstantAccessor<boolean, Record<string | symbol, import("../types").RawValue>>;
         facet?: "auto" | "include" | "exclude";
-        fx: import("../types").ChannelAccessor<import("../types").DataRecord>;
-        fy: import("../types").ChannelAccessor<import("../types").DataRecord>;
-        dx: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
-        dy: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
-        fill: import("../types").ChannelAccessor<import("../types").DataRecord>;
-        fillOpacity: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
+        fx: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
+        fy: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
+        dx: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
+        dy: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
+        fill: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
+        fillOpacity: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
         sort: {
             channel: string;
             order?: "ascending" | "descending";
-        } | ((a: import("../types").RawValue, b: import("../types").RawValue) => number) | import("../types").ConstantAccessor<import("../types").RawValue, import("../types").DataRecord>;
-        stroke: import("../types").ChannelAccessor<import("../types").DataRecord>;
-        strokeWidth: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
-        strokeOpacity: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
-        strokeLinejoin: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinejoin, import("../types").DataRecord>;
-        strokeLinecap: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinecap, import("../types").DataRecord>;
-        strokeMiterlimit: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
-        opacity: import("../types").ChannelAccessor<import("../types").DataRecord>;
-        strokeDasharray: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
-        strokeDashoffset: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
-        mixBlendMode: import("../types").ConstantAccessor<import("csstype").Property.MixBlendMode, import("../types").DataRecord>;
+        } | ((a: import("../types").RawValue, b: import("../types").RawValue) => number) | import("../types").ConstantAccessor<import("../types").RawValue, Record<string | symbol, import("../types").RawValue>>;
+        stroke: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
+        strokeWidth: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
+        strokeOpacity: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
+        strokeLinejoin: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Record<string | symbol, import("../types").RawValue>>;
+        strokeLinecap: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinecap, Record<string | symbol, import("../types").RawValue>>;
+        strokeMiterlimit: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
+        opacity: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
+        strokeDasharray: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
+        strokeDashoffset: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
+        mixBlendMode: import("../types").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, import("../types").RawValue>>;
         clipPath: string;
-        imageFilter: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
-        shapeRendering: import("../types").ConstantAccessor<import("csstype").Property.ShapeRendering, import("../types").DataRecord>;
-        paintOrder: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
+        imageFilter: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
+        shapeRendering: import("../types").ConstantAccessor<import("csstype").Property.ShapeRendering, Record<string | symbol, import("../types").RawValue>>;
+        paintOrder: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
         onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
@@ -58,26 +58,26 @@ declare class __sveltets_Render<Datum extends DataRow> {
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         class: string | null;
-        cursor: import("../types").ConstantAccessor<import("csstype").Property.Cursor, import("../types").DataRecord>;
+        cursor: import("../types").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types").RawValue>>;
     }> & {
-        data?: import("../types").DataRecord[] | undefined;
-        x?: import("../types").ChannelAccessor<import("../types").DataRecord>;
-        y?: import("../types").ChannelAccessor<import("../types").DataRecord>;
-        z?: import("../types").ChannelAccessor<import("../types").DataRecord>;
+        data?: Record<string | symbol, import("../types").RawValue>[] | undefined;
+        x?: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
+        y?: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
+        z?: import("../types").ChannelAccessor<Record<string | symbol, import("../types").RawValue>>;
         outlineStroke?: string;
         outlineStrokeWidth?: number;
         outlineStrokeOpacity?: number;
         curve?: import("../types").CurveName | import("d3-shape").CurveFactory | "auto";
         tension?: number;
-        sort?: import("../types").ConstantAccessor<import("../types").RawValue, import("../types").DataRecord> | {
+        sort?: import("../types").ConstantAccessor<import("../types").RawValue, Record<string | symbol, import("../types").RawValue>> | {
             channel: "stroke" | "fill";
         };
-        text?: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
-        textFill?: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
-        textStroke?: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
-        textStartOffset?: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
-        textStrokeWidth?: import("../types").ConstantAccessor<number, import("../types").DataRecord>;
-        lineClass?: import("../types").ConstantAccessor<string, import("../types").DataRecord>;
+        text?: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
+        textFill?: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
+        textStroke?: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
+        textStartOffset?: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
+        textStrokeWidth?: import("../types").ConstantAccessor<number, Record<string | symbol, import("../types").RawValue>>;
+        lineClass?: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;
         canvas?: boolean;
     }, "x" | "data"> & {
         data: Datum[];

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

@@ -1,32 +1,32 @@
 import type { ChannelAccessor, DataRecord } from '../types/index.js';
 declare class __sveltets_Render<Datum extends DataRecord> {
     props(): Omit<Partial<{
-        filter?: import("../types/index.js").ConstantAccessor<boolean, DataRecord>;
+        filter?: import("../types/index.js").ConstantAccessor<boolean, Record<string | symbol, import("../types/data").RawValue>>;
         facet?: "auto" | "include" | "exclude";
-        fx: ChannelAccessor<DataRecord>;
-        fy: ChannelAccessor<DataRecord>;
-        dx: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-        dy: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-        fill: ChannelAccessor<DataRecord>;
-        fillOpacity: import("../types/index.js").ConstantAccessor<number, DataRecord>;
+        fx: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
+        fy: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
+        dx: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
+        dy: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
+        fill: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
+        fillOpacity: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
         sort: {
             channel: string;
             order?: "ascending" | "descending";
-        } | ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/data").RawValue, DataRecord>;
-        stroke: ChannelAccessor<DataRecord>;
-        strokeWidth: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-        strokeOpacity: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-        strokeLinejoin: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, DataRecord>;
-        strokeLinecap: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, DataRecord>;
-        strokeMiterlimit: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-        opacity: ChannelAccessor<DataRecord>;
-        strokeDasharray: import("../types/index.js").ConstantAccessor<string, DataRecord>;
-        strokeDashoffset: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-        mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, DataRecord>;
+        } | ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/data").RawValue, Record<string | symbol, import("../types/data").RawValue>>;
+        stroke: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
+        strokeWidth: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
+        strokeOpacity: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
+        strokeLinejoin: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Record<string | symbol, import("../types/data").RawValue>>;
+        strokeLinecap: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Record<string | symbol, import("../types/data").RawValue>>;
+        strokeMiterlimit: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
+        opacity: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
+        strokeDasharray: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;
+        strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
+        mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, import("../types/data").RawValue>>;
         clipPath: string;
-        imageFilter: import("../types/index.js").ConstantAccessor<string, DataRecord>;
-        shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, DataRecord>;
-        paintOrder: import("../types/index.js").ConstantAccessor<string, DataRecord>;
+        imageFilter: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;
+        shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Record<string | symbol, import("../types/data").RawValue>>;
+        paintOrder: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;
         onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
@@ -58,14 +58,14 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         class: string | null;
-        cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, DataRecord>;
+        cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types/data").RawValue>>;
     }> & {
-        data: DataRecord[];
-        x: ChannelAccessor<DataRecord>;
-        y: ChannelAccessor<DataRecord>;
+        data: Record<string | symbol, import("../types/data").RawValue>[];
+        x: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
+        y: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
         r?: number;
-        length?: ChannelAccessor<DataRecord>;
-        rotate?: ChannelAccessor<DataRecord>;
+        length?: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
+        rotate?: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
         anchor?: "start" | "middle" | "end";
         shape?: "arrow" | "spike" | "arrow-filled" | import("./Vector.svelte").ShapeRenderer;
         children?: import("svelte").Snippet;

package/dist/marks/Text.svelte

@@ -17,7 +17,7 @@
          * the font size of the text
          */
         fontFamily?: ConstantAccessor<CSS.Property.FontFamily, Datum>;
-        fontSize?: ConstantAccessor<CSS.Property.FontSize, Datum>;
+        fontSize?: ConstantAccessor<CSS.Property.FontSize | number, Datum>;
         fontWeight?: ConstantAccessor<CSS.Property.FontWeight, Datum>;
         fontStyle?: ConstantAccessor<CSS.Property.FontStyle, Datum>;
         fontVariant?: ConstantAccessor<CSS.Property.FontVariant, Datum>;
@@ -46,9 +46,14 @@
             | 'top-left'
             | 'bottom-left'
             | 'top-right'
-            | 'bottom-right',
+            | 'bottom-right'
+            | 'middle',
             Datum
         >;
+        /**
+         * rotate text by angle in degrees
+         */
+        rotate?: ConstantAccessor<number, Datum>;
     }
 
     import { getContext, type Snippet } from 'svelte';
@@ -59,14 +64,11 @@
         ConstantAccessor,
         ChannelAccessor,
         PlotDefaults,
-        TransformArg,
-        RawValue,
         LinkableMarkProps
     } from '../types/index.js';
     import { resolveProp, resolveStyles } from '../helpers/resolve.js';
     import Mark from '../Mark.svelte';
     import { sort } from '../index.js';
-    import Anchor from './helpers/Anchor.svelte';
 
     import MultilineText from './helpers/MultilineText.svelte';
 
@@ -74,8 +76,9 @@
         fontSize: 12,
         c: 500,
         strokeWidth: 1.6,
-        frameAnchor: 'center',
+        frameAnchor: 'middle' as const,
         lineHeight: 1.1,
+        rotate: 0,
         ...getContext<PlotDefaults>('svelteplot/_defaults').text
     };
 

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

@@ -1,6 +1,6 @@
 import type * as CSS from 'csstype';
 import { type Snippet } from 'svelte';
-import type { DataRecord, ConstantAccessor, ChannelAccessor, RawValue, LinkableMarkProps } from '../types/index.js';
+import type { DataRecord, ConstantAccessor, ChannelAccessor, LinkableMarkProps } from '../types/index.js';
 declare class __sveltets_Render<Datum extends DataRecord> {
     props(): Partial<{
         filter?: ConstantAccessor<boolean, Datum>;
@@ -14,7 +14,7 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         sort: {
             channel: string;
             order?: "ascending" | "descending";
-        } | ((a: RawValue, b: RawValue) => number) | ConstantAccessor<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>;
@@ -72,7 +72,7 @@ declare class __sveltets_Render<Datum extends DataRecord> {
          * the font size of the text
          */
         fontFamily?: ConstantAccessor<CSS.Property.FontFamily, Datum>;
-        fontSize?: ConstantAccessor<CSS.Property.FontSize<0 | (string & {})>, 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>;
         fontWeight?: ConstantAccessor<CSS.Property.FontWeight, Datum>;
         fontStyle?: ConstantAccessor<CSS.Property.FontStyle, Datum>;
         fontVariant?: ConstantAccessor<CSS.Property.FontVariant, Datum>;
@@ -93,7 +93,11 @@ declare class __sveltets_Render<Datum extends DataRecord> {
          * @default 1.2
          */
         lineHeight?: ConstantAccessor<number, Datum>;
-        frameAnchor?: ConstantAccessor<"bottom" | "top" | "left" | "right" | "top-left" | "bottom-left" | "top-right" | "bottom-right", Datum>;
+        frameAnchor?: ConstantAccessor<"bottom" | "top" | "left" | "right" | "middle" | "top-left" | "bottom-left" | "top-right" | "bottom-right", Datum>;
+        /**
+         * rotate text by angle in degrees
+         */
+        rotate?: ConstantAccessor<number, Datum>;
     };
     events(): {};
     slots(): {};

package/dist/marks/helpers/MultilineText.svelte

@@ -70,9 +70,6 @@
               ]
     );
 
-    const dx = $derived(+resolveProp(args.dx, d.datum, 0));
-    const dy = $derived(+resolveProp(args.dy, d.datum, 0));
-
     const [style, styleClass] = $derived(
         resolveStyles(
             plot,
@@ -116,6 +113,8 @@
     const lineHeight = $derived(
         textLines.length > 1 ? (resolveProp(args.lineHeight, d.datum) ?? 1.2) : 0
     );
+
+    const rotate = $derived(+resolveProp(args.rotate, d.datum, 0));
 </script>
 
 {#if textLines.length > 1}
@@ -124,9 +123,8 @@
         bind:this={textElement}
         class={[textClassName]}
         dominant-baseline={LINE_ANCHOR[lineAnchor]}
-        transform="translate({Math.round(x + dx)},{Math.round(
-            y +
-                dy -
+        transform="translate({Math.round(x)},{Math.round(
+            y -
                 (lineAnchor === 'bottom'
                     ? textLines.length - 1
                     : lineAnchor === 'middle'
@@ -134,7 +132,7 @@
                       : 0) *
                     computedFontSize *
                     lineHeight
-        )})"
+        )}) rotate({rotate})"
         >{#each textLines as line, l (l)}<tspan
                 x="0"
                 dy={l ? computedFontSize * lineHeight : 0}
@@ -146,7 +144,7 @@
     <text
         class={[textClassName, styleClass]}
         dominant-baseline={LINE_ANCHOR[lineAnchor]}
-        transform="translate({Math.round(x + dx)},{Math.round(y + dy)})"
+        transform="translate({Math.round(x)},{Math.round(y)}) rotate({rotate})"
         {style}
         >{textLines[0]}{#if title}<title>{title}</title>{/if}</text>
 {/if}

package/dist/transforms/bollinger.d.ts

@@ -12,32 +12,32 @@ export type BollingerOptions = {
 export declare function bollingerX(args: TransformArg<DataRecord>, options?: BollingerOptions): TransformArg<DataRecord>;
 export declare function bollingerY(args: TransformArg<DataRecord>, options?: BollingerOptions): TransformArg<DataRecord>;
 export declare function bollingerDim(dim: 'x' | 'y', { data, ...channels }: TransformArg<DataRecord>, options?: BollingerOptions): {
-    filter?: import("../types/index.js").ConstantAccessor<boolean, DataRecord>;
+    filter?: import("../types/index.js").ConstantAccessor<boolean, Record<string | symbol, import("../types/index.js").RawValue>>;
     facet?: "auto" | "include" | "exclude" | undefined;
-    fx?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    fy?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    dx?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    dy?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    fill?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    fillOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
+    fx?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
+    fy?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
+    dx?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
+    dy?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
+    fill?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
+    fillOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
     sort?: {
         channel: string;
         order?: "ascending" | "descending";
-    } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, DataRecord>;
-    stroke?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    strokeWidth?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    strokeOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, DataRecord>;
-    strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, DataRecord>;
-    strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    opacity?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    strokeDasharray?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
-    strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, DataRecord>;
+    } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, Record<string | symbol, import("../types/index.js").RawValue>>;
+    stroke?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
+    strokeWidth?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
+    strokeOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
+    strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Record<string | symbol, import("../types/index.js").RawValue>>;
+    strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Record<string | symbol, import("../types/index.js").RawValue>>;
+    strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
+    opacity?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
+    strokeDasharray?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/index.js").RawValue>>;
+    strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
+    mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, import("../types/index.js").RawValue>>;
     clipPath?: string | undefined;
-    imageFilter?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
-    shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, DataRecord>;
-    paintOrder?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
+    imageFilter?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/index.js").RawValue>>;
+    shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Record<string | symbol, import("../types/index.js").RawValue>>;
+    paintOrder?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/index.js").RawValue>>;
     onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
@@ -69,7 +69,7 @@ export declare function bollingerDim(dim: 'x' | 'y', { data, ...channels }: Tran
     oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     class?: string | null | undefined;
-    cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, DataRecord>;
+    cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types/index.js").RawValue>>;
     data: {
         __x: import("../types/index.js").RawValue;
         __lo: number;

package/dist/transforms/filter.d.ts

@@ -1,2 +1,2 @@
-import type { DataRecord, TransformArg } from '../types/index.js';
-export declare function filter({ data, ...channels }: TransformArg<DataRecord>): TransformArg<DataRecord>;
+import type { TransformArg } from '../types/index.js';
+export declare function filter<T>({ data, ...channels }: TransformArg<T>): TransformArg<T>;

package/dist/transforms/group.d.ts

@@ -39,21 +39,21 @@ type GroupZOptions = GroupXOptions | GroupYOptions;
  * to output channels fill, stroke, r, opacity, fillOpacity, or strokeOpacity
  */
 export declare function group({ data, ...channels }: TransformArg<T, DataRecord>, options?: GroupXOptions): {
-    data: DataRecord[];
+    data: Record<string | symbol, RawValue>[];
 };
 /**
  * groups the dataset by the x channel and optionally reduces the group items
  * to output channels y, y1, y2, fill, stroke, r, opacity, fillOpacity, or strokeOpacity
  */
 export declare function groupX(input: TransformArg<T, DataRecord>, options?: GroupXOptions): {
-    data: DataRecord[];
+    data: Record<string | symbol, RawValue>[];
 };
 /**
  * groups the dataset by the y channel and optionally reduces the group items
  * to output channels x, x1, x2, fill, stroke, r, opacity, fillOpacity, or strokeOpacity
  */
 export declare function groupY(input: TransformArg<T, DataRecord>, options?: GroupYOptions): {
-    data: DataRecord[];
+    data: Record<string | symbol, RawValue>[];
 };
 /**
  * groups the dataset by the z channel and optionally reduces the group items
@@ -61,6 +61,6 @@ export declare function groupY(input: TransformArg<T, DataRecord>, options?: Gro
  * or strokeOpacity
  */
 export declare function groupZ(input: TransformArg<T, DataRecord>, options?: GroupZOptions): {
-    data: DataRecord[];
+    data: Record<string | symbol, RawValue>[];
 };
 export {};

package/dist/transforms/index.d.ts

@@ -12,5 +12,5 @@ export { renameChannels, replaceChannels } from './rename.js';
 export { select, selectFirst, selectLast, selectMaxX, selectMaxY, selectMinX, selectMinY } from './select.js';
 export { shiftX, shiftY } from './shift.js';
 export { sort, shuffle, reverse } from './sort.js';
-export { stackX, stackY } from './stack.js';
+export { stackX, stackY, stackMosaicX, stackMosaicY } from './stack.js';
 export { windowX, windowY } from './window.js';

package/dist/transforms/index.js

@@ -12,5 +12,5 @@ export { renameChannels, replaceChannels } from './rename.js';
 export { select, selectFirst, selectLast, selectMaxX, selectMaxY, selectMinX, selectMinY } from './select.js';
 export { shiftX, shiftY } from './shift.js';
 export { sort, shuffle, reverse } from './sort.js';
-export { stackX, stackY } from './stack.js';
+export { stackX, stackY, stackMosaicX, stackMosaicY } from './stack.js';
 export { windowX, windowY } from './window.js';