snice 7.5.0 → 7.7.0

package/dist/cdn/calendar/snice-calendar.min.js

@@ -1,2 +1,29 @@
-void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-calendar.min.js");var SniceCalendar=function(e,t){"use strict";function a(e,t,a,i,n,s){function r(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var l,o=i.kind,c="getter"===o?"get":"setter"===o?"set":"value",d=!t&&e?i.static?e:e.prototype:null,h=t||(d?Object.getOwnPropertyDescriptor(d,i.name):{}),u=!1,g=a.length-1;g>=0;g--){var p={};for(var m in i)p[m]="access"===m?{}:i[m];for(var m in i.access)p.access[m]=i.access[m];p.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");s.push(r(e||null))};var y=(0,a[g])("accessor"===o?{get:h.get,set:h.set}:h[c],p);if("accessor"===o){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(l=r(y.get))&&(h.get=l),(l=r(y.set))&&(h.set=l),(l=r(y.init))&&n.unshift(l)}else(l=r(y))&&("field"===o?n.unshift(l):h[c]=l)}d&&Object.defineProperty(d,i.name,h),u=!0}function i(e,t,a){for(var i=arguments.length>2,n=0;n<t.length;n++)a=i?t[n].call(e,a):t[n].call(e);return i?a:void 0}"function"==typeof SuppressedError&&SuppressedError;let n=(()=>{let e,n,s,r,l,o,c,d,h,u,g,p,m,y,v,b,f,D,_=[t.element("snice-calendar")],w=[],k=HTMLElement,x=[],C=[],E=[],S=[],M=[],T=[],A=[],N=[],F=[],W=[],z=[],O=[],Y=[],I=[],V=[],L=[],P=[],j=[],R=[],B=[],H=[];return class extends k{static{n=this}constructor(){super(...arguments),this.value=(i(this,x),i(this,C,new Date)),this.view=(i(this,E),i(this,S,"month")),this.events=(i(this,M),i(this,T,[])),this.minDate=(i(this,A),i(this,N,"")),this.maxDate=(i(this,F),i(this,W,"")),this.disabledDates=(i(this,z),i(this,O,[])),this.highlightToday=(i(this,Y),i(this,I,!0)),this.showWeekNumbers=(i(this,V),i(this,L,!1)),this.firstDayOfWeek=(i(this,P),i(this,j,0)),this.locale=(i(this,R),i(this,B,"en-US")),this.displayDate=(i(this,H),new Date),this.dayCells=[],this.focusedDate=null,this.handleGridKeydown=e=>{const t=e.target.__date;if(!t)return;let a=null,i=null;switch(e.key){case"ArrowLeft":a=-1;break;case"ArrowRight":a=1;break;case"ArrowUp":a=-7;break;case"ArrowDown":a=7;break;case"Home":a=-t.getDay();break;case"End":a=6-t.getDay();break;case"PageUp":i=-1;break;case"PageDown":i=1;break;case"Enter":case" ":return e.preventDefault(),void this.handleDayClick(t);default:return}e.preventDefault();const n=new Date(t);null!==a&&n.setDate(t.getDate()+a),null!==i&&n.setMonth(t.getMonth()+i),n.getMonth()===this.displayDate.getMonth()&&n.getFullYear()===this.displayDate.getFullYear()||(this.displayDate=new Date(n.getFullYear(),n.getMonth(),1)),this.focusedDate=n,this.updateView(),requestAnimationFrame(()=>{const e=this.dayCells.find(e=>{return a=n,(t=e.__date).getFullYear()===a.getFullYear()&&t.getMonth()===a.getMonth()&&t.getDate()===a.getDate();var t,a});e?.focus()})}}static{const U="function"==typeof Symbol&&Symbol.metadata?Object.create(k[Symbol.metadata]??null):void 0;s=[t.property({type:Date})],r=[t.property({attribute:"view"})],l=[t.property({type:Array,attribute:!1})],o=[t.property({type:Date,attribute:"min-date"})],c=[t.property({type:Date,attribute:"max-date"})],d=[t.property({type:Array,attribute:!1})],h=[t.property({type:Boolean,attribute:"highlight-today"})],u=[t.property({type:Boolean,attribute:"show-week-numbers"})],g=[t.property({type:Number,attribute:"first-day-of-week"})],p=[t.property({attribute:"locale"})],m=[t.dispatch("calendar-change",{bubbles:!0,composed:!0})],y=[t.dispatch("calendar-event-click",{bubbles:!0,composed:!0})],v=[t.styles()],b=[t.ready()],f=[t.watch("value"),t.watch("events")],D=[t.watch("locale"),t.watch("firstDayOfWeek")],a(this,null,m,{kind:"method",name:"dispatchChange",static:!1,private:!1,access:{has:e=>"dispatchChange"in e,get:e=>e.dispatchChange},metadata:U},null,x),a(this,null,y,{kind:"method",name:"dispatchEventClick",static:!1,private:!1,access:{has:e=>"dispatchEventClick"in e,get:e=>e.dispatchEventClick},metadata:U},null,x),a(this,null,v,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:U},null,x),a(this,null,b,{kind:"method",name:"initialize",static:!1,private:!1,access:{has:e=>"initialize"in e,get:e=>e.initialize},metadata:U},null,x),a(this,null,f,{kind:"method",name:"handlePropertyChange",static:!1,private:!1,access:{has:e=>"handlePropertyChange"in e,get:e=>e.handlePropertyChange},metadata:U},null,x),a(this,null,D,{kind:"method",name:"handleWeekdayInputsChange",static:!1,private:!1,access:{has:e=>"handleWeekdayInputsChange"in e,get:e=>e.handleWeekdayInputsChange},metadata:U},null,x),a(null,null,s,{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:U},C,E),a(null,null,r,{kind:"field",name:"view",static:!1,private:!1,access:{has:e=>"view"in e,get:e=>e.view,set:(e,t)=>{e.view=t}},metadata:U},S,M),a(null,null,l,{kind:"field",name:"events",static:!1,private:!1,access:{has:e=>"events"in e,get:e=>e.events,set:(e,t)=>{e.events=t}},metadata:U},T,A),a(null,null,o,{kind:"field",name:"minDate",static:!1,private:!1,access:{has:e=>"minDate"in e,get:e=>e.minDate,set:(e,t)=>{e.minDate=t}},metadata:U},N,F),a(null,null,c,{kind:"field",name:"maxDate",static:!1,private:!1,access:{has:e=>"maxDate"in e,get:e=>e.maxDate,set:(e,t)=>{e.maxDate=t}},metadata:U},W,z),a(null,null,d,{kind:"field",name:"disabledDates",static:!1,private:!1,access:{has:e=>"disabledDates"in e,get:e=>e.disabledDates,set:(e,t)=>{e.disabledDates=t}},metadata:U},O,Y),a(null,null,h,{kind:"field",name:"highlightToday",static:!1,private:!1,access:{has:e=>"highlightToday"in e,get:e=>e.highlightToday,set:(e,t)=>{e.highlightToday=t}},metadata:U},I,V),a(null,null,u,{kind:"field",name:"showWeekNumbers",static:!1,private:!1,access:{has:e=>"showWeekNumbers"in e,get:e=>e.showWeekNumbers,set:(e,t)=>{e.showWeekNumbers=t}},metadata:U},L,P),a(null,null,g,{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:U},j,R),a(null,null,p,{kind:"field",name:"locale",static:!1,private:!1,access:{has:e=>"locale"in e,get:e=>e.locale,set:(e,t)=>{e.locale=t}},metadata:U},B,H),a(null,e={value:n},_,{kind:"class",name:n.name,metadata:U},null,w),n=e.value,U&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:U}),i(n,w)}computeRovingIndex(e){const t=(e,t)=>e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate();if(this.focusedDate){const a=e.findIndex(e=>t(e,this.focusedDate));if(a>=0)return a}if(this.value){const a=this.value instanceof Date?this.value:new Date(this.value);if(!isNaN(a.getTime())){const i=e.findIndex(e=>t(e,a));if(i>=0)return i}}const a=new Date,i=e.findIndex(e=>t(e,a));return i>=0?i:e.findIndex(e=>e.getMonth()===this.displayDate.getMonth())}dispatchChange(){return{value:this.value,calendar:this}}dispatchEventClick(e){return{event:e,calendar:this}}styles(){return t.css`${":host([hidden]){display:none}:host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style}.calendar{width:100%;max-width:37.5rem}.calendar__header{font-family:var(--snice-font-family-display, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);display:flex;align-items:center;justify-content:space-between;padding:var(--snice-spacing-md,1rem);background:var(--snice-color-surface,rgb(255 255 255));border-bottom:1px solid var(--snice-color-border,rgb(226 226 226))}.calendar__title{font-family:var(--snice-font-family-display, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);font-size:var(--snice-heading-md, 1.125rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23))}.calendar__nav{display:flex;gap:var(--snice-spacing-xs,.5rem)}.calendar__nav-button{padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);border:1px solid var(--snice-color-border,rgb(226 226 226));background:var(--snice-color-surface,rgb(255 255 255));border-radius:var(--snice-border-radius-md,.25rem);cursor:pointer;transition:background-color var(--snice-transition-fast, 150ms) ease,border-color var(--snice-transition-fast, 150ms) ease;font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text,rgb(23 23 23));font-family:inherit}.calendar__nav-button:hover{background:var(--snice-color-surface-container-low,rgb(250 250 250));border-color:var(--snice-color-border-hover,rgb(204 204 204))}.calendar__nav-button:focus-visible{outline:0;box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);background:var(--snice-color-surface,rgb(255 255 255))}.calendar__weekday{padding:var(--snice-spacing-sm,.75rem);text-align:center;font-size:var(--snice-font-size-xs, .75rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text-secondary,rgb(82 82 82));text-transform:uppercase;letter-spacing:var(--snice-tracking-widest, .1em);border-bottom:1px solid var(--snice-color-border,rgb(226 226 226))}.calendar__day{aspect-ratio:1;min-height:3rem;padding:var(--snice-spacing-xs,.5rem);border:1px solid var(--snice-color-border,rgb(226 226 226));border-top:none;border-left:none;cursor:pointer;transition:background-color var(--snice-transition-fast, 150ms) ease;position:relative;background:var(--snice-color-surface,rgb(255 255 255));color:var(--snice-color-text,rgb(23 23 23));overflow:hidden}.calendar__day:hover{background:var(--snice-color-surface-container-low,rgb(250 250 250))}.calendar__day:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.calendar__day:nth-child(7n+1){border-left:1px solid var(--snice-color-border,rgb(226 226 226))}.calendar__day--other-month{background:var(--snice-color-surface,rgb(255 255 255));color:var(--snice-color-text-tertiary,rgb(115 115 115));opacity:.5}.calendar__day--other-month:hover{opacity:.7}.calendar__day--today{background:var(--snice-color-primary-subtle,rgb(239 246 255))}.calendar__day--today:hover{background:var(--snice-color-primary-subtle-hover,rgb(219 234 254))}.calendar__day--selected{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250))}.calendar__day--selected:hover{background:var(--snice-color-primary-hover,rgb(29 78 216))}.calendar__day--disabled{background:var(--snice-color-surface-container,rgb(241 241 241));color:var(--snice-color-text-tertiary,rgb(115 115 115));opacity:.5;cursor:not-allowed}.calendar__day--disabled:hover{background:var(--snice-color-surface-container,rgb(241 241 241))}.calendar__day-number{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);margin-bottom:var(--snice-spacing-2xs,.25rem)}.calendar__day--selected .calendar__day-number{color:var(--snice-color-text-inverse,rgb(250 250 250))}.calendar__events{display:flex;flex-direction:column;gap:var(--snice-spacing-3xs,.125rem);margin-top:var(--snice-spacing-2xs,.25rem)}.calendar__event{font-size:var(--snice-font-size-2xs, .625rem);padding:var(--snice-spacing-3xs,.125rem) var(--snice-spacing-2xs,.25rem);border-radius:var(--snice-border-radius-sm,.125rem);background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:opacity var(--snice-transition-fast, 150ms) ease}.calendar__event:hover{opacity:.8}.calendar__week-number{padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-xs,.5rem);text-align:center;font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-tertiary,rgb(115 115 115));background:var(--snice-color-surface-container-low,rgb(250 250 250));border-right:1px solid var(--snice-color-border,rgb(226 226 226))}.calendar--week .calendar__grid{grid-template-columns:repeat(7,1fr)}.calendar--week .calendar__day{min-height:7.5rem}.calendar--day .calendar__grid{grid-template-columns:1fr}.calendar--day .calendar__day{min-height:25rem}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}"}`}initialize(){this.createDOM(),this.updateView()}createDOM(){const e=this.shadowRoot;this.container=document.createElement("div"),this.container.className=`calendar calendar--${this.view}`,this.container.setAttribute("part","base"),this.header=document.createElement("div"),this.header.className="calendar__header",this.header.setAttribute("part","header");const t=document.createElement("div");t.className="calendar__title";const a=document.createElement("div");a.className="calendar__nav";const i=document.createElement("button");i.className="calendar__nav-button",i.textContent="Today",i.onclick=()=>this.goToToday();const n=document.createElement("button");n.className="calendar__nav-button",n.textContent="‹",n.onclick=()=>this.previousMonth();const s=document.createElement("button");s.className="calendar__nav-button",s.textContent="›",s.onclick=()=>this.nextMonth(),a.appendChild(i),a.appendChild(n),a.appendChild(s),this.header.appendChild(t),this.header.appendChild(a),this.grid=document.createElement("div"),this.grid.className="calendar__grid",this.grid.setAttribute("part","grid"),this.getWeekdays().forEach(e=>{const t=document.createElement("div");t.className="calendar__weekday",t.textContent=e,this.grid.appendChild(t)}),this.grid.setAttribute("role","grid"),this.grid.setAttribute("aria-label","Calendar"),this.grid.addEventListener("keydown",this.handleGridKeydown);for(let e=0;e<42;e++){const t=document.createElement("div");t.className="calendar__day",t.setAttribute("role","gridcell"),t.setAttribute("tabindex",0===e?"0":"-1");const a=document.createElement("div");a.className="calendar__day-number",t.appendChild(a);const i=document.createElement("div");i.className="calendar__events",i.style.display="none",t.appendChild(i),this.grid.appendChild(t),this.dayCells.push(t)}this.container.appendChild(this.header),this.container.appendChild(this.grid),e.appendChild(this.container)}updateView(){const e=this.displayDate.toLocaleDateString(this.locale,{month:"long",year:"numeric"}),t=this.header.querySelector(".calendar__title");t&&(t.textContent=e);const a=this.getMonthDays(),i=this.displayDate.getMonth(),n=this.computeRovingIndex(a);a.forEach((e,t)=>{const a=this.dayCells[t];if(!a)return;const s=e.getMonth()!==i,r=this.highlightToday&&this.isToday(e),l=this.isSelected(e),o=this.isDisabled(e),c=this.getEventsForDate(e);a.className="calendar__day",s&&a.classList.add("calendar__day--other-month"),r&&a.classList.add("calendar__day--today"),l&&a.classList.add("calendar__day--selected"),o&&a.classList.add("calendar__day--disabled"),a.setAttribute("role","gridcell"),a.setAttribute("aria-selected",l?"true":"false"),a.setAttribute("aria-disabled",o?"true":"false"),a.setAttribute("aria-current",r&&!s?"date":"false"),a.setAttribute("tabindex",t===n?"0":"-1"),a.setAttribute("aria-label",e.toLocaleDateString(this.locale,{dateStyle:"full"})),a.__date=e;const d=a.querySelector(".calendar__day-number");d&&(d.textContent=String(e.getDate())),a.onclick=()=>this.handleDayClick(e);const h=a.querySelector(".calendar__events");if(h)if(c.length>0){if(h.style.display="",h.innerHTML="",c.slice(0,3).forEach(e=>{const t=document.createElement("div");t.className="calendar__event",e.color&&(t.style.background=e.color),t.textContent=e.title,t.onclick=t=>this.handleEventClick(e,t),h.appendChild(t)}),c.length>3){const e=document.createElement("div");e.className="calendar__event",e.style.background="#999",e.textContent=`+${c.length-3} more`,h.appendChild(e)}}else h.style.display="none"})}goToToday(){this.displayDate=new Date,this.value=new Date,this.updateView(),this.dispatchChange()}goToDate(e){this.displayDate="string"==typeof e?new Date(e):e,this.value=this.displayDate,this.updateView(),this.dispatchChange()}previousMonth(){this.displayDate=new Date(this.displayDate.getFullYear(),this.displayDate.getMonth()-1),this.updateView()}nextMonth(){this.displayDate=new Date(this.displayDate.getFullYear(),this.displayDate.getMonth()+1),this.updateView()}previousWeek(){this.displayDate=new Date(this.displayDate.getTime()-6048e5),this.updateView()}nextWeek(){this.displayDate=new Date(this.displayDate.getTime()+6048e5),this.updateView()}previousDay(){this.displayDate=new Date(this.displayDate.getTime()-864e5),this.updateView()}nextDay(){this.displayDate=new Date(this.displayDate.getTime()+864e5),this.updateView()}getDisplayedMonth(){return{month:this.displayDate.getMonth(),year:this.displayDate.getFullYear()}}getEventsForDate(e){const t="string"==typeof e?new Date(e):e,a=t.getTime();return this.events.filter(e=>{if(!e.start)return!1;const i="string"==typeof e.start?new Date(e.start):e.start,n=new Date(i.getFullYear(),i.getMonth(),i.getDate()).getTime();if(!e.end)return this.isSameDay(t,i);const s="string"==typeof e.end?new Date(e.end):e.end,r=new Date(s.getFullYear(),s.getMonth(),s.getDate()).getTime();return a>=n&&a<=r})}formatDate(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`}isSameDay(e,t){return this.formatDate(e)===this.formatDate(t)}isToday(e){return this.isSameDay(e,new Date)}isSelected(e){const t="string"==typeof this.value?new Date(this.value):this.value;return this.isSameDay(e,t)}isDisabled(e){if(this.minDate){const t="string"==typeof this.minDate?new Date(this.minDate):this.minDate;if(e<t)return!0}if(this.maxDate){const t="string"==typeof this.maxDate?new Date(this.maxDate):this.maxDate;if(e>t)return!0}return this.disabledDates.some(t=>{const a="string"==typeof t?new Date(t):t;return this.isSameDay(e,a)})}handleDayClick(e){this.isDisabled(e)||(this.value=e,this.updateView(),this.dispatchChange())}handleEventClick(e,t){t.stopPropagation(),this.dispatchEventClick(e)}getMonthDays(){const e=this.displayDate.getFullYear(),t=this.displayDate.getMonth(),a=new Date(e,t,1).getDay(),i=new Date(e,t,1-(a-this.firstDayOfWeek+7)%7),n=[];for(let e=0;e<42;e++)n.push(new Date(i.getFullYear(),i.getMonth(),i.getDate()+e));return n}getWeekdays(){const e=[],t=new Date(2024,0,this.firstDayOfWeek);for(let a=0;a<7;a++){const i=new Date(t);i.setDate(t.getDate()+a),e.push(i.toLocaleDateString(this.locale,{weekday:"short"}))}return e}handlePropertyChange(){this.grid&&this.updateView()}handleWeekdayInputsChange(){this.grid&&(this.grid.querySelectorAll(".calendar__weekday").forEach(e=>e.remove()),this.getWeekdays().forEach((e,t)=>{const a=document.createElement("div");a.className="calendar__weekday",a.textContent=e,this.grid.insertBefore(a,this.grid.children[t]||null)}),this.updateView())}},n})();return e.SniceCalendar=n,e}({},Snice);
+void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-calendar.min.js");var SniceCalendar=function(e,t){"use strict";function a(e,t,a,r,i,n){function s(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var o,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!t&&e?r.static?e:e.prototype:null,h=t||(d?Object.getOwnPropertyDescriptor(d,r.name):{}),p=!1,v=a.length-1;v>=0;v--){var u={};for(var g in r)u[g]="access"===g?{}:r[g];for(var g in r.access)u.access[g]=r.access[g];u.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");n.push(s(e||null))};var m=(0,a[v])("accessor"===l?{get:h.get,set:h.set}:h[c],u);if("accessor"===l){if(void 0===m)continue;if(null===m||"object"!=typeof m)throw new TypeError("Object expected");(o=s(m.get))&&(h.get=o),(o=s(m.set))&&(h.set=o),(o=s(m.init))&&i.unshift(o)}else(o=s(m))&&("field"===l?i.unshift(o):h[c]=o)}d&&Object.defineProperty(d,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 e,i,n,s,o,l,c,d,h,p,v,u,g,m,b,f=[t.element("snice-avatar")],y=[],k=HTMLElement,w=[],_=[],D=[],x=[],E=[],C=[],z=[],S=[],T=[],M=[],P=[],A=[],N=[],B=[],I=[],$=[],L=[],F=[],O=[],W=[],j=[],q=[],V=[];(class extends k{static{i=this}constructor(){super(...arguments),this.src=(r(this,w),r(this,_,"")),this.alt=(r(this,D),r(this,x,"")),this.name=(r(this,E),r(this,C,"")),this.size=(r(this,z),r(this,S,"medium")),this.shape=(r(this,T),r(this,M,"circle")),this.loading=(r(this,P),r(this,A,"lazy")),this.fallbackColor=(r(this,N),r(this,B,"#ffffff")),this.fallbackBackground=(r(this,I),r(this,$,"")),this.imageElement=(r(this,L),r(this,F,void 0)),this.fallbackElement=(r(this,O),r(this,W,void 0)),this.imageError=(r(this,j),r(this,q,!1)),this.handleImageLoad=(r(this,V),()=>{this.imageError=!1}),this.handleImageError=()=>{this.imageError=!0}}static{const Y="function"==typeof Symbol&&Symbol.metadata?Object.create(k[Symbol.metadata]??null):void 0;n=[t.property({})],s=[t.property({})],o=[t.property({})],l=[t.property({})],c=[t.property({})],d=[t.property({})],h=[t.property({attribute:"fallback-color"})],p=[t.property({attribute:"fallback-background"})],v=[t.query(".avatar-image")],u=[t.query(".avatar-fallback")],g=[t.property({type:Boolean,attribute:!1})],m=[t.render()],b=[t.styles()],a(this,null,m,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:Y},null,w),a(this,null,b,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:Y},null,w),a(null,null,n,{kind:"field",name:"src",static:!1,private:!1,access:{has:e=>"src"in e,get:e=>e.src,set:(e,t)=>{e.src=t}},metadata:Y},_,D),a(null,null,s,{kind:"field",name:"alt",static:!1,private:!1,access:{has:e=>"alt"in e,get:e=>e.alt,set:(e,t)=>{e.alt=t}},metadata:Y},x,E),a(null,null,o,{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:Y},C,z),a(null,null,l,{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:Y},S,T),a(null,null,c,{kind:"field",name:"shape",static:!1,private:!1,access:{has:e=>"shape"in e,get:e=>e.shape,set:(e,t)=>{e.shape=t}},metadata:Y},M,P),a(null,null,d,{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:Y},A,N),a(null,null,h,{kind:"field",name:"fallbackColor",static:!1,private:!1,access:{has:e=>"fallbackColor"in e,get:e=>e.fallbackColor,set:(e,t)=>{e.fallbackColor=t}},metadata:Y},B,I),a(null,null,p,{kind:"field",name:"fallbackBackground",static:!1,private:!1,access:{has:e=>"fallbackBackground"in e,get:e=>e.fallbackBackground,set:(e,t)=>{e.fallbackBackground=t}},metadata:Y},$,L),a(null,null,v,{kind:"field",name:"imageElement",static:!1,private:!1,access:{has:e=>"imageElement"in e,get:e=>e.imageElement,set:(e,t)=>{e.imageElement=t}},metadata:Y},F,O),a(null,null,u,{kind:"field",name:"fallbackElement",static:!1,private:!1,access:{has:e=>"fallbackElement"in e,get:e=>e.fallbackElement,set:(e,t)=>{e.fallbackElement=t}},metadata:Y},W,j),a(null,null,g,{kind:"field",name:"imageError",static:!1,private:!1,access:{has:e=>"imageError"in e,get:e=>e.imageError,set:(e,t)=>{e.imageError=t}},metadata:Y},q,V),a(null,e={value:i},f,{kind:"class",name:i.name,metadata:Y},null,y),i=e.value,Y&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:Y}),r(i,y)}render(){const e=this.fallbackBackground?"":this.getColorClass(this.name),a=this.fallbackBackground?`--avatar-bg: ${this.fallbackBackground}; --avatar-color: ${this.fallbackColor}`:"",r=this.getInitials(this.name),i=["avatar",e].filter(Boolean).join(" "),n=["avatar-image",this.imageError?"avatar-image--error":""].filter(Boolean).join(" "),s=["avatar-fallback",!this.src||this.imageError?"avatar-fallback--visible":""].filter(Boolean).join(" ");return t.html`
+      <div part="base" class="${i}" style="${a}">
+        <if ${this.src}>
+          <img part="image" class="${n}"
+               src="${this.src}"
+               alt="${this.alt||this.name}"
+               loading="${this.loading}"
+               @load=${this.handleImageLoad}
+               @error=${this.handleImageError}>
+        </if>
+        <div part="fallback" class="${s}">
+          <case ${r}>
+            <when value="">
+              <svg class="avatar-icon" viewBox="0 0 24 24" fill="currentColor">
+                <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>
+              </svg>
+            </when>
+            <default>
+              ${r}
+            </default>
+          </case>
+        </div>
+      </div>
+    `}styles(){return t.css`${":host([hidden]){display:none}:host{display:inline-block;--avatar-size:2.5rem;--avatar-bg:var(--snice-color-text-tertiary, rgb(115 115 115));--avatar-color:var(--snice-color-text-inverse, rgb(255 255 255))}case,default,if,when{display:contents}.avatar{position:relative;width:var(--avatar-size);height:var(--avatar-size);overflow:hidden;background:var(--avatar-bg);color:var(--avatar-color);display:flex;align-items:center;justify-content:center;font-weight:var(--snice-font-weight-semibold,600);user-select:none}:host([shape=circle]) .avatar{border-radius:50%}:host([shape=square]) .avatar{border-radius:0}:host([shape=rounded]) .avatar{border-radius:var(--snice-border-radius-lg,.5rem)}:host([size=xs]){--avatar-size:1.5rem;font-size:.625rem}:host([size=small]){--avatar-size:2rem;font-size:.75rem}:host([size=medium]){--avatar-size:2.5rem;font-size:.875rem}:host([size=large]){--avatar-size:3rem;font-size:1rem}:host([size=xl]){--avatar-size:4rem;font-size:1.25rem}:host([size=xxl]){--avatar-size:6rem;font-size:2rem}.avatar-image{width:100%;height:100%;object-fit:cover;display:block}.avatar-image--error{display:none}.avatar-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s}.avatar-fallback--visible{opacity:1;visibility:visible}.avatar-icon{width:60%;height:60%;opacity:.9;display:block}.avatar--red{background:var(--avatar-palette-red,rgb(239 68 68))}.avatar--orange{background:var(--avatar-palette-orange,rgb(251 146 60))}.avatar--yellow{background:var(--avatar-palette-yellow,rgb(234 179 8))}.avatar--lime{background:var(--avatar-palette-lime,rgb(163 230 53))}.avatar--green{background:var(--avatar-palette-green,rgb(34 197 94))}.avatar--teal{background:var(--avatar-palette-teal,rgb(20 184 166))}.avatar--cyan{background:var(--avatar-palette-cyan,rgb(6 182 212))}.avatar--sky{background:var(--avatar-palette-sky,rgb(14 165 233))}.avatar--blue{background:var(--avatar-palette-blue,rgb(59 130 246))}.avatar--indigo{background:var(--avatar-palette-indigo,rgb(99 102 241))}.avatar--violet{background:var(--avatar-palette-violet,rgb(139 92 246))}.avatar--purple{background:var(--avatar-palette-purple,rgb(168 85 247))}.avatar--fuchsia{background:var(--avatar-palette-fuchsia,rgb(217 70 239))}.avatar--pink{background:var(--avatar-palette-pink,rgb(236 72 153))}.avatar--rose{background:var(--avatar-palette-rose,rgb(244 63 94))}:host(.avatar-group-item){margin-left:-.5rem;border:2px solid var(--snice-color-surface,rgb(255 255 255));border-radius:50%}:host(.avatar-group-item:first-child){margin-left:0}:host(.avatar-group-item) .avatar{border:2px solid var(--snice-color-surface,rgb(255 255 255))}"}`}getInitials(e){if(!e)return"";const t=e.trim().split(/\s+/).filter(e=>e.length>0);return 0===t.length?"":1===t.length?t[0][0].toUpperCase():(t[0][0]+t[1][0]).toUpperCase()}getColorClass(e){if(!e)return"";const t=["red","orange","yellow","lime","green","teal","cyan","sky","blue","indigo","violet","purple","fuchsia","pink","rose"];let a=0;for(let t=0;t<e.length;t++)a=e.charCodeAt(t)+((a<<5)-a);return`avatar--${t[Math.abs(a)%t.length]}`}renderIcon(){return t.html`
+      <svg class="avatar-icon" viewBox="0 0 24 24" fill="currentColor">
+        <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>
+      </svg>
+    `}})})();let i=(()=>{let e,i,n,s,o,l,c,d,h,p,v,u,g,m,b,f,y,k,w,_,D,x,E,C,z=[t.element("snice-calendar")],S=[],T=HTMLElement,M=[],P=[],A=[],N=[],B=[],I=[],$=[],L=[],F=[],O=[],W=[],j=[],q=[],V=[],Y=[],R=[],U=[],H=[],G=[],X=[],K=[],J=[],Q=[],Z=[],ee=[],te=[],ae=[],re=[],ie=[];var ne=class extends T{static{i=this}constructor(){super(...arguments),this.value=(r(this,M),r(this,P,new Date)),this.view=(r(this,A),r(this,N,"month")),this.events=(r(this,B),r(this,I,[])),this.minDate=(r(this,$),r(this,L,"")),this.maxDate=(r(this,F),r(this,O,"")),this.disabledDates=(r(this,W),r(this,j,[])),this.highlightToday=(r(this,q),r(this,V,!0)),this.showWeekNumbers=(r(this,Y),r(this,R,!1)),this.firstDayOfWeek=(r(this,U),r(this,H,0)),this.locale=(r(this,G),r(this,X,"en-US")),this.noDaySelect=(r(this,K),r(this,J,!1)),this.cellSizing=(r(this,Q),r(this,Z,"square")),this.eventTooltip=(r(this,ee),r(this,te,null)),this.eventPopover=(r(this,ae),r(this,re,null)),this.displayDate=(r(this,ie),new Date),this.tooltipToken=0,this.tooltipBar=null,this.popoverToken=0,this.popoverBar=null,this.boundPopoverEscape=e=>{"Escape"===e.key&&this.popoverBar&&this.closeEventPopover()},this.boundPopoverOutside=e=>{this.popoverBar&&(e.composedPath().includes(this.popoverEl)||this.closeEventPopover({returnFocus:!1}))},this.dayCells=[],this.focusedDate=null,this.handleGridKeydown=e=>{const t=e.target.__date;if(!t)return;let a=null,r=null;switch(e.key){case"ArrowLeft":a=-1;break;case"ArrowRight":a=1;break;case"ArrowUp":a=-7;break;case"ArrowDown":a=7;break;case"Home":a=-t.getDay();break;case"End":a=6-t.getDay();break;case"PageUp":r=-1;break;case"PageDown":r=1;break;case"Enter":case" ":return e.preventDefault(),void this.handleDayClick(t);default:return}e.preventDefault();const i=new Date(t);null!==a&&i.setDate(t.getDate()+a),null!==r&&i.setMonth(t.getMonth()+r),i.getMonth()===this.displayDate.getMonth()&&i.getFullYear()===this.displayDate.getFullYear()||(this.displayDate=new Date(i.getFullYear(),i.getMonth(),1)),this.focusedDate=i,this.updateView(),requestAnimationFrame(()=>{const e=this.dayCells.find(e=>{return a=i,(t=e.__date).getFullYear()===a.getFullYear()&&t.getMonth()===a.getMonth()&&t.getDate()===a.getDate();var t,a});e?.focus()})}}static{const r="function"==typeof Symbol&&Symbol.metadata?Object.create(T[Symbol.metadata]??null):void 0;n=[t.property({type:Date})],s=[t.property({attribute:"view"})],o=[t.property({type:Array,attribute:!1})],l=[t.property({type:Date,attribute:"min-date"})],c=[t.property({type:Date,attribute:"max-date"})],d=[t.property({type:Array,attribute:!1})],h=[t.property({type:Boolean,attribute:"highlight-today"})],p=[t.property({type:Boolean,attribute:"show-week-numbers"})],v=[t.property({type:Number,attribute:"first-day-of-week"})],u=[t.property({attribute:"locale"})],g=[t.property({type:Boolean,attribute:"no-day-select"})],m=[t.property({attribute:"cell-sizing"})],b=[t.property({attribute:!1})],f=[t.property({attribute:!1})],y=[t.dispatch("calendar-change",{bubbles:!0,composed:!0})],k=[t.dispatch("calendar-event-click",{bubbles:!0,composed:!0})],w=[t.styles()],_=[t.ready()],D=[t.request("calendar/event-popover")],x=[t.dispose()],E=[t.watch("value"),t.watch("events"),t.watch("eventTooltip"),t.watch("noDaySelect"),t.watch("cellSizing")],C=[t.watch("locale"),t.watch("firstDayOfWeek")],a(this,null,y,{kind:"method",name:"dispatchChange",static:!1,private:!1,access:{has:e=>"dispatchChange"in e,get:e=>e.dispatchChange},metadata:r},null,M),a(this,null,k,{kind:"method",name:"dispatchEventClick",static:!1,private:!1,access:{has:e=>"dispatchEventClick"in e,get:e=>e.dispatchEventClick},metadata:r},null,M),a(this,null,w,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:r},null,M),a(this,null,_,{kind:"method",name:"initialize",static:!1,private:!1,access:{has:e=>"initialize"in e,get:e=>e.initialize},metadata:r},null,M),a(this,null,D,{kind:"method",name:"requestEventPopoverContent",static:!1,private:!1,access:{has:e=>"requestEventPopoverContent"in e,get:e=>e.requestEventPopoverContent},metadata:r},null,M),a(this,null,x,{kind:"method",name:"cleanupPopover",static:!1,private:!1,access:{has:e=>"cleanupPopover"in e,get:e=>e.cleanupPopover},metadata:r},null,M),a(this,null,E,{kind:"method",name:"handlePropertyChange",static:!1,private:!1,access:{has:e=>"handlePropertyChange"in e,get:e=>e.handlePropertyChange},metadata:r},null,M),a(this,null,C,{kind:"method",name:"handleWeekdayInputsChange",static:!1,private:!1,access:{has:e=>"handleWeekdayInputsChange"in e,get:e=>e.handleWeekdayInputsChange},metadata:r},null,M),a(null,null,n,{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:r},P,A),a(null,null,s,{kind:"field",name:"view",static:!1,private:!1,access:{has:e=>"view"in e,get:e=>e.view,set:(e,t)=>{e.view=t}},metadata:r},N,B),a(null,null,o,{kind:"field",name:"events",static:!1,private:!1,access:{has:e=>"events"in e,get:e=>e.events,set:(e,t)=>{e.events=t}},metadata:r},I,$),a(null,null,l,{kind:"field",name:"minDate",static:!1,private:!1,access:{has:e=>"minDate"in e,get:e=>e.minDate,set:(e,t)=>{e.minDate=t}},metadata:r},L,F),a(null,null,c,{kind:"field",name:"maxDate",static:!1,private:!1,access:{has:e=>"maxDate"in e,get:e=>e.maxDate,set:(e,t)=>{e.maxDate=t}},metadata:r},O,W),a(null,null,d,{kind:"field",name:"disabledDates",static:!1,private:!1,access:{has:e=>"disabledDates"in e,get:e=>e.disabledDates,set:(e,t)=>{e.disabledDates=t}},metadata:r},j,q),a(null,null,h,{kind:"field",name:"highlightToday",static:!1,private:!1,access:{has:e=>"highlightToday"in e,get:e=>e.highlightToday,set:(e,t)=>{e.highlightToday=t}},metadata:r},V,Y),a(null,null,p,{kind:"field",name:"showWeekNumbers",static:!1,private:!1,access:{has:e=>"showWeekNumbers"in e,get:e=>e.showWeekNumbers,set:(e,t)=>{e.showWeekNumbers=t}},metadata:r},R,U),a(null,null,v,{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:r},H,G),a(null,null,u,{kind:"field",name:"locale",static:!1,private:!1,access:{has:e=>"locale"in e,get:e=>e.locale,set:(e,t)=>{e.locale=t}},metadata:r},X,K),a(null,null,g,{kind:"field",name:"noDaySelect",static:!1,private:!1,access:{has:e=>"noDaySelect"in e,get:e=>e.noDaySelect,set:(e,t)=>{e.noDaySelect=t}},metadata:r},J,Q),a(null,null,m,{kind:"field",name:"cellSizing",static:!1,private:!1,access:{has:e=>"cellSizing"in e,get:e=>e.cellSizing,set:(e,t)=>{e.cellSizing=t}},metadata:r},Z,ee),a(null,null,b,{kind:"field",name:"eventTooltip",static:!1,private:!1,access:{has:e=>"eventTooltip"in e,get:e=>e.eventTooltip,set:(e,t)=>{e.eventTooltip=t}},metadata:r},te,ae),a(null,null,f,{kind:"field",name:"eventPopover",static:!1,private:!1,access:{has:e=>"eventPopover"in e,get:e=>e.eventPopover,set:(e,t)=>{e.eventPopover=t}},metadata:r},re,ie),a(null,e={value:i},z,{kind:"class",name:i.name,metadata:r},null,S),ne=i=e.value,r&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:r})}computeRovingIndex(e){const t=(e,t)=>e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate();if(this.focusedDate){const a=e.findIndex(e=>t(e,this.focusedDate));if(a>=0)return a}if(this.value){const a=this.value instanceof Date?this.value:new Date(this.value);if(!isNaN(a.getTime())){const r=e.findIndex(e=>t(e,a));if(r>=0)return r}}const a=new Date,r=e.findIndex(e=>t(e,a));return r>=0?r:e.findIndex(e=>e.getMonth()===this.displayDate.getMonth())}dispatchChange(){return{value:this.value,calendar:this}}dispatchEventClick(e){return{event:e,calendar:this}}styles(){return t.css`${":host([hidden]){display:none}:host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style}.calendar{width:100%;max-width:37.5rem}.calendar__header{font-family:var(--snice-font-family-display, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);display:flex;align-items:center;justify-content:space-between;padding:var(--snice-spacing-md,1rem);background:var(--snice-color-surface,rgb(255 255 255));border-bottom:1px solid var(--snice-color-border,rgb(226 226 226))}.calendar__title{font-family:var(--snice-font-family-display, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);font-size:var(--snice-heading-md, 1.125rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23))}.calendar__nav{display:flex;gap:var(--snice-spacing-xs,.5rem)}.calendar__nav-button{padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);border:1px solid var(--snice-color-border,rgb(226 226 226));background:var(--snice-color-surface,rgb(255 255 255));border-radius:var(--snice-border-radius-md,.25rem);cursor:pointer;transition:background-color var(--snice-transition-fast, 150ms) ease,border-color var(--snice-transition-fast, 150ms) ease;font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text,rgb(23 23 23));font-family:inherit}.calendar__nav-button:hover{background:var(--snice-color-surface-container-low,rgb(250 250 250));border-color:var(--snice-color-border-hover,rgb(204 204 204))}.calendar__nav-button:focus-visible{outline:0;box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);background:var(--snice-color-surface,rgb(255 255 255));container-type:inline-size}.calendar__weekday{padding:var(--snice-spacing-sm,.75rem);text-align:center;font-size:var(--snice-font-size-xs, .75rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text-secondary,rgb(82 82 82));text-transform:uppercase;letter-spacing:var(--snice-tracking-widest, .1em);border-bottom:1px solid var(--snice-color-border,rgb(226 226 226))}.calendar__day{box-sizing:border-box;min-width:0;min-height:max(calc(100cqw / 7),3rem,calc(2.125rem + var(--calendar-week-lanes,0) * 1.375rem + var(--calendar-week-more,0rem)));padding:var(--snice-spacing-xs,.5rem);border:1px solid var(--snice-color-border,rgb(226 226 226));border-top:none;border-left:none;cursor:pointer;transition:background-color var(--snice-transition-fast, 150ms) ease;position:relative;background:var(--snice-color-surface,rgb(255 255 255));color:var(--snice-color-text,rgb(23 23 23));overflow:hidden}.calendar__day:hover{background:var(--snice-color-surface-container-low,rgb(250 250 250))}.calendar__day:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.calendar__day:nth-child(7n+1){border-left:1px solid var(--snice-color-border,rgb(226 226 226))}.calendar__day--stretch{min-height:max(3rem,calc(2.125rem + var(--calendar-week-lanes,0) * 1.375rem + var(--calendar-week-more,0rem)))}.calendar__day--static{cursor:default}.calendar__day--static:hover{background:var(--snice-color-surface,rgb(255 255 255))}.calendar__day--static.calendar__day--today:hover{background:var(--snice-color-primary-subtle,rgb(239 246 255))}.calendar__day--other-month{background:var(--snice-color-surface,rgb(255 255 255));color:var(--snice-color-text-tertiary,rgb(115 115 115));opacity:.5}.calendar__day--other-month:hover{opacity:.7}.calendar__day--today{background:var(--snice-color-primary-subtle,rgb(239 246 255))}.calendar__day--today:hover{background:var(--snice-color-primary-subtle-hover,rgb(219 234 254))}.calendar__day--selected{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250))}.calendar__day--selected:hover{background:var(--snice-color-primary-hover,rgb(29 78 216))}.calendar__day--disabled{background:var(--snice-color-surface-container,rgb(241 241 241));color:var(--snice-color-text-tertiary,rgb(115 115 115));opacity:.5;cursor:not-allowed}.calendar__day--disabled:hover{background:var(--snice-color-surface-container,rgb(241 241 241))}.calendar__day-number{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);margin-bottom:var(--snice-spacing-2xs,.25rem)}.calendar__day--selected .calendar__day-number{color:var(--snice-color-text-inverse,rgb(250 250 250))}.calendar__event-bar{display:flex;align-items:center;gap:var(--snice-spacing-3xs,.125rem);align-self:start;margin-top:calc(1.875rem + var(--calendar-event-lane,0) * 1.375rem);margin-inline:var(--snice-spacing-3xs,0.125rem);height:1.125rem;line-height:1.125rem;font-size:var(--snice-font-size-2xs, .625rem);padding:0 var(--snice-spacing-2xs,.25rem);border-radius:var(--snice-border-radius-sm,.125rem);background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));white-space:nowrap;overflow:hidden;cursor:pointer;z-index:1;transition:opacity var(--snice-transition-fast, 150ms) ease}.calendar__event-title{overflow:hidden;text-overflow:ellipsis;min-width:0}.calendar__event-avatar{flex:none;--avatar-size:0.875rem;font-size:.375rem;border-radius:50%;overflow:hidden}.calendar__popover{position:fixed;z-index:var(--snice-z-floating,1000);min-width:14rem;max-width:22rem;padding:var(--snice-spacing-sm,.75rem);border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem);background:var(--snice-color-surface,rgb(255 255 255));color:var(--snice-color-text,rgb(23 23 23));font-size:var(--snice-font-size-sm, .875rem);line-height:1.5;box-shadow:var(--snice-shadow-lg,0 10px 15px -3px rgb(0 0 0 / .1))}.calendar__popover:focus-visible{outline:0;box-shadow:var(--snice-shadow-lg,0 10px 15px -3px rgb(0 0 0 / .1)),0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.calendar__popover-loading{color:var(--snice-color-text-secondary,rgb(82 82 82));font-size:var(--snice-font-size-xs, .75rem)}.calendar__tooltip{position:fixed;z-index:var(--snice-z-floating,1000);max-width:18rem;padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-xs,.5rem);border-radius:var(--snice-border-radius-md,.25rem);background:var(--snice-tooltip-bg,rgb(51 51 51));color:var(--snice-color-text-inverse,rgb(250 250 250));font-size:var(--snice-font-size-xs, .75rem);line-height:1.4;box-shadow:var(--snice-shadow-md,0 4px 6px -1px rgb(0 0 0 / .1));pointer-events:none}.calendar__event-bar:hover{opacity:.8}.calendar__event-bar--continues-left{border-top-left-radius:0;border-bottom-left-radius:0;margin-inline-start:0}.calendar__event-bar--continues-right{border-top-right-radius:0;border-bottom-right-radius:0;margin-inline-end:0}.calendar__more{position:absolute;bottom:var(--snice-spacing-3xs,.125rem);left:var(--snice-spacing-2xs,.25rem);font-size:var(--snice-font-size-2xs, .625rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}.calendar__week-number{padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-xs,.5rem);text-align:center;font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-tertiary,rgb(115 115 115));background:var(--snice-color-surface-container-low,rgb(250 250 250));border-right:1px solid var(--snice-color-border,rgb(226 226 226))}.calendar--week .calendar__grid{grid-template-columns:repeat(7,1fr)}.calendar--week .calendar__day{min-height:7.5rem}.calendar--day .calendar__grid{grid-template-columns:1fr}.calendar--day .calendar__day{min-height:25rem}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}"}`}initialize(){this.createDOM(),this.updateView()}createDOM(){const e=this.shadowRoot;this.container=document.createElement("div"),this.container.className=`calendar calendar--${this.view}`,this.container.setAttribute("part","base"),this.header=document.createElement("div"),this.header.className="calendar__header",this.header.setAttribute("part","header");const t=document.createElement("div");t.className="calendar__title";const a=document.createElement("div");a.className="calendar__nav";const r=document.createElement("button");r.className="calendar__nav-button",r.textContent="Today",r.onclick=()=>this.goToToday();const i=document.createElement("button");i.className="calendar__nav-button",i.textContent="‹",i.onclick=()=>this.previousMonth();const n=document.createElement("button");n.className="calendar__nav-button",n.textContent="›",n.onclick=()=>this.nextMonth(),a.appendChild(r),a.appendChild(i),a.appendChild(n),this.header.appendChild(t),this.header.appendChild(a),this.grid=document.createElement("div"),this.grid.className="calendar__grid",this.grid.setAttribute("part","grid"),this.getWeekdays().forEach((e,t)=>{const a=document.createElement("div");a.className="calendar__weekday",a.textContent=e,a.style.gridRow="1",a.style.gridColumn=String(t+1),this.grid.appendChild(a)}),this.grid.setAttribute("role","grid"),this.grid.setAttribute("aria-label","Calendar"),this.grid.addEventListener("keydown",this.handleGridKeydown);for(let e=0;e<42;e++){const t=document.createElement("div");t.className="calendar__day",t.setAttribute("role","gridcell"),t.setAttribute("tabindex",0===e?"0":"-1"),t.style.gridRow=String(Math.floor(e/7)+2),t.style.gridColumn=String(e%7+1);const a=document.createElement("div");a.className="calendar__day-number",t.appendChild(a),this.grid.appendChild(t),this.dayCells.push(t)}this.tooltipEl=document.createElement("div"),this.tooltipEl.className="calendar__tooltip",this.tooltipEl.setAttribute("part","event-tooltip"),this.tooltipEl.setAttribute("role","tooltip"),this.tooltipEl.id="calendar-event-tooltip",this.tooltipEl.hidden=!0,this.popoverEl=document.createElement("div"),this.popoverEl.className="calendar__popover",this.popoverEl.setAttribute("part","event-popover"),this.popoverEl.setAttribute("role","dialog"),this.popoverEl.setAttribute("aria-label","Event details"),this.popoverEl.tabIndex=-1,this.popoverEl.hidden=!0,this.container.appendChild(this.header),this.container.appendChild(this.grid),this.container.appendChild(this.tooltipEl),this.container.appendChild(this.popoverEl),e.appendChild(this.container)}async*requestEventPopoverContent(e){return await(yield{event:e})}async openEventPopover(e,t){const a=++this.popoverToken;this.hideEventTooltip(),this.popoverBar=e,this.popoverEl.replaceChildren();const r=document.createElement("div");let i;r.className="calendar__popover-loading",r.textContent="Loading…",this.popoverEl.appendChild(r),this.popoverEl.hidden=!1,this.positionPopover(e),document.addEventListener("keydown",this.boundPopoverEscape,!0),document.addEventListener("mousedown",this.boundPopoverOutside,!0);try{i=!0!==t.popover&&t.popover?"function"==typeof t.popover?t.popover():t.popover:this.eventPopover?await this.eventPopover(t):await this.requestEventPopoverContent(t)}catch{i=void 0}if(a===this.popoverToken){if(null==i)return console.warn(`[snice-calendar] event "${String(t.id)}" enables a popover but no content was provided — set eventPopover, event.popover content, or a @respond('calendar/event-popover') handler.`),void this.closeEventPopover({returnFocus:!1});"string"==typeof i?this.popoverEl.textContent=i:this.popoverEl.replaceChildren(i),this.positionPopover(e),this.popoverEl.focus()}}positionPopover(e){const t=e.getBoundingClientRect();this.popoverEl.style.left=`${Math.max(4,t.left)}px`,this.popoverEl.style.top=`${t.bottom+6}px`}closeEventPopover(e={}){if(!this.popoverBar)return;this.popoverToken++;const t=this.popoverBar;this.popoverBar=null,this.popoverEl.hidden=!0,this.popoverEl.replaceChildren(),document.removeEventListener("keydown",this.boundPopoverEscape,!0),document.removeEventListener("mousedown",this.boundPopoverOutside,!0),!1!==e.returnFocus&&t.isConnected&&t.focus()}cleanupPopover(){document.removeEventListener("keydown",this.boundPopoverEscape,!0),document.removeEventListener("mousedown",this.boundPopoverOutside,!0)}async showEventTooltip(e,t){const a=++this.tooltipToken,r=this.eventTooltip;let i;if(r)try{i=await r(t)}catch{i=t.tooltip}else i=t.tooltip;if(a!==this.tooltipToken||null==i)return;"string"==typeof i?this.tooltipEl.textContent=i:this.tooltipEl.replaceChildren(i),this.tooltipEl.hidden=!1,this.tooltipBar=e,e.setAttribute("aria-describedby",this.tooltipEl.id);const n=e.getBoundingClientRect();this.tooltipEl.style.left=`${Math.max(4,n.left)}px`,this.tooltipEl.style.top=`${Math.max(4,n.top-this.tooltipEl.offsetHeight-6)}px`}hideEventTooltip(){this.tooltipToken++,this.tooltipEl.hidden=!0,this.tooltipBar?.removeAttribute("aria-describedby"),this.tooltipBar=null}updateView(){const e=this.displayDate.toLocaleDateString(this.locale,{month:"long",year:"numeric"}),t=this.header.querySelector(".calendar__title");t&&(t.textContent=e);const a=this.getMonthDays(),r=this.displayDate.getMonth(),i=this.computeRovingIndex(a);a.forEach((e,t)=>{const a=this.dayCells[t];if(!a)return;const n=e.getMonth()!==r,s=this.highlightToday&&this.isToday(e),o=!this.noDaySelect&&this.isSelected(e),l=this.isDisabled(e);a.className="calendar__day",n&&a.classList.add("calendar__day--other-month"),s&&a.classList.add("calendar__day--today"),o&&a.classList.add("calendar__day--selected"),l&&a.classList.add("calendar__day--disabled"),this.noDaySelect&&a.classList.add("calendar__day--static"),"stretch"===this.cellSizing&&a.classList.add("calendar__day--stretch"),a.setAttribute("role","gridcell"),a.setAttribute("aria-selected",o?"true":"false"),a.setAttribute("aria-disabled",l?"true":"false"),a.setAttribute("aria-current",s&&!n?"date":"false"),a.setAttribute("tabindex",t===i?"0":"-1"),a.setAttribute("aria-label",e.toLocaleDateString(this.locale,{dateStyle:"full"})),a.__date=e;const c=a.querySelector(".calendar__day-number");c&&(c.textContent=String(e.getDate())),a.onclick=()=>this.handleDayClick(e)}),this.renderEventStripes(a)}static{this.MAX_EVENT_LANES=3}renderEventStripes(e){if(this.closeEventPopover({returnFocus:!1}),this.grid.querySelectorAll(".calendar__event-bar").forEach(e=>e.remove()),this.dayCells.forEach(e=>{e.querySelector(".calendar__more")?.remove(),e.style.removeProperty("--calendar-week-lanes"),e.style.removeProperty("--calendar-week-more")}),!this.events||0===this.events.length)return;const t=e.map(e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime()),a=new Map(t.map((e,t)=>[e,t])),r=t[0],i=t[t.length-1],n=e=>{const t="string"==typeof e?new Date(e):e;return new Date(t.getFullYear(),t.getMonth(),t.getDate()).getTime()},s=[];this.events.forEach((e,o)=>{if(!e.start)return;const l=n(e.start);if(isNaN(l))return;const c=e.end?Math.max(n(e.end),l):l;if(isNaN(c)||c<r||l>i)return;const d=l<r,h=c>i,p=d?0:a.get(l),v=h?t.length-1:a.get(c);s.push({event:e,startIdx:p,endIdx:v,startsBeforeGrid:d,endsAfterGrid:h,startTime:l,duration:c-l,order:o})}),s.sort((e,t)=>e.startTime-t.startTime||t.duration-e.duration||e.order-t.order);const o=new Array(t.length).fill(0),l=Math.floor(t.length/7),c=new Array(l).fill(0);for(let e=0;e<l;e++){const t=7*e,a=t+6,r=[];for(const i of s){if(i.endIdx<t||i.startIdx>a)continue;const n=Math.max(i.startIdx,t),s=Math.min(i.endIdx,a),l=n-t,d=s-t;let h=0;for(;r[h]?.some(([e,t])=>l<=t&&d>=e);)h++;if((r[h]??=[]).push([l,d]),c[e]=Math.min(Math.max(c[e],h+1),ne.MAX_EVENT_LANES),h>=ne.MAX_EVENT_LANES){for(let e=n;e<=s;e++)o[e]++;continue}const p=n>i.startIdx||n===i.startIdx&&i.startsBeforeGrid,v=s<i.endIdx||s===i.endIdx&&i.endsAfterGrid,u=document.createElement("div");u.className="calendar__event-bar",p&&u.classList.add("calendar__event-bar--continues-left"),v&&u.classList.add("calendar__event-bar--continues-right");const g=i.event.className?i.event.className.split(/\s+/).filter(Boolean):[];if(u.classList.add(...g),u.setAttribute("part",["event-bar",...g].join(" ")),u.setAttribute("data-event-id",String(i.event.id)),u.setAttribute("data-lane",String(h)),u.style.gridRow=String(e+2),u.style.gridColumn=`${l+1} / ${d+2}`,u.style.setProperty("--calendar-event-lane",String(h)),i.event.color&&(u.style.background=i.event.color),i.event.avatar){const e="string"==typeof i.event.avatar?{src:i.event.avatar}:i.event.avatar,t=document.createElement("snice-avatar");t.className="calendar__event-avatar",t.setAttribute("part","event-avatar"),t.setAttribute("size","xs"),t.setAttribute("shape","circle"),t.setAttribute("loading","eager"),e.src&&(t.src=e.src),e.name&&(t.name=e.name),e.alt&&(t.alt=e.alt),u.appendChild(t)}const m=document.createElement("span");m.className="calendar__event-title",m.textContent=i.event.title,u.appendChild(m),i.event.tooltip||this.eventTooltip?(u.onmouseenter=()=>this.showEventTooltip(u,i.event),u.onmouseleave=()=>this.hideEventTooltip()):u.title=i.event.title,i.event.popover?(u.setAttribute("role","button"),u.setAttribute("tabindex","0"),u.setAttribute("aria-haspopup","dialog"),u.onkeydown=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),this.openEventPopover(u,i.event))},u.onclick=e=>{this.handleEventClick(i.event,e),this.openEventPopover(u,i.event)}):u.onclick=e=>this.handleEventClick(i.event,e),this.grid.appendChild(u)}}o.forEach((e,t)=>{if(0===e)return;const a=this.dayCells[t];if(!a)return;const r=document.createElement("div");r.className="calendar__more",r.textContent=`+${e} more`,a.appendChild(r)});for(let e=0;e<l;e++){if(0===c[e])continue;const t=o.slice(7*e,7*e+7).some(e=>e>0);for(let a=7*e;a<7*e+7;a++){const r=this.dayCells[a];r&&(r.style.setProperty("--calendar-week-lanes",String(c[e])),t&&r.style.setProperty("--calendar-week-more","1rem"))}}}goToToday(){this.displayDate=new Date,this.value=new Date,this.updateView(),this.dispatchChange()}goToDate(e){this.displayDate="string"==typeof e?new Date(e):e,this.value=this.displayDate,this.updateView(),this.dispatchChange()}previousMonth(){this.displayDate=new Date(this.displayDate.getFullYear(),this.displayDate.getMonth()-1),this.updateView()}nextMonth(){this.displayDate=new Date(this.displayDate.getFullYear(),this.displayDate.getMonth()+1),this.updateView()}previousWeek(){this.displayDate=new Date(this.displayDate.getTime()-6048e5),this.updateView()}nextWeek(){this.displayDate=new Date(this.displayDate.getTime()+6048e5),this.updateView()}previousDay(){this.displayDate=new Date(this.displayDate.getTime()-864e5),this.updateView()}nextDay(){this.displayDate=new Date(this.displayDate.getTime()+864e5),this.updateView()}getDisplayedMonth(){return{month:this.displayDate.getMonth(),year:this.displayDate.getFullYear()}}getEventsForDate(e){const t="string"==typeof e?new Date(e):e,a=t.getTime();return this.events.filter(e=>{if(!e.start)return!1;const r="string"==typeof e.start?new Date(e.start):e.start,i=new Date(r.getFullYear(),r.getMonth(),r.getDate()).getTime();if(!e.end)return this.isSameDay(t,r);const n="string"==typeof e.end?new Date(e.end):e.end,s=new Date(n.getFullYear(),n.getMonth(),n.getDate()).getTime();return a>=i&&a<=s})}formatDate(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`}isSameDay(e,t){return this.formatDate(e)===this.formatDate(t)}isToday(e){return this.isSameDay(e,new Date)}isSelected(e){const t="string"==typeof this.value?new Date(this.value):this.value;return this.isSameDay(e,t)}isDisabled(e){if(this.minDate){const t="string"==typeof this.minDate?new Date(this.minDate):this.minDate;if(e<t)return!0}if(this.maxDate){const t="string"==typeof this.maxDate?new Date(this.maxDate):this.maxDate;if(e>t)return!0}return this.disabledDates.some(t=>{const a="string"==typeof t?new Date(t):t;return this.isSameDay(e,a)})}handleDayClick(e){this.noDaySelect||this.isDisabled(e)||(this.value=e,this.updateView(),this.dispatchChange())}handleEventClick(e,t){t.stopPropagation(),this.dispatchEventClick(e)}getMonthDays(){const e=this.displayDate.getFullYear(),t=this.displayDate.getMonth(),a=new Date(e,t,1).getDay(),r=new Date(e,t,1-(a-this.firstDayOfWeek+7)%7),i=[];for(let e=0;e<42;e++)i.push(new Date(r.getFullYear(),r.getMonth(),r.getDate()+e));return i}getWeekdays(){const e=[],t=new Date(2024,0,this.firstDayOfWeek);for(let a=0;a<7;a++){const r=new Date(t);r.setDate(t.getDate()+a),e.push(r.toLocaleDateString(this.locale,{weekday:"short"}))}return e}handlePropertyChange(){this.grid&&this.updateView()}handleWeekdayInputsChange(){this.grid&&(this.grid.querySelectorAll(".calendar__weekday").forEach(e=>e.remove()),this.getWeekdays().forEach((e,t)=>{const a=document.createElement("div");a.className="calendar__weekday",a.textContent=e,a.style.gridRow="1",a.style.gridColumn=String(t+1),this.grid.insertBefore(a,this.grid.children[t]||null)}),this.updateView())}static{r(i,S)}};return ne=i})();return e.SniceCalendar=i,e}({},Snice);
 //# sourceMappingURL=snice-calendar.min.js.map