snice 4.14.0 → 4.16.0

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

@@ -1,10 +1,10 @@
 /*!
- * snice v4.13.0
+ * snice v4.15.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.
  */
-void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-date-picker.min.js");var SniceDatePicker=function(e,t){"use strict";function a(e,t,a,i,s,n){function r(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var l,d=i.kind,o="getter"===d?"get":"setter"===d?"set":"value",c=!t&&e?i.static?e:e.prototype:null,h=t||(c?Object.getOwnPropertyDescriptor(c,i.name):{}),u=!1,p=a.length-1;p>=0;p--){var m={};for(var v in i)m[v]="access"===v?{}:i[v];for(var v in i.access)m.access[v]=i.access[v];m.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");n.push(r(e||null))};var g=(0,a[p])("accessor"===d?{get:h.get,set:h.set}:h[o],m);if("accessor"===d){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(l=r(g.get))&&(h.get=l),(l=r(g.set))&&(h.set=l),(l=r(g.init))&&s.unshift(l)}else(l=r(g))&&("field"===d?s.unshift(l):h[o]=l)}c&&Object.defineProperty(c,i.name,h),u=!0}function i(e,t,a){for(var i=arguments.length>2,s=0;s<t.length;s++)a=i?t[s].call(e,a):t[s].call(e);return i?a:void 0}"function"==typeof SuppressedError&&SuppressedError;let s=(()=>{let e,s,n,r,l,d,o,c,h,u,p,m,v,g,y,b,f,k,w,D,x,C,$,E,B,T,S,z,M,Y,V,F,I,O,N,q,P,j,L,A,G,H,W,R,J=[t.element("snice-date-picker")],K=[],Z=HTMLElement,U=[],X=[],Q=[],_=[],ee=[],te=[],ae=[],ie=[],se=[],ne=[],re=[],le=[],de=[],oe=[],ce=[],he=[],ue=[],pe=[],me=[],ve=[],ge=[],ye=[],be=[],fe=[],ke=[],we=[],De=[],xe=[],Ce=[],$e=[],Ee=[],Be=[],Te=[],Se=[],ze=[],Me=[],Ye=[],Ve=[],Fe=[],Ie=[],Oe=[],Ne=[],qe=[],Pe=[],je=[],Le=[],Ae=[],Ge=[],He=[],We=[],Re=[];return class extends Z{static{s=this}constructor(){super(...arguments),this.size=(i(this,U),i(this,X,"medium")),this.variant=(i(this,Q),i(this,_,"outlined")),this.value=(i(this,ee),i(this,te,"")),this.inputValue=(i(this,ae),""),this.format=i(this,ie,"mm/dd/yyyy"),this.placeholder=(i(this,se),i(this,ne,"")),this.label=(i(this,re),i(this,le,"")),this.helperText=(i(this,de),i(this,oe,"")),this.errorText=(i(this,ce),i(this,he,"")),this.disabled=(i(this,ue),i(this,pe,!1)),this.readonly=(i(this,me),i(this,ve,!1)),this.loading=(i(this,ge),i(this,ye,!1)),this.required=(i(this,be),i(this,fe,!1)),this.invalid=(i(this,ke),i(this,we,!1)),this.clearable=(i(this,De),i(this,xe,!1)),this.min=(i(this,Ce),i(this,$e,"")),this.max=(i(this,Ee),i(this,Be,"")),this.name=(i(this,Te),i(this,Se,"")),this.showCalendar=(i(this,ze),i(this,Me,!1)),this.firstDayOfWeek=(i(this,Ye),i(this,Ve,0)),this.input=(i(this,Fe),i(this,Ie,void 0)),this.calendar=(i(this,Oe),i(this,Ne,void 0)),this.clearButton=(i(this,qe),i(this,Pe,void 0)),this.calendarToggle=(i(this,je),i(this,Le,void 0)),this.selectedDayButton=(i(this,Ae),i(this,Ge,void 0)),this.firstDayButton=(i(this,He),i(this,We,void 0)),this.selectedDate=(i(this,Re),null),this.viewDate=new Date,this.monthNames=["January","February","March","April","May","June","July","August","September","October","November","December"],this.dayNames=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]}static{const Je="function"==typeof Symbol&&Symbol.metadata?Object.create(Z[Symbol.metadata]??null):void 0;n=[t.property({})],r=[t.property({})],l=[t.property({})],d=[t.property({})],o=[t.property({})],c=[t.property({})],h=[t.property({attribute:"helper-text"})],u=[t.property({attribute:"error-text"})],p=[t.property({type:Boolean})],m=[t.property({type:Boolean})],v=[t.property({type:Boolean})],g=[t.property({type:Boolean})],y=[t.property({type:Boolean})],b=[t.property({type:Boolean})],f=[t.property({})],k=[t.property({})],w=[t.property({})],D=[t.property({type:Boolean,attribute:"show-calendar"})],x=[t.property({type:Number,attribute:"first-day-of-week"})],C=[t.query(".input")],$=[t.query(".calendar")],E=[t.query(".clear-button")],B=[t.query(".calendar-toggle")],T=[t.query(".day--selected")],S=[t.query(".day:not(.day--empty):not(.day--disabled)")],z=[t.styles()],M=[t.render()],Y=[t.ready()],V=[t.watch("value")],F=[t.watch("show-calendar")],I=[t.watch("disabled")],O=[t.watch("readonly")],N=[t.watch("invalid")],q=[t.watch("format")],P=[t.dispatch("datepicker-input",{bubbles:!0,composed:!0})],j=[t.dispatch("datepicker-change",{bubbles:!0,composed:!0})],L=[t.dispatch("datepicker-focus",{bubbles:!0,composed:!0})],A=[t.dispatch("datepicker-blur",{bubbles:!0,composed:!0})],G=[t.dispatch("datepicker-open",{bubbles:!0,composed:!0})],H=[t.dispatch("datepicker-close",{bubbles:!0,composed:!0})],W=[t.dispatch("datepicker-clear",{bubbles:!0,composed:!0})],R=[t.dispatch("datepicker-select",{bubbles:!0,composed:!0})],a(this,null,z,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:Je},null,U),a(this,null,M,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:Je},null,U),a(this,null,Y,{kind:"method",name:"init",static:!1,private:!1,access:{has:e=>"init"in e,get:e=>e.init},metadata:Je},null,U),a(this,null,V,{kind:"method",name:"handleValueChange",static:!1,private:!1,access:{has:e=>"handleValueChange"in e,get:e=>e.handleValueChange},metadata:Je},null,U),a(this,null,F,{kind:"method",name:"handleShowCalendarChange",static:!1,private:!1,access:{has:e=>"handleShowCalendarChange"in e,get:e=>e.handleShowCalendarChange},metadata:Je},null,U),a(this,null,I,{kind:"method",name:"handleDisabledChange",static:!1,private:!1,access:{has:e=>"handleDisabledChange"in e,get:e=>e.handleDisabledChange},metadata:Je},null,U),a(this,null,O,{kind:"method",name:"handleReadonlyChange",static:!1,private:!1,access:{has:e=>"handleReadonlyChange"in e,get:e=>e.handleReadonlyChange},metadata:Je},null,U),a(this,null,N,{kind:"method",name:"handleInvalidChange",static:!1,private:!1,access:{has:e=>"handleInvalidChange"in e,get:e=>e.handleInvalidChange},metadata:Je},null,U),a(this,null,q,{kind:"method",name:"handleFormatChange",static:!1,private:!1,access:{has:e=>"handleFormatChange"in e,get:e=>e.handleFormatChange},metadata:Je},null,U),a(this,null,P,{kind:"method",name:"dispatchInputEvent",static:!1,private:!1,access:{has:e=>"dispatchInputEvent"in e,get:e=>e.dispatchInputEvent},metadata:Je},null,U),a(this,null,j,{kind:"method",name:"dispatchChangeEvent",static:!1,private:!1,access:{has:e=>"dispatchChangeEvent"in e,get:e=>e.dispatchChangeEvent},metadata:Je},null,U),a(this,null,L,{kind:"method",name:"dispatchFocusEvent",static:!1,private:!1,access:{has:e=>"dispatchFocusEvent"in e,get:e=>e.dispatchFocusEvent},metadata:Je},null,U),a(this,null,A,{kind:"method",name:"dispatchBlurEvent",static:!1,private:!1,access:{has:e=>"dispatchBlurEvent"in e,get:e=>e.dispatchBlurEvent},metadata:Je},null,U),a(this,null,G,{kind:"method",name:"dispatchOpenEvent",static:!1,private:!1,access:{has:e=>"dispatchOpenEvent"in e,get:e=>e.dispatchOpenEvent},metadata:Je},null,U),a(this,null,H,{kind:"method",name:"dispatchCloseEvent",static:!1,private:!1,access:{has:e=>"dispatchCloseEvent"in e,get:e=>e.dispatchCloseEvent},metadata:Je},null,U),a(this,null,W,{kind:"method",name:"dispatchClearEvent",static:!1,private:!1,access:{has:e=>"dispatchClearEvent"in e,get:e=>e.dispatchClearEvent},metadata:Je},null,U),a(this,null,R,{kind:"method",name:"dispatchSelectEvent",static:!1,private:!1,access:{has:e=>"dispatchSelectEvent"in e,get:e=>e.dispatchSelectEvent},metadata:Je},null,U),a(null,null,n,{kind:"field",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:Je},X,Q),a(null,null,r,{kind:"field",name:"variant",static:!1,private:!1,access:{has:e=>"variant"in e,get:e=>e.variant,set:(e,t)=>{e.variant=t}},metadata:Je},_,ee),a(null,null,l,{kind:"field",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:Je},te,ae),a(null,null,d,{kind:"field",name:"format",static:!1,private:!1,access:{has:e=>"format"in e,get:e=>e.format,set:(e,t)=>{e.format=t}},metadata:Je},ie,se),a(null,null,o,{kind:"field",name:"placeholder",static:!1,private:!1,access:{has:e=>"placeholder"in e,get:e=>e.placeholder,set:(e,t)=>{e.placeholder=t}},metadata:Je},ne,re),a(null,null,c,{kind:"field",name:"label",static:!1,private:!1,access:{has:e=>"label"in e,get:e=>e.label,set:(e,t)=>{e.label=t}},metadata:Je},le,de),a(null,null,h,{kind:"field",name:"helperText",static:!1,private:!1,access:{has:e=>"helperText"in e,get:e=>e.helperText,set:(e,t)=>{e.helperText=t}},metadata:Je},oe,ce),a(null,null,u,{kind:"field",name:"errorText",static:!1,private:!1,access:{has:e=>"errorText"in e,get:e=>e.errorText,set:(e,t)=>{e.errorText=t}},metadata:Je},he,ue),a(null,null,p,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:Je},pe,me),a(null,null,m,{kind:"field",name:"readonly",static:!1,private:!1,access:{has:e=>"readonly"in e,get:e=>e.readonly,set:(e,t)=>{e.readonly=t}},metadata:Je},ve,ge),a(null,null,v,{kind:"field",name:"loading",static:!1,private:!1,access:{has:e=>"loading"in e,get:e=>e.loading,set:(e,t)=>{e.loading=t}},metadata:Je},ye,be),a(null,null,g,{kind:"field",name:"required",static:!1,private:!1,access:{has:e=>"required"in e,get:e=>e.required,set:(e,t)=>{e.required=t}},metadata:Je},fe,ke),a(null,null,y,{kind:"field",name:"invalid",static:!1,private:!1,access:{has:e=>"invalid"in e,get:e=>e.invalid,set:(e,t)=>{e.invalid=t}},metadata:Je},we,De),a(null,null,b,{kind:"field",name:"clearable",static:!1,private:!1,access:{has:e=>"clearable"in e,get:e=>e.clearable,set:(e,t)=>{e.clearable=t}},metadata:Je},xe,Ce),a(null,null,f,{kind:"field",name:"min",static:!1,private:!1,access:{has:e=>"min"in e,get:e=>e.min,set:(e,t)=>{e.min=t}},metadata:Je},$e,Ee),a(null,null,k,{kind:"field",name:"max",static:!1,private:!1,access:{has:e=>"max"in e,get:e=>e.max,set:(e,t)=>{e.max=t}},metadata:Je},Be,Te),a(null,null,w,{kind:"field",name:"name",static:!1,private:!1,access:{has:e=>"name"in e,get:e=>e.name,set:(e,t)=>{e.name=t}},metadata:Je},Se,ze),a(null,null,D,{kind:"field",name:"showCalendar",static:!1,private:!1,access:{has:e=>"showCalendar"in e,get:e=>e.showCalendar,set:(e,t)=>{e.showCalendar=t}},metadata:Je},Me,Ye),a(null,null,x,{kind:"field",name:"firstDayOfWeek",static:!1,private:!1,access:{has:e=>"firstDayOfWeek"in e,get:e=>e.firstDayOfWeek,set:(e,t)=>{e.firstDayOfWeek=t}},metadata:Je},Ve,Fe),a(null,null,C,{kind:"field",name:"input",static:!1,private:!1,access:{has:e=>"input"in e,get:e=>e.input,set:(e,t)=>{e.input=t}},metadata:Je},Ie,Oe),a(null,null,$,{kind:"field",name:"calendar",static:!1,private:!1,access:{has:e=>"calendar"in e,get:e=>e.calendar,set:(e,t)=>{e.calendar=t}},metadata:Je},Ne,qe),a(null,null,E,{kind:"field",name:"clearButton",static:!1,private:!1,access:{has:e=>"clearButton"in e,get:e=>e.clearButton,set:(e,t)=>{e.clearButton=t}},metadata:Je},Pe,je),a(null,null,B,{kind:"field",name:"calendarToggle",static:!1,private:!1,access:{has:e=>"calendarToggle"in e,get:e=>e.calendarToggle,set:(e,t)=>{e.calendarToggle=t}},metadata:Je},Le,Ae),a(null,null,T,{kind:"field",name:"selectedDayButton",static:!1,private:!1,access:{has:e=>"selectedDayButton"in e,get:e=>e.selectedDayButton,set:(e,t)=>{e.selectedDayButton=t}},metadata:Je},Ge,He),a(null,null,S,{kind:"field",name:"firstDayButton",static:!1,private:!1,access:{has:e=>"firstDayButton"in e,get:e=>e.firstDayButton,set:(e,t)=>{e.firstDayButton=t}},metadata:Je},We,Re),a(null,e={value:s},J,{kind:"class",name:s.name,metadata:Je},null,K),s=e.value,Je&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:Je}),i(s,K)}styles(){return t.css`${":host{display:block;position:relative;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);font-size:var(--snice-font-size-sm, 14px);line-height:var(--snice-line-height-normal, 1.4);min-height:40px}.date-picker-wrapper{display:flex;flex-direction:column;gap:.5rem}.label{font-weight:var(--snice-font-weight-medium,500);color:var(--snice-color-text);margin-bottom:var(--snice-spacing-2xs,.25rem)}.label--required::after{content:'*';color:var(--snice-color-danger);margin-left:var(--snice-spacing-2xs,.25rem)}.input-container{position:relative;display:flex;align-items:center}.input{width:100%;border:1px solid var(--snice-color-border);border-radius:var(--snice-border-radius-lg,6px);padding:var(--snice-spacing-xs,.5rem) 3rem var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);font-size:inherit;line-height:var(--snice-line-height-normal, 1.5);background:var(--snice-color-background-input);color:var(--snice-color-text);transition:border-color var(--snice-transition-fast, .15s) ease,box-shadow var(--snice-transition-fast, .15s) ease}.input:focus{outline:0;border-color:var(--snice-color-border-focus);box-shadow:0 0 0 var(--snice-focus-ring-width,3px) var(--snice-focus-ring-color)}.input--small{padding:.375rem 2.75rem .375rem .625rem;font-size:.875rem}.input--large{padding:.75rem 3.5rem .75rem 1rem;font-size:1rem}.input--filled{background:var(--snice-color-background-secondary);border:1px solid transparent}.input--underlined{border:none;border-bottom:1px solid var(--snice-color-border);border-radius:0;background:0 0;padding-left:0}.input--invalid{border-color:var(--snice-color-danger)}.input--invalid:focus{border-color:var(--snice-color-danger);box-shadow:0 0 0 3px var(--snice-color-danger-alpha,hsl(var(--snice-color-red-500) / .1))}.input:disabled{background:var(--snice-color-background-secondary);color:var(--snice-color-text-tertiary);cursor:not-allowed}.input:not(:disabled):not([readonly]){cursor:pointer}.calendar-toggle,.clear-button{position:absolute;padding:.25rem;border:none;background:0 0;color:var(--snice-color-text-secondary);cursor:pointer;border-radius:4px;transition:color .15s,background-color .15s}.calendar-toggle{right:.5rem}.clear-button{right:2.5rem}.calendar-toggle:hover,.clear-button:hover{color:var(--snice-color-text);background:var(--snice-color-background-tertiary)}.calendar-toggle:disabled,.clear-button:disabled{opacity:.5;cursor:not-allowed}.input--loading{cursor:wait}.spinner{position:absolute;right:3rem;width:1em;height:1em;pointer-events:none}.spinner::after{content:'';display:block;width:100%;height:100%;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.calendar{position:absolute;top:100%;left:0;right:0;z-index:var(--snice-z-index-dropdown,1000);background:var(--snice-color-background-element);border:1px solid var(--snice-color-border);border-radius:var(--snice-border-radius-lg,8px);box-shadow:var(--snice-shadow-lg);margin-top:var(--snice-spacing-3xs,.125rem);padding:var(--snice-spacing-md,1rem);min-width:280px}.calendar[hidden]{display:none}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.calendar-title{flex:1;text-align:center}.month-button{background:0 0;border:none;font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text);cursor:pointer;padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-xs,.5rem);border-radius:var(--snice-border-radius-md,4px);transition:background-color var(--snice-transition-fast, .15s) ease}.month-button:hover{background:var(--snice-color-background-tertiary)}.nav-button{background:0 0;border:none;padding:.5rem;cursor:pointer;color:var(--snice-color-text-secondary);border-radius:4px;transition:color .15s,background-color .15s}.nav-button:hover{color:var(--snice-color-text);background:var(--snice-color-background-tertiary)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.weekday{text-align:center;font-size:.75rem;font-weight:600;color:var(--snice-color-text-secondary);padding:.5rem .25rem}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.day{width:32px;height:32px;border:none;background:0 0;cursor:pointer;border-radius:var(--snice-border-radius-md,4px);font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text);transition:background-color var(--snice-transition-fast, .15s) ease,color var(--snice-transition-fast, .15s) ease;display:flex;align-items:center;justify-content:center}.day:hover:not(.day--disabled){background:var(--snice-color-background-tertiary)}.day--today{background:var(--snice-color-primary-subtle);color:var(--snice-color-primary);font-weight:var(--snice-font-weight-semibold,600)}.day--selected{background:var(--snice-color-primary);color:var(--snice-color-text-inverse);font-weight:var(--snice-font-weight-semibold,600)}.day--disabled{color:var(--snice-color-text-disabled);cursor:not-allowed}.day--empty{cursor:default}.calendar-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--snice-color-border);display:flex;justify-content:center}.error-text,.helper-text{font-size:var(--snice-font-size-sm, .875rem);margin-top:var(--snice-spacing-2xs,.25rem)}.helper-text{color:var(--snice-color-text-secondary)}.error-text{color:var(--snice-color-danger)}:host([size=small]) .calendar{min-width:240px;padding:.75rem}:host([size=small]) .day{width:28px;height:28px;font-size:.8125rem}:host([size=large]) .calendar{min-width:320px;padding:1.25rem}:host([size=large]) .day{width:36px;height:36px;font-size:.9375rem}@media (max-width:640px){.calendar{left:50%;right:auto;transform:translateX(-50%);min-width:280px}}"}`}render(){const e=["label",this.required?"label--required":""].filter(Boolean).join(" "),a=["input",`input--${this.size}`,`input--${this.variant}`,this.invalid?"input--invalid":"",this.clearable?"input--clearable":"",this.loading?"input--loading":""].filter(Boolean).join(" ");return t.html`
+void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-date-picker.min.js");var SniceDatePicker=function(e,t){"use strict";function a(e,t,a,i,s,n){function r(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var l,d=i.kind,o="getter"===d?"get":"setter"===d?"set":"value",c=!t&&e?i.static?e:e.prototype:null,h=t||(c?Object.getOwnPropertyDescriptor(c,i.name):{}),u=!1,p=a.length-1;p>=0;p--){var m={};for(var v in i)m[v]="access"===v?{}:i[v];for(var v in i.access)m.access[v]=i.access[v];m.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");n.push(r(e||null))};var g=(0,a[p])("accessor"===d?{get:h.get,set:h.set}:h[o],m);if("accessor"===d){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(l=r(g.get))&&(h.get=l),(l=r(g.set))&&(h.set=l),(l=r(g.init))&&s.unshift(l)}else(l=r(g))&&("field"===d?s.unshift(l):h[o]=l)}c&&Object.defineProperty(c,i.name,h),u=!0}function i(e,t,a){for(var i=arguments.length>2,s=0;s<t.length;s++)a=i?t[s].call(e,a):t[s].call(e);return i?a:void 0}"function"==typeof SuppressedError&&SuppressedError;let s=(()=>{let e,s,n,r,l,d,o,c,h,u,p,m,v,g,y,b,f,k,w,D,x,C,$,E,B,T,S,z,M,V,Y,F,I,O,N,q,P,j,A,L,G,H,W,R,J=[t.element("snice-date-picker",{formAssociated:!0})],K=[],Z=HTMLElement,U=[],X=[],Q=[],_=[],ee=[],te=[],ae=[],ie=[],se=[],ne=[],re=[],le=[],de=[],oe=[],ce=[],he=[],ue=[],pe=[],me=[],ve=[],ge=[],ye=[],be=[],fe=[],ke=[],we=[],De=[],xe=[],Ce=[],$e=[],Ee=[],Be=[],Te=[],Se=[],ze=[],Me=[],Ve=[],Ye=[],Fe=[],Ie=[],Oe=[],Ne=[],qe=[],Pe=[],je=[],Ae=[],Le=[],Ge=[],He=[],We=[],Re=[];return class extends Z{static{s=this}static{const Je="function"==typeof Symbol&&Symbol.metadata?Object.create(Z[Symbol.metadata]??null):void 0;n=[t.property({})],r=[t.property({})],l=[t.property({})],d=[t.property({})],o=[t.property({})],c=[t.property({})],h=[t.property({attribute:"helper-text"})],u=[t.property({attribute:"error-text"})],p=[t.property({type:Boolean})],m=[t.property({type:Boolean})],v=[t.property({type:Boolean})],g=[t.property({type:Boolean})],y=[t.property({type:Boolean})],b=[t.property({type:Boolean})],f=[t.property({})],k=[t.property({})],w=[t.property({})],D=[t.property({type:Boolean,attribute:"show-calendar"})],x=[t.property({type:Number,attribute:"first-day-of-week"})],C=[t.query(".input")],$=[t.query(".calendar")],E=[t.query(".clear-button")],B=[t.query(".calendar-toggle")],T=[t.query(".day--selected")],S=[t.query(".day:not(.day--empty):not(.day--disabled)")],z=[t.styles()],M=[t.render()],V=[t.ready()],Y=[t.watch("value")],F=[t.watch("show-calendar")],I=[t.watch("disabled")],O=[t.watch("readonly")],N=[t.watch("invalid")],q=[t.watch("format")],P=[t.dispatch("datepicker-input",{bubbles:!0,composed:!0})],j=[t.dispatch("datepicker-change",{bubbles:!0,composed:!0})],A=[t.dispatch("datepicker-focus",{bubbles:!0,composed:!0})],L=[t.dispatch("datepicker-blur",{bubbles:!0,composed:!0})],G=[t.dispatch("datepicker-open",{bubbles:!0,composed:!0})],H=[t.dispatch("datepicker-close",{bubbles:!0,composed:!0})],W=[t.dispatch("datepicker-clear",{bubbles:!0,composed:!0})],R=[t.dispatch("datepicker-select",{bubbles:!0,composed:!0})],a(this,null,z,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:Je},null,U),a(this,null,M,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:Je},null,U),a(this,null,V,{kind:"method",name:"init",static:!1,private:!1,access:{has:e=>"init"in e,get:e=>e.init},metadata:Je},null,U),a(this,null,Y,{kind:"method",name:"handleValueChange",static:!1,private:!1,access:{has:e=>"handleValueChange"in e,get:e=>e.handleValueChange},metadata:Je},null,U),a(this,null,F,{kind:"method",name:"handleShowCalendarChange",static:!1,private:!1,access:{has:e=>"handleShowCalendarChange"in e,get:e=>e.handleShowCalendarChange},metadata:Je},null,U),a(this,null,I,{kind:"method",name:"handleDisabledChange",static:!1,private:!1,access:{has:e=>"handleDisabledChange"in e,get:e=>e.handleDisabledChange},metadata:Je},null,U),a(this,null,O,{kind:"method",name:"handleReadonlyChange",static:!1,private:!1,access:{has:e=>"handleReadonlyChange"in e,get:e=>e.handleReadonlyChange},metadata:Je},null,U),a(this,null,N,{kind:"method",name:"handleInvalidChange",static:!1,private:!1,access:{has:e=>"handleInvalidChange"in e,get:e=>e.handleInvalidChange},metadata:Je},null,U),a(this,null,q,{kind:"method",name:"handleFormatChange",static:!1,private:!1,access:{has:e=>"handleFormatChange"in e,get:e=>e.handleFormatChange},metadata:Je},null,U),a(this,null,P,{kind:"method",name:"dispatchInputEvent",static:!1,private:!1,access:{has:e=>"dispatchInputEvent"in e,get:e=>e.dispatchInputEvent},metadata:Je},null,U),a(this,null,j,{kind:"method",name:"dispatchChangeEvent",static:!1,private:!1,access:{has:e=>"dispatchChangeEvent"in e,get:e=>e.dispatchChangeEvent},metadata:Je},null,U),a(this,null,A,{kind:"method",name:"dispatchFocusEvent",static:!1,private:!1,access:{has:e=>"dispatchFocusEvent"in e,get:e=>e.dispatchFocusEvent},metadata:Je},null,U),a(this,null,L,{kind:"method",name:"dispatchBlurEvent",static:!1,private:!1,access:{has:e=>"dispatchBlurEvent"in e,get:e=>e.dispatchBlurEvent},metadata:Je},null,U),a(this,null,G,{kind:"method",name:"dispatchOpenEvent",static:!1,private:!1,access:{has:e=>"dispatchOpenEvent"in e,get:e=>e.dispatchOpenEvent},metadata:Je},null,U),a(this,null,H,{kind:"method",name:"dispatchCloseEvent",static:!1,private:!1,access:{has:e=>"dispatchCloseEvent"in e,get:e=>e.dispatchCloseEvent},metadata:Je},null,U),a(this,null,W,{kind:"method",name:"dispatchClearEvent",static:!1,private:!1,access:{has:e=>"dispatchClearEvent"in e,get:e=>e.dispatchClearEvent},metadata:Je},null,U),a(this,null,R,{kind:"method",name:"dispatchSelectEvent",static:!1,private:!1,access:{has:e=>"dispatchSelectEvent"in e,get:e=>e.dispatchSelectEvent},metadata:Je},null,U),a(null,null,n,{kind:"field",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:Je},X,Q),a(null,null,r,{kind:"field",name:"variant",static:!1,private:!1,access:{has:e=>"variant"in e,get:e=>e.variant,set:(e,t)=>{e.variant=t}},metadata:Je},_,ee),a(null,null,l,{kind:"field",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:Je},te,ae),a(null,null,d,{kind:"field",name:"format",static:!1,private:!1,access:{has:e=>"format"in e,get:e=>e.format,set:(e,t)=>{e.format=t}},metadata:Je},ie,se),a(null,null,o,{kind:"field",name:"placeholder",static:!1,private:!1,access:{has:e=>"placeholder"in e,get:e=>e.placeholder,set:(e,t)=>{e.placeholder=t}},metadata:Je},ne,re),a(null,null,c,{kind:"field",name:"label",static:!1,private:!1,access:{has:e=>"label"in e,get:e=>e.label,set:(e,t)=>{e.label=t}},metadata:Je},le,de),a(null,null,h,{kind:"field",name:"helperText",static:!1,private:!1,access:{has:e=>"helperText"in e,get:e=>e.helperText,set:(e,t)=>{e.helperText=t}},metadata:Je},oe,ce),a(null,null,u,{kind:"field",name:"errorText",static:!1,private:!1,access:{has:e=>"errorText"in e,get:e=>e.errorText,set:(e,t)=>{e.errorText=t}},metadata:Je},he,ue),a(null,null,p,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:Je},pe,me),a(null,null,m,{kind:"field",name:"readonly",static:!1,private:!1,access:{has:e=>"readonly"in e,get:e=>e.readonly,set:(e,t)=>{e.readonly=t}},metadata:Je},ve,ge),a(null,null,v,{kind:"field",name:"loading",static:!1,private:!1,access:{has:e=>"loading"in e,get:e=>e.loading,set:(e,t)=>{e.loading=t}},metadata:Je},ye,be),a(null,null,g,{kind:"field",name:"required",static:!1,private:!1,access:{has:e=>"required"in e,get:e=>e.required,set:(e,t)=>{e.required=t}},metadata:Je},fe,ke),a(null,null,y,{kind:"field",name:"invalid",static:!1,private:!1,access:{has:e=>"invalid"in e,get:e=>e.invalid,set:(e,t)=>{e.invalid=t}},metadata:Je},we,De),a(null,null,b,{kind:"field",name:"clearable",static:!1,private:!1,access:{has:e=>"clearable"in e,get:e=>e.clearable,set:(e,t)=>{e.clearable=t}},metadata:Je},xe,Ce),a(null,null,f,{kind:"field",name:"min",static:!1,private:!1,access:{has:e=>"min"in e,get:e=>e.min,set:(e,t)=>{e.min=t}},metadata:Je},$e,Ee),a(null,null,k,{kind:"field",name:"max",static:!1,private:!1,access:{has:e=>"max"in e,get:e=>e.max,set:(e,t)=>{e.max=t}},metadata:Je},Be,Te),a(null,null,w,{kind:"field",name:"name",static:!1,private:!1,access:{has:e=>"name"in e,get:e=>e.name,set:(e,t)=>{e.name=t}},metadata:Je},Se,ze),a(null,null,D,{kind:"field",name:"showCalendar",static:!1,private:!1,access:{has:e=>"showCalendar"in e,get:e=>e.showCalendar,set:(e,t)=>{e.showCalendar=t}},metadata:Je},Me,Ve),a(null,null,x,{kind:"field",name:"firstDayOfWeek",static:!1,private:!1,access:{has:e=>"firstDayOfWeek"in e,get:e=>e.firstDayOfWeek,set:(e,t)=>{e.firstDayOfWeek=t}},metadata:Je},Ye,Fe),a(null,null,C,{kind:"field",name:"input",static:!1,private:!1,access:{has:e=>"input"in e,get:e=>e.input,set:(e,t)=>{e.input=t}},metadata:Je},Ie,Oe),a(null,null,$,{kind:"field",name:"calendar",static:!1,private:!1,access:{has:e=>"calendar"in e,get:e=>e.calendar,set:(e,t)=>{e.calendar=t}},metadata:Je},Ne,qe),a(null,null,E,{kind:"field",name:"clearButton",static:!1,private:!1,access:{has:e=>"clearButton"in e,get:e=>e.clearButton,set:(e,t)=>{e.clearButton=t}},metadata:Je},Pe,je),a(null,null,B,{kind:"field",name:"calendarToggle",static:!1,private:!1,access:{has:e=>"calendarToggle"in e,get:e=>e.calendarToggle,set:(e,t)=>{e.calendarToggle=t}},metadata:Je},Ae,Le),a(null,null,T,{kind:"field",name:"selectedDayButton",static:!1,private:!1,access:{has:e=>"selectedDayButton"in e,get:e=>e.selectedDayButton,set:(e,t)=>{e.selectedDayButton=t}},metadata:Je},Ge,He),a(null,null,S,{kind:"field",name:"firstDayButton",static:!1,private:!1,access:{has:e=>"firstDayButton"in e,get:e=>e.firstDayButton,set:(e,t)=>{e.firstDayButton=t}},metadata:Je},We,Re),a(null,e={value:s},J,{kind:"class",name:s.name,metadata:Je},null,K),s=e.value,Je&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:Je}),i(s,K)}constructor(){super(),this.internals=i(this,U),this.size=i(this,X,"medium"),this.variant=(i(this,Q),i(this,_,"outlined")),this.value=(i(this,ee),i(this,te,"")),this.inputValue=(i(this,ae),""),this.format=i(this,ie,"mm/dd/yyyy"),this.placeholder=(i(this,se),i(this,ne,"")),this.label=(i(this,re),i(this,le,"")),this.helperText=(i(this,de),i(this,oe,"")),this.errorText=(i(this,ce),i(this,he,"")),this.disabled=(i(this,ue),i(this,pe,!1)),this.readonly=(i(this,me),i(this,ve,!1)),this.loading=(i(this,ge),i(this,ye,!1)),this.required=(i(this,be),i(this,fe,!1)),this.invalid=(i(this,ke),i(this,we,!1)),this.clearable=(i(this,De),i(this,xe,!1)),this.min=(i(this,Ce),i(this,$e,"")),this.max=(i(this,Ee),i(this,Be,"")),this.name=(i(this,Te),i(this,Se,"")),this.showCalendar=(i(this,ze),i(this,Me,!1)),this.firstDayOfWeek=(i(this,Ve),i(this,Ye,0)),this.input=(i(this,Fe),i(this,Ie,void 0)),this.calendar=(i(this,Oe),i(this,Ne,void 0)),this.clearButton=(i(this,qe),i(this,Pe,void 0)),this.calendarToggle=(i(this,je),i(this,Ae,void 0)),this.selectedDayButton=(i(this,Le),i(this,Ge,void 0)),this.firstDayButton=(i(this,He),i(this,We,void 0)),this.selectedDate=(i(this,Re),null),this.viewDate=new Date,this.monthNames=["January","February","March","April","May","June","July","August","September","October","November","December"],this.dayNames=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"function"==typeof this.attachInternals&&(this.internals=this.attachInternals())}styles(){return t.css`${":host{display:block;position:relative;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);font-size:var(--snice-font-size-sm, 14px);line-height:var(--snice-line-height-normal, 1.4);min-height:40px}.date-picker-wrapper{display:flex;flex-direction:column;gap:.5rem}.label{font-weight:var(--snice-font-weight-medium,500);color:var(--snice-color-text);margin-bottom:var(--snice-spacing-2xs,.25rem)}.label--required::after{content:'*';color:var(--snice-color-danger);margin-left:var(--snice-spacing-2xs,.25rem)}.input-container{position:relative;display:flex;align-items:center}.input{width:100%;border:1px solid var(--snice-color-border);border-radius:var(--snice-border-radius-lg,6px);padding:var(--snice-spacing-xs,.5rem) 3rem var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);font-size:inherit;line-height:var(--snice-line-height-normal, 1.5);background:var(--snice-color-background-input);color:var(--snice-color-text);transition:border-color var(--snice-transition-fast, .15s) ease,box-shadow var(--snice-transition-fast, .15s) ease}.input:focus{outline:0;border-color:var(--snice-color-border-focus);box-shadow:0 0 0 var(--snice-focus-ring-width,3px) var(--snice-focus-ring-color)}.input--small{padding:.375rem 2.75rem .375rem .625rem;font-size:.875rem}.input--large{padding:.75rem 3.5rem .75rem 1rem;font-size:1rem}.input--filled{background:var(--snice-color-background-secondary);border:1px solid transparent}.input--underlined{border:none;border-bottom:1px solid var(--snice-color-border);border-radius:0;background:0 0;padding-left:0}.input--invalid{border-color:var(--snice-color-danger)}.input--invalid:focus{border-color:var(--snice-color-danger);box-shadow:0 0 0 3px var(--snice-color-danger-alpha,hsl(var(--snice-color-red-500) / .1))}.input:disabled{background:var(--snice-color-background-secondary);color:var(--snice-color-text-tertiary);cursor:not-allowed}.input:not(:disabled):not([readonly]){cursor:pointer}.calendar-toggle,.clear-button{position:absolute;padding:.25rem;border:none;background:0 0;color:var(--snice-color-text-secondary);cursor:pointer;border-radius:4px;transition:color .15s,background-color .15s}.calendar-toggle{right:.5rem}.clear-button{right:2.5rem}.calendar-toggle:hover,.clear-button:hover{color:var(--snice-color-text);background:var(--snice-color-background-tertiary)}.calendar-toggle:disabled,.clear-button:disabled{opacity:.5;cursor:not-allowed}.input--loading{cursor:wait}.spinner{position:absolute;right:3rem;width:1em;height:1em;pointer-events:none}.spinner::after{content:'';display:block;width:100%;height:100%;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.calendar{position:absolute;top:100%;left:0;right:0;z-index:var(--snice-z-index-dropdown,1000);background:var(--snice-color-background-element);border:1px solid var(--snice-color-border);border-radius:var(--snice-border-radius-lg,8px);box-shadow:var(--snice-shadow-lg);margin-top:var(--snice-spacing-3xs,.125rem);padding:var(--snice-spacing-md,1rem);min-width:280px}.calendar[hidden]{display:none}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.calendar-title{flex:1;text-align:center}.month-button{background:0 0;border:none;font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text);cursor:pointer;padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-xs,.5rem);border-radius:var(--snice-border-radius-md,4px);transition:background-color var(--snice-transition-fast, .15s) ease}.month-button:hover{background:var(--snice-color-background-tertiary)}.nav-button{background:0 0;border:none;padding:.5rem;cursor:pointer;color:var(--snice-color-text-secondary);border-radius:4px;transition:color .15s,background-color .15s}.nav-button:hover{color:var(--snice-color-text);background:var(--snice-color-background-tertiary)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.weekday{text-align:center;font-size:.75rem;font-weight:600;color:var(--snice-color-text-secondary);padding:.5rem .25rem}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.day{width:32px;height:32px;border:none;background:0 0;cursor:pointer;border-radius:var(--snice-border-radius-md,4px);font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text);transition:background-color var(--snice-transition-fast, .15s) ease,color var(--snice-transition-fast, .15s) ease;display:flex;align-items:center;justify-content:center}.day:hover:not(.day--disabled){background:var(--snice-color-background-tertiary)}.day--today{background:var(--snice-color-primary-subtle);color:var(--snice-color-primary);font-weight:var(--snice-font-weight-semibold,600)}.day--selected{background:var(--snice-color-primary);color:var(--snice-color-text-inverse);font-weight:var(--snice-font-weight-semibold,600)}.day--disabled{color:var(--snice-color-text-disabled);cursor:not-allowed}.day--empty{cursor:default}.calendar-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--snice-color-border);display:flex;justify-content:center}.error-text,.helper-text{font-size:var(--snice-font-size-sm, .875rem);margin-top:var(--snice-spacing-2xs,.25rem)}.helper-text{color:var(--snice-color-text-secondary)}.error-text{color:var(--snice-color-danger)}:host([size=small]) .calendar{min-width:240px;padding:.75rem}:host([size=small]) .day{width:28px;height:28px;font-size:.8125rem}:host([size=large]) .calendar{min-width:320px;padding:1.25rem}:host([size=large]) .day{width:36px;height:36px;font-size:.9375rem}@media (max-width:640px){.calendar{left:50%;right:auto;transform:translateX(-50%);min-width:280px}}"}`}render(){const e=["label",this.required?"label--required":""].filter(Boolean).join(" "),a=["input",`input--${this.size}`,`input--${this.variant}`,this.invalid?"input--invalid":"",this.clearable?"input--clearable":"",this.loading?"input--loading":""].filter(Boolean).join(" ");return t.html`
       <div class="date-picker-wrapper">
         <if ${this.label}>
           <label class="${e}">
@@ -113,7 +113,7 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
           </default>
         </case>
       </div>
-    `}init(){this.parseInitialValue(),queueMicrotask(()=>this.updateClearButton()),this.setupCalendarClickOutside(),this.input&&(this.input.disabled=this.disabled,this.input.readOnly=this.readonly,this.input.required=this.required,this.invalid&&(this.input.setAttribute("aria-invalid","true"),this.input.classList.add("input--invalid")))}parseInitialValue(){if(this.value){const e=this.parseDate(this.value);e?(this.selectedDate=e,this.viewDate=new Date(e),this.inputValue=this.formatDate(e)):this.inputValue=this.value}}parseDate(e){if(!e)return null;if("mmmm dd, yyyy"===this.format){const t=/^([A-Za-z]+)\s+(\d{1,2}),\s+(\d{4})$/,a=e.match(t);if(a){const[,e,t,i]=a,s=this.monthNames.findIndex(t=>t.toLowerCase()===e.toLowerCase());if(s>=0){const e=new Date(parseInt(i),s,parseInt(t));if(!isNaN(e.getTime()))return e}}return null}const t=e.match(/^(\d{4})-(\d{2})-(\d{2})$/);if(t){const[,e,a,i]=t.map(Number),s=new Date(e,a-1,i);if(!isNaN(s.getTime()))return s}const a=e.split(/[-\/]/);if(3===a.length){let e,t,i;switch(this.format){case"mm/dd/yyyy":case"mm-dd-yyyy":[t,i,e]=a.map(Number);break;case"dd/mm/yyyy":case"dd-mm-yyyy":[i,t,e]=a.map(Number);break;case"yyyy-mm-dd":case"yyyy/mm/dd":[e,t,i]=a.map(Number);break;default:return null}if(e&&t&&i){const a=new Date(e,t-1,i);if(!isNaN(a.getTime()))return a}}return null}formatDate(e){if(!e)return"";const t=e.getFullYear(),a=e.getMonth()+1,i=e.getDate(),s=a.toString().padStart(2,"0"),n=i.toString().padStart(2,"0"),r=t.toString();switch(this.format){case"mm/dd/yyyy":default:return`${s}/${n}/${r}`;case"dd/mm/yyyy":return`${n}/${s}/${r}`;case"yyyy-mm-dd":return`${r}-${s}-${n}`;case"yyyy/mm/dd":return`${r}/${s}/${n}`;case"dd-mm-yyyy":return`${n}-${s}-${r}`;case"mm-dd-yyyy":return`${s}-${n}-${r}`;case"mmmm dd, yyyy":return`${this.monthNames[e.getMonth()]} ${n}, ${r}`}}getFormattedValue(){return this.selectedDate?this.formatDate(this.selectedDate):this.value}getPlaceholderForFormat(){switch(this.format){case"mm/dd/yyyy":default:return"MM/DD/YYYY";case"dd/mm/yyyy":return"DD/MM/YYYY";case"yyyy-mm-dd":return"YYYY-MM-DD";case"yyyy/mm/dd":return"YYYY/MM/DD";case"dd-mm-yyyy":return"DD-MM-YYYY";case"mm-dd-yyyy":return"MM-DD-YYYY";case"mmmm dd, yyyy":return"Month DD, YYYY"}}getDayHeaders(){const e=[...this.dayNames];for(let t=0;t<this.firstDayOfWeek;t++)e.push(e.shift());return e.map(e=>t.html`<div class="weekday">${e}</div>`)}getDaysGrid(){const e=this.viewDate.getFullYear(),a=this.viewDate.getMonth(),i=new Date(e,a,1),s=new Date(e,a+1,0);let n=i.getDay()-this.firstDayOfWeek;n<0&&(n+=7);const r=s.getDate(),l=new Date,d=e=>e.getDate()===l.getDate()&&e.getMonth()===l.getMonth()&&e.getFullYear()===l.getFullYear(),o=e=>this.selectedDate&&e.getDate()===this.selectedDate.getDate()&&e.getMonth()===this.selectedDate.getMonth()&&e.getFullYear()===this.selectedDate.getFullYear(),c=e=>{if(this.min){const t=this.parseDate(this.min);if(t&&e<t)return!0}if(this.max){const t=this.parseDate(this.max);if(t&&e>t)return!0}return!1},h=[];for(let e=0;e<n;e++)h.push(t.html`<div class="day day--empty"></div>`);for(let i=1;i<=r;i++){const s=new Date(e,a,i),n=["day"];d(s)&&n.push("day--today"),o(s)&&n.push("day--selected"),c(s)&&n.push("day--disabled");const r=`${e}-${(a+1).toString().padStart(2,"0")}-${i.toString().padStart(2,"0")}`;h.push(t.html`
+    `}init(){this.parseInitialValue(),this.internals&&this.internals.setFormValue(this.value),queueMicrotask(()=>this.updateClearButton()),this.setupCalendarClickOutside(),this.input&&(this.input.disabled=this.disabled,this.input.readOnly=this.readonly,this.input.required=this.required,this.invalid&&(this.input.setAttribute("aria-invalid","true"),this.input.classList.add("input--invalid")))}parseInitialValue(){if(this.value){const e=this.parseDate(this.value);e?(this.selectedDate=e,this.viewDate=new Date(e),this.inputValue=this.formatDate(e)):this.inputValue=this.value}}parseDate(e){if(!e)return null;if("mmmm dd, yyyy"===this.format){const t=/^([A-Za-z]+)\s+(\d{1,2}),\s+(\d{4})$/,a=e.match(t);if(a){const[,e,t,i]=a,s=this.monthNames.findIndex(t=>t.toLowerCase()===e.toLowerCase());if(s>=0){const e=new Date(parseInt(i),s,parseInt(t));if(!isNaN(e.getTime()))return e}}return null}const t=e.match(/^(\d{4})-(\d{2})-(\d{2})$/);if(t){const[,e,a,i]=t.map(Number),s=new Date(e,a-1,i);if(!isNaN(s.getTime()))return s}const a=e.split(/[-\/]/);if(3===a.length){let e,t,i;switch(this.format){case"mm/dd/yyyy":case"mm-dd-yyyy":[t,i,e]=a.map(Number);break;case"dd/mm/yyyy":case"dd-mm-yyyy":[i,t,e]=a.map(Number);break;case"yyyy-mm-dd":case"yyyy/mm/dd":[e,t,i]=a.map(Number);break;default:return null}if(e&&t&&i){const a=new Date(e,t-1,i);if(!isNaN(a.getTime()))return a}}return null}formatDate(e){if(!e)return"";const t=e.getFullYear(),a=e.getMonth()+1,i=e.getDate(),s=a.toString().padStart(2,"0"),n=i.toString().padStart(2,"0"),r=t.toString();switch(this.format){case"mm/dd/yyyy":default:return`${s}/${n}/${r}`;case"dd/mm/yyyy":return`${n}/${s}/${r}`;case"yyyy-mm-dd":return`${r}-${s}-${n}`;case"yyyy/mm/dd":return`${r}/${s}/${n}`;case"dd-mm-yyyy":return`${n}-${s}-${r}`;case"mm-dd-yyyy":return`${s}-${n}-${r}`;case"mmmm dd, yyyy":return`${this.monthNames[e.getMonth()]} ${n}, ${r}`}}getFormattedValue(){return this.selectedDate?this.formatDate(this.selectedDate):this.value}getPlaceholderForFormat(){switch(this.format){case"mm/dd/yyyy":default:return"MM/DD/YYYY";case"dd/mm/yyyy":return"DD/MM/YYYY";case"yyyy-mm-dd":return"YYYY-MM-DD";case"yyyy/mm/dd":return"YYYY/MM/DD";case"dd-mm-yyyy":return"DD-MM-YYYY";case"mm-dd-yyyy":return"MM-DD-YYYY";case"mmmm dd, yyyy":return"Month DD, YYYY"}}getDayHeaders(){const e=[...this.dayNames];for(let t=0;t<this.firstDayOfWeek;t++)e.push(e.shift());return e.map(e=>t.html`<div class="weekday">${e}</div>`)}getDaysGrid(){const e=this.viewDate.getFullYear(),a=this.viewDate.getMonth(),i=new Date(e,a,1),s=new Date(e,a+1,0);let n=i.getDay()-this.firstDayOfWeek;n<0&&(n+=7);const r=s.getDate(),l=new Date,d=e=>e.getDate()===l.getDate()&&e.getMonth()===l.getMonth()&&e.getFullYear()===l.getFullYear(),o=e=>this.selectedDate&&e.getDate()===this.selectedDate.getDate()&&e.getMonth()===this.selectedDate.getMonth()&&e.getFullYear()===this.selectedDate.getFullYear(),c=e=>{if(this.min){const t=this.parseDate(this.min);if(t&&e<t)return!0}if(this.max){const t=this.parseDate(this.max);if(t&&e>t)return!0}return!1},h=[];for(let e=0;e<n;e++)h.push(t.html`<div class="day day--empty"></div>`);for(let i=1;i<=r;i++){const s=new Date(e,a,i),n=["day"];d(s)&&n.push("day--today"),o(s)&&n.push("day--selected"),c(s)&&n.push("day--disabled");const r=`${e}-${(a+1).toString().padStart(2,"0")}-${i.toString().padStart(2,"0")}`;h.push(t.html`
         <button
           class="${n.join(" ")}"
           type="button"
@@ -123,5 +123,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-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.goToToday()}}handleValueChange(){const e=this.parseDate(this.value);this.selectedDate=e,e&&(this.viewDate=new Date(e)),this.updateInputValue(),this.updateClearButton(),this.showCalendar&&this.updateCalendarGrid()}handleShowCalendarChange(){console.log("showCalendar changed:",this.calendar),this.calendar&&(this.showCalendar?(this.calendar.removeAttribute("hidden"),this.dispatchOpenEvent(),setTimeout(()=>{(this.selectedDayButton||this.firstDayButton)?.focus()},100)):(this.calendar.setAttribute("hidden",""),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.selectedDate&&(this.viewDate=new Date(this.selectedDate)),this.updateCalendarGrid(),this.calendar&&this.calendar.removeAttribute("hidden"),this.dispatchOpenEvent())}close(){this.showCalendar=!1,this.calendar&&this.calendar.setAttribute("hidden",""),this.dispatchCloseEvent()}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.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-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.goToToday()}}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(){console.log("showCalendar changed:",this.calendar),this.calendar&&(this.showCalendar?(this.calendar.removeAttribute("hidden"),this.dispatchOpenEvent(),setTimeout(()=>{(this.selectedDayButton||this.firstDayButton)?.focus()},100)):(this.calendar.setAttribute("hidden",""),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.selectedDate&&(this.viewDate=new Date(this.selectedDate)),this.updateCalendarGrid(),this.calendar&&this.calendar.removeAttribute("hidden"),this.dispatchOpenEvent())}close(){this.showCalendar=!1,this.calendar&&this.calendar.setAttribute("hidden",""),this.dispatchCloseEvent()}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