From f164c8b996cc07e61adca28800bfbbe9a49e316b Mon Sep 17 00:00:00 2001
From: joaosa <joao.dossantos@adyen.com>
Date: Thu, 13 Jul 2023 12:01:58 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Add=20formatted=20value=20to=20A?=
 =?UTF-8?q?lluvial=20node=20slot?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/charts/lume-alluvial-diagram/README.md  | 7 ++++---
 .../groups/lume-alluvial-group/lume-alluvial-group.vue     | 6 ++++++
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/lib/src/components/charts/lume-alluvial-diagram/README.md b/packages/lib/src/components/charts/lume-alluvial-diagram/README.md
index e28807e8..0d015dbc 100644
--- a/packages/lib/src/components/charts/lume-alluvial-diagram/README.md
+++ b/packages/lib/src/components/charts/lume-alluvial-diagram/README.md
@@ -182,6 +182,7 @@ interface HighlightedElements {
 
 Available for every node in the diagram. `NODE_ID` is the `value` provided in the dataset.
 
-| Name   | Type                                           | Description    |
-| ------ | ---------------------------------------------- | -------------- |
-| `node` | `SankeyNode<SankeyNodeProps, SankeyLinkProps>` | The node data. |
+| Name    | Type                                           | Description                 |
+| ------- | ---------------------------------------------- | --------------------------- |
+| `node`  | `SankeyNode<SankeyNodeProps, SankeyLinkProps>` | The node data.              |
+| `value` | `number \| string`                             | The node's formatted value. |
diff --git a/packages/lib/src/components/groups/lume-alluvial-group/lume-alluvial-group.vue b/packages/lib/src/components/groups/lume-alluvial-group/lume-alluvial-group.vue
index 1f7d2ec7..553df92c 100644
--- a/packages/lib/src/components/groups/lume-alluvial-group/lume-alluvial-group.vue
+++ b/packages/lib/src/components/groups/lume-alluvial-group/lume-alluvial-group.vue
@@ -135,6 +135,12 @@
           <slot
             :name="`node-text-${block.node.id}`"
             :node="block.node"
+            :value="
+              formatValue(
+                block.node.transitionValue || block.node.value,
+                block.node.value
+              )
+            "
           >
             <lume-alluvial-node-label>
               {{ block.node.label }}