svelteplot 0.5.2-pr-251.0 → 0.5.2-pr-251.2

package/dist/marks/Image.svelte

@@ -1,3 +1,7 @@
+<!--
+    @component 
+    For showing images positioned at x/y coordinates
+-->
 <script lang="ts" generics="Datum extends DataRecord">
     interface ImageMarkProps extends BaseMarkProps<Datum>, LinkableMarkProps<Datum> {
         data: Datum[];
@@ -24,6 +28,7 @@
     import CustomMark from './CustomMark.svelte';
     import { getPlotDefaults } from '../hooks/plotDefaults';
     import { sort } from '../transforms';
+    import Anchor from './helpers/Anchor.svelte';
 
     let markProps: ImageMarkProps = $props();
 
@@ -39,6 +44,7 @@
         height,
         src,
         title,
+        imageClass,
         preserveAspectRatio,
         ...options
     }: ImageMarkProps = $derived({
@@ -54,14 +60,17 @@
         {@const w = record.r !== undefined ? record.r * 2 : resolveProp(width, record.datum, 20)}
         {@const h =
             record.r !== undefined ? record.r * 2 : resolveProp(height || width, record.datum, 20)}
-        <image
-            href={resolveProp(src, record.datum, '')}
-            x={record.x - w * 0.5}
-            y={record.y - h * 0.5}
-            {preserveAspectRatio}
-            clip-path={record.r !== undefined ? `circle(${record.r}px)` : null}
-            width={w}
-            height={h}
-            >{#if title}<title>{resolveProp(title, record.datum, '')}</title>{/if}</image>
+        <Anchor {options} datum={record.datum}>
+            <image
+                class={resolveProp(imageClass, record.datum, null)}
+                href={resolveProp(src, record.datum, '')}
+                x={record.x - w * 0.5}
+                y={record.y - h * 0.5}
+                {preserveAspectRatio}
+                clip-path={record.r !== undefined ? `circle(${record.r}px)` : null}
+                width={w}
+                height={h}
+                >{#if title}<title>{resolveProp(title, record.datum, '')}</title>{/if}</image>
+        </Anchor>
     {/snippet}
 </CustomMark>

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

@@ -13,6 +13,7 @@ interface $$IsomorphicComponent {
     <Datum extends DataRecord>(internal: unknown, props: ReturnType<__sveltets_Render<Datum>['props']> & {}): ReturnType<__sveltets_Render<Datum>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
+/** For showing images positioned at x/y coordinates */
 declare const Image: $$IsomorphicComponent;
 type Image<Datum extends DataRecord> = InstanceType<typeof Image<Datum>>;
 export default Image;

package/dist/marks/helpers/Anchor.svelte

@@ -1,7 +1,21 @@
-<script>
+<script lang="ts" generics="Datum extends Record<string, any>">
     import { resolveProp } from '../../helpers/resolve.js';
+    import type { ConstantAccessor } from '../../types';
 
-    let { datum = {}, options = {}, children } = $props();
+    interface AnchorProps {
+        datum?: Datum;
+        options?: {
+            href?: ConstantAccessor<string, Datum>;
+            target?: ConstantAccessor<string, Datum>;
+            rel?: ConstantAccessor<string, Datum>;
+            type?: ConstantAccessor<string, Datum>;
+            download?: ConstantAccessor<string, Datum>;
+            [key: string]: any;
+        };
+        children?: () => any;
+    }
+
+    let { datum = {}, options = {}, children }: AnchorProps = $props();
 
     const href = $derived(resolveProp(options.href, datum, null));
     const target = $derived(resolveProp(options.target, datum, null));

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

@@ -1,15 +1,29 @@
+import type { ConstantAccessor } from '../../types';
+declare class __sveltets_Render<Datum extends Record<string, any>> {
+    props(): {
+        datum?: Datum | undefined;
+        options?: {
+            [key: string]: any;
+            href?: ConstantAccessor<string, Datum_1>;
+            target?: ConstantAccessor<string, Datum_1>;
+            rel?: ConstantAccessor<string, Datum_1>;
+            type?: ConstantAccessor<string, Datum_1>;
+            download?: ConstantAccessor<string, Datum_1>;
+        } | undefined;
+        children?: (() => any) | undefined;
+    };
+    events(): {};
+    slots(): {};
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <Datum extends Record<string, any>>(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 Record<string, any>>(internal: unknown, props: ReturnType<__sveltets_Render<Datum>['props']> & {}): ReturnType<__sveltets_Render<Datum>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Anchor: $$IsomorphicComponent;
+type Anchor<Datum extends Record<string, any>> = InstanceType<typeof Anchor<Datum>>;
 export default Anchor;
-type Anchor = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
-declare const Anchor: import("svelte").Component<{
-    datum?: Record<string, any>;
-    options?: Record<string, any>;
-    children: any;
-}, {}, "">;
-type $$ComponentProps = {
-    datum?: Record<string, any>;
-    options?: Record<string, any>;
-    children: any;
-};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svelteplot",
-    "version": "0.5.2-pr-251.0",
+    "version": "0.5.2-pr-251.2",
     "license": "ISC",
     "author": {
         "name": "Gregor Aisch",