svelteplot 0.3.3 → 0.3.5-pr-121.0

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 '../..';
+    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 '../..';
+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/marks/helpers/RectPath.svelte

@@ -1,7 +1,31 @@
 <!-- @component
 Helper component for rendering rectangular marks in SVG
 -->
-<script lang="ts">
+<script lang="ts" generics="Datum extends DataRecord">
+    interface RectPathProps {
+        datum: ScaledDataRecord<Datum>;
+        class: string | null;
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        options: BaseRectMarkProps<Datum> & BaseMarkProps<Datum>;
+        /**
+         * By default, the `inset` property is applied to all four insets. Mark components
+         * can tweak this behavior for insetTop and insetBottom by setting the
+         * useInsetAsFallbackVertically prop to false.
+         */
+        useInsetAsFallbackVertically?: boolean;
+        /**
+         * By default, the `inset` property is applied to all four insets. Mark components
+         * can tweak this behavior for insetLeft and insetRight by setting the
+         * useInsetAsFallbackHorizontally prop to false.
+         */
+        useInsetAsFallbackHorizontally?: boolean;
+        usedScales: UsedScales;
+        fallbackStyle?: 'fill' | 'stroke';
+    }
+
     import { resolveProp, resolveStyles } from '../../helpers/resolve';
     import { roundedRect } from '../../helpers/roundedRect';
     import type {
@@ -10,8 +34,9 @@ Helper component for rendering rectangular marks in SVG
         BorderRadius,
         ScaledDataRecord,
         UsedScales,
-        PlotContext
-    } from '../../types';
+        PlotContext,
+        DataRecord
+    } from '../..';
     import { addEventHandlers } from './events';
     import { getContext } from 'svelte';
     import Anchor from './Anchor.svelte';
@@ -28,29 +53,7 @@ Helper component for rendering rectangular marks in SVG
         useInsetAsFallbackHorizontally = true,
         usedScales,
         fallbackStyle = 'fill'
-    }: {
-        datum: ScaledDataRecord;
-        class: string | null;
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-        options: BaseRectMarkProps & BaseMarkProps;
-        /**
-         * By default, the `inset` property is applied to all four insets. Mark components
-         * can tweak this behavior for insetTop and insetBottom by setting the
-         * useInsetAsFallbackVertically prop to false.
-         */
-        useInsetAsFallbackVertically?: boolean;
-        /**
-         * By default, the `inset` property is applied to all four insets. Mark components
-         * can tweak this behavior for insetLeft and insetRight by setting the
-         * useInsetAsFallbackHorizontally prop to false.
-         */
-        useInsetAsFallbackHorizontally?: boolean;
-        usedScales: UsedScales;
-        fallbackStyle?: 'fill' | 'stroke';
-    } = $props();
+    }: RectPathProps = $props();
 
     const { getPlotState } = getContext<PlotContext>('svelteplot');
     const plot = $derived(getPlotState());

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

@@ -1,28 +1,41 @@
-import type { BaseMarkProps, BaseRectMarkProps, ScaledDataRecord, UsedScales } from '../../types';
-type $$ComponentProps = {
-    datum: ScaledDataRecord;
-    class: string | null;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    options: BaseRectMarkProps & BaseMarkProps;
-    /**
-     * By default, the `inset` property is applied to all four insets. Mark components
-     * can tweak this behavior for insetTop and insetBottom by setting the
-     * useInsetAsFallbackVertically prop to false.
-     */
-    useInsetAsFallbackVertically?: boolean;
-    /**
-     * By default, the `inset` property is applied to all four insets. Mark components
-     * can tweak this behavior for insetLeft and insetRight by setting the
-     * useInsetAsFallbackHorizontally prop to false.
-     */
-    useInsetAsFallbackHorizontally?: boolean;
-    usedScales: UsedScales;
-    fallbackStyle?: 'fill' | 'stroke';
-};
+import type { BaseMarkProps, BaseRectMarkProps, ScaledDataRecord, UsedScales, DataRecord } from '../..';
+declare class __sveltets_Render<Datum extends DataRecord> {
+    props(): {
+        datum: ScaledDataRecord<Datum_1>;
+        class: string | null;
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        options: BaseRectMarkProps<Datum_1> & BaseMarkProps<Datum_1>;
+        /**
+         * By default, the `inset` property is applied to all four insets. Mark components
+         * can tweak this behavior for insetTop and insetBottom by setting the
+         * useInsetAsFallbackVertically prop to false.
+         */
+        useInsetAsFallbackVertically?: boolean;
+        /**
+         * By default, the `inset` property is applied to all four insets. Mark components
+         * can tweak this behavior for insetLeft and insetRight by setting the
+         * useInsetAsFallbackHorizontally prop to false.
+         */
+        useInsetAsFallbackHorizontally?: boolean;
+        usedScales: UsedScales;
+        fallbackStyle?: "fill" | "stroke";
+    };
+    events(): {};
+    slots(): {};
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <Datum extends DataRecord>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Datum>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Datum>['props']>, ReturnType<__sveltets_Render<Datum>['events']>, ReturnType<__sveltets_Render<Datum>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<Datum>['bindings']>;
+    } & ReturnType<__sveltets_Render<Datum>['exports']>;
+    <Datum extends DataRecord>(internal: unknown, props: ReturnType<__sveltets_Render<Datum>['props']> & {}): ReturnType<__sveltets_Render<Datum>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
 /** Helper component for rendering rectangular marks in SVG */
-declare const RectPath: import("svelte").Component<$$ComponentProps, {}, "">;
-type RectPath = ReturnType<typeof RectPath>;
+declare const RectPath: $$IsomorphicComponent;
+type RectPath<Datum extends DataRecord> = InstanceType<typeof RectPath<Datum>>;
 export default RectPath;

package/dist/marks/helpers/Regression.svelte

@@ -1,5 +1,10 @@
 <script module lang="ts">
-    import type { BaseMarkProps, ChannelAccessor, FacetContext, PlotContext } from '../../types.js';
+    import type {
+        BaseMarkProps,
+        ChannelAccessor,
+        FacetContext,
+        PlotContext
+    } from '../../types/index.js';
 
     type RegressionType = 'linear' | 'quad' | 'poly' | 'exp' | 'log' | 'pow' | 'loess';
 
@@ -28,7 +33,7 @@
 
 <script lang="ts">
     import { getContext } from 'svelte';
-    import { Line, Area } from '../../index.js';
+    import { Line, Area } from '../..';
 
     import {
         regressionLinear,

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

@@ -1,4 +1,4 @@
-import type { BaseMarkProps, ChannelAccessor } from '../../types.js';
+import type { BaseMarkProps, ChannelAccessor } from '../../types/index.js';
 type RegressionType = 'linear' | 'quad' | 'poly' | 'exp' | 'log' | 'pow' | 'loess';
 export type RegressionMarkProps = BaseMarkProps & {
     x: ChannelAccessor;
@@ -18,9 +18,6 @@ export type RegressionMarkProps = BaseMarkProps & {
     span: number;
     confidence: number;
 };
-type $$ComponentProps = RegressionMarkProps & {
-    dependent: 'x' | 'y';
-};
-declare const Regression: import("svelte").Component<$$ComponentProps, {}, "">;
+declare const Regression: import("svelte").Component<any, {}, "">;
 type Regression = ReturnType<typeof Regression>;
 export default Regression;

package/dist/marks/helpers/events.d.ts

@@ -1,4 +1,4 @@
-import type { BaseMarkProps, DataRecord, PlotState } from '../../types.js';
+import type { BaseMarkProps, DataRecord, PlotState } from '../../types/index.js';
 declare global {
     interface MouseEvent {
         layerX?: number;

package/dist/transforms/bin.d.ts

@@ -1,5 +1,5 @@
-import type { DataRecord, RawValue } from '../types.js';
-import type { TransformArg } from '../types.js';
+import type { DataRecord, RawValue } from '../types/index.js';
+import type { TransformArg } from '../types/index.js';
 import { type ThresholdCountGenerator } from 'd3-array';
 import { type ReducerName } from '../helpers/reduce.js';
 type NamedThresholdsGenerator = 'auto' | 'scott' | 'sturges' | 'freedman-diaconis';

package/dist/transforms/bollinger.d.ts

@@ -1,4 +1,4 @@
-import type { DataRecord, TransformArg } from '../types.js';
+import type { DataRecord, TransformArg } from '../types/index.js';
 export type BollingerOptions = {
     /**
      * the window size (the window transform’s k option), an integer; defaults to 20
@@ -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,9 @@
-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];
-    }[];
+import type { DataRecord, TransformArg } from '../types/index.js';
+declare const CENTROID: unique symbol;
+type WithCentroid<T> = T & {
+    [CENTROID]: [number, number];
 };
+export declare function geoCentroid<Datum extends DataRecord>({ data, ...options }: {
+    data: Datum[];
+} & TransformArg<Datum>): TransformArg<WithCentroid<Datum>>;
+export {};

package/dist/transforms/centroid.js

@@ -1,13 +1,16 @@
 import { resolveProp } from '../helpers/resolve.js';
 import { geoCentroid as d3GeoCentroid } from 'd3-geo';
+const CENTROID = Symbol('centroid');
 export function geoCentroid({ data, ...options }) {
+    const transformedData = data.map((d) => ({
+        ...d,
+        [CENTROID]: d3GeoCentroid(resolveProp(options.geometry, d, d))
+    }));
+    const newOptions = { ...options };
     return {
-        data: data.map((d) => ({
-            ...d,
-            __centroid__: d3GeoCentroid(resolveProp(options.geometry, d, d))
-        })),
-        ...options,
-        x: (d) => d.__centroid__[0],
-        y: (d) => d.__centroid__[1]
+        data: transformedData,
+        ...newOptions,
+        x: (d) => d[CENTROID][0],
+        y: (d) => d[CENTROID][1]
     };
 }

package/dist/transforms/filter.d.ts

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

package/dist/transforms/group.d.ts

@@ -1,5 +1,5 @@
 import { type ReducerName } from '../helpers/reduce.js';
-import type { DataRecord, DataRow, RawValue, TransformArg } from '../types.js';
+import type { DataRecord, DataRow, RawValue, TransformArg } from '../types/index.js';
 type ReducerFunc = (group: DataRow[]) => RawValue;
 type ReducerOption = ReducerName | ReducerFunc;
 type GroupBaseOptions = {
@@ -38,29 +38,21 @@ type GroupZOptions = GroupXOptions | GroupYOptions;
  * groups the dataset by x and y channel and optionally reduces the group items
  * to output channels fill, stroke, r, opacity, fillOpacity, or strokeOpacity
  */
-export declare function group({ data, ...channels }: TransformArg<T, DataRecord>, options?: GroupXOptions): {
-    data: DataRecord[];
-};
+export declare function group({ data, ...channels }: TransformArg<T, DataRecord>, options?: GroupXOptions): any;
 /**
  * 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[];
-};
+export declare function groupX(input: TransformArg<T, DataRecord>, options?: GroupXOptions): any;
 /**
  * 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[];
-};
+export declare function groupY(input: TransformArg<T, DataRecord>, options?: GroupYOptions): any;
 /**
  * groups the dataset by the z channel and optionally reduces the group items
  * to output channels x, x1, x2, y, y1, y2, fill, stroke, r, opacity, fillOpacity,
  * or strokeOpacity
  */
-export declare function groupZ(input: TransformArg<T, DataRecord>, options?: GroupZOptions): {
-    data: DataRecord[];
-};
+export declare function groupZ(input: TransformArg<T, DataRecord>, options?: GroupZOptions): any;
 export {};