// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
// #endregion
/**
 * The template of the {@link ListElement}.
 *
 * @public
 */
export function listElementTemplate(e) {
    return html `
        ${when(e.showFilter, () => html `
        <div part="filter">
            <slot name="filter"></slot>
            <mosaik-spacer .thickness="${'all'}"
                           .size="${'tiny'}">
                <mosaik-textbox .value="${e.filter}"
                                .placeholder="${e.filterPlaceholder.trim() || e.intl.filterPlaceholder}"
                                ?disabled="${e.disabled}"
                                @input="${(x) => e.filter = x.target.value}"></mosaik-textbox>
            </mosaik-spacer>
        </div>
        `)}
        <slot></slot>
         <div part="empty">
            <slot name="empty"></slot>
        </div>
    `;
}
//# sourceMappingURL=ListElementTemplate.js.map