svelteplot 0.10.3 → 0.11.0

package/dist/marks/Text.svelte

@@ -3,27 +3,43 @@
     Useful for adding SVG text labels to your plot.
 -->
 
-<script lang="ts" generics="Datum extends DataRecord">
+<script lang="ts" generics="Datum = DataRecord | GeoJSON.GeoJsonObject">
     import type * as CSS from 'csstype';
 
     interface TextCommonMarkProps extends BaseMarkProps<Datum>, LinkableMarkProps<Datum> {
+        /** the input data array; each element becomes one text label */
         data?: Datum[];
+        /** the horizontal position channel */
         x?: ChannelAccessor<Datum>;
+        /** the vertical position channel */
         y?: ChannelAccessor<Datum>;
+        /** optional radius channel, mainly for dodge/sort convenience in label swarms */
+        r?: ChannelAccessor<Datum>;
+        /** a Snippet to render as the text content */
         children?: Snippet;
+        /** the text content accessor */
         text: ConstantAccessor<string | null | false | undefined, Datum>;
+        /** the title attribute for the text element (shown as a browser tooltip) */
         title?: ConstantAccessor<string, Datum>;
         /**
-         * the font size of the text
+         * the font family of the text
          */
         fontFamily?: ConstantAccessor<CSS.Property.FontFamily, Datum>;
+        /** the font size of the text; can be a CSS string or number in pixels */
         fontSize?: ConstantAccessor<CSS.Property.FontSize | number, Datum>;
+        /** the font weight of the text (e.g. "bold", 700) */
         fontWeight?: ConstantAccessor<CSS.Property.FontWeight, Datum>;
+        /** the font style of the text (e.g. "italic", "normal") */
         fontStyle?: ConstantAccessor<CSS.Property.FontStyle, Datum>;
+        /** the font variant of the text (e.g. "small-caps") */
         fontVariant?: ConstantAccessor<CSS.Property.FontVariant, Datum>;
+        /** the letter spacing of the text */
         letterSpacing?: ConstantAccessor<CSS.Property.LetterSpacing, Datum>;
+        /** the word spacing of the text */
         wordSpacing?: ConstantAccessor<CSS.Property.WordSpacing, Datum>;
+        /** the text transform (e.g. "uppercase", "lowercase") */
         textTransform?: ConstantAccessor<CSS.Property.TextTransform, Datum>;
+        /** the text decoration (e.g. "underline", "line-through") */
         textDecoration?: ConstantAccessor<CSS.Property.TextDecoration, Datum>;
         /**
          * the horizontal text anchor; start, end, or middle
@@ -38,6 +54,7 @@
          * @default 1.2
          */
         lineHeight?: ConstantAccessor<number, Datum>;
+        /** the anchor position within the plot frame when x or y are not specified (e.g. "top-left", "middle") */
         frameAnchor?: ConstantAccessor<
             | 'bottom'
             | 'top'
@@ -92,7 +109,7 @@
 
     import MultilineText from './helpers/MultilineText.svelte';
     import TextCanvas from './helpers/TextCanvas.svelte';
-    import { indexData } from '../transforms/recordize';
+    import { indexData } from '../transforms/recordize.js';
     import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     const DEFAULTS = {
@@ -121,14 +138,14 @@
 
     const args = $derived(
         sort({
-            data: indexData(data),
+            data: indexData(data as object[]) as any,
             ...options
         })
     ) as TextMarkProps;
 </script>
 
 <Mark
-    {...args}
+    {...args as any}
     type={'text' as const}
     channels={[
         'x',
@@ -142,10 +159,10 @@
         'fillOpacity'
     ]}
     required={[]}>
-    {#snippet children({ mark, scaledData, usedScales })}
+    {#snippet children({ mark, scaledData, usedScales }: any)}
         {#if canvas}
             <g class="text {className || ''}">
-                <TextCanvas data={scaledData} options={args as CanvasTextMarkProps} {usedScales} />
+                <TextCanvas data={scaledData as any} options={args as any} {usedScales} />
             </g>
         {:else}
             <GroupMultiple

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

@@ -1,7 +1,7 @@
 import type * as CSS from 'csstype';
 import { type Snippet } from 'svelte';
 import type { DataRecord, ConstantAccessor, ChannelAccessor, LinkableMarkProps } from '../types/index.js';
-declare function $$render<Datum extends DataRecord>(): {
+declare function $$render<Datum = DataRecord | GeoJSON.GeoJsonObject>(): {
     props: (Partial<{
         filter: ConstantAccessor<boolean, Datum>;
         facet: "auto" | "include" | "exclude";
@@ -9,14 +9,24 @@ declare function $$render<Datum extends DataRecord>(): {
         fy: ChannelAccessor<Datum>;
         dx: ConstantAccessor<number, Datum>;
         dy: ConstantAccessor<number, Datum>;
-        dodgeX: import("../transforms/dodge").DodgeXOptions;
-        dodgeY: import("../transforms/dodge").DodgeYOptions;
+        dodgeX: import("../transforms/dodge.js").DodgeXOptions;
+        dodgeY: import("../transforms/dodge.js").DodgeYOptions;
         fill: ChannelAccessor<Datum>;
         fillOpacity: ConstantAccessor<number, Datum>;
-        sort: ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | {
+        fontFamily: ConstantAccessor<CSS.Property.FontFamily, Datum>;
+        fontSize: ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontStyle: ConstantAccessor<CSS.Property.FontStyle, Datum>;
+        fontVariant: ConstantAccessor<CSS.Property.FontVariant, Datum>;
+        fontWeight: ConstantAccessor<CSS.Property.FontWeight, Datum>;
+        letterSpacing: ConstantAccessor<CSS.Property.LetterSpacing<0 | (string & {})>, Datum>;
+        wordSpacing: ConstantAccessor<CSS.Property.WordSpacing<0 | (string & {})>, Datum>;
+        textAnchor: ConstantAccessor<CSS.Property.TextAnchor, Datum>;
+        textTransform: ConstantAccessor<CSS.Property.TextTransform, Datum>;
+        textDecoration: ConstantAccessor<CSS.Property.TextDecoration<0 | (string & {})>, Datum>;
+        sort: ((a: import("../types/data.js").RawValue, b: import("../types/data.js").RawValue) => number) | {
             channel: string;
             order?: "ascending" | "descending";
-        } | ConstantAccessor<import("../types/data").RawValue, Datum>;
+        } | ConstantAccessor<import("../types/data.js").RawValue, Datum>;
         stroke: ChannelAccessor<Datum>;
         strokeWidth: ConstantAccessor<number, Datum>;
         strokeOpacity: ConstantAccessor<number, Datum>;
@@ -26,63 +36,141 @@ declare function $$render<Datum extends DataRecord>(): {
         opacity: ChannelAccessor<Datum>;
         strokeDasharray: ConstantAccessor<string, Datum>;
         strokeDashoffset: ConstantAccessor<number, Datum>;
+        blend: ConstantAccessor<CSS.Property.MixBlendMode, Datum>;
         mixBlendMode: ConstantAccessor<CSS.Property.MixBlendMode, Datum>;
         clipPath: string;
         mask: string;
         imageFilter: ConstantAccessor<string, Datum>;
         shapeRendering: ConstantAccessor<CSS.Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;
-        onclick: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondblclick: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseup: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmousedown: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmousemove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseout: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointercancel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerdown: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerup: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointermove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerout: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondrag: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondrop: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragstart: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragend: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchstart: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchmove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchend: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchcancel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        oncontextmenu: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onwheel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onclick: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ondblclick: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onmouseup: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onmousedown: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onmouseenter: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onmousemove: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onmouseleave: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onmouseout: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onmouseover: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onpointercancel: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onpointerdown: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onpointerup: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onpointerenter: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onpointerleave: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onpointermove: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onpointerover: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onpointerout: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ondrag: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ondrop: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ondragstart: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ondragenter: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ondragleave: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ondragover: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ondragend: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ontouchstart: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ontouchmove: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ontouchend: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ontouchcancel: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        oncontextmenu: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onwheel: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
         class: string;
         style: string;
         cursor: ConstantAccessor<CSS.Property.Cursor, Datum>;
+        title: ConstantAccessor<string, Datum>;
     }> & LinkableMarkProps<Datum> & {
+        /** the input data array; each element becomes one text label */
         data?: Datum[];
+        /** the horizontal position channel */
         x?: ChannelAccessor<Datum>;
+        /** the vertical position channel */
         y?: ChannelAccessor<Datum>;
+        /** optional radius channel, mainly for dodge/sort convenience in label swarms */
+        r?: ChannelAccessor<Datum>;
+        /** a Snippet to render as the text content */
         children?: Snippet;
+        /** the text content accessor */
         text: ConstantAccessor<string | null | false | undefined, Datum>;
+        /** the title attribute for the text element (shown as a browser tooltip) */
         title?: ConstantAccessor<string, Datum>;
         /**
-         * the font size of the text
+         * the font family of the text
          */
         fontFamily?: ConstantAccessor<CSS.Property.FontFamily, Datum>;
+        /** the font size of the text; can be a CSS string or number in pixels */
         fontSize?: ConstantAccessor<CSS.Property.FontSize | number, Datum>;
+        /** the font weight of the text (e.g. "bold", 700) */
         fontWeight?: ConstantAccessor<CSS.Property.FontWeight, Datum>;
+        /** the font style of the text (e.g. "italic", "normal") */
         fontStyle?: ConstantAccessor<CSS.Property.FontStyle, Datum>;
+        /** the font variant of the text (e.g. "small-caps") */
         fontVariant?: ConstantAccessor<CSS.Property.FontVariant, Datum>;
+        /** the letter spacing of the text */
         letterSpacing?: ConstantAccessor<CSS.Property.LetterSpacing, Datum>;
+        /** the word spacing of the text */
         wordSpacing?: ConstantAccessor<CSS.Property.WordSpacing, Datum>;
+        /** the text transform (e.g. "uppercase", "lowercase") */
         textTransform?: ConstantAccessor<CSS.Property.TextTransform, Datum>;
+        /** the text decoration (e.g. "underline", "line-through") */
         textDecoration?: ConstantAccessor<CSS.Property.TextDecoration, Datum>;
         /**
          * the horizontal text anchor; start, end, or middle
@@ -97,6 +185,7 @@ declare function $$render<Datum extends DataRecord>(): {
          * @default 1.2
          */
         lineHeight?: ConstantAccessor<number, Datum>;
+        /** the anchor position within the plot frame when x or y are not specified (e.g. "top-left", "middle") */
         frameAnchor?: ConstantAccessor<"bottom" | "top" | "left" | "right" | "top-left" | "bottom-left" | "top-right" | "bottom-right" | "middle", Datum>;
         /**
          * rotate text by angle in degrees
@@ -118,14 +207,24 @@ declare function $$render<Datum extends DataRecord>(): {
         fy: ChannelAccessor<Datum>;
         dx: ConstantAccessor<number, Datum>;
         dy: ConstantAccessor<number, Datum>;
-        dodgeX: import("../transforms/dodge").DodgeXOptions;
-        dodgeY: import("../transforms/dodge").DodgeYOptions;
+        dodgeX: import("../transforms/dodge.js").DodgeXOptions;
+        dodgeY: import("../transforms/dodge.js").DodgeYOptions;
         fill: ChannelAccessor<Datum>;
         fillOpacity: ConstantAccessor<number, Datum>;
-        sort: ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | {
+        fontFamily: ConstantAccessor<CSS.Property.FontFamily, Datum>;
+        fontSize: ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontStyle: ConstantAccessor<CSS.Property.FontStyle, Datum>;
+        fontVariant: ConstantAccessor<CSS.Property.FontVariant, Datum>;
+        fontWeight: ConstantAccessor<CSS.Property.FontWeight, Datum>;
+        letterSpacing: ConstantAccessor<CSS.Property.LetterSpacing<0 | (string & {})>, Datum>;
+        wordSpacing: ConstantAccessor<CSS.Property.WordSpacing<0 | (string & {})>, Datum>;
+        textAnchor: ConstantAccessor<CSS.Property.TextAnchor, Datum>;
+        textTransform: ConstantAccessor<CSS.Property.TextTransform, Datum>;
+        textDecoration: ConstantAccessor<CSS.Property.TextDecoration<0 | (string & {})>, Datum>;
+        sort: ((a: import("../types/data.js").RawValue, b: import("../types/data.js").RawValue) => number) | {
             channel: string;
             order?: "ascending" | "descending";
-        } | ConstantAccessor<import("../types/data").RawValue, Datum>;
+        } | ConstantAccessor<import("../types/data.js").RawValue, Datum>;
         stroke: ChannelAccessor<Datum>;
         strokeWidth: ConstantAccessor<number, Datum>;
         strokeOpacity: ConstantAccessor<number, Datum>;
@@ -135,63 +234,141 @@ declare function $$render<Datum extends DataRecord>(): {
         opacity: ChannelAccessor<Datum>;
         strokeDasharray: ConstantAccessor<string, Datum>;
         strokeDashoffset: ConstantAccessor<number, Datum>;
+        blend: ConstantAccessor<CSS.Property.MixBlendMode, Datum>;
         mixBlendMode: ConstantAccessor<CSS.Property.MixBlendMode, Datum>;
         clipPath: string;
         mask: string;
         imageFilter: ConstantAccessor<string, Datum>;
         shapeRendering: ConstantAccessor<CSS.Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;
-        onclick: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondblclick: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseup: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmousedown: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmousemove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseout: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointercancel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerdown: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerup: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointermove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerout: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondrag: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondrop: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragstart: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragend: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchstart: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchmove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchend: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchcancel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        oncontextmenu: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onwheel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onclick: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ondblclick: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onmouseup: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onmousedown: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onmouseenter: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onmousemove: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onmouseleave: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onmouseout: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onmouseover: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onpointercancel: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onpointerdown: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onpointerup: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onpointerenter: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onpointerleave: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onpointermove: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onpointerover: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onpointerout: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ondrag: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ondrop: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ondragstart: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ondragenter: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ondragleave: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ondragover: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ondragend: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ontouchstart: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ontouchmove: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ontouchend: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        ontouchcancel: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        oncontextmenu: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
+        onwheel: (event: Event & {
+            currentTarget: SVGPathElement;
+        }, datum: Datum, index: number) => void;
         class: string;
         style: string;
         cursor: ConstantAccessor<CSS.Property.Cursor, Datum>;
+        title: ConstantAccessor<string, Datum>;
     }> & LinkableMarkProps<Datum> & {
+        /** the input data array; each element becomes one text label */
         data?: Datum[];
+        /** the horizontal position channel */
         x?: ChannelAccessor<Datum>;
+        /** the vertical position channel */
         y?: ChannelAccessor<Datum>;
+        /** optional radius channel, mainly for dodge/sort convenience in label swarms */
+        r?: ChannelAccessor<Datum>;
+        /** a Snippet to render as the text content */
         children?: Snippet;
+        /** the text content accessor */
         text: ConstantAccessor<string | null | false | undefined, Datum>;
+        /** the title attribute for the text element (shown as a browser tooltip) */
         title?: ConstantAccessor<string, Datum>;
         /**
-         * the font size of the text
+         * the font family of the text
          */
         fontFamily?: ConstantAccessor<CSS.Property.FontFamily, Datum>;
+        /** the font size of the text; can be a CSS string or number in pixels */
         fontSize?: ConstantAccessor<CSS.Property.FontSize | number, Datum>;
+        /** the font weight of the text (e.g. "bold", 700) */
         fontWeight?: ConstantAccessor<CSS.Property.FontWeight, Datum>;
+        /** the font style of the text (e.g. "italic", "normal") */
         fontStyle?: ConstantAccessor<CSS.Property.FontStyle, Datum>;
+        /** the font variant of the text (e.g. "small-caps") */
         fontVariant?: ConstantAccessor<CSS.Property.FontVariant, Datum>;
+        /** the letter spacing of the text */
         letterSpacing?: ConstantAccessor<CSS.Property.LetterSpacing, Datum>;
+        /** the word spacing of the text */
         wordSpacing?: ConstantAccessor<CSS.Property.WordSpacing, Datum>;
+        /** the text transform (e.g. "uppercase", "lowercase") */
         textTransform?: ConstantAccessor<CSS.Property.TextTransform, Datum>;
+        /** the text decoration (e.g. "underline", "line-through") */
         textDecoration?: ConstantAccessor<CSS.Property.TextDecoration, Datum>;
         /**
          * the horizontal text anchor; start, end, or middle
@@ -206,6 +383,7 @@ declare function $$render<Datum extends DataRecord>(): {
          * @default 1.2
          */
         lineHeight?: ConstantAccessor<number, Datum>;
+        /** the anchor position within the plot frame when x or y are not specified (e.g. "top-left", "middle") */
         frameAnchor?: ConstantAccessor<"bottom" | "top" | "left" | "right" | "top-left" | "bottom-left" | "top-right" | "bottom-right" | "middle", Datum>;
         /**
          * rotate text by angle in degrees
@@ -223,7 +401,7 @@ declare function $$render<Datum extends DataRecord>(): {
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<Datum extends DataRecord> {
+declare class __sveltets_Render<Datum = DataRecord | GeoJSON.GeoJsonObject> {
     props(): ReturnType<typeof $$render<Datum>>['props'];
     events(): ReturnType<typeof $$render<Datum>>['events'];
     slots(): ReturnType<typeof $$render<Datum>>['slots'];
@@ -231,13 +409,13 @@ declare class __sveltets_Render<Datum extends DataRecord> {
     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']>> & {
+    new <Datum = DataRecord | GeoJSON.GeoJsonObject>(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']>;
+    <Datum = DataRecord | GeoJSON.GeoJsonObject>(internal: unknown, props: ReturnType<__sveltets_Render<Datum>['props']> & {}): ReturnType<__sveltets_Render<Datum>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
 /** Useful for adding SVG text labels to your plot. */
 declare const Text: $$IsomorphicComponent;
-type Text<Datum extends DataRecord> = InstanceType<typeof Text<Datum>>;
+type Text<Datum = DataRecord | GeoJSON.GeoJsonObject> = InstanceType<typeof Text<Datum>>;
 export default Text;