// #region Imports
import { html } from '../../../../Dom/Html';
import { TimeFormatter } from '../../../../Intl/Formatters/TimeFormatter';
import { repeat } from '../../../Directives/Directives';
import { createTimeOfToday } from './Utils';
// #endregion
/**
 * The template of the `EpgTimelineElement`.
 *
 * @public
 */
export function epgTimelineElementTemplate(e) {
    return html `
        ${repeat([].constructor(e.numberOfHoursInDay), (_, i) => html `
        <div part="container">
            <span part="label">
                <mosaik-text .dir="${e.dir}"
                             .lang="${e.lang}"
                             .text="${TimeFormatter.format(createTimeOfToday(i + e.offsetStartHoursRange), e.format, e.locale)}"></mosaik-text>
            </span>
            <div part="dividers">
                ${repeat([].constructor(4), () => html `
                    <div part="divider"></div>
                `)}
            </div>
        </div>
        `)}
    `;
}
//# sourceMappingURL=EpgTimelineElementTemplate.js.map