snice 4.28.0 → 4.30.0

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

@@ -1,10 +1,10 @@
 /*!
- * snice v4.28.0
+ * snice v4.30.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.
  */
-void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-date-range-picker.min.js");var SniceDateRangePicker=function(e,t){"use strict";function a(e,t,a,r,i,s){function n(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var o,l=r.kind,d="getter"===l?"get":"setter"===l?"set":"value",c=!t&&e?r.static?e:e.prototype:null,h=t||(c?Object.getOwnPropertyDescriptor(c,r.name):{}),p=!1,u=a.length-1;u>=0;u--){var m={};for(var g in r)m[g]="access"===g?{}:r[g];for(var g in r.access)m.access[g]=r.access[g];m.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");s.push(n(e||null))};var v=(0,a[u])("accessor"===l?{get:h.get,set:h.set}:h[d],m);if("accessor"===l){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(o=n(v.get))&&(h.get=o),(o=n(v.set))&&(h.set=o),(o=n(v.init))&&i.unshift(o)}else(o=n(v))&&("field"===l?i.unshift(o):h[d]=o)}c&&Object.defineProperty(c,r.name,h),p=!0}function r(e,t,a){for(var r=arguments.length>2,i=0;i<t.length;i++)a=r?t[i].call(e,a):t[i].call(e);return r?a:void 0}"function"==typeof SuppressedError&&SuppressedError;let i=(()=>{let e,i,s,n,o,l,d,c,h,p,u,m,g,v,b,y,f,w,D,x,k,C,$,E,P,S,z,T,Y,M,F,B,V,O,N,I,G,L,R,j,q,A,H,W=[t.element("snice-date-range-picker",{formAssociated:!0})],J=[],K=HTMLElement,U=[],Z=[],Q=[],X=[],_=[],ee=[],te=[],ae=[],re=[],ie=[],se=[],ne=[],oe=[],le=[],de=[],ce=[],he=[],pe=[],ue=[],me=[],ge=[],ve=[],be=[],ye=[],fe=[],we=[],De=[],xe=[],ke=[],Ce=[],$e=[],Ee=[],Pe=[],Se=[],ze=[],Te=[],Ye=[],Me=[],Fe=[],Be=[],Ve=[],Oe=[],Ne=[],Ie=[],Ge=[],Le=[],Re=[],je=[],qe=[],Ae=[],He=[],We=[],Je=[];return class extends K{static{i=this}static{const Ke="function"==typeof Symbol&&Symbol.metadata?Object.create(K[Symbol.metadata]??null):void 0;s=[t.property({})],n=[t.property({})],o=[t.property({})],l=[t.property({})],d=[t.property({})],c=[t.property({})],h=[t.property({})],p=[t.property({attribute:"helper-text"})],u=[t.property({attribute:"error-text"})],m=[t.property({type:Boolean})],g=[t.property({type:Boolean})],v=[t.property({type:Boolean})],b=[t.property({type:Boolean})],y=[t.property({type:Boolean})],f=[t.property({type:Boolean})],w=[t.property({})],D=[t.property({})],x=[t.property({})],k=[t.property({type:Number})],C=[t.property({type:Number,attribute:"first-day-of-week"})],$=[t.property({type:Array,attribute:!1})],E=[t.property({type:Boolean,attribute:"show-calendar"})],P=[t.query(".input")],S=[t.query(".calendar")],z=[t.query(".clear-button")],T=[t.query(".calendar-toggle")],Y=[t.styles()],M=[t.render()],F=[t.ready()],B=[t.watch("start")],V=[t.watch("end")],O=[t.watch("show-calendar")],N=[t.watch("disabled")],I=[t.watch("format")],G=[t.dispatch("daterange-change",{bubbles:!0,composed:!0})],L=[t.dispatch("daterange-open",{bubbles:!0,composed:!0})],R=[t.dispatch("daterange-close",{bubbles:!0,composed:!0})],j=[t.dispatch("daterange-clear",{bubbles:!0,composed:!0})],q=[t.dispatch("daterange-preset",{bubbles:!0,composed:!0})],A=[t.dispatch("daterange-focus",{bubbles:!0,composed:!0})],H=[t.dispatch("daterange-blur",{bubbles:!0,composed:!0})],a(this,null,Y,{kind:"method",name:"componentStyles",static:!1,private:!1,access:{has:e=>"componentStyles"in e,get:e=>e.componentStyles},metadata:Ke},null,U),a(this,null,M,{kind:"method",name:"template",static:!1,private:!1,access:{has:e=>"template"in e,get:e=>e.template},metadata:Ke},null,U),a(this,null,F,{kind:"method",name:"init",static:!1,private:!1,access:{has:e=>"init"in e,get:e=>e.init},metadata:Ke},null,U),a(this,null,B,{kind:"method",name:"handleStartPropChange",static:!1,private:!1,access:{has:e=>"handleStartPropChange"in e,get:e=>e.handleStartPropChange},metadata:Ke},null,U),a(this,null,V,{kind:"method",name:"handleEndPropChange",static:!1,private:!1,access:{has:e=>"handleEndPropChange"in e,get:e=>e.handleEndPropChange},metadata:Ke},null,U),a(this,null,O,{kind:"method",name:"handleShowCalendarChange",static:!1,private:!1,access:{has:e=>"handleShowCalendarChange"in e,get:e=>e.handleShowCalendarChange},metadata:Ke},null,U),a(this,null,N,{kind:"method",name:"handleDisabledChange",static:!1,private:!1,access:{has:e=>"handleDisabledChange"in e,get:e=>e.handleDisabledChange},metadata:Ke},null,U),a(this,null,I,{kind:"method",name:"handleFormatChange",static:!1,private:!1,access:{has:e=>"handleFormatChange"in e,get:e=>e.handleFormatChange},metadata:Ke},null,U),a(this,null,G,{kind:"method",name:"dispatchChangeEvent",static:!1,private:!1,access:{has:e=>"dispatchChangeEvent"in e,get:e=>e.dispatchChangeEvent},metadata:Ke},null,U),a(this,null,L,{kind:"method",name:"dispatchOpenEvent",static:!1,private:!1,access:{has:e=>"dispatchOpenEvent"in e,get:e=>e.dispatchOpenEvent},metadata:Ke},null,U),a(this,null,R,{kind:"method",name:"dispatchCloseEvent",static:!1,private:!1,access:{has:e=>"dispatchCloseEvent"in e,get:e=>e.dispatchCloseEvent},metadata:Ke},null,U),a(this,null,j,{kind:"method",name:"dispatchClearEvent",static:!1,private:!1,access:{has:e=>"dispatchClearEvent"in e,get:e=>e.dispatchClearEvent},metadata:Ke},null,U),a(this,null,q,{kind:"method",name:"dispatchPresetEvent",static:!1,private:!1,access:{has:e=>"dispatchPresetEvent"in e,get:e=>e.dispatchPresetEvent},metadata:Ke},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:Ke},null,U),a(this,null,H,{kind:"method",name:"dispatchBlurEvent",static:!1,private:!1,access:{has:e=>"dispatchBlurEvent"in e,get:e=>e.dispatchBlurEvent},metadata:Ke},null,U),a(null,null,s,{kind:"field",name:"start",static:!1,private:!1,access:{has:e=>"start"in e,get:e=>e.start,set:(e,t)=>{e.start=t}},metadata:Ke},Z,Q),a(null,null,n,{kind:"field",name:"end",static:!1,private:!1,access:{has:e=>"end"in e,get:e=>e.end,set:(e,t)=>{e.end=t}},metadata:Ke},X,_),a(null,null,o,{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:Ke},ee,te),a(null,null,l,{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:Ke},ae,re),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:Ke},ie,se),a(null,null,c,{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:Ke},ne,oe),a(null,null,h,{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:Ke},le,de),a(null,null,p,{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:Ke},ce,he),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:Ke},pe,ue),a(null,null,m,{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:Ke},me,ge),a(null,null,g,{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:Ke},ve,be),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:Ke},ye,fe),a(null,null,b,{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:Ke},we,De),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:Ke},xe,ke),a(null,null,f,{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:Ke},Ce,$e),a(null,null,w,{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:Ke},Ee,Pe),a(null,null,D,{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:Ke},Se,ze),a(null,null,x,{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:Ke},Te,Ye),a(null,null,k,{kind:"field",name:"columns",static:!1,private:!1,access:{has:e=>"columns"in e,get:e=>e.columns,set:(e,t)=>{e.columns=t}},metadata:Ke},Me,Fe),a(null,null,C,{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:Ke},Be,Ve),a(null,null,$,{kind:"field",name:"presets",static:!1,private:!1,access:{has:e=>"presets"in e,get:e=>e.presets,set:(e,t)=>{e.presets=t}},metadata:Ke},Oe,Ne),a(null,null,E,{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:Ke},Ie,Ge),a(null,null,P,{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:Ke},Le,Re),a(null,null,S,{kind:"field",name:"calendarEl",static:!1,private:!1,access:{has:e=>"calendarEl"in e,get:e=>e.calendarEl,set:(e,t)=>{e.calendarEl=t}},metadata:Ke},je,qe),a(null,null,z,{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:Ke},Ae,He),a(null,null,T,{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:Ke},We,Je),a(null,e={value:i},W,{kind:"class",name:i.name,metadata:Ke},null,J),i=e.value,Ke&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:Ke}),r(i,J)}constructor(){super(),this.internals=r(this,U),this.start=r(this,Z,""),this.end=(r(this,Q),r(this,X,"")),this.size=(r(this,_),r(this,ee,"medium")),this.variant=(r(this,te),r(this,ae,"outlined")),this.format=(r(this,re),r(this,ie,"mm/dd/yyyy")),this.placeholder=(r(this,se),r(this,ne,"")),this.label=(r(this,oe),r(this,le,"")),this.helperText=(r(this,de),r(this,ce,"")),this.errorText=(r(this,he),r(this,pe,"")),this.disabled=(r(this,ue),r(this,me,!1)),this.readonly=(r(this,ge),r(this,ve,!1)),this.loading=(r(this,be),r(this,ye,!1)),this.required=(r(this,fe),r(this,we,!1)),this.invalid=(r(this,De),r(this,xe,!1)),this.clearable=(r(this,ke),r(this,Ce,!1)),this.min=(r(this,$e),r(this,Ee,"")),this.max=(r(this,Pe),r(this,Se,"")),this.name=(r(this,ze),r(this,Te,"")),this.columns=(r(this,Ye),r(this,Me,1)),this.firstDayOfWeek=(r(this,Fe),r(this,Be,0)),this.presets=(r(this,Ve),r(this,Oe,[])),this.showCalendar=(r(this,Ne),r(this,Ie,!1)),this.input=(r(this,Ge),r(this,Le,void 0)),this.calendarEl=(r(this,Re),r(this,je,void 0)),this.clearButton=(r(this,qe),r(this,Ae,void 0)),this.calendarToggle=(r(this,He),r(this,We,void 0)),this.startDate=(r(this,Je),null),this.endDate=null,this.viewDate=new Date,this.selectionPhase="idle",this.hoverDate=null,this.presetPreviewStart=null,this.presetPreviewEnd=null,this.calendarView="days",this.yearRangeStart=0,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())}componentStyles(){return t.css`${":host{display:inline-block;position:relative;width:100%;max-width:20rem;box-sizing:border-box;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);font-size:var(--snice-font-size-sm, .875rem);line-height:var(--snice-line-height-normal, 1.5)}.date-picker-wrapper{display:flex;flex-direction:column}.label{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);line-height:var(--snice-line-height-normal, 1.5);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-2xs,.25rem)}.label--required::after{content:'*';color:var(--snice-color-danger,rgb(220 38 38));margin-left:var(--snice-spacing-2xs,.25rem)}.input-container{position:relative;display:flex;align-items:center;anchor-name:--drp-anchor}.input{width:100%;box-sizing:border-box;min-height:2.5rem;border:1px solid var(--snice-color-border,rgb(226 226 226));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;font-family:inherit;line-height:var(--snice-line-height-normal, 1.5);background:var(--snice-color-background-input,rgb(248 247 245));color:var(--snice-color-text,rgb(23 23 23));transition:border-color var(--snice-transition-fast, .15s) ease,box-shadow var(--snice-transition-fast, .15s) ease;cursor:default}.input:focus{outline:0;border-color:var(--snice-color-border-focus,rgb(37 99 235));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.input--small{padding:.375rem 2.75rem .375rem .625rem;font-size:var(--snice-font-size-sm, .875rem)}.input--large{padding:.75rem 3.5rem .75rem 1rem;font-size:var(--snice-font-size-md, 1rem)}.input--filled{background:var(--snice-color-background-secondary,rgb(245 245 245));border:1px solid transparent}.input--underlined{border:none;border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:0;background:0 0;padding-left:0}.input--invalid{border-color:var(--snice-color-danger,rgb(220 38 38))}.input--invalid:focus{border-color:var(--snice-color-danger,rgb(220 38 38));box-shadow:0 0 0 3px var(--snice-color-danger-alpha,rgb(220 38 38 / .1))}.input:disabled{background:var(--snice-color-background-secondary,rgb(245 245 245));color:var(--snice-color-text-tertiary,rgb(115 115 115));cursor:not-allowed}:host(:not([disabled]):not([readonly]):not([loading])) .input{cursor:pointer}.calendar-toggle,.clear-button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);padding:.25rem;border:none;background:0 0;color:var(--snice-color-text-secondary,rgb(82 82 82));cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease}.clear-button{right:2.5rem}.calendar-toggle:hover,.clear-button:hover{color:var(--snice-color-text,rgb(23 23 23));background:var(--snice-color-background-tertiary,rgb(240 240 240))}.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[popover]{position:fixed;inset:auto;margin:0;z-index:var(--snice-z-index-dropdown,1000);background:var(--snice-color-background-element,rgb(252 251 249));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,8px);box-shadow:var(--snice-shadow-lg,0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1));padding:var(--snice-spacing-md,1rem);min-width:280px;pointer-events:none;opacity:0;transform:translateY(-8px) scaleY(.96);transform-origin:top left;transition:opacity var(--snice-transition-fast, 150ms) ease,transform var(--snice-transition-fast, 150ms) ease,display var(--snice-transition-fast, 150ms) allow-discrete,overlay var(--snice-transition-fast, 150ms) allow-discrete}.calendar--open,.calendar[popover]:popover-open{opacity:1;transform:translateY(0) scaleY(1);pointer-events:auto}@supports (position-anchor:--a){.calendar[popover]{position-anchor:--drp-anchor;top:calc(anchor(bottom) + 2px);left:anchor(left);min-width:anchor-size(width)}}.calendar[hidden]{display:none}.calendar-body{display:flex;gap:var(--snice-spacing-md,1rem)}.presets{display:flex;flex-direction:column;gap:var(--snice-spacing-2xs,.25rem);min-width:8rem;border-right:1px solid var(--snice-color-border,rgb(226 226 226));padding-right:var(--snice-spacing-md,1rem)}.preset-button{background:0 0;border:none;padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-xs,.5rem);font-size:var(--snice-font-size-sm, .875rem);font-family:inherit;color:var(--snice-color-text,rgb(23 23 23));cursor:pointer;border-radius:var(--snice-border-radius-md,4px);text-align:left;transition:background-color var(--snice-transition-fast, .15s) ease;white-space:nowrap}.preset-button:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.preset-button--active{background:var(--snice-color-primary-subtle,hsl(214 100% 97%));color:var(--snice-color-primary,rgb(37 99 235));font-weight:var(--snice-font-weight-medium,500)}.months{display:flex;gap:var(--snice-spacing-md,1rem);flex:1}.month{flex:1;min-width:240px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--snice-spacing-md,1rem)}.calendar-title{flex:1;text-align:center}.month-label{font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23))}.nav-button{background:0 0;border:none;padding:.5rem;cursor:pointer;color:var(--snice-color-text-secondary,rgb(82 82 82));border-radius:4px;transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease}.nav-button:hover{color:var(--snice-color-text,rgb(23 23 23));background:var(--snice-color-background-tertiary,rgb(240 240 240))}.nav-button--hidden{visibility:hidden}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:var(--snice-spacing-xs,.5rem)}.weekday{text-align:center;font-size:var(--snice-font-size-xs, .75rem);font-weight:600;color:var(--snice-color-text-secondary,rgb(82 82 82));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,rgb(23 23 23));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):not(.day--empty):not(.day--range-start):not(.day--range-end):not(.day--in-range):not(.day--range-preview):not(.day--preset-preview):not(.day--preset-preview-endpoint){background:var(--snice-color-background-tertiary,rgb(240 240 240))}.day--today{outline:2px solid var(--snice-color-primary,rgb(37 99 235));outline-offset:-2px;color:var(--snice-color-primary,rgb(37 99 235));font-weight:var(--snice-font-weight-semibold,600)}.day--disabled{color:var(--snice-color-text-disabled,rgb(180 180 180));cursor:not-allowed}.day--empty{cursor:default}.day--range-start{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));font-weight:var(--snice-font-weight-semibold,600);border-radius:var(--snice-border-radius-md,4px) 0 0 var(--snice-border-radius-md,4px)}.day--range-start:hover{background:var(--snice-color-primary,rgb(37 99 235))}.day--range-end{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));font-weight:var(--snice-font-weight-semibold,600);border-radius:0 var(--snice-border-radius-md,4px) var(--snice-border-radius-md,4px) 0}.day--range-end:hover{background:var(--snice-color-primary,rgb(37 99 235))}.day--range-start.day--range-end{border-radius:var(--snice-border-radius-md,4px)}.day--in-range{background:var(--snice-color-primary-subtle-hover,hsl(214 95% 93%));color:var(--snice-color-primary,rgb(37 99 235));border-radius:0}.day--in-range:hover:not(.day--disabled){background:var(--snice-color-primary-subtle-hover,hsl(214 95% 93%));filter:brightness(.95)}.day--range-preview{background:var(--snice-color-primary-subtle,hsl(214 100% 97%));color:var(--snice-color-primary,rgb(37 99 235));border-radius:0}.day--preset-preview-endpoint{outline:2px dashed var(--snice-color-primary,rgb(37 99 235));outline-offset:-2px;color:var(--snice-color-primary,rgb(37 99 235));font-weight:var(--snice-font-weight-semibold,600)}.day--preset-preview{background:var(--snice-color-primary-subtle,hsl(214 100% 97%));color:var(--snice-color-primary,rgb(37 99 235));border-radius:0}.year-button{background:0 0;border:none;font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-semibold,600);font-family:inherit;color:var(--snice-color-primary,rgb(37 99 235));cursor:pointer;padding:.125rem .375rem;border-radius:var(--snice-border-radius-md,4px);transition:background-color var(--snice-transition-fast, .15s) ease}.year-button:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem 0}.year-cell{border:none;background:0 0;cursor:pointer;padding:.625rem .25rem;border-radius:var(--snice-border-radius-md,4px);font-size:var(--snice-font-size-sm, .875rem);font-family:inherit;color:var(--snice-color-text,rgb(23 23 23));transition:background-color var(--snice-transition-fast, .15s) ease,color var(--snice-transition-fast, .15s) ease}.year-cell:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.year-cell--current{outline:2px solid var(--snice-color-primary,rgb(37 99 235));outline-offset:-2px;color:var(--snice-color-primary,rgb(37 99 235));font-weight:var(--snice-font-weight-semibold,600)}.year-cell--selected{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));font-weight:var(--snice-font-weight-semibold,600)}.calendar-footer{margin-top:var(--snice-spacing-md,1rem);padding-top:var(--snice-spacing-md,1rem);border-top:1px solid var(--snice-color-border,rgb(226 226 226));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,rgb(82 82 82))}.error-text{color:var(--snice-color-danger,rgb(220 38 38))}:host([size=small]) .calendar{min-width:240px;padding:.75rem}:host([size=small]) .day{width:28px;height:28px;font-size:var(--snice-font-size-sm, .8125rem)}:host([size=large]) .calendar{min-width:320px;padding:1.25rem}:host([size=large]) .day{width:36px;height:36px;font-size:var(--snice-font-size-md, .9375rem)}@media (max-width:640px){.calendar{min-width:280px}.calendar-body{flex-direction:column}.presets{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));padding-right:0;padding-bottom:var(--snice-spacing-sm,.75rem);margin-bottom:var(--snice-spacing-sm,.75rem);min-width:unset}.months{flex-direction:column}}"}`}template(){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(" "),r=this.presets&&this.presets.length>0,i=2===this.columns,s=new Date(this.viewDate.getFullYear(),this.viewDate.getMonth()+1,1);return t.html`
+void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-date-range-picker.min.js");var SniceDateRangePicker=function(e,t){"use strict";function a(e,t,a,i,r,s){function n(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var o,l=i.kind,d="getter"===l?"get":"setter"===l?"set":"value",c=!t&&e?i.static?e:e.prototype:null,h=t||(c?Object.getOwnPropertyDescriptor(c,i.name):{}),p=!1,u=a.length-1;u>=0;u--){var m={};for(var g in i)m[g]="access"===g?{}:i[g];for(var g in i.access)m.access[g]=i.access[g];m.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");s.push(n(e||null))};var v=(0,a[u])("accessor"===l?{get:h.get,set:h.set}:h[d],m);if("accessor"===l){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(o=n(v.get))&&(h.get=o),(o=n(v.set))&&(h.set=o),(o=n(v.init))&&r.unshift(o)}else(o=n(v))&&("field"===l?r.unshift(o):h[d]=o)}c&&Object.defineProperty(c,i.name,h),p=!0}function i(e,t,a){for(var i=arguments.length>2,r=0;r<t.length;r++)a=i?t[r].call(e,a):t[r].call(e);return i?a:void 0}"function"==typeof SuppressedError&&SuppressedError;let r=(()=>{let e,r,s,n,o,l,d,c,h,p,u,m,g,v,b,y,f,w,D,x,k,C,$,E,P,S,z,T,Y,M,F,B,V,O,N,I,G,L,R,j,q,A,H,W=[t.element("snice-date-range-picker",{formAssociated:!0})],J=[],K=HTMLElement,U=[],Z=[],Q=[],X=[],_=[],ee=[],te=[],ae=[],ie=[],re=[],se=[],ne=[],oe=[],le=[],de=[],ce=[],he=[],pe=[],ue=[],me=[],ge=[],ve=[],be=[],ye=[],fe=[],we=[],De=[],xe=[],ke=[],Ce=[],$e=[],Ee=[],Pe=[],Se=[],ze=[],Te=[],Ye=[],Me=[],Fe=[],Be=[],Ve=[],Oe=[],Ne=[],Ie=[],Ge=[],Le=[],Re=[],je=[],qe=[],Ae=[],He=[],We=[],Je=[];return class extends K{static{r=this}static{const Ke="function"==typeof Symbol&&Symbol.metadata?Object.create(K[Symbol.metadata]??null):void 0;s=[t.property({})],n=[t.property({})],o=[t.property({})],l=[t.property({})],d=[t.property({})],c=[t.property({})],h=[t.property({})],p=[t.property({attribute:"helper-text"})],u=[t.property({attribute:"error-text"})],m=[t.property({type:Boolean})],g=[t.property({type:Boolean})],v=[t.property({type:Boolean})],b=[t.property({type:Boolean})],y=[t.property({type:Boolean})],f=[t.property({type:Boolean})],w=[t.property({})],D=[t.property({})],x=[t.property({})],k=[t.property({type:Number})],C=[t.property({type:Number,attribute:"first-day-of-week"})],$=[t.property({type:Array,attribute:!1})],E=[t.property({type:Boolean,attribute:"show-calendar"})],P=[t.query(".input")],S=[t.query(".calendar")],z=[t.query(".clear-button")],T=[t.query(".calendar-toggle")],Y=[t.styles()],M=[t.render()],F=[t.ready()],B=[t.watch("start")],V=[t.watch("end")],O=[t.watch("show-calendar")],N=[t.watch("disabled")],I=[t.watch("format")],G=[t.dispatch("daterange-change",{bubbles:!0,composed:!0})],L=[t.dispatch("daterange-open",{bubbles:!0,composed:!0})],R=[t.dispatch("daterange-close",{bubbles:!0,composed:!0})],j=[t.dispatch("daterange-clear",{bubbles:!0,composed:!0})],q=[t.dispatch("daterange-preset",{bubbles:!0,composed:!0})],A=[t.dispatch("daterange-focus",{bubbles:!0,composed:!0})],H=[t.dispatch("daterange-blur",{bubbles:!0,composed:!0})],a(this,null,Y,{kind:"method",name:"componentStyles",static:!1,private:!1,access:{has:e=>"componentStyles"in e,get:e=>e.componentStyles},metadata:Ke},null,U),a(this,null,M,{kind:"method",name:"template",static:!1,private:!1,access:{has:e=>"template"in e,get:e=>e.template},metadata:Ke},null,U),a(this,null,F,{kind:"method",name:"init",static:!1,private:!1,access:{has:e=>"init"in e,get:e=>e.init},metadata:Ke},null,U),a(this,null,B,{kind:"method",name:"handleStartPropChange",static:!1,private:!1,access:{has:e=>"handleStartPropChange"in e,get:e=>e.handleStartPropChange},metadata:Ke},null,U),a(this,null,V,{kind:"method",name:"handleEndPropChange",static:!1,private:!1,access:{has:e=>"handleEndPropChange"in e,get:e=>e.handleEndPropChange},metadata:Ke},null,U),a(this,null,O,{kind:"method",name:"handleShowCalendarChange",static:!1,private:!1,access:{has:e=>"handleShowCalendarChange"in e,get:e=>e.handleShowCalendarChange},metadata:Ke},null,U),a(this,null,N,{kind:"method",name:"handleDisabledChange",static:!1,private:!1,access:{has:e=>"handleDisabledChange"in e,get:e=>e.handleDisabledChange},metadata:Ke},null,U),a(this,null,I,{kind:"method",name:"handleFormatChange",static:!1,private:!1,access:{has:e=>"handleFormatChange"in e,get:e=>e.handleFormatChange},metadata:Ke},null,U),a(this,null,G,{kind:"method",name:"dispatchChangeEvent",static:!1,private:!1,access:{has:e=>"dispatchChangeEvent"in e,get:e=>e.dispatchChangeEvent},metadata:Ke},null,U),a(this,null,L,{kind:"method",name:"dispatchOpenEvent",static:!1,private:!1,access:{has:e=>"dispatchOpenEvent"in e,get:e=>e.dispatchOpenEvent},metadata:Ke},null,U),a(this,null,R,{kind:"method",name:"dispatchCloseEvent",static:!1,private:!1,access:{has:e=>"dispatchCloseEvent"in e,get:e=>e.dispatchCloseEvent},metadata:Ke},null,U),a(this,null,j,{kind:"method",name:"dispatchClearEvent",static:!1,private:!1,access:{has:e=>"dispatchClearEvent"in e,get:e=>e.dispatchClearEvent},metadata:Ke},null,U),a(this,null,q,{kind:"method",name:"dispatchPresetEvent",static:!1,private:!1,access:{has:e=>"dispatchPresetEvent"in e,get:e=>e.dispatchPresetEvent},metadata:Ke},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:Ke},null,U),a(this,null,H,{kind:"method",name:"dispatchBlurEvent",static:!1,private:!1,access:{has:e=>"dispatchBlurEvent"in e,get:e=>e.dispatchBlurEvent},metadata:Ke},null,U),a(null,null,s,{kind:"field",name:"start",static:!1,private:!1,access:{has:e=>"start"in e,get:e=>e.start,set:(e,t)=>{e.start=t}},metadata:Ke},Z,Q),a(null,null,n,{kind:"field",name:"end",static:!1,private:!1,access:{has:e=>"end"in e,get:e=>e.end,set:(e,t)=>{e.end=t}},metadata:Ke},X,_),a(null,null,o,{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:Ke},ee,te),a(null,null,l,{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:Ke},ae,ie),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:Ke},re,se),a(null,null,c,{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:Ke},ne,oe),a(null,null,h,{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:Ke},le,de),a(null,null,p,{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:Ke},ce,he),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:Ke},pe,ue),a(null,null,m,{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:Ke},me,ge),a(null,null,g,{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:Ke},ve,be),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:Ke},ye,fe),a(null,null,b,{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:Ke},we,De),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:Ke},xe,ke),a(null,null,f,{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:Ke},Ce,$e),a(null,null,w,{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:Ke},Ee,Pe),a(null,null,D,{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:Ke},Se,ze),a(null,null,x,{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:Ke},Te,Ye),a(null,null,k,{kind:"field",name:"columns",static:!1,private:!1,access:{has:e=>"columns"in e,get:e=>e.columns,set:(e,t)=>{e.columns=t}},metadata:Ke},Me,Fe),a(null,null,C,{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:Ke},Be,Ve),a(null,null,$,{kind:"field",name:"presets",static:!1,private:!1,access:{has:e=>"presets"in e,get:e=>e.presets,set:(e,t)=>{e.presets=t}},metadata:Ke},Oe,Ne),a(null,null,E,{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:Ke},Ie,Ge),a(null,null,P,{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:Ke},Le,Re),a(null,null,S,{kind:"field",name:"calendarEl",static:!1,private:!1,access:{has:e=>"calendarEl"in e,get:e=>e.calendarEl,set:(e,t)=>{e.calendarEl=t}},metadata:Ke},je,qe),a(null,null,z,{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:Ke},Ae,He),a(null,null,T,{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:Ke},We,Je),a(null,e={value:r},W,{kind:"class",name:r.name,metadata:Ke},null,J),r=e.value,Ke&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:Ke}),i(r,J)}constructor(){super(),this.internals=i(this,U),this.start=i(this,Z,""),this.end=(i(this,Q),i(this,X,"")),this.size=(i(this,_),i(this,ee,"medium")),this.variant=(i(this,te),i(this,ae,"outlined")),this.format=(i(this,ie),i(this,re,"mm/dd/yyyy")),this.placeholder=(i(this,se),i(this,ne,"")),this.label=(i(this,oe),i(this,le,"")),this.helperText=(i(this,de),i(this,ce,"")),this.errorText=(i(this,he),i(this,pe,"")),this.disabled=(i(this,ue),i(this,me,!1)),this.readonly=(i(this,ge),i(this,ve,!1)),this.loading=(i(this,be),i(this,ye,!1)),this.required=(i(this,fe),i(this,we,!1)),this.invalid=(i(this,De),i(this,xe,!1)),this.clearable=(i(this,ke),i(this,Ce,!1)),this.min=(i(this,$e),i(this,Ee,"")),this.max=(i(this,Pe),i(this,Se,"")),this.name=(i(this,ze),i(this,Te,"")),this.columns=(i(this,Ye),i(this,Me,1)),this.firstDayOfWeek=(i(this,Fe),i(this,Be,0)),this.presets=(i(this,Ve),i(this,Oe,[])),this.showCalendar=(i(this,Ne),i(this,Ie,!1)),this.input=(i(this,Ge),i(this,Le,void 0)),this.calendarEl=(i(this,Re),i(this,je,void 0)),this.clearButton=(i(this,qe),i(this,Ae,void 0)),this.calendarToggle=(i(this,He),i(this,We,void 0)),this.startDate=(i(this,Je),null),this.endDate=null,this.viewDate=new Date,this.selectionPhase="idle",this.hoverDate=null,this.presetPreviewStart=null,this.presetPreviewEnd=null,this.calendarView="days",this.yearRangeStart=0,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())}componentStyles(){return t.css`${":host{display:inline-block;position:relative;width:100%;max-width:20rem;box-sizing:border-box;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);font-size:var(--snice-font-size-sm, .875rem);line-height:var(--snice-line-height-normal, 1.5)}.date-picker-wrapper{display:flex;flex-direction:column}.label{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);line-height:var(--snice-line-height-normal, 1.5);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-2xs,.25rem)}.label--required::after{content:'*';color:var(--snice-color-danger,rgb(220 38 38));margin-left:var(--snice-spacing-2xs,.25rem)}.input-container{position:relative;display:flex;align-items:center;anchor-name:--drp-anchor}.input{width:100%;box-sizing:border-box;min-height:2.5rem;border:1px solid var(--snice-color-border,rgb(226 226 226));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;font-family:inherit;line-height:var(--snice-line-height-normal, 1.5);background:var(--snice-color-background-input,rgb(248 247 245));color:var(--snice-color-text,rgb(23 23 23));transition:border-color var(--snice-transition-fast, .15s) ease,box-shadow var(--snice-transition-fast, .15s) ease;cursor:default}.input:focus{outline:0;border-color:var(--snice-color-border-focus,rgb(37 99 235));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.input--small{padding:.375rem 2.75rem .375rem .625rem;font-size:var(--snice-font-size-sm, .875rem)}.input--large{padding:.75rem 3.5rem .75rem 1rem;font-size:var(--snice-font-size-md, 1rem)}.input--filled{background:var(--snice-color-background-secondary,rgb(245 245 245));border:1px solid transparent}.input--underlined{border:none;border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:0;background:0 0;padding-left:0}.input--invalid{border-color:var(--snice-color-danger,rgb(220 38 38))}.input--invalid:focus{border-color:var(--snice-color-danger,rgb(220 38 38));box-shadow:0 0 0 3px var(--snice-color-danger-alpha,rgb(220 38 38 / .1))}.input:disabled{background:var(--snice-color-background-secondary,rgb(245 245 245));color:var(--snice-color-text-tertiary,rgb(115 115 115));cursor:not-allowed}:host(:not([disabled]):not([readonly]):not([loading])) .input{cursor:pointer}.calendar-toggle,.clear-button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);padding:.25rem;border:none;background:0 0;color:var(--snice-color-text-secondary,rgb(82 82 82));cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease}.clear-button{right:2.5rem}.calendar-toggle:hover,.clear-button:hover{color:var(--snice-color-text,rgb(23 23 23));background:var(--snice-color-background-tertiary,rgb(240 240 240))}.calendar-toggle:disabled,.clear-button:disabled{opacity:.5;cursor:not-allowed}.input--loading{cursor:wait}.input--loading~.calendar-toggle{visibility:hidden}.spinner{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);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[popover]{position:fixed;inset:auto;margin:0;z-index:var(--snice-z-index-dropdown,1000);background:var(--snice-color-background-element,rgb(252 251 249));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,8px);box-shadow:var(--snice-shadow-lg,0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1));padding:var(--snice-spacing-md,1rem);min-width:280px;pointer-events:none;opacity:0;transform:translateY(-8px) scaleY(.96);transform-origin:top left;transition:opacity var(--snice-transition-fast, 150ms) ease,transform var(--snice-transition-fast, 150ms) ease,display var(--snice-transition-fast, 150ms) allow-discrete,overlay var(--snice-transition-fast, 150ms) allow-discrete}.calendar--open,.calendar[popover]:popover-open{opacity:1;transform:translateY(0) scaleY(1);pointer-events:auto}@supports (position-anchor:--a){.calendar[popover]{position-anchor:--drp-anchor;top:calc(anchor(bottom) + 2px);left:anchor(left);min-width:anchor-size(width)}}.calendar[hidden]{display:none}.calendar-body{display:flex;gap:var(--snice-spacing-md,1rem)}.presets{display:flex;flex-direction:column;gap:var(--snice-spacing-2xs,.25rem);min-width:8rem;border-right:1px solid var(--snice-color-border,rgb(226 226 226));padding-right:var(--snice-spacing-md,1rem)}.preset-button{background:0 0;border:none;padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-xs,.5rem);font-size:var(--snice-font-size-sm, .875rem);font-family:inherit;color:var(--snice-color-text,rgb(23 23 23));cursor:pointer;border-radius:var(--snice-border-radius-md,4px);text-align:left;transition:background-color var(--snice-transition-fast, .15s) ease;white-space:nowrap}.preset-button:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.preset-button--active{background:var(--snice-color-primary-subtle,hsl(214 100% 97%));color:var(--snice-color-primary,rgb(37 99 235));font-weight:var(--snice-font-weight-medium,500)}.months{display:flex;gap:var(--snice-spacing-md,1rem);flex:1}.month{flex:1;min-width:240px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--snice-spacing-md,1rem)}.calendar-title{flex:1;text-align:center}.month-label{font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23))}.nav-button{background:0 0;border:none;padding:.5rem;cursor:pointer;color:var(--snice-color-text-secondary,rgb(82 82 82));border-radius:4px;transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease}.nav-button:hover{color:var(--snice-color-text,rgb(23 23 23));background:var(--snice-color-background-tertiary,rgb(240 240 240))}.nav-button--hidden{visibility:hidden}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:var(--snice-spacing-xs,.5rem)}.weekday{text-align:center;font-size:var(--snice-font-size-xs, .75rem);font-weight:600;color:var(--snice-color-text-secondary,rgb(82 82 82));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,rgb(23 23 23));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):not(.day--empty):not(.day--range-start):not(.day--range-end):not(.day--in-range):not(.day--range-preview):not(.day--preset-preview):not(.day--preset-preview-endpoint){background:var(--snice-color-background-tertiary,rgb(240 240 240))}.day--today{outline:2px solid var(--snice-color-primary,rgb(37 99 235));outline-offset:-2px;color:var(--snice-color-primary,rgb(37 99 235));font-weight:var(--snice-font-weight-semibold,600)}.day--disabled{color:var(--snice-color-text-disabled,rgb(180 180 180));cursor:not-allowed}.day--empty{cursor:default}.day--range-start{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));font-weight:var(--snice-font-weight-semibold,600);border-radius:var(--snice-border-radius-md,4px) 0 0 var(--snice-border-radius-md,4px)}.day--range-start:hover{background:var(--snice-color-primary,rgb(37 99 235))}.day--range-end{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));font-weight:var(--snice-font-weight-semibold,600);border-radius:0 var(--snice-border-radius-md,4px) var(--snice-border-radius-md,4px) 0}.day--range-end:hover{background:var(--snice-color-primary,rgb(37 99 235))}.day--range-start.day--range-end{border-radius:var(--snice-border-radius-md,4px)}.day--in-range{background:var(--snice-color-primary-subtle-hover,hsl(214 95% 93%));color:var(--snice-color-primary,rgb(37 99 235));border-radius:0}.day--in-range:hover:not(.day--disabled){background:var(--snice-color-primary-subtle-hover,hsl(214 95% 93%));filter:brightness(.95)}.day--range-preview{background:var(--snice-color-primary-subtle,hsl(214 100% 97%));color:var(--snice-color-primary,rgb(37 99 235));border-radius:0}.day--preset-preview-endpoint{outline:2px dashed var(--snice-color-primary,rgb(37 99 235));outline-offset:-2px;color:var(--snice-color-primary,rgb(37 99 235));font-weight:var(--snice-font-weight-semibold,600)}.day--preset-preview{background:var(--snice-color-primary-subtle,hsl(214 100% 97%));color:var(--snice-color-primary,rgb(37 99 235));border-radius:0}.year-button{background:0 0;border:none;font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-semibold,600);font-family:inherit;color:var(--snice-color-primary,rgb(37 99 235));cursor:pointer;padding:.125rem .375rem;border-radius:var(--snice-border-radius-md,4px);transition:background-color var(--snice-transition-fast, .15s) ease}.year-button:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem 0}.year-cell{border:none;background:0 0;cursor:pointer;padding:.625rem .25rem;border-radius:var(--snice-border-radius-md,4px);font-size:var(--snice-font-size-sm, .875rem);font-family:inherit;color:var(--snice-color-text,rgb(23 23 23));transition:background-color var(--snice-transition-fast, .15s) ease,color var(--snice-transition-fast, .15s) ease}.year-cell:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.year-cell--current{outline:2px solid var(--snice-color-primary,rgb(37 99 235));outline-offset:-2px;color:var(--snice-color-primary,rgb(37 99 235));font-weight:var(--snice-font-weight-semibold,600)}.year-cell--selected{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));font-weight:var(--snice-font-weight-semibold,600)}.calendar-footer{margin-top:var(--snice-spacing-md,1rem);padding-top:var(--snice-spacing-md,1rem);border-top:1px solid var(--snice-color-border,rgb(226 226 226));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,rgb(82 82 82))}.error-text{color:var(--snice-color-danger,rgb(220 38 38))}:host([size=small]) .calendar{min-width:240px;padding:.75rem}:host([size=small]) .day{width:28px;height:28px;font-size:var(--snice-font-size-sm, .8125rem)}:host([size=large]) .calendar{min-width:320px;padding:1.25rem}:host([size=large]) .day{width:36px;height:36px;font-size:var(--snice-font-size-md, .9375rem)}@media (max-width:640px){.calendar{min-width:280px}.calendar-body{flex-direction:column}.presets{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));padding-right:0;padding-bottom:var(--snice-spacing-sm,.75rem);margin-bottom:var(--snice-spacing-sm,.75rem);min-width:unset}.months{flex-direction:column}}"}`}template(){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(" "),i=this.presets&&this.presets.length>0,r=2===this.columns,s=new Date(this.viewDate.getFullYear(),this.viewDate.getMonth()+1,1);return t.html`
       <div class="date-picker-wrapper">
         <if ${this.label}>
           <label class="${e}">
@@ -68,7 +68,7 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
             @mouseout=${()=>this.handleCalendarMouseOut()}
           >
             <div class="calendar-body">
-              <if ${r}>
+              <if ${i}>
                 <div class="presets"
                   @mouseover=${e=>this.handlePresetHover(e)}
                   @mouseout=${e=>this.handlePresetHoverOut(e)}
@@ -116,7 +116,7 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
                         <div class="calendar-title">
                           <span class="month-label">${this.monthNames[this.viewDate.getMonth()]} </span><button class="year-button" type="button" data-nav="show-years">${this.viewDate.getFullYear()}</button>
                         </div>
-                        <button class="nav-button ${i?"nav-button--hidden":""}" type="button" data-nav="next-month" aria-label="Next month">
+                        <button class="nav-button ${r?"nav-button--hidden":""}" type="button" data-nav="next-month" aria-label="Next month">
                           <svg viewBox="0 0 24 24" width="20" height="20">
                             <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" fill="currentColor"/>
                           </svg>
@@ -126,7 +126,7 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
                       <div class="calendar-days">${this.getDaysGrid(this.viewDate.getFullYear(),this.viewDate.getMonth())}</div>
                     </div>
 
-                    <if ${i}>
+                    <if ${r}>
                       <div class="month">
                         <div class="calendar-header">
                           <button class="nav-button nav-button--hidden" type="button" aria-label="Previous month">
@@ -170,17 +170,17 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
           <default></default>
         </case>
       </div>
-    `}init(){this.parseInitialValues(),this.updateFormValue(),queueMicrotask(()=>this.updateClearButton()),this.setupClickOutside()}getDisplayValue(){const e=this.startDate?this.formatDate(this.startDate):"",t=this.endDate?this.formatDate(this.endDate):"";return e&&t?`${e}  —  ${t}`:e||""}getPlaceholder(){const e=this.getPlaceholderForFormat();return`${e}  —  ${e}`}parseDate(e){if(!e)return null;const t=e.match(/^(\d{4})-(\d{2})-(\d{2})$/);if(t){const[,e,a,r]=t.map(Number),i=new Date(e,a-1,r);if(!isNaN(i.getTime()))return i}if("mmmm dd, yyyy"===this.format){const t=e.match(/^([A-Za-z]+)\s+(\d{1,2}),\s+(\d{4})$/);if(t){const[,e,a,r]=t,i=this.monthNames.findIndex(t=>t.toLowerCase()===e.toLowerCase());if(i>=0){const e=new Date(parseInt(r),i,parseInt(a));if(!isNaN(e.getTime()))return e}}return null}const a=e.split(/[-\/]/);if(3===a.length){let e,t,r;switch(this.format){case"mm/dd/yyyy":case"mm-dd-yyyy":[t,r,e]=a.map(Number);break;case"dd/mm/yyyy":case"dd-mm-yyyy":[r,t,e]=a.map(Number);break;case"yyyy-mm-dd":case"yyyy/mm/dd":[e,t,r]=a.map(Number);break;default:return null}if(e&&t&&r){const a=new Date(e,t-1,r);if(!isNaN(a.getTime()))return a}}return null}formatDate(e){if(!e)return"";const t=e.getFullYear(),a=e.getMonth()+1,r=e.getDate(),i=a.toString().padStart(2,"0"),s=r.toString().padStart(2,"0"),n=t.toString();switch(this.format){case"mm/dd/yyyy":default:return`${i}/${s}/${n}`;case"dd/mm/yyyy":return`${s}/${i}/${n}`;case"yyyy-mm-dd":return`${n}-${i}-${s}`;case"yyyy/mm/dd":return`${n}/${i}/${s}`;case"dd-mm-yyyy":return`${s}-${i}-${n}`;case"mm-dd-yyyy":return`${i}-${s}-${n}`;case"mmmm dd, yyyy":return`${this.monthNames[e.getMonth()]} ${s}, ${n}`}}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"}}getYearsGrid(){const e=(new Date).getFullYear(),a=this.viewDate.getFullYear(),r=[];for(let i=0;i<12;i++){const s=this.yearRangeStart+i,n=["year-cell"];s===e&&n.push("year-cell--current"),s===a&&n.push("year-cell--selected"),r.push(t.html`
+    `}init(){this.parseInitialValues(),this.updateFormValue(),queueMicrotask(()=>this.updateClearButton()),this.setupClickOutside()}getDisplayValue(){const e=this.startDate?this.formatDate(this.startDate):"",t=this.endDate?this.formatDate(this.endDate):"";return e&&t?`${e}  —  ${t}`:e||""}getPlaceholder(){const e=this.getPlaceholderForFormat();return`${e}  —  ${e}`}parseDate(e){if(!e)return null;const t=e.match(/^(\d{4})-(\d{2})-(\d{2})$/);if(t){const[,e,a,i]=t.map(Number),r=new Date(e,a-1,i);if(!isNaN(r.getTime()))return r}if("mmmm dd, yyyy"===this.format){const t=e.match(/^([A-Za-z]+)\s+(\d{1,2}),\s+(\d{4})$/);if(t){const[,e,a,i]=t,r=this.monthNames.findIndex(t=>t.toLowerCase()===e.toLowerCase());if(r>=0){const e=new Date(parseInt(i),r,parseInt(a));if(!isNaN(e.getTime()))return e}}return null}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(),r=a.toString().padStart(2,"0"),s=i.toString().padStart(2,"0"),n=t.toString();switch(this.format){case"mm/dd/yyyy":default:return`${r}/${s}/${n}`;case"dd/mm/yyyy":return`${s}/${r}/${n}`;case"yyyy-mm-dd":return`${n}-${r}-${s}`;case"yyyy/mm/dd":return`${n}/${r}/${s}`;case"dd-mm-yyyy":return`${s}-${r}-${n}`;case"mm-dd-yyyy":return`${r}-${s}-${n}`;case"mmmm dd, yyyy":return`${this.monthNames[e.getMonth()]} ${s}, ${n}`}}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"}}getYearsGrid(){const e=(new Date).getFullYear(),a=this.viewDate.getFullYear(),i=[];for(let r=0;r<12;r++){const s=this.yearRangeStart+r,n=["year-cell"];s===e&&n.push("year-cell--current"),s===a&&n.push("year-cell--selected"),i.push(t.html`
         <button class="${n.join(" ")}" type="button" data-year="${s}">${s}</button>
-      `)}return r}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(e,a){const r=new Date(e,a,1),i=new Date(e,a+1,0);let s=r.getDay()-this.firstDayOfWeek;s<0&&(s+=7);const n=i.getDate(),o=new Date,l=(e,t)=>null!==t&&e.getDate()===t.getDate()&&e.getMonth()===t.getMonth()&&e.getFullYear()===t.getFullYear(),d=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},c=[];for(let e=0;e<s;e++)c.push(t.html`<div class="day day--empty"></div>`);for(let r=1;r<=n;r++){const i=new Date(e,a,r),s=["day"];l(i,o)&&s.push("day--today"),d(i)&&s.push("day--disabled");const n=l(i,this.startDate),h=l(i,this.endDate);if(n&&s.push("day--range-start"),h&&s.push("day--range-end"),this.startDate&&this.endDate&&!n&&!h){const e=i.getTime();e>this.startDate.getTime()&&e<this.endDate.getTime()&&s.push("day--in-range")}if("selecting"===this.selectionPhase&&this.startDate&&this.hoverDate&&!n){const e=i.getTime(),t=this.startDate.getTime(),a=this.hoverDate.getTime(),r=Math.min(t,a),n=Math.max(t,a);(e>r&&e<n||l(i,this.hoverDate))&&s.push("day--range-preview")}if(this.presetPreviewStart&&this.presetPreviewEnd){const e=i.getTime(),t=this.presetPreviewStart.getTime(),a=this.presetPreviewEnd.getTime();l(i,this.presetPreviewStart)||l(i,this.presetPreviewEnd)?s.push("day--preset-preview-endpoint"):e>t&&e<a&&s.push("day--preset-preview")}const p=`${e}-${(a+1).toString().padStart(2,"0")}-${r.toString().padStart(2,"0")}`;c.push(t.html`
+      `)}return i}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(e,a){const i=new Date(e,a,1),r=new Date(e,a+1,0);let s=i.getDay()-this.firstDayOfWeek;s<0&&(s+=7);const n=r.getDate(),o=new Date,l=(e,t)=>null!==t&&e.getDate()===t.getDate()&&e.getMonth()===t.getMonth()&&e.getFullYear()===t.getFullYear(),d=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},c=[];for(let e=0;e<s;e++)c.push(t.html`<div class="day day--empty"></div>`);for(let i=1;i<=n;i++){const r=new Date(e,a,i),s=["day"];l(r,o)&&s.push("day--today"),d(r)&&s.push("day--disabled");const n=l(r,this.startDate),h=l(r,this.endDate);if(n&&s.push("day--range-start"),h&&s.push("day--range-end"),this.startDate&&this.endDate&&!n&&!h){const e=r.getTime();e>this.startDate.getTime()&&e<this.endDate.getTime()&&s.push("day--in-range")}if("selecting"===this.selectionPhase&&this.startDate&&this.hoverDate&&!n){const e=r.getTime(),t=this.startDate.getTime(),a=this.hoverDate.getTime(),i=Math.min(t,a),n=Math.max(t,a);(e>i&&e<n||l(r,this.hoverDate))&&s.push("day--range-preview")}if(this.presetPreviewStart&&this.presetPreviewEnd){const e=r.getTime(),t=this.presetPreviewStart.getTime(),a=this.presetPreviewEnd.getTime();l(r,this.presetPreviewStart)||l(r,this.presetPreviewEnd)?s.push("day--preset-preview-endpoint"):e>t&&e<a&&s.push("day--preset-preview")}const p=`${e}-${(a+1).toString().padStart(2,"0")}-${i.toString().padStart(2,"0")}`;c.push(t.html`
         <button
           class="${s.join(" ")}"
           type="button"
           data-date="${p}"
-          ?disabled="${d(i)}"
-          aria-label="${this.formatDate(i)}"
+          ?disabled="${d(r)}"
+          aria-label="${this.formatDate(r)}"
         >
-          ${r}
+          ${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 r=t.closest("[data-date]");if(r){const e=r.getAttribute("data-date");if(e){const[t,a,r]=e.split("-").map(Number);this.handleDaySelect(new Date(t,a-1,r))}return}const i=t.closest("[data-preset]");if(i){const e=parseInt(i.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,r]=e.split("-").map(Number);this.hoverDate=new Date(t,a-1,r),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),r=this.presets[a];if(!r)return;const i=r.start instanceof Date?r.start:this.parseDate(r.start),s=r.end instanceof Date?r.end:this.parseDate(r.end);i&&s&&(this.presetPreviewStart=i.getTime()<=s.getTime()?i:s,this.presetPreviewEnd=i.getTime()<=s.getTime()?s:i,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,r=new Date(e);for(;r<=t;){const e=`${r.getFullYear()}-${r.getMonth()}`;a.set(e,(a.get(e)||0)+1),r.setDate(r.getDate()+1)}let i="",s=0;for(const[e,t]of a)t>s&&(s=t,i=e);if(i){const[e,t]=i.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,r=t;if(a.getTime()>r.getTime()){const e=a;a=r,r=e}this.startDate=a,this.endDate=r,this.start=this.formatDate(a),this.end=this.formatDate(r),this.selectionPhase="idle",this.hoverDate=null,this.viewDate=this.getBestViewDate(a,r),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)}},i})();return e.SniceDateRangePicker=i,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=>{!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);
 //# sourceMappingURL=snice-date-range-picker.min.js.map