// #region Imports
import { html } from '../../../../Dom/Html';
import { repeat } from '../../../Directives/Directives';
// #endregion
/**
 * The template of the {@link AutoCompleteBoxElement}.
 *
 * @public
 */
export function autoCompleteBoxElementTemplate(e) {
    return html `
        <input id="input"
               type="text"
               .value="${e.text}"
               @input="${e.onInput}"/>
        <ul>
            ${repeat(e.filteredItems, (item) => item, (item) => html `
            <li @click="${() => e.updateSelectedItem(item)}">${e.getDisplayValue(item)}</li>
            `)}
        </ul>
    `;
}
//# sourceMappingURL=AutoCompleteBoxElementTemplate.js.map