svelteplot 0.3.5 → 0.3.6-pr-124.0

package/dist/marks/AxisX.svelte

@@ -26,13 +26,14 @@
         > {
         data?: Datum[];
         automatic?: boolean;
-        title?: string;
+        title?: string | false | null;
         anchor?: 'top' | 'bottom';
         interval?: string | number;
         facetAnchor?: 'auto' | 'top-empty' | 'bottom-empty' | 'top' | 'bottom';
         labelAnchor?: 'auto' | 'left' | 'center' | 'right';
         tickSize?: number;
         tickFontSize?: ConstantAccessor<number, Datum>;
+        titleFontSize?: number;
         tickPadding?: number;
         tickFormat?:
             | 'auto'
@@ -43,7 +44,7 @@
         /** ticks is a shorthand for defining data, tickCount or interval */
         ticks?: number | string | Datum[];
         /** set to false or null to disable tick labels */
-        text: boolean | null;
+        text?: boolean | null;
         /** approximate number of ticks to be generated */
         tickCount?: number;
         /** approximate number of pixels between generated ticks */
@@ -56,6 +57,8 @@
         tickSize: 6,
         tickPadding: 3,
         tickFontSize: 11,
+        titleFontSize: 11,
+        opacity: 0.8,
         anchor: 'bottom',
         ...getContext<PlotDefaults>('svelteplot/_defaults').axis,
         ...getContext<PlotDefaults>('svelteplot/_defaults').axisX
@@ -140,18 +143,19 @@
     const isQuantitative = $derived(scaleType !== 'point' && scaleType !== 'band');
 
     const useTitle = $derived(
-        title ||
-            (optionsLabel === null
-                ? null
-                : optionsLabel !== undefined
-                  ? optionsLabel
-                  : plot.scales.x.autoTitle
-                    ? isQuantitative
-                        ? plot.options.x?.reverse
-                            ? `← ${plot.scales.x.autoTitle}${plot.options.x.percent ? ' (%)' : ''}`
-                            : `${plot.scales.x.autoTitle}${plot.options.x.percent ? ' (%)' : ''} →`
-                        : plot.scales.x.autoTitle
-                    : '')
+        title !== undefined
+            ? title || ''
+            : optionsLabel === null
+              ? null
+              : optionsLabel !== undefined
+                ? optionsLabel
+                : plot.scales.x.autoTitle
+                  ? isQuantitative
+                      ? plot.options.x?.reverse
+                          ? `← ${plot.scales.x.autoTitle}${plot.options.x.percent ? ' (%)' : ''}`
+                          : `${plot.scales.x.autoTitle}${plot.options.x.percent ? ' (%)' : ''} →`
+                      : plot.scales.x.autoTitle
+                  : ''
     );
 
     const useLabelAnchor = $derived(labelAnchor || plot.options?.x?.labelAnchor || 'auto');
@@ -188,8 +192,10 @@
             style={resolveScaledStyles(
                 null,
                 {
+                    opacity: 0.8,
                     ...options,
                     stroke: null,
+                    fontSize: options.titleFontSize || 11,
                     textAnchor:
                         titleAlign === 'right'
                             ? 'end'
@@ -231,8 +237,6 @@
 
 <style>
     text {
-        font-size: 11px;
-        opacity: 0.8;
         fill: currentColor;
     }
 </style>

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

@@ -1,32 +1,32 @@
 import type { RawValue, ConstantAccessor } from '../types/index.js';
 declare class __sveltets_Render<Datum extends RawValue> {
     props(): Omit<Partial<{
-        filter?: import("../types").ConstantAccessor<boolean, Datum>;
+        filter?: ConstantAccessor<boolean, Datum>;
         facet?: "auto" | "include" | "exclude";
-        fx: import("../types").ChannelAccessor<Datum>;
-        fy: import("../types").ChannelAccessor<Datum>;
-        dx: import("../types").ConstantAccessor<number, Datum>;
-        dy: import("../types").ConstantAccessor<number, Datum>;
-        fill: import("../types").ChannelAccessor<Datum>;
-        fillOpacity: import("../types").ConstantAccessor<number, Datum>;
+        fx: import("../types/channel").ChannelAccessor<Datum>;
+        fy: import("../types/channel").ChannelAccessor<Datum>;
+        dx: ConstantAccessor<number, Datum>;
+        dy: ConstantAccessor<number, Datum>;
+        fill: import("../types/channel").ChannelAccessor<Datum>;
+        fillOpacity: ConstantAccessor<number, Datum>;
         sort: {
             channel: string;
             order?: "ascending" | "descending";
-        } | ((a: import("../types").RawValue, b: import("../types").RawValue) => number) | import("../types").ConstantAccessor<import("../types").RawValue, Datum>;
-        stroke: import("../types").ChannelAccessor<Datum>;
-        strokeWidth: import("../types").ConstantAccessor<number, Datum>;
-        strokeOpacity: import("../types").ConstantAccessor<number, Datum>;
-        strokeLinejoin: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
-        strokeLinecap: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
-        strokeMiterlimit: import("../types").ConstantAccessor<number, Datum>;
-        opacity: import("../types").ChannelAccessor<Datum>;
-        strokeDasharray: import("../types").ConstantAccessor<string, Datum>;
-        strokeDashoffset: import("../types").ConstantAccessor<number, Datum>;
-        mixBlendMode: import("../types").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
+        } | ((a: RawValue, b: RawValue) => number) | ConstantAccessor<RawValue, Datum>;
+        stroke: import("../types/channel").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/channel").ChannelAccessor<Datum>;
+        strokeDasharray: ConstantAccessor<string, Datum>;
+        strokeDashoffset: ConstantAccessor<number, Datum>;
+        mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        imageFilter: import("../types").ConstantAccessor<string, Datum>;
-        shapeRendering: import("../types").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
-        paintOrder: import("../types").ConstantAccessor<string, Datum>;
+        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>;
@@ -58,24 +58,25 @@ declare class __sveltets_Render<Datum extends RawValue> {
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         class: string | null;
-        cursor: import("../types").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
+        cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }>, "fill" | "fillOpacity" | "href" | "target" | "title" | "paintOrder"> & {
         data?: Datum[] | undefined;
         automatic?: boolean;
-        title?: string;
+        title?: string | false | null;
         anchor?: "top" | "bottom";
         interval?: string | number;
         facetAnchor?: "auto" | "top-empty" | "bottom-empty" | "top" | "bottom";
         labelAnchor?: "auto" | "left" | "center" | "right";
         tickSize?: number;
         tickFontSize?: ConstantAccessor<number, Datum>;
+        titleFontSize?: number;
         tickPadding?: number;
         tickFormat?: "auto" | Intl.NumberFormatOptions | Intl.DateTimeFormatOptions | ((d: RawValue) => string) | undefined;
         tickClass?: ConstantAccessor<string, Datum>;
         /** ticks is a shorthand for defining data, tickCount or interval */
         ticks?: string | number | Datum[] | undefined;
         /** set to false or null to disable tick labels */
-        text: boolean | null;
+        text?: boolean | null;
         /** approximate number of ticks to be generated */
         tickCount?: number;
         /** approximate number of pixels between generated ticks */

package/dist/marks/AxisY.svelte

@@ -25,14 +25,16 @@
         > {
         data?: Datum[];
         automatic?: boolean;
-        title?: string;
+        title?: string | false | null;
         anchor?: 'left' | 'right';
         facetAnchor?: 'auto' | 'left' | 'right' | 'left-empty' | 'right-empty';
         lineAnchor?: 'top' | 'center' | 'bottom';
         interval?: string | number;
         labelAnchor?: 'auto' | 'left' | 'center' | 'right';
+        textAnchor?: 'auto' | 'start' | 'middle' | 'end';
         tickSize?: number;
         tickFontSize?: ConstantAccessor<number, Datum>;
+        titleFontSize?: number;
         tickPadding?: number;
         tickFormat?:
             | 'auto'
@@ -43,7 +45,7 @@
         /** ticks is a shorthand for defining data, tickCount or interval */
         ticks?: number | string | Datum[];
         /** set to false or null to disable tick labels */
-        text: boolean | null;
+        text?: boolean | null;
         /** approximate number of ticks to be generated */
         tickCount?: number;
         /** approximate number of pixels between generated ticks */
@@ -56,7 +58,9 @@
         tickSize: 6,
         tickPadding: 3,
         tickFontSize: 11,
+        opacity: 0.8,
         anchor: 'left',
+        textAnchor: 'auto',
         ...getContext<PlotDefaults>('svelteplot/_defaults').axis,
         ...getContext<PlotDefaults>('svelteplot/_defaults').axisY
     };
@@ -71,6 +75,7 @@
         facetAnchor = 'auto',
         interval = typeof magicTicks === 'string' ? magicTicks : undefined,
         lineAnchor = 'center',
+        textAnchor,
         tickSize,
         tickFontSize,
         tickPadding,
@@ -138,14 +143,15 @@
     const optionsLabel = $derived(plot.options.y.label);
 
     const useTitle = $derived(
-        title ||
-            (optionsLabel === null
-                ? null
-                : optionsLabel !== undefined
-                  ? optionsLabel
-                  : plot.scales.y.autoTitle
-                    ? `↑ ${plot.scales.y.autoTitle}${plot.options.y.percent ? ' (%)' : ''}`
-                    : '')
+        title !== undefined
+            ? title || ''
+            : optionsLabel === null
+              ? null
+              : optionsLabel !== undefined
+                ? optionsLabel
+                : plot.scales.y.autoTitle
+                  ? `↑ ${plot.scales.y.autoTitle}${plot.options.y.percent ? ' (%)' : ''}`
+                  : ''
     );
 
     const { getFacetState } = getContext<FacetContext>('svelteplot/facet');
@@ -176,7 +182,14 @@
         <text
             style={resolveScaledStyles(
                 null,
-                { ...options, stroke: null, textAnchor: anchor === 'left' ? 'start' : 'end' },
+                {
+                    opacity: 0.8,
+                    ...options,
+                    fontSize: options.titleFontSize ?? 11,
+                    fill: 'currentColor',
+                    stroke: null,
+                    textAnchor: anchor === 'left' ? 'start' : 'end'
+                },
                 {},
                 plot,
                 'fill'
@@ -191,7 +204,15 @@
             {anchor}
             {className}
             {lineAnchor}
-            {options}
+            options={{
+                ...options,
+                textAnchor:
+                    textAnchor == null || textAnchor === 'auto'
+                        ? anchor === 'left'
+                            ? 'end'
+                            : 'start'
+                        : textAnchor
+            }}
             {plot}
             {text}
             {tickClass}
@@ -210,8 +231,6 @@
 
 <style>
     text {
-        font-size: 11px;
-        opacity: 0.8;
         fill: currentColor;
     }
 </style>

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

@@ -1,32 +1,32 @@
 import type { RawValue, ConstantAccessor } from '../types/index.js';
 declare class __sveltets_Render<Datum extends RawValue> {
     props(): Omit<Partial<{
-        filter?: import("../types").ConstantAccessor<boolean, Datum>;
+        filter?: ConstantAccessor<boolean, Datum>;
         facet?: "auto" | "include" | "exclude";
-        fx: import("../types").ChannelAccessor<Datum>;
-        fy: import("../types").ChannelAccessor<Datum>;
-        dx: import("../types").ConstantAccessor<number, Datum>;
-        dy: import("../types").ConstantAccessor<number, Datum>;
-        fill: import("../types").ChannelAccessor<Datum>;
-        fillOpacity: import("../types").ConstantAccessor<number, Datum>;
+        fx: import("../types/channel").ChannelAccessor<Datum>;
+        fy: import("../types/channel").ChannelAccessor<Datum>;
+        dx: ConstantAccessor<number, Datum>;
+        dy: ConstantAccessor<number, Datum>;
+        fill: import("../types/channel").ChannelAccessor<Datum>;
+        fillOpacity: ConstantAccessor<number, Datum>;
         sort: {
             channel: string;
             order?: "ascending" | "descending";
-        } | ((a: import("../types").RawValue, b: import("../types").RawValue) => number) | import("../types").ConstantAccessor<import("../types").RawValue, Datum>;
-        stroke: import("../types").ChannelAccessor<Datum>;
-        strokeWidth: import("../types").ConstantAccessor<number, Datum>;
-        strokeOpacity: import("../types").ConstantAccessor<number, Datum>;
-        strokeLinejoin: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
-        strokeLinecap: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
-        strokeMiterlimit: import("../types").ConstantAccessor<number, Datum>;
-        opacity: import("../types").ChannelAccessor<Datum>;
-        strokeDasharray: import("../types").ConstantAccessor<string, Datum>;
-        strokeDashoffset: import("../types").ConstantAccessor<number, Datum>;
-        mixBlendMode: import("../types").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
+        } | ((a: RawValue, b: RawValue) => number) | ConstantAccessor<RawValue, Datum>;
+        stroke: import("../types/channel").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/channel").ChannelAccessor<Datum>;
+        strokeDasharray: ConstantAccessor<string, Datum>;
+        strokeDashoffset: ConstantAccessor<number, Datum>;
+        mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        imageFilter: import("../types").ConstantAccessor<string, Datum>;
-        shapeRendering: import("../types").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
-        paintOrder: import("../types").ConstantAccessor<string, Datum>;
+        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>;
@@ -58,25 +58,27 @@ declare class __sveltets_Render<Datum extends RawValue> {
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         class: string | null;
-        cursor: import("../types").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
+        cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }>, "fill" | "fillOpacity" | "href" | "target" | "title" | "paintOrder"> & {
         data?: Datum[] | undefined;
         automatic?: boolean;
-        title?: string;
+        title?: string | false | null;
         anchor?: "left" | "right";
         facetAnchor?: "auto" | "left" | "right" | "left-empty" | "right-empty";
         lineAnchor?: "top" | "center" | "bottom";
         interval?: string | number;
         labelAnchor?: "auto" | "left" | "center" | "right";
+        textAnchor?: "auto" | "start" | "middle" | "end";
         tickSize?: number;
         tickFontSize?: ConstantAccessor<number, Datum>;
+        titleFontSize?: number;
         tickPadding?: number;
         tickFormat?: "auto" | Intl.NumberFormatOptions | Intl.DateTimeFormatOptions | ((d: RawValue) => string) | undefined;
         tickClass?: ConstantAccessor<string, Datum>;
         /** ticks is a shorthand for defining data, tickCount or interval */
         ticks?: string | number | Datum[] | undefined;
         /** set to false or null to disable tick labels */
-        text: boolean | null;
+        text?: boolean | null;
         /** approximate number of ticks to be generated */
         tickCount?: number;
         /** approximate number of pixels between generated ticks */

package/dist/marks/BarX.svelte

@@ -22,7 +22,7 @@
 
     import Mark from '../Mark.svelte';
     import { getContext } from 'svelte';
-    import { stackX, recordizeX, intervalX, sort } from '..';
+    import { stackX, recordizeX, intervalX, sort } from '../index.js';
 
     import type { StackOptions } from '../transforms/stack.js';
     import type { DataRow } from '../types/index.js';

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

@@ -3,32 +3,32 @@ import type { DataRow } from '../types/index.js';
 import type { BaseRectMarkProps, ChannelAccessor, LinkableMarkProps } from '../types/index.js';
 declare class __sveltets_Render<Datum extends DataRow> {
     props(): Partial<{
-        filter?: import("../types").ConstantAccessor<boolean, Datum>;
+        filter?: import("../types/index.js").ConstantAccessor<boolean, Datum>;
         facet?: "auto" | "include" | "exclude";
-        fx: import("../types").ChannelAccessor<Datum>;
-        fy: import("../types").ChannelAccessor<Datum>;
-        dx: import("../types").ConstantAccessor<number, Datum>;
-        dy: import("../types").ConstantAccessor<number, Datum>;
-        fill: import("../types").ChannelAccessor<Datum>;
-        fillOpacity: import("../types").ConstantAccessor<number, Datum>;
+        fx: ChannelAccessor<Datum>;
+        fy: ChannelAccessor<Datum>;
+        dx: import("../types/index.js").ConstantAccessor<number, Datum>;
+        dy: import("../types/index.js").ConstantAccessor<number, Datum>;
+        fill: ChannelAccessor<Datum>;
+        fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
         sort: {
             channel: string;
             order?: "ascending" | "descending";
-        } | ((a: import("../types").RawValue, b: import("../types").RawValue) => number) | import("../types").ConstantAccessor<import("../types").RawValue, Datum>;
-        stroke: import("../types").ChannelAccessor<Datum>;
-        strokeWidth: import("../types").ConstantAccessor<number, Datum>;
-        strokeOpacity: import("../types").ConstantAccessor<number, Datum>;
-        strokeLinejoin: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
-        strokeLinecap: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
-        strokeMiterlimit: import("../types").ConstantAccessor<number, Datum>;
-        opacity: import("../types").ChannelAccessor<Datum>;
-        strokeDasharray: import("../types").ConstantAccessor<string, Datum>;
-        strokeDashoffset: import("../types").ConstantAccessor<number, Datum>;
-        mixBlendMode: import("../types").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
+        } | ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/data").RawValue, Datum>;
+        stroke: ChannelAccessor<Datum>;
+        strokeWidth: import("../types/index.js").ConstantAccessor<number, Datum>;
+        strokeOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
+        strokeLinejoin: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
+        strokeLinecap: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
+        strokeMiterlimit: import("../types/index.js").ConstantAccessor<number, Datum>;
+        opacity: ChannelAccessor<Datum>;
+        strokeDasharray: import("../types/index.js").ConstantAccessor<string, Datum>;
+        strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Datum>;
+        mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        imageFilter: import("../types").ConstantAccessor<string, Datum>;
-        shapeRendering: import("../types").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
-        paintOrder: import("../types").ConstantAccessor<string, Datum>;
+        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").MouseEventHandler<SVGPathElement>;
         ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
@@ -60,7 +60,7 @@ 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, Datum>;
+        cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }> & LinkableMarkProps<Datum> & BaseRectMarkProps<Datum> & {
         data: Datum[];
         x?: ChannelAccessor<Datum>;

package/dist/marks/BarY.svelte

@@ -23,7 +23,7 @@
 
     import Mark from '../Mark.svelte';
     import { getContext } from 'svelte';
-    import { intervalY, stackY, recordizeY, sort } from '..';
+    import { intervalY, stackY, recordizeY, sort } from '../index.js';
 
     import type { StackOptions } from '../transforms/stack.js';
     import GroupMultiple from './helpers/GroupMultiple.svelte';

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

@@ -2,32 +2,32 @@ import type { StackOptions } from '../transforms/stack.js';
 import type { BaseRectMarkProps, ChannelAccessor, DataRow, LinkableMarkProps } from '../types/index.js';
 declare class __sveltets_Render<Datum extends DataRow> {
     props(): Partial<{
-        filter?: import("../types").ConstantAccessor<boolean, Datum>;
+        filter?: import("../types/index.js").ConstantAccessor<boolean, Datum>;
         facet?: "auto" | "include" | "exclude";
-        fx: import("../types").ChannelAccessor<Datum>;
-        fy: import("../types").ChannelAccessor<Datum>;
-        dx: import("../types").ConstantAccessor<number, Datum>;
-        dy: import("../types").ConstantAccessor<number, Datum>;
-        fill: import("../types").ChannelAccessor<Datum>;
-        fillOpacity: import("../types").ConstantAccessor<number, Datum>;
+        fx: ChannelAccessor<Datum>;
+        fy: ChannelAccessor<Datum>;
+        dx: import("../types/index.js").ConstantAccessor<number, Datum>;
+        dy: import("../types/index.js").ConstantAccessor<number, Datum>;
+        fill: ChannelAccessor<Datum>;
+        fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
         sort: {
             channel: string;
             order?: "ascending" | "descending";
-        } | ((a: import("../types").RawValue, b: import("../types").RawValue) => number) | import("../types").ConstantAccessor<import("../types").RawValue, Datum>;
-        stroke: import("../types").ChannelAccessor<Datum>;
-        strokeWidth: import("../types").ConstantAccessor<number, Datum>;
-        strokeOpacity: import("../types").ConstantAccessor<number, Datum>;
-        strokeLinejoin: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
-        strokeLinecap: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
-        strokeMiterlimit: import("../types").ConstantAccessor<number, Datum>;
-        opacity: import("../types").ChannelAccessor<Datum>;
-        strokeDasharray: import("../types").ConstantAccessor<string, Datum>;
-        strokeDashoffset: import("../types").ConstantAccessor<number, Datum>;
-        mixBlendMode: import("../types").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
+        } | ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/data").RawValue, Datum>;
+        stroke: ChannelAccessor<Datum>;
+        strokeWidth: import("../types/index.js").ConstantAccessor<number, Datum>;
+        strokeOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
+        strokeLinejoin: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
+        strokeLinecap: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
+        strokeMiterlimit: import("../types/index.js").ConstantAccessor<number, Datum>;
+        opacity: ChannelAccessor<Datum>;
+        strokeDasharray: import("../types/index.js").ConstantAccessor<string, Datum>;
+        strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Datum>;
+        mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        imageFilter: import("../types").ConstantAccessor<string, Datum>;
-        shapeRendering: import("../types").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
-        paintOrder: import("../types").ConstantAccessor<string, Datum>;
+        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").MouseEventHandler<SVGPathElement>;
         ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
@@ -59,7 +59,7 @@ 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, Datum>;
+        cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }> & LinkableMarkProps<Datum> & BaseRectMarkProps<Datum> & {
         data: Datum[];
         x?: ChannelAccessor<Datum>;

package/dist/marks/BollingerX.svelte

@@ -3,7 +3,7 @@
     line representing a moving average and an area representing volatility as a band
 -->
 <script lang="ts" generics="Datum extends DataRecord">
-    import { Area, Line, bollingerX, recordizeX } from '..';
+    import { Area, Line, bollingerX, recordizeX } from '../index.js';
     import type {
         BaseMarkProps,
         ChannelAccessor,

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

@@ -1,77 +1,6 @@
-import type { ChannelAccessor, DataRecord } from '../types/index.js';
+import type { DataRecord } from '../types/index.js';
 declare class __sveltets_Render<Datum extends DataRecord> {
-    props(): Partial<{
-        filter?: import("../types").ConstantAccessor<boolean, Datum>;
-        facet?: "auto" | "include" | "exclude";
-        fx: import("../types").ChannelAccessor<Datum>;
-        fy: import("../types").ChannelAccessor<Datum>;
-        dx: import("../types").ConstantAccessor<number, Datum>;
-        dy: import("../types").ConstantAccessor<number, Datum>;
-        fill: import("../types").ChannelAccessor<Datum>;
-        fillOpacity: import("../types").ConstantAccessor<number, Datum>;
-        sort: {
-            channel: string;
-            order?: "ascending" | "descending";
-        } | ((a: import("../types").RawValue, b: import("../types").RawValue) => number) | import("../types").ConstantAccessor<import("../types").RawValue, Datum>;
-        stroke: import("../types").ChannelAccessor<Datum>;
-        strokeWidth: import("../types").ConstantAccessor<number, Datum>;
-        strokeOpacity: import("../types").ConstantAccessor<number, Datum>;
-        strokeLinejoin: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
-        strokeLinecap: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
-        strokeMiterlimit: import("../types").ConstantAccessor<number, Datum>;
-        opacity: import("../types").ChannelAccessor<Datum>;
-        strokeDasharray: import("../types").ConstantAccessor<string, Datum>;
-        strokeDashoffset: import("../types").ConstantAccessor<number, Datum>;
-        mixBlendMode: import("../types").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
-        clipPath: string;
-        imageFilter: import("../types").ConstantAccessor<string, Datum>;
-        shapeRendering: import("../types").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
-        paintOrder: import("../types").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 | null;
-        cursor: import("../types").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
-    }> & {
-        data: Datum[];
-        x?: ChannelAccessor<Datum>;
-        y?: ChannelAccessor<Datum>;
-        /**
-         * the window size (the window transform's k option), an integer; defaults to 20
-         */
-        n?: number;
-        /**
-         * the band radius, a number representing a multiple of standard deviations; defaults to 2
-         */
-        k?: number;
-    };
+    props(): any;
     events(): {};
     slots(): {};
     bindings(): "";

package/dist/marks/BollingerY.svelte

@@ -3,7 +3,7 @@
     line representing a moving average and an area representing volatility as a band
 -->
 <script lang="ts" generics="Datum extends DataRecord">
-    import { Area, Line, bollingerY, recordizeY } from '..';
+    import { Area, Line, bollingerY, recordizeY } from '../index.js';
     import type {
         BaseMarkProps,
         ChannelAccessor,