https://www.visitlongbeach.com/dist/scripts/A11yDatepicker.0691e569ffb62b1c3c89.min.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[9706],{5003:function(e,t,a){a.r(t),a.d(t,{default:function(){return l}});var n=a(4575),o=a.n(n),i=a(9713),c=a.n(i),r=a(7484),s=a.n(r),l=function e(){var t=this,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"[data-datepicker]";o()(this,e),c()(this,"allPickers",void 0),c()(this,"pickerInput",void 0),c()(this,"prevButton",void 0),c()(this,"nextButton",void 0),c()(this,"monthSelect",void 0),c()(this,"yearSelect",void 0),c()(this,"calendarSection",void 0),c()(this,"calendarHelp",void 0),c()(this,"calendarUpdates",void 0),c()(this,"currentDate",void 0),c()(this,"minDate",void 0),c()(this,"maxDate",void 0),c()(this,"holidays",void 0),c()(this,"dialog",void 0),c()(this,"close",void 0),c()(this,"selected",void 0),c()(this,"pickerToggle",void 0),c()(this,"isOpen",void 0),c()(this,"idBase","a11yPicker"),c()(this,"classBase","a11yPicker"),c()(this,"calItem",this.classBase+"-item"),c()(this,"selector",void 0),c()(this,"togglePicker",(function(e){t.isOpen?t.pickerToggle!=e.currentTarget?(t.closeCalendar(),t.pickerToggle=e.currentTarget,t.openCalendar()):t.closeCalendar():(t.pickerToggle=e.currentTarget,t.openCalendar())})),c()(this,"closeCalendar",(function(){var e=document.querySelector("#"+t.idBase);null!==e&&e.remove(),t.isOpen&&(t.pickerToggle.focus(),t.monthSelect.removeEventListener("change",t.updateUI),t.yearSelect.removeEventListener("change",t.updateUI),t.prevButton.removeEventListener("click",t.previousMonth),t.nextButton.removeEventListener("click",t.nextMonth),t.calendarSection.removeEventListener("click",t.onActivation),t.calendarSection.removeEventListener("keydown",t.onKeydown),t.calendarHelp.removeEventListener("click",t.showDialog)),t.isOpen=!1})),c()(this,"openCalendar",(function(){t.pickerToggle.focus(),t.pickerInput=t.pickerToggle.previousSibling;var e=t.pickerInput.parentElement;t.pickerToggle.insertAdjacentHTML("afterend",t.getCalendarTemplate()),t.prevButton=e.querySelector("[data-ui-previous]"),t.nextButton=e.querySelector("[data-ui-next]"),t.monthSelect=e.querySelector("[data-ui-month]"),t.yearSelect=e.querySelector("[data-ui-year]"),t.calendarSection=e.querySelector("[data-ui-dates]"),t.calendarHelp=e.querySelector("[data-ui-help-trigger]"),t.calendarUpdates=e.querySelector("[data-ui-updates]"),t.dialog=e.querySelector("[data-ui-help-dialog]"),t.close=e.querySelector("[data-ui-help-close]"),t.currentDate=s()().startOf("day"),t.minDate=t.currentDate,t.maxDate=s()().startOf("day").add(1,"year").add(1,"month"),t.holidays={},t.monthSelect.selectedIndex=t.currentDate.get("M"),t.monthSelect.addEventListener("change",t.updateUI),t.yearSelect.addEventListener("change",t.updateUI),t.prevButton.addEventListener("click",t.previousMonth),t.nextButton.addEventListener("click",t.nextMonth),t.calendarSection.addEventListener("click",t.onActivation),t.calendarSection.addEventListener("keydown",t.onKeydown),t.calendarHelp.addEventListener("click",t.showDialog),t.isOpen=!0,t.updateUI()})),c()(this,"announce",(function(e){t.setText(t.calendarUpdates,e),setTimeout((function(){t.setText(t.calendarUpdates,"")}),1e3)})),c()(this,"selectDate",(function(e){var a=t.calendarSection.querySelector('[aria-pressed="true"]');a&&(a.setAttribute("aria-pressed","false"),a.setAttribute("tabindex","-1")),e.setAttribute("aria-pressed","true"),e.removeAttribute("tabindex"),t.selected=s().unix(parseInt(e.getAttribute("data-timestamp")));var n=null!==t.pickerInput.getAttribute("data-disp-format")?t.pickerInput.getAttribute("data-disp-format"):"MM-DD-YYYY",o=null!==t.pickerInput.getAttribute("data-submit-format")?t.pickerInput.getAttribute("data-submit-format"):"YYYY-MM-DD";(t.pickerInput.value=s()(t.selected).format(n),t.pickerInput.setAttribute("data-submit-value",s()(t.selected).format(o)),t.pickerInput.hasAttribute("data-mirrors-to")&&t.pickerInput.getAttribute("data-mirrors-to").length)&&(document.getElementById(t.pickerInput.getAttribute("data-mirrors-to")).value=s()(t.selected).format(o));t.announce("selected ".concat(e.getAttribute("aria-label"))),t.closeCalendar()})),c()(this,"setMirrorDateInput",(function(e){var a=e.value;if(a&&s()(a)){var n=e,o=null!==n.getAttribute("data-disp-format")?n.getAttribute("data-disp-format"):"MM-DD-YYYY",i=null!==n.getAttribute("data-submit-format")?n.getAttribute("data-submit-format"):"YYYY-MM-DD",c=document.getElementById(n.getAttribute("data-mirrors-to"));

1t.selected=a,n.value=s()(t.selected).format(o),n.setAttribute("data-submit-value",s()(t.selected).format(i)),c.value=s()(t.selected).format(i)}})),c()(this,"showDialog",(function(){t.dialog.setAttribute("aria-hidden","false"),t.dialog.firstElementChild.focus(),t.dialog.addEventListener("keydown",t.onDialogKeydown),t.dialog.addEventListener("click",t.onDialogUx),document.documentElement.setAttribute("tabindex","-1"),document.addEventListener("focus",t.onDialogUx,!0)})),c()(this,"closeDialog",(function(){t.dialog.removeEventListener("keydown",t.onDialogKeydown),t.dialog.removeEventListener("click",t.onDialogUx),document.removeEventListener("focus",t.onDialogUx,!0),document.documentElement.removeAttribute("tabindex"),t.dialog.setAttribute("aria-hidden","true"),t.calendarHelp.focus()})),c()(this,"onDialogKeydown",(function(e){var a=e.target;"Escape"!==e.key?"Tab"===e.key&&(e.shiftKey&&a===t.dialog?(e.preventDefault(),t.close.focus()):a===t.close&&(e.preventDefault(),t.dialog.focus())):t.closeDialog()})),c()(this,"getButtonTemplate",(function(e){return'<button type="button"\n                class="'.concat(t.classBase,'__toggle"\n                id="').concat(t.idBase,"-toggle-").concat(e,'"\n                aria-controls="').concat(t.idBase,'"\n                aria-label="Toggle Date Picker">\n                    <svg fill="currentColor" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"/></svg>\n                </button>')})),c()(this,"getCalendarTemplate",(function(){return'<section class="'.concat(t.classBase,'" id="').concat(t.idBase,'" aria-label="Calendar">\n                <section aria-label="Calendar Navigation" class="').concat(t.classBase,'-nav u-flex">\n\n                <button data-ui-previous\n                    class="').concat(t.classBase,'-nav--button"\n                    type="button"\n                    aria-label="Previous month, ').concat(s()().subtract(1,"month").format("MMMM YYYY"),'">&#10094;</button>\n\n                <div class="').concat(t.classBase,'-nav--selects">\n\n                    <div class="').concat(t.classBase,'-nav--select">\n                        <select data-ui-month aria-label="month">\n                            <option>January</option>\n                            <option>February</option>\n                            <option>March</option>\n                            <option>April</option>\n                            <option>May</option>\n                            <option>June</option>\n                            <option>July</option>\n                            <option>August</option>\n                            <option>September</option>\n                            <option>October</option>\n                            <option>November</option>\n                            <option>December</option>\n                        </select>\n                    </div>\n                    <div class="').concat(t.classBase,'-nav--select">\n                        <select data-ui-year aria-label="year">\n                            <option selected>').concat(s()().format("YYYY"),"</option>\n                            <option>").concat(s()().add(1,"year").format("YYYY"),'</option>\n                        </select>\n                    </div>\n\n                </div>\n\n                <button data-ui-next\n                    class="').concat(t.classBase,'-nav--button"\n                    type="button"\n                    aria-label="Next month,, ').concat(s()().add(1,"month").format("MMMM YYYY"),'">&#10095;</button>\n\n                </section>\n\n                <div class="').concat(t.classBase,'-grid">\n                    <div class="').concat(t.classBase,'-help">\n                        <button data-ui-help-trigger\n                            class="').concat(t.classBase,'-help-trigger"\n                            aria-label="keyboard shortcuts"\n                            aria-haspopup="dialog">Keyboard Shortcuts</button>\n                    </div>\n\n                    <div class="').concat(t.classBase,"-days ").concat(t.classBase,'-row" aria-hidden="true">

1\n                        <span class="').concat(t.calItem," ").concat(t.calItem,'--day">Su</span>\n                        <span class="').concat(t.calItem," ").concat(t.calItem,'--day">Mo</span>\n                        <span class="').concat(t.calItem," ").concat(t.calItem,'--day">Tu</span>\n                        <span class="').concat(t.calItem," ").concat(t.calItem,'--day">We</span>\n                        <span class="').concat(t.calItem," ").concat(t.calItem,'--day">Th</span>\n                        <span class="').concat(t.calItem," ").concat(t.calItem,'--day">Fr</span>\n                        <span class="').concat(t.calItem," ").concat(t.calItem,'--day">Sa</span>\n                    </div>\n\n                    <section data-ui-dates aria-label="Calendar dates" role="application">\n                    </section>\n                </div>\n\n                <div data-ui-help-dialog\n                    class="').concat(t.classBase,'-help-dialog"\n                    role="dialog"\n                    aria-labelledby="').concat(t.idBase,'-help-trigger"\n                    aria-hidden="true"\n                    tabindex="-1">\n\n                    <p tabindex="-1">The following keyboard shortcuts are available:</p>\n                    <ul>\n                        <li><kbd>LEFT</kbd>/ <kbd>RIGHT</kbd> to move day to day.</li>\n                        <li><kbd>UP</kbd>/ <kbd>DOWN</kbd> to move week to week.</li>\n                        <li><kbd>HOME</kbd> to move to the first day of the month.</li>\n                        <li><kbd>END</kbd> to move to the last day of the month.</li>\n                        <li><kbd>PAGE UP</kbd> to move to the same day in the previous month.</li>\n                        <li><kbd>PAGE DOWN</kbd> to move to the same day in the next month.</li>\n                        <li><kbd>SPACE</kbd> to select a date.</li>\n                    </ul>\n\n                    <button data-ui-help-close class="').concat(t.classBase,'-help-close" type="button">Got it!</button>\n                </div>\n\n                <span data-ui-updates\n                    class="show-for-sr"\n                    aria-live="assertive"></span>\n            </section>')})),c()(this,"getDateTemplate",(function(e,a,n){var o=t.getHoliday(e),i=e.get("M")!==a.get("M")||o&&!o.isEnabled,c=e.isSame(n),r=e.isSame(t.selected);return'<button\n                        class="'.concat(t.calItem," ").concat(i?t.calItem+"--unavailable":t.calItem+"--active"," ").concat(o?t.calItem+"--holiday":"",'"\n                        type="button"\n                        aria-pressed="').concat(r,'"\n                        ').concat(e.isBefore(t.minDate)?"disabled":"",'\n                        aria-label="').concat(s()(e).format("D, dddd MMMM YYYY")).concat(o?", ".concat(o.label):"").concat(i?", Unavailable":"",'"\n                        ').concat(c?'aria-current="date"':"","\n                        ").concat(e.format("D")!==n.format("D")?'tabindex="-1"':"","\n                        ").concat(o?'data-holiday="'.concat(o.label,'"'):"",'\n                        data-timestamp="').concat(e.unix(),'">\n                            ').concat(e.format("D"),"\n                        </button>")})),c()(this,"onKeydown",(function(e){var a,n=e.target,o=e.key.replace("Arrow","");if(n.classList.contains(t.calItem)&&o.match(/Up|Down|Left|Right|Home|End|PageUp|PageDown/)){switch(o){case"Right":n===t.getLastDate()?(t.nextMonth(),a=t.getFirstDate()):a=n.nextElementSibling||n.parentElement.nextElementSibling.firstElementChild;break;case"Left":n===t.getFirstDate()?(t.previousMonth(),a=t.getLastDate()):a=n.previousElementSibling||n.parentElement.previousElementSibling.lastElementChild;break;case"Up":if(n===t.getFirstDate())t.previousMonth(),a=t.getLastDate();else{var i=n.parentElement,c=Array.from(i.children).indexOf(n),r=i.previousElementSibling;r&&(a=r.children.item(c))}break;case"Down":if(n===t.getLastDate())t.nextMonth(),a=t.getFirstDate();else{var s=n.parentElement,l=Array.from(s.children).indexOf(n),d=s.nextElementSibling;d&&(a=d.children.item(l))}break;case"Home":a=t.getFirstDate();break;case"End":a=t.getLastDate();break;case"PageUp":case"PageDown":"PageUp"===o?t.previousMonth():t.nextMonth();var u=t.calendarSection.querySelectorAll("."+t.calItem);u.length&&(a=Array.from(u).map((function(e){return e.textContent===n.textContent})))}e.preventDefault(),a?a.focus():t.announce("end of calendar")}})),c()(this,"getIndex",(function(e,t,a){return(e+t+a)%t})),c()(this,"getDisplayedMonth",(function(){return s()(new Date(parseInt(t.yearSelect.item(t.yearSelect.selectedIndex).value),t.monthSelect.selectedIndex,1))})),c()(this,"getFirstDate",(function(){return t.calendarSection.firstElementChild.querySelector("."+t.calItem+":first-of-type:not(."+t.calItem+"--empty)")})),c()(this,"getLastDate",(function(){return t.calendarSection.lastElementChild.querySelector("."+t.calItem+":last-of-type:not(."+t.calItem+"--empty)")})),c()(this,"getHoliday",(function(e){if(t.holidays.hasOwnProperty(e.get("y"))&&t.holidays[e.get("y")][e.get("M")]&&t.holidays[e.get("y")][e.get("M")][e.get("d")])return t.holidays[e.get("y")][e.get("M")][e.get("d")]})),c()(this,"setText",(function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",a=e.firstChild;a&&!a.nextSibling&&3===a.nodeType?a.data=t:e.textContent=t})),c()(this,"previousMonth",(function(){var e=s()(t.getDisplayedMonth()).subtract(1,"month"),a=e.get("M"),n=e>=t.minDate.startOf("M"),o=n?t.yearSelect.selectedIndex-1:t.yearSelect.selectedIndex;

1n&&(t.monthSelect.selectedIndex=a,11===e.get("M")&&o>=0&&(t.yearSelect.selectedIndex=o),t.updateUI())})),c()(this,"nextMonth",(function(){var e=s()(t.getDisplayedMonth()).add(1,"month"),a=e.get("M"),n=e<=t.maxDate,o=n?t.yearSelect.selectedIndex+1:t.yearSelect.selectedIndex;n&&(t.monthSelect.selectedIndex=a,0==e.get("M")&&(t.yearSelect.selectedIndex=o)),t.updateUI()})),c()(this,"onDialogUx",(function(e){var a=e.target;(!t.dialog.contains(a)||"click"===e.type&&a===t.close)&&t.closeDialog()})),c()(this,"onActivation",(function(e){var a=e.target;a.classList.contains(t.calItem+"--active")&&t.selectDate(a)})),c()(this,"onMirrorInputActivation",(function(e){var a=e.target;t.setMirrorDateInput(a)})),c()(this,"updateUI",(function(){var e=t.getDisplayedMonth(),a=s()(e).subtract(1,"month"),n=s()(e).add(1,"month");t.nextButton.disabled=n>t.maxDate,a>=t.minDate.startOf("M")?(t.prevButton.disabled=!1,t.prevButton.setAttribute("aria-label","Previous month, "+t.monthSelect.item(a.get("M")).value+" "+a.get("y"))):t.prevButton.disabled=!0,t.nextButton.setAttribute("aria-label","Next month, ".concat(t.monthSelect.item(n.get("M")).value," ").concat(n.get("y")));var o="".concat(t.monthSelect.value," ").concat(t.yearSelect.value);t.announce(o),t.renderDates(e)})),c()(this,"renderDates",(function(e){for(var a=s()(e).startOf("month").startOf("week").subtract(1,"day"),n=s()(e).endOf("month").endOf("week").subtract(1,"day"),o=s()().set("hour",0).set("minute",0).set("second",0).set("millisecond",0),i=[];a.isBefore(n);)i.push(Array(7).fill(0).map((function(){return a=a.add(1,"day")})));var c=i.reduce((function(a,n){var i=n.reduce((function(a,n){return(n=n.set("hour",0).set("minute",0).set("second",0).set("millisecond",0)).get("M")!==e.get("M")?"".concat(a,'<span class="').concat(t.calItem," ").concat(t.calItem,'--empty"></span>'):"".concat(a).concat(t.getDateTemplate(n,e,o))}),"");return"".concat(a,'<div class="').concat(t.classBase,'-row">').concat(i,"</div>")}),"");t.calendarSection.innerHTML="",t.calendarSection.insertAdjacentHTML("beforeend",c)})),this.selector=a,this.allPickers=document.querySelectorAll(a),null!==this.allPickers&&this.allPickers.forEach((function(e,a){e.hasAttribute("type")&&"text"==e.getAttribute("type")&&!e.hasAttribute("data-datepicker-setup")&&(e.setAttribute("data-datepicker-setup",""),e.insertAdjacentHTML("afterend",t.getButtonTemplate(a+1)),e.nextSibling.addEventListener("click",t.togglePicker),e.parentElement.classList.add(t.classBase+"-wrap"),e.hasAttribute("data-mirrors-to")&&e.addEventListener("blur",t.onMirrorInputActivation))}))}}}]);