// #region Imports
import { repeat } from '../../../Directives/Directives';
import { html } from '../../../../Dom/Html';
// #endregion
/**
 * The template of the `EpgMinimapElement`.
 *
 * @public
 */
export function epgMinimapElementTemplate(e) {
    return html `
        ${repeat(Array.from({ length: e.lanes }), (_, i) => html `
        <div part="row ${i >= e.visibleStart && i <= e.visibleEnd ? 'in-view' : ''}"
             style="top: ${i * 4}px; position: absolute; width: 100%"></div>
        `)}
        <div part="marker"
             style="top: ${e.visibleStart * 4}px; height: ${(e.visibleEnd - e.visibleStart + 1) * 4}px">
        </div>
    `;
}
//# sourceMappingURL=EpgMinimapElementTemplate.js.map