- aria-labelledby\n */\n\n\n if (!selectLabel || !selectLabel.matches(\"label[for=\\\"\".concat(selectId, \"\\\"]\"))) {\n throw new Error(\"\".concat(COMBO_BOX, \" for \").concat(selectId, \" is either missing a label or a \\\"for\\\" attribute\"));\n } else {\n selectLabel.setAttribute(\"id\", listIdLabel);\n }\n\n selectLabel.setAttribute(\"id\", listIdLabel);\n selectEl.setAttribute(\"aria-hidden\", \"true\");\n selectEl.setAttribute(\"tabindex\", \"-1\");\n selectEl.classList.add(\"usa-sr-only\", SELECT_CLASS);\n selectEl.id = \"\";\n selectEl.value = \"\";\n [\"required\", \"aria-label\", \"aria-labelledby\"].forEach(function (name) {\n if (selectEl.hasAttribute(name)) {\n var value = selectEl.getAttribute(name);\n additionalAttributes.push(\"\".concat(name, \"=\\\"\").concat(value, \"\\\"\"));\n selectEl.removeAttribute(name);\n }\n });\n comboBoxEl.insertAdjacentHTML(\"beforeend\", [\"
\\n \\n \\n
\\n
\");\n calendarEl.parentNode.replaceChild(newCalendar, calendarEl);\n datePickerEl.classList.add(DATE_PICKER_ACTIVE_CLASS);\n var statuses = [];\n\n if (isSameDay(selectedDate, focusedDate)) {\n statuses.push(\"Selected date\");\n }\n\n if (calendarWasHidden) {\n statuses.push(\"You can navigate by day using left and right arrows\", \"Weeks by using up and down arrows\", \"Months by using page up and page down keys\", \"Years by using shift plus page up and shift plus page down\", \"Home and end keys navigate to the beginning and end of a week\");\n statusEl.textContent = \"\";\n } else {\n statuses.push(\"\".concat(monthLabel, \" \").concat(focusedYear));\n }\n\n statusEl.textContent = statuses.join(\". \");\n return newCalendar;\n };\n /**\n * Navigate back one year and display the calendar.\n *\n * @param {HTMLButtonElement} _buttonEl An element within the date picker component\n */\n\n\n var displayPreviousYear = function displayPreviousYear(_buttonEl) {\n if (_buttonEl.disabled) return;\n\n var _getDatePickerContext8 = getDatePickerContext(_buttonEl),\n calendarEl = _getDatePickerContext8.calendarEl,\n calendarDate = _getDatePickerContext8.calendarDate,\n minDate = _getDatePickerContext8.minDate,\n maxDate = _getDatePickerContext8.maxDate;\n\n var date = subYears(calendarDate, 1);\n date = keepDateBetweenMinAndMax(date, minDate, maxDate);\n var newCalendar = renderCalendar(calendarEl, date);\n var nextToFocus = newCalendar.querySelector(CALENDAR_PREVIOUS_YEAR);\n\n if (nextToFocus.disabled) {\n nextToFocus = newCalendar.querySelector(CALENDAR_DATE_PICKER);\n }\n\n nextToFocus.focus();\n };\n /**\n * Navigate back one month and display the calendar.\n *\n * @param {HTMLButtonElement} _buttonEl An element within the date picker component\n */\n\n\n var displayPreviousMonth = function displayPreviousMonth(_buttonEl) {\n if (_buttonEl.disabled) return;\n\n var _getDatePickerContext9 = getDatePickerContext(_buttonEl),\n calendarEl = _getDatePickerContext9.calendarEl,\n calendarDate = _getDatePickerContext9.calendarDate,\n minDate = _getDatePickerContext9.minDate,\n maxDate = _getDatePickerContext9.maxDate;\n\n var date = subMonths(calendarDate, 1);\n date = keepDateBetweenMinAndMax(date, minDate, maxDate);\n var newCalendar = renderCalendar(calendarEl, date);\n var nextToFocus = newCalendar.querySelector(CALENDAR_PREVIOUS_MONTH);\n\n if (nextToFocus.disabled) {\n nextToFocus = newCalendar.querySelector(CALENDAR_DATE_PICKER);\n }\n\n nextToFocus.focus();\n };\n /**\n * Navigate forward one month and display the calendar.\n *\n * @param {HTMLButtonElement} _buttonEl An element within the date picker component\n */\n\n\n var displayNextMonth = function displayNextMonth(_buttonEl) {\n if (_buttonEl.disabled) return;\n\n var _getDatePickerContext10 = getDatePickerContext(_buttonEl),\n calendarEl = _getDatePickerContext10.calendarEl,\n calendarDate = _getDatePickerContext10.calendarDate,\n minDate = _getDatePickerContext10.minDate,\n maxDate = _getDatePickerContext10.maxDate;\n\n var date = addMonths(calendarDate, 1);\n date = keepDateBetweenMinAndMax(date, minDate, maxDate);\n var newCalendar = renderCalendar(calendarEl, date);\n var nextToFocus = newCalendar.querySelector(CALENDAR_NEXT_MONTH);\n\n if (nextToFocus.disabled) {\n nextToFocus = newCalendar.querySelector(CALENDAR_DATE_PICKER);\n }\n\n nextToFocus.focus();\n };\n /**\n * Navigate forward one year and display the calendar.\n *\n * @param {HTMLButtonElement} _buttonEl An element within the date picker component\n */\n\n\n var displayNextYear = function displayNextYear(_buttonEl) {\n if (_buttonEl.disabled) return;\n\n var _getDatePickerContext11 = getDatePickerContext(_buttonEl),\n calendarEl = _getDatePickerContext11.calendarEl,\n calendarDate = _getDatePickerContext11.calendarDate,\n minDate = _getDatePickerContext11.minDate,\n maxDate = _getDatePickerContext11.maxDate;\n\n var date = addYears(calendarDate, 1);\n date = keepDateBetweenMinAndMax(date, minDate, maxDate);\n var newCalendar = renderCalendar(calendarEl, date);\n var nextToFocus = newCalendar.querySelector(CALENDAR_NEXT_YEAR);\n\n if (nextToFocus.disabled) {\n nextToFocus = newCalendar.querySelector(CALENDAR_DATE_PICKER);\n }\n\n nextToFocus.focus();\n };\n /**\n * Hide the calendar of a date picker component.\n *\n * @param {HTMLElement} el An element within the date picker component\n */\n\n\n var hideCalendar = function hideCalendar(el) {\n var _getDatePickerContext12 = getDatePickerContext(el),\n datePickerEl = _getDatePickerContext12.datePickerEl,\n calendarEl = _getDatePickerContext12.calendarEl,\n statusEl = _getDatePickerContext12.statusEl;\n\n datePickerEl.classList.remove(DATE_PICKER_ACTIVE_CLASS);\n calendarEl.hidden = true;\n statusEl.textContent = \"\";\n };\n /**\n * Select a date within the date picker component.\n *\n * @param {HTMLButtonElement} calendarDateEl A date element within the date picker component\n */\n\n\n var selectDate = function selectDate(calendarDateEl) {\n if (calendarDateEl.disabled) return;\n\n var _getDatePickerContext13 = getDatePickerContext(calendarDateEl),\n datePickerEl = _getDatePickerContext13.datePickerEl,\n externalInputEl = _getDatePickerContext13.externalInputEl;\n\n setCalendarValue(calendarDateEl, calendarDateEl.dataset.value);\n hideCalendar(datePickerEl);\n externalInputEl.focus();\n };\n /**\n * Toggle the calendar.\n *\n * @param {HTMLButtonElement} el An element within the date picker component\n */\n\n\n var toggleCalendar = function toggleCalendar(el) {\n if (el.disabled) return;\n\n var _getDatePickerContext14 = getDatePickerContext(el),\n calendarEl = _getDatePickerContext14.calendarEl,\n inputDate = _getDatePickerContext14.inputDate,\n minDate = _getDatePickerContext14.minDate,\n maxDate = _getDatePickerContext14.maxDate,\n defaultDate = _getDatePickerContext14.defaultDate;\n\n if (calendarEl.hidden) {\n var dateToDisplay = keepDateBetweenMinAndMax(inputDate || defaultDate || today(), minDate, maxDate);\n var newCalendar = renderCalendar(calendarEl, dateToDisplay);\n newCalendar.querySelector(CALENDAR_DATE_FOCUSED).focus();\n } else {\n hideCalendar(el);\n }\n };\n /**\n * Update the calendar when visible.\n *\n * @param {HTMLElement} el an element within the date picker\n */\n\n\n var updateCalendarIfVisible = function updateCalendarIfVisible(el) {\n var _getDatePickerContext15 = getDatePickerContext(el),\n calendarEl = _getDatePickerContext15.calendarEl,\n inputDate = _getDatePickerContext15.inputDate,\n minDate = _getDatePickerContext15.minDate,\n maxDate = _getDatePickerContext15.maxDate;\n\n var calendarShown = !calendarEl.hidden;\n\n if (calendarShown && inputDate) {\n var dateToDisplay = keepDateBetweenMinAndMax(inputDate, minDate, maxDate);\n renderCalendar(calendarEl, dateToDisplay);\n }\n }; // #endregion Calendar - Date Selection View\n // #region Calendar - Month Selection View\n\n /**\n * Display the month selection screen in the date picker.\n *\n * @param {HTMLButtonElement} el An element within the date picker component\n * @returns {HTMLElement} a reference to the new calendar element\n */\n\n\n var displayMonthSelection = function displayMonthSelection(el, monthToDisplay) {\n var _getDatePickerContext16 = getDatePickerContext(el),\n calendarEl = _getDatePickerContext16.calendarEl,\n statusEl = _getDatePickerContext16.statusEl,\n calendarDate = _getDatePickerContext16.calendarDate,\n minDate = _getDatePickerContext16.minDate,\n maxDate = _getDatePickerContext16.maxDate;\n\n var selectedMonth = calendarDate.getMonth();\n var focusedMonth = monthToDisplay == null ? selectedMonth : monthToDisplay;\n var months = MONTH_LABELS.map(function (month, index) {\n var monthToCheck = setMonth(calendarDate, index);\n var isDisabled = isDatesMonthOutsideMinOrMax(monthToCheck, minDate, maxDate);\n var tabindex = \"-1\";\n var classes = [CALENDAR_MONTH_CLASS];\n var isSelected = index === selectedMonth;\n\n if (index === focusedMonth) {\n tabindex = \"0\";\n classes.push(CALENDAR_MONTH_FOCUSED_CLASS);\n }\n\n if (isSelected) {\n classes.push(CALENDAR_MONTH_SELECTED_CLASS);\n }\n\n return \"\");\n });\n var monthsHtml = \"\\n
\\n \\n \\n
\\n \\n \\n
\\n \\n \\n \\n
\\n \\n \\n
\\n \\n \\n
\\n | S | \\nM | \\nT | \\nW | \\nTh | \\nF | \\nS | \\n
|---|
\\n \\n \\n \").concat(listToGridHtml(months, 3), \"\\n \\n
\\n
\");\n var newCalendar = calendarEl.cloneNode();\n newCalendar.innerHTML = monthsHtml;\n calendarEl.parentNode.replaceChild(newCalendar, calendarEl);\n statusEl.textContent = \"Select a month.\";\n return newCalendar;\n };\n /**\n * Select a month in the date picker component.\n *\n * @param {HTMLButtonElement} monthEl An month element within the date picker component\n */\n\n\n var selectMonth = function selectMonth(monthEl) {\n if (monthEl.disabled) return;\n\n var _getDatePickerContext17 = getDatePickerContext(monthEl),\n calendarEl = _getDatePickerContext17.calendarEl,\n calendarDate = _getDatePickerContext17.calendarDate,\n minDate = _getDatePickerContext17.minDate,\n maxDate = _getDatePickerContext17.maxDate;\n\n var selectedMonth = parseInt(monthEl.dataset.value, 10);\n var date = setMonth(calendarDate, selectedMonth);\n date = keepDateBetweenMinAndMax(date, minDate, maxDate);\n var newCalendar = renderCalendar(calendarEl, date);\n newCalendar.querySelector(CALENDAR_DATE_FOCUSED).focus();\n }; // #endregion Calendar - Month Selection View\n // #region Calendar - Year Selection View\n\n /**\n * Display the year selection screen in the date picker.\n *\n * @param {HTMLButtonElement} el An element within the date picker component\n * @param {number} yearToDisplay year to display in year selection\n * @returns {HTMLElement} a reference to the new calendar element\n */\n\n\n var displayYearSelection = function displayYearSelection(el, yearToDisplay) {\n var _getDatePickerContext18 = getDatePickerContext(el),\n calendarEl = _getDatePickerContext18.calendarEl,\n statusEl = _getDatePickerContext18.statusEl,\n calendarDate = _getDatePickerContext18.calendarDate,\n minDate = _getDatePickerContext18.minDate,\n maxDate = _getDatePickerContext18.maxDate;\n\n var selectedYear = calendarDate.getFullYear();\n var focusedYear = yearToDisplay == null ? selectedYear : yearToDisplay;\n var yearToChunk = focusedYear;\n yearToChunk -= yearToChunk % YEAR_CHUNK;\n yearToChunk = Math.max(0, yearToChunk);\n var prevYearChunkDisabled = isDatesYearOutsideMinOrMax(setYear(calendarDate, yearToChunk - 1), minDate, maxDate);\n var nextYearChunkDisabled = isDatesYearOutsideMinOrMax(setYear(calendarDate, yearToChunk + YEAR_CHUNK), minDate, maxDate);\n var years = [];\n var yearIndex = yearToChunk;\n\n while (years.length < YEAR_CHUNK) {\n var isDisabled = isDatesYearOutsideMinOrMax(setYear(calendarDate, yearIndex), minDate, maxDate);\n var tabindex = \"-1\";\n var classes = [CALENDAR_YEAR_CLASS];\n var isSelected = yearIndex === selectedYear;\n\n if (yearIndex === focusedYear) {\n tabindex = \"0\";\n classes.push(CALENDAR_YEAR_FOCUSED_CLASS);\n }\n\n if (isSelected) {\n classes.push(CALENDAR_YEAR_SELECTED_CLASS);\n }\n\n years.push(\"\"));\n yearIndex += 1;\n }\n\n var yearsHtml = listToGridHtml(years, 3);\n var newCalendar = calendarEl.cloneNode();\n newCalendar.innerHTML = \"\\n \\n \\n
\\n
\");\n calendarEl.parentNode.replaceChild(newCalendar, calendarEl);\n statusEl.textContent = \"Showing years \".concat(yearToChunk, \" to \").concat(yearToChunk + YEAR_CHUNK - 1, \". Select a year.\");\n return newCalendar;\n };\n /**\n * Navigate back by years and display the year selection screen.\n *\n * @param {HTMLButtonElement} el An element within the date picker component\n */\n\n\n var displayPreviousYearChunk = function displayPreviousYearChunk(el) {\n if (el.disabled) return;\n\n var _getDatePickerContext19 = getDatePickerContext(el),\n calendarEl = _getDatePickerContext19.calendarEl,\n calendarDate = _getDatePickerContext19.calendarDate,\n minDate = _getDatePickerContext19.minDate,\n maxDate = _getDatePickerContext19.maxDate;\n\n var yearEl = calendarEl.querySelector(CALENDAR_YEAR_FOCUSED);\n var selectedYear = parseInt(yearEl.textContent, 10);\n var adjustedYear = selectedYear - YEAR_CHUNK;\n adjustedYear = Math.max(0, adjustedYear);\n var date = setYear(calendarDate, adjustedYear);\n var cappedDate = keepDateBetweenMinAndMax(date, minDate, maxDate);\n var newCalendar = displayYearSelection(calendarEl, cappedDate.getFullYear());\n var nextToFocus = newCalendar.querySelector(CALENDAR_PREVIOUS_YEAR_CHUNK);\n\n if (nextToFocus.disabled) {\n nextToFocus = newCalendar.querySelector(CALENDAR_YEAR_PICKER);\n }\n\n nextToFocus.focus();\n };\n /**\n * Navigate forward by years and display the year selection screen.\n *\n * @param {HTMLButtonElement} el An element within the date picker component\n */\n\n\n var displayNextYearChunk = function displayNextYearChunk(el) {\n if (el.disabled) return;\n\n var _getDatePickerContext20 = getDatePickerContext(el),\n calendarEl = _getDatePickerContext20.calendarEl,\n calendarDate = _getDatePickerContext20.calendarDate,\n minDate = _getDatePickerContext20.minDate,\n maxDate = _getDatePickerContext20.maxDate;\n\n var yearEl = calendarEl.querySelector(CALENDAR_YEAR_FOCUSED);\n var selectedYear = parseInt(yearEl.textContent, 10);\n var adjustedYear = selectedYear + YEAR_CHUNK;\n adjustedYear = Math.max(0, adjustedYear);\n var date = setYear(calendarDate, adjustedYear);\n var cappedDate = keepDateBetweenMinAndMax(date, minDate, maxDate);\n var newCalendar = displayYearSelection(calendarEl, cappedDate.getFullYear());\n var nextToFocus = newCalendar.querySelector(CALENDAR_NEXT_YEAR_CHUNK);\n\n if (nextToFocus.disabled) {\n nextToFocus = newCalendar.querySelector(CALENDAR_YEAR_PICKER);\n }\n\n nextToFocus.focus();\n };\n /**\n * Select a year in the date picker component.\n *\n * @param {HTMLButtonElement} yearEl A year element within the date picker component\n */\n\n\n var selectYear = function selectYear(yearEl) {\n if (yearEl.disabled) return;\n\n var _getDatePickerContext21 = getDatePickerContext(yearEl),\n calendarEl = _getDatePickerContext21.calendarEl,\n calendarDate = _getDatePickerContext21.calendarDate,\n minDate = _getDatePickerContext21.minDate,\n maxDate = _getDatePickerContext21.maxDate;\n\n var selectedYear = parseInt(yearEl.innerHTML, 10);\n var date = setYear(calendarDate, selectedYear);\n date = keepDateBetweenMinAndMax(date, minDate, maxDate);\n var newCalendar = renderCalendar(calendarEl, date);\n newCalendar.querySelector(CALENDAR_DATE_FOCUSED).focus();\n }; // #endregion Calendar - Year Selection View\n // #region Calendar Event Handling\n\n /**\n * Hide the calendar.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n\n var handleEscapeFromCalendar = function handleEscapeFromCalendar(event) {\n var _getDatePickerContext22 = getDatePickerContext(event.target),\n datePickerEl = _getDatePickerContext22.datePickerEl,\n externalInputEl = _getDatePickerContext22.externalInputEl;\n\n hideCalendar(datePickerEl);\n externalInputEl.focus();\n event.preventDefault();\n }; // #endregion Calendar Event Handling\n // #region Calendar Date Event Handling\n\n /**\n * Adjust the date and display the calendar if needed.\n *\n * @param {function} adjustDateFn function that returns the adjusted date\n */\n\n\n var adjustCalendar = function adjustCalendar(adjustDateFn) {\n return function (event) {\n var _getDatePickerContext23 = getDatePickerContext(event.target),\n calendarEl = _getDatePickerContext23.calendarEl,\n calendarDate = _getDatePickerContext23.calendarDate,\n minDate = _getDatePickerContext23.minDate,\n maxDate = _getDatePickerContext23.maxDate;\n\n var date = adjustDateFn(calendarDate);\n var cappedDate = keepDateBetweenMinAndMax(date, minDate, maxDate);\n\n if (!isSameDay(calendarDate, cappedDate)) {\n var newCalendar = renderCalendar(calendarEl, cappedDate);\n newCalendar.querySelector(CALENDAR_DATE_FOCUSED).focus();\n }\n\n event.preventDefault();\n };\n };\n /**\n * Navigate back one week and display the calendar.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n\n var handleUpFromDate = adjustCalendar(function (date) {\n return subWeeks(date, 1);\n });\n /**\n * Navigate forward one week and display the calendar.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handleDownFromDate = adjustCalendar(function (date) {\n return addWeeks(date, 1);\n });\n /**\n * Navigate back one day and display the calendar.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handleLeftFromDate = adjustCalendar(function (date) {\n return subDays(date, 1);\n });\n /**\n * Navigate forward one day and display the calendar.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handleRightFromDate = adjustCalendar(function (date) {\n return addDays(date, 1);\n });\n /**\n * Navigate to the start of the week and display the calendar.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handleHomeFromDate = adjustCalendar(function (date) {\n return startOfWeek(date);\n });\n /**\n * Navigate to the end of the week and display the calendar.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handleEndFromDate = adjustCalendar(function (date) {\n return endOfWeek(date);\n });\n /**\n * Navigate forward one month and display the calendar.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handlePageDownFromDate = adjustCalendar(function (date) {\n return addMonths(date, 1);\n });\n /**\n * Navigate back one month and display the calendar.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handlePageUpFromDate = adjustCalendar(function (date) {\n return subMonths(date, 1);\n });\n /**\n * Navigate forward one year and display the calendar.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handleShiftPageDownFromDate = adjustCalendar(function (date) {\n return addYears(date, 1);\n });\n /**\n * Navigate back one year and display the calendar.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handleShiftPageUpFromDate = adjustCalendar(function (date) {\n return subYears(date, 1);\n });\n /**\n * display the calendar for the mousemove date.\n *\n * @param {MouseEvent} event The mousemove event\n * @param {HTMLButtonElement} dateEl A date element within the date picker component\n */\n\n var handleMousemoveFromDate = function handleMousemoveFromDate(dateEl) {\n if (dateEl.disabled) return;\n var calendarEl = dateEl.closest(DATE_PICKER_CALENDAR);\n var currentCalendarDate = calendarEl.dataset.value;\n var hoverDate = dateEl.dataset.value;\n if (hoverDate === currentCalendarDate) return;\n var dateToDisplay = parseDateString(hoverDate);\n var newCalendar = renderCalendar(calendarEl, dateToDisplay);\n newCalendar.querySelector(CALENDAR_DATE_FOCUSED).focus();\n }; // #endregion Calendar Date Event Handling\n // #region Calendar Month Event Handling\n\n /**\n * Adjust the month and display the month selection screen if needed.\n *\n * @param {function} adjustMonthFn function that returns the adjusted month\n */\n\n\n var adjustMonthSelectionScreen = function adjustMonthSelectionScreen(adjustMonthFn) {\n return function (event) {\n var monthEl = event.target;\n var selectedMonth = parseInt(monthEl.dataset.value, 10);\n\n var _getDatePickerContext24 = getDatePickerContext(monthEl),\n calendarEl = _getDatePickerContext24.calendarEl,\n calendarDate = _getDatePickerContext24.calendarDate,\n minDate = _getDatePickerContext24.minDate,\n maxDate = _getDatePickerContext24.maxDate;\n\n var currentDate = setMonth(calendarDate, selectedMonth);\n var adjustedMonth = adjustMonthFn(selectedMonth);\n adjustedMonth = Math.max(0, Math.min(11, adjustedMonth));\n var date = setMonth(calendarDate, adjustedMonth);\n var cappedDate = keepDateBetweenMinAndMax(date, minDate, maxDate);\n\n if (!isSameMonth(currentDate, cappedDate)) {\n var newCalendar = displayMonthSelection(calendarEl, cappedDate.getMonth());\n newCalendar.querySelector(CALENDAR_MONTH_FOCUSED).focus();\n }\n\n event.preventDefault();\n };\n };\n /**\n * Navigate back three months and display the month selection screen.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n\n var handleUpFromMonth = adjustMonthSelectionScreen(function (month) {\n return month - 3;\n });\n /**\n * Navigate forward three months and display the month selection screen.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handleDownFromMonth = adjustMonthSelectionScreen(function (month) {\n return month + 3;\n });\n /**\n * Navigate back one month and display the month selection screen.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handleLeftFromMonth = adjustMonthSelectionScreen(function (month) {\n return month - 1;\n });\n /**\n * Navigate forward one month and display the month selection screen.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handleRightFromMonth = adjustMonthSelectionScreen(function (month) {\n return month + 1;\n });\n /**\n * Navigate to the start of the row of months and display the month selection screen.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handleHomeFromMonth = adjustMonthSelectionScreen(function (month) {\n return month - month % 3;\n });\n /**\n * Navigate to the end of the row of months and display the month selection screen.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handleEndFromMonth = adjustMonthSelectionScreen(function (month) {\n return month + 2 - month % 3;\n });\n /**\n * Navigate to the last month (December) and display the month selection screen.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handlePageDownFromMonth = adjustMonthSelectionScreen(function () {\n return 11;\n });\n /**\n * Navigate to the first month (January) and display the month selection screen.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handlePageUpFromMonth = adjustMonthSelectionScreen(function () {\n return 0;\n });\n /**\n * update the focus on a month when the mouse moves.\n *\n * @param {MouseEvent} event The mousemove event\n * @param {HTMLButtonElement} monthEl A month element within the date picker component\n */\n\n var handleMousemoveFromMonth = function handleMousemoveFromMonth(monthEl) {\n if (monthEl.disabled) return;\n if (monthEl.classList.contains(CALENDAR_MONTH_FOCUSED_CLASS)) return;\n var focusMonth = parseInt(monthEl.dataset.value, 10);\n var newCalendar = displayMonthSelection(monthEl, focusMonth);\n newCalendar.querySelector(CALENDAR_MONTH_FOCUSED).focus();\n }; // #endregion Calendar Month Event Handling\n // #region Calendar Year Event Handling\n\n /**\n * Adjust the year and display the year selection screen if needed.\n *\n * @param {function} adjustYearFn function that returns the adjusted year\n */\n\n\n var adjustYearSelectionScreen = function adjustYearSelectionScreen(adjustYearFn) {\n return function (event) {\n var yearEl = event.target;\n var selectedYear = parseInt(yearEl.dataset.value, 10);\n\n var _getDatePickerContext25 = getDatePickerContext(yearEl),\n calendarEl = _getDatePickerContext25.calendarEl,\n calendarDate = _getDatePickerContext25.calendarDate,\n minDate = _getDatePickerContext25.minDate,\n maxDate = _getDatePickerContext25.maxDate;\n\n var currentDate = setYear(calendarDate, selectedYear);\n var adjustedYear = adjustYearFn(selectedYear);\n adjustedYear = Math.max(0, adjustedYear);\n var date = setYear(calendarDate, adjustedYear);\n var cappedDate = keepDateBetweenMinAndMax(date, minDate, maxDate);\n\n if (!isSameYear(currentDate, cappedDate)) {\n var newCalendar = displayYearSelection(calendarEl, cappedDate.getFullYear());\n newCalendar.querySelector(CALENDAR_YEAR_FOCUSED).focus();\n }\n\n event.preventDefault();\n };\n };\n /**\n * Navigate back three years and display the year selection screen.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n\n var handleUpFromYear = adjustYearSelectionScreen(function (year) {\n return year - 3;\n });\n /**\n * Navigate forward three years and display the year selection screen.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handleDownFromYear = adjustYearSelectionScreen(function (year) {\n return year + 3;\n });\n /**\n * Navigate back one year and display the year selection screen.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handleLeftFromYear = adjustYearSelectionScreen(function (year) {\n return year - 1;\n });\n /**\n * Navigate forward one year and display the year selection screen.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handleRightFromYear = adjustYearSelectionScreen(function (year) {\n return year + 1;\n });\n /**\n * Navigate to the start of the row of years and display the year selection screen.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handleHomeFromYear = adjustYearSelectionScreen(function (year) {\n return year - year % 3;\n });\n /**\n * Navigate to the end of the row of years and display the year selection screen.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handleEndFromYear = adjustYearSelectionScreen(function (year) {\n return year + 2 - year % 3;\n });\n /**\n * Navigate to back 12 years and display the year selection screen.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handlePageUpFromYear = adjustYearSelectionScreen(function (year) {\n return year - YEAR_CHUNK;\n });\n /**\n * Navigate forward 12 years and display the year selection screen.\n *\n * @param {KeyboardEvent} event the keydown event\n */\n\n var handlePageDownFromYear = adjustYearSelectionScreen(function (year) {\n return year + YEAR_CHUNK;\n });\n /**\n * update the focus on a year when the mouse moves.\n *\n * @param {MouseEvent} event The mousemove event\n * @param {HTMLButtonElement} dateEl A year element within the date picker component\n */\n\n var handleMousemoveFromYear = function handleMousemoveFromYear(yearEl) {\n if (yearEl.disabled) return;\n if (yearEl.classList.contains(CALENDAR_YEAR_FOCUSED_CLASS)) return;\n var focusYear = parseInt(yearEl.dataset.value, 10);\n var newCalendar = displayYearSelection(yearEl, focusYear);\n newCalendar.querySelector(CALENDAR_YEAR_FOCUSED).focus();\n }; // #endregion Calendar Year Event Handling\n // #region Focus Handling Event Handling\n\n\n var tabHandler = function tabHandler(focusable) {\n var getFocusableContext = function getFocusableContext(el) {\n var _getDatePickerContext26 = getDatePickerContext(el),\n calendarEl = _getDatePickerContext26.calendarEl;\n\n var focusableElements = select(focusable, calendarEl);\n var firstTabIndex = 0;\n var lastTabIndex = focusableElements.length - 1;\n var firstTabStop = focusableElements[firstTabIndex];\n var lastTabStop = focusableElements[lastTabIndex];\n var focusIndex = focusableElements.indexOf(activeElement());\n var isLastTab = focusIndex === lastTabIndex;\n var isFirstTab = focusIndex === firstTabIndex;\n var isNotFound = focusIndex === -1;\n return {\n focusableElements: focusableElements,\n isNotFound: isNotFound,\n firstTabStop: firstTabStop,\n isFirstTab: isFirstTab,\n lastTabStop: lastTabStop,\n isLastTab: isLastTab\n };\n };\n\n return {\n tabAhead: function tabAhead(event) {\n var _getFocusableContext = getFocusableContext(event.target),\n firstTabStop = _getFocusableContext.firstTabStop,\n isLastTab = _getFocusableContext.isLastTab,\n isNotFound = _getFocusableContext.isNotFound;\n\n if (isLastTab || isNotFound) {\n event.preventDefault();\n firstTabStop.focus();\n }\n },\n tabBack: function tabBack(event) {\n var _getFocusableContext2 = getFocusableContext(event.target),\n lastTabStop = _getFocusableContext2.lastTabStop,\n isFirstTab = _getFocusableContext2.isFirstTab,\n isNotFound = _getFocusableContext2.isNotFound;\n\n if (isFirstTab || isNotFound) {\n event.preventDefault();\n lastTabStop.focus();\n }\n }\n };\n };\n\n var datePickerTabEventHandler = tabHandler(DATE_PICKER_FOCUSABLE);\n var monthPickerTabEventHandler = tabHandler(MONTH_PICKER_FOCUSABLE);\n var yearPickerTabEventHandler = tabHandler(YEAR_PICKER_FOCUSABLE); // #endregion Focus Handling Event Handling\n // #region Date Picker Event Delegation Registration / Component\n\n var datePickerEvents = (_datePickerEvents = {}, _defineProperty(_datePickerEvents, CLICK, (_CLICK = {}, _defineProperty(_CLICK, DATE_PICKER_BUTTON, function () {\n toggleCalendar(this);\n }), _defineProperty(_CLICK, CALENDAR_DATE, function () {\n selectDate(this);\n }), _defineProperty(_CLICK, CALENDAR_MONTH, function () {\n selectMonth(this);\n }), _defineProperty(_CLICK, CALENDAR_YEAR, function () {\n selectYear(this);\n }), _defineProperty(_CLICK, CALENDAR_PREVIOUS_MONTH, function () {\n displayPreviousMonth(this);\n }), _defineProperty(_CLICK, CALENDAR_NEXT_MONTH, function () {\n displayNextMonth(this);\n }), _defineProperty(_CLICK, CALENDAR_PREVIOUS_YEAR, function () {\n displayPreviousYear(this);\n }), _defineProperty(_CLICK, CALENDAR_NEXT_YEAR, function () {\n displayNextYear(this);\n }), _defineProperty(_CLICK, CALENDAR_PREVIOUS_YEAR_CHUNK, function () {\n displayPreviousYearChunk(this);\n }), _defineProperty(_CLICK, CALENDAR_NEXT_YEAR_CHUNK, function () {\n displayNextYearChunk(this);\n }), _defineProperty(_CLICK, CALENDAR_MONTH_SELECTION, function () {\n var newCalendar = displayMonthSelection(this);\n newCalendar.querySelector(CALENDAR_MONTH_FOCUSED).focus();\n }), _defineProperty(_CLICK, CALENDAR_YEAR_SELECTION, function () {\n var newCalendar = displayYearSelection(this);\n newCalendar.querySelector(CALENDAR_YEAR_FOCUSED).focus();\n }), _CLICK)), _defineProperty(_datePickerEvents, \"keyup\", _defineProperty({}, DATE_PICKER_CALENDAR, function (event) {\n var keydown = this.dataset.keydownKeyCode;\n\n if (\"\".concat(event.keyCode) !== keydown) {\n event.preventDefault();\n }\n })), _defineProperty(_datePickerEvents, \"keydown\", (_keydown = {}, _defineProperty(_keydown, DATE_PICKER_EXTERNAL_INPUT, function (event) {\n if (event.keyCode === ENTER_KEYCODE) {\n validateDateInput(this);\n }\n }), _defineProperty(_keydown, CALENDAR_DATE, keymap({\n Up: handleUpFromDate,\n ArrowUp: handleUpFromDate,\n Down: handleDownFromDate,\n ArrowDown: handleDownFromDate,\n Left: handleLeftFromDate,\n ArrowLeft: handleLeftFromDate,\n Right: handleRightFromDate,\n ArrowRight: handleRightFromDate,\n Home: handleHomeFromDate,\n End: handleEndFromDate,\n PageDown: handlePageDownFromDate,\n PageUp: handlePageUpFromDate,\n \"Shift+PageDown\": handleShiftPageDownFromDate,\n \"Shift+PageUp\": handleShiftPageUpFromDate\n })), _defineProperty(_keydown, CALENDAR_DATE_PICKER, keymap({\n Tab: datePickerTabEventHandler.tabAhead,\n \"Shift+Tab\": datePickerTabEventHandler.tabBack\n })), _defineProperty(_keydown, CALENDAR_MONTH, keymap({\n Up: handleUpFromMonth,\n ArrowUp: handleUpFromMonth,\n Down: handleDownFromMonth,\n ArrowDown: handleDownFromMonth,\n Left: handleLeftFromMonth,\n ArrowLeft: handleLeftFromMonth,\n Right: handleRightFromMonth,\n ArrowRight: handleRightFromMonth,\n Home: handleHomeFromMonth,\n End: handleEndFromMonth,\n PageDown: handlePageDownFromMonth,\n PageUp: handlePageUpFromMonth\n })), _defineProperty(_keydown, CALENDAR_MONTH_PICKER, keymap({\n Tab: monthPickerTabEventHandler.tabAhead,\n \"Shift+Tab\": monthPickerTabEventHandler.tabBack\n })), _defineProperty(_keydown, CALENDAR_YEAR, keymap({\n Up: handleUpFromYear,\n ArrowUp: handleUpFromYear,\n Down: handleDownFromYear,\n ArrowDown: handleDownFromYear,\n Left: handleLeftFromYear,\n ArrowLeft: handleLeftFromYear,\n Right: handleRightFromYear,\n ArrowRight: handleRightFromYear,\n Home: handleHomeFromYear,\n End: handleEndFromYear,\n PageDown: handlePageDownFromYear,\n PageUp: handlePageUpFromYear\n })), _defineProperty(_keydown, CALENDAR_YEAR_PICKER, keymap({\n Tab: yearPickerTabEventHandler.tabAhead,\n \"Shift+Tab\": yearPickerTabEventHandler.tabBack\n })), _defineProperty(_keydown, DATE_PICKER_CALENDAR, function (event) {\n this.dataset.keydownKeyCode = event.keyCode;\n }), _defineProperty(_keydown, DATE_PICKER, function (event) {\n var keyMap = keymap({\n Escape: handleEscapeFromCalendar\n });\n keyMap(event);\n }), _keydown)), _defineProperty(_datePickerEvents, \"focusout\", (_focusout = {}, _defineProperty(_focusout, DATE_PICKER_EXTERNAL_INPUT, function () {\n validateDateInput(this);\n }), _defineProperty(_focusout, DATE_PICKER, function (event) {\n if (!this.contains(event.relatedTarget)) {\n hideCalendar(this);\n }\n }), _focusout)), _defineProperty(_datePickerEvents, \"input\", _defineProperty({}, DATE_PICKER_EXTERNAL_INPUT, function () {\n reconcileInputValues(this);\n updateCalendarIfVisible(this);\n })), _datePickerEvents);\n\n if (!isIosDevice()) {\n var _datePickerEvents$mou;\n\n datePickerEvents.mousemove = (_datePickerEvents$mou = {}, _defineProperty(_datePickerEvents$mou, CALENDAR_DATE_CURRENT_MONTH, function () {\n handleMousemoveFromDate(this);\n }), _defineProperty(_datePickerEvents$mou, CALENDAR_MONTH, function () {\n handleMousemoveFromMonth(this);\n }), _defineProperty(_datePickerEvents$mou, CALENDAR_YEAR, function () {\n handleMousemoveFromYear(this);\n }), _datePickerEvents$mou);\n }\n\n var datePicker = behavior(datePickerEvents, {\n init: function init(root) {\n select(DATE_PICKER, root).forEach(function (datePickerEl) {\n enhanceDatePicker(datePickerEl);\n });\n },\n getDatePickerContext: getDatePickerContext,\n disable: disable,\n enable: enable,\n isDateInputInvalid: isDateInputInvalid,\n setCalendarValue: setCalendarValue,\n validateDateInput: validateDateInput,\n renderCalendar: renderCalendar,\n updateCalendarIfVisible: updateCalendarIfVisible\n }); // #endregion Date Picker Event Delegation Registration / Component\n\n module.exports = datePicker;\n }, {\n \"../config\": 36,\n \"../events\": 37,\n \"../utils/active-element\": 44,\n \"../utils/behavior\": 45,\n \"../utils/is-ios-device\": 48,\n \"../utils/select\": 50,\n \"receptor/keymap\": 14\n }],\n 22: [function (require, module, exports) {\n \"use strict\";\n\n var _inputChange;\n\n function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n }\n\n function _slicedToArray(arr, i) {\n return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();\n }\n\n function _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n }\n\n function _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n }\n\n function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n }\n\n function _iterableToArrayLimit(arr, i) {\n if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return;\n var _arr = [];\n var _n = true;\n var _d = false;\n var _e = undefined;\n\n try {\n for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n }\n\n function _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n }\n\n var behavior = require(\"../utils/behavior\");\n\n var select = require(\"../utils/select\");\n\n var _require = require(\"../config\"),\n PREFIX = _require.prefix;\n\n var _require2 = require(\"./date-picker\"),\n getDatePickerContext = _require2.getDatePickerContext,\n isDateInputInvalid = _require2.isDateInputInvalid,\n updateCalendarIfVisible = _require2.updateCalendarIfVisible;\n\n var DATE_PICKER_CLASS = \"\".concat(PREFIX, \"-date-picker\");\n var DATE_RANGE_PICKER_CLASS = \"\".concat(PREFIX, \"-date-range-picker\");\n var DATE_RANGE_PICKER_RANGE_START_CLASS = \"\".concat(DATE_RANGE_PICKER_CLASS, \"__range-start\");\n var DATE_RANGE_PICKER_RANGE_END_CLASS = \"\".concat(DATE_RANGE_PICKER_CLASS, \"__range-end\");\n var DATE_PICKER = \".\".concat(DATE_PICKER_CLASS);\n var DATE_RANGE_PICKER = \".\".concat(DATE_RANGE_PICKER_CLASS);\n var DATE_RANGE_PICKER_RANGE_START = \".\".concat(DATE_RANGE_PICKER_RANGE_START_CLASS);\n var DATE_RANGE_PICKER_RANGE_END = \".\".concat(DATE_RANGE_PICKER_RANGE_END_CLASS);\n var DEFAULT_MIN_DATE = \"0000-01-01\";\n /**\n * The properties and elements within the date range picker.\n * @typedef {Object} DateRangePickerContext\n * @property {HTMLElement} dateRangePickerEl\n * @property {HTMLElement} rangeStartEl\n * @property {HTMLElement} rangeEndEl\n */\n\n /**\n * Get an object of the properties and elements belonging directly to the given\n * date picker component.\n *\n * @param {HTMLElement} el the element within the date picker\n * @returns {DateRangePickerContext} elements\n */\n\n var getDateRangePickerContext = function getDateRangePickerContext(el) {\n var dateRangePickerEl = el.closest(DATE_RANGE_PICKER);\n\n if (!dateRangePickerEl) {\n throw new Error(\"Element is missing outer \".concat(DATE_RANGE_PICKER));\n }\n\n var rangeStartEl = dateRangePickerEl.querySelector(DATE_RANGE_PICKER_RANGE_START);\n var rangeEndEl = dateRangePickerEl.querySelector(DATE_RANGE_PICKER_RANGE_END);\n return {\n dateRangePickerEl: dateRangePickerEl,\n rangeStartEl: rangeStartEl,\n rangeEndEl: rangeEndEl\n };\n };\n /**\n * handle update from range start date picker\n *\n * @param {HTMLElement} el an element within the date range picker\n */\n\n\n var handleRangeStartUpdate = function handleRangeStartUpdate(el) {\n var _getDateRangePickerCo = getDateRangePickerContext(el),\n dateRangePickerEl = _getDateRangePickerCo.dateRangePickerEl,\n rangeStartEl = _getDateRangePickerCo.rangeStartEl,\n rangeEndEl = _getDateRangePickerCo.rangeEndEl;\n\n var _getDatePickerContext = getDatePickerContext(rangeStartEl),\n internalInputEl = _getDatePickerContext.internalInputEl;\n\n var updatedDate = internalInputEl.value;\n\n if (updatedDate && !isDateInputInvalid(internalInputEl)) {\n rangeEndEl.dataset.minDate = updatedDate;\n rangeEndEl.dataset.rangeDate = updatedDate;\n rangeEndEl.dataset.defaultDate = updatedDate;\n } else {\n rangeEndEl.dataset.minDate = dateRangePickerEl.dataset.minDate || \"\";\n rangeEndEl.dataset.rangeDate = \"\";\n rangeEndEl.dataset.defaultDate = \"\";\n }\n\n updateCalendarIfVisible(rangeEndEl);\n };\n /**\n * handle update from range start date picker\n *\n * @param {HTMLElement} el an element within the date range picker\n */\n\n\n var handleRangeEndUpdate = function handleRangeEndUpdate(el) {\n var _getDateRangePickerCo2 = getDateRangePickerContext(el),\n dateRangePickerEl = _getDateRangePickerCo2.dateRangePickerEl,\n rangeStartEl = _getDateRangePickerCo2.rangeStartEl,\n rangeEndEl = _getDateRangePickerCo2.rangeEndEl;\n\n var _getDatePickerContext2 = getDatePickerContext(rangeEndEl),\n internalInputEl = _getDatePickerContext2.internalInputEl;\n\n var updatedDate = internalInputEl.value;\n\n if (updatedDate && !isDateInputInvalid(internalInputEl)) {\n rangeStartEl.dataset.maxDate = updatedDate;\n rangeStartEl.dataset.rangeDate = updatedDate;\n rangeStartEl.dataset.defaultDate = updatedDate;\n } else {\n rangeStartEl.dataset.maxDate = dateRangePickerEl.dataset.maxDate || \"\";\n rangeStartEl.dataset.rangeDate = \"\";\n rangeStartEl.dataset.defaultDate = \"\";\n }\n\n updateCalendarIfVisible(rangeStartEl);\n };\n /**\n * Enhance an input with the date picker elements\n *\n * @param {HTMLElement} el The initial wrapping element of the date range picker component\n */\n\n\n var enhanceDateRangePicker = function enhanceDateRangePicker(el) {\n var dateRangePickerEl = el.closest(DATE_RANGE_PICKER);\n\n var _select = select(DATE_PICKER, dateRangePickerEl),\n _select2 = _slicedToArray(_select, 2),\n rangeStart = _select2[0],\n rangeEnd = _select2[1];\n\n if (!rangeStart) {\n throw new Error(\"\".concat(DATE_RANGE_PICKER, \" is missing inner two '\").concat(DATE_PICKER, \"' elements\"));\n }\n\n if (!rangeEnd) {\n throw new Error(\"\".concat(DATE_RANGE_PICKER, \" is missing second '\").concat(DATE_PICKER, \"' element\"));\n }\n\n rangeStart.classList.add(DATE_RANGE_PICKER_RANGE_START_CLASS);\n rangeEnd.classList.add(DATE_RANGE_PICKER_RANGE_END_CLASS);\n\n if (!dateRangePickerEl.dataset.minDate) {\n dateRangePickerEl.dataset.minDate = DEFAULT_MIN_DATE;\n }\n\n var minDate = dateRangePickerEl.dataset.minDate;\n rangeStart.dataset.minDate = minDate;\n rangeEnd.dataset.minDate = minDate;\n var maxDate = dateRangePickerEl.dataset.maxDate;\n\n if (maxDate) {\n rangeStart.dataset.maxDate = maxDate;\n rangeEnd.dataset.maxDate = maxDate;\n }\n\n handleRangeStartUpdate(dateRangePickerEl);\n handleRangeEndUpdate(dateRangePickerEl);\n };\n\n var dateRangePicker = behavior({\n \"input change\": (_inputChange = {}, _defineProperty(_inputChange, DATE_RANGE_PICKER_RANGE_START, function () {\n handleRangeStartUpdate(this);\n }), _defineProperty(_inputChange, DATE_RANGE_PICKER_RANGE_END, function () {\n handleRangeEndUpdate(this);\n }), _inputChange)\n }, {\n init: function init(root) {\n select(DATE_RANGE_PICKER, root).forEach(function (dateRangePickerEl) {\n enhanceDateRangePicker(dateRangePickerEl);\n });\n }\n });\n module.exports = dateRangePicker;\n }, {\n \"../config\": 36,\n \"../utils/behavior\": 45,\n \"../utils/select\": 50,\n \"./date-picker\": 21\n }],\n 23: [function (require, module, exports) {\n \"use strict\";\n\n var select = require(\"../utils/select\");\n\n var behavior = require(\"../utils/behavior\");\n\n var _require = require(\"../config\"),\n PREFIX = _require.prefix;\n\n var DROPZONE_CLASS = \"\".concat(PREFIX, \"-file-input\");\n var DROPZONE = \".\".concat(DROPZONE_CLASS);\n var INPUT_CLASS = \"\".concat(PREFIX, \"-file-input__input\");\n var TARGET_CLASS = \"\".concat(PREFIX, \"-file-input__target\");\n var INPUT = \".\".concat(INPUT_CLASS);\n var BOX_CLASS = \"\".concat(PREFIX, \"-file-input__box\");\n var INSTRUCTIONS_CLASS = \"\".concat(PREFIX, \"-file-input__instructions\");\n var PREVIEW_CLASS = \"\".concat(PREFIX, \"-file-input__preview\");\n var PREVIEW_HEADING_CLASS = \"\".concat(PREFIX, \"-file-input__preview-heading\");\n var DISABLED_CLASS = \"\".concat(PREFIX, \"-file-input--disabled\");\n var CHOOSE_CLASS = \"\".concat(PREFIX, \"-file-input__choose\");\n var ACCEPTED_FILE_MESSAGE_CLASS = \"\".concat(PREFIX, \"-file-input__accepted-files-message\");\n var DRAG_TEXT_CLASS = \"\".concat(PREFIX, \"-file-input__drag-text\");\n var DRAG_CLASS = \"\".concat(PREFIX, \"-file-input--drag\");\n var LOADING_CLASS = \"is-loading\";\n var HIDDEN_CLASS = \"display-none\";\n var INVALID_FILE_CLASS = \"has-invalid-file\";\n var GENERIC_PREVIEW_CLASS_NAME = \"\".concat(PREFIX, \"-file-input__preview-image\");\n var GENERIC_PREVIEW_CLASS = \"\".concat(GENERIC_PREVIEW_CLASS_NAME, \"--generic\");\n var PDF_PREVIEW_CLASS = \"\".concat(GENERIC_PREVIEW_CLASS_NAME, \"--pdf\");\n var WORD_PREVIEW_CLASS = \"\".concat(GENERIC_PREVIEW_CLASS_NAME, \"--word\");\n var VIDEO_PREVIEW_CLASS = \"\".concat(GENERIC_PREVIEW_CLASS_NAME, \"--video\");\n var EXCEL_PREVIEW_CLASS = \"\".concat(GENERIC_PREVIEW_CLASS_NAME, \"--excel\");\n var SPACER_GIF = \"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\";\n /**\n * The properties and elements within the file input.\n * @typedef {Object} FileInputContext\n * @property {HTMLDivElement} dropZoneEl\n * @property {HTMLInputElement} inputEl\n */\n\n /**\n * Get an object of the properties and elements belonging directly to the given\n * file input component.\n *\n * @param {HTMLElement} el the element within the file input\n * @returns {FileInputContext} elements\n */\n\n var getFileInputContext = function getFileInputContext(el) {\n var dropZoneEl = el.closest(DROPZONE);\n\n if (!dropZoneEl) {\n throw new Error(\"Element is missing outer \".concat(DROPZONE));\n }\n\n var inputEl = dropZoneEl.querySelector(INPUT);\n return {\n dropZoneEl: dropZoneEl,\n inputEl: inputEl\n };\n };\n /**\n * Disable the file input component\n *\n * @param {HTMLElement} el An element within the file input component\n */\n\n\n var disable = function disable(el) {\n var _getFileInputContext = getFileInputContext(el),\n dropZoneEl = _getFileInputContext.dropZoneEl,\n inputEl = _getFileInputContext.inputEl;\n\n inputEl.disabled = true;\n dropZoneEl.classList.add(DISABLED_CLASS);\n dropZoneEl.setAttribute(\"aria-disabled\", \"true\");\n };\n /**\n * Enable the file input component\n *\n * @param {HTMLElement} el An element within the file input component\n */\n\n\n var enable = function enable(el) {\n var _getFileInputContext2 = getFileInputContext(el),\n dropZoneEl = _getFileInputContext2.dropZoneEl,\n inputEl = _getFileInputContext2.inputEl;\n\n inputEl.disabled = false;\n dropZoneEl.classList.remove(DISABLED_CLASS);\n dropZoneEl.removeAttribute(\"aria-disabled\");\n };\n /**\n * Creates an ID name for each file that strips all invalid characters.\n * @param {string} name - name of the file added to file input\n * @returns {string} same characters as the name with invalid chars removed\n */\n\n\n var makeSafeForID = function makeSafeForID(name) {\n return name.replace(/[^a-z0-9]/g, function replaceName(s) {\n var c = s.charCodeAt(0);\n if (c === 32) return \"-\";\n if (c >= 65 && c <= 90) return \"img_\".concat(s.toLowerCase());\n return \"__\".concat((\"000\", c.toString(16)).slice(-4));\n });\n };\n /**\n * Builds full file input comonent\n * @param {HTMLElement} fileInputEl - original file input on page\n * @returns {HTMLElement|HTMLElement} - Instructions, target area div\n */\n\n\n var buildFileInput = function buildFileInput(fileInputEl) {\n var acceptsMultiple = fileInputEl.hasAttribute(\"multiple\");\n var fileInputParent = document.createElement(\"div\");\n var dropTarget = document.createElement(\"div\");\n var box = document.createElement(\"div\");\n var instructions = document.createElement(\"div\");\n var disabled = fileInputEl.hasAttribute(\"disabled\"); // Adds class names and other attributes\n\n fileInputEl.classList.remove(DROPZONE_CLASS);\n fileInputEl.classList.add(INPUT_CLASS);\n fileInputParent.classList.add(DROPZONE_CLASS);\n box.classList.add(BOX_CLASS);\n instructions.classList.add(INSTRUCTIONS_CLASS);\n instructions.setAttribute(\"aria-hidden\", \"true\");\n dropTarget.classList.add(TARGET_CLASS); // Adds child elements to the DOM\n\n fileInputEl.parentNode.insertBefore(dropTarget, fileInputEl);\n fileInputEl.parentNode.insertBefore(fileInputParent, dropTarget);\n dropTarget.appendChild(fileInputEl);\n fileInputParent.appendChild(dropTarget);\n fileInputEl.parentNode.insertBefore(instructions, fileInputEl);\n fileInputEl.parentNode.insertBefore(box, fileInputEl); // Disabled styling\n\n if (disabled) {\n disable(fileInputEl);\n } // Sets instruction test based on whether or not multiple files are accepted\n\n\n if (acceptsMultiple) {\n instructions.innerHTML = \"Drag files here or choose from folder\");\n } else {\n instructions.innerHTML = \"Drag file here or choose from folder\");\n } // IE11 and Edge do not support drop files on file inputs, so we've removed text that indicates that\n\n\n if (/rv:11.0/i.test(navigator.userAgent) || /Edge\\/\\d./i.test(navigator.userAgent)) {\n fileInputParent.querySelector(\".\".concat(DRAG_TEXT_CLASS)).outerHTML = \"\";\n }\n\n return {\n instructions: instructions,\n dropTarget: dropTarget\n };\n };\n /**\n * Removes image previews, we want to start with a clean list every time files are added to the file input\n * @param {HTMLElement} dropTarget - target area div that encases the input\n * @param {HTMLElement} instructions - text to inform users to drag or select files\n */\n\n\n var removeOldPreviews = function removeOldPreviews(dropTarget, instructions) {\n var filePreviews = dropTarget.querySelectorAll(\".\".concat(PREVIEW_CLASS));\n var currentPreviewHeading = dropTarget.querySelector(\".\".concat(PREVIEW_HEADING_CLASS));\n var currentErrorMessage = dropTarget.querySelector(\".\".concat(ACCEPTED_FILE_MESSAGE_CLASS)); // Remove the heading above the previews\n\n if (currentPreviewHeading) {\n currentPreviewHeading.outerHTML = \"\";\n } // Remove existing error messages\n\n\n if (currentErrorMessage) {\n currentErrorMessage.outerHTML = \"\";\n dropTarget.classList.remove(INVALID_FILE_CLASS);\n } // Get rid of existing previews if they exist, show instructions\n\n\n if (filePreviews !== null) {\n if (instructions) {\n instructions.classList.remove(HIDDEN_CLASS);\n }\n\n Array.prototype.forEach.call(filePreviews, function removeImages(node) {\n node.parentNode.removeChild(node);\n });\n }\n };\n /**\n * When using an Accept attribute, invalid files will be hidden from\n * file browser, but they can still be dragged to the input. This\n * function prevents them from being dragged and removes error states\n * when correct files are added.\n * @param {event} e\n * @param {HTMLElement} fileInputEl - file input element\n * @param {HTMLElement} instructions - text to inform users to drag or select files\n * @param {HTMLElement} dropTarget - target area div that encases the input\n */\n\n\n var preventInvalidFiles = function preventInvalidFiles(e, fileInputEl, instructions, dropTarget) {\n var acceptedFilesAttr = fileInputEl.getAttribute(\"accept\");\n dropTarget.classList.remove(INVALID_FILE_CLASS); // Runs if only specific files are accepted\n\n if (acceptedFilesAttr) {\n var acceptedFiles = acceptedFilesAttr.split(\",\");\n var errorMessage = document.createElement(\"div\"); // If multiple files are dragged, this iterates through them and look for any files that are not accepted.\n\n var allFilesAllowed = true;\n\n for (var i = 0; i < e.dataTransfer.files.length; i += 1) {\n var file = e.dataTransfer.files[i];\n\n if (allFilesAllowed) {\n for (var j = 0; j < acceptedFiles.length; j += 1) {\n var fileType = acceptedFiles[j];\n allFilesAllowed = file.name.indexOf(fileType) > 0 || file.type.includes(fileType.replace(/\\*/g, \"\"));\n if (allFilesAllowed) break;\n }\n } else break;\n } // If dragged files are not accepted, this removes them from the value of the input and creates and error state\n\n\n if (!allFilesAllowed) {\n removeOldPreviews(dropTarget, instructions);\n fileInputEl.value = \"\"; // eslint-disable-line no-param-reassign\n\n dropTarget.insertBefore(errorMessage, fileInputEl);\n errorMessage.innerHTML = \"This is not a valid file type.\";\n errorMessage.classList.add(ACCEPTED_FILE_MESSAGE_CLASS);\n dropTarget.classList.add(INVALID_FILE_CLASS);\n e.preventDefault();\n e.stopPropagation();\n }\n }\n };\n /**\n * When new files are applied to file input, this function generates previews\n * and removes old ones.\n * @param {event} e\n * @param {HTMLElement} fileInputEl - file input element\n * @param {HTMLElement} instructions - text to inform users to drag or select files\n * @param {HTMLElement} dropTarget - target area div that encases the input\n */\n\n\n var handleChange = function handleChange(e, fileInputEl, instructions, dropTarget) {\n var fileNames = e.target.files;\n var filePreviewsHeading = document.createElement(\"div\"); // First, get rid of existing previews\n\n removeOldPreviews(dropTarget, instructions); // Iterates through files list and creates previews\n\n var _loop = function _loop(i) {\n var reader = new FileReader();\n var fileName = fileNames[i].name; // Starts with a loading image while preview is created\n\n reader.onloadstart = function createLoadingImage() {\n var imageId = makeSafeForID(fileName);\n var previewImage = \"| \\n | \\n \\n | \\n \\n | \\n
\").concat(previewImage).concat(fileName, \"
\"));\n }; // Not all files will be able to generate previews. In case this happens, we provide several types \"generic previews\" based on the file extension.\n\n\n reader.onloadend = function createFilePreview() {\n var imageId = makeSafeForID(fileName);\n var previewImage = document.getElementById(imageId);\n\n if (fileName.indexOf(\".pdf\") > 0) {\n previewImage.setAttribute(\"onerror\", \"this.onerror=null;this.src=\\\"\".concat(SPACER_GIF, \"\\\"; this.classList.add(\\\"\").concat(PDF_PREVIEW_CLASS, \"\\\")\"));\n } else if (fileName.indexOf(\".doc\") > 0 || fileName.indexOf(\".pages\") > 0) {\n previewImage.setAttribute(\"onerror\", \"this.onerror=null;this.src=\\\"\".concat(SPACER_GIF, \"\\\"; this.classList.add(\\\"\").concat(WORD_PREVIEW_CLASS, \"\\\")\"));\n } else if (fileName.indexOf(\".xls\") > 0 || fileName.indexOf(\".numbers\") > 0) {\n previewImage.setAttribute(\"onerror\", \"this.onerror=null;this.src=\\\"\".concat(SPACER_GIF, \"\\\"; this.classList.add(\\\"\").concat(EXCEL_PREVIEW_CLASS, \"\\\")\"));\n } else if (fileName.indexOf(\".mov\") > 0 || fileName.indexOf(\".mp4\") > 0) {\n previewImage.setAttribute(\"onerror\", \"this.onerror=null;this.src=\\\"\".concat(SPACER_GIF, \"\\\"; this.classList.add(\\\"\").concat(VIDEO_PREVIEW_CLASS, \"\\\")\"));\n } else {\n previewImage.setAttribute(\"onerror\", \"this.onerror=null;this.src=\\\"\".concat(SPACER_GIF, \"\\\"; this.classList.add(\\\"\").concat(GENERIC_PREVIEW_CLASS, \"\\\")\"));\n } // Removes loader and displays preview\n\n\n previewImage.classList.remove(LOADING_CLASS);\n previewImage.src = reader.result;\n };\n\n if (fileNames[i]) {\n reader.readAsDataURL(fileNames[i]);\n } // Adds heading above file previews, pluralizes if there are multiple\n\n\n if (i === 0) {\n dropTarget.insertBefore(filePreviewsHeading, instructions);\n filePreviewsHeading.innerHTML = \"Selected file Change file\";\n } else if (i >= 1) {\n dropTarget.insertBefore(filePreviewsHeading, instructions);\n filePreviewsHeading.innerHTML = \"\".concat(i + 1, \" files selected Change files\");\n } // Hides null state content and sets preview heading class\n\n\n if (filePreviewsHeading) {\n instructions.classList.add(HIDDEN_CLASS);\n filePreviewsHeading.classList.add(PREVIEW_HEADING_CLASS);\n }\n };\n\n for (var i = 0; i < fileNames.length; i += 1) {\n _loop(i);\n }\n };\n\n var fileInput = behavior({}, {\n init: function init(root) {\n select(DROPZONE, root).forEach(function (fileInputEl) {\n var _buildFileInput = buildFileInput(fileInputEl),\n instructions = _buildFileInput.instructions,\n dropTarget = _buildFileInput.dropTarget;\n\n dropTarget.addEventListener(\"dragover\", function handleDragOver() {\n this.classList.add(DRAG_CLASS);\n }, false);\n dropTarget.addEventListener(\"dragleave\", function handleDragLeave() {\n this.classList.remove(DRAG_CLASS);\n }, false);\n dropTarget.addEventListener(\"drop\", function handleDrop(e) {\n preventInvalidFiles(e, fileInputEl, instructions, dropTarget);\n this.classList.remove(DRAG_CLASS);\n }, false); // eslint-disable-next-line no-param-reassign\n\n fileInputEl.onchange = function (e) {\n handleChange(e, fileInputEl, instructions, dropTarget);\n };\n });\n },\n getFileInputContext: getFileInputContext,\n disable: disable,\n enable: enable\n });\n module.exports = fileInput;\n }, {\n \"../config\": 36,\n \"../utils/behavior\": 45,\n \"../utils/select\": 50\n }],\n 24: [function (require, module, exports) {\n \"use strict\";\n\n function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n }\n\n var debounce = require(\"lodash.debounce\");\n\n var behavior = require(\"../utils/behavior\");\n\n var select = require(\"../utils/select\");\n\n var _require = require(\"../events\"),\n CLICK = _require.CLICK;\n\n var _require2 = require(\"../config\"),\n PREFIX = _require2.prefix;\n\n var HIDDEN = \"hidden\";\n var SCOPE = \".\".concat(PREFIX, \"-footer--big\");\n var NAV = \"\".concat(SCOPE, \" nav\");\n var BUTTON = \"\".concat(NAV, \" .\").concat(PREFIX, \"-footer__primary-link\");\n var COLLAPSIBLE = \".\".concat(PREFIX, \"-footer__primary-content--collapsible\");\n var HIDE_MAX_WIDTH = 480;\n var DEBOUNCE_RATE = 180;\n\n function showPanel() {\n if (window.innerWidth < HIDE_MAX_WIDTH) {\n var collapseEl = this.closest(COLLAPSIBLE);\n collapseEl.classList.toggle(HIDDEN); // NB: this *should* always succeed because the button\n // selector is scoped to \".{prefix}-footer-big nav\"\n\n var collapsibleEls = select(COLLAPSIBLE, collapseEl.closest(NAV));\n collapsibleEls.forEach(function (el) {\n if (el !== collapseEl) {\n el.classList.add(HIDDEN);\n }\n });\n }\n }\n\n var lastInnerWidth;\n var resize = debounce(function () {\n if (lastInnerWidth === window.innerWidth) return;\n lastInnerWidth = window.innerWidth;\n var hidden = window.innerWidth < HIDE_MAX_WIDTH;\n select(COLLAPSIBLE).forEach(function (list) {\n return list.classList.toggle(HIDDEN, hidden);\n });\n }, DEBOUNCE_RATE);\n module.exports = behavior(_defineProperty({}, CLICK, _defineProperty({}, BUTTON, showPanel)), {\n // export for use elsewhere\n HIDE_MAX_WIDTH: HIDE_MAX_WIDTH,\n DEBOUNCE_RATE: DEBOUNCE_RATE,\n init: function init() {\n resize();\n window.addEventListener(\"resize\", resize);\n },\n teardown: function teardown() {\n window.removeEventListener(\"resize\", resize);\n }\n });\n }, {\n \"../config\": 36,\n \"../events\": 37,\n \"../utils/behavior\": 45,\n \"../utils/select\": 50,\n \"lodash.debounce\": 6\n }],\n 25: [function (require, module, exports) {\n \"use strict\";\n\n var accordion = require(\"./accordion\");\n\n var banner = require(\"./banner\");\n\n var characterCount = require(\"./character-count\");\n\n var comboBox = require(\"./combo-box\");\n\n var fileInput = require(\"./file-input\");\n\n var footer = require(\"./footer\");\n\n var inputPrefixSuffix = require(\"./input-prefix-suffix\");\n\n var modal = require(\"./modal\");\n\n var navigation = require(\"./navigation\");\n\n var password = require(\"./password\");\n\n var search = require(\"./search\");\n\n var skipnav = require(\"./skipnav\");\n\n var tooltip = require(\"./tooltip\");\n\n var validator = require(\"./validator\");\n\n var datePicker = require(\"./date-picker\");\n\n var dateRangePicker = require(\"./date-range-picker\");\n\n var timePicker = require(\"./time-picker\");\n\n var table = require(\"./table\");\n\n module.exports = {\n accordion: accordion,\n banner: banner,\n characterCount: characterCount,\n comboBox: comboBox,\n datePicker: datePicker,\n dateRangePicker: dateRangePicker,\n fileInput: fileInput,\n footer: footer,\n inputPrefixSuffix: inputPrefixSuffix,\n modal: modal,\n navigation: navigation,\n password: password,\n search: search,\n skipnav: skipnav,\n table: table,\n timePicker: timePicker,\n tooltip: tooltip,\n validator: validator\n };\n }, {\n \"./accordion\": 17,\n \"./banner\": 18,\n \"./character-count\": 19,\n \"./combo-box\": 20,\n \"./date-picker\": 21,\n \"./date-range-picker\": 22,\n \"./file-input\": 23,\n \"./footer\": 24,\n \"./input-prefix-suffix\": 26,\n \"./modal\": 27,\n \"./navigation\": 28,\n \"./password\": 29,\n \"./search\": 30,\n \"./skipnav\": 31,\n \"./table\": 32,\n \"./time-picker\": 33,\n \"./tooltip\": 34,\n \"./validator\": 35\n }],\n 26: [function (require, module, exports) {\n \"use strict\";\n\n function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n }\n\n var behavior = require(\"../utils/behavior\");\n\n var select = require(\"../utils/select\");\n\n var _require = require(\"../config\"),\n PREFIX = _require.prefix;\n\n var _require2 = require(\"../events\"),\n CLICK = _require2.CLICK;\n\n var CONTAINER = \".\".concat(PREFIX, \"-input-group\");\n var INPUT = \"\".concat(CONTAINER, \" .\").concat(PREFIX, \"-input\");\n var DECORATION = \"\".concat(CONTAINER, \" .\").concat(PREFIX, \"-input-prefix, \").concat(CONTAINER, \" .\").concat(PREFIX, \"-input-suffix\");\n var FOCUS_CLASS = \"is-focused\";\n\n function setFocus(el) {\n el.closest(CONTAINER).querySelector(\".\".concat(PREFIX, \"-input\")).focus();\n }\n\n function handleFocus() {\n this.closest(CONTAINER).classList.add(FOCUS_CLASS);\n }\n\n function handleBlur() {\n this.closest(CONTAINER).classList.remove(FOCUS_CLASS);\n }\n\n var inputPrefixSuffix = behavior(_defineProperty({}, CLICK, _defineProperty({}, DECORATION, function () {\n setFocus(this);\n })), {\n init: function init(root) {\n select(INPUT, root).forEach(function (inputEl) {\n inputEl.addEventListener(\"focus\", handleFocus, false);\n inputEl.addEventListener(\"blur\", handleBlur, false);\n });\n }\n });\n module.exports = inputPrefixSuffix;\n }, {\n \"../config\": 36,\n \"../events\": 37,\n \"../utils/behavior\": 45,\n \"../utils/select\": 50\n }],\n 27: [function (require, module, exports) {\n \"use strict\";\n\n var _CLICK;\n\n function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n }\n\n var behavior = require(\"../utils/behavior\");\n\n var select = require(\"../utils/select\");\n\n var FocusTrap = require(\"../utils/focus-trap\");\n\n var ScrollBarWidth = require(\"../utils/scrollbar-width\");\n\n var _require = require(\"../events\"),\n CLICK = _require.CLICK;\n\n var _require2 = require(\"../config\"),\n PREFIX = _require2.prefix;\n\n var MODAL_CLASSNAME = \"\".concat(PREFIX, \"-modal\");\n var OVERLAY_CLASSNAME = \"\".concat(MODAL_CLASSNAME, \"-overlay\");\n var WRAPPER_CLASSNAME = \"\".concat(MODAL_CLASSNAME, \"-wrapper\");\n var OPENER_ATTRIBUTE = \"data-open-modal\";\n var CLOSER_ATTRIBUTE = \"data-close-modal\";\n var FORCE_ACTION_ATTRIBUTE = \"data-force-action\";\n var MODAL = \".\".concat(MODAL_CLASSNAME);\n var INITIAL_FOCUS = \".\".concat(WRAPPER_CLASSNAME, \" *[data-focus]\");\n var CLOSE_BUTTON = \"\".concat(WRAPPER_CLASSNAME, \" *[\").concat(CLOSER_ATTRIBUTE, \"]\");\n var OPENERS = \"*[\".concat(OPENER_ATTRIBUTE, \"][aria-controls]\");\n var CLOSERS = \"\".concat(CLOSE_BUTTON, \", .\").concat(OVERLAY_CLASSNAME, \":not([\").concat(FORCE_ACTION_ATTRIBUTE, \"])\");\n var ACTIVE_CLASS = \"usa-js-modal--active\";\n var PREVENT_CLICK_CLASS = \"usa-js-no-click\";\n var VISIBLE_CLASS = \"is-visible\";\n var HIDDEN_CLASS = \"is-hidden\";\n var nonModals = document.querySelectorAll(\"body > *:not(\".concat(MODAL, \"):not([aria-hidden])\"));\n var modal;\n\n var isActive = function isActive() {\n return document.body.classList.contains(ACTIVE_CLASS);\n };\n\n var SCROLLBAR_WIDTH = ScrollBarWidth();\n var INITIAL_PADDING = window.getComputedStyle(document.body).getPropertyValue(\"padding-right\");\n var TEMPORARY_PADDING = parseInt(INITIAL_PADDING.replace(/px/, \"\"), 10) + parseInt(SCROLLBAR_WIDTH.replace(/px/, \"\"), 10) + \"px\";\n /**\n * Is bound to escape key, closes modal when\n */\n\n var onMenuClose = function onMenuClose() {\n modal.toggleModal.call(modal, false);\n };\n /**\n * Toggle the visibility of a modal window\n *\n * @param {KeyboardEvent} event the keydown event\n * @returns {boolean} safeActive if mobile is open\n */\n\n\n function toggleModal(event) {\n var originalOpener;\n var clickedElement = event.target;\n var _document = document,\n body = _document.body;\n var safeActive = !isActive();\n var modalId = clickedElement ? clickedElement.getAttribute(\"aria-controls\") : document.querySelector(\".usa-modal-wrapper.is-visible\");\n var targetModal = safeActive ? document.getElementById(modalId) : document.querySelector(\".usa-modal-wrapper.is-visible\");\n var openFocusEl = targetModal.querySelector(INITIAL_FOCUS) ? targetModal.querySelector(INITIAL_FOCUS) : targetModal.querySelector(\".usa-modal\");\n var returnFocus = document.getElementById(targetModal.getAttribute(\"data-opener\"));\n var menuButton = body.querySelector(OPENERS);\n var forceUserAction = targetModal.getAttribute(FORCE_ACTION_ATTRIBUTE); // Sets the clicked element to the close button\n // so esc key always closes modal\n\n if (event.type === \"keydown\" && targetModal !== null) {\n clickedElement = targetModal.querySelector(CLOSE_BUTTON);\n } // When we're not hitting the escape key…\n\n\n if (clickedElement) {\n // Make sure we click the opener\n // If it doesn't have an ID, make one\n // Store id as data attribute on modal\n if (clickedElement.hasAttribute(OPENER_ATTRIBUTE)) {\n if (this.getAttribute(\"id\") === null) {\n originalOpener = \"modal-\".concat(Math.floor(Math.random() * 900000) + 100000);\n this.setAttribute(\"id\", originalOpener);\n } else {\n originalOpener = this.getAttribute(\"id\");\n }\n\n targetModal.setAttribute(\"data-opener\", originalOpener);\n } // This basically stops the propagation if the element\n // is inside the modal and not a close button or\n // element inside a close button\n\n\n if (clickedElement.closest(\".\".concat(MODAL_CLASSNAME))) {\n if (clickedElement.hasAttribute(CLOSER_ATTRIBUTE) || clickedElement.closest(\"[\".concat(CLOSER_ATTRIBUTE, \"]\"))) {// do nothing. move on.\n } else {\n event.stopPropagation();\n return false;\n }\n }\n } // Active class shares same as navigation\n\n\n body.classList.toggle(ACTIVE_CLASS, safeActive);\n targetModal.classList.toggle(VISIBLE_CLASS, safeActive);\n targetModal.classList.toggle(HIDDEN_CLASS, !safeActive); // If user is forced to take an action, adding\n // a class to the body that prevents clicking underneath\n // overlay\n\n if (forceUserAction) {\n body.classList.toggle(PREVENT_CLICK_CLASS, safeActive);\n } // Account for content shifting from body overflow: hidden\n // We only check paddingRight in case apps are adding other properties\n // to the body element\n\n\n body.style.paddingRight = body.style.paddingRight === TEMPORARY_PADDING ? INITIAL_PADDING : TEMPORARY_PADDING; // Handle the focus actions\n\n if (safeActive && openFocusEl) {\n // The modal window is opened. Focus is set to close button.\n // Binds escape key if we're not forcing\n // the user to take an action\n if (forceUserAction) {\n modal.focusTrap = FocusTrap(targetModal);\n } else {\n modal.focusTrap = FocusTrap(targetModal, {\n Escape: onMenuClose\n });\n } // Handles focus setting and interactions\n\n\n modal.focusTrap.update(safeActive);\n openFocusEl.focus(); // Hides everything that is not the modal from screen readers\n\n for (var i = 0; i < nonModals.length; i += 1) {\n nonModals[i].setAttribute(\"aria-hidden\", \"true\");\n }\n } else if (!safeActive && menuButton && returnFocus) {\n // The modal window is closed.\n // Non-modals now accesible to screen reader\n for (var _i = 0; _i < nonModals.length; _i += 1) {\n nonModals[_i].removeAttribute(\"aria-hidden\");\n } // Focus is returned to the opener\n\n\n returnFocus.focus();\n modal.focusTrap.update(safeActive);\n }\n\n return safeActive;\n }\n /**\n * Builds modal window from base HTML\n *\n * @param {HTMLElement} baseComponent the modal html in the DOM\n */\n\n\n var setUpAttributes = function setUpAttributes(baseComponent) {\n var modalContent = baseComponent;\n var modalWrapper = document.createElement(\"div\");\n var overlayDiv = document.createElement(\"div\");\n var modalID = baseComponent.getAttribute(\"id\");\n var ariaLabelledBy = baseComponent.getAttribute(\"aria-labelledby\");\n var ariaDescribedBy = baseComponent.getAttribute(\"aria-describedby\");\n var forceUserAction = baseComponent.hasAttribute(FORCE_ACTION_ATTRIBUTE) ? baseComponent.hasAttribute(FORCE_ACTION_ATTRIBUTE) : false; // Rebuild the modal element\n\n modalContent.parentNode.insertBefore(modalWrapper, modalContent);\n modalWrapper.appendChild(modalContent);\n modalContent.parentNode.insertBefore(overlayDiv, modalContent);\n overlayDiv.appendChild(modalContent); // Add classes and attributes\n\n modalWrapper.classList.add(HIDDEN_CLASS);\n modalWrapper.classList.add(WRAPPER_CLASSNAME);\n overlayDiv.classList.add(OVERLAY_CLASSNAME); // Set attributes\n\n modalWrapper.setAttribute(\"role\", \"dialog\");\n modalWrapper.setAttribute(\"id\", modalID);\n\n if (ariaLabelledBy) {\n modalWrapper.setAttribute(\"aria-labelledby\", ariaLabelledBy);\n }\n\n if (ariaDescribedBy) {\n modalWrapper.setAttribute(\"aria-describedby\", ariaDescribedBy);\n }\n\n if (forceUserAction) {\n modalWrapper.setAttribute(FORCE_ACTION_ATTRIBUTE, \"true\");\n } // Update the base element HTML\n\n\n baseComponent.removeAttribute(\"id\");\n baseComponent.removeAttribute(\"aria-labelledby\");\n baseComponent.removeAttribute(\"aria-describedby\");\n baseComponent.setAttribute(\"tabindex\", \"-1\"); // Add aria-controls\n\n var modalClosers = modalWrapper.querySelectorAll(CLOSERS);\n select(modalClosers).forEach(function (el) {\n el.setAttribute(\"aria-controls\", modalID);\n }); // Move all modals to the end of the DOM. Doing this allows us to\n // more easily find the elements to hide from screen readers\n // when the modal is open.\n\n document.body.appendChild(modalWrapper);\n };\n\n modal = behavior(_defineProperty({}, CLICK, (_CLICK = {}, _defineProperty(_CLICK, OPENERS, toggleModal), _defineProperty(_CLICK, CLOSERS, toggleModal), _CLICK)), {\n init: function init(root) {\n select(MODAL, root).forEach(function (modalWindow) {\n setUpAttributes(modalWindow);\n });\n select(OPENERS, root).forEach(function (item) {\n // Turn anchor links into buttons because of\n // VoiceOver on Safari\n if (item.nodeName === \"A\") {\n item.setAttribute(\"role\", \"button\");\n item.addEventListener(\"click\", function (e) {\n e.preventDefault();\n });\n } // Can uncomment when aria-haspopup=\"dialog\" is supported\n // https://a11ysupport.io/tech/aria/aria-haspopup_attribute\n // Most screen readers support aria-haspopup, but might announce\n // as opening a menu if \"dialog\" is not supported.\n // item.setAttribute(\"aria-haspopup\", \"dialog\");\n\n });\n },\n focusTrap: null,\n toggleModal: toggleModal\n });\n module.exports = modal;\n }, {\n \"../config\": 36,\n \"../events\": 37,\n \"../utils/behavior\": 45,\n \"../utils/focus-trap\": 46,\n \"../utils/scrollbar-width\": 49,\n \"../utils/select\": 50\n }],\n 28: [function (require, module, exports) {\n \"use strict\";\n\n var _CLICK;\n\n function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n }\n\n var behavior = require(\"../utils/behavior\");\n\n var select = require(\"../utils/select\");\n\n var toggle = require(\"../utils/toggle\");\n\n var FocusTrap = require(\"../utils/focus-trap\");\n\n var accordion = require(\"./accordion\");\n\n var ScrollBarWidth = require(\"../utils/scrollbar-width\");\n\n var _require = require(\"../events\"),\n CLICK = _require.CLICK;\n\n var _require2 = require(\"../config\"),\n PREFIX = _require2.prefix;\n\n var BODY = \"body\";\n var NAV = \".\".concat(PREFIX, \"-nav\");\n var NAV_LINKS = \"\".concat(NAV, \" a\");\n var NAV_CONTROL = \"button.\".concat(PREFIX, \"-nav__link\");\n var OPENERS = \".\".concat(PREFIX, \"-menu-btn\");\n var CLOSE_BUTTON = \".\".concat(PREFIX, \"-nav__close\");\n var OVERLAY = \".\".concat(PREFIX, \"-overlay\");\n var CLOSERS = \"\".concat(CLOSE_BUTTON, \", .\").concat(PREFIX, \"-overlay\");\n var TOGGLES = [NAV, OVERLAY].join(\", \");\n var ACTIVE_CLASS = \"usa-js-mobile-nav--active\";\n var VISIBLE_CLASS = \"is-visible\";\n var navigation;\n var navActive;\n\n var isActive = function isActive() {\n return document.body.classList.contains(ACTIVE_CLASS);\n };\n\n var SCROLLBAR_WIDTH = ScrollBarWidth();\n var INITIAL_PADDING = window.getComputedStyle(document.body).getPropertyValue('padding-right');\n var TEMPORARY_PADDING = parseInt(INITIAL_PADDING.replace(/px/, \"\"), 10) + parseInt(SCROLLBAR_WIDTH.replace(/px/, \"\"), 10) + \"px\";\n\n var toggleNav = function toggleNav(active) {\n var _document = document,\n body = _document.body;\n var safeActive = typeof active === \"boolean\" ? active : !isActive();\n body.classList.toggle(ACTIVE_CLASS, safeActive);\n select(TOGGLES).forEach(function (el) {\n return el.classList.toggle(VISIBLE_CLASS, safeActive);\n });\n navigation.focusTrap.update(safeActive);\n var closeButton = body.querySelector(CLOSE_BUTTON);\n var menuButton = body.querySelector(OPENERS);\n body.style.paddingRight = body.style.paddingRight === TEMPORARY_PADDING ? INITIAL_PADDING : TEMPORARY_PADDING;\n\n if (safeActive && closeButton) {\n // The mobile nav was just activated, so focus on the close button,\n // which is just before all the nav elements in the tab order.\n closeButton.focus();\n } else if (!safeActive && document.activeElement === closeButton && menuButton) {\n // The mobile nav was just deactivated, and focus was on the close\n // button, which is no longer visible. We don't want the focus to\n // disappear into the void, so focus on the menu button if it's\n // visible (this may have been what the user was just focused on,\n // if they triggered the mobile nav by mistake).\n menuButton.focus();\n }\n\n return safeActive;\n };\n\n var resize = function resize() {\n var closer = document.body.querySelector(CLOSE_BUTTON);\n\n if (isActive() && closer && closer.getBoundingClientRect().width === 0) {\n // When the mobile nav is active, and the close box isn't visible,\n // we know the user's viewport has been resized to be larger.\n // Let's make the page state consistent by deactivating the mobile nav.\n navigation.toggleNav.call(closer, false);\n }\n };\n\n var onMenuClose = function onMenuClose() {\n return navigation.toggleNav.call(navigation, false);\n };\n\n var hideActiveNavDropdown = function hideActiveNavDropdown() {\n toggle(navActive, false);\n navActive = null;\n };\n\n navigation = behavior(_defineProperty({}, CLICK, (_CLICK = {}, _defineProperty(_CLICK, NAV_CONTROL, function () {\n // If another nav is open, close it\n if (navActive && navActive !== this) {\n hideActiveNavDropdown();\n } // store a reference to the last clicked nav link element, so we\n // can hide the dropdown if another element on the page is clicked\n\n\n if (navActive) {\n hideActiveNavDropdown();\n } else {\n navActive = this;\n toggle(navActive, true);\n } // Do this so the event handler on the body doesn't fire\n\n\n return false;\n }), _defineProperty(_CLICK, BODY, function () {\n if (navActive) {\n hideActiveNavDropdown();\n }\n }), _defineProperty(_CLICK, OPENERS, toggleNav), _defineProperty(_CLICK, CLOSERS, toggleNav), _defineProperty(_CLICK, NAV_LINKS, function () {\n // A navigation link has been clicked! We want to collapse any\n // hierarchical navigation UI it's a part of, so that the user\n // can focus on whatever they've just selected.\n // Some navigation links are inside accordions; when they're\n // clicked, we want to collapse those accordions.\n var acc = this.closest(accordion.ACCORDION);\n\n if (acc) {\n accordion.getButtons(acc).forEach(function (btn) {\n return accordion.hide(btn);\n });\n } // If the mobile navigation menu is active, we want to hide it.\n\n\n if (isActive()) {\n navigation.toggleNav.call(navigation, false);\n }\n }), _CLICK)), {\n init: function init(root) {\n var trapContainer = root.querySelector(NAV);\n\n if (trapContainer) {\n navigation.focusTrap = FocusTrap(trapContainer, {\n Escape: onMenuClose\n });\n }\n\n resize();\n window.addEventListener(\"resize\", resize, false);\n },\n teardown: function teardown() {\n window.removeEventListener(\"resize\", resize, false);\n navActive = false;\n },\n focusTrap: null,\n toggleNav: toggleNav\n });\n module.exports = navigation;\n }, {\n \"../config\": 36,\n \"../events\": 37,\n \"../utils/behavior\": 45,\n \"../utils/focus-trap\": 46,\n \"../utils/scrollbar-width\": 49,\n \"../utils/select\": 50,\n \"../utils/toggle\": 53,\n \"./accordion\": 17\n }],\n 29: [function (require, module, exports) {\n \"use strict\";\n\n function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n }\n\n var behavior = require(\"../utils/behavior\");\n\n var toggleFormInput = require(\"../utils/toggle-form-input\");\n\n var _require = require(\"../events\"),\n CLICK = _require.CLICK;\n\n var _require2 = require(\"../config\"),\n PREFIX = _require2.prefix;\n\n var LINK = \".\".concat(PREFIX, \"-show-password, .\").concat(PREFIX, \"-show-multipassword\");\n\n function toggle(event) {\n event.preventDefault();\n toggleFormInput(this);\n }\n\n module.exports = behavior(_defineProperty({}, CLICK, _defineProperty({}, LINK, toggle)));\n }, {\n \"../config\": 36,\n \"../events\": 37,\n \"../utils/behavior\": 45,\n \"../utils/toggle-form-input\": 52\n }],\n 30: [function (require, module, exports) {\n \"use strict\";\n\n function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n }\n\n var ignore = require(\"receptor/ignore\");\n\n var behavior = require(\"../utils/behavior\");\n\n var select = require(\"../utils/select\");\n\n var _require = require(\"../events\"),\n CLICK = _require.CLICK;\n\n var BUTTON = \".js-search-button\";\n var FORM = \".js-search-form\";\n var INPUT = \"[type=search]\";\n var CONTEXT = \"header\"; // XXX\n\n var lastButton;\n\n var getForm = function getForm(button) {\n var context = button.closest(CONTEXT);\n return context ? context.querySelector(FORM) : document.querySelector(FORM);\n };\n\n var toggleSearch = function toggleSearch(button, active) {\n var form = getForm(button);\n\n if (!form) {\n throw new Error(\"No \".concat(FORM, \" found for search toggle in \").concat(CONTEXT, \"!\"));\n }\n /* eslint-disable no-param-reassign */\n\n\n button.hidden = active;\n form.hidden = !active;\n /* eslint-enable */\n\n if (!active) {\n return;\n }\n\n var input = form.querySelector(INPUT);\n\n if (input) {\n input.focus();\n } // when the user clicks _outside_ of the form w/ignore(): hide the\n // search, then remove the listener\n\n\n var listener = ignore(form, function () {\n if (lastButton) {\n hideSearch.call(lastButton); // eslint-disable-line no-use-before-define\n }\n\n document.body.removeEventListener(CLICK, listener);\n }); // Normally we would just run this code without a timeout, but\n // IE11 and Edge will actually call the listener *immediately* because\n // they are currently handling this exact type of event, so we'll\n // make sure the browser is done handling the current click event,\n // if any, before we attach the listener.\n\n setTimeout(function () {\n document.body.addEventListener(CLICK, listener);\n }, 0);\n };\n\n function showSearch() {\n toggleSearch(this, true);\n lastButton = this;\n }\n\n function hideSearch() {\n toggleSearch(this, false);\n lastButton = undefined;\n }\n\n var search = behavior(_defineProperty({}, CLICK, _defineProperty({}, BUTTON, showSearch)), {\n init: function init(target) {\n select(BUTTON, target).forEach(function (button) {\n toggleSearch(button, false);\n });\n },\n teardown: function teardown() {\n // forget the last button clicked\n lastButton = undefined;\n }\n });\n module.exports = search;\n }, {\n \"../events\": 37,\n \"../utils/behavior\": 45,\n \"../utils/select\": 50,\n \"receptor/ignore\": 12\n }],\n 31: [function (require, module, exports) {\n \"use strict\";\n\n function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n }\n\n var once = require(\"receptor/once\");\n\n var behavior = require(\"../utils/behavior\");\n\n var _require = require(\"../events\"),\n CLICK = _require.CLICK;\n\n var _require2 = require(\"../config\"),\n PREFIX = _require2.prefix;\n\n var LINK = \".\".concat(PREFIX, \"-skipnav[href^=\\\"#\\\"], .\").concat(PREFIX, \"-footer__return-to-top [href^=\\\"#\\\"]\");\n var MAINCONTENT = \"main-content\";\n\n function setTabindex() {\n // NB: we know because of the selector we're delegating to below that the\n // href already begins with '#'\n var id = encodeURI(this.getAttribute(\"href\"));\n var target = document.getElementById(id === \"#\" ? MAINCONTENT : id.slice(1));\n\n if (target) {\n target.style.outline = \"0\";\n target.setAttribute(\"tabindex\", 0);\n target.focus();\n target.addEventListener(\"blur\", once(function () {\n target.setAttribute(\"tabindex\", -1);\n }));\n } else {// throw an error?\n }\n }\n\n module.exports = behavior(_defineProperty({}, CLICK, _defineProperty({}, LINK, setTabindex)));\n }, {\n \"../config\": 36,\n \"../events\": 37,\n \"../utils/behavior\": 45,\n \"receptor/once\": 15\n }],\n 32: [function (require, module, exports) {\n \"use strict\";\n\n function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n }\n\n var select = require(\"../utils/select\");\n\n var behavior = require(\"../utils/behavior\");\n\n var _require = require(\"../events\"),\n CLICK = _require.CLICK;\n\n var _require2 = require(\"../config\"),\n PREFIX = _require2.prefix;\n\n var TABLE = \".\".concat(PREFIX, \"-table\");\n var SORTED = \"aria-sort\";\n var ASCENDING = \"ascending\";\n var DESCENDING = \"descending\";\n var SORT_OVERRIDE = \"data-sort-value\";\n var ICON_SOURCE = \"\\n \\n\");\n var SORT_BUTTON_CLASS = \"\".concat(PREFIX, \"-table__header__button\");\n var SORT_BUTTON = \".\".concat(SORT_BUTTON_CLASS);\n var SORTABLE_HEADER = \"th[data-sortable]\";\n var ANNOUNCEMENT_REGION = \".\".concat(PREFIX, \"-table__announcement-region[aria-live=\\\"polite\\\"]\");\n /** Gets the data-sort-value attribute value, if provided — otherwise, gets\n * the innerText or textContent — of the child element (HTMLTableCellElement)\n * at the specified index of the given table row\n *\n * @param {number} index\n * @param {array} tr\n * @return {boolean}\n */\n\n var getCellValue = function getCellValue(tr, index) {\n return tr.children[index].getAttribute(SORT_OVERRIDE) || tr.children[index].innerText || tr.children[index].textContent;\n };\n /**\n * Compares the values of two row array items at the given index, then sorts by the given direction\n * @param {number} index\n * @param {string} direction\n * @return {boolean}\n */\n\n\n var compareFunction = function compareFunction(index, isAscending) {\n return function (thisRow, nextRow) {\n // get values to compare from data attribute or cell content\n var value1 = getCellValue(isAscending ? thisRow : nextRow, index);\n var value2 = getCellValue(isAscending ? nextRow : thisRow, index); // if neither value is empty, and if both values are already numbers, compare numerically\n\n if (value1 && value2 && !Number.isNaN(Number(value1)) && !Number.isNaN(Number(value2))) {\n return value1 - value2;\n } // Otherwise, compare alphabetically based on current user locale\n\n\n return value1.toString().localeCompare(value2, navigator.language, {\n numeric: true,\n ignorePunctuation: true\n });\n };\n };\n /**\n * Get an Array of column headers elements belonging directly to the given\n * table element.\n * @param {HTMLTableElement} table\n * @return {array}\n */\n\n\n var getColumnHeaders = function getColumnHeaders(table) {\n var headers = select(SORTABLE_HEADER, table);\n return headers.filter(function (header) {\n return header.closest(TABLE) === table;\n });\n };\n /**\n * Update the button label within the given header element, resetting it\n * to the default state (ready to sort ascending) if it's no longer sorted\n * @param {HTMLTableHeaderCellElement} header\n */\n\n\n var updateSortLabel = function updateSortLabel(header) {\n var headerName = header.innerText;\n var sortedAscending = header.getAttribute(SORTED) === ASCENDING;\n var isSorted = header.getAttribute(SORTED) === ASCENDING || header.getAttribute(SORTED) === DESCENDING || false;\n var headerLabel = \"\".concat(headerName, \"', sortable column, currently \").concat(isSorted ? \"\".concat(sortedAscending ? \"sorted \".concat(ASCENDING) : \"sorted \".concat(DESCENDING)) : \"unsorted\");\n var headerButtonLabel = \"Click to sort by \".concat(headerName, \" in \").concat(sortedAscending ? DESCENDING : ASCENDING, \" order.\");\n header.setAttribute(\"aria-label\", headerLabel);\n header.querySelector(SORT_BUTTON).setAttribute(\"title\", headerButtonLabel);\n };\n /**\n * Remove the aria-sort attribute on the given header element, and reset the label and button icon\n * @param {HTMLTableHeaderCellElement} header\n */\n\n\n var unsetSort = function unsetSort(header) {\n header.removeAttribute(SORTED);\n updateSortLabel(header);\n };\n /**\n * Sort rows either ascending or descending, based on a given header's aria-sort attribute\n * @param {HTMLTableHeaderCellElement} header\n * @param {boolean} isAscending\n * @return {boolean} true\n */\n\n\n var sortRows = function sortRows(header, isAscending) {\n header.setAttribute(SORTED, isAscending === true ? DESCENDING : ASCENDING);\n updateSortLabel(header);\n var tbody = header.closest(TABLE).querySelector(\"tbody\"); // We can use Array.from() and Array.sort() instead once we drop IE11 support, likely in the summer of 2021\n //\n // Array.from(tbody.querySelectorAll('tr').sort(\n // compareFunction(\n // Array.from(header.parentNode.children).indexOf(header),\n // !isAscending)\n // )\n // .forEach(tr => tbody.appendChild(tr) );\n // [].slice.call() turns array-like sets into true arrays so that we can sort them\n\n var allRows = [].slice.call(tbody.querySelectorAll(\"tr\"));\n var allHeaders = [].slice.call(header.parentNode.children);\n var thisHeaderIndex = allHeaders.indexOf(header);\n allRows.sort(compareFunction(thisHeaderIndex, !isAscending)).forEach(function (tr) {\n [].slice.call(tr.children).forEach(function (td) {\n return td.removeAttribute(\"data-sort-active\");\n });\n tr.children[thisHeaderIndex].setAttribute(\"data-sort-active\", true);\n tbody.appendChild(tr);\n });\n return true;\n };\n /**\n * Update the live region immediately following the table whenever sort changes.\n * @param {HTMLTableElement} table\n * @param {HTMLTableHeaderCellElement} sortedHeader\n */\n\n\n var updateLiveRegion = function updateLiveRegion(table, sortedHeader) {\n var caption = table.querySelector(\"caption\").innerText;\n var sortedAscending = sortedHeader.getAttribute(SORTED) === ASCENDING;\n var headerLabel = sortedHeader.innerText;\n var liveRegion = table.nextElementSibling;\n\n if (liveRegion && liveRegion.matches(ANNOUNCEMENT_REGION)) {\n var sortAnnouncement = \"The table named \\\"\".concat(caption, \"\\\" is now sorted by \").concat(headerLabel, \" in \").concat(sortedAscending ? ASCENDING : DESCENDING, \" order.\");\n liveRegion.innerText = sortAnnouncement;\n } else {\n throw new Error(\"Table containing a sortable column header is not followed by an aria-live region.\");\n }\n };\n /**\n * Toggle a header's sort state, optionally providing a target\n * state.\n *\n * @param {HTMLTableHeaderCellElement} header\n * @param {boolean?} isAscending If no state is provided, the current\n * state will be toggled (from false to true, and vice-versa).\n */\n\n\n var toggleSort = function toggleSort(header, isAscending) {\n var table = header.closest(TABLE);\n var safeAscending = isAscending;\n\n if (typeof safeAscending !== \"boolean\") {\n safeAscending = header.getAttribute(SORTED) === ASCENDING;\n }\n\n if (!table) {\n throw new Error(\"\".concat(SORTABLE_HEADER, \" is missing outer \").concat(TABLE));\n }\n\n safeAscending = sortRows(header, isAscending);\n\n if (safeAscending) {\n getColumnHeaders(table).forEach(function (otherHeader) {\n if (otherHeader !== header) {\n unsetSort(otherHeader);\n }\n });\n updateLiveRegion(table, header);\n }\n };\n /**\n ** Inserts a button with icon inside a sortable header\n * @param {HTMLTableHeaderCellElement} header\n */\n\n\n var createHeaderButton = function createHeaderButton(header) {\n var buttonEl = document.createElement(\"button\");\n buttonEl.setAttribute(\"tabindex\", \"0\");\n buttonEl.classList.add(SORT_BUTTON_CLASS);\n buttonEl.innerHTML = \"\".concat(ICON_SOURCE);\n header.appendChild(buttonEl);\n updateSortLabel(header);\n };\n\n var table = behavior(_defineProperty({}, CLICK, _defineProperty({}, SORT_BUTTON, function (event) {\n event.preventDefault();\n toggleSort(event.target.closest(SORTABLE_HEADER), event.target.closest(SORTABLE_HEADER).getAttribute(SORTED) === ASCENDING);\n })), {\n init: function init(root) {\n var sortableHeaders = select(SORTABLE_HEADER, root);\n sortableHeaders.forEach(function (header) {\n return createHeaderButton(header);\n });\n var firstSorted = sortableHeaders.filter(function (header) {\n return header.getAttribute(SORTED) === ASCENDING || header.getAttribute(SORTED) === DESCENDING;\n })[0];\n\n if (typeof firstSorted === \"undefined\") {\n // no sortable headers found\n return;\n }\n\n var sortDir = firstSorted.getAttribute(SORTED);\n\n if (sortDir === ASCENDING) {\n toggleSort(firstSorted, true);\n } else if (sortDir === DESCENDING) {\n toggleSort(firstSorted, false);\n }\n },\n TABLE: TABLE,\n SORTABLE_HEADER: SORTABLE_HEADER,\n SORT_BUTTON: SORT_BUTTON\n });\n module.exports = table;\n }, {\n \"../config\": 36,\n \"../events\": 37,\n \"../utils/behavior\": 45,\n \"../utils/select\": 50\n }],\n 33: [function (require, module, exports) {\n \"use strict\";\n\n function _slicedToArray(arr, i) {\n return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();\n }\n\n function _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n }\n\n function _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n }\n\n function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n }\n\n function _iterableToArrayLimit(arr, i) {\n if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return;\n var _arr = [];\n var _n = true;\n var _d = false;\n var _e = undefined;\n\n try {\n for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n }\n\n function _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n }\n\n var behavior = require(\"../utils/behavior\");\n\n var select = require(\"../utils/select\");\n\n var _require = require(\"../config\"),\n PREFIX = _require.prefix;\n\n var _require2 = require(\"./combo-box\"),\n COMBO_BOX_CLASS = _require2.COMBO_BOX_CLASS,\n enhanceComboBox = _require2.enhanceComboBox;\n\n var TIME_PICKER_CLASS = \"\".concat(PREFIX, \"-time-picker\");\n var TIME_PICKER = \".\".concat(TIME_PICKER_CLASS);\n var MAX_TIME = 60 * 24 - 1;\n var MIN_TIME = 0;\n var DEFAULT_STEP = 30;\n var MIN_STEP = 1;\n var FILTER_DATASET = {\n filter: \"0?{{ hourQueryFilter }}:{{minuteQueryFilter}}.*{{ apQueryFilter }}m?\",\n apQueryFilter: \"([ap])\",\n hourQueryFilter: \"([1-9][0-2]?)\",\n minuteQueryFilter: \"[\\\\d]+:([0-9]{0,2})\"\n };\n /**\n * Parse a string of hh:mm into minutes\n *\n * @param {string} timeStr the time string to parse\n * @returns {number} the number of minutes\n */\n\n var parseTimeString = function parseTimeString(timeStr) {\n var minutes;\n\n if (timeStr) {\n var _timeStr$split$map = timeStr.split(\":\").map(function (str) {\n var value;\n var parsed = parseInt(str, 10);\n if (!Number.isNaN(parsed)) value = parsed;\n return value;\n }),\n _timeStr$split$map2 = _slicedToArray(_timeStr$split$map, 2),\n hours = _timeStr$split$map2[0],\n mins = _timeStr$split$map2[1];\n\n if (hours != null && mins != null) {\n minutes = hours * 60 + mins;\n }\n }\n\n return minutes;\n };\n /**\n * Enhance an input with the date picker elements\n *\n * @param {HTMLElement} el The initial wrapping element of the date picker component\n */\n\n\n var transformTimePicker = function transformTimePicker(el) {\n var timePickerEl = el.closest(TIME_PICKER);\n var initialInputEl = timePickerEl.querySelector(\"input\");\n\n if (!initialInputEl) {\n throw new Error(\"\".concat(TIME_PICKER, \" is missing inner input\"));\n }\n\n var selectEl = document.createElement(\"select\");\n [\"id\", \"name\", \"required\", \"aria-label\", \"aria-labelledby\"].forEach(function (name) {\n if (initialInputEl.hasAttribute(name)) {\n var value = initialInputEl.getAttribute(name);\n selectEl.setAttribute(name, value);\n initialInputEl.removeAttribute(name);\n }\n });\n\n var padZeros = function padZeros(value, length) {\n return \"0000\".concat(value).slice(-length);\n };\n\n var getTimeContext = function getTimeContext(minutes) {\n var minute = minutes % 60;\n var hour24 = Math.floor(minutes / 60);\n var hour12 = hour24 % 12 || 12;\n var ampm = hour24 < 12 ? \"am\" : \"pm\";\n return {\n minute: minute,\n hour24: hour24,\n hour12: hour12,\n ampm: ampm\n };\n };\n\n var minTime = Math.max(MIN_TIME, parseTimeString(timePickerEl.dataset.minTime) || MIN_TIME);\n var maxTime = Math.min(MAX_TIME, parseTimeString(timePickerEl.dataset.maxTime) || MAX_TIME);\n var step = Math.floor(Math.max(MIN_STEP, timePickerEl.dataset.step || DEFAULT_STEP));\n\n for (var time = minTime; time <= maxTime; time += step) {\n var _getTimeContext = getTimeContext(time),\n minute = _getTimeContext.minute,\n hour24 = _getTimeContext.hour24,\n hour12 = _getTimeContext.hour12,\n ampm = _getTimeContext.ampm;\n\n var option = document.createElement(\"option\");\n option.value = \"\".concat(padZeros(hour24, 2), \":\").concat(padZeros(minute, 2));\n option.text = \"\".concat(hour12, \":\").concat(padZeros(minute, 2)).concat(ampm);\n selectEl.appendChild(option);\n }\n\n timePickerEl.classList.add(COMBO_BOX_CLASS); // combo box properties\n\n Object.keys(FILTER_DATASET).forEach(function (key) {\n timePickerEl.dataset[key] = FILTER_DATASET[key];\n });\n timePickerEl.dataset.disableFiltering = \"true\";\n timePickerEl.appendChild(selectEl);\n initialInputEl.style.display = \"none\";\n };\n\n var timePicker = behavior({}, {\n init: function init(root) {\n select(TIME_PICKER, root).forEach(function (timePickerEl) {\n transformTimePicker(timePickerEl);\n enhanceComboBox(timePickerEl);\n });\n },\n FILTER_DATASET: FILTER_DATASET\n });\n module.exports = timePicker;\n }, {\n \"../config\": 36,\n \"../utils/behavior\": 45,\n \"../utils/select\": 50,\n \"./combo-box\": 20\n }],\n 34: [function (require, module, exports) {\n \"use strict\"; // Tooltips\n\n var select = require(\"../utils/select\");\n\n var behavior = require(\"../utils/behavior\");\n\n var _require = require(\"../config\"),\n PREFIX = _require.prefix;\n\n var isElementInViewport = require(\"../utils/is-in-viewport\");\n\n var TOOLTIP = \".\".concat(PREFIX, \"-tooltip\");\n var TOOLTIP_TRIGGER_CLASS = \"\".concat(PREFIX, \"-tooltip__trigger\");\n var TOOLTIP_CLASS = \"\".concat(PREFIX, \"-tooltip\");\n var TOOLTIP_BODY_CLASS = \"\".concat(PREFIX, \"-tooltip__body\");\n var SET_CLASS = \"is-set\";\n var VISIBLE_CLASS = \"is-visible\";\n var TRIANGLE_SIZE = 5;\n var ADJUST_WIDTH_CLASS = \"\".concat(PREFIX, \"-tooltip__body--wrap\");\n /**\n * Add one or more listeners to an element\n * @param {DOMElement} element - DOM element to add listeners to\n * @param {events} eventNames - space separated list of event names, e.g. 'click change'\n * @param {Function} listener - function to attach for each event as a listener\n */\n\n var addListenerMulti = function addListenerMulti(element, eventNames, listener) {\n var events = eventNames.split(\" \");\n\n for (var i = 0, iLen = events.length; i < iLen; i += 1) {\n element.addEventListener(events[i], listener, false);\n }\n };\n /**\n * Shows the tooltip\n * @param {HTMLElement} tooltipTrigger - the element that initializes the tooltip\n */\n\n\n var showToolTip = function showToolTip(tooltipBody, tooltipTrigger, position) {\n tooltipBody.setAttribute(\"aria-hidden\", \"false\"); // This sets up the tooltip body. The opacity is 0, but\n // we can begin running the calculations below.\n\n tooltipBody.classList.add(SET_CLASS);\n /**\n * Position the tooltip body when the trigger is hovered\n * Removes old positioning classnames and reapplies. This allows\n * positioning to change in case the user resizes browser or DOM manipulation\n * causes tooltip to get clipped from viewport\n *\n * @param {string} setPos - can be \"top\", \"bottom\", \"right\", \"left\"\n */\n\n var setPositionClass = function setPositionClass(setPos) {\n tooltipBody.classList.remove(\"\".concat(TOOLTIP_BODY_CLASS, \"--top\"));\n tooltipBody.classList.remove(\"\".concat(TOOLTIP_BODY_CLASS, \"--bottom\"));\n tooltipBody.classList.remove(\"\".concat(TOOLTIP_BODY_CLASS, \"--right\"));\n tooltipBody.classList.remove(\"\".concat(TOOLTIP_BODY_CLASS, \"--left\"));\n tooltipBody.classList.add(\"\".concat(TOOLTIP_BODY_CLASS, \"--\").concat(setPos));\n };\n /**\n * Removes old positioning styles. This allows\n * re-positioning to change without inheriting other\n * dynamic styles\n *\n * @param {HTMLElement} e - this is the tooltip body\n */\n\n\n var resetPositionStyles = function resetPositionStyles(e) {\n // we don't override anything in the stylesheet when finding alt positions\n e.style.top = null;\n e.style.bottom = null;\n e.style.right = null;\n e.style.left = null;\n e.style.margin = null;\n };\n /**\n * get margin offset calculations\n *\n * @param {HTMLElement} target - this is the tooltip body\n * @param {String} propertyValue - this is the tooltip body\n */\n\n\n var offsetMargin = function offsetMargin(target, propertyValue) {\n return parseInt(window.getComputedStyle(target).getPropertyValue(propertyValue), 10);\n }; // offsetLeft = the left position, and margin of the element, the left\n // padding, scrollbar and border of the offsetParent element\n // offsetWidth = The offsetWidth property returns the viewable width of an\n // element in pixels, including padding, border and scrollbar, but not\n // the margin.\n\n /**\n * Calculate margin offset\n * tooltip trigger margin(position) offset + tooltipBody offsetWidth\n * @param {String} marginPosition\n * @param {Number} tooltipBodyOffset\n * @param {HTMLElement} trigger\n */\n\n\n var calculateMarginOffset = function calculateMarginOffset(marginPosition, tooltipBodyOffset, trigger) {\n var offset = offsetMargin(trigger, \"margin-\".concat(marginPosition)) > 0 ? tooltipBodyOffset - offsetMargin(trigger, \"margin-\".concat(marginPosition)) : tooltipBodyOffset;\n return offset;\n };\n /**\n * Positions tooltip at the top\n * @param {HTMLElement} e - this is the tooltip body\n */\n\n\n var positionTop = function positionTop(e) {\n resetPositionStyles(e); // ensures we start from the same point\n // get details on the elements object with\n\n var topMargin = calculateMarginOffset(\"top\", e.offsetHeight, tooltipTrigger);\n var leftMargin = calculateMarginOffset(\"left\", e.offsetWidth, tooltipTrigger);\n setPositionClass(\"top\");\n e.style.left = \"50%\"; // center the element\n\n e.style.top = \"-\".concat(TRIANGLE_SIZE, \"px\"); // consider the psuedo element\n // apply our margins based on the offest\n\n e.style.margin = \"-\".concat(topMargin, \"px 0 0 -\").concat(leftMargin / 2, \"px\");\n };\n /**\n * Positions tooltip at the bottom\n * @param {HTMLElement} e - this is the tooltip body\n */\n\n\n var positionBottom = function positionBottom(e) {\n resetPositionStyles(e);\n var leftMargin = calculateMarginOffset(\"left\", e.offsetWidth, tooltipTrigger);\n setPositionClass(\"bottom\");\n e.style.left = \"50%\";\n e.style.margin = \"\".concat(TRIANGLE_SIZE, \"px 0 0 -\").concat(leftMargin / 2, \"px\");\n };\n /**\n * Positions tooltip at the right\n * @param {HTMLElement} e - this is the tooltip body\n */\n\n\n var positionRight = function positionRight(e) {\n resetPositionStyles(e);\n var topMargin = calculateMarginOffset(\"top\", e.offsetHeight, tooltipTrigger);\n setPositionClass(\"right\");\n e.style.top = \"50%\";\n e.style.left = \"\".concat(tooltipTrigger.offsetLeft + tooltipTrigger.offsetWidth + TRIANGLE_SIZE, \"px\");\n e.style.margin = \"-\".concat(topMargin / 2, \"px 0 0 0\");\n };\n /**\n * Positions tooltip at the right\n * @param {HTMLElement} e - this is the tooltip body\n */\n\n\n var positionLeft = function positionLeft(e) {\n resetPositionStyles(e);\n var topMargin = calculateMarginOffset(\"top\", e.offsetHeight, tooltipTrigger); // we have to check for some utility margins\n\n var leftMargin = calculateMarginOffset(\"left\", tooltipTrigger.offsetLeft > e.offsetWidth ? tooltipTrigger.offsetLeft - e.offsetWidth : e.offsetWidth, tooltipTrigger);\n setPositionClass(\"left\");\n e.style.top = \"50%\";\n e.style.left = \"-\".concat(TRIANGLE_SIZE, \"px\");\n e.style.margin = \"-\".concat(topMargin / 2, \"px 0 0 \").concat(tooltipTrigger.offsetLeft > e.offsetWidth ? leftMargin : -leftMargin, \"px\"); // adjust the margin\n };\n /**\n * We try to set the position based on the\n * original intention, but make adjustments\n * if the element is clipped out of the viewport\n * we constrain the width only as a last resort\n * @param {HTMLElement} element(alias tooltipBody)\n * @param {Number} attempt (--flag)\n */\n\n\n var maxAttempts = 2;\n\n function findBestPosition(element) {\n var attempt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1; // create array of optional positions\n\n var positions = [positionTop, positionBottom, positionRight, positionLeft];\n var hasVisiblePosition = false; // we take a recursive approach\n\n function tryPositions(i) {\n if (i < positions.length) {\n var pos = positions[i];\n pos(element);\n\n if (!isElementInViewport(element)) {\n // eslint-disable-next-line no-param-reassign\n tryPositions(i += 1);\n } else {\n hasVisiblePosition = true;\n }\n }\n }\n\n tryPositions(0); // if we can't find a position we compress it and try again\n\n if (!hasVisiblePosition) {\n element.classList.add(ADJUST_WIDTH_CLASS);\n\n if (attempt <= maxAttempts) {\n // eslint-disable-next-line no-param-reassign\n findBestPosition(element, attempt += 1);\n }\n }\n }\n\n switch (position) {\n case \"top\":\n positionTop(tooltipBody);\n\n if (!isElementInViewport(tooltipBody)) {\n findBestPosition(tooltipBody);\n }\n\n break;\n\n case \"bottom\":\n positionBottom(tooltipBody);\n\n if (!isElementInViewport(tooltipBody)) {\n findBestPosition(tooltipBody);\n }\n\n break;\n\n case \"right\":\n positionRight(tooltipBody);\n\n if (!isElementInViewport(tooltipBody)) {\n findBestPosition(tooltipBody);\n }\n\n break;\n\n case \"left\":\n positionLeft(tooltipBody);\n\n if (!isElementInViewport(tooltipBody)) {\n findBestPosition(tooltipBody);\n }\n\n break;\n\n default:\n // skip default case\n break;\n }\n /**\n * Actually show the tooltip. The VISIBLE_CLASS\n * will change the opacity to 1\n */\n\n\n setTimeout(function () {\n tooltipBody.classList.add(VISIBLE_CLASS);\n }, 20);\n };\n /**\n * Removes all the properties to show and position the tooltip,\n * and resets the tooltip position to the original intention\n * in case the window is resized or the element is moved through\n * DOM maniulation.\n * @param {HTMLElement} tooltipBody - The body of the tooltip\n */\n\n\n var hideToolTip = function hideToolTip(tooltipBody) {\n tooltipBody.classList.remove(VISIBLE_CLASS);\n tooltipBody.classList.remove(SET_CLASS);\n tooltipBody.classList.remove(ADJUST_WIDTH_CLASS);\n tooltipBody.setAttribute(\"aria-hidden\", \"true\");\n };\n /**\n * Setup the tooltip component\n * @param {HTMLElement} tooltipTrigger The element that creates the tooltip\n */\n\n\n var setUpAttributes = function setUpAttributes(tooltipTrigger) {\n var tooltipID = \"tooltip-\".concat(Math.floor(Math.random() * 900000) + 100000);\n var tooltipContent = tooltipTrigger.getAttribute(\"title\");\n var wrapper = document.createElement(\"span\");\n var tooltipBody = document.createElement(\"span\");\n var position = tooltipTrigger.getAttribute(\"data-position\") ? tooltipTrigger.getAttribute(\"data-position\") : \"top\";\n var additionalClasses = tooltipTrigger.getAttribute(\"data-classes\"); // Set up tooltip attributes\n\n tooltipTrigger.setAttribute(\"aria-describedby\", tooltipID);\n tooltipTrigger.setAttribute(\"tabindex\", \"0\");\n tooltipTrigger.setAttribute(\"title\", \"\");\n tooltipTrigger.classList.remove(TOOLTIP_CLASS);\n tooltipTrigger.classList.add(TOOLTIP_TRIGGER_CLASS); // insert wrapper before el in the DOM tree\n\n tooltipTrigger.parentNode.insertBefore(wrapper, tooltipTrigger); // set up the wrapper\n\n wrapper.appendChild(tooltipTrigger);\n wrapper.classList.add(TOOLTIP_CLASS);\n wrapper.appendChild(tooltipBody); // Apply additional class names to wrapper element\n\n if (additionalClasses) {\n var classesArray = additionalClasses.split(\" \");\n classesArray.forEach(function (classname) {\n return wrapper.classList.add(classname);\n });\n } // set up the tooltip body\n\n\n tooltipBody.classList.add(TOOLTIP_BODY_CLASS);\n tooltipBody.setAttribute(\"id\", tooltipID);\n tooltipBody.setAttribute(\"role\", \"tooltip\");\n tooltipBody.setAttribute(\"aria-hidden\", \"true\"); // place the text in the tooltip\n\n tooltipBody.innerHTML = tooltipContent;\n return {\n tooltipBody: tooltipBody,\n position: position,\n tooltipContent: tooltipContent,\n wrapper: wrapper\n };\n }; // Setup our function to run on various events\n\n\n var tooltip = behavior({}, {\n init: function init(root) {\n select(TOOLTIP, root).forEach(function (tooltipTrigger) {\n var _setUpAttributes = setUpAttributes(tooltipTrigger),\n tooltipBody = _setUpAttributes.tooltipBody,\n position = _setUpAttributes.position,\n tooltipContent = _setUpAttributes.tooltipContent,\n wrapper = _setUpAttributes.wrapper;\n\n if (tooltipContent) {\n // Listeners for showing and hiding the tooltip\n addListenerMulti(tooltipTrigger, \"mouseenter focus\", function () {\n showToolTip(tooltipBody, tooltipTrigger, position, wrapper);\n return false;\n }); // Keydown here prevents tooltips from being read twice by\n // screen reader. also allows excape key to close it\n // (along with any other.)\n\n addListenerMulti(tooltipTrigger, \"mouseleave blur keydown\", function () {\n hideToolTip(tooltipBody);\n return false;\n });\n } else {// throw error or let other tooltips on page function?\n }\n });\n }\n });\n module.exports = tooltip;\n }, {\n \"../config\": 36,\n \"../utils/behavior\": 45,\n \"../utils/is-in-viewport\": 47,\n \"../utils/select\": 50\n }],\n 35: [function (require, module, exports) {\n \"use strict\";\n\n var behavior = require(\"../utils/behavior\");\n\n var validate = require(\"../utils/validate-input\");\n\n function change() {\n validate(this);\n }\n\n var validator = behavior({\n \"keyup change\": {\n \"input[data-validation-element]\": change\n }\n });\n module.exports = validator;\n }, {\n \"../utils/behavior\": 45,\n \"../utils/validate-input\": 54\n }],\n 36: [function (require, module, exports) {\n \"use strict\";\n\n module.exports = {\n prefix: \"usa\"\n };\n }, {}],\n 37: [function (require, module, exports) {\n \"use strict\";\n\n module.exports = {\n // This used to be conditionally dependent on whether the\n // browser supported touch events; if it did, `CLICK` was set to\n // `touchstart`. However, this had downsides:\n //\n // * It pre-empted mobile browsers' default behavior of detecting\n // whether a touch turned into a scroll, thereby preventing\n // users from using some of our components as scroll surfaces.\n //\n // * Some devices, such as the Microsoft Surface Pro, support *both*\n // touch and clicks. This meant the conditional effectively dropped\n // support for the user's mouse, frustrating users who preferred\n // it on those systems.\n CLICK: \"click\"\n };\n }, {}],\n 38: [function (require, module, exports) {\n \"use strict\";\n /* eslint-disable consistent-return */\n\n /* eslint-disable func-names */\n\n (function () {\n if (typeof window.CustomEvent === \"function\") return false;\n\n function CustomEvent(event, _params) {\n var params = _params || {\n bubbles: false,\n cancelable: false,\n detail: null\n };\n var evt = document.createEvent(\"CustomEvent\");\n evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);\n return evt;\n }\n\n window.CustomEvent = CustomEvent;\n })();\n }, {}],\n 39: [function (require, module, exports) {\n \"use strict\";\n\n var elproto = window.HTMLElement.prototype;\n var HIDDEN = \"hidden\";\n\n if (!(HIDDEN in elproto)) {\n Object.defineProperty(elproto, HIDDEN, {\n get: function get() {\n return this.hasAttribute(HIDDEN);\n },\n set: function set(value) {\n if (value) {\n this.setAttribute(HIDDEN, \"\");\n } else {\n this.removeAttribute(HIDDEN);\n }\n }\n });\n }\n }, {}],\n 40: [function (require, module, exports) {\n \"use strict\"; // polyfills HTMLElement.prototype.classList and DOMTokenList\n\n require(\"classlist-polyfill\"); // polyfills HTMLElement.prototype.hidden\n\n\n require(\"./element-hidden\"); // polyfills Number.isNaN()\n\n\n require(\"./number-is-nan\"); // polyfills CustomEvent\n\n\n require(\"./custom-event\"); // polyfills svg4everybody\n\n\n require(\"./svg4everybody\");\n }, {\n \"./custom-event\": 38,\n \"./element-hidden\": 39,\n \"./number-is-nan\": 41,\n \"./svg4everybody\": 42,\n \"classlist-polyfill\": 1\n }],\n 41: [function (require, module, exports) {\n \"use strict\";\n\n Number.isNaN = Number.isNaN || function isNaN(input) {\n // eslint-disable-next-line no-self-compare\n return typeof input === \"number\" && input !== input;\n };\n }, {}],\n 42: [function (require, module, exports) {\n \"use strict\";\n /* eslint-disable */\n\n !function (factory) {\n module.exports = factory();\n }(function () {\n /*! svg4everybody v2.1.9 | github.com/jonathantneal/svg4everybody */\n function embed(parent, svg, target, use) {\n // if the target exists\n if (target) {\n // create a document fragment to hold the contents of the target\n var fragment = document.createDocumentFragment(),\n viewBox = !svg.hasAttribute(\"viewBox\") && target.getAttribute(\"viewBox\"); // conditionally set the viewBox on the svg\n\n viewBox && svg.setAttribute(\"viewBox\", viewBox); // copy the contents of the clone into the fragment\n\n for ( // clone the target\n var clone = document.importNode ? document.importNode(target, !0) : target.cloneNode(!0), g = document.createElementNS(svg.namespaceURI || \"http://www.w3.org/2000/svg\", \"g\"); clone.childNodes.length;) {\n g.appendChild(clone.firstChild);\n }\n\n if (use) {\n for (var i = 0; use.attributes.length > i; i++) {\n var attr = use.attributes[i];\n \"xlink:href\" !== attr.name && \"href\" !== attr.name && g.setAttribute(attr.name, attr.value);\n }\n }\n\n fragment.appendChild(g), // append the fragment into the svg\n parent.appendChild(fragment);\n }\n }\n\n function loadreadystatechange(xhr, use) {\n // listen to changes in the request\n xhr.onreadystatechange = function () {\n // if the request is ready\n if (4 === xhr.readyState) {\n // get the cached html document\n var cachedDocument = xhr._cachedDocument; // ensure the cached html document based on the xhr response\n\n cachedDocument || (cachedDocument = xhr._cachedDocument = document.implementation.createHTMLDocument(\"\"), cachedDocument.body.innerHTML = xhr.responseText, // ensure domains are the same, otherwise we'll have issues appending the\n // element in IE 11\n cachedDocument.domain !== document.domain && (cachedDocument.domain = document.domain), xhr._cachedTarget = {}), // clear the xhr embeds list and embed each item\n xhr._embeds.splice(0).map(function (item) {\n // get the cached target\n var target = xhr._cachedTarget[item.id]; // ensure the cached target\n\n target || (target = xhr._cachedTarget[item.id] = cachedDocument.getElementById(item.id)), // embed the target into the svg\n embed(item.parent, item.svg, target, use);\n });\n }\n }, // test the ready state change immediately\n xhr.onreadystatechange();\n }\n\n function svg4everybody(rawopts) {\n function oninterval() {\n // if all