snice 4.36.2 → 4.38.0

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

@@ -1,5 +1,5 @@
 /*!
- * snice v4.36.2
+ * 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.
@@ -182,5 +182,5 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
         >
           ${i}
         </button>
-      `)}return c}parseInitialValues(){if(this.start){const e=this.parseDate(this.start);e&&(this.startDate=e,this.viewDate=new Date(e))}if(this.end){const e=this.parseDate(this.end);e&&(this.endDate=e)}}handleInputClick(e){this.showCalendar||this.disabled||this.readonly||this.open()}handleKeydown(e){"Enter"===e.key||" "===e.key?(e.preventDefault(),this.showCalendar||this.open()):"Escape"===e.key&&this.showCalendar&&(this.close(),this.focus())}handleCalendarToggle(e){this.showCalendar?this.close():this.open()}handleCalendarClick(e){e.stopPropagation();const t=e.target,a=t.closest("[data-year]");if(a){const e=parseInt(a.getAttribute("data-year"),10);return this.viewDate=new Date(e,this.viewDate.getMonth(),1),this.calendarView="days",void this.updateCalendarGrid()}const i=t.closest("[data-date]");if(i){const e=i.getAttribute("data-date");if(e){const[t,a,i]=e.split("-").map(Number);this.handleDaySelect(new Date(t,a-1,i))}return}const r=t.closest("[data-preset]");if(r){const e=parseInt(r.getAttribute("data-preset"),10);return void(this.presets[e]&&this.handlePresetSelect(this.presets[e]))}const s=t.closest("[data-nav]");s&&this.handleNavigation(s.getAttribute("data-nav"))}handleDaySelect(e){if("idle"===this.selectionPhase)this.startDate=e,this.endDate=null,this.selectionPhase="selecting",this.start=this.formatDate(e),this.end="",this.updateInput(),this.updateCalendarGrid();else{if(e.getTime()<this.startDate.getTime())return this.startDate=e,this.start=this.formatDate(e),this.updateInput(),void this.updateCalendarGrid();this.endDate=e,this.end=this.formatDate(e),this.selectionPhase="idle",this.hoverDate=null,this.updateInput(),this.updateFormValue(),this.updateClearButton(),this.dispatchChangeEvent(),this.close()}}handlePresetSelect(e){const t=e.start instanceof Date?e.start:this.parseDate(e.start),a=e.end instanceof Date?e.end:this.parseDate(e.end);t&&a&&(this.presetPreviewStart=null,this.presetPreviewEnd=null,this.selectRange(t,a),this.dispatchPresetEvent(e.label),this.close())}handleDayHover(e){if("selecting"!==this.selectionPhase)return;const t=e.target.closest("[data-date]");if(t){const e=t.getAttribute("data-date");if(e){const[t,a,i]=e.split("-").map(Number);this.hoverDate=new Date(t,a-1,i),this.updateCalendarGrid()}}}handleCalendarMouseOut(){"selecting"===this.selectionPhase&&this.hoverDate&&(this.hoverDate=null,this.updateCalendarGrid())}handlePresetHover(e){const t=e.target.closest("[data-preset]");if(!t)return;const a=parseInt(t.getAttribute("data-preset"),10),i=this.presets[a];if(!i)return;const r=i.start instanceof Date?i.start:this.parseDate(i.start),s=i.end instanceof Date?i.end:this.parseDate(i.end);r&&s&&(this.presetPreviewStart=r.getTime()<=s.getTime()?r:s,this.presetPreviewEnd=r.getTime()<=s.getTime()?s:r,this.updateCalendarGrid())}handlePresetHoverOut(e){const t=e.relatedTarget;t&&e.currentTarget.contains(t)||(this.presetPreviewStart=null,this.presetPreviewEnd=null,this.updateCalendarGrid())}handleNavigation(e){switch(e){case"prev-month":this.viewDate=new Date(this.viewDate.getFullYear(),this.viewDate.getMonth()-1,1),this.updateCalendarGrid();break;case"next-month":this.viewDate=new Date(this.viewDate.getFullYear(),this.viewDate.getMonth()+1,1),this.updateCalendarGrid();break;case"today":{const e=new Date;this.viewDate=new Date(e.getFullYear(),e.getMonth(),1),this.calendarView="days",this.updateCalendarGrid();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()}}getBestViewDate(e,t){if(2===this.columns)return new Date(e.getFullYear(),e.getMonth(),1);const a=new Map,i=new Date(e);for(;i<=t;){const e=`${i.getFullYear()}-${i.getMonth()}`;a.set(e,(a.get(e)||0)+1),i.setDate(i.getDate()+1)}let r="",s=0;for(const[e,t]of a)t>s&&(s=t,r=e);if(r){const[e,t]=r.split("-").map(Number);return new Date(e,t,1)}return new Date(e.getFullYear(),e.getMonth(),1)}updateInput(){this.input&&(this.input.value=this.getDisplayValue())}updateClearButton(){if(!this.clearButton||!this.clearable)return;const e=(this.startDate||this.endDate)&&!this.disabled&&!this.readonly;this.clearButton.style.display=e?"":"none"}updateCalendarGrid(){this.template()}updateFormValue(){if(this.internals)if(this.name&&(this.start||this.end)){const e=new FormData;e.append(`${this.name}-start`,this.start),e.append(`${this.name}-end`,this.end),this.internals.setFormValue(e)}else this.internals.setFormValue(null)}setupClickOutside(){document.addEventListener("click",e=>{!this.contains(e.target)&&this.showCalendar&&this.close()})}handleStartPropChange(){const e=this.parseDate(this.start);this.startDate=e,e&&(this.viewDate=new Date(e)),this.updateInput(),this.updateClearButton(),this.updateFormValue(),this.showCalendar&&this.updateCalendarGrid()}handleEndPropChange(){const e=this.parseDate(this.end);this.endDate=e,this.updateInput(),this.updateClearButton(),this.updateFormValue(),this.showCalendar&&this.updateCalendarGrid()}handleShowCalendarChange(){this.calendarEl&&(this.showCalendar?(this.calendarEl.removeAttribute("hidden"),this.positionCalendar(),this.calendarEl.classList.add("calendar--open"),"function"==typeof this.calendarEl.showPopover&&this.calendarEl.showPopover(),this.dispatchOpenEvent()):(this.calendarEl.classList.remove("calendar--open"),"function"==typeof this.calendarEl.hidePopover&&this.calendarEl.hidePopover(),this.calendarEl.setAttribute("hidden",""),this.dispatchCloseEvent()))}handleDisabledChange(){this.input&&(this.input.disabled=this.disabled),this.calendarToggle&&(this.calendarToggle.disabled=this.disabled),this.updateClearButton()}handleFormatChange(){this.updateInput()}dispatchChangeEvent(){return{start:this.start,end:this.end,startDate:this.startDate,endDate:this.endDate,startIso:this.startDate?this.startDate.toISOString().split("T")[0]:"",endIso:this.endDate?this.endDate.toISOString().split("T")[0]:"",dateRangePicker:this}}dispatchOpenEvent(){return{dateRangePicker:this}}dispatchCloseEvent(){return{dateRangePicker:this}}dispatchClearEvent(){return{dateRangePicker:this}}dispatchPresetEvent(e){return{label:e,start:this.start,end:this.end,dateRangePicker:this}}dispatchFocusEvent(){return{dateRangePicker:this}}dispatchBlurEvent(){return{dateRangePicker:this}}focus(){this.input?.focus()}blur(){this.input?.blur()}clear(){this.startDate=null,this.endDate=null,this.start="",this.end="",this.selectionPhase="idle",this.hoverDate=null,this.updateInput(),this.updateFormValue(),this.updateClearButton(),this.dispatchClearEvent(),this.dispatchChangeEvent(),this.focus()}open(){this.disabled||this.readonly||(this.showCalendar=!0,this.calendarView="days",this.startDate&&(this.viewDate=new Date(this.startDate)),this.updateCalendarGrid(),this.calendarEl&&(this.calendarEl.removeAttribute("hidden"),this.positionCalendar(),this.calendarEl.classList.add("calendar--open"),"function"==typeof this.calendarEl.showPopover&&this.calendarEl.showPopover()),this.dispatchOpenEvent())}close(){this.showCalendar=!1,"selecting"===this.selectionPhase&&(this.selectionPhase="idle",this.hoverDate=null),this.calendarEl&&(this.calendarEl.classList.remove("calendar--open"),"function"==typeof this.calendarEl.hidePopover&&this.calendarEl.hidePopover(),this.calendarEl.setAttribute("hidden","")),this.dispatchCloseEvent()}positionCalendar(){if(!this.calendarEl||CSS.supports("position-anchor","--a"))return;const e=this.shadowRoot?.querySelector(".input-container");if(!e)return;const t=e.getBoundingClientRect();this.calendarEl.style.top=`${t.bottom+2}px`,this.calendarEl.style.left=`${t.left}px`,this.calendarEl.style.minWidth=`${t.width}px`}selectRange(e,t){let a=e,i=t;if(a.getTime()>i.getTime()){const e=a;a=i,i=e}this.startDate=a,this.endDate=i,this.start=this.formatDate(a),this.end=this.formatDate(i),this.selectionPhase="idle",this.hoverDate=null,this.viewDate=this.getBestViewDate(a,i),this.updateInput(),this.updateFormValue(),this.updateClearButton(),this.updateCalendarGrid(),this.dispatchChangeEvent()}checkValidity(){return this.input?.checkValidity()??!0}reportValidity(){return this.input?.reportValidity()??!0}setCustomValidity(e){this.input?.setCustomValidity(e)}},r})();return e.SniceDateRangePicker=r,e}({},Snice);
+      `)}return c}parseInitialValues(){if(this.start){const e=this.parseDate(this.start);e&&(this.startDate=e,this.viewDate=new Date(e))}if(this.end){const e=this.parseDate(this.end);e&&(this.endDate=e)}}handleInputClick(e){this.showCalendar||this.disabled||this.readonly||this.open()}handleKeydown(e){"Enter"===e.key||" "===e.key?(e.preventDefault(),this.showCalendar||this.open()):"Escape"===e.key&&this.showCalendar&&(this.close(),this.focus())}handleCalendarToggle(e){this.showCalendar?this.close():this.open()}handleCalendarClick(e){e.stopPropagation();const t=e.target,a=t.closest("[data-year]");if(a){const e=parseInt(a.getAttribute("data-year"),10);return this.viewDate=new Date(e,this.viewDate.getMonth(),1),this.calendarView="days",void this.updateCalendarGrid()}const i=t.closest("[data-date]");if(i){const e=i.getAttribute("data-date");if(e){const[t,a,i]=e.split("-").map(Number);this.handleDaySelect(new Date(t,a-1,i))}return}const r=t.closest("[data-preset]");if(r){const e=parseInt(r.getAttribute("data-preset"),10);return void(this.presets[e]&&this.handlePresetSelect(this.presets[e]))}const s=t.closest("[data-nav]");s&&this.handleNavigation(s.getAttribute("data-nav"))}handleDaySelect(e){if("idle"===this.selectionPhase)this.startDate=e,this.endDate=null,this.selectionPhase="selecting",this.start=this.formatDate(e),this.end="",this.updateInput(),this.updateCalendarGrid();else{if(e.getTime()<this.startDate.getTime())return this.startDate=e,this.start=this.formatDate(e),this.updateInput(),void this.updateCalendarGrid();this.endDate=e,this.end=this.formatDate(e),this.selectionPhase="idle",this.hoverDate=null,this.updateInput(),this.updateFormValue(),this.updateClearButton(),this.dispatchChangeEvent(),this.close()}}handlePresetSelect(e){const t=e.start instanceof Date?e.start:this.parseDate(e.start),a=e.end instanceof Date?e.end:this.parseDate(e.end);t&&a&&(this.presetPreviewStart=null,this.presetPreviewEnd=null,this.selectRange(t,a),this.dispatchPresetEvent(e.label),this.close())}handleDayHover(e){if("selecting"!==this.selectionPhase)return;const t=e.target.closest("[data-date]");if(t){const e=t.getAttribute("data-date");if(e){const[t,a,i]=e.split("-").map(Number);this.hoverDate=new Date(t,a-1,i),this.updateCalendarGrid()}}}handleCalendarMouseOut(){"selecting"===this.selectionPhase&&this.hoverDate&&(this.hoverDate=null,this.updateCalendarGrid())}handlePresetHover(e){const t=e.target.closest("[data-preset]");if(!t)return;const a=parseInt(t.getAttribute("data-preset"),10),i=this.presets[a];if(!i)return;const r=i.start instanceof Date?i.start:this.parseDate(i.start),s=i.end instanceof Date?i.end:this.parseDate(i.end);r&&s&&(this.presetPreviewStart=r.getTime()<=s.getTime()?r:s,this.presetPreviewEnd=r.getTime()<=s.getTime()?s:r,this.updateCalendarGrid())}handlePresetHoverOut(e){const t=e.relatedTarget;t&&e.currentTarget.contains(t)||(this.presetPreviewStart=null,this.presetPreviewEnd=null,this.updateCalendarGrid())}handleNavigation(e){switch(e){case"prev-month":this.viewDate=new Date(this.viewDate.getFullYear(),this.viewDate.getMonth()-1,1),this.updateCalendarGrid();break;case"next-month":this.viewDate=new Date(this.viewDate.getFullYear(),this.viewDate.getMonth()+1,1),this.updateCalendarGrid();break;case"today":{const e=new Date;this.viewDate=new Date(e.getFullYear(),e.getMonth(),1),this.calendarView="days",this.updateCalendarGrid();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()}}getBestViewDate(e,t){if(2===this.columns)return new Date(e.getFullYear(),e.getMonth(),1);const a=new Map,i=new Date(e);for(;i<=t;){const e=`${i.getFullYear()}-${i.getMonth()}`;a.set(e,(a.get(e)||0)+1),i.setDate(i.getDate()+1)}let r="",s=0;for(const[e,t]of a)t>s&&(s=t,r=e);if(r){const[e,t]=r.split("-").map(Number);return new Date(e,t,1)}return new Date(e.getFullYear(),e.getMonth(),1)}updateInput(){this.input&&(this.input.value=this.getDisplayValue())}updateClearButton(){if(!this.clearButton||!this.clearable)return;const e=(this.startDate||this.endDate)&&!this.disabled&&!this.readonly;this.clearButton.style.display=e?"":"none"}updateCalendarGrid(){this.template()}updateFormValue(){if(this.internals)if(this.name&&(this.start||this.end)){const e=new FormData;e.append(`${this.name}-start`,this.start),e.append(`${this.name}-end`,this.end),this.internals.setFormValue(e)}else this.internals.setFormValue(null)}setupClickOutside(){document.addEventListener("click",e=>{if(!this.showCalendar)return;e.composedPath().includes(this)||this.close()})}handleStartPropChange(){const e=this.parseDate(this.start);this.startDate=e,e&&(this.viewDate=new Date(e)),this.updateInput(),this.updateClearButton(),this.updateFormValue(),this.showCalendar&&this.updateCalendarGrid()}handleEndPropChange(){const e=this.parseDate(this.end);this.endDate=e,this.updateInput(),this.updateClearButton(),this.updateFormValue(),this.showCalendar&&this.updateCalendarGrid()}handleShowCalendarChange(){this.calendarEl&&(this.showCalendar?(this.calendarEl.removeAttribute("hidden"),this.positionCalendar(),this.calendarEl.classList.add("calendar--open"),"function"==typeof this.calendarEl.showPopover&&this.calendarEl.showPopover(),this.dispatchOpenEvent()):(this.calendarEl.classList.remove("calendar--open"),"function"==typeof this.calendarEl.hidePopover&&this.calendarEl.hidePopover(),this.calendarEl.setAttribute("hidden",""),this.dispatchCloseEvent()))}handleDisabledChange(){this.input&&(this.input.disabled=this.disabled),this.calendarToggle&&(this.calendarToggle.disabled=this.disabled),this.updateClearButton()}handleFormatChange(){this.updateInput()}dispatchChangeEvent(){return{start:this.start,end:this.end,startDate:this.startDate,endDate:this.endDate,startIso:this.startDate?this.startDate.toISOString().split("T")[0]:"",endIso:this.endDate?this.endDate.toISOString().split("T")[0]:"",dateRangePicker:this}}dispatchOpenEvent(){return{dateRangePicker:this}}dispatchCloseEvent(){return{dateRangePicker:this}}dispatchClearEvent(){return{dateRangePicker:this}}dispatchPresetEvent(e){return{label:e,start:this.start,end:this.end,dateRangePicker:this}}dispatchFocusEvent(){return{dateRangePicker:this}}dispatchBlurEvent(){return{dateRangePicker:this}}focus(){this.input?.focus()}blur(){this.input?.blur()}clear(){this.startDate=null,this.endDate=null,this.start="",this.end="",this.selectionPhase="idle",this.hoverDate=null,this.updateInput(),this.updateFormValue(),this.updateClearButton(),this.dispatchClearEvent(),this.dispatchChangeEvent(),this.focus()}open(){this.disabled||this.readonly||(this.showCalendar=!0,this.calendarView="days",this.startDate&&(this.viewDate=new Date(this.startDate)),this.updateCalendarGrid(),this.calendarEl&&(this.calendarEl.removeAttribute("hidden"),this.positionCalendar(),this.calendarEl.classList.add("calendar--open"),"function"==typeof this.calendarEl.showPopover&&this.calendarEl.showPopover()),this.dispatchOpenEvent())}close(){this.showCalendar=!1,"selecting"===this.selectionPhase&&(this.selectionPhase="idle",this.hoverDate=null),this.calendarEl&&(this.calendarEl.classList.remove("calendar--open"),"function"==typeof this.calendarEl.hidePopover&&this.calendarEl.hidePopover(),this.calendarEl.setAttribute("hidden","")),this.dispatchCloseEvent()}positionCalendar(){if(!this.calendarEl||CSS.supports("position-anchor","--a"))return;const e=this.shadowRoot?.querySelector(".input-container");if(!e)return;const t=e.getBoundingClientRect();this.calendarEl.style.top=`${t.bottom+2}px`,this.calendarEl.style.left=`${t.left}px`,this.calendarEl.style.minWidth=`${t.width}px`}selectRange(e,t){let a=e,i=t;if(a.getTime()>i.getTime()){const e=a;a=i,i=e}this.startDate=a,this.endDate=i,this.start=this.formatDate(a),this.end=this.formatDate(i),this.selectionPhase="idle",this.hoverDate=null,this.viewDate=this.getBestViewDate(a,i),this.updateInput(),this.updateFormValue(),this.updateClearButton(),this.updateCalendarGrid(),this.dispatchChangeEvent()}checkValidity(){return this.input?.checkValidity()??!0}reportValidity(){return this.input?.reportValidity()??!0}setCustomValidity(e){this.input?.setCustomValidity(e)}},r})();return e.SniceDateRangePicker=r,e}({},Snice);
 //# sourceMappingURL=snice-date-range-picker.min.js.map