@eunomia/elements 1.0.0-beta.5 → 1.0.0-beta.7

package/dist/cdn/components/eun-calendar.js

@@ -1,4 +1,4 @@
-import{a as de}from"./chunks/chunk-AIS3UICU.js";import{a as ce}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chunk-BRSNQMCD.js";import{d as ee,e as te,f as re,g as ie,h as oe,i as ne,j as ae,k as se,l as le}from"./chunks/chunk-647ISUF4.js";import{a as k}from"./chunks/chunk-VRGRCYIO.js";import{a as B,c as R,d as Z,h as D,k as F,m as H,n as L,p as E,q as I,s as W}from"./chunks/chunk-MJ4RDZLL.js";import{a as b}from"./chunks/chunk-MMLIPCOY.js";import{a as f}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as h,f as j,g as M,h as g,i as T,j as Q,n as d,s as J}from"./chunks/chunk-XH6NREVZ.js";var Ee=M`
+import{a as ue}from"./chunks/chunk-IJJ67C66.js";import{a as ce}from"./chunks/chunk-J3SZBXM6.js";import{a as he}from"./chunks/chunk-BRSNQMCD.js";import{d as te,e as re,f as oe,g as ie,h as ne,i as ae,j as se,k as le,l as de}from"./chunks/chunk-647ISUF4.js";import{a as b}from"./chunks/chunk-22D3SRFR.js";import{a as B,c as R,d as ee,h as D,k as F,m as T,n as L,p as E,q as W,s as V}from"./chunks/chunk-MJ4RDZLL.js";import{a as k}from"./chunks/chunk-PD62MBOJ.js";import{b as Z}from"./chunks/chunk-BKZGTCMF.js";import{a as f}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as h,f as Q,h as M,j as g,k as H,l as U,p as d,u as J}from"./chunks/chunk-YITWLCD3.js";var ke=M`
   :host {
     display: block;
     box-sizing: border-box;
@@ -17,13 +17,15 @@ import{a as de}from"./chunks/chunk-AIS3UICU.js";import{a as ce}from"./chunks/chu
   }
 
   #view.swiping-next #view-content {
-    animation: scheduler-slide-from-right var(--scheduler-swipe-duration, 200ms)
-      ease-out;
+    animation: scheduler-slide-from-right
+      var(--scheduler-swipe-duration, var(--eun-duration-m, 200ms))
+      var(--eun-easing-out, ease-out);
   }
 
   #view.swiping-previous #view-content {
-    animation: scheduler-slide-from-left var(--scheduler-swipe-duration, 200ms)
-      ease-out;
+    animation: scheduler-slide-from-left
+      var(--scheduler-swipe-duration, var(--eun-duration-m, 200ms))
+      var(--eun-easing-out, ease-out);
   }
 
   @keyframes scheduler-slide-from-right {
@@ -113,7 +115,7 @@ import{a as de}from"./chunks/chunk-AIS3UICU.js";import{a as ce}from"./chunks/chu
     outline-offset: 1px;
   }
 
-  @media (max-width: ${k.tablet}px) {
+  @media ${k("tablet")} {
     :host {
       display: flex;
       flex-direction: column;
@@ -128,7 +130,7 @@ import{a as de}from"./chunks/chunk-AIS3UICU.js";import{a as ce}from"./chunks/chu
       min-height: 0;
     }
   }
-`,he=Ee;var ke=M`
+`,pe=ke;var Se=M`
   :host {
     --scheduler-mobile: false;
     --scheduler-tablet: false;
@@ -272,13 +274,13 @@ import{a as de}from"./chunks/chunk-AIS3UICU.js";import{a as ce}from"./chunks/chu
     cursor: grabbing;
   }
 
-  @container (max-width: ${k.mobile}px) {
+  @container ${k("mobile")} {
     #hour-grid-scroll {
       --scheduler-mobile: true;
     }
   }
 
-  @container (max-width: ${k.tablet}px) {
+  @container ${k("tablet")} {
     #hour-grid-scroll {
       --scheduler-tablet: true;
       flex: 1 1 auto;
@@ -298,13 +300,13 @@ import{a as de}from"./chunks/chunk-AIS3UICU.js";import{a as ce}from"./chunks/chu
       min-width: var(--scheduler-day-column-min-width-mobile, 76px);
     }
   }
-`,pe=ke;var Se=M`
+`,ve=Se;var Me=M`
   .month-scroll {
     max-height: var(--scheduler-body-max-height, 640px);
     overflow-y: auto;
   }
 
-  @media (max-width: ${k.tablet}px) {
+  @media ${k("tablet")} {
     .month-scroll {
       flex: 1 1 auto;
       height: 100%;
@@ -412,13 +414,13 @@ import{a as de}from"./chunks/chunk-AIS3UICU.js";import{a as ce}from"./chunks/chu
     outline: 2px solid var(--eun-color-info-100, #097faf);
     outline-offset: -2px;
   }
-`,ve=Se;var Me=M`
+`,me=Me;var $e=M`
   .year-scroll {
     max-height: var(--scheduler-body-max-height, 640px);
     overflow-y: auto;
   }
 
-  @media (max-width: ${k.tablet}px) {
+  @media ${k("tablet")} {
     .year-scroll {
       flex: 1 1 auto;
       height: 100%;
@@ -527,7 +529,7 @@ import{a as de}from"./chunks/chunk-AIS3UICU.js";import{a as ce}from"./chunks/chu
     border-radius: 999px;
     background: currentColor;
   }
-`,me=Me;var $e=34,ge=22;function V(i){let{days:a,events:e,dayStartHour:t,dayEndHour:r,slotDuration:o,locale:s}=i,n=60/o,p=r-t,w=Array.from({length:p},(l,v)=>t+v),y=new Date,S=ae(e,a),c=S.reduce((l,v)=>Math.max(l,v.row+1),0);return d`
+`,ge=$e;var Ce=34,ye=22;function I(o){let{days:a,events:e,dayStartHour:t,dayEndHour:r,slotDuration:i,locale:s}=o,n=60/i,p=r-t,w=Array.from({length:p},(l,v)=>t+v),y=new Date,S=se(e,a),c=S.reduce((l,v)=>Math.max(l,v.row+1),0);return d`
     <div id="hour-grid-scroll">
       <div class="hour-grid-header">
         <div class="hour-grid-gutter-spacer"></div>
@@ -544,23 +546,23 @@ import{a as de}from"./chunks/chunk-AIS3UICU.js";import{a as ce}from"./chunks/chu
       ${c>0?d`
             <div
               class="hour-grid-allday-row"
-              style=${b({height:`${c*ge}px`})}
+              style=${b({height:`${c*ye}px`})}
             >
               <div class="hour-grid-gutter-spacer"></div>
               <div class="hour-grid-allday-days">
                 ${S.map(l=>{let v=l.endIndex-l.startIndex+1,x=l.startIndex/a.length*100,$=v/a.length*100;return d`
                     <div
                       class="hour-grid-allday-event"
-                      style=${b({top:`${l.row*ge}px`,left:`${x}%`,width:`${$}%`})}
+                      style=${b({top:`${l.row*ye}px`,left:`${x}%`,width:`${$}%`})}
                     >
                       <eun-scheduler-event
                         .label=${l.event.title}
                         .start=${l.event.start}
                         .end=${l.event.end}
                         color=${l.event.color}
-                        appearance=${i.eventAppearance}
+                        appearance=${o.eventAppearance}
                         hide-time
-                        @click=${C=>i.onEventClick(l.event,C)}
+                        @click=${C=>o.onEventClick(l.event,C)}
                       ></eun-scheduler-event>
                     </div>
                   `})}
@@ -574,31 +576,31 @@ import{a as de}from"./chunks/chunk-AIS3UICU.js";import{a as ce}from"./chunks/chu
         <div class="hour-grid-gutter">
           ${w.map(l=>d`
               <div class="hour-grid-gutter-slot">
-                ${le(l,s)}
+                ${de(l,s)}
               </div>
             `)}
         </div>
-        ${a.map(l=>Ce(l,i,y,w.length))}
+        ${a.map(l=>He(l,o,y,w.length))}
       </div>
     </div>
-  `}function Ce(i,a,e,t){let{events:r,dayStartHour:o,dayEndHour:s,slotDuration:n,slotHeight:p,eventAppearance:w,onSlotClick:y,onEventClick:S,draggingEventId:c,onEventDragStart:l}=a,v=o*60,x=s*60,$=ie(r,i),C=ne($),xe=m=>{if(m.target.closest("eun-scheduler-event"))return;let A=m.currentTarget.getBoundingClientRect(),z=(m.clientY-A.top)/p*n,G=Math.floor(z/n)*n+v,O=new Date(i);O.setHours(0,G,0,0),y(O)},_=e.getHours()*60+e.getMinutes(),De=H(i,e)&&_>=v&&_<=x;return d`
+  `}function He(o,a,e,t){let{events:r,dayStartHour:i,dayEndHour:s,slotDuration:n,slotHeight:p,eventAppearance:w,onSlotClick:y,onEventClick:S,draggingEventId:c,onEventDragStart:l}=a,v=i*60,x=s*60,$=ie(r,o),C=ae($),De=m=>{if(m.target.closest("eun-scheduler-event"))return;let A=m.currentTarget.getBoundingClientRect(),z=(m.clientY-A.top)/p*n,G=Math.floor(z/n)*n+v,O=new Date(o);O.setHours(0,G,0,0),y(O)},_=e.getHours()*60+e.getMinutes(),Ee=T(o,e)&&_>=v&&_<=x;return d`
     <div
-      class=${f({"hour-grid-day-column":!0,today:E(i)})}
-      data-date=${i.toISOString()}
+      class=${f({"hour-grid-day-column":!0,today:E(o)})}
+      data-date=${o.toISOString()}
       style=${b({height:`${t*(60/n)*p}px`})}
-      @click=${xe}
+      @click=${De}
     >
       ${Array.from({length:t},()=>1).map(()=>d`<div class="hour-grid-hour-line"></div>`)}
-      ${De?d`
+      ${Ee?d`
             <div
               class="hour-grid-now-line"
               style=${b({top:`${(_-v)/n*p}px`})}
             ></div>
           `:null}
-      ${C.map(m=>{let P=Math.max(m.event.start.getHours()*60+m.event.start.getMinutes(),v),A=Math.min(m.event.end.getHours()*60+m.event.end.getMinutes(),x);if(A<=v||P>=x)return null;let q=(P-v)/n*p,z=Math.max((A-P)/n*p,p/2),G=100/m.columnCount;return d`
+      ${C.map(m=>{let P=Math.max(m.event.start.getHours()*60+m.event.start.getMinutes(),v),A=Math.min(m.event.end.getHours()*60+m.event.end.getMinutes(),x);if(A<=v||P>=x)return null;let j=(P-v)/n*p,z=Math.max((A-P)/n*p,p/2),G=100/m.columnCount;return d`
           <div
             class=${f({"hour-grid-event":!0,"dragging-source":m.event.id===c})}
-            style=${b({top:`${q}px`,height:`${z}px`,left:`${m.column*G}%`,width:`${G}%`})}
+            style=${b({top:`${j}px`,height:`${z}px`,left:`${m.column*G}%`,width:`${G}%`})}
             @pointerdown=${O=>l?.(m.event,O)}
           >
             <eun-scheduler-event
@@ -607,28 +609,28 @@ import{a as de}from"./chunks/chunk-AIS3UICU.js";import{a as ce}from"./chunks/chu
               .end=${m.event.end}
               color=${m.event.color}
               appearance=${w}
-              ?hide-time=${z<$e}
+              ?hide-time=${z<Ce}
               @click=${O=>S(m.event,O)}
             ></eun-scheduler-event>
           </div>
         `})}
     </div>
-  `}function K(i,a){return V({...a,days:[i]})}function ye(i,a,e,t){let r=R(i,a),o=Array.from({length:7},(s,n)=>D(r,n)).filter(s=>!e||!I(s));return V({...t,days:o})}var U=22;function be(i){let{displayedMonth:a,weekStartsOn:e,locale:t}=i,r=W(a,e),o=Oe(e,t);return d`
+  `}function K(o,a){return I({...a,days:[o]})}function fe(o,a,e,t){let r=R(o,a),i=Array.from({length:7},(s,n)=>D(r,n)).filter(s=>!e||!W(s));return I({...t,days:i})}var X=22;function we(o){let{displayedMonth:a,weekStartsOn:e,locale:t}=o,r=V(a,e),i=Re(e,t);return d`
     <div class="month-scroll">
       <div class="month-grid-weekdays" role="row">
-        ${o.map(s=>d`<span role="columnheader">${s}</span>`)}
+        ${i.map(s=>d`<span role="columnheader">${s}</span>`)}
       </div>
       <div class="month-grid" role="grid">
-        ${r.map(s=>Te(s,i))}
+        ${r.map(s=>Te(s,o))}
       </div>
     </div>
-  `}function fe(i,a){return i.filter(e=>e.startIndex<=a&&e.endIndex>=a)}function Te(i,a){let{events:e,maxEventsPerCell:t,moreLabel:r,onEventClick:o,desktop:s}=a,n=Math.max(t,1),p=se(e,i),w=i.some((c,l)=>fe(p,l).length>n),y=w?n-1:n,S=p.filter(c=>c.row<y);return d`
+  `}function be(o,a){return o.filter(e=>e.startIndex<=a&&e.endIndex>=a)}function Te(o,a){let{events:e,maxEventsPerCell:t,moreLabel:r,onEventClick:i,desktop:s}=a,n=Math.max(t,1),p=le(e,o),w=o.some((c,l)=>be(p,l).length>n),y=w?n-1:n,S=p.filter(c=>c.row<y);return d`
     <div
       class="month-week"
       role="row"
-      style=${b({gridTemplateRows:`auto repeat(${n}, ${U}px)`})}
+      style=${b({gridTemplateRows:`auto repeat(${n}, ${X}px)`})}
     >
-      ${i.map((c,l)=>He(c,l,a))}
+      ${o.map((c,l)=>Oe(c,l,a))}
       ${S.map(c=>d`
           <eun-scheduler-event
             class="month-week-event"
@@ -637,13 +639,13 @@ import{a as de}from"./chunks/chunk-AIS3UICU.js";import{a as ce}from"./chunks/chu
             .start=${c.event.start}
             .end=${c.event.end}
             color=${c.event.color}
-            appearance=${re(c.event)?"default":"ghost"}
+            appearance=${oe(c.event)?"default":"ghost"}
             direction=${s?"row":"column"}
             ?hide-time=${!s||!!c.event.allDay}
-            @click=${l=>o(c.event,l)}
+            @click=${l=>i(c.event,l)}
           ></eun-scheduler-event>
         `)}
-      ${w?i.map((c,l)=>{let v=fe(p,l).length-y;return v>0?d`
+      ${w?o.map((c,l)=>{let v=be(p,l).length-y;return v>0?d`
                   <button
                     type="button"
                     class="month-week-more"
@@ -654,61 +656,61 @@ import{a as de}from"./chunks/chunk-AIS3UICU.js";import{a as ce}from"./chunks/chu
                   </button>
                 `:null}):null}
     </div>
-  `}function He(i,a,e){let{displayedMonth:t,focusedDate:r,onDayClick:o,onDayKeydown:s}=e;return d`
+  `}function Oe(o,a,e){let{displayedMonth:t,focusedDate:r,onDayClick:i,onDayKeydown:s}=e;return d`
     <div
-      class=${f({"month-cell":!0,outside:!L(i,t)})}
+      class=${f({"month-cell":!0,outside:!L(o,t)})}
       style=${b({gridColumn:`${a+1}`})}
     >
       <button
         type="button"
-        class=${f({"month-cell-day":!0,today:E(i)})}
+        class=${f({"month-cell-day":!0,today:E(o)})}
         role="gridcell"
-        tabindex=${H(i,r)?"0":"-1"}
-        aria-label=${i.toLocaleDateString(e.locale,{weekday:"long",day:"numeric",month:"long",year:"numeric"})}
-        @click=${()=>o(i)}
-        @keydown=${n=>s(n,i)}
+        tabindex=${T(o,r)?"0":"-1"}
+        aria-label=${o.toLocaleDateString(e.locale,{weekday:"long",day:"numeric",month:"long",year:"numeric"})}
+        @click=${()=>i(o)}
+        @keydown=${n=>s(n,o)}
       >
-        ${i.getDate()}
+        ${o.getDate()}
       </button>
     </div>
-  `}function Oe(i,a){let e=new Date(1970,0,4);return Array.from({length:7},(t,r)=>D(e,i+r)).map(t=>t.toLocaleDateString(a,{weekday:"short"}))}function we(i){let{displayedYear:a,weekStartsOn:e,locale:t}=i,r=a.getFullYear(),o=Array.from({length:12},(n,p)=>new Date(r,p,1)),s=Pe(e,t);return d`
+  `}function Re(o,a){let e=new Date(1970,0,4);return Array.from({length:7},(t,r)=>D(e,o+r)).map(t=>t.toLocaleDateString(a,{weekday:"short"}))}function xe(o){let{displayedYear:a,weekStartsOn:e,locale:t}=o,r=a.getFullYear(),i=Array.from({length:12},(n,p)=>new Date(r,p,1)),s=Ae(e,t);return d`
     <div class="year-scroll">
       <div class="year-weekday-header" role="row">
         ${s.map(n=>d`<span role="columnheader">${n}</span>`)}
       </div>
-      ${o.map(n=>Re(n,e,t,i))}
+      ${i.map(n=>Le(n,e,t,o))}
     </div>
-  `}function Re(i,a,e,t){let r=W(i,a);return d`
+  `}function Le(o,a,e,t){let r=V(o,a);return d`
     <div class="year-month-section">
       <button
         type="button"
         class="year-month-label"
-        @click=${()=>t.onMonthLabelClick(i)}
+        @click=${()=>t.onMonthLabelClick(o)}
       >
-        ${i.toLocaleDateString(e,{month:"long",year:"numeric"})}
+        ${o.toLocaleDateString(e,{month:"long",year:"numeric"})}
       </button>
       <div class="year-month-grid" role="grid">
-        ${r.map(o=>d`
+        ${r.map(i=>d`
             <div class="year-month-row" role="row">
-              ${o.map(s=>Le(s,i,e,t))}
+              ${i.map(s=>Pe(s,o,e,t))}
             </div>
           `)}
       </div>
     </div>
-  `}function Le(i,a,e,t){let r=!L(i,a),o=!r&&oe(t.events,i).length>0;return d`
+  `}function Pe(o,a,e,t){let r=!L(o,a),i=!r&&ne(t.events,o).length>0;return d`
     <button
       type="button"
-      class=${f({"year-day":!0,outside:r,today:E(i)})}
+      class=${f({"year-day":!0,outside:r,today:E(o)})}
       ?disabled=${r}
       tabindex=${r?"-1":"0"}
       role="gridcell"
-      aria-label=${i.toLocaleDateString(e,{weekday:"long",day:"numeric",month:"long",year:"numeric"})}
-      @click=${()=>t.onDayClick(i)}
+      aria-label=${o.toLocaleDateString(e,{weekday:"long",day:"numeric",month:"long",year:"numeric"})}
+      @click=${()=>t.onDayClick(o)}
     >
-      <span class="year-day-number">${i.getDate()}</span>
-      ${o?d`<span class="year-day-dot" aria-hidden="true"></span>`:null}
+      <span class="year-day-number">${o.getDate()}</span>
+      ${i?d`<span class="year-day-dot" aria-hidden="true"></span>`:null}
     </button>
-  `}function Pe(i,a){let e=new Date(1970,0,4);return Array.from({length:7},(t,r)=>D(e,i+r)).map(t=>t.toLocaleDateString(a,{weekday:"short"}))}var N=class i extends Event{static{this.eventName="euneventclick"}constructor(a,e){super(i.eventName,{bubbles:!0,composed:!1}),this.event=a,this.anchor=e}};var Y=class i extends Event{static{this.eventName="eunslotclick"}constructor(a){super(i.eventName,{bubbles:!0,composed:!1}),this.start=a}};var Ae="eun-calendar",ze=40,Ge="(max-width: 767px)",Ie=4,X=24,u=class extends J{constructor(){super(...arguments);this.events=[];this.view="week";this.displayedDate=new Date;this.weekStartsOn=1;this.dayStartHour=0;this.dayEndHour=24;this.slotDuration=30;this.readonly=!1;this.noAnimation=!1;this.moreEventsLabel="+{count} more";this.eventAppearance="default";this.focusedDate=B(new Date);this.selectedWeekDay=null;this.swipeDirection=null;this.isMobile=!1;this.swipeStart=null;this.draggingEventId=null;this.dragEvent=null;this.dragPointerId=null;this.dragActivated=!1;this.dragStartClientX=0;this.dragStartClientY=0;this.dragGrabOffsetX=0;this.dragGrabOffsetY=0;this.dragChipWidth=0;this.dragChipHeight=0;this.dragDurationMs=0;this.dragGhostEl=null;this.dragFinalStart=null;this.suppressNextClick=!1;this.monthMaxEventsPerCell=3;this.observedMonthCell=null;this.handleMonthDayKeydown=e=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.moveMonthFocus(-1);break;case"ArrowRight":e.preventDefault(),this.moveMonthFocus(1);break;case"ArrowUp":e.preventDefault(),this.moveMonthFocus(-7);break;case"ArrowDown":e.preventDefault(),this.moveMonthFocus(7);break;case"Home":e.preventDefault(),this.jumpMonthFocus(R(this.focusedDate,this.weekStartsOn));break;case"End":e.preventDefault(),this.jumpMonthFocus(D(R(this.focusedDate,this.weekStartsOn),6));break;case"PageUp":e.preventDefault(),this.jumpMonthFocus(F(this.focusedDate,e.shiftKey?-12:-1));break;case"PageDown":e.preventDefault(),this.jumpMonthFocus(F(this.focusedDate,e.shiftKey?12:1));break;default:break}};this.handleMobileMediaChange=e=>{this.isMobile=e.matches};this.handleEventClick=(e,t)=>{if(this.suppressNextClick){this.suppressNextClick=!1;return}this.dispatchEvent(new N(e,t.currentTarget))};this.handleSlotClick=e=>{this.readonly||this.dispatchEvent(new Y(e))};this.handleEventDragStart=(e,t)=>{if(this.readonly||t.pointerType==="touch"||t.button!==0)return;let r=t.currentTarget.getBoundingClientRect();this.dragEvent=e,this.dragPointerId=t.pointerId,this.dragActivated=!1,this.dragStartClientX=t.clientX,this.dragStartClientY=t.clientY,this.dragGrabOffsetX=t.clientX-r.left,this.dragGrabOffsetY=t.clientY-r.top,this.dragChipWidth=r.width,this.dragChipHeight=r.height,this.dragDurationMs=e.end.getTime()-e.start.getTime(),document.addEventListener("pointermove",this.handleDragPointerMove),document.addEventListener("pointerup",this.handleDragPointerUp),document.addEventListener("pointercancel",this.handleDragPointerCancel),document.addEventListener("keydown",this.handleDragKeydown)};this.handleDragPointerMove=e=>{if(!this.dragEvent||e.pointerId!==this.dragPointerId)return;let t=e.clientX-this.dragStartClientX,r=e.clientY-this.dragStartClientY;if(!this.dragActivated){if(Math.hypot(t,r)<Ie)return;this.dragActivated=!0,this.draggingEventId=this.dragEvent.id,this.mountDragGhost(this.dragEvent)}e.preventDefault(),this.updateDragGhost(e.clientX,e.clientY)};this.handleDragPointerUp=e=>{if(!this.dragEvent||e.pointerId!==this.dragPointerId)return;let t=this.dragEvent,r=this.dragActivated,o=this.dragFinalStart;this.teardownDrag(),!(!r||!o)&&(this.suppressNextClick=!0,o.getTime()!==t.start.getTime()&&this.dispatchEvent(new ue({...t,start:o,end:new Date(o.getTime()+this.dragDurationMs)})))};this.handleDragPointerCancel=e=>{!this.dragEvent||e.pointerId!==this.dragPointerId||this.teardownDrag()};this.handleDragKeydown=e=>{e.key==="Escape"&&this.dragEvent&&(e.stopPropagation(),this.teardownDrag())};this.goToDayView=e=>{this.view="day",this.displayedDate=e};this.handleSwipeStart=e=>{e.pointerType==="touch"&&(this.swipeStart={x:e.clientX,y:e.clientY})};this.handleSwipeEnd=e=>{let t=this.swipeStart;if(this.swipeStart=null,e.pointerType!=="touch"||!t)return;let r=e.clientX-t.x,o=e.clientY-t.y;Math.abs(r)<ze||Math.abs(r)<Math.abs(o)||(r<0?(this.navigate(1),this.playSwipeAnimation("next")):(this.navigate(-1),this.playSwipeAnimation("previous")))};this.handleSwipeCancel=()=>{this.swipeStart=null}}willUpdate(e){e.has("displayedDate")&&!e.has("focusedDate")&&(this.focusedDate=B(this.displayedDate))}syncDisplayedMonth(){L(this.focusedDate,this.displayedDate)||(this.displayedDate=Z(this.focusedDate))}focusMonthCell(){this.shadowRoot?.querySelector('.month-cell-day[tabindex="0"]')?.focus()}moveMonthFocus(e){this.focusedDate=D(this.focusedDate,e),this.syncDisplayedMonth(),this.updateComplete.then(()=>this.focusMonthCell())}jumpMonthFocus(e){this.focusedDate=e,this.syncDisplayedMonth(),this.updateComplete.then(()=>this.focusMonthCell())}updated(e){if(super.updated(e),e.has("view")||e.has("displayedDate")||e.has("weekStartsOn")){let t=ee(this.view,this.displayedDate,this.weekStartsOn);this.dispatchEvent(new ce(this.view,t.start,t.end))}this.syncMonthCellObserver()}firstUpdated(e){super.firstUpdated(e),this.view==="year"?this.runOnceVisible(".year-scroll",()=>this.scrollYearViewToCurrentMonth()):this.view!=="month"&&this.runOnceVisible("#hour-grid-scroll",()=>this.scrollHourGridToNow())}runOnceVisible(e,t){let r=this.shadowRoot?.querySelector(e);if(r){if(r.clientHeight>0){t();return}this.initialScrollObserver?.disconnect(),this.initialScrollObserver=new ResizeObserver(()=>{r.clientHeight>0&&(this.initialScrollObserver?.disconnect(),this.initialScrollObserver=void 0,t())}),this.initialScrollObserver.observe(r)}}scrollHourGridToNow(){let e=this.shadowRoot?.querySelector("#hour-grid-scroll"),t=this.shadowRoot?.querySelector(".hour-grid-body"),r=this.shadowRoot?.querySelector(".hour-grid-day-column.today");if(!e||!t||!r)return;let o=new Date,s=this.dayStartHour*60,n=this.dayEndHour*60,w=(Math.min(Math.max(o.getHours()*60+o.getMinutes(),s),n)-s)/this.slotDuration*X,y=t.getBoundingClientRect().top-e.getBoundingClientRect().top+e.scrollTop;e.scrollTop=Math.max(0,y+w-e.clientHeight/3)}scrollYearViewToCurrentMonth(){let e=new Date;if(this.displayedDate.getFullYear()!==e.getFullYear())return;let t=this.shadowRoot?.querySelector(".year-scroll"),o=this.shadowRoot?.querySelectorAll(".year-month-section")?.[e.getMonth()];if(!t||!o)return;let s=this.shadowRoot?.querySelector(".year-weekday-header")?.getBoundingClientRect().height??0,n=o.getBoundingClientRect().top-t.getBoundingClientRect().top+t.scrollTop;t.scrollTop=Math.max(0,n-s)}syncMonthCellObserver(){if(this.view!=="month"){this.monthCellResizeObserver?.disconnect(),this.monthCellResizeObserver=void 0,this.observedMonthCell=null;return}let e=this.shadowRoot?.querySelector(".month-cell");!e||e===this.observedMonthCell||(this.monthCellResizeObserver?.disconnect(),this.observedMonthCell=e,this.monthCellResizeObserver=new ResizeObserver(()=>this.measureMonthCellCapacity()),this.monthCellResizeObserver.observe(e))}measureMonthCellCapacity(){let e=this.observedMonthCell,t=e?.closest(".month-week"),r=t?.querySelector(".month-cell-day");if(!e||!t||!r)return;let o=Number.parseFloat(getComputedStyle(t).rowGap)||0,s=e.clientHeight-r.offsetHeight-o,n=Math.max(1,Math.floor((s+o)/(U+o)));n!==this.monthMaxEventsPerCell&&(this.monthMaxEventsPerCell=n)}updateMobileMediaQuery(){this.mobileMediaQuery?.removeEventListener("change",this.handleMobileMediaChange),this.mobileMediaQuery=window.matchMedia(Ge),this.mobileMediaQuery.addEventListener("change",this.handleMobileMediaChange),this.isMobile=this.mobileMediaQuery.matches}connectedCallback(){super.connectedCallback?.(),this.updateMobileMediaQuery()}disconnectedCallback(){this.mobileMediaQuery?.removeEventListener("change",this.handleMobileMediaChange),this.monthCellResizeObserver?.disconnect(),this.initialScrollObserver?.disconnect(),this.teardownDrag(),super.disconnectedCallback?.()}navigate(e){this.displayedDate=te(this.view,this.displayedDate,e)}mountDragGhost(e){let t=document.createElement(de);t.label=e.title,t.color=e.color,t.appearance=this.eventAppearance,t.locale=this.locale,t.start=e.start,t.end=e.end,Object.assign(t.style,{position:"fixed",width:`${this.dragChipWidth}px`,height:`${this.dragChipHeight}px`,pointerEvents:"none",zIndex:"1000",boxShadow:"0 8px 20px rgba(0, 0, 0, 0.2)",borderRadius:"var(--eun-border-radius-s, 5px)"}),this.dragGhostLayerEl?.appendChild(t),this.dragGhostEl=t}updateDragGhost(e,t){if(!this.dragGhostEl||!this.dragEvent)return;let r=e-this.dragGrabOffsetX,o=t-this.dragGrabOffsetY;this.dragGhostEl.style.left=`${r}px`,this.dragGhostEl.style.top=`${o}px`;let s=Array.from(this.shadowRoot?.querySelectorAll(".hour-grid-day-column")??[]);if(!s.length)return;let n=s[0];for(let $ of s){let C=$.getBoundingClientRect();if(e>=C.left&&e<=C.right){n=$;break}e>C.right&&(n=$)}let p=n.dataset.date?new Date(n.dataset.date):null;if(!p)return;let w=n.getBoundingClientRect(),y=this.dayStartHour*60,S=this.dayEndHour*60,c=this.dragDurationMs/6e4,l=(o-w.top)/X*this.slotDuration,v=Math.min(Math.max(Math.round(l/this.slotDuration)*this.slotDuration+y,y),S-c),x=new Date(p);x.setHours(0,v,0,0),this.dragFinalStart=x,this.dragGhostEl.start=x,this.dragGhostEl.end=new Date(x.getTime()+this.dragDurationMs)}teardownDrag(){document.removeEventListener("pointermove",this.handleDragPointerMove),document.removeEventListener("pointerup",this.handleDragPointerUp),document.removeEventListener("pointercancel",this.handleDragPointerCancel),document.removeEventListener("keydown",this.handleDragKeydown),this.dragGhostEl?.remove(),this.dragGhostEl=null,this.dragEvent=null,this.dragPointerId=null,this.dragActivated=!1,this.dragFinalStart=null,this.draggingEventId=null}playSwipeAnimation(e){this.swipeDirection=null,this.updateComplete.then(()=>{this.shadowRoot?.querySelector("#view")?.offsetWidth,this.swipeDirection=e})}render(){return d`
+  `}function Ae(o,a){let e=new Date(1970,0,4);return Array.from({length:7},(t,r)=>D(e,o+r)).map(t=>t.toLocaleDateString(a,{weekday:"short"}))}var Y=class o extends Event{static{this.eventName="euneventclick"}constructor(a,e){super(o.eventName,{bubbles:!0,composed:!1}),this.event=a,this.anchor=e}};var N=class o extends Event{static{this.eventName="eunslotclick"}constructor(a){super(o.eventName,{bubbles:!0,composed:!1}),this.start=a}};var ze="eun-calendar",Ge=40,We=Z("tablet"),Ve=4,q=24,u=class extends J{constructor(){super(...arguments);this.events=[];this.view="week";this.displayedDate=new Date;this.weekStartsOn=1;this.dayStartHour=0;this.dayEndHour=24;this.slotDuration=30;this.readonly=!1;this.noAnimation=!1;this.moreEventsLabel="+{count} more";this.eventAppearance="default";this.focusedDate=B(new Date);this.selectedWeekDay=null;this.swipeDirection=null;this.isMobile=!1;this.swipeStart=null;this.draggingEventId=null;this.dragEvent=null;this.dragPointerId=null;this.dragActivated=!1;this.dragStartClientX=0;this.dragStartClientY=0;this.dragGrabOffsetX=0;this.dragGrabOffsetY=0;this.dragChipWidth=0;this.dragChipHeight=0;this.dragDurationMs=0;this.dragGhostEl=null;this.dragFinalStart=null;this.suppressNextClick=!1;this.monthMaxEventsPerCell=3;this.observedMonthCell=null;this.handleMonthDayKeydown=e=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.moveMonthFocus(-1);break;case"ArrowRight":e.preventDefault(),this.moveMonthFocus(1);break;case"ArrowUp":e.preventDefault(),this.moveMonthFocus(-7);break;case"ArrowDown":e.preventDefault(),this.moveMonthFocus(7);break;case"Home":e.preventDefault(),this.jumpMonthFocus(R(this.focusedDate,this.weekStartsOn));break;case"End":e.preventDefault(),this.jumpMonthFocus(D(R(this.focusedDate,this.weekStartsOn),6));break;case"PageUp":e.preventDefault(),this.jumpMonthFocus(F(this.focusedDate,e.shiftKey?-12:-1));break;case"PageDown":e.preventDefault(),this.jumpMonthFocus(F(this.focusedDate,e.shiftKey?12:1));break;default:break}};this.handleMobileMediaChange=e=>{this.isMobile=e.matches};this.handleEventClick=(e,t)=>{if(this.suppressNextClick){this.suppressNextClick=!1;return}this.dispatchEvent(new Y(e,t.currentTarget))};this.handleSlotClick=e=>{this.readonly||this.dispatchEvent(new N(e))};this.handleEventDragStart=(e,t)=>{if(this.readonly||t.pointerType==="touch"||t.button!==0)return;let r=t.currentTarget.getBoundingClientRect();this.dragEvent=e,this.dragPointerId=t.pointerId,this.dragActivated=!1,this.dragStartClientX=t.clientX,this.dragStartClientY=t.clientY,this.dragGrabOffsetX=t.clientX-r.left,this.dragGrabOffsetY=t.clientY-r.top,this.dragChipWidth=r.width,this.dragChipHeight=r.height,this.dragDurationMs=e.end.getTime()-e.start.getTime(),document.addEventListener("pointermove",this.handleDragPointerMove),document.addEventListener("pointerup",this.handleDragPointerUp),document.addEventListener("pointercancel",this.handleDragPointerCancel),document.addEventListener("keydown",this.handleDragKeydown)};this.handleDragPointerMove=e=>{if(!this.dragEvent||e.pointerId!==this.dragPointerId)return;let t=e.clientX-this.dragStartClientX,r=e.clientY-this.dragStartClientY;if(!this.dragActivated){if(Math.hypot(t,r)<Ve)return;this.dragActivated=!0,this.draggingEventId=this.dragEvent.id,this.mountDragGhost(this.dragEvent)}e.preventDefault(),this.updateDragGhost(e.clientX,e.clientY)};this.handleDragPointerUp=e=>{if(!this.dragEvent||e.pointerId!==this.dragPointerId)return;let t=this.dragEvent,r=this.dragActivated,i=this.dragFinalStart;this.teardownDrag(),!(!r||!i)&&(this.suppressNextClick=!0,i.getTime()!==t.start.getTime()&&this.dispatchEvent(new he({...t,start:i,end:new Date(i.getTime()+this.dragDurationMs)})))};this.handleDragPointerCancel=e=>{!this.dragEvent||e.pointerId!==this.dragPointerId||this.teardownDrag()};this.handleDragKeydown=e=>{e.key==="Escape"&&this.dragEvent&&(e.stopPropagation(),this.teardownDrag())};this.goToDayView=e=>{this.view="day",this.displayedDate=e};this.handleSwipeStart=e=>{e.pointerType==="touch"&&(this.swipeStart={x:e.clientX,y:e.clientY})};this.handleSwipeEnd=e=>{let t=this.swipeStart;if(this.swipeStart=null,e.pointerType!=="touch"||!t)return;let r=e.clientX-t.x,i=e.clientY-t.y;Math.abs(r)<Ge||Math.abs(r)<Math.abs(i)||(r<0?(this.navigate(1),this.playSwipeAnimation("next")):(this.navigate(-1),this.playSwipeAnimation("previous")))};this.handleSwipeCancel=()=>{this.swipeStart=null}}willUpdate(e){e.has("displayedDate")&&!e.has("focusedDate")&&(this.focusedDate=B(this.displayedDate))}syncDisplayedMonth(){L(this.focusedDate,this.displayedDate)||(this.displayedDate=ee(this.focusedDate))}focusMonthCell(){this.shadowRoot?.querySelector('.month-cell-day[tabindex="0"]')?.focus()}moveMonthFocus(e){this.focusedDate=D(this.focusedDate,e),this.syncDisplayedMonth(),this.updateComplete.then(()=>this.focusMonthCell())}jumpMonthFocus(e){this.focusedDate=e,this.syncDisplayedMonth(),this.updateComplete.then(()=>this.focusMonthCell())}updated(e){if(super.updated(e),e.has("view")||e.has("displayedDate")||e.has("weekStartsOn")){let t=te(this.view,this.displayedDate,this.weekStartsOn);this.dispatchEvent(new ue(this.view,t.start,t.end))}this.syncMonthCellObserver()}firstUpdated(e){super.firstUpdated(e),this.view==="year"?this.runOnceVisible(".year-scroll",()=>this.scrollYearViewToCurrentMonth()):this.view!=="month"&&this.runOnceVisible("#hour-grid-scroll",()=>this.scrollHourGridToNow())}runOnceVisible(e,t){let r=this.shadowRoot?.querySelector(e);if(r){if(r.clientHeight>0){t();return}this.initialScrollObserver?.disconnect(),this.initialScrollObserver=new ResizeObserver(()=>{r.clientHeight>0&&(this.initialScrollObserver?.disconnect(),this.initialScrollObserver=void 0,t())}),this.initialScrollObserver.observe(r)}}scrollHourGridToNow(){let e=this.shadowRoot?.querySelector("#hour-grid-scroll"),t=this.shadowRoot?.querySelector(".hour-grid-body"),r=this.shadowRoot?.querySelector(".hour-grid-day-column.today");if(!e||!t||!r)return;let i=new Date,s=this.dayStartHour*60,n=this.dayEndHour*60,w=(Math.min(Math.max(i.getHours()*60+i.getMinutes(),s),n)-s)/this.slotDuration*q,y=t.getBoundingClientRect().top-e.getBoundingClientRect().top+e.scrollTop;e.scrollTop=Math.max(0,y+w-e.clientHeight/3)}scrollYearViewToCurrentMonth(){let e=new Date;if(this.displayedDate.getFullYear()!==e.getFullYear())return;let t=this.shadowRoot?.querySelector(".year-scroll"),i=this.shadowRoot?.querySelectorAll(".year-month-section")?.[e.getMonth()];if(!t||!i)return;let s=this.shadowRoot?.querySelector(".year-weekday-header")?.getBoundingClientRect().height??0,n=i.getBoundingClientRect().top-t.getBoundingClientRect().top+t.scrollTop;t.scrollTop=Math.max(0,n-s)}syncMonthCellObserver(){if(this.view!=="month"){this.monthCellResizeObserver?.disconnect(),this.monthCellResizeObserver=void 0,this.observedMonthCell=null;return}let e=this.shadowRoot?.querySelector(".month-cell");!e||e===this.observedMonthCell||(this.monthCellResizeObserver?.disconnect(),this.observedMonthCell=e,this.monthCellResizeObserver=new ResizeObserver(()=>this.measureMonthCellCapacity()),this.monthCellResizeObserver.observe(e))}measureMonthCellCapacity(){let e=this.observedMonthCell,t=e?.closest(".month-week"),r=t?.querySelector(".month-cell-day");if(!e||!t||!r)return;let i=Number.parseFloat(getComputedStyle(t).rowGap)||0,s=e.clientHeight-r.offsetHeight-i,n=Math.max(1,Math.floor((s+i)/(X+i)));n!==this.monthMaxEventsPerCell&&(this.monthMaxEventsPerCell=n)}updateMobileMediaQuery(){this.mobileMediaQuery?.removeEventListener("change",this.handleMobileMediaChange),this.mobileMediaQuery=window.matchMedia(We),this.mobileMediaQuery.addEventListener("change",this.handleMobileMediaChange),this.isMobile=this.mobileMediaQuery.matches}connectedCallback(){super.connectedCallback?.(),this.updateMobileMediaQuery()}disconnectedCallback(){this.mobileMediaQuery?.removeEventListener("change",this.handleMobileMediaChange),this.monthCellResizeObserver?.disconnect(),this.initialScrollObserver?.disconnect(),this.teardownDrag(),super.disconnectedCallback?.()}navigate(e){this.displayedDate=re(this.view,this.displayedDate,e)}mountDragGhost(e){let t=document.createElement(ce);t.label=e.title,t.color=e.color,t.appearance=this.eventAppearance,t.locale=this.locale,t.start=e.start,t.end=e.end,Object.assign(t.style,{position:"fixed",width:`${this.dragChipWidth}px`,height:`${this.dragChipHeight}px`,pointerEvents:"none",zIndex:"1000",boxShadow:"0 8px 20px rgba(0, 0, 0, 0.2)",borderRadius:"var(--eun-border-radius-s, 5px)"}),this.dragGhostLayerEl?.appendChild(t),this.dragGhostEl=t}updateDragGhost(e,t){if(!this.dragGhostEl||!this.dragEvent)return;let r=e-this.dragGrabOffsetX,i=t-this.dragGrabOffsetY;this.dragGhostEl.style.left=`${r}px`,this.dragGhostEl.style.top=`${i}px`;let s=Array.from(this.shadowRoot?.querySelectorAll(".hour-grid-day-column")??[]);if(!s.length)return;let n=s[0];for(let $ of s){let C=$.getBoundingClientRect();if(e>=C.left&&e<=C.right){n=$;break}e>C.right&&(n=$)}let p=n.dataset.date?new Date(n.dataset.date):null;if(!p)return;let w=n.getBoundingClientRect(),y=this.dayStartHour*60,S=this.dayEndHour*60,c=this.dragDurationMs/6e4,l=(i-w.top)/q*this.slotDuration,v=Math.min(Math.max(Math.round(l/this.slotDuration)*this.slotDuration+y,y),S-c),x=new Date(p);x.setHours(0,v,0,0),this.dragFinalStart=x,this.dragGhostEl.start=x,this.dragGhostEl.end=new Date(x.getTime()+this.dragDurationMs)}teardownDrag(){document.removeEventListener("pointermove",this.handleDragPointerMove),document.removeEventListener("pointerup",this.handleDragPointerUp),document.removeEventListener("pointercancel",this.handleDragPointerCancel),document.removeEventListener("keydown",this.handleDragKeydown),this.dragGhostEl?.remove(),this.dragGhostEl=null,this.dragEvent=null,this.dragPointerId=null,this.dragActivated=!1,this.dragFinalStart=null,this.draggingEventId=null}playSwipeAnimation(e){this.swipeDirection=null,this.updateComplete.then(()=>{this.shadowRoot?.querySelector("#view")?.getBoundingClientRect(),this.swipeDirection=e})}render(){return d`
       <div
         id="view"
         class=${f({"swiping-next":this.swipeDirection==="next","swiping-previous":this.swipeDirection==="previous"})}
@@ -719,17 +721,17 @@ import{a as de}from"./chunks/chunk-AIS3UICU.js";import{a as ce}from"./chunks/chu
         <div id="view-content">${this.renderActiveView()}</div>
       </div>
       <div id="drag-ghost-layer"></div>
-    `}renderActiveView(){let e={events:this.events,dayStartHour:this.dayStartHour,dayEndHour:this.dayEndHour,slotDuration:this.slotDuration,locale:this.locale,slotHeight:X,eventAppearance:this.eventAppearance,onSlotClick:this.handleSlotClick,onEventClick:this.handleEventClick,draggingEventId:this.draggingEventId,onEventDragStart:this.handleEventDragStart};switch(this.view){case"day":return K(this.displayedDate,e);case"week":return this.renderWeekOrWorkWeek(!1,e);case"work-week":return this.renderWeekOrWorkWeek(!0,e);case"month":return be({displayedMonth:this.displayedDate,events:this.events,weekStartsOn:this.weekStartsOn,focusedDate:this.focusedDate,locale:this.locale,desktop:!this.isMobile,maxEventsPerCell:this.monthMaxEventsPerCell,moreLabel:t=>this.moreEventsLabel.replace("{count}",String(t)),onDayClick:this.goToDayView,onEventClick:this.handleEventClick,onDayKeydown:this.handleMonthDayKeydown});case"year":return we({displayedYear:this.displayedDate,events:this.events,weekStartsOn:this.weekStartsOn,locale:this.locale,onDayClick:this.goToDayView,onMonthLabelClick:t=>{this.view="month",this.displayedDate=t}});default:return d``}}renderWeekOrWorkWeek(e,t){if(!this.isMobile)return ye(this.displayedDate,this.weekStartsOn,e,t);let r=R(this.displayedDate,this.weekStartsOn),o=Array.from({length:7},(n,p)=>D(r,p)).filter(n=>!e||!I(n)),s=this.selectedWeekDay&&o.some(n=>H(n,this.selectedWeekDay))?this.selectedWeekDay:o.find(n=>E(n))??o[0];return d`
-      ${this.renderWeekDayStrip(o,s)}
+    `}renderActiveView(){let e={events:this.events,dayStartHour:this.dayStartHour,dayEndHour:this.dayEndHour,slotDuration:this.slotDuration,locale:this.locale,slotHeight:q,eventAppearance:this.eventAppearance,onSlotClick:this.handleSlotClick,onEventClick:this.handleEventClick,draggingEventId:this.draggingEventId,onEventDragStart:this.handleEventDragStart};switch(this.view){case"day":return K(this.displayedDate,e);case"week":return this.renderWeekOrWorkWeek(!1,e);case"work-week":return this.renderWeekOrWorkWeek(!0,e);case"month":return we({displayedMonth:this.displayedDate,events:this.events,weekStartsOn:this.weekStartsOn,focusedDate:this.focusedDate,locale:this.locale,desktop:!this.isMobile,maxEventsPerCell:this.monthMaxEventsPerCell,moreLabel:t=>this.moreEventsLabel.replace("{count}",String(t)),onDayClick:this.goToDayView,onEventClick:this.handleEventClick,onDayKeydown:this.handleMonthDayKeydown});case"year":return xe({displayedYear:this.displayedDate,events:this.events,weekStartsOn:this.weekStartsOn,locale:this.locale,onDayClick:this.goToDayView,onMonthLabelClick:t=>{this.view="month",this.displayedDate=t}});default:return d``}}renderWeekOrWorkWeek(e,t){if(!this.isMobile)return fe(this.displayedDate,this.weekStartsOn,e,t);let r=R(this.displayedDate,this.weekStartsOn),i=Array.from({length:7},(n,p)=>D(r,p)).filter(n=>!e||!W(n)),s=this.selectedWeekDay&&i.some(n=>T(n,this.selectedWeekDay))?this.selectedWeekDay:i.find(n=>E(n))??i[0];return d`
+      ${this.renderWeekDayStrip(i,s)}
       ${K(s,t)}
     `}renderWeekDayStrip(e,t){return d`
       <div class="week-day-strip" role="tablist">
-        ${e.map(r=>{let o=H(r,t);return d`
+        ${e.map(r=>{let i=T(r,t);return d`
             <button
               type="button"
-              class=${f({"week-day-strip-day":!0,selected:o,today:E(r)})}
+              class=${f({"week-day-strip-day":!0,selected:i,today:E(r)})}
               role="tab"
-              aria-selected=${o}
+              aria-selected=${i}
               @click=${()=>{this.selectedWeekDay=r}}
             >
               <span class="week-day-strip-weekday">
@@ -739,4 +741,4 @@ import{a as de}from"./chunks/chunk-AIS3UICU.js";import{a as ce}from"./chunks/chu
             </button>
           `})}
       </div>
-    `}};u.styles=[he,pe,ve,me],h([g({attribute:!1})],u.prototype,"events",2),h([g({reflect:!0})],u.prototype,"view",2),h([g({attribute:!1})],u.prototype,"displayedDate",2),h([g({type:Number,attribute:"week-starts-on"})],u.prototype,"weekStartsOn",2),h([g({type:Number,attribute:"day-start-hour"})],u.prototype,"dayStartHour",2),h([g({type:Number,attribute:"day-end-hour"})],u.prototype,"dayEndHour",2),h([g({type:Number,attribute:"slot-duration"})],u.prototype,"slotDuration",2),h([g()],u.prototype,"locale",2),h([g({type:Boolean,reflect:!0})],u.prototype,"readonly",2),h([g({type:Boolean,reflect:!0,attribute:"no-animation"})],u.prototype,"noAnimation",2),h([g({attribute:"more-events-label"})],u.prototype,"moreEventsLabel",2),h([g({attribute:"event-appearance"})],u.prototype,"eventAppearance",2),h([T()],u.prototype,"focusedDate",2),h([T()],u.prototype,"selectedWeekDay",2),h([T()],u.prototype,"swipeDirection",2),h([T()],u.prototype,"isMobile",2),h([T()],u.prototype,"draggingEventId",2),h([Q("#drag-ghost-layer")],u.prototype,"dragGhostLayerEl",2),h([T()],u.prototype,"monthMaxEventsPerCell",2),u=h([j(Ae)],u);export{u as EunomiaCalendar,Ae as EunomiaCalendarTagName};
+    `}};u.styles=[pe,ve,me,ge],h([g({attribute:!1})],u.prototype,"events",2),h([g({reflect:!0,useDefault:!0})],u.prototype,"view",2),h([g({attribute:!1})],u.prototype,"displayedDate",2),h([g({type:Number,attribute:"week-starts-on"})],u.prototype,"weekStartsOn",2),h([g({type:Number,attribute:"day-start-hour"})],u.prototype,"dayStartHour",2),h([g({type:Number,attribute:"day-end-hour"})],u.prototype,"dayEndHour",2),h([g({type:Number,attribute:"slot-duration"})],u.prototype,"slotDuration",2),h([g()],u.prototype,"locale",2),h([g({type:Boolean,reflect:!0})],u.prototype,"readonly",2),h([g({type:Boolean,reflect:!0,attribute:"no-animation"})],u.prototype,"noAnimation",2),h([g({attribute:"more-events-label"})],u.prototype,"moreEventsLabel",2),h([g({attribute:"event-appearance"})],u.prototype,"eventAppearance",2),h([H()],u.prototype,"focusedDate",2),h([H()],u.prototype,"selectedWeekDay",2),h([H()],u.prototype,"swipeDirection",2),h([H()],u.prototype,"isMobile",2),h([H()],u.prototype,"draggingEventId",2),h([U("#drag-ghost-layer")],u.prototype,"dragGhostLayerEl",2),h([H()],u.prototype,"monthMaxEventsPerCell",2),u=h([Q(ze)],u);export{u as EunomiaCalendar,ze as EunomiaCalendarTagName};

package/dist/cdn/components/eun-card.js

@@ -1,4 +1,4 @@
-import{a as u,b as v}from"./chunks/chunk-SD2WHGPF.js";import{a as h}from"./chunks/chunk-3MTUVMM5.js";import"./chunks/chunk-SJWRE6PW.js";import{a as p}from"./chunks/chunk-5EVP7YNE.js";import{b as f}from"./chunks/chunk-5GKM5DIB.js";import{a as o,b as d,c as n,f as s,g as i,h as c,n as t,s as l}from"./chunks/chunk-XH6NREVZ.js";var m=i`
+import{a as f,b as h}from"./chunks/chunk-MQQJ6DID.js";import{a as p}from"./chunks/chunk-3MTUVMM5.js";import{b as v}from"./chunks/chunk-5GKM5DIB.js";import{a as u}from"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as o,b as d,c as n,f as s,h as i,j as c,p as t,u as l}from"./chunks/chunk-YITWLCD3.js";var m=i`
   :host {
     display: block;
     position: relative;
@@ -11,9 +11,15 @@ import{a as u,b as v}from"./chunks/chunk-SD2WHGPF.js";import{a as h}from"./chunk
     flex-direction: column;
     gap: var(--card-gap, var(--eun-space-s, 8px));
     position: relative;
+    isolation: isolate;
     box-sizing: border-box;
     height: 100%;
-    padding: var(--card-padding, var(--eun-space-m, 16px));
+    overflow: var(--card-overflow, visible);
+    padding: var(
+      --card-padding,
+      var(--card-padding-block, var(--eun-space-m, 16px))
+        var(--card-padding-inline, var(--eun-space-m, 16px))
+    );
     border-radius: var(--card-border-radius, var(--eun-border-radius-m, 8px));
     border: var(--card-border-width, var(--eun-border-width-s, 1px)) solid
       var(--card-border-color, var(--eun-border-color, #dee0e7));
@@ -25,11 +31,15 @@ import{a as u,b as v}from"./chunks/chunk-SD2WHGPF.js";import{a as h}from"./chunk
     outline: 2px solid transparent;
     transition: var(
       --card-transition,
-      transform var(--card-hover-duration, 0.3s) ease,
-      outline 0.2s ease-out,
-      box-shadow var(--card-hover-duration, 0.3s) ease,
-      background-color var(--card-hover-duration, 0.3s) ease,
-      border-color var(--card-hover-duration, 0.3s) ease
+      transform var(--card-hover-duration, var(--eun-duration-xl, 300ms))
+        var(--eun-easing-default, ease),
+      outline var(--eun-duration-m, 200ms) var(--eun-easing-out, ease-out),
+      box-shadow var(--card-hover-duration, var(--eun-duration-xl, 300ms))
+        var(--eun-easing-default, ease),
+      background-color var(--card-hover-duration, var(--eun-duration-xl, 300ms))
+        var(--eun-easing-default, ease),
+      border-color var(--card-hover-duration, var(--eun-duration-xl, 300ms))
+        var(--eun-easing-default, ease)
     );
   }
 
@@ -68,8 +78,8 @@ import{a as u,b as v}from"./chunks/chunk-SD2WHGPF.js";import{a as h}from"./chunk
     --_hoverBorderDefault: var(--eun-color-primary-500, #3d6fff);
   }
 
-  :host([appearance="default"]) #card:hover,
-  :host([appearance="default"]) #card:focus-visible {
+  :host(:is([appearance="default"], :not([appearance]))) #card:hover,
+  :host(:is([appearance="default"], :not([appearance]))) #card:focus-visible {
     transform: var(--card-hover-transform, var(--_hoverLift));
     background: var(
       --card-hover-background,
@@ -89,6 +99,7 @@ import{a as u,b as v}from"./chunks/chunk-SD2WHGPF.js";import{a as h}from"./chunk
   #card:hover,
   #card:focus-visible {
     border-color: var(--card-hover-border-color, var(--_hoverBorderDefault));
+    box-shadow: var(--card-hover-shadow, var(--card-shadow, none));
   }
 
   :host([appearance="fill"]) #card {
@@ -116,11 +127,14 @@ import{a as u,b as v}from"./chunks/chunk-SD2WHGPF.js";import{a as h}from"./chunk
   :host([appearance="raised"]) #card:hover {
     transform: var(--card-hover-transform, var(--_hoverLift));
     box-shadow: var(
-      --card-raised-hover-shadow,
+      --card-hover-shadow,
       var(
-        --eun-shadow-m,
-        rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
-        rgba(0, 0, 0, 0.05) 0px 4px 6px -2px
+        --card-raised-hover-shadow,
+        var(
+          --eun-shadow-m,
+          rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
+          rgba(0, 0, 0, 0.05) 0px 4px 6px -2px
+        )
       )
     );
   }
@@ -142,7 +156,8 @@ import{a as u,b as v}from"./chunks/chunk-SD2WHGPF.js";import{a as h}from"./chunk
     z-index: 1;
     border-radius: var(--card-border-radius, var(--eun-border-radius-m, 8px));
     outline: 2px solid transparent;
-    transition: outline 0.2s ease-out;
+    transition: outline var(--eun-duration-m, 200ms)
+      var(--eun-easing-out, ease-out);
   }
   ::slotted(a:focus-visible)::after {
     outline-color: var(
@@ -162,11 +177,11 @@ import{a as u,b as v}from"./chunks/chunk-SD2WHGPF.js";import{a as h}from"./chunk
       transition: none;
     }
   }
-`,b=m;var x="eun-card",a,r=class extends u(l){constructor(){super(...arguments);this.appearance="default";n(this,a,new h(this,()=>this.slottedAnchor,()=>this.dictionary.link.opensInNewTab));this.handleSlotChange=()=>{this.requestUpdate()}}get hasSlottedAnchor(){return!!this.slottedAnchor}get slottedAnchor(){return this.href?null:this.querySelector(":scope > a")}updated(e){super.updated(e),this.hasSlottedAnchor&&f(this)}render(){let e=t`<slot @slotchange=${this.handleSlotChange}></slot
-      >${this.renderExternalLinkBadge(d(this,a).isBlank)}`;return this.href?this.renderCardLink("card",e):t`<div
+`,b=m;var x="eun-card",e,r=class extends f(l){constructor(){super(...arguments);this.appearance="default";n(this,e,new p(this,()=>this.slottedAnchor,()=>this.dictionary.link.opensInNewTab));this.handleSlotChange=()=>{this.requestUpdate()}}get hasSlottedAnchor(){return!!this.slottedAnchor}get slottedAnchor(){return this.href?null:this.querySelector(":scope > a")}updated(a){super.updated(a),this.hasSlottedAnchor&&v(this)}render(){let a=t`<slot @slotchange=${this.handleSlotChange}></slot
+      >${this.renderExternalLinkBadge(d(this,e).isBlank)}`;return this.href?this.renderCardLink("card",a):t`<div
       id="card"
       part="card"
-      class=${p(this.hasSlottedAnchor?"slotted-link":void 0)}
+      class=${u(this.hasSlottedAnchor?"slotted-link":void 0)}
     >
-      ${e}
-    </div>`}};a=new WeakMap,r.styles=[b,v],o([c({reflect:!0})],r.prototype,"appearance",2),r=o([s(x)],r);export{r as EunomiaCard,x as EunomiaCardTagName};
+      ${a}
+    </div>`}};e=new WeakMap,r.styles=[b,h],o([c({reflect:!0,useDefault:!0})],r.prototype,"appearance",2),r=o([s(x)],r);export{r as EunomiaCard,x as EunomiaCardTagName};