@liturgical-calendar/components-js/dist/ApiOptions/Input/EpiphanyInput.js

Liturgical calendar components for javascript: an html select populated with liturgical calendars supported by the Liturgical Calendar API; form controls for parameters that are supported by the Liturgical Calendar API; a webcalendar; and liturgy of the d

import SelectInput from "./SelectInput.js";
import Messages from "../../Messages.js";
export default class EpiphanyInput extends SelectInput {
    #options = null;
    /**
     * Constructor for the EpiphanyInput class.
     *
     * @param {string|Intl.Locale|null} locale - The locale to use for the Epiphany input.
     *                                          The locale should be a valid string that can be parsed by the
     *                                          Intl.getCanonicalLocales function or an instance of Intl.Locale.
     *                                          If the locale string contains an underscore, the underscore will be replaced
     *                                          with a hyphen.
     *
     * @throws {Error} If the locale is invalid.
     */
    constructor(locale = null) {
        super();
        this._domElement.name = 'epiphany';
        this._domElement.id = 'epiphany';
        this._labelElement.textContent = 'epiphany';
        this._labelElement.htmlFor = this._domElement.id;
        if (locale === null) {
            throw new Error('Locale cannot be null.');
        }
        if (false === locale instanceof Intl.Locale) {
            throw new Error('Invalid type for locale, must be of type `Intl.Locale` but found type: ' + typeof locale);
        }
        const monthDayFormatter = new Intl.DateTimeFormat(locale.language, { month: 'long', day: 'numeric' });
        const weekdayFormatter = new Intl.DateTimeFormat(locale.language, { weekday: 'long' });
        const jan6 = new Date(Date.UTC(2025, 0, 6, 0, 0, 0));
        // const jan2 = new Date(Date.UTC(2025, 0, 2, 0, 0, 0));
        // const jan8 = new Date(Date.UTC(2025, 0, 8, 0, 0, 0));
        // const sunday = new Date(Date.UTC(2025, 0, 5, 0, 0, 0));
        this.#options = Object.freeze(Object.entries({
            '': '--',
            'JAN6': monthDayFormatter.format(jan6),
            'SUNDAY_JAN2_JAN8': Messages[locale.language]['SUNDAY_JAN2_JAN8']
        }));
        this.#options.forEach(([value, label]) => {
            const option = document.createElement('option');
            option.value = value;
            option.title = value;
            option.textContent = label;
            option.selected = this._selectedValue === value;
            this._domElement.appendChild(option);
        });
    }
}