Search Input

PacemSearchInputElement is a native <input type="search"> whose value is the typed text. It can show a dropdown of recent searches and suggestions:

• with no text (ArrowDown, or a click), the recent searches; while typing, the matching recent searches first, then the suggestions (datasource, filtered by the text);
• a ghost completes the text with the first row starting with it: Tab or → accept it;
• Enter, or a picked row, commits the search: a search event (detail.text, and detail.item for a picked suggestion), and the text goes on top of the recent searches;
• a recent search is removed by its × button, or by Shift+Delete when highlighted.

The element does not store anything: recent belongs to the app, which persists it as it likes (here a pacem-data with persist-as, bound two-way). Every edit assigns a new array and fires a recentchange event.