// #region Imports
import { html } from '../../../../Dom/Html';
import { Icons } from '../../../../Resources/Icons';
import { when } from '../../../Directives/Directives';
import { Size } from '../../../Types/Size';
// #endregion
/**
 * The template of the `BreadcrumbElement`.
 *
 * @public
 */
export function breadcrumbElementTemplate(e) {
    return html `
        <slot style="display:none" @slotchange="${(x) => e.onSlotChange(x)}"></slot>
        ${e.items.map((_, i) => html `
            ${when(i > 0, () => html `
            <mosaik-icon part="symbol"
                         .data="${Icons.chevronRight}"
                         .size="${Size.Small}"
                         .inline="${true}"></mosaik-icon>
            `)}
            <slot name="item-${i}"></slot>
        `)}
    `;
}
//# sourceMappingURL=BreadcrumbElementTemplate.js.map