From 38e698592696e57701cfeb86cd639ba4e74df7cb Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Thu, 26 Nov 2020 15:29:32 -0800
Subject: [PATCH] feat(header-search): pass index as a slot prop

---
 src/UIShell/HeaderSearch.svelte | 3 ++-
 tests/HeaderSearch.svelte       | 6 +++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/UIShell/HeaderSearch.svelte b/src/UIShell/HeaderSearch.svelte
index 72398e20..63574c47 100644
--- a/src/UIShell/HeaderSearch.svelte
+++ b/src/UIShell/HeaderSearch.svelte
@@ -5,6 +5,7 @@
    * @event {any} inactive
    * @event {any} clear
    * @event {{ value: string; selectedResultIndex: number; selectedResult: HeaderSearchResult }} select
+   * @slot {{ result: HeaderSearchResult; index: number }}
    */
 
   /** Specify the search input value */
@@ -271,7 +272,7 @@
             class:selected="{selectedId === `search-menuitem-${i}`}"
             on:click|preventDefault="{selectResult}"
           >
-            <slot result="{result}">
+            <slot result="{result}" index="{i}">
               {result.text}
               {#if result.description}<span>– {result.description}</span>{/if}
             </slot>
diff --git a/tests/HeaderSearch.svelte b/tests/HeaderSearch.svelte
index 8ad09125..58e4048a 100644
--- a/tests/HeaderSearch.svelte
+++ b/tests/HeaderSearch.svelte
@@ -73,7 +73,11 @@
       on:select="{(e) => {
         console.log('on:select', e.detail);
       }}"
-    />
+      let:result
+      let:index
+    >
+      <div>{result.text}{index}</div>
+    </HeaderSearch>
     <HeaderAction bind:isOpen>
       <HeaderPanelLinks>
         <HeaderPanelDivider>Switcher subject 1</HeaderPanelDivider>