snice 4.28.0 → 4.30.0

package/dist/cdn/date-picker/snice-date-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-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,o=i.kind,d="getter"===o?"get":"setter"===o?"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 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(u)throw new TypeError("Cannot add initializers after decoration has completed");n.push(r(e||null))};var v=(0,a[p])("accessor"===o?{get:h.get,set:h.set}:h[d],m);if("accessor"===o){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(l=r(v.get))&&(h.get=l),(l=r(v.set))&&(h.set=l),(l=r(v.init))&&s.unshift(l)}else(l=r(v))&&("field"===o?s.unshift(l):h[d]=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,o,d,c,h,u,p,m,g,v,y,b,f,w,k,x,D,C,$,z,E,B,S,Y,T,V,M,F,I,O,P,N,q,L,G,j,A,R,W,H,J=[t.element("snice-date-picker",{formAssociated:!0})],K=[],Z=HTMLElement,U=[],X=[],Q=[],_=[],ee=[],te=[],ae=[],ie=[],se=[],ne=[],re=[],le=[],oe=[],de=[],ce=[],he=[],ue=[],pe=[],me=[],ge=[],ve=[],ye=[],be=[],fe=[],we=[],ke=[],xe=[],De=[],Ce=[],$e=[],ze=[],Ee=[],Be=[],Se=[],Ye=[],Te=[],Ve=[],Me=[],Fe=[],Ie=[],Oe=[],Pe=[],Ne=[],qe=[],Le=[],Ge=[],je=[],Ae=[],Re=[],We=[],He=[];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({})],o=[t.property({})],d=[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})],g=[t.property({type:Boolean})],v=[t.property({type:Boolean})],y=[t.property({type:Boolean})],b=[t.property({type:Boolean})],f=[t.property({})],w=[t.property({})],k=[t.property({})],x=[t.property({type:Boolean,attribute:"show-calendar"})],D=[t.property({type:Number,attribute:"first-day-of-week"})],C=[t.query(".input")],$=[t.query(".calendar")],z=[t.query(".clear-button")],E=[t.query(".calendar-toggle")],B=[t.query(".day--selected")],S=[t.query(".day:not(.day--empty):not(.day--disabled)")],Y=[t.styles()],T=[t.render()],V=[t.ready()],M=[t.watch("value")],F=[t.watch("show-calendar")],I=[t.watch("disabled")],O=[t.watch("readonly")],P=[t.watch("invalid")],N=[t.watch("format")],q=[t.dispatch("datepicker-input",{bubbles:!0,composed:!0})],L=[t.dispatch("datepicker-change",{bubbles:!0,composed:!0})],G=[t.dispatch("datepicker-focus",{bubbles:!0,composed:!0})],j=[t.dispatch("datepicker-blur",{bubbles:!0,composed:!0})],A=[t.dispatch("datepicker-open",{bubbles:!0,composed:!0})],R=[t.dispatch("datepicker-close",{bubbles:!0,composed:!0})],W=[t.dispatch("datepicker-clear",{bubbles:!0,composed:!0})],H=[t.dispatch("datepicker-select",{bubbles:!0,composed:!0})],a(this,null,Y,{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,T,{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,M,{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,P,{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,N,{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,q,{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,L,{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,G,{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,j,{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,A,{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,R,{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,H,{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,o,{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,d,{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,oe),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},de,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},ge,ve),a(null,null,g,{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,v,{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,we),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},ke,xe),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},De,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,ze),a(null,null,w,{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},Ee,Be),a(null,null,k,{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,Ye),a(null,null,x,{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},Te,Ve),a(null,null,D,{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},Me,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},Pe,Ne),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:Je},qe,Le),a(null,null,E,{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},Ge,je),a(null,null,B,{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},Ae,Re),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,He),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,oe),i(this,de,"")),this.errorText=(i(this,ce),i(this,he,"")),this.disabled=(i(this,ue),i(this,pe,!1)),this.readonly=(i(this,me),i(this,ge,!1)),this.loading=(i(this,ve),i(this,ye,!1)),this.required=(i(this,be),i(this,fe,!1)),this.invalid=(i(this,we),i(this,ke,!1)),this.clearable=(i(this,xe),i(this,De,!1)),this.min=(i(this,Ce),i(this,$e,"")),this.max=(i(this,ze),i(this,Ee,"")),this.name=(i(this,Be),i(this,Se,"")),this.showCalendar=(i(this,Ye),i(this,Te,!1)),this.firstDayOfWeek=(i(this,Ve),i(this,Me,0)),this.input=(i(this,Fe),i(this,Ie,void 0)),this.calendar=(i(this,Oe),i(this,Pe,void 0)),this.clearButton=(i(this,Ne),i(this,qe,void 0)),this.calendarToggle=(i(this,Le),i(this,Ge,void 0)),this.selectedDayButton=(i(this,je),i(this,Ae,void 0)),this.firstDayButton=(i(this,Re),i(this,We,void 0)),this.selectedDate=(i(this,He),null),this.viewDate=new Date,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())}styles(){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:--dp-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}.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}.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,rgb(82 82 82));cursor:pointer;border-radius:4px;transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease}.calendar-toggle{right:.5rem}.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[popover]:popover-open{opacity:1;transform:translateY(0) scaleY(1);pointer-events:auto}@supports (position-anchor:--a){.calendar[popover]{position-anchor:--dp-anchor;top:calc(anchor(bottom) + 4px);left:anchor(left);min-width:anchor-size(width)}}.calendar[hidden]{display:none}.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-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,rgb(23 23 23));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,rgb(240 240 240))}.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))}.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){background:var(--snice-color-background-tertiary,rgb(240 240 240))}.day--today{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-semibold,600)}.day--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)}.day--disabled{color:var(--snice-color-text-disabled,rgb(180 180 180));cursor:not-allowed}.day--empty{cursor:default}.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)}.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))}.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{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,o=i.kind,d="getter"===o?"get":"setter"===o?"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 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(u)throw new TypeError("Cannot add initializers after decoration has completed");n.push(r(e||null))};var v=(0,a[p])("accessor"===o?{get:h.get,set:h.set}:h[d],m);if("accessor"===o){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(l=r(v.get))&&(h.get=l),(l=r(v.set))&&(h.set=l),(l=r(v.init))&&s.unshift(l)}else(l=r(v))&&("field"===o?s.unshift(l):h[d]=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,o,d,c,h,u,p,m,g,v,y,b,f,w,k,x,D,C,$,z,E,B,S,Y,T,V,M,F,I,O,P,N,q,L,G,j,A,R,W,H,J=[t.element("snice-date-picker",{formAssociated:!0})],K=[],Z=HTMLElement,U=[],X=[],Q=[],_=[],ee=[],te=[],ae=[],ie=[],se=[],ne=[],re=[],le=[],oe=[],de=[],ce=[],he=[],ue=[],pe=[],me=[],ge=[],ve=[],ye=[],be=[],fe=[],we=[],ke=[],xe=[],De=[],Ce=[],$e=[],ze=[],Ee=[],Be=[],Se=[],Ye=[],Te=[],Ve=[],Me=[],Fe=[],Ie=[],Oe=[],Pe=[],Ne=[],qe=[],Le=[],Ge=[],je=[],Ae=[],Re=[],We=[],He=[];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({})],o=[t.property({})],d=[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})],g=[t.property({type:Boolean})],v=[t.property({type:Boolean})],y=[t.property({type:Boolean})],b=[t.property({type:Boolean})],f=[t.property({})],w=[t.property({})],k=[t.property({})],x=[t.property({type:Boolean,attribute:"show-calendar"})],D=[t.property({type:Number,attribute:"first-day-of-week"})],C=[t.query(".input")],$=[t.query(".calendar")],z=[t.query(".clear-button")],E=[t.query(".calendar-toggle")],B=[t.query(".day--selected")],S=[t.query(".day:not(.day--empty):not(.day--disabled)")],Y=[t.styles()],T=[t.render()],V=[t.ready()],M=[t.watch("value")],F=[t.watch("show-calendar")],I=[t.watch("disabled")],O=[t.watch("readonly")],P=[t.watch("invalid")],N=[t.watch("format")],q=[t.dispatch("datepicker-input",{bubbles:!0,composed:!0})],L=[t.dispatch("datepicker-change",{bubbles:!0,composed:!0})],G=[t.dispatch("datepicker-focus",{bubbles:!0,composed:!0})],j=[t.dispatch("datepicker-blur",{bubbles:!0,composed:!0})],A=[t.dispatch("datepicker-open",{bubbles:!0,composed:!0})],R=[t.dispatch("datepicker-close",{bubbles:!0,composed:!0})],W=[t.dispatch("datepicker-clear",{bubbles:!0,composed:!0})],H=[t.dispatch("datepicker-select",{bubbles:!0,composed:!0})],a(this,null,Y,{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,T,{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,M,{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,P,{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,N,{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,q,{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,L,{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,G,{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,j,{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,A,{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,R,{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,H,{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,o,{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,d,{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,oe),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},de,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},ge,ve),a(null,null,g,{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,v,{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,we),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},ke,xe),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},De,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,ze),a(null,null,w,{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},Ee,Be),a(null,null,k,{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,Ye),a(null,null,x,{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},Te,Ve),a(null,null,D,{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},Me,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},Pe,Ne),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:Je},qe,Le),a(null,null,E,{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},Ge,je),a(null,null,B,{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},Ae,Re),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,He),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,oe),i(this,de,"")),this.errorText=(i(this,ce),i(this,he,"")),this.disabled=(i(this,ue),i(this,pe,!1)),this.readonly=(i(this,me),i(this,ge,!1)),this.loading=(i(this,ve),i(this,ye,!1)),this.required=(i(this,be),i(this,fe,!1)),this.invalid=(i(this,we),i(this,ke,!1)),this.clearable=(i(this,xe),i(this,De,!1)),this.min=(i(this,Ce),i(this,$e,"")),this.max=(i(this,ze),i(this,Ee,"")),this.name=(i(this,Be),i(this,Se,"")),this.showCalendar=(i(this,Ye),i(this,Te,!1)),this.firstDayOfWeek=(i(this,Ve),i(this,Me,0)),this.input=(i(this,Fe),i(this,Ie,void 0)),this.calendar=(i(this,Oe),i(this,Pe,void 0)),this.clearButton=(i(this,Ne),i(this,qe,void 0)),this.calendarToggle=(i(this,Le),i(this,Ge,void 0)),this.selectedDayButton=(i(this,je),i(this,Ae,void 0)),this.firstDayButton=(i(this,Re),i(this,We,void 0)),this.selectedDate=(i(this,He),null),this.viewDate=new Date,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())}styles(){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:--dp-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}.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}.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,rgb(82 82 82));cursor:pointer;border-radius:4px;transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease}.calendar-toggle{right:.5rem}.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[popover]:popover-open{opacity:1;transform:translateY(0) scaleY(1);pointer-events:auto}@supports (position-anchor:--a){.calendar[popover]{position-anchor:--dp-anchor;top:calc(anchor(bottom) + 4px);left:anchor(left);min-width:anchor-size(width)}}.calendar[hidden]{display:none}.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-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,rgb(23 23 23));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,rgb(240 240 240))}.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))}.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){background:var(--snice-color-background-tertiary,rgb(240 240 240))}.day--today{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-semibold,600)}.day--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)}.day--disabled{color:var(--snice-color-text-disabled,rgb(180 180 180));cursor:not-allowed}.day--empty{cursor:default}.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)}.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))}.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{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}">