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

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

@@ -1,8 +1,8 @@
-import{a as d}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as n,f as o,g as s,h as c,n as r,p,s as m}from"./chunks/chunk-XH6NREVZ.js";var u=s`
+import{a as d}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as u}from"./chunks/chunk-5GKM5DIB.js";import{a as n,f as o,g as s,h as c,n as r,p,s as m}from"./chunks/chunk-XH6NREVZ.js";var b=s`
   :host {
     display: block;
     font-family: var(--eun-font-family, "Mulish", sans-serif);
-    font-size: var(--eun-fontSize-s, 14px);
+    font-size: var(--eun-font-size-s, 14px);
   }
   #list {
     display: flex;
@@ -39,7 +39,7 @@ import{a as d}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
   #list li > a {
     color: var(--breadcrumb-link-color, var(--eun-color-primary-500, #3d6fff));
     text-decoration: none;
-    border-radius: var(--eun-borderRadius-s, 5px);
+    border-radius: var(--eun-border-radius-s, 5px);
     outline: 2px solid transparent;
     transition:
       color var(--breadcrumb-transition-duration, 0.2s) ease-out,
@@ -63,7 +63,7 @@ import{a as d}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
   }
   #list li > span {
     color: var(--breadcrumb-current-color, var(--eun-text-secondary, #484e61));
-    font-weight: var(--eun-fontWeight-m, 500);
+    font-weight: var(--eun-font-weight-m, 500);
   }
   #list li > .separator {
     margin-inline: var(--breadcrumb-separator-gap, var(--eun-space-s, 8px));
@@ -76,7 +76,7 @@ import{a as d}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
   #list li > .separator::before {
     content: var(--breadcrumb-separator, "/");
   }
-`;var b="eun-breadcrumb",a=class extends m{constructor(){super(...arguments);this.items=[];this.handleItemsSlotChange=()=>{this.requestUpdate()}}render(){let e=this.children.length>0,l=this.items.length-1;return r`
+`;var h="eun-breadcrumb",a=class extends m{constructor(){super(...arguments);this.items=[];this.handleItemsSlotChange=()=>{this.requestUpdate()}}render(){let e=this.children.length>0,l=this.items.length-1;return r`
       <nav aria-label=${this.ariaLabel??"Breadcrumb"}>
         <ol id="list" role="list">
           ${this.items.map((t,i)=>this.renderItem(t,!e&&i===l))}
@@ -88,5 +88,9 @@ import{a as d}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
     `}renderItem(e,l){let t=e.icon?r`<eun-icon name=${e.icon} size="14"></eun-icon>`:p;if(l)return r`<li>
         <span aria-current="page">${t}${e.label}</span>
       </li>`;let i=r`<span class="separator" aria-hidden="true"></span>`;return e.href?r`<li>
-        <a href=${e.href}>${t}${e.label}</a>${i}
-      </li>`:r`<li><span>${t}${e.label}</span>${i}</li>`}};a.styles=[u],n([c({type:Array,reflect:!0})],a.prototype,"items",2),a=n([o(b)],a);export{a as EunomiaBreadcrumb,b as EunomiaBreadcrumbTagName};
+        <a
+          href=${e.href}
+          @click=${f=>u(this,f,e.href)}
+          >${t}${e.label}</a
+        >${i}
+      </li>`:r`<li><span>${t}${e.label}</span>${i}</li>`}};a.styles=[b],n([c({type:Array,reflect:!0})],a.prototype,"items",2),a=n([o(h)],a);export{a as EunomiaBreadcrumb,h as EunomiaBreadcrumbTagName};

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

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-Z6PJYSC3.js";import"./chunks/chunk-MBF52GEL.js";import"./chunks/chunk-T7WABJEJ.js";import"./chunks/chunk-UP4M7TER.js";import"./chunks/chunk-BKHD4S57.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaButton,a as EunomiaButtonTagName};
+import{a,b}from"./chunks/chunk-DKOPI7QA.js";import"./chunks/chunk-OW7XKDCH.js";import"./chunks/chunk-32DTNR52.js";import"./chunks/chunk-UP4M7TER.js";import"./chunks/chunk-3MTUVMM5.js";import"./chunks/chunk-SJWRE6PW.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-5GKM5DIB.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaButton,a as EunomiaButtonTagName};

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

@@ -1,4 +1,4 @@
-import{a as de}from"./chunks/chunk-NEYBPT3D.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}from"./chunks/chunk-MMLIPCOY.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 A,s as G}from"./chunks/chunk-MJ4RDZLL.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 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`
   :host {
     display: block;
     box-sizing: border-box;
@@ -76,7 +76,7 @@ import{a as de}from"./chunks/chunk-NEYBPT3D.js";import{a as ce}from"./chunks/chu
     gap: 2px;
     min-width: 36px;
     padding: var(--eun-space-xs, 4px) 2px;
-    border-radius: var(--eun-borderRadius-s, 5px);
+    border-radius: var(--eun-border-radius-s, 5px);
     cursor: pointer;
     text-align: center;
   }
@@ -99,13 +99,13 @@ import{a as de}from"./chunks/chunk-NEYBPT3D.js";import{a as ce}from"./chunks/chu
 
   .week-day-strip-day.today .week-day-strip-daynum {
     color: var(--eun-color-info-100, #097faf);
-    font-weight: var(--eun-fontWeight-m, 500);
+    font-weight: var(--eun-font-weight-m, 500);
   }
 
   .week-day-strip-day.selected .week-day-strip-daynum {
     background: var(--eun-color-info-100, #097faf);
     color: #fff;
-    font-weight: var(--eun-fontWeight-m, 500);
+    font-weight: var(--eun-font-weight-m, 500);
   }
 
   .week-day-strip-day:focus-visible {
@@ -172,7 +172,7 @@ import{a as de}from"./chunks/chunk-NEYBPT3D.js";import{a as ce}from"./chunks/chu
 
   .hour-grid-day-header.today {
     color: var(--eun-color-info-100, #097faf);
-    font-weight: var(--eun-fontWeight-m, 500);
+    font-weight: var(--eun-font-weight-m, 500);
   }
 
   .hour-grid-allday-row {
@@ -374,7 +374,7 @@ import{a as de}from"./chunks/chunk-NEYBPT3D.js";import{a as ce}from"./chunks/chu
   .month-cell-day.today {
     background: var(--eun-color-info-100, #097faf);
     color: #fff;
-    font-weight: var(--eun-fontWeight-m, 500);
+    font-weight: var(--eun-font-weight-m, 500);
   }
 
   .month-cell-day:focus-visible {
@@ -464,7 +464,7 @@ import{a as de}from"./chunks/chunk-NEYBPT3D.js";import{a as ce}from"./chunks/chu
     background: var(--eun-surface-color, #ffffff);
     cursor: pointer;
     font-size: 15px;
-    font-weight: var(--eun-fontWeight-m, 500);
+    font-weight: var(--eun-font-weight-m, 500);
     color: var(--eun-text-color, #071621);
   }
 
@@ -527,7 +527,7 @@ import{a as de}from"./chunks/chunk-NEYBPT3D.js";import{a as ce}from"./chunks/chu
     border-radius: 999px;
     background: currentColor;
   }
-`,me=Me;var $e=34,ge=22;function I(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`
+`,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`
     <div id="hour-grid-scroll">
       <div class="hour-grid-header">
         <div class="hour-grid-gutter-spacer"></div>
@@ -558,7 +558,7 @@ import{a as de}from"./chunks/chunk-NEYBPT3D.js";import{a as ce}from"./chunks/chu
                         .start=${l.event.start}
                         .end=${l.event.end}
                         color=${l.event.color}
-                        variant=${i.eventVariant}
+                        appearance=${i.eventAppearance}
                         hide-time
                         @click=${C=>i.onEventClick(l.event,C)}
                       ></eun-scheduler-event>
@@ -581,7 +581,7 @@ import{a as de}from"./chunks/chunk-NEYBPT3D.js";import{a as ce}from"./chunks/chu
         ${a.map(l=>Ce(l,i,y,w.length))}
       </div>
     </div>
-  `}function Ce(i,a,e,t){let{events:r,dayStartHour:o,dayEndHour:s,slotDuration:n,slotHeight:p,eventVariant: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 V=m.currentTarget.getBoundingClientRect(),W=(m.clientY-V.top)/p*n,z=Math.floor(W/n)*n+v,O=new Date(i);O.setHours(0,z,0,0),y(O)},_=e.getHours()*60+e.getMinutes(),De=H(i,e)&&_>=v&&_<=x;return d`
+  `}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`
     <div
       class=${f({"hour-grid-day-column":!0,today:E(i)})}
       data-date=${i.toISOString()}
@@ -595,10 +595,10 @@ import{a as de}from"./chunks/chunk-NEYBPT3D.js";import{a as ce}from"./chunks/chu
               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),V=Math.min(m.event.end.getHours()*60+m.event.end.getMinutes(),x);if(V<=v||P>=x)return null;let q=(P-v)/n*p,W=Math.max((V-P)/n*p,p/2),z=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 q=(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:`${W}px`,left:`${m.column*z}%`,width:`${z}%`})}
+            style=${b({top:`${q}px`,height:`${z}px`,left:`${m.column*G}%`,width:`${G}%`})}
             @pointerdown=${O=>l?.(m.event,O)}
           >
             <eun-scheduler-event
@@ -606,14 +606,14 @@ import{a as de}from"./chunks/chunk-NEYBPT3D.js";import{a as ce}from"./chunks/chu
               .start=${m.event.start}
               .end=${m.event.end}
               color=${m.event.color}
-              variant=${w}
-              ?hide-time=${W<$e}
+              appearance=${w}
+              ?hide-time=${z<$e}
               @click=${O=>S(m.event,O)}
             ></eun-scheduler-event>
           </div>
         `})}
     </div>
-  `}function K(i,a){return I({...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||!A(s));return I({...t,days:o})}var U=22;function be(i){let{displayedMonth:a,weekStartsOn:e,locale:t}=i,r=G(a,e),o=Oe(e,t);return d`
+  `}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`
     <div class="month-scroll">
       <div class="month-grid-weekdays" role="row">
         ${o.map(s=>d`<span role="columnheader">${s}</span>`)}
@@ -637,7 +637,7 @@ import{a as de}from"./chunks/chunk-NEYBPT3D.js";import{a as ce}from"./chunks/chu
             .start=${c.event.start}
             .end=${c.event.end}
             color=${c.event.color}
-            variant=${re(c.event)?"default":"ghost"}
+            appearance=${re(c.event)?"default":"ghost"}
             direction=${s?"row":"column"}
             ?hide-time=${!s||!!c.event.allDay}
             @click=${l=>o(c.event,l)}
@@ -678,7 +678,7 @@ import{a as de}from"./chunks/chunk-NEYBPT3D.js";import{a as ce}from"./chunks/chu
       </div>
       ${o.map(n=>Re(n,e,t,i))}
     </div>
-  `}function Re(i,a,e,t){let r=G(i,a);return d`
+  `}function Re(i,a,e,t){let r=W(i,a);return d`
     <div class="year-month-section">
       <button
         type="button"
@@ -708,7 +708,7 @@ import{a as de}from"./chunks/chunk-NEYBPT3D.js";import{a as ce}from"./chunks/chu
       <span class="year-day-number">${i.getDate()}</span>
       ${o?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 Ve="eun-calendar",We=40,ze="(max-width: 767px)",Ae=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.eventVariant="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)<Ae)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)<We||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(ze),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.variant=this.eventVariant,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-borderRadius-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 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`
       <div
         id="view"
         class=${f({"swiping-next":this.swipeDirection==="next","swiping-previous":this.swipeDirection==="previous"})}
@@ -719,7 +719,7 @@ import{a as de}from"./chunks/chunk-NEYBPT3D.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,eventVariant:this.eventVariant,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||!A(n)),s=this.selectedWeekDay&&o.some(n=>H(n,this.selectedWeekDay))?this.selectedWeekDay:o.find(n=>E(n))??o[0];return d`
+    `}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)}
       ${K(s,t)}
     `}renderWeekDayStrip(e,t){return d`
@@ -739,4 +739,4 @@ import{a as de}from"./chunks/chunk-NEYBPT3D.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-variant"})],u.prototype,"eventVariant",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(Ve)],u);export{u as EunomiaCalendar,Ve as EunomiaCalendarTagName};
+    `}};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};

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

@@ -1,4 +1,4 @@
-import{a as n,b as i}from"./chunks/chunk-5RCCZVFZ.js";import"./chunks/chunk-BKHD4S57.js";import"./chunks/chunk-5EVP7YNE.js";import{a,f as d,g as t,h as s,n as e,s as c}from"./chunks/chunk-XH6NREVZ.js";var p=t`
+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`
   :host {
     display: block;
     position: relative;
@@ -14,13 +14,13 @@ import{a as n,b as i}from"./chunks/chunk-5RCCZVFZ.js";import"./chunks/chunk-BKHD
     box-sizing: border-box;
     height: 100%;
     padding: var(--card-padding, var(--eun-space-m, 16px));
-    border-radius: var(--card-border-radius, var(--eun-borderRadius-m, 8px));
-    border: var(--card-border-width, var(--eun-borderWidth-s, 1px)) solid
+    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));
     background: var(--card-background, var(--eun-surface-color, #ffffff));
     box-shadow: var(--card-shadow, none);
     color: var(--eun-text-color, #071621);
-    font-size: var(--eun-fontSize-s, 14px);
+    font-size: var(--eun-font-size-s, 14px);
     text-decoration: none;
     outline: 2px solid transparent;
     transition: var(
@@ -54,9 +54,18 @@ import{a as n,b as i}from"./chunks/chunk-5RCCZVFZ.js";import"./chunks/chunk-BKHD
 
   :host {
     --_hoverLift: none;
+    --_hoverBorderDefault: var(
+      --card-border-color,
+      var(--eun-border-color, #dee0e7)
+    );
+  }
+  :host([appearance="fill"]),
+  :host([appearance="raised"]) {
+    --_hoverBorderDefault: var(--card-border-color, transparent);
   }
   :host([href]) {
     --_hoverLift: translateY(-4px);
+    --_hoverBorderDefault: var(--eun-color-primary-500, #3d6fff);
   }
 
   :host([appearance="default"]) #card:hover,
@@ -70,7 +79,7 @@ import{a as n,b as i}from"./chunks/chunk-5RCCZVFZ.js";import"./chunks/chunk-BKHD
 
   :host([appearance="fill"]) #card,
   :host([appearance="raised"]) #card {
-    border-color: transparent;
+    border-color: var(--card-border-color, transparent);
   }
 
   :host([appearance="fill"]) #card:hover,
@@ -79,14 +88,14 @@ import{a as n,b as i}from"./chunks/chunk-5RCCZVFZ.js";import"./chunks/chunk-BKHD
   :host([appearance="raised"]) #card:focus-visible,
   #card:hover,
   #card:focus-visible {
-    border-color: var(
-      --card-hover-border-color,
-      var(--eun-color-primary-500, #3d6fff)
-    );
+    border-color: var(--card-hover-border-color, var(--_hoverBorderDefault));
   }
 
   :host([appearance="fill"]) #card {
-    background: var(--card-fill-background, var(--eun-color-grey-100, #f7f8fa));
+    background: var(
+      --card-fill-background,
+      var(--card-background, var(--eun-surface-sunken, #f7f8fa))
+    );
   }
 
   :host([appearance="raised"]) #card {
@@ -100,7 +109,7 @@ import{a as n,b as i}from"./chunks/chunk-5RCCZVFZ.js";import"./chunks/chunk-BKHD
     transform: var(--card-hover-transform, var(--_hoverLift));
     background: var(
       --card-fill-hover-background,
-      var(--eun-color-grey-200, #ecedf0)
+      var(--eun-surface-sunken-hover, #ecedf0)
     );
   }
 
@@ -116,9 +125,48 @@ import{a as n,b as i}from"./chunks/chunk-5RCCZVFZ.js";import"./chunks/chunk-BKHD
     );
   }
 
+  #card.slotted-link {
+    --_hoverLift: translateY(-4px);
+    --_hoverBorderDefault: var(--eun-color-primary-500, #3d6fff);
+    cursor: pointer;
+  }
+  ::slotted(a) {
+    color: inherit;
+    text-decoration: none;
+    outline: none !important;
+  }
+  ::slotted(a)::after {
+    content: "";
+    position: absolute;
+    inset: calc(-1 * var(--card-border-width, var(--eun-border-width-s, 1px)));
+    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;
+  }
+  ::slotted(a:focus-visible)::after {
+    outline-color: var(
+      --card-focus-outline-color,
+      var(--eun-color-primary-500, #3d6fff)
+    );
+    outline-offset: 2px;
+  }
+  :host(:focus-within) #card.slotted-link {
+    transform: var(--card-hover-transform, var(--_hoverLift));
+    border-color: var(--card-hover-border-color, var(--_hoverBorderDefault));
+  }
+
   @media (prefers-reduced-motion: reduce) {
-    #card {
+    #card,
+    ::slotted(a)::after {
       transition: none;
     }
   }
-`,l=p;var f="eun-card",r=class extends n(c){constructor(){super(...arguments);this.appearance="default"}render(){let o=e`<slot></slot>${this.renderExternalLinkBadge()}`;return this.href?this.renderCardLink("card",o):e`<div id="card" part="card">${o}</div>`}};r.styles=[l,i],a([s({reflect:!0})],r.prototype,"appearance",2),r=a([d(f)],r);export{r as EunomiaCard,f as EunomiaCardTagName};
+`,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
+      id="card"
+      part="card"
+      class=${p(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};

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

@@ -1,7 +1,11 @@
-import{a as I}from"./chunks/chunk-SD2H5UDZ.js";import{a as R}from"./chunks/chunk-ATH2OAMU.js";import{a as g}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as s,f as k,g as S,h as i,i as l,j as x,l as P,n as u,p as d,s as T}from"./chunks/chunk-XH6NREVZ.js";var v=class y extends Event{static{this.eventName="eunslidechange"}constructor(f){super(y.eventName,{bubbles:!0,composed:!1}),this.index=f.index,this.count=f.count}};var L=S`
+import{a as A}from"./chunks/chunk-SD2H5UDZ.js";import{a as y}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as I}from"./chunks/chunk-SJWRE6PW.js";import{a as r,f as k,g as S,h as a,i as n,j as x,l as P,n as u,p as d,s as T}from"./chunks/chunk-XH6NREVZ.js";var v=class g extends Event{static{this.eventName="eunslidechange"}constructor(f){super(g.eventName,{bubbles:!0,composed:!1}),this.index=f.index,this.count=f.count}};var $=S`
   :host {
     display: block;
     --_visibleCount: 1;
+    --_effectiveVisibleCount: var(
+      --carousel-visible-slides,
+      var(--_visibleCount)
+    );
     --_snapAlign: start;
   }
 
@@ -53,6 +57,7 @@ import{a as I}from"./chunks/chunk-SD2H5UDZ.js";import{a as R}from"./chunks/chunk
   #viewport::before,
   #viewport::after {
     content: "";
+    display: var(--carousel-fade-display, block);
     position: absolute;
     top: 0;
     bottom: 0;
@@ -94,7 +99,7 @@ import{a as I}from"./chunks/chunk-SD2H5UDZ.js";import{a as R}from"./chunks/chunk
     scrollbar-width: none;
     outline: 2px solid transparent;
     outline-offset: 8px;
-    border-radius: var(--eun-borderRadius-m);
+    border-radius: var(--eun-border-radius-m);
     transition: outline 0.2s ease-out;
   }
   #track::-webkit-scrollbar {
@@ -125,8 +130,11 @@ import{a as I}from"./chunks/chunk-SD2H5UDZ.js";import{a as R}from"./chunks/chunk
     flex-basis: max(
       var(--carousel-min-slide-width, 220px),
       calc(
-        (100% - (var(--_visibleCount) - 1) * var(--carousel-gap, 16px)) /
-          var(--_visibleCount)
+        (
+            100% - (var(--_effectiveVisibleCount) - 1) *
+              var(--carousel-gap, 16px)
+          ) /
+          var(--_effectiveVisibleCount)
       )
     );
   }
@@ -136,9 +144,9 @@ import{a as I}from"./chunks/chunk-SD2H5UDZ.js";import{a as R}from"./chunks/chunk
       calc(
         (
             100% - var(--carousel-peek-size, 32px) -
-              (var(--_visibleCount) - 1) * var(--carousel-gap, 16px)
+              (var(--_effectiveVisibleCount) - 1) * var(--carousel-gap, 16px)
           ) /
-          var(--_visibleCount)
+          var(--_effectiveVisibleCount)
       )
     );
   }
@@ -159,7 +167,7 @@ import{a as I}from"./chunks/chunk-SD2H5UDZ.js";import{a as R}from"./chunks/chunk
     align-items: center;
     justify-content: center;
     border-radius: 50%;
-    border: var(--eun-borderWidth-s, 1px) solid
+    border: var(--eun-border-width-s, 1px) solid
       var(--carousel-nav-border-color, var(--eun-border-color, #dee0e7));
     background: var(
       --carousel-nav-background,
@@ -243,7 +251,7 @@ import{a as I}from"./chunks/chunk-SD2H5UDZ.js";import{a as R}from"./chunks/chunk
     width: calc(var(--carousel-dot-size, 6px) * 3.5);
     border-radius: var(
       --carousel-dot-border-radius,
-      var(--eun-borderRadius-full, 999px)
+      var(--eun-border-radius-full, 999px)
     );
     background: var(
       --carousel-dot-active-color,
@@ -260,55 +268,55 @@ import{a as I}from"./chunks/chunk-SD2H5UDZ.js";import{a as R}from"./chunks/chunk
       transition: none;
     }
   }
-`,A=L;var N="eun-carousel",C="eun-carousel-active-slide",t=class extends R(T){constructor(){super(...arguments);this.layout="inline";this.navPlacement="end";this.responsiveBreakpoint=480;this.visibleSlides=1;this.fullSlides=!0;this.scrollStep=1;this.centerSnap=!1;this.edgeFade=!0;this.loop=!1;this.autoplay=!1;this.autoplayInterval=4e3;this.showArrows=!0;this.showDots=!0;this.ariaLabelPrevious="Previous slide";this.ariaLabelNext="Next slide";this.currentIndex=0;this.slideCount=0;this.manuallyPaused=!1;this.announcement="";this.hasTitle=!1;this.narrow=!1;this.resizeObserver=new ResizeObserver(()=>{this.resizeRaf!==void 0&&cancelAnimationFrame(this.resizeRaf),this.resizeRaf=requestAnimationFrame(()=>{this.resizeRaf=void 0,this.updateFromScrollPosition(),this.updateCenterPadding(),this.updateNarrow()})});this.handleScroll=()=>{this.scrollRaf===void 0&&(this.scrollRaf=requestAnimationFrame(()=>{this.scrollRaf=void 0,this.updateFromScrollPosition()}))};this.scheduleAnnounce=I(()=>{this.announcement=this.buildAnnouncement(),this.dispatchEvent(new v({index:this.currentIndex,count:this.slideCount}))},200);this.maxIndex=0;this.handleTransientPause=()=>{this.stopAutoplay()};this.handleTransientResume=()=>{this.startAutoplay()}}connectedCallback(){super.connectedCallback?.(),this.addEventListener("mouseenter",this.handleTransientPause),this.addEventListener("mouseleave",this.handleTransientResume),this.addEventListener("focusin",this.handleTransientPause),this.addEventListener("focusout",this.handleTransientResume)}disconnectedCallback(){this.stopAutoplay(),this.resizeObserver.disconnect(),this.removeEventListener("mouseenter",this.handleTransientPause),this.removeEventListener("mouseleave",this.handleTransientResume),this.removeEventListener("focusin",this.handleTransientPause),this.removeEventListener("focusout",this.handleTransientResume),this.scrollRaf!==void 0&&cancelAnimationFrame(this.scrollRaf),this.resizeRaf!==void 0&&cancelAnimationFrame(this.resizeRaf),super.disconnectedCallback?.()}firstUpdated(e){super.firstUpdated(e),this.resizeObserver.observe(this)}updated(e){super.updated(e),e.has("visibleSlides")&&this.style.setProperty("--_visibleCount",String(Math.max(1,this.visibleSlides))),e.has("centerSnap")&&(this.style.setProperty("--_snapAlign",this.centerSnap?"center":"start"),this.updateCenterPadding(),this.updateFromScrollPosition()),e.has("autoplay")&&(this.autoplay?this.startAutoplay():this.stopAutoplay()),e.has("responsiveBreakpoint")&&this.updateNarrow()}previous(){this.step(-1)}next(){this.step(1)}goTo(e){this.goToIndex(e)}getCssPixelValue(e,r){let a=Number.parseFloat(getComputedStyle(this).getPropertyValue(e));return Number.isNaN(a)?r:a}get pageCount(){return Math.ceil(this.maxIndex/Math.max(1,this.scrollStep))+1}measureMaxIndex(){if(!this.trackEl||!this.slides.length)return 0;if(this.centerSnap)return this.slides.length-1;let e=this.trackEl,r=e.getBoundingClientRect(),a=Math.max(0,e.scrollWidth-e.clientWidth),n=0,o=1/0;return this.slides.forEach((p,b)=>{let h=p.getBoundingClientRect().left-r.left+e.scrollLeft,c=Math.abs(h-a);c<o&&(o=c,n=b)}),n}updateCenterPadding(){if(!this.centerSnap||!this.trackEl||!this.slides.length){this.style.setProperty("--_centerPadding","0px");return}let e=this.trackEl.clientWidth,r=this.slides[0].getBoundingClientRect().width,a=Math.max(0,(e-r)/2);this.style.setProperty("--_centerPadding",`${a}px`)}updateNarrow(){this.narrow=this.responsiveBreakpoint>0&&this.getBoundingClientRect().width<this.responsiveBreakpoint}handleSlotChange(){this.slideCount=this.slides.length,this.slides.forEach((e,r)=>{e.setAttribute("role","group"),e.setAttribute("aria-roledescription","slide"),e.setAttribute("aria-label",this.dictionary.carousel.ofTotal(r+1,this.slideCount))}),this.updateFromScrollPosition(),this.updateCenterPadding(),this.startAutoplay()}handleTitleSlotChange(){this.hasTitle=(this.titleSlotEl?.assignedNodes({flatten:!0}).length??0)>0}scrollBehavior(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth"}goToIndex(e){if(!this.slides.length||!this.trackEl)return;let r=this.maxIndex,a=this.loop?(e%(r+1)+(r+1))%(r+1):Math.max(0,Math.min(e,r));if(!this.centerSnap&&a===r){this.trackEl.scrollTo({left:this.trackEl.scrollWidth-this.trackEl.clientWidth,behavior:this.scrollBehavior()});return}let n=this.slides[a];n&&n.scrollIntoView({behavior:this.scrollBehavior(),inline:this.centerSnap?"center":"start",block:"nearest"})}step(e){this.goToIndex(this.currentIndex+e*Math.max(1,this.scrollStep))}startAutoplay(){this.autoplayTimer||!this.autoplay||this.manuallyPaused||this.maxIndex<=0||(this.autoplayTimer=setInterval(()=>this.step(1),this.autoplayInterval))}stopAutoplay(){clearInterval(this.autoplayTimer),this.autoplayTimer=void 0}pauseAutoplay(){this.manuallyPaused=!0,this.stopAutoplay()}resumeAutoplay(){this.manuallyPaused=!1,this.startAutoplay()}buildAnnouncement(){if(!this.slideCount)return"";let e=this.currentIndex+1,r=Math.max(1,Math.min(this.visibleSlides,this.slideCount-this.currentIndex)),a=Math.min(e+r-1,this.slideCount);return a>e?`Showing slides ${e} to ${a} of ${this.slideCount}`:`Slide ${e} of ${this.slideCount}`}updateFromScrollPosition(){if(!this.trackEl||!this.slides.length)return;let e=this.trackEl.getBoundingClientRect(),r=this.centerSnap?e.left+e.width/2:e.left,a=0,n=1/0;this.slides.forEach((h,c)=>{let m=h.getBoundingClientRect(),$=this.centerSnap?m.left+m.width/2:m.left,w=Math.abs($-r);w<n&&(n=w,a=c)}),this.maxIndex=this.measureMaxIndex(),a=Math.min(a,this.maxIndex),this.slides.forEach((h,c)=>{h.classList.toggle(C,c===a)});let o=a!==this.currentIndex;this.currentIndex=a;let{scrollLeft:p}=this.trackEl,b=this.trackEl.scrollWidth-this.trackEl.clientWidth;this.style.setProperty("--_showLeftFade",p>1?"1":"0"),this.style.setProperty("--_showRightFade",p<b-1?"1":"0"),o&&this.scheduleAnnounce()}handleKeydown(e){switch(e.key){case"ArrowLeft":e.preventDefault(),this.previous();break;case"ArrowRight":e.preventDefault(),this.next();break;case"Home":e.preventDefault(),this.goToIndex(0);break;case"End":e.preventDefault(),this.goToIndex(this.maxIndex);break;default:break}}renderDots(){if(!this.showDots||this.pageCount<=1)return d;let e=Math.max(1,this.scrollStep),r=Math.round(this.currentIndex/e);return u`
+`,C=$;var L="eun-carousel",N="eun-carousel-active-slide",t=class extends I(T){constructor(){super(...arguments);this.layout="inline";this.navPlacement="end";this.responsiveBreakpoint=480;this.visibleSlides=1;this.fullSlides=!0;this.scrollStep=1;this.centerSnap=!1;this.edgeFade=!0;this.loop=!1;this.autoplay=!1;this.autoplayInterval=4e3;this.showArrows=!0;this.showDots=!0;this.ariaLabelPrevious="Previous slide";this.ariaLabelNext="Next slide";this.currentIndex=0;this.slideCount=0;this.manuallyPaused=!1;this.announcement="";this.hasTitle=!1;this.narrow=!1;this.effectiveVisibleSlides=1;this.effectiveScrollStep=1;this.resizeObserver=new ResizeObserver(()=>{this.resizeRaf!==void 0&&cancelAnimationFrame(this.resizeRaf),this.resizeRaf=requestAnimationFrame(()=>{this.resizeRaf=void 0,this.syncCssOverrides(),this.updateFromScrollPosition(),this.updateCenterPadding(),this.updateNarrow()})});this.handleScroll=()=>{this.scrollRaf===void 0&&(this.scrollRaf=requestAnimationFrame(()=>{this.scrollRaf=void 0,this.updateFromScrollPosition()}))};this.scheduleAnnounce=A(()=>{this.announcement=this.buildAnnouncement(),this.dispatchEvent(new v({index:this.currentIndex,count:this.slideCount}))},200);this.maxIndex=0;this.handleTransientPause=()=>{this.stopAutoplay()};this.handleTransientResume=()=>{this.startAutoplay()}}connectedCallback(){super.connectedCallback?.(),this.addEventListener("mouseenter",this.handleTransientPause),this.addEventListener("mouseleave",this.handleTransientResume),this.addEventListener("focusin",this.handleTransientPause),this.addEventListener("focusout",this.handleTransientResume)}disconnectedCallback(){this.stopAutoplay(),this.resizeObserver.disconnect(),this.removeEventListener("mouseenter",this.handleTransientPause),this.removeEventListener("mouseleave",this.handleTransientResume),this.removeEventListener("focusin",this.handleTransientPause),this.removeEventListener("focusout",this.handleTransientResume),this.scrollRaf!==void 0&&cancelAnimationFrame(this.scrollRaf),this.resizeRaf!==void 0&&cancelAnimationFrame(this.resizeRaf),super.disconnectedCallback?.()}firstUpdated(e){super.firstUpdated(e),this.syncCssOverrides(),this.resizeObserver.observe(this)}updated(e){super.updated(e),e.has("visibleSlides")&&this.style.setProperty("--_visibleCount",String(Math.max(1,this.visibleSlides))),(e.has("visibleSlides")||e.has("scrollStep"))&&this.syncCssOverrides(),e.has("centerSnap")&&(this.style.setProperty("--_snapAlign",this.centerSnap?"center":"start"),this.updateCenterPadding(),this.updateFromScrollPosition()),e.has("autoplay")&&(this.autoplay?this.startAutoplay():this.stopAutoplay()),e.has("responsiveBreakpoint")&&this.updateNarrow()}previous(){this.step(-1)}next(){this.step(1)}goTo(e){this.goToIndex(e)}getCssPixelValue(e,s){let i=Number.parseFloat(getComputedStyle(this).getPropertyValue(e));return Number.isNaN(i)?s:i}get pageCount(){return Math.ceil(this.maxIndex/this.effectiveScrollStep)+1}syncCssOverrides(){this.effectiveVisibleSlides=Math.max(1,Math.round(this.getCssPixelValue("--carousel-visible-slides",this.visibleSlides))),this.effectiveScrollStep=Math.max(1,Math.round(this.getCssPixelValue("--carousel-scroll-step",this.scrollStep)))}measureMaxIndex(){if(!this.trackEl||!this.slides.length)return 0;if(this.centerSnap)return this.slides.length-1;let e=this.trackEl,s=e.getBoundingClientRect(),i=Math.max(0,e.scrollWidth-e.clientWidth),o=0,l=1/0;return this.slides.forEach((p,b)=>{let h=p.getBoundingClientRect().left-s.left+e.scrollLeft,c=Math.abs(h-i);c<l&&(l=c,o=b)}),o}updateCenterPadding(){if(!this.centerSnap||!this.trackEl||!this.slides.length){this.style.setProperty("--_centerPadding","0px");return}let e=this.trackEl.clientWidth,s=this.slides[0].getBoundingClientRect().width,i=Math.max(0,(e-s)/2);this.style.setProperty("--_centerPadding",`${i}px`)}updateNarrow(){let e=this.getCssPixelValue("--carousel-responsive-breakpoint",this.responsiveBreakpoint);this.narrow=e>0&&this.getBoundingClientRect().width<e}handleSlotChange(){this.slideCount=this.slides.length,this.slides.forEach((e,s)=>{e.setAttribute("role","group"),e.setAttribute("aria-roledescription","slide"),e.setAttribute("aria-label",this.dictionary.carousel.ofTotal(s+1,this.slideCount))}),this.updateFromScrollPosition(),this.updateCenterPadding(),this.startAutoplay()}handleTitleSlotChange(){this.hasTitle=(this.titleSlotEl?.assignedNodes({flatten:!0}).length??0)>0}scrollBehavior(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth"}goToIndex(e){if(!this.slides.length||!this.trackEl)return;let s=this.maxIndex,i=this.loop?(e%(s+1)+(s+1))%(s+1):Math.max(0,Math.min(e,s));if(!this.centerSnap&&i===s){this.trackEl.scrollTo({left:this.trackEl.scrollWidth-this.trackEl.clientWidth,behavior:this.scrollBehavior()});return}let o=this.slides[i];o&&o.scrollIntoView({behavior:this.scrollBehavior(),inline:this.centerSnap?"center":"start",block:"nearest"})}step(e){this.syncCssOverrides(),this.goToIndex(this.currentIndex+e*this.effectiveScrollStep)}startAutoplay(){this.autoplayTimer||!this.autoplay||this.manuallyPaused||this.maxIndex<=0||(this.autoplayTimer=setInterval(()=>this.step(1),this.autoplayInterval))}stopAutoplay(){clearInterval(this.autoplayTimer),this.autoplayTimer=void 0}pauseAutoplay(){this.manuallyPaused=!0,this.stopAutoplay()}resumeAutoplay(){this.manuallyPaused=!1,this.startAutoplay()}buildAnnouncement(){if(!this.slideCount)return"";let e=this.currentIndex+1,s=Math.max(1,Math.min(this.effectiveVisibleSlides,this.slideCount-this.currentIndex)),i=Math.min(e+s-1,this.slideCount);return i>e?`Showing slides ${e} to ${i} of ${this.slideCount}`:`Slide ${e} of ${this.slideCount}`}updateFromScrollPosition(){if(!this.trackEl||!this.slides.length)return;let e=this.trackEl.getBoundingClientRect(),s=this.centerSnap?e.left+e.width/2:e.left,i=0,o=1/0;this.slides.forEach((h,c)=>{let m=h.getBoundingClientRect(),R=this.centerSnap?m.left+m.width/2:m.left,w=Math.abs(R-s);w<o&&(o=w,i=c)}),this.maxIndex=this.measureMaxIndex(),i=Math.min(i,this.maxIndex),this.slides.forEach((h,c)=>{h.classList.toggle(N,c===i)});let l=i!==this.currentIndex;this.currentIndex=i;let{scrollLeft:p}=this.trackEl,b=this.trackEl.scrollWidth-this.trackEl.clientWidth;this.style.setProperty("--_showLeftFade",p>1?"1":"0"),this.style.setProperty("--_showRightFade",p<b-1?"1":"0"),l&&this.scheduleAnnounce()}handleKeydown(e){switch(e.key){case"ArrowLeft":e.preventDefault(),this.previous();break;case"ArrowRight":e.preventDefault(),this.next();break;case"Home":e.preventDefault(),this.goToIndex(0);break;case"End":e.preventDefault(),this.goToIndex(this.maxIndex);break;default:break}}renderDots(){if(!this.showDots||this.pageCount<=1)return d;let e=this.effectiveScrollStep,s=Math.round(this.currentIndex/e);return u`
       <div
         id="dots"
         role="group"
         aria-label=${this.dictionary.carousel.slideNavigation}
       >
-        ${Array.from({length:this.pageCount},(a,n)=>{let o=n===r;return u`
+        ${Array.from({length:this.pageCount},(i,o)=>{let l=o===s;return u`
             <button
               type="button"
-              class=${g({dot:!0})}
-              aria-current=${o?"true":d}
-              aria-label=${this.dictionary.carousel.goToSlide(n*e+1,this.slideCount)}
-              @click=${()=>this.goTo(n*e)}
+              class=${y({dot:!0})}
+              aria-current=${l?"true":d}
+              aria-label=${this.dictionary.carousel.goToSlide(o*e+1,this.slideCount)}
+              @click=${()=>this.goTo(o*e)}
             ></button>
           `})}
       </div>
-    `}renderNavButton(e){let r=e==="prev",a=!this.loop&&(r?this.currentIndex<=0:this.currentIndex>=this.maxIndex);return u`
+    `}renderNavButton(e){let s=e==="prev",i=!this.loop&&(s?this.currentIndex<=0:this.currentIndex>=this.maxIndex);return u`
       <button
         type="button"
         id=${e}
         class="nav"
-        aria-label=${r?this.ariaLabelPrevious:this.ariaLabelNext}
+        aria-label=${s?this.ariaLabelPrevious:this.ariaLabelNext}
         aria-controls="track"
-        ?disabled=${a}
-        @click=${()=>r?this.previous():this.next()}
+        ?disabled=${i}
+        @click=${()=>s?this.previous():this.next()}
       >
         <eun-icon
-          name=${r?"chevron_left":"chevron_right"}
+          name=${s?"chevron_left":"chevron_right"}
           size=${this.getCssPixelValue("--carousel-nav-icon-size",20)}
         ></eun-icon>
       </button>
-    `}render(){let e=this.showDots&&this.pageCount>1,r=this.layout==="header"||this.layout==="inline"&&this.narrow,a=this.showArrows&&r&&this.pageCount>1,n=this.showArrows&&!r&&this.pageCount>1;return u`
+    `}render(){let e=this.showDots&&this.pageCount>1,s=this.layout==="header"||this.layout==="inline"&&this.narrow,i=this.showArrows&&s&&this.pageCount>1,o=this.showArrows&&!s&&this.pageCount>1;return u`
       <div
         id="carousel-header"
-        class=${g({"nav-start":a&&this.navPlacement==="start","nav-center":a&&this.navPlacement==="center"})}
-        ?hidden=${!(this.hasTitle||a)}
+        class=${y({"nav-start":i&&this.navPlacement==="start","nav-center":i&&this.navPlacement==="center"})}
+        ?hidden=${!(this.hasTitle||i)}
       >
         <slot
           name="title"
           @slotchange=${()=>this.handleTitleSlotChange()}
         ></slot>
-        ${a?u`
+        ${i?u`
               <div id="header-nav">
                 ${this.renderNavButton("prev")} ${this.renderNavButton("next")}
               </div>
             `:d}
       </div>
       <div id="viewport">
-        ${n?this.renderNavButton("prev"):d}
+        ${o?this.renderNavButton("prev"):d}
         <div
           id="track"
           role="region"
@@ -316,14 +324,14 @@ import{a as I}from"./chunks/chunk-SD2H5UDZ.js";import{a as R}from"./chunks/chunk
           aria-label=${this.ariaLabel||"Carousel"}
           tabindex="0"
           @scroll=${this.handleScroll}
-          @keydown=${o=>this.handleKeydown(o)}
+          @keydown=${l=>this.handleKeydown(l)}
         >
           <slot @slotchange=${()=>this.handleSlotChange()}></slot>
         </div>
-        ${n?this.renderNavButton("next"):d}
+        ${o?this.renderNavButton("next"):d}
       </div>
       ${e?this.renderDots():d}
       <span class="sr-only" role="status" aria-live="polite"
         >${this.announcement}</span
       >
-    `}};t.styles=A,s([i({reflect:!0})],t.prototype,"layout",2),s([i({reflect:!0,attribute:"nav-placement"})],t.prototype,"navPlacement",2),s([i({type:Number,attribute:"responsive-breakpoint"})],t.prototype,"responsiveBreakpoint",2),s([i({type:Number,attribute:"visible-slides"})],t.prototype,"visibleSlides",2),s([i({type:Boolean,reflect:!0,attribute:"full-slides"})],t.prototype,"fullSlides",2),s([i({type:Number,attribute:"scroll-step"})],t.prototype,"scrollStep",2),s([i({type:Boolean,reflect:!0,attribute:"center-snap"})],t.prototype,"centerSnap",2),s([i({type:Boolean,reflect:!0,attribute:"edge-fade"})],t.prototype,"edgeFade",2),s([i({type:Boolean,reflect:!0})],t.prototype,"loop",2),s([i({type:Boolean})],t.prototype,"autoplay",2),s([i({type:Number,attribute:"autoplay-interval"})],t.prototype,"autoplayInterval",2),s([i({type:Boolean,attribute:"show-arrows"})],t.prototype,"showArrows",2),s([i({type:Boolean,attribute:"show-dots"})],t.prototype,"showDots",2),s([i({attribute:"aria-label-previous"})],t.prototype,"ariaLabelPrevious",2),s([i({attribute:"aria-label-next"})],t.prototype,"ariaLabelNext",2),s([l()],t.prototype,"currentIndex",2),s([l()],t.prototype,"slideCount",2),s([l()],t.prototype,"manuallyPaused",2),s([l()],t.prototype,"announcement",2),s([l()],t.prototype,"hasTitle",2),s([l()],t.prototype,"narrow",2),s([x("#track")],t.prototype,"trackEl",2),s([x('slot[name="title"]')],t.prototype,"titleSlotEl",2),s([P()],t.prototype,"slides",2),s([l()],t.prototype,"maxIndex",2),t=s([k(N)],t);export{t as EunomiaCarousel,N as EunomiaCarouselTagName};
+    `}};t.styles=C,r([a({reflect:!0})],t.prototype,"layout",2),r([a({reflect:!0,attribute:"nav-placement"})],t.prototype,"navPlacement",2),r([a({type:Number,attribute:"responsive-breakpoint"})],t.prototype,"responsiveBreakpoint",2),r([a({type:Number,attribute:"visible-slides"})],t.prototype,"visibleSlides",2),r([a({type:Boolean,reflect:!0,attribute:"full-slides"})],t.prototype,"fullSlides",2),r([a({type:Number,attribute:"scroll-step"})],t.prototype,"scrollStep",2),r([a({type:Boolean,reflect:!0,attribute:"center-snap"})],t.prototype,"centerSnap",2),r([a({type:Boolean,reflect:!0,attribute:"edge-fade"})],t.prototype,"edgeFade",2),r([a({type:Boolean,reflect:!0})],t.prototype,"loop",2),r([a({type:Boolean})],t.prototype,"autoplay",2),r([a({type:Number,attribute:"autoplay-interval"})],t.prototype,"autoplayInterval",2),r([a({type:Boolean,attribute:"show-arrows"})],t.prototype,"showArrows",2),r([a({type:Boolean,attribute:"show-dots"})],t.prototype,"showDots",2),r([a({attribute:"aria-label-previous"})],t.prototype,"ariaLabelPrevious",2),r([a({attribute:"aria-label-next"})],t.prototype,"ariaLabelNext",2),r([n()],t.prototype,"currentIndex",2),r([n()],t.prototype,"slideCount",2),r([n()],t.prototype,"manuallyPaused",2),r([n()],t.prototype,"announcement",2),r([n()],t.prototype,"hasTitle",2),r([n()],t.prototype,"narrow",2),r([n()],t.prototype,"effectiveVisibleSlides",2),r([n()],t.prototype,"effectiveScrollStep",2),r([x("#track")],t.prototype,"trackEl",2),r([x('slot[name="title"]')],t.prototype,"titleSlotEl",2),r([P()],t.prototype,"slides",2),r([n()],t.prototype,"maxIndex",2),t=r([k(L)],t);export{t as EunomiaCarousel,L as EunomiaCarouselTagName};