svelte-tiny-linked-charts 1.5.0 → 1.6.0

package/README.md

@@ -111,6 +111,7 @@ Property | Default | Description
 --- | --- | ---
 linked | | Key to link this label to charts with the same key.
 empty | \  | String that will be displayed when no bar is being hovered.
+transform | (label) => label | Transform the given label to format it differently from how it was supplied.
 
 `<LinkedValue />` component.
 Property | Default | Description
@@ -118,3 +119,4 @@ Property | Default | Description
 uid | | Unique ID to link this value to a chart with the same uid.
 empty | \&nbsp; | String that will be displayed when no bar is being hovered.
 valueUndefined | 0 | For when the hovering value returns undefined.
+transform | (value) => value | Transform the given value to format it differently from how it was supplied.

package/dist/LinkedLabel.svelte

@@ -3,12 +3,13 @@
 
   export let linked
   export let empty = " "
+  export let transform = (label) => label
 
   $: label = $hoveringKey[linked]
 </script>
 
 {#if label}
-  {label}
+  {transform(label)}
 {:else}
   {@html empty}
 {/if}

package/dist/LinkedLabel.svelte.d.ts

@@ -4,6 +4,7 @@
 export default class LinkedLabel extends SvelteComponent<{
     linked: any;
     empty?: string;
+    transform?: (label: any) => any;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -16,6 +17,7 @@ declare const __propDef: {
     props: {
         linked: any;
         empty?: string;
+        transform?: (label: any) => any;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/LinkedValue.svelte

@@ -4,12 +4,13 @@
   export let uid
   export let empty = " "
   export let valueUndefined = 0
+  export let transform = (value) => value
 
   $: value = $hoveringValue[uid]
 </script>
 
 {#if uid in $hoveringValue && value !== null}
-  {value || valueUndefined}
+  {transform(value) || valueUndefined}
 {:else}
   {@html empty}
 {/if}

package/dist/LinkedValue.svelte.d.ts

@@ -5,6 +5,7 @@ export default class LinkedValue extends SvelteComponent<{
     uid: any;
     valueUndefined?: number;
     empty?: string;
+    transform?: (value: any) => any;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -18,6 +19,7 @@ declare const __propDef: {
         uid: any;
         valueUndefined?: number;
         empty?: string;
+        transform?: (value: any) => any;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "svelte-tiny-linked-charts",
-	"version": "1.5.0",
+	"version": "1.6.0",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package",