@eunomia/elements 1.0.0-beta.9 → 1.0.0

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

@@ -1,4 +1,4 @@
-import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chunk-J3SZBXM6.js";import{a as pe}from"./chunks/chunk-BRSNQMCD.js";import{d as re,e as oe,f as ie,g as ne,h as ae,i as se,j as le,k as de,l as ce}from"./chunks/chunk-647ISUF4.js";import{a as b}from"./chunks/chunk-22D3SRFR.js";import{a as B,c as L,d as te,h as D,k as F,m as T,n as R,p as E,q as V,s as W}from"./chunks/chunk-MJ4RDZLL.js";import{a as k}from"./chunks/chunk-DBY4CPCM.js";import{b as ee}from"./chunks/chunk-OTX6FWAF.js";import{a as f}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as Z}from"./chunks/chunk-JGV7LHEI.js";import"./chunks/chunk-GNAUNTS5.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 Se=M`
+import{a as pe}from"./chunks/chunk-TISMX7UL.js";import{a as he}from"./chunks/chunk-A2NO4RSF.js";import{a as ve}from"./chunks/chunk-BRSNQMCD.js";import{g as ie,h as ne,i as K,j as ae,k as se,l as le,m as de,n as ce,o as ue}from"./chunks/chunk-QMXE3KLT.js";import{a as b}from"./chunks/chunk-22D3SRFR.js";import"./chunks/chunk-TWLI2ZOT.js";import{a as B,c as R,d as oe,h as k,k as F,m as $,n as L,p as E,q as V,s as W}from"./chunks/chunk-MJ4RDZLL.js";import{a as S,b as re}from"./chunks/chunk-DBY4CPCM.js";import{b as te}from"./chunks/chunk-OTX6FWAF.js";import{a as f}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as ee}from"./chunks/chunk-WP6ZYBAC.js";import"./chunks/chunk-2XPIGFBD.js";import{a as h,f as U,h as M,j as g,k as T,l as J,p as d,u as Z}from"./chunks/chunk-YITWLCD3.js";var Me=M`
   :host {
     display: block;
     box-sizing: border-box;
@@ -85,7 +85,7 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
 
   .week-day-strip-weekday {
     font-size: 11px;
-    color: var(--eun-text-secondary, #484e61);
+    color: var(--eun-text-secondary, #666e8a);
   }
 
   .week-day-strip-daynum {
@@ -118,11 +118,14 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
 
   .week-day-strip-day:focus-visible {
     outline: 2px solid
-      var(--scheduler-accent-color, var(--eun-color-primary-500, #3d6fff));
+      var(
+        --scheduler-focus-outline-color,
+        var(--scheduler-accent-color, var(--eun-color-primary-500, #3d6fff))
+      );
     outline-offset: 1px;
   }
 
-  @media ${k("tablet")} {
+  @media ${S("tablet")} {
     :host {
       display: flex;
       flex-direction: column;
@@ -137,7 +140,7 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
       min-height: 0;
     }
   }
-`,ve=Se;var Me=M`
+`,me=Me;var $e=M`
   :host {
     --scheduler-mobile: false;
     --scheduler-tablet: false;
@@ -150,12 +153,17 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
     touch-action: pan-y;
   }
 
-  .hour-grid-header {
-    display: flex;
+  .hour-grid-top {
     position: sticky;
     top: 0;
     z-index: 3;
+    width: max-content;
+    min-width: 100%;
     background: var(--eun-surface-color, #ffffff);
+  }
+
+  .hour-grid-header {
+    display: flex;
     border-bottom: 1px solid var(--eun-border-color, #dee0e7);
   }
 
@@ -176,7 +184,7 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
     border-left: 1px solid var(--eun-divider-color, #dee0e7);
     text-align: center;
     font-size: 12px;
-    color: var(--eun-text-secondary, #484e61);
+    color: var(--eun-text-secondary, #666e8a);
   }
 
   .hour-grid-day-header.today {
@@ -227,7 +235,7 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
     padding-right: var(--eun-space-xs, 4px);
     text-align: center;
     font-size: 11px;
-    color: var(--eun-text-secondary, #484e61);
+    color: var(--eun-text-secondary, #666e8a);
     transform: translateY(-0.5em);
     border-top: none;
   }
@@ -288,13 +296,13 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
     cursor: grabbing;
   }
 
-  @container ${k("mobile")} {
+  @container ${S("mobile")} {
     #hour-grid-scroll {
       --scheduler-mobile: true;
     }
   }
 
-  @container ${k("tablet")} {
+  @container ${S("tablet")} {
     #hour-grid-scroll {
       --scheduler-tablet: true;
       flex: 1 1 auto;
@@ -314,13 +322,13 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
       min-width: var(--scheduler-day-column-min-width-mobile, 76px);
     }
   }
-`,me=Me;var $e=M`
+`,ge=$e;var Ce=M`
   .month-scroll {
-    max-height: var(--scheduler-body-max-height, 640px);
+    max-height: var(--scheduler-body-max-height, none);
     overflow-y: auto;
   }
 
-  @media ${k("tablet")} {
+  @media ${S("tablet")} {
     .month-scroll {
       flex: 1 1 auto;
       height: 100%;
@@ -342,7 +350,7 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
     padding: var(--eun-space-xs, 4px) var(--eun-space-s, 8px);
     text-align: center;
     font-size: 12px;
-    color: var(--eun-text-secondary, #484e61);
+    color: var(--eun-text-secondary, #666e8a);
   }
 
   .month-week {
@@ -365,7 +373,7 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
   .month-cell.outside {
     background: color-mix(
       in srgb,
-      var(--eun-text-secondary, #484e61) 4%,
+      var(--eun-text-secondary, #666e8a) 4%,
       transparent
     );
   }
@@ -384,7 +392,7 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
   }
 
   .month-cell.outside .month-cell-day {
-    color: var(--eun-text-secondary, #484e61);
+    color: var(--eun-text-secondary, #666e8a);
   }
 
   .month-cell-day.today {
@@ -401,7 +409,10 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
 
   .month-cell-day:focus-visible {
     outline: 2px solid
-      var(--scheduler-accent-color, var(--eun-color-primary-500, #3d6fff));
+      var(
+        --scheduler-focus-outline-color,
+        var(--scheduler-accent-color, var(--eun-color-primary-500, #3d6fff))
+      );
     outline-offset: 2px;
   }
 
@@ -422,7 +433,7 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
     padding: 1px 4px;
     cursor: pointer;
     font-size: 11px;
-    color: var(--eun-text-secondary, #484e61);
+    color: var(--eun-text-secondary, #666e8a);
     z-index: 1;
   }
 
@@ -433,16 +444,19 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
 
   .month-week-more:focus-visible {
     outline: 2px solid
-      var(--scheduler-accent-color, var(--eun-color-primary-500, #3d6fff));
+      var(
+        --scheduler-focus-outline-color,
+        var(--scheduler-accent-color, var(--eun-color-primary-500, #3d6fff))
+      );
     outline-offset: -2px;
   }
-`,ge=$e;var Ce=M`
+`,ye=Ce;var He=M`
   .year-scroll {
     max-height: var(--scheduler-body-max-height, 640px);
     overflow-y: auto;
   }
 
-  @media ${k("tablet")} {
+  @media ${S("tablet")} {
     .year-scroll {
       flex: 1 1 auto;
       height: 100%;
@@ -467,7 +481,7 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
     padding: var(--eun-space-xs, 4px) var(--eun-space-s, 8px);
     text-align: center;
     font-size: 12px;
-    color: var(--eun-text-secondary, #484e61);
+    color: var(--eun-text-secondary, #666e8a);
   }
 
   .year-month-section {
@@ -508,6 +522,18 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
     grid-template-columns: repeat(7, 1fr);
   }
 
+  .year-month-weekdays {
+    display: none;
+    grid-template-columns: repeat(7, 1fr);
+  }
+
+  .year-month-weekdays span {
+    padding: var(--eun-space-xs, 4px) 0;
+    text-align: center;
+    font-size: 11px;
+    color: var(--eun-text-secondary, #666e8a);
+  }
+
   .year-day {
     all: unset;
     box-sizing: border-box;
@@ -547,7 +573,10 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
 
   .year-day:focus-visible {
     outline: 2px solid
-      var(--scheduler-accent-color, var(--eun-color-primary-500, #3d6fff));
+      var(
+        --scheduler-focus-outline-color,
+        var(--scheduler-accent-color, var(--eun-color-primary-500, #3d6fff))
+      );
     outline-offset: 1px;
   }
 
@@ -558,46 +587,87 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
     border-radius: 999px;
     background: currentColor;
   }
-`,ye=Ce;var He=34,fe=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=le(e,a),u=S.reduce((l,v)=>Math.max(l,v.row+1),0);return d`
+
+  @container ${re("tablet")} {
+    .year-scroll {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+      align-content: start;
+      gap: var(--eun-space-m, 16px) var(--eun-space-l, 24px);
+      padding: var(--eun-space-m, 16px);
+    }
+
+    .year-weekday-header {
+      display: none;
+    }
+
+    .year-month-section {
+      padding-bottom: 0;
+      border-bottom: none;
+    }
+
+    .year-month-label {
+      position: static;
+      margin: 0 0 var(--eun-space-xs, 4px);
+      padding: var(--eun-space-xs, 4px) var(--eun-space-s, 8px);
+    }
+
+    .year-month-weekdays {
+      display: grid;
+    }
+
+    .year-day {
+      aspect-ratio: auto;
+      height: 32px;
+      font-size: 12px;
+    }
+
+    .year-day-number {
+      width: 26px;
+    }
+  }
+`,fe=He;var Te=34,be=22;function I(o){let{days:s,events:e,dayStartHour:t,dayEndHour:r,slotDuration:i,locale:a}=o,n=60/i,p=r-t,w=Array.from({length:p},(l,m)=>t+m),y=new Date,x=de(e,s),c=x.reduce((l,m)=>Math.max(l,m.row+1),0);return d`
     <div id="hour-grid-scroll">
-      <div class="hour-grid-header">
-        <div class="hour-grid-gutter-spacer"></div>
-        ${a.map(l=>d`
-            <div
-              class=${f({"hour-grid-day-header":!0,today:E(l)})}
-            >
-              ${l.toLocaleDateString(s,{weekday:"short"})}
-              <br />
-              ${l.toLocaleDateString(s,{day:"numeric",month:"short"})}
-            </div>
-          `)}
-      </div>
-      ${u>0?d`
-            <div
-              class="hour-grid-allday-row"
-              style=${b({height:`${u*fe}px`})}
-            >
+      <div class="hour-grid-top">
+        ${o.hideDayHeader?null:d`<div class="hour-grid-header">
               <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*fe}px`,left:`${x}%`,width:`${$}%`})}
-                    >
-                      <eun-scheduler-event
-                        .label=${l.event.title}
-                        .start=${l.event.start}
-                        .end=${l.event.end}
-                        color=${l.event.color}
-                        appearance=${o.eventAppearance}
-                        hide-time
-                        @click=${C=>o.onEventClick(l.event,C)}
-                      ></eun-scheduler-event>
-                    </div>
-                  `})}
+              ${s.map(l=>d`
+                  <div
+                    class=${f({"hour-grid-day-header":!0,today:E(l)})}
+                  >
+                    ${l.toLocaleDateString(a,{weekday:"short"})}
+                    <br />
+                    ${l.toLocaleDateString(a,{day:"numeric",month:"short"})}
+                  </div>
+                `)}
+            </div>`}
+        ${c>0?d`
+              <div
+                class="hour-grid-allday-row"
+                style=${b({height:`${c*be}px`})}
+              >
+                <div class="hour-grid-gutter-spacer"></div>
+                <div class="hour-grid-allday-days">
+                  ${x.map(l=>{let m=l.endIndex-l.startIndex+1,D=l.startIndex/s.length*100,C=m/s.length*100;return d`
+                      <div
+                        class="hour-grid-allday-event"
+                        style=${b({top:`${l.row*be}px`,left:`${D}%`,width:`${C}%`})}
+                      >
+                        <eun-scheduler-event
+                          .label=${l.event.title}
+                          .start=${l.event.start}
+                          .end=${l.event.end}
+                          color=${l.event.color}
+                          appearance=${o.eventAppearance}
+                          hide-time
+                          @click=${H=>o.onEventClick(l.event,H)}
+                        ></eun-scheduler-event>
+                      </div>
+                    `})}
+                </div>
               </div>
-            </div>
-          `:null}
+            `:null}
+      </div>
       <div
         class="hour-grid-body"
         style=${b({"--_slotsPerHour":String(n)})}
@@ -605,14 +675,14 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
         <div class="hour-grid-gutter">
           ${w.map(l=>d`
               <div class="hour-grid-gutter-slot">
-                ${ce(l,s)}
+                ${ue(l,a)}
               </div>
             `)}
         </div>
-        ${a.map(l=>Te(l,o,y,w.length))}
+        ${s.map(l=>Oe(l,o,y,w.length))}
       </div>
     </div>
-  `}function Te(o,a,e,t){let{events:r,dayStartHour:i,dayEndHour:s,slotDuration:n,slotHeight:p,eventAppearance:w,onSlotClick:y,onEventClick:S,draggingEventId:u,onEventDragStart:l}=a,v=i*60,x=s*60,$=ne(r,o),C=se($),Ee=m=>{if(m.target.closest("eun-scheduler-event"))return;let z=m.currentTarget.getBoundingClientRect(),A=(m.clientY-z.top)/p*n,G=Math.floor(A/n)*n+v,O=new Date(o);O.setHours(0,G,0,0),y(O)},_=e.getHours()*60+e.getMinutes(),ke=T(o,e)&&_>=v&&_<=x;return d`
+  `}function Oe(o,s,e,t){let{events:r,dayStartHour:i,dayEndHour:a,slotDuration:n,slotHeight:p,eventAppearance:w,onSlotClick:y,onEventClick:x,draggingEventId:c,onEventDragStart:l}=s,m=i*60,D=a*60,C=ae(r,o),H=le(C),Ee=v=>{if(v.target.closest("eun-scheduler-event"))return;let z=v.currentTarget.getBoundingClientRect(),A=(v.clientY-z.top)/p*n,G=Math.floor(A/n)*n+m,O=new Date(o);O.setHours(0,G,0,0),y(O)},_=e.getHours()*60+e.getMinutes(),Se=$(o,e)&&_>=m&&_<=D;return d`
     <div
       class=${f({"hour-grid-day-column":!0,today:E(o)})}
       data-date=${o.toISOString()}
@@ -620,113 +690,116 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
       @click=${Ee}
     >
       ${Array.from({length:t},()=>1).map(()=>d`<div class="hour-grid-hour-line"></div>`)}
-      ${ke?d`
+      ${Se?d`
             <div
               class="hour-grid-now-line"
-              style=${b({top:`${(_-v)/n*p}px`})}
+              style=${b({top:`${(_-m)/n*p}px`})}
             ></div>
           `:null}
-      ${C.map(m=>{let P=Math.max(m.event.start.getHours()*60+m.event.start.getMinutes(),v),z=Math.min(m.event.end.getHours()*60+m.event.end.getMinutes(),x);if(z<=v||P>=x)return null;let j=(P-v)/n*p,A=Math.max((z-P)/n*p,p/2),G=100/m.columnCount;return d`
+      ${H.map(v=>{let P=Math.max(v.event.start.getHours()*60+v.event.start.getMinutes(),m),z=Math.min($(v.event.start,v.event.end)?v.event.end.getHours()*60+v.event.end.getMinutes():1440,D);if(z<=m||P>=D)return null;let Q=(P-m)/n*p,A=Math.max((z-P)/n*p,p/2),G=100/v.columnCount;return d`
           <div
-            class=${f({"hour-grid-event":!0,"dragging-source":m.event.id===u})}
-            style=${b({top:`${j}px`,height:`${A}px`,left:`${m.column*G}%`,width:`${G}%`})}
-            @pointerdown=${O=>l?.(m.event,O)}
+            class=${f({"hour-grid-event":!0,"dragging-source":v.event.id===c})}
+            style=${b({top:`${Q}px`,height:`${A}px`,left:`${v.column*G}%`,width:`${G}%`})}
+            @pointerdown=${O=>l?.(v.event,O)}
           >
             <eun-scheduler-event
-              .label=${m.event.title}
-              .start=${m.event.start}
-              .end=${m.event.end}
-              color=${m.event.color}
+              .label=${v.event.title}
+              .start=${v.event.start}
+              .end=${v.event.end}
+              color=${v.event.color}
               appearance=${w}
-              ?hide-time=${A<He}
-              @click=${O=>S(m.event,O)}
+              ?hide-time=${A<Te}
+              @click=${O=>x(v.event,O)}
             ></eun-scheduler-event>
           </div>
         `})}
     </div>
-  `}function K(o,a){return I({...a,days:[o]})}function be(o,a,e,t){let r=L(o,a),i=Array.from({length:7},(s,n)=>D(r,n)).filter(s=>!e||!V(s));return I({...t,days:i})}var X=22;function xe(o){let{displayedMonth:a,weekStartsOn:e,locale:t}=o,r=W(a,e),i=Re(e,t);return d`
+  `}function q(o,s){return I({...s,days:[o]})}function we(o,s,e,t){let r=R(o,s),i=Array.from({length:7},(a,n)=>k(r,n)).filter(a=>!e||!V(a));return I({...t,days:i})}var X=22;function De(o){let{displayedMonth:s,weekStartsOn:e,locale:t}=o,r=W(s,e),i=Pe(e,t);return d`
     <div class="month-scroll">
       <div class="month-grid-weekdays" role="row">
-        ${i.map(s=>d`<span role="columnheader">${s}</span>`)}
+        ${i.map(a=>d`<span role="columnheader">${a}</span>`)}
       </div>
       <div class="month-grid" role="grid">
-        ${r.map(s=>Oe(s,o))}
+        ${r.map(a=>Re(a,o))}
       </div>
     </div>
-  `}function we(o,a){return o.filter(e=>e.startIndex<=a&&e.endIndex>=a)}function Oe(o,a){let{events:e,maxEventsPerCell:t,moreLabel:r,onEventClick:i,desktop:s}=a,n=Math.max(t,1),p=de(e,o),w=o.some((u,l)=>we(p,l).length>n),y=w?n-1:n,S=p.filter(u=>u.row<y);return d`
+  `}function xe(o,s){return o.filter(e=>e.startIndex<=s&&e.endIndex>=s)}function Re(o,s){let{events:e,maxEventsPerCell:t,moreLabel:r,onEventClick:i,desktop:a}=s,n=Math.max(t,1),p=ce(e,o),w=o.some((c,l)=>xe(p,l).length>n),y=w?n-1:n,x=p.filter(c=>c.row<y);return d`
     <div
       class="month-week"
       role="row"
       style=${b({gridTemplateRows:`auto repeat(${n}, ${X}px)`})}
     >
-      ${o.map((u,l)=>Le(u,l,a))}
-      ${S.map(u=>d`
+      ${o.map((c,l)=>Le(c,l,s))}
+      ${x.map(c=>d`
           <eun-scheduler-event
             class="month-week-event"
-            style=${b({gridColumn:`${u.startIndex+1} / ${u.endIndex+2}`,gridRow:`${u.row+2}`})}
-            .label=${u.event.title}
-            .start=${u.event.start}
-            .end=${u.event.end}
-            color=${u.event.color}
-            appearance=${ie(u.event)?"default":"ghost"}
-            direction=${s?"row":"column"}
-            ?hide-time=${!s||!!u.event.allDay}
-            @click=${l=>i(u.event,l)}
+            style=${b({gridColumn:`${c.startIndex+1} / ${c.endIndex+2}`,gridRow:`${c.row+2}`})}
+            .label=${c.event.title}
+            .start=${c.event.start}
+            .end=${c.event.end}
+            color=${c.event.color}
+            appearance=${K(c.event)?"default":"ghost"}
+            direction=${a?"row":"column"}
+            ?hide-time=${!a||K(c.event)}
+            @click=${l=>i(c.event,l)}
           ></eun-scheduler-event>
         `)}
-      ${w?o.map((u,l)=>{let v=we(p,l).length-y;return v>0?d`
+      ${w?o.map((c,l)=>{let m=xe(p,l).length-y;return m>0?d`
                   <button
                     type="button"
                     class="month-week-more"
                     style=${b({gridColumn:`${l+1}`,gridRow:`${y+2}`})}
-                    @click=${()=>a.onDayClick(u)}
+                    @click=${()=>s.onDayClick(c)}
                   >
-                    ${r(v)}
+                    ${r(m)}
                   </button>
                 `:null}):null}
     </div>
-  `}function Le(o,a,e){let{displayedMonth:t,focusedDate:r,onDayClick:i,onDayKeydown:s}=e;return d`
+  `}function Le(o,s,e){let{displayedMonth:t,focusedDate:r,onDayClick:i,onDayKeydown:a}=e;return d`
     <div
-      class=${f({"month-cell":!0,outside:!R(o,t)})}
-      style=${b({gridColumn:`${a+1}`})}
+      class=${f({"month-cell":!0,outside:!L(o,t)})}
+      style=${b({gridColumn:`${s+1}`})}
     >
       <button
         type="button"
         class=${f({"month-cell-day":!0,today:E(o)})}
         role="gridcell"
-        tabindex=${T(o,r)?"0":"-1"}
+        tabindex=${$(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)}
+        @keydown=${n=>a(n,o)}
       >
         ${o.getDate()}
       </button>
     </div>
-  `}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 De(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`
+  `}function Pe(o,s){let e=new Date(1970,0,4);return Array.from({length:7},(t,r)=>k(e,o+r)).map(t=>t.toLocaleDateString(s,{weekday:"short"}))}function ke(o){let{displayedYear:s,weekStartsOn:e,locale:t}=o,r=s.getFullYear(),i=Array.from({length:12},(n,p)=>new Date(r,p,1)),a=Ge(e,t);return d`
     <div class="year-scroll">
       <div class="year-weekday-header" role="row">
-        ${s.map(n=>d`<span role="columnheader">${n}</span>`)}
+        ${a.map(n=>d`<span role="columnheader">${n}</span>`)}
       </div>
-      ${i.map(n=>Pe(n,e,t,o))}
+      ${i.map(n=>ze(n,e,a,t,o))}
     </div>
-  `}function Pe(o,a,e,t){let r=W(o,a);return d`
+  `}function ze(o,s,e,t,r){let i=W(o,s);return d`
     <div class="year-month-section">
       <button
         type="button"
         class="year-month-label"
-        @click=${()=>t.onMonthLabelClick(o)}
+        @click=${()=>r.onMonthLabelClick(o)}
       >
-        ${o.toLocaleDateString(e,{month:"long",year:"numeric"})}
+        ${o.toLocaleDateString(t,{month:"long",year:"numeric"})}
       </button>
       <div class="year-month-grid" role="grid">
-        ${r.map(i=>d`
+        <div class="year-month-weekdays" role="row">
+          ${e.map(a=>d`<span role="columnheader">${a}</span>`)}
+        </div>
+        ${i.map(a=>d`
             <div class="year-month-row" role="row">
-              ${i.map(s=>ze(s,o,e,t))}
+              ${a.map(n=>Ae(n,o,t,r))}
             </div>
           `)}
       </div>
     </div>
-  `}function ze(o,a,e,t){let r=!R(o,a),i=!r&&ae(t.events,o).length>0;return d`
+  `}function Ae(o,s,e,t){let r=!L(o,s),i=!r&&se(t.events,o).length>0;return d`
     <button
       type="button"
       class=${f({"year-day":!0,outside:r,today:E(o)})}
@@ -739,7 +812,7 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
       <span class="year-day-number">${o.getDate()}</span>
       ${i?d`<span class="year-day-dot" aria-hidden="true"></span>`:null}
     </button>
-  `}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 Ge="eun-calendar",Ve=40,We=ee("tablet"),Ie=4,q=24,c=class extends Z(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.hideNowLine=!1;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(L(this.focusedDate,this.weekStartsOn));break;case"End":e.preventDefault(),this.jumpMonthFocus(D(L(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)=>{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)<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,i=this.dragFinalStart;this.teardownDrag(),!(!r||!i)&&(this.suppressNextClick=!0,i.getTime()!==t.start.getTime()&&this.dispatchEvent(new pe({...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.handleViewClickCapture={handleEvent:e=>{this.suppressNextClick&&(this.suppressNextClick=!1,e.stopPropagation())},capture:!0};this.handleSwipeStart=e=>{this.suppressNextClick=!1,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)<Ve||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(){R(this.focusedDate,this.displayedDate)||(this.displayedDate=te(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=re(this.view,this.displayedDate,this.weekStartsOn);this.dispatchEvent(new he(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=oe(this.view,this.displayedDate,e)}mountDragGhost(e){let t=document.createElement(ue);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,u=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-u),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`
+  `}function Ge(o,s){let e=new Date(1970,0,4);return Array.from({length:7},(t,r)=>k(e,o+r)).map(t=>t.toLocaleDateString(s,{weekday:"short"}))}var N=class o extends Event{static{this.eventName="euneventclick"}constructor(s,e){super(o.eventName,{bubbles:!0,composed:!1}),this.event=s,this.anchor=e}};var Y=class o extends Event{static{this.eventName="eunslotclick"}constructor(s){super(o.eventName,{bubbles:!0,composed:!1}),this.start=s}};var Ve="eun-calendar",We=40,Ie=te("tablet"),Ne=4,j=24,u=class extends ee(Z){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.hideNowLine=!1;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(k(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)=>{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)<Ne)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 ve({...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.handleViewClickCapture={handleEvent:e=>{this.suppressNextClick&&(this.suppressNextClick=!1,e.stopPropagation())},capture:!0};this.handleSwipeStart=e=>{this.suppressNextClick=!1,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)<We||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=oe(this.focusedDate))}focusMonthCell(){this.shadowRoot?.querySelector('.month-cell-day[tabindex="0"]')?.focus()}moveMonthFocus(e){this.focusedDate=k(this.focusedDate,e),this.syncDisplayedMonth(),this.updateComplete.then(()=>this.focusMonthCell())}jumpMonthFocus(e){this.focusedDate=e,this.syncDisplayedMonth(),this.updateComplete.then(()=>this.focusMonthCell())}get visibleRange(){return ie(this.view,this.displayedDate,this.weekStartsOn)}next(){this.navigate(1)}previous(){this.navigate(-1)}today(){this.displayedDate=new Date}updated(e){if(super.updated(e),["view","displayedDate","weekStartsOn"].some(r=>e.has(r)&&e.get(r)!==void 0)){let r=this.visibleRange;this.dispatchEvent(new pe(this.view,r.start,r.end,this.displayedDate))}e.has("view")&&e.get("view")!==void 0&&this.scrollToCurrentPeriod(),this.syncMonthCellObserver()}firstUpdated(e){super.firstUpdated(e),this.scrollToCurrentPeriod()}scrollToCurrentPeriod(){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,a=this.dayStartHour*60,n=this.dayEndHour*60,w=(Math.min(Math.max(i.getHours()*60+i.getMinutes(),a),n)-a)/this.slotDuration*j,y=t.getBoundingClientRect().top-e.getBoundingClientRect().top+e.scrollTop,x=this.shadowRoot?.querySelector(".hour-grid-top")?.getBoundingClientRect().height??0,c=e.clientHeight-x;e.scrollTop=Math.max(0,y+w-x-c/3)}scrollYearViewToCurrentMonth(){let e=this.shadowRoot?.querySelector(".year-scroll"),r=this.shadowRoot?.querySelectorAll(".year-month-section")?.[this.displayedDate.getMonth()];if(!e||!r)return;let i=this.shadowRoot?.querySelector(".year-weekday-header")?.getBoundingClientRect().height??0,a=r.getBoundingClientRect().top-e.getBoundingClientRect().top+e.scrollTop;e.scrollTop=Math.max(0,a-i)}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,a=e.clientHeight-r.offsetHeight-i,n=Math.max(1,Math.floor((a+i)/(X+i)));n!==this.monthMaxEventsPerCell&&(this.monthMaxEventsPerCell=n)}updateMobileMediaQuery(){this.mobileMediaQuery?.removeEventListener("change",this.handleMobileMediaChange),this.mobileMediaQuery=window.matchMedia(Ie),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=ne(this.view,this.displayedDate,e)}mountDragGhost(e){let t=document.createElement(he);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 a=Array.from(this.shadowRoot?.querySelectorAll(".hour-grid-day-column")??[]);if(!a.length)return;let n=a[0];for(let C of a){let H=C.getBoundingClientRect();if(e>=H.left&&e<=H.right){n=C;break}e>H.right&&(n=C)}let p=n.dataset.date?new Date(n.dataset.date):null;if(!p)return;let w=n.getBoundingClientRect(),y=this.dayStartHour*60,x=this.dayEndHour*60,c=this.dragDurationMs/6e4,l=(i-w.top)/j*this.slotDuration,m=Math.min(Math.max(Math.round(l/this.slotDuration)*this.slotDuration+y,y),x-c),D=new Date(p);D.setHours(0,m,0,0),this.dragFinalStart=D,this.dragGhostEl.start=D,this.dragGhostEl.end=new Date(D.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"})}
@@ -751,12 +824,12 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}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: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 xe({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??this.dictionary.calendar.moreEvents).replace("{count}",String(t)),onDayClick:this.goToDayView,onEventClick:this.handleEventClick,onDayKeydown:this.handleMonthDayKeydown});case"year":return De({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 be(this.displayedDate,this.weekStartsOn,e,t);let r=L(this.displayedDate,this.weekStartsOn),i=Array.from({length:7},(n,p)=>D(r,p)).filter(n=>!e||!V(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)}
+    `}renderActiveView(){let e={events:this.events,dayStartHour:this.dayStartHour,dayEndHour:this.dayEndHour,slotDuration:this.slotDuration,locale:this.resolvedLocale,slotHeight:j,eventAppearance:this.eventAppearance,onSlotClick:this.handleSlotClick,onEventClick:this.handleEventClick,draggingEventId:this.draggingEventId,onEventDragStart:this.handleEventDragStart};switch(this.view){case"day":return q(this.displayedDate,e);case"week":return this.renderWeekOrWorkWeek(!1,e);case"work-week":return this.renderWeekOrWorkWeek(!0,e);case"month":return De({displayedMonth:this.displayedDate,events:this.events,weekStartsOn:this.weekStartsOn,focusedDate:this.focusedDate,locale:this.resolvedLocale,desktop:!this.isMobile,maxEventsPerCell:this.monthMaxEventsPerCell,moreLabel:t=>(this.moreEventsLabel??this.dictionary.calendar.moreEvents).replace("{count}",String(t)),onDayClick:this.goToDayView,onEventClick:this.handleEventClick,onDayKeydown:this.handleMonthDayKeydown});case"year":return ke({displayedYear:this.displayedDate,events:this.events,weekStartsOn:this.weekStartsOn,locale:this.resolvedLocale,onDayClick:this.goToDayView,onMonthLabelClick:t=>{this.view="month",this.displayedDate=t}});default:return d``}}renderWeekOrWorkWeek(e,t){if(!this.isMobile)return we(this.displayedDate,this.weekStartsOn,e,t);let r=R(this.displayedDate,this.weekStartsOn),i=Array.from({length:7},(n,p)=>k(r,p)).filter(n=>!e||!V(n)),a=this.selectedWeekDay&&i.some(n=>$(n,this.selectedWeekDay))?this.selectedWeekDay:i.find(n=>E(n))??i[0];return d`
+      ${this.renderWeekDayStrip(i,a)}
+      ${q(a,{...t,hideDayHeader:!0})}
     `}renderWeekDayStrip(e,t){return d`
       <div class="week-day-strip" role="tablist">
-        ${e.map(r=>{let i=T(r,t);return d`
+        ${e.map(r=>{let i=$(r,t);return d`
             <button
               type="button"
               class=${f({"week-day-strip-day":!0,selected:i,today:E(r)})}
@@ -765,10 +838,10 @@ import{a as he}from"./chunks/chunk-IJJ67C66.js";import{a as ue}from"./chunks/chu
               @click=${()=>{this.selectedWeekDay=r}}
             >
               <span class="week-day-strip-weekday">
-                ${r.toLocaleDateString(this.locale,{weekday:"short"})}
+                ${r.toLocaleDateString(this.resolvedLocale,{weekday:"short"})}
               </span>
               <span class="week-day-strip-daynum">${r.getDate()}</span>
             </button>
           `})}
       </div>
-    `}};c.styles=[ve,me,ge,ye],h([g({attribute:!1})],c.prototype,"events",2),h([g({reflect:!0,useDefault:!0})],c.prototype,"view",2),h([g({attribute:!1})],c.prototype,"displayedDate",2),h([g({type:Number,attribute:"week-starts-on"})],c.prototype,"weekStartsOn",2),h([g({type:Number,attribute:"day-start-hour"})],c.prototype,"dayStartHour",2),h([g({type:Number,attribute:"day-end-hour"})],c.prototype,"dayEndHour",2),h([g({type:Number,attribute:"slot-duration"})],c.prototype,"slotDuration",2),h([g()],c.prototype,"locale",2),h([g({type:Boolean,reflect:!0})],c.prototype,"readonly",2),h([g({type:Boolean,reflect:!0,attribute:"no-animation"})],c.prototype,"noAnimation",2),h([g({type:Boolean,reflect:!0,attribute:"hide-now-line"})],c.prototype,"hideNowLine",2),h([g({attribute:"more-events-label"})],c.prototype,"moreEventsLabel",2),h([g({attribute:"event-appearance"})],c.prototype,"eventAppearance",2),h([H()],c.prototype,"focusedDate",2),h([H()],c.prototype,"selectedWeekDay",2),h([H()],c.prototype,"swipeDirection",2),h([H()],c.prototype,"isMobile",2),h([H()],c.prototype,"draggingEventId",2),h([U("#drag-ghost-layer")],c.prototype,"dragGhostLayerEl",2),h([H()],c.prototype,"monthMaxEventsPerCell",2),c=h([Q(Ge)],c);export{c as EunomiaCalendar,Ge as EunomiaCalendarTagName};
+    `}};u.styles=[me,ge,ye,fe],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({type:Boolean,reflect:!0,attribute:"hide-now-line"})],u.prototype,"hideNowLine",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([J("#drag-ghost-layer")],u.prototype,"dragGhostLayerEl",2),h([T()],u.prototype,"monthMaxEventsPerCell",2),u=h([U(Ve)],u);export{u as EunomiaCalendar,Ve as EunomiaCalendarTagName};

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

@@ -1,4 +1,4 @@
-import{a as f,b as h}from"./chunks/chunk-3UW2LJ7T.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-JGV7LHEI.js";import"./chunks/chunk-GNAUNTS5.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`
+import{a as f,b as h}from"./chunks/chunk-XZ3LFOQP.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-WP6ZYBAC.js";import"./chunks/chunk-2XPIGFBD.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;