// #region Imports
import { html } from '../../../../Dom/Html';
import { repeat, when } from '../../../Directives/Directives';
import { partMap } from '../../../Directives/part-map/PartMapDirective';
// #endregion
/**
 * The template function for the {@link SchedulerDatescaleElement}.
 *
 * @internal
 */
export function schedulerDatescaleElementTemplate(e) {
    return html `
        <div part="date-panel">
            ${repeat(e.items, (item, index) => `${item.date.toISOString()}-${index}`, (item) => html `
            <div part=${partMap({ 'date-row': true, 'is-today': item.isToday, 'is-weekend': item.isWeekend, 'is-blackout': item.isBlackout, 'is-first-of-date': item.isFirstOfDate })}>
                <div part=${partMap({ 'date-cell': true, 'is-today': item.isToday, 'is-weekend': item.isWeekend, 'is-blackout': item.isBlackout })}>
                    ${when(item.isFirstOfDate, () => html `
                        <span part="day-number">${item.dayNumber}</span>
                        <span part="weekday">${item.weekdayLabel}</span>
                    `)}
                </div>
            </div>
            `)}
        </div>
    `;
}
//# sourceMappingURL=SchedulerDatescaleElementTemplate.js.map