svelteplot 0.3.2 → 0.3.3-pr-115.1

package/dist/helpers/colors.d.ts

@@ -6,7 +6,7 @@ type SchemeGetter = (n: number) => readonly string[];
 export declare function isOrdinalScheme(scheme: ColorScheme): boolean;
 export declare function ordinalScheme(scheme: string): SchemeGetter | undefined;
 export declare function ordinalRange(scheme: string, length: number): readonly string[] | undefined;
-export declare function maybeBooleanRange(domain: boolean[], scheme?: string): unknown[] | undefined;
+export declare function maybeBooleanRange(domain: boolean[], scheme?: string): any[] | undefined;
 export declare function isQuantitativeScheme(scheme: string): boolean;
 export declare function quantitativeScheme(scheme: string): typeof interpolateBrBG | undefined;
 export declare function isDivergingScheme(scheme: string): boolean;

package/dist/helpers/getBaseStyles.d.ts

@@ -5,3 +5,5 @@ export declare function getBaseStylesObject(datum: DataRow, props: Partial<Chann
 };
 export default function (datum: DataRow, props: Partial<Channels>): string;
 export declare function maybeToPixel(cssKey: string, value: string | number): string | number;
+export declare function maybeFromPixel(value: string | number): string | number;
+export declare function maybeFromRem(value: string | number, rootFontSize?: number): string | number;

package/dist/helpers/getBaseStyles.js

@@ -41,3 +41,11 @@ export function maybeToPixel(cssKey, value) {
     }
     return value;
 }
+export function maybeFromPixel(value) {
+    return typeof value === 'string' && value.endsWith('px') ? +value.slice(0, -2) : value;
+}
+export function maybeFromRem(value, rootFontSize = 16) {
+    return typeof value === 'string' && value.endsWith('rem')
+        ? +value.slice(0, -3) * rootFontSize
+        : value;
+}

package/dist/helpers/index.d.ts

@@ -3,8 +3,8 @@ import type { Snippet } from 'svelte';
 /**
  * Returns first argument that is not null or undefined
  */
-export declare function coalesce(...args: (RawValue | undefined | null)[]): RawValue | null;
-export declare function testFilter(datum: DataRecord, options: Record<ChannelName, ChannelAccessor>): string | number | boolean | symbol | Date | null;
+export declare function coalesce(...args: (RawValue | undefined | null)[]): any;
+export declare function testFilter(datum: DataRecord, options: Record<ChannelName, ChannelAccessor>): any;
 export declare function randomId(): string;
 export declare function isSnippet(value: unknown): value is Snippet;
 export declare function isValid(value: RawValue | undefined): value is number | Date | string;

package/dist/helpers/scales.d.ts

@@ -15,7 +15,7 @@ export declare function createScale<T extends ScaleOptions>(name: ScaleName, sca
     autoTitle?: undefined;
 } | {
     type: ScaleType;
-    domain: RawValue[] | [undefined, undefined];
+    domain: any;
     range: any;
     fn: any;
     skip: Map<ScaledChannelName, Set<symbol>>;

package/dist/helpers/typeChecks.d.ts

@@ -1,10 +1,10 @@
 import type { RawValue } from '../types.js';
-export declare function isBooleanOrNull(v: RawValue): v is boolean;
+export declare function isBooleanOrNull(v: RawValue): boolean;
 export declare function isDate(v: RawValue): v is Date;
-export declare function isDateOrNull(v: RawValue | null | undefined): v is Date | null | undefined;
+export declare function isDateOrNull(v: RawValue | null | undefined): boolean;
 export declare function isNumberOrNull(v: RawValue | null | undefined): boolean;
 export declare function isNumberOrNullOrNaN(v: RawValue | null | undefined): boolean;
-export declare function isStringOrNull(v: RawValue | null | undefined): v is string | null | undefined;
+export declare function isStringOrNull(v: RawValue | null | undefined): boolean;
 export declare function isSymbolOrNull(v: RawValue | null | undefined): boolean;
-export declare function isColorOrNull(v: RawValue | null | undefined): boolean;
+export declare function isColorOrNull(v: RawValue | null | undefined): any;
 export declare function isOpacityOrNull(v: RawValue): boolean;

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

@@ -13,6 +13,6 @@ export type BollingerXMarkProps = BaseMarkProps & {
 };
 import type { BaseMarkProps, ChannelAccessor, DataRow } from '../types.js';
 /** line representing a moving average and an area representing volatility as a band */
-declare const BollingerX: import("svelte").Component<BollingerXMarkProps, {}, "">;
+declare const BollingerX: import("svelte").Component<any, {}, "">;
 type BollingerX = ReturnType<typeof BollingerX>;
 export default BollingerX;

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

@@ -13,6 +13,6 @@ export type BollingerYMarkProps = BaseMarkProps & {
 };
 import type { BaseMarkProps, ChannelAccessor, DataRow } from '../types.js';
 /** line representing a moving average and an area representing volatility as a band */
-declare const BollingerY: import("svelte").Component<BollingerYMarkProps, {}, "">;
+declare const BollingerY: import("svelte").Component<any, {}, "">;
 type BollingerY = ReturnType<typeof BollingerY>;
 export default BollingerY;

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

@@ -1,6 +1,6 @@
 import { type BaseMarkProps, type LinkableMarkProps } from '../types.js';
 export type SphereMarkProps = BaseMarkProps & LinkableMarkProps;
 /** Geo mark with Sphere geometry object */
-declare const Sphere: import("svelte").Component<SphereMarkProps, {}, "">;
+declare const Sphere: import("svelte").Component<any, {}, "">;
 type Sphere = ReturnType<typeof Sphere>;
 export default Sphere;

package/dist/marks/Text.svelte

@@ -18,6 +18,11 @@
          * the line anchor for vertical position; top, bottom, or middle
          */
         lineAnchor?: ConstantAccessor<'bottom' | 'top' | 'middle'>;
+        /**
+         * line height as multiplier of font size
+         * @default 1.2
+         */
+        lineHeight?: ConstantAccessor<number>;
         frameAnchor?: ConstantAccessor<
             | 'bottom'
             | 'top'
@@ -35,7 +40,6 @@
     import { getContext, type Snippet } from 'svelte';
     import GroupMultiple from './helpers/GroupMultiple.svelte';
     import type {
-        PlotContext,
         DataRecord,
         BaseMarkProps,
         ConstantAccessor,
@@ -46,10 +50,14 @@
     import Mark from '../Mark.svelte';
     import { sort } from '../index.js';
 
+    import MultilineText from './helpers/MultilineText.svelte';
+
     const DEFAULTS = {
         fontSize: 12,
         fontWeight: 500,
         strokeWidth: 1.6,
+        frameAnchor: 'center',
+        lineHeight: 1.1,
         ...getContext<PlotDefaults>('svelteplot/_defaults').text
     };
 
@@ -64,21 +72,12 @@
         ...markProps
     });
 
-    const { getPlotState } = getContext<PlotContext>('svelteplot');
-    let plot = $derived(getPlotState());
-
-    const LINE_ANCHOR = {
-        bottom: 'auto',
-        middle: 'central',
-        top: 'hanging'
-    } as const;
-
     const args = $derived(
         sort({
             data,
             ...options
         })
-    );
+    ) as TextMarkProps;
 </script>
 
 <Mark
@@ -94,105 +93,15 @@
         'strokeOpacity',
         'fillOpacity'
     ]}
-    required={['x', 'y']}
+    required={[]}
     {...args}>
     {#snippet children({ mark, scaledData, usedScales })}
         <GroupMultiple class="text {className}" length={className ? 2 : args.data.length}>
             {#each scaledData as d, i (i)}
                 {#if d.valid}
-                    {@const title = resolveProp(args.title, d.datum, '')}
-                    {@const frameAnchor = resolveProp(args.frameAnchor, d.datum)}
-                    {@const isLeft =
-                        frameAnchor === 'left' ||
-                        frameAnchor === 'top-left' ||
-                        frameAnchor === 'bottom-left'}
-                    {@const isRight =
-                        frameAnchor === 'right' ||
-                        frameAnchor === 'top-right' ||
-                        frameAnchor === 'bottom-right'}
-                    {@const isTop =
-                        frameAnchor === 'top' ||
-                        frameAnchor === 'top-left' ||
-                        frameAnchor === 'top-right'}
-                    {@const isBottom =
-                        frameAnchor === 'bottom' ||
-                        frameAnchor === 'bottom-left' ||
-                        frameAnchor === 'bottom-right'}
-                    {@const [x, y] =
-                        args.x != null && args.y != null
-                            ? [d.x, d.y]
-                            : [
-                                  args.x != null
-                                      ? d.x
-                                      : isLeft
-                                        ? plot.options.marginLeft
-                                        : isRight
-                                          ? plot.options.marginLeft + plot.facetWidth
-                                          : plot.options.marginLeft + plot.facetWidth * 0.5,
-                                  args.y != null
-                                      ? d.y
-                                      : isTop
-                                        ? plot.options.marginTop
-                                        : isBottom
-                                          ? plot.options.marginTop + plot.facetHeight
-                                          : plot.options.marginTop + plot.facetHeight * 0.5
-                              ]}
-
-                    {@const dx = +resolveProp(args.dx, d.datum, 0)}
-                    {@const dy = +resolveProp(args.dy, d.datum, 0)}
                     {@const textLines = String(resolveProp(args.text, d.datum, '')).split('\n')}
-                    {@const lineAnchor = resolveProp(
-                        args.lineAnchor,
-                        d.datum,
-                        args.y != null ? 'middle' : isTop ? 'top' : isBottom ? 'bottom' : 'middle'
-                    )}
-                    {@const textClassName = resolveProp(args.textClass, d.datum, null)}
-
-                    {@const [style, styleClass] = resolveStyles(
-                        plot,
-                        { ...d, __tspanIndex: 0 },
-                        {
-                            fontSize: 12,
-                            fontWeight: 500,
-                            strokeWidth: 1.6,
-                            textAnchor: isLeft ? 'start' : isRight ? 'end' : 'middle',
-                            ...args
-                        },
-                        'fill',
-                        usedScales
-                    )}
 
-                    {#if textLines.length > 1}
-                        <!-- multiline text-->
-                        {@const fontSize = resolveProp(args.fontSize, d.datum) || 12}
-                        <text
-                            class={[textClassName]}
-                            dominant-baseline={LINE_ANCHOR[lineAnchor]}
-                            transform="translate({Math.round(x + dx)},{Math.round(
-                                y +
-                                    dy -
-                                    (lineAnchor === 'bottom'
-                                        ? textLines.length - 1
-                                        : lineAnchor === 'middle'
-                                          ? (textLines.length - 1) * 0.5
-                                          : 0) *
-                                        fontSize
-                            )})"
-                            >{#each textLines as line, l (l)}<tspan
-                                    x="0"
-                                    dy={l ? fontSize : 0}
-                                    class={styleClass}
-                                    {style}>{line}</tspan
-                                >{/each}{#if title}<title>{title}</title>{/if}</text>
-                    {:else}
-                        <!-- singleline text-->
-                        <text
-                            class={[textClassName, styleClass]}
-                            dominant-baseline={LINE_ANCHOR[lineAnchor]}
-                            transform="translate({Math.round(x + dx)},{Math.round(y + dy)})"
-                            {style}
-                            >{textLines[0]}{#if title}<title>{title}</title>{/if}</text>
-                    {/if}
+                    <MultilineText {textLines} {d} {args} {usedScales} />
                 {/if}
             {/each}
         </GroupMultiple>

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

@@ -13,6 +13,11 @@ export type TextMarkProps = BaseMarkProps & {
      * the line anchor for vertical position; top, bottom, or middle
      */
     lineAnchor?: ConstantAccessor<'bottom' | 'top' | 'middle'>;
+    /**
+     * line height as multiplier of font size
+     * @default 1.2
+     */
+    lineHeight?: ConstantAccessor<number>;
     frameAnchor?: ConstantAccessor<'bottom' | 'top' | 'left' | 'right' | 'top-left' | 'bottom-left' | 'top-right' | 'bottom-right'>;
 };
 import { type Snippet } from 'svelte';

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

@@ -1,44 +1,4 @@
-import { type MarkerShape } from './Marker.svelte';
-import type { BaseMarkProps, ConstantAccessor, DataRecord, Mark, PlotScales } from '../../types.js';
-type MarkerPathProps = BaseMarkProps & {
-    /**
-     * the datum associated with this path, usually the first
-     * element of the data array group
-     */
-    datum: DataRecord;
-    /**
-     * 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<BaseMarkProps>;
-    scales: PlotScales;
-};
 /** Helper component for paths with markers and optional text along the path. */
-declare const MarkerPath: import("svelte").Component<MarkerPathProps, {}, "">;
+declare const MarkerPath: import("svelte").Component<any, {}, "">;
 type MarkerPath = ReturnType<typeof MarkerPath>;
 export default MarkerPath;

package/dist/marks/helpers/MultilineText.svelte

@@ -0,0 +1,158 @@
+<script lang="ts">
+    import { resolveProp, resolveStyles } from '../../helpers/resolve';
+    import { getContext, type ComponentProps } from 'svelte';
+    import type { PlotContext, ScaledDataRecord, UsedScales } from '../../types';
+    import type Text from '../Text.svelte';
+    import { CSS_VAR } from '../../constants';
+    import { maybeFromPixel, maybeFromRem } from '../../helpers/getBaseStyles';
+
+    const LINE_ANCHOR = {
+        bottom: 'auto',
+        middle: 'central',
+        top: 'hanging'
+    } as const;
+
+    const { getPlotState } = getContext<PlotContext>('svelteplot');
+    const plot = $derived(getPlotState());
+
+    let {
+        textLines,
+        d,
+        args,
+        usedScales
+    }: {
+        textLines: string[];
+        d: ScaledDataRecord;
+        args: ComponentProps<typeof Text>;
+        usedScales: UsedScales;
+    } = $props();
+
+    const title = $derived(resolveProp(args.title, d.datum, ''));
+    const frameAnchor = $derived(resolveProp(args.frameAnchor, d.datum));
+    const isLeft = $derived(
+        frameAnchor === 'left' || frameAnchor === 'top-left' || frameAnchor === 'bottom-left'
+    );
+    const isRight = $derived(
+        frameAnchor === 'right' || frameAnchor === 'top-right' || frameAnchor === 'bottom-right'
+    );
+    const isTop = $derived(
+        frameAnchor === 'top' || frameAnchor === 'top-left' || frameAnchor === 'top-right'
+    );
+    const isBottom = $derived(
+        frameAnchor === 'bottom' || frameAnchor === 'bottom-left' || frameAnchor === 'bottom-right'
+    );
+    const lineAnchor = $derived(
+        resolveProp(
+            args.lineAnchor,
+            d.datum,
+            args.y != null ? 'middle' : isTop ? 'top' : isBottom ? 'bottom' : 'middle'
+        )
+    );
+    const textClassName = $derived(resolveProp(args.textClass, d.datum, null));
+    const [x, y] = $derived(
+        args.x != null && args.y != null
+            ? [d.x, d.y]
+            : [
+                  args.x != null
+                      ? d.x
+                      : isLeft
+                        ? plot.options.marginLeft
+                        : isRight
+                          ? plot.options.marginLeft + plot.facetWidth
+                          : plot.options.marginLeft + plot.facetWidth * 0.5,
+                  args.y != null
+                      ? d.y
+                      : isTop
+                        ? plot.options.marginTop
+                        : isBottom
+                          ? plot.options.marginTop + plot.facetHeight
+                          : plot.options.marginTop + plot.facetHeight * 0.5
+              ]
+    );
+
+    const dx = $derived(+resolveProp(args.dx, d.datum, 0));
+    const dy = $derived(+resolveProp(args.dy, d.datum, 0));
+
+    const [style, styleClass] = $derived(
+        resolveStyles(
+            plot,
+            { ...d, __tspanIndex: 0 },
+            {
+                fontSize: 12,
+                fontWeight: 500,
+                strokeWidth: 1.6,
+                textAnchor: isLeft ? 'start' : isRight ? 'end' : 'middle',
+                ...args
+            },
+            'fill',
+            usedScales
+        )
+    );
+
+    const fontSize = $derived(
+        textLines.length > 1 ? (resolveProp(args.fontSize, d.datum) ?? 12) : 0
+    );
+    let textElement: SVGTextElement | null = $state(null);
+
+    const rootFontSize = $derived(
+        textElement?.ownerDocument?.documentElement && textLines.length > 1
+            ? maybeFromPixel(getComputedStyle(textElement.ownerDocument.documentElement).fontSize)
+            : 14
+    );
+
+    const computedFontSize = $derived(
+        textElement && textLines.length > 1 && CSS_VAR.test(fontSize)
+            ? maybeFromRem(
+                  maybeFromPixel(
+                      getComputedStyle(textElement).getPropertyValue(
+                          `--${fontSize.match(CSS_VAR)[1]}`
+                      )
+                  ),
+                  rootFontSize
+              )
+            : fontSize
+    );
+
+    const lineHeight = $derived(
+        textLines.length > 1 ? (resolveProp(args.lineHeight, d.datum) ?? 1.2) : 0
+    );
+</script>
+
+{#if textLines.length > 1}
+    <!-- multiline text-->
+    <text
+        bind:this={textElement}
+        class={[textClassName]}
+        dominant-baseline={LINE_ANCHOR[lineAnchor]}
+        transform="translate({Math.round(x + dx)},{Math.round(
+            y +
+                dy -
+                (lineAnchor === 'bottom'
+                    ? textLines.length - 1
+                    : lineAnchor === 'middle'
+                      ? (textLines.length - 1) * 0.5
+                      : 0) *
+                    computedFontSize *
+                    lineHeight
+        )})"
+        >{#each textLines as line, l (l)}<tspan
+                x="0"
+                dy={l ? computedFontSize * lineHeight : 0}
+                class={styleClass}
+                {style}>{line}</tspan
+            >{/each}{#if title}<title>{title}</title>{/if}</text>
+{:else}
+    <!-- singleline text-->
+    <text
+        class={[textClassName, styleClass]}
+        dominant-baseline={LINE_ANCHOR[lineAnchor]}
+        transform="translate({Math.round(x + dx)},{Math.round(y + dy)})"
+        {style}
+        >{textLines[0]}{#if title}<title>{title}</title>{/if}</text>
+{/if}
+
+<style>
+    text {
+        paint-order: stroke fill;
+    }
+</style>

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

@@ -0,0 +1,12 @@
+import { type ComponentProps } from 'svelte';
+import type { ScaledDataRecord, UsedScales } from '../../types';
+import type Text from '../Text.svelte';
+type $$ComponentProps = {
+    textLines: string[];
+    d: ScaledDataRecord;
+    args: ComponentProps<typeof Text>;
+    usedScales: UsedScales;
+};
+declare const MultilineText: import("svelte").Component<$$ComponentProps, {}, "">;
+type MultilineText = ReturnType<typeof MultilineText>;
+export default MultilineText;

package/dist/transforms/bollinger.d.ts

@@ -11,69 +11,4 @@ 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.js").ConstantAccessor<boolean>;
-    facet?: "auto" | "include" | "exclude" | undefined;
-    fx?: import("../types.js").ChannelAccessor;
-    fy?: import("../types.js").ChannelAccessor;
-    dx?: import("../types.js").ConstantAccessor<number>;
-    dy?: import("../types.js").ConstantAccessor<number>;
-    fill?: import("../types.js").ConstantAccessor<string>;
-    fillOpacity?: import("../types.js").ConstantAccessor<number>;
-    sort?: string | import("../types.js").ConstantAccessor<import("../types.js").RawValue> | ((a: import("../types.js").RawValue, b: import("../types.js").RawValue) => number) | {
-        channel: string;
-        order?: "ascending" | "descending";
-    };
-    stroke?: import("../types.js").ConstantAccessor<string>;
-    strokeWidth?: import("../types.js").ConstantAccessor<number>;
-    strokeOpacity?: import("../types.js").ConstantAccessor<number>;
-    strokeLinejoin?: import("../types.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin>;
-    strokeLinecap?: import("../types.js").ConstantAccessor<import("csstype").Property.StrokeLinecap>;
-    strokeMiterlimit?: import("../types.js").ConstantAccessor<number>;
-    opacity?: import("../types.js").ConstantAccessor<number>;
-    strokeDasharray?: import("../types.js").ConstantAccessor<string>;
-    strokeDashoffset?: import("../types.js").ConstantAccessor<number>;
-    mixBlendMode?: import("../types.js").ConstantAccessor<import("csstype").Property.MixBlendMode>;
-    clipPath?: string | undefined;
-    imageFilter?: import("../types.js").ConstantAccessor<string>;
-    shapeRendering?: import("../types.js").ConstantAccessor<import("csstype").Property.ShapeRendering>;
-    paintOrder?: import("../types.js").ConstantAccessor<string>;
-    onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    class?: string | null | undefined;
-    cursor?: import("../types.js").ConstantAccessor<import("csstype").Property.Cursor>;
-    data: {
-        __x: import("../types.js").RawValue;
-        __lo: number;
-        __avg: number;
-        __hi: number;
-    }[];
-};
+export declare function bollingerDim(dim: 'x' | 'y', { data, ...channels }: TransformArg<DataRecord>, options?: BollingerOptions): any;

package/dist/transforms/centroid.d.ts

@@ -1,67 +1,2 @@
 import type { DataRecord, TransformArg } from '../types.js';
-export declare function geoCentroid({ data, ...options }: TransformArg<DataRecord>): {
-    x: (d: any) => any;
-    y: (d: any) => any;
-    filter?: import("../types.js").ConstantAccessor<boolean>;
-    facet?: "auto" | "include" | "exclude" | undefined;
-    fx?: import("../types.js").ChannelAccessor;
-    fy?: import("../types.js").ChannelAccessor;
-    dx?: import("../types.js").ConstantAccessor<number>;
-    dy?: import("../types.js").ConstantAccessor<number>;
-    fill?: import("../types.js").ConstantAccessor<string>;
-    fillOpacity?: import("../types.js").ConstantAccessor<number>;
-    sort?: string | import("../types.js").ConstantAccessor<import("../types.js").RawValue> | ((a: import("../types.js").RawValue, b: import("../types.js").RawValue) => number) | {
-        channel: string;
-        order?: "ascending" | "descending";
-    };
-    stroke?: import("../types.js").ConstantAccessor<string>;
-    strokeWidth?: import("../types.js").ConstantAccessor<number>;
-    strokeOpacity?: import("../types.js").ConstantAccessor<number>;
-    strokeLinejoin?: import("../types.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin>;
-    strokeLinecap?: import("../types.js").ConstantAccessor<import("csstype").Property.StrokeLinecap>;
-    strokeMiterlimit?: import("../types.js").ConstantAccessor<number>;
-    opacity?: import("../types.js").ConstantAccessor<number>;
-    strokeDasharray?: import("../types.js").ConstantAccessor<string>;
-    strokeDashoffset?: import("../types.js").ConstantAccessor<number>;
-    mixBlendMode?: import("../types.js").ConstantAccessor<import("csstype").Property.MixBlendMode>;
-    clipPath?: string | undefined;
-    imageFilter?: import("../types.js").ConstantAccessor<string>;
-    shapeRendering?: import("../types.js").ConstantAccessor<import("csstype").Property.ShapeRendering>;
-    paintOrder?: import("../types.js").ConstantAccessor<string>;
-    onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    class?: string | null | undefined;
-    cursor?: import("../types.js").ConstantAccessor<import("csstype").Property.Cursor>;
-    data: {
-        __centroid__: [number, number];
-        ___orig___?: import("../types.js").RawValue | [import("../types.js").RawValue, import("../types.js").RawValue];
-    }[];
-};
+export declare function geoCentroid({ data, ...options }: TransformArg<DataRecord>): any;