snice 4.37.0 → 4.38.0

package/dist/cdn/date-picker/snice-date-picker.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.37.0
+ * snice v4.38.0
  * A decorator-driven web component library with differential rendering, routing, controllers, and 130+ ready-made UI components. Use as much or as little as you want. Zero dependencies, works anywhere.
  * (c) 2024
  * Released under the MIT License.
@@ -145,5 +145,5 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
         >
           ${i}
         </button>
-      `)}return h}updateInputValue(){if(this.input&&document.activeElement!==this.input){const e=this.getFormattedValue();this.input.value=e,this.inputValue=e}this.updateClearButton()}isCompleteDate(e){if("mmmm dd, yyyy"===this.format)return/^[A-Za-z]+\s+\d{1,2},\s+\d{4}$/.test(e);return(e.match(/[\/\-]/g)||[]).length>=2&&e.length>=8}updateClearButton(){if(!this.clearButton||!this.clearable)return;const e=this.selectedDate&&!this.disabled&&!this.readonly;this.clearButton.style.display=e?"":"none",this.clearButton.classList.toggle("clear-button--visible",!!e)}updateCalendarGrid(){this.render()}setupCalendarClickOutside(){document.addEventListener("click",e=>{!this.contains(e.target)&&this.showCalendar&&this.close()})}handleInput(e){const t=e.target;this.inputValue=t.value;const a=this.parseDate(t.value);a&&this.isCompleteDate(t.value)&&(this.selectedDate=a,this.viewDate=new Date(a),this.showCalendar&&this.updateCalendarGrid()),this.updateClearButton(),this.dispatchInputEvent()}handleChange(e){const t=e.target,a=this.parseDate(t.value);a?(this.selectedDate=a,this.value=this.formatDate(a),this.inputValue=this.value,this.input&&(this.input.value=this.value)):t.value?(this.selectedDate=null,this.value=t.value,this.inputValue=t.value):(this.selectedDate=null,this.value="",this.inputValue=""),this.updateClearButton(),this.dispatchChangeEvent()}handleFocus(e){this.dispatchFocusEvent()}handleInputClick(e){this.showCalendar||this.disabled||this.readonly||this.open()}handleBlur(e){this.dispatchBlurEvent()}handleCalendarToggle(e){this.showCalendar?this.close():this.open()}handleClear(e){this.clear()}handleCalendarClick(e){e.stopPropagation();const t=e.target;if(t.closest("[data-year]")){const e=parseInt(t.closest("[data-year]").getAttribute("data-year"),10);return this.viewDate=new Date(e,this.viewDate.getMonth(),1),this.calendarView="days",void this.updateCalendarGrid()}if(t.closest("[data-date]")){const e=t.closest("[data-date]")?.getAttribute("data-date");if(e){const[t,a,i]=e.split("-").map(Number),s=new Date(t,a-1,i);this.selectDate(s)}}else if(t.closest("[data-nav]")){const e=t.closest("[data-nav]")?.getAttribute("data-nav");this.handleNavigation(e)}}handleKeydown(e){"Enter"===e.key||" "===e.key?(e.preventDefault(),this.showCalendar||this.open()):"Escape"===e.key&&this.showCalendar&&(this.close(),this.focus())}handleNavigation(e){switch(e){case"prev-month":this.viewDate.setMonth(this.viewDate.getMonth()-1),this.updateCalendarGrid();break;case"next-month":this.viewDate.setMonth(this.viewDate.getMonth()+1),this.updateCalendarGrid();break;case"today":this.calendarView="days",this.goToToday();break;case"show-years":this.yearRangeStart=this.viewDate.getFullYear()-this.viewDate.getFullYear()%12,this.calendarView="years",this.updateCalendarGrid();break;case"prev-years":this.yearRangeStart-=12,this.updateCalendarGrid();break;case"next-years":this.yearRangeStart+=12,this.updateCalendarGrid()}}handleValueChange(){const e=this.parseDate(this.value);this.selectedDate=e,e&&(this.viewDate=new Date(e)),this.updateInputValue(),this.updateClearButton(),this.internals&&this.internals.setFormValue(this.value),this.showCalendar&&this.updateCalendarGrid()}handleShowCalendarChange(){this.calendar&&(this.showCalendar?(this.calendar.removeAttribute("hidden"),this.positionCalendar(),"function"==typeof this.calendar.showPopover&&this.calendar.showPopover(),this.dispatchOpenEvent(),setTimeout(()=>{(this.selectedDayButton||this.firstDayButton)?.focus()},100)):(this.calendar.setAttribute("hidden",""),"function"==typeof this.calendar.hidePopover&&this.calendar.hidePopover(),this.dispatchCloseEvent()))}handleDisabledChange(){this.input&&(this.input.disabled=this.disabled),this.calendarToggle&&(this.calendarToggle.disabled=this.disabled),this.updateClearButton()}handleReadonlyChange(){this.input&&(this.input.readOnly=this.readonly),this.updateClearButton()}handleInvalidChange(){this.input&&(this.input.setAttribute("aria-invalid",String(this.invalid)),this.input.classList.toggle("input--invalid",this.invalid))}handleFormatChange(){this.updateInputValue()}dispatchInputEvent(){return{value:this.value,datePicker:this}}dispatchChangeEvent(){return{value:this.value,date:this.selectedDate,formatted:this.selectedDate?this.formatDate(this.selectedDate):"",iso:this.selectedDate?this.selectedDate.toISOString().split("T")[0]:"",datePicker:this}}dispatchFocusEvent(){return{datePicker:this}}dispatchBlurEvent(){return{datePicker:this}}dispatchOpenEvent(){return{datePicker:this}}dispatchCloseEvent(){return{datePicker:this}}dispatchClearEvent(){return{datePicker:this}}dispatchSelectEvent(e){return{date:e,formatted:this.formatDate(e),iso:e.toISOString().split("T")[0],datePicker:this}}focus(){this.input?.focus()}blur(){this.input?.blur()}clear(){this.selectedDate=null,this.value="",this.updateInputValue(),this.dispatchClearEvent(),this.dispatchChangeEvent(),this.focus()}open(){this.disabled||this.readonly||(this.showCalendar=!0,this.calendarView="days",this.selectedDate&&(this.viewDate=new Date(this.selectedDate)),this.updateCalendarGrid(),this.calendar&&(this.calendar.removeAttribute("hidden"),this.positionCalendar(),"function"==typeof this.calendar.showPopover&&this.calendar.showPopover()),this.dispatchOpenEvent())}close(){this.showCalendar=!1,this.calendar&&(this.calendar.setAttribute("hidden",""),"function"==typeof this.calendar.hidePopover&&this.calendar.hidePopover()),this.dispatchCloseEvent()}positionCalendar(){if(!this.calendar||CSS.supports("position-anchor","--a"))return;const e=this.shadowRoot?.querySelector(".input-container");if(!e)return;const t=e.getBoundingClientRect();this.calendar.style.top=`${t.bottom+4}px`,this.calendar.style.left=`${t.left}px`,this.calendar.style.minWidth=`${t.width}px`}selectDate(e){this.selectedDate=e,this.value=this.formatDate(e),this.viewDate=new Date(e),this.updateInputValue(),this.updateCalendarGrid(),this.dispatchSelectEvent(e),this.dispatchChangeEvent(),this.close(),this.focus()}goToMonth(e,t){this.viewDate=new Date(e,t,1),this.updateCalendarGrid()}goToToday(){const e=new Date;this.selectDate(e)}checkValidity(){return this.input?.checkValidity()??!0}reportValidity(){return this.input?.reportValidity()??!0}setCustomValidity(e){this.input?.setCustomValidity(e)}},s})();return e.SniceDatePicker=s,e}({},Snice);
+      `)}return h}updateInputValue(){if(this.input&&document.activeElement!==this.input){const e=this.getFormattedValue();this.input.value=e,this.inputValue=e}this.updateClearButton()}isCompleteDate(e){if("mmmm dd, yyyy"===this.format)return/^[A-Za-z]+\s+\d{1,2},\s+\d{4}$/.test(e);return(e.match(/[\/\-]/g)||[]).length>=2&&e.length>=8}updateClearButton(){if(!this.clearButton||!this.clearable)return;const e=this.selectedDate&&!this.disabled&&!this.readonly;this.clearButton.style.display=e?"":"none",this.clearButton.classList.toggle("clear-button--visible",!!e)}updateCalendarGrid(){this.render()}setupCalendarClickOutside(){document.addEventListener("click",e=>{this.showCalendar&&(e.composedPath().includes(this)||this.close())})}handleInput(e){const t=e.target;this.inputValue=t.value;const a=this.parseDate(t.value);a&&this.isCompleteDate(t.value)&&(this.selectedDate=a,this.viewDate=new Date(a),this.showCalendar&&this.updateCalendarGrid()),this.updateClearButton(),this.dispatchInputEvent()}handleChange(e){const t=e.target,a=this.parseDate(t.value);a?(this.selectedDate=a,this.value=this.formatDate(a),this.inputValue=this.value,this.input&&(this.input.value=this.value)):t.value?(this.selectedDate=null,this.value=t.value,this.inputValue=t.value):(this.selectedDate=null,this.value="",this.inputValue=""),this.updateClearButton(),this.dispatchChangeEvent()}handleFocus(e){this.dispatchFocusEvent()}handleInputClick(e){this.showCalendar||this.disabled||this.readonly||this.open()}handleBlur(e){this.dispatchBlurEvent()}handleCalendarToggle(e){this.showCalendar?this.close():this.open()}handleClear(e){this.clear()}handleCalendarClick(e){e.stopPropagation();const t=e.target;if(t.closest("[data-year]")){const e=parseInt(t.closest("[data-year]").getAttribute("data-year"),10);return this.viewDate=new Date(e,this.viewDate.getMonth(),1),this.calendarView="days",void this.updateCalendarGrid()}if(t.closest("[data-date]")){const e=t.closest("[data-date]")?.getAttribute("data-date");if(e){const[t,a,i]=e.split("-").map(Number),s=new Date(t,a-1,i);this.selectDate(s)}}else if(t.closest("[data-nav]")){const e=t.closest("[data-nav]")?.getAttribute("data-nav");this.handleNavigation(e)}}handleKeydown(e){"Enter"===e.key||" "===e.key?(e.preventDefault(),this.showCalendar||this.open()):"Escape"===e.key&&this.showCalendar&&(this.close(),this.focus())}handleNavigation(e){switch(e){case"prev-month":this.viewDate.setMonth(this.viewDate.getMonth()-1),this.updateCalendarGrid();break;case"next-month":this.viewDate.setMonth(this.viewDate.getMonth()+1),this.updateCalendarGrid();break;case"today":this.calendarView="days",this.goToToday();break;case"show-years":this.yearRangeStart=this.viewDate.getFullYear()-this.viewDate.getFullYear()%12,this.calendarView="years",this.updateCalendarGrid();break;case"prev-years":this.yearRangeStart-=12,this.updateCalendarGrid();break;case"next-years":this.yearRangeStart+=12,this.updateCalendarGrid()}}handleValueChange(){const e=this.parseDate(this.value);this.selectedDate=e,e&&(this.viewDate=new Date(e)),this.updateInputValue(),this.updateClearButton(),this.internals&&this.internals.setFormValue(this.value),this.showCalendar&&this.updateCalendarGrid()}handleShowCalendarChange(){this.calendar&&(this.showCalendar?(this.calendar.removeAttribute("hidden"),this.positionCalendar(),"function"==typeof this.calendar.showPopover&&this.calendar.showPopover(),this.dispatchOpenEvent(),setTimeout(()=>{(this.selectedDayButton||this.firstDayButton)?.focus()},100)):(this.calendar.setAttribute("hidden",""),"function"==typeof this.calendar.hidePopover&&this.calendar.hidePopover(),this.dispatchCloseEvent()))}handleDisabledChange(){this.input&&(this.input.disabled=this.disabled),this.calendarToggle&&(this.calendarToggle.disabled=this.disabled),this.updateClearButton()}handleReadonlyChange(){this.input&&(this.input.readOnly=this.readonly),this.updateClearButton()}handleInvalidChange(){this.input&&(this.input.setAttribute("aria-invalid",String(this.invalid)),this.input.classList.toggle("input--invalid",this.invalid))}handleFormatChange(){this.updateInputValue()}dispatchInputEvent(){return{value:this.value,datePicker:this}}dispatchChangeEvent(){return{value:this.value,date:this.selectedDate,formatted:this.selectedDate?this.formatDate(this.selectedDate):"",iso:this.selectedDate?this.selectedDate.toISOString().split("T")[0]:"",datePicker:this}}dispatchFocusEvent(){return{datePicker:this}}dispatchBlurEvent(){return{datePicker:this}}dispatchOpenEvent(){return{datePicker:this}}dispatchCloseEvent(){return{datePicker:this}}dispatchClearEvent(){return{datePicker:this}}dispatchSelectEvent(e){return{date:e,formatted:this.formatDate(e),iso:e.toISOString().split("T")[0],datePicker:this}}focus(){this.input?.focus()}blur(){this.input?.blur()}clear(){this.selectedDate=null,this.value="",this.updateInputValue(),this.dispatchClearEvent(),this.dispatchChangeEvent(),this.focus()}open(){this.disabled||this.readonly||(this.showCalendar=!0,this.calendarView="days",this.selectedDate&&(this.viewDate=new Date(this.selectedDate)),this.updateCalendarGrid(),this.calendar&&(this.calendar.removeAttribute("hidden"),this.positionCalendar(),"function"==typeof this.calendar.showPopover&&this.calendar.showPopover()),this.dispatchOpenEvent())}close(){this.showCalendar=!1,this.calendar&&(this.calendar.setAttribute("hidden",""),"function"==typeof this.calendar.hidePopover&&this.calendar.hidePopover()),this.dispatchCloseEvent()}positionCalendar(){if(!this.calendar||CSS.supports("position-anchor","--a"))return;const e=this.shadowRoot?.querySelector(".input-container");if(!e)return;const t=e.getBoundingClientRect();this.calendar.style.top=`${t.bottom+4}px`,this.calendar.style.left=`${t.left}px`,this.calendar.style.minWidth=`${t.width}px`}selectDate(e){this.selectedDate=e,this.value=this.formatDate(e),this.viewDate=new Date(e),this.updateInputValue(),this.updateCalendarGrid(),this.dispatchSelectEvent(e),this.dispatchChangeEvent(),this.close(),this.focus()}goToMonth(e,t){this.viewDate=new Date(e,t,1),this.updateCalendarGrid()}goToToday(){const e=new Date;this.selectDate(e)}checkValidity(){return this.input?.checkValidity()??!0}reportValidity(){return this.input?.reportValidity()??!0}setCustomValidity(e){this.input?.setCustomValidity(e)}},s})();return e.SniceDatePicker=s,e}({},Snice);
 //# sourceMappingURL=snice-date-picker.min.js.map