// #region Imports
import { html } from '../../../../Dom/Html';
import { repeat } from '../../../Directives/Directives';
// #endregion
/**
 * The template of the {@link DataListElement}.
 *
 * @public
 */
export function dataListElementTemplate(e) {
    return html `
        <mosaik-list part="list">
            ${repeat(e.source, (item) => item, (item) => html `
                <mosaik-list-item>
                ${repeat(e.getItemDefinitions(), (def) => def.key, (def) => html `
                    <mosaik-text .text="${def.path ? item[def.path].toString() : ''}"></mosaik-text>
                `)}
                </mosaik-list-item>
            `)}
        </mosaik-list>
    `;
}
//# sourceMappingURL=DataListElementTemplate.js.map