From b9aaa3adcaf87e34ac3d45a2e39f1db92ebe1b33 Mon Sep 17 00:00:00 2001
From: Pierre <pierre-H@users.noreply.github.com>
Date: Wed, 3 May 2023 01:23:04 +0200
Subject: [PATCH] feat(ui-shell): make `HeaderNavItem` slottable (#1693)

---
 COMPONENT_INDEX.md                      | 4 +++-
 docs/src/COMPONENT_API.json             | 9 ++++++++-
 src/UIShell/HeaderNavItem.svelte        | 2 +-
 types/UIShell/HeaderNavItem.svelte.d.ts | 2 +-
 4 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index 6c21e5dc..bd4c0575 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -1697,7 +1697,9 @@ None.
 
 ### Slots
 
-None.
+| Slot name | Default | Props | Fallback            |
+| :-------- | :------ | :---- | :------------------ |
+| --        | Yes     | --    | <code>{text}</code> |
 
 ### Events
 
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 578a31d6..907b19bd 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -5122,7 +5122,14 @@
         }
       ],
       "moduleExports": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "__default__",
+          "default": true,
+          "fallback": "{text}",
+          "slot_props": "{}"
+        }
+      ],
       "events": [
         { "type": "forwarded", "name": "click", "element": "a" },
         { "type": "forwarded", "name": "mouseover", "element": "a" },
diff --git a/src/UIShell/HeaderNavItem.svelte b/src/UIShell/HeaderNavItem.svelte
index 8492c1e6..5b9ba073 100644
--- a/src/UIShell/HeaderNavItem.svelte
+++ b/src/UIShell/HeaderNavItem.svelte
@@ -61,6 +61,6 @@
       }
     }}"
   >
-    <span class:bx--text-truncate--end="{true}">{text}</span>
+    <span class:bx--text-truncate--end="{true}"><slot>{text}</slot></span>
   </a>
 </li>
diff --git a/types/UIShell/HeaderNavItem.svelte.d.ts b/types/UIShell/HeaderNavItem.svelte.d.ts
index 927d99d7..0a455543 100644
--- a/types/UIShell/HeaderNavItem.svelte.d.ts
+++ b/types/UIShell/HeaderNavItem.svelte.d.ts
@@ -40,5 +40,5 @@ export default class HeaderNavItem extends SvelteComponentTyped<
     focus: WindowEventMap["focus"];
     blur: WindowEventMap["blur"];
   },
-  {}
+  { default: {} }
 > {}