diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index 14788710..b79320a2 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -1643,13 +1643,12 @@ export interface HeaderSearchResult { | Event name | Type | Detail | | :--------- | :--------- | :---------------------------------------------------------------------------------------------- | | clear | dispatched | any | -| search | dispatched | { value: string; selectedResultIndex: number; selectedResult: HeaderSearchResult } | +| select | dispatched | { value: string; selectedResultIndex: number; selectedResult: HeaderSearchResult } | | change | forwarded | -- | | input | forwarded | -- | | focus | forwarded | -- | | blur | forwarded | -- | | keydown | forwarded | -- | -| select | dispatched | -- | ## `HeaderUtilities` diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index 4c038d26..c4349f58 100644 --- a/docs/src/COMPONENT_API.json +++ b/docs/src/COMPONENT_API.json @@ -10325,15 +10325,14 @@ { "type": "dispatched", "name": "clear", "detail": "any" }, { "type": "dispatched", - "name": "search", + "name": "select", "detail": "{ value: string; selectedResultIndex: number; selectedResult: HeaderSearchResult }" }, { "type": "forwarded", "name": "change", "element": "input" }, { "type": "forwarded", "name": "input", "element": "input" }, { "type": "forwarded", "name": "focus", "element": "input" }, { "type": "forwarded", "name": "blur", "element": "input" }, - { "type": "forwarded", "name": "keydown", "element": "input" }, - { "type": "dispatched", "name": "select" } + { "type": "forwarded", "name": "keydown", "element": "input" } ], "typedefs": [ { diff --git a/docs/src/pages/framed/UIShell/HeaderSearch.svelte b/docs/src/pages/framed/UIShell/HeaderSearch.svelte index 0a37a0be..81aee646 100644 --- a/docs/src/pages/framed/UIShell/HeaderSearch.svelte +++ b/docs/src/pages/framed/UIShell/HeaderSearch.svelte @@ -63,17 +63,14 @@ bind:ref bind:active bind:value - on:search="{(e) => { - console.log('on:search', e.detail); - }}" + bind:selectedResultIndex + results="{results}" on:clear="{() => { console.log('on:clear'); }}" on:select="{(e) => { console.log('on:select', e.detail); }}" - results="{results}" - bind:selectedResultIndex /> diff --git a/src/UIShell/HeaderSearch.svelte b/src/UIShell/HeaderSearch.svelte index a121b0e8..153abb53 100644 --- a/src/UIShell/HeaderSearch.svelte +++ b/src/UIShell/HeaderSearch.svelte @@ -2,7 +2,7 @@ /** * @typedef {{ href: string; text: string; description?: string; }} HeaderSearchResult * @event {any} clear - * @event {{ value: string; selectedResultIndex: number; selectedResult: HeaderSearchResult }} search + * @event {{ value: string; selectedResultIndex: number; selectedResult: HeaderSearchResult }} select */ /** Specify the search input value */ diff --git a/types/UIShell/HeaderSearch.d.ts b/types/UIShell/HeaderSearch.d.ts index 06e7c9c7..5fbce3e6 100644 --- a/types/UIShell/HeaderSearch.d.ts +++ b/types/UIShell/HeaderSearch.d.ts @@ -46,7 +46,7 @@ export default class HeaderSearch { $on(eventname: "clear", cb: (event: CustomEvent) => void): () => void; $on( - eventname: "search", + eventname: "select", cb: (event: CustomEvent<{ value: string; selectedResultIndex: number; selectedResult: HeaderSearchResult }>) => void ): () => void; $on(eventname: "change", cb: (event: WindowEventMap["change"]) => void): () => void; @@ -54,6 +54,5 @@ export default class HeaderSearch { $on(eventname: "focus", cb: (event: WindowEventMap["focus"]) => void): () => void; $on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void; $on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void; - $on(eventname: "select", cb: (event: CustomEvent) => void): () => void; $on(eventname: string, cb: (event: Event) => void): () => void; }