// #region Imports
import { html } from '../../../../Dom/Html';
import { repeat, when } from '../../../Directives/Directives';
// #endregion
/**
 * The template of the {@link TickBarElement}.
 *
 * @public
 */
export function tickBarElementTemplate(e) {
    return html `
        ${repeat(e.ticks, (tick, i) => html `
        <div part="tick">
            ${when(e.showLabels, () => html `
            <mosaik-text part="label"
                         .text="${e.labelAccessor(tick, i)}"></mosaik-text>

            `)}
        </div>
        `)}
    `;
}
//# sourceMappingURL=TickBarElementTemplate.js.map