@eunomia/elements 1.0.0-beta.2 → 1.0.0-beta.4

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

@@ -1,4 +1,4 @@
-import{a as o,f as e,g as s,h as a,n as i,s as n}from"./chunks/chunk-XH6NREVZ.js";var p=s`
+import{a as o,f as n,g as i,h as r,n as e,s}from"./chunks/chunk-XH6NREVZ.js";var c=i`
   :host {
     display: block;
     --_distance: var(--animate-distance, 80px);
@@ -92,4 +92,180 @@ import{a as o,f as e,g as s,h as a,n as i,s as n}from"./chunks/chunk-XH6NREVZ.js
       transition-duration: 0.01ms;
     }
   }
-`,l=p;var d="eun-animate",c="in-view",t=class extends n{constructor(){super(...arguments);this.animation="fade";this.duration=600;this.delay=0;this.once=!0;this.threshold=.1;this.rootMargin="0px"}connectedCallback(){super.connectedCallback?.(),this.setupObserver()}disconnectedCallback(){this.teardownObserver(),super.disconnectedCallback?.()}updated(r){super.updated(r),r.has("duration")&&this.style.setProperty("--_duration",`${this.duration}ms`),r.has("delay")&&this.style.setProperty("--_delay",`${this.delay}ms`),this.isConnected&&(r.has("animation")||r.has("threshold")||r.has("rootMargin")||r.has("once"))&&this.setupObserver()}setupObserver(){this.teardownObserver(),this.animation!=="none"&&(this.observer=new IntersectionObserver(([r])=>{r.isIntersecting?(this.toggleAttribute(c,!0),this.once&&this.observer?.unobserve(this)):this.once||this.toggleAttribute(c,!1)},{threshold:this.threshold,rootMargin:this.rootMargin}),this.observer.observe(this))}teardownObserver(){this.observer?.disconnect(),this.observer=void 0}render(){return i`<slot></slot>`}};t.styles=l,o([a({reflect:!0})],t.prototype,"animation",2),o([a({type:Number})],t.prototype,"duration",2),o([a({type:Number})],t.prototype,"delay",2),o([a({type:Boolean})],t.prototype,"once",2),o([a({type:Number})],t.prototype,"threshold",2),o([a({attribute:"root-margin"})],t.prototype,"rootMargin",2),t=o([e(d)],t);export{t as EunomiaAnimate,d as EunomiaAnimateTagName};
+`,p=i`
+  @media (max-width: 768px) {
+    :host([tablet-animation="none"]) {
+      opacity: 1;
+      transform: none;
+      transition-property: none;
+    }
+
+    :host([tablet-animation="fade"]) {
+      opacity: 0;
+      transition-property: opacity;
+    }
+    :host([tablet-animation="fade"][in-view]) {
+      opacity: 1;
+    }
+
+    :host([tablet-animation="scroll-right"]) {
+      transform: translateX(calc(-1 * var(--_distance)));
+      transition-property: transform;
+    }
+    :host([tablet-animation="scroll-right"][in-view]) {
+      transform: translateX(0);
+    }
+
+    :host([tablet-animation="scroll-left"]) {
+      transform: translateX(var(--_distance));
+      transition-property: transform;
+    }
+    :host([tablet-animation="scroll-left"][in-view]) {
+      transform: translateX(0);
+    }
+
+    :host([tablet-animation="scroll-top"]) {
+      transform: translateY(var(--_distance));
+      transition-property: transform;
+    }
+    :host([tablet-animation="scroll-top"][in-view]) {
+      transform: translateY(0);
+    }
+
+    :host([tablet-animation="scroll-bottom"]) {
+      transform: translateY(calc(-1 * var(--_distance)));
+      transition-property: transform;
+    }
+    :host([tablet-animation="scroll-bottom"][in-view]) {
+      transform: translateY(0);
+    }
+
+    :host([tablet-animation="faded-scroll-right"]) {
+      opacity: 0;
+      transform: translateX(calc(-1 * var(--_distance)));
+      transition-property: opacity, transform;
+    }
+    :host([tablet-animation="faded-scroll-right"][in-view]) {
+      opacity: 1;
+      transform: translateX(0);
+    }
+
+    :host([tablet-animation="faded-scroll-left"]) {
+      opacity: 0;
+      transform: translateX(var(--_distance));
+      transition-property: opacity, transform;
+    }
+    :host([tablet-animation="faded-scroll-left"][in-view]) {
+      opacity: 1;
+      transform: translateX(0);
+    }
+
+    :host([tablet-animation="faded-scroll-top"]) {
+      opacity: 0;
+      transform: translateY(var(--_distance));
+      transition-property: opacity, transform;
+    }
+    :host([tablet-animation="faded-scroll-top"][in-view]) {
+      opacity: 1;
+      transform: translateY(0);
+    }
+
+    :host([tablet-animation="faded-scroll-bottom"]) {
+      opacity: 0;
+      transform: translateY(calc(-1 * var(--_distance)));
+      transition-property: opacity, transform;
+    }
+    :host([tablet-animation="faded-scroll-bottom"][in-view]) {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @media (max-width: 600px) {
+    :host([mobile-animation="none"]) {
+      opacity: 1;
+      transform: none;
+      transition-property: none;
+    }
+
+    :host([mobile-animation="fade"]) {
+      opacity: 0;
+      transition-property: opacity;
+    }
+    :host([mobile-animation="fade"][in-view]) {
+      opacity: 1;
+    }
+
+    :host([mobile-animation="scroll-right"]) {
+      transform: translateX(calc(-1 * var(--_distance)));
+      transition-property: transform;
+    }
+    :host([mobile-animation="scroll-right"][in-view]) {
+      transform: translateX(0);
+    }
+
+    :host([mobile-animation="scroll-left"]) {
+      transform: translateX(var(--_distance));
+      transition-property: transform;
+    }
+    :host([mobile-animation="scroll-left"][in-view]) {
+      transform: translateX(0);
+    }
+
+    :host([mobile-animation="scroll-top"]) {
+      transform: translateY(var(--_distance));
+      transition-property: transform;
+    }
+    :host([mobile-animation="scroll-top"][in-view]) {
+      transform: translateY(0);
+    }
+
+    :host([mobile-animation="scroll-bottom"]) {
+      transform: translateY(calc(-1 * var(--_distance)));
+      transition-property: transform;
+    }
+    :host([mobile-animation="scroll-bottom"][in-view]) {
+      transform: translateY(0);
+    }
+
+    :host([mobile-animation="faded-scroll-right"]) {
+      opacity: 0;
+      transform: translateX(calc(-1 * var(--_distance)));
+      transition-property: opacity, transform;
+    }
+    :host([mobile-animation="faded-scroll-right"][in-view]) {
+      opacity: 1;
+      transform: translateX(0);
+    }
+
+    :host([mobile-animation="faded-scroll-left"]) {
+      opacity: 0;
+      transform: translateX(var(--_distance));
+      transition-property: opacity, transform;
+    }
+    :host([mobile-animation="faded-scroll-left"][in-view]) {
+      opacity: 1;
+      transform: translateX(0);
+    }
+
+    :host([mobile-animation="faded-scroll-top"]) {
+      opacity: 0;
+      transform: translateY(var(--_distance));
+      transition-property: opacity, transform;
+    }
+    :host([mobile-animation="faded-scroll-top"][in-view]) {
+      opacity: 1;
+      transform: translateY(0);
+    }
+
+    :host([mobile-animation="faded-scroll-bottom"]) {
+      opacity: 0;
+      transform: translateY(calc(-1 * var(--_distance)));
+      transition-property: opacity, transform;
+    }
+    :host([mobile-animation="faded-scroll-bottom"][in-view]) {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+`,l=[c,p];var f="eun-animate",m="in-view",t=class extends s{constructor(){super(...arguments);this.animation="fade";this.duration=600;this.delay=0;this.once=!0;this.threshold=.1;this.rootMargin="0px"}get hasAnyAnimation(){return this.animation!=="none"||this.tabletAnimation!==void 0&&this.tabletAnimation!=="none"||this.mobileAnimation!==void 0&&this.mobileAnimation!=="none"}connectedCallback(){super.connectedCallback?.(),this.setupObserver()}disconnectedCallback(){this.teardownObserver(),super.disconnectedCallback?.()}updated(a){super.updated(a),a.has("duration")&&this.style.setProperty("--_duration",`${this.duration}ms`),a.has("delay")&&this.style.setProperty("--_delay",`${this.delay}ms`),this.isConnected&&(a.has("animation")||a.has("tabletAnimation")||a.has("mobileAnimation")||a.has("threshold")||a.has("rootMargin")||a.has("once"))&&this.setupObserver()}setupObserver(){this.teardownObserver(),this.hasAnyAnimation&&(this.observer=new IntersectionObserver(([a])=>{a.isIntersecting?(this.toggleAttribute(m,!0),this.once&&this.observer?.unobserve(this)):this.once||this.toggleAttribute(m,!1)},{threshold:this.threshold,rootMargin:this.rootMargin}),this.observer.observe(this))}teardownObserver(){this.observer?.disconnect(),this.observer=void 0}render(){return e`<slot></slot>`}};t.styles=l,o([r({reflect:!0})],t.prototype,"animation",2),o([r({type:Number})],t.prototype,"duration",2),o([r({type:Number})],t.prototype,"delay",2),o([r({type:Boolean})],t.prototype,"once",2),o([r({type:Number})],t.prototype,"threshold",2),o([r({attribute:"root-margin"})],t.prototype,"rootMargin",2),o([r({attribute:"tablet-animation",reflect:!0})],t.prototype,"tabletAnimation",2),o([r({attribute:"mobile-animation",reflect:!0})],t.prototype,"mobileAnimation",2),t=o([n(f)],t);export{t as EunomiaAnimate,f as EunomiaAnimateTagName};

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

@@ -24,7 +24,7 @@ import{a,f as i,g as o,h as t,n,s}from"./chunks/chunk-XH6NREVZ.js";var d=o`
     color: var(--_color);
     font-family: var(--eun-font-family, "Mulish", sans-serif);
     font-size: var(--_fontSize);
-    font-weight: var(--eun-fontWeight-l, 700);
+    font-weight: var(--eun-font-weight-l, 700);
     line-height: 1;
     white-space: nowrap;
     user-select: none;

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

@@ -1,9 +1,9 @@
-import{a as b}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as u}from"./chunks/chunk-5EVP7YNE.js";import{a as r,f as i,g as s,h as t,l as c,n as a,p,s as d}from"./chunks/chunk-XH6NREVZ.js";var m=s`
+import{a as b}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as u}from"./chunks/chunk-5EVP7YNE.js";import{a as m}from"./chunks/chunk-BKHD4S57.js";import{a as r,f as i,g as s,h as l,l as c,n as a,p,s as d}from"./chunks/chunk-XH6NREVZ.js";var f=s`
   :host {
     display: inline-flex;
     align-items: center;
     font-family: var(--eun-font-family, "Mulish", sans-serif);
-    font-size: var(--eun-fontSize-s, 14px);
+    font-size: var(--eun-font-size-s, 14px);
   }
   #label {
     max-width: var(--breadcrumb-item-max-width, 240px);
@@ -29,7 +29,7 @@ import{a as b}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
   a#label {
     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,
@@ -53,7 +53,7 @@ import{a as b}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
   }
   span#label {
     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);
   }
   #separator {
     margin-inline: var(--breadcrumb-separator-gap, var(--eun-space-s, 8px));
@@ -69,7 +69,7 @@ import{a as b}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
   :host(:last-of-type) #separator {
     display: none;
   }
-`;var f="eun-breadcrumb-item",e=class extends d{constructor(){super(...arguments);this.current=!1;this.handleIconSlotChange=()=>{this.requestUpdate()}}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","listitem")}render(){let l=u(this.ariaLabel??void 0),n=a`
+`;var h="eun-breadcrumb-item",e=class extends d{constructor(){super(...arguments);this.current=!1;this.handleIconSlotChange=()=>{this.requestUpdate()}}handleClick(o){m(this,o,this.href)}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","listitem")}render(){let o=u(this.ariaLabel??void 0),n=a`
       <slot
         name="icon"
         class=${b({"has-icon":!!this.icon||!!this.iconSlotEls?.length})}
@@ -77,13 +77,17 @@ import{a as b}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
       >
         ${this.icon?a`<eun-icon name=${this.icon} size="14"></eun-icon>`:p}
       </slot>
-    `,o;return this.current?o=a`<span id="label" aria-current="page" aria-label=${l}
+    `,t;return this.current?t=a`<span id="label" aria-current="page" aria-label=${o}
         >${n}<slot></slot
-      ></span>`:this.href?o=a`<a id="label" href=${this.href} aria-label=${l}
+      ></span>`:this.href?t=a`<a
+        id="label"
+        href=${this.href}
+        aria-label=${o}
+        @click=${this.handleClick}
         >${n}<slot></slot
-      ></a>`:o=a`<span id="label" aria-label=${l}
+      ></a>`:t=a`<span id="label" aria-label=${o}
         >${n}<slot></slot
       ></span>`,a`
-      ${o}
+      ${t}
       <span id="separator" aria-hidden="true"></span>
-    `}};e.styles=[m],r([t()],e.prototype,"href",2),r([t({type:Boolean,reflect:!0})],e.prototype,"current",2),r([t()],e.prototype,"icon",2),r([c({slot:"icon"})],e.prototype,"iconSlotEls",2),e=r([i(f)],e);export{e as EunomiaBreadcrumbItem,f as EunomiaBreadcrumbItemTagName};
+    `}};e.styles=[f],r([l()],e.prototype,"href",2),r([l({type:Boolean,reflect:!0})],e.prototype,"current",2),r([l()],e.prototype,"icon",2),r([c({slot:"icon"})],e.prototype,"iconSlotEls",2),e=r([i(h)],e);export{e as EunomiaBreadcrumbItem,h as EunomiaBreadcrumbItemTagName};

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-BKHD4S57.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-27Q2SLRY.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-BMQOI7HX.js";import"./chunks/chunk-4MXL6PZC.js";import"./chunks/chunk-T7WABJEJ.js";import"./chunks/chunk-UP4M7TER.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-BKHD4S57.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-EJIX2D4Z.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 G,s as I}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`
   :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 W(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>
@@ -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,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(),z=(m.clientY-V.top)/p*n,A=Math.floor(z/n)*n+v,O=new Date(i);O.setHours(0,A,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),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,z=Math.max((V-P)/n*p,p/2),A=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*A}%`,width:`${A}%`})}
             @pointerdown=${O=>l?.(m.event,O)}
           >
             <eun-scheduler-event
@@ -607,13 +607,13 @@ import{a as de}from"./chunks/chunk-NEYBPT3D.js";import{a as ce}from"./chunks/chu
               .end=${m.event.end}
               color=${m.event.color}
               variant=${w}
-              ?hide-time=${W<$e}
+              ?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 W({...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||!G(s));return W({...t,days:o})}var U=22;function be(i){let{displayedMonth:a,weekStartsOn:e,locale:t}=i,r=I(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>`)}
@@ -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=I(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 Ve="eun-calendar",ze=40,Ae="(max-width: 767px)",Ge=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)<Ge)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(Ae),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-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,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||!G(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`

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

@@ -1,4 +1,4 @@
-import{a as c,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 n,n as e,s}from"./chunks/chunk-XH6NREVZ.js";var p=t`
+import{a as n,b as i}from"./chunks/chunk-IJ5WFMK4.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-BKHD4S57.js";import{a,f as d,g as t,h as c,n as e,s}from"./chunks/chunk-XH6NREVZ.js";var p=t`
   :host {
     display: block;
     position: relative;
@@ -14,13 +14,13 @@ import{a as c,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 c,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,
@@ -66,19 +75,27 @@ import{a as c,b as i}from"./chunks/chunk-5RCCZVFZ.js";import"./chunks/chunk-BKHD
       --card-hover-background,
       var(--card-background, var(--eun-surface-color, #ffffff))
     );
-    border-color: var(
-      --card-hover-border-color,
-      var(--eun-color-primary-500, #3d6fff)
-    );
   }
 
   :host([appearance="fill"]) #card,
   :host([appearance="raised"]) #card {
-    border: none;
+    border-color: var(--card-border-color, transparent);
+  }
+
+  :host([appearance="fill"]) #card:hover,
+  :host([appearance="fill"]) #card:focus-visible,
+  :host([appearance="raised"]) #card:hover,
+  :host([appearance="raised"]) #card:focus-visible,
+  #card:hover,
+  #card:focus-visible {
+    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 {
@@ -92,7 +109,7 @@ import{a as c,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)
     );
   }
 
@@ -113,4 +130,4 @@ import{a as c,b as i}from"./chunks/chunk-5RCCZVFZ.js";import"./chunks/chunk-BKHD
       transition: none;
     }
   }
-`,l=p;var f="eun-card",r=class extends c(s){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([n({reflect:!0})],r.prototype,"appearance",2),r=a([d(f)],r);export{r as EunomiaCard,f as EunomiaCardTagName};
+`,l=p;var v="eun-card",r=class extends n(s){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([c({reflect:!0})],r.prototype,"appearance",2),r=a([d(v)],r);export{r as EunomiaCard,v as EunomiaCardTagName};