// #region Imports
import { html } from '../../../../Dom/Html';
import { repeat } from '../../../Directives/Directives';
// #endregion
/**
 * @public
 */
export function indicatorElementTemplate(e) {
    return html `
        <ul part="list"
            .hidden="${e.total <= 1}">
            ${repeat([].constructor(e.total), (_, index) => index, (_, index) => html `
            <li part="listItem"
                aria-label="Indicator ${index + 1} of ${e.total}"
                class="${e.selected === index ? 'selected' : ''}"
                @click="${() => e.onItemClick(index)}"></li>
            `)}
        </ul>
    `;
}
//# sourceMappingURL=IndicatorElementTemplate.js.map