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

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

@@ -1,11 +1,21 @@
-import{a as f,b as u,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as s}from"./chunks/chunk-5EVP7YNE.js";import{a as o,f as l,g as d,h as a,i as c,j as n,n as i,p as r,s as p}from"./chunks/chunk-XH6NREVZ.js";var b=d`
+import{a as u,b as f,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as s}from"./chunks/chunk-PPCHQG7P.js";import{a as o,f as l,h as d,j as a,k as c,l as r,p as i,r as n,u as p}from"./chunks/chunk-YITWLCD3.js";var b=d`
   :host {
     --_width: var(--drawer-width, min(420px, 100vw));
     --_background: var(--drawer-background, var(--eun-surface-color, #ffffff));
     --_color: var(--drawer-color, var(--eun-text-color, #071621));
-    --_padding: var(--drawer-padding, var(--eun-space-m, 16px));
+    --_paddingBlock: var(
+      --drawer-padding,
+      var(--drawer-padding-block, var(--eun-space-m, 16px))
+    );
+    --_paddingInline: var(
+      --drawer-padding,
+      var(--drawer-padding-inline, var(--eun-space-m, 16px))
+    );
     --_gap: var(--drawer-gap, var(--eun-space-m, 16px));
-    --_transitionDuration: var(--drawer-transition-duration, 0.25s);
+    --_transitionDuration: var(
+      --drawer-transition-duration,
+      var(--eun-duration-l, 250ms)
+    );
     --_offset: 1;
     display: contents;
   }
@@ -30,10 +40,14 @@ import{a as f,b as u,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
   }
   #surface::backdrop {
     background-color: rgba(7, 22, 33, 0);
-    transition: background-color var(--_transitionDuration) ease;
+    transition: background-color var(--_transitionDuration)
+      var(--eun-easing-default, ease);
   }
   #surface:popover-open::backdrop {
-    background-color: var(--drawer-backdrop-color, rgba(7, 22, 33, 0.45));
+    background-color: var(
+      --drawer-backdrop-color,
+      var(--eun-backdrop-color, rgba(7, 22, 33, 0.45))
+    );
   }
   @starting-style {
     #surface:popover-open::backdrop {
@@ -54,8 +68,8 @@ import{a as f,b as u,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
     opacity: 1;
     transform: translateX(0);
     transition:
-      opacity var(--_transitionDuration) ease,
-      transform var(--_transitionDuration) ease;
+      opacity var(--_transitionDuration) var(--eun-easing-default, ease),
+      transform var(--_transitionDuration) var(--eun-easing-default, ease);
   }
   #surface[closing] {
     opacity: 0;
@@ -88,7 +102,7 @@ import{a as f,b as u,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
     align-items: flex-start;
     justify-content: space-between;
     gap: var(--_gap);
-    padding: var(--_padding) var(--_padding) 0;
+    padding: var(--_paddingBlock) var(--_paddingInline) 0;
   }
   #heading {
     margin: 0;
@@ -103,7 +117,7 @@ import{a as f,b as u,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
     flex: 1;
     min-height: 0;
     overflow-y: auto;
-    padding: var(--_gap) var(--_padding);
+    padding: var(--_gap) var(--_paddingInline);
     font-size: var(--eun-font-size-s, 14px);
   }
   #footer {
@@ -111,7 +125,7 @@ import{a as f,b as u,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
     display: flex;
     justify-content: flex-end;
     gap: var(--eun-space-s, 8px);
-    padding: var(--_padding);
+    padding: var(--_paddingBlock) var(--_paddingInline);
   }
 
   #confirm-close-modal {
@@ -127,10 +141,10 @@ import{a as f,b as u,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
       transition-duration: 0.01ms;
     }
   }
-`,m=b;var y="eun-drawer",t=class extends v(p){constructor(){super(...arguments);this.position="end";this.closeable=!0;this.open=!1;this.closeOnBackdrop=!0;this.dirty=!1;this.ariaLabelClose="Close";this.confirmCloseHeading="Discard changes?";this.confirmCloseDescription="You have unsaved changes. This action can't be undone.";this.confirmCloseCancelLabel="Keep editing";this.confirmCloseConfirmLabel="Discard";this.mountConfirmModal=!1;this.handleDiscardConfirmed=e=>{e.stopPropagation(),this.confirmDiscard()};this.handleToggle=e=>{let g=e;if(this.syncingFromPopover=!0,this.open=g.newState==="open",this.syncingFromPopover=!1,this.open){this.openDialogSurface({surfaceEl:this.panelEl,onEscape:()=>this.requestClose(),onOutsideClick:()=>{this.closeOnBackdrop&&this.requestClose()}}),this.updateComplete.then(()=>this.focusInitialElement());return}this.closeDialogSurface()};this.handleCommandEvent=e=>{h(e,this)};this.stopDialogPropagation=e=>{e.stopPropagation()}}willUpdate(e){e.has("dirty")&&this.dirty&&(this.mountConfirmModal=!0)}updated(e){super.updated(e),e.has("open")&&this.syncPopoverOpenState(this.open,this.surfaceEl)}connectedCallback(){super.connectedCallback?.(),this.addEventListener("command",this.handleCommandEvent)}disconnectedCallback(){this.removeEventListener("command",this.handleCommandEvent),this.teardownDialogSurface(this.open),super.disconnectedCallback?.()}show(){this.open=!0}hide(){this.open=!1}requestClose(){if(this.dirty){let e=new u;this.dispatchEvent(e),e.defaultPrevented||this.confirmCloseModalEl?.show();return}this.attemptClose()}attemptClose(){let e=new f;this.dispatchEvent(e),e.defaultPrevented||this.hide()}confirmDiscard(){this.dirty=!1,this.attemptClose()}focusInitialElement(){let e=this.querySelector("[autofocus]");if(e){e.focus();return}(this.panelEl??this.surfaceEl)?.focus()}surfaceAriaLabel(){return this.heading?void 0:this.ariaLabel??void 0}hasFooterContent(){return this.querySelector('[slot="footer"]')!==null}hasHeaderContent(){return this.closeable||!!this.heading||this.querySelector('[slot="header"]')!==null}renderHeader(){return i`
+`,m=b;var y="eun-drawer",t=class extends v(p){constructor(){super(...arguments);this.position="end";this.closeable=!0;this.open=!1;this.closeOnBackdrop=!0;this.dirty=!1;this.ariaLabelClose="Close";this.confirmCloseHeading="Discard changes?";this.confirmCloseDescription="You have unsaved changes. This action can't be undone.";this.confirmCloseCancelLabel="Keep editing";this.confirmCloseConfirmLabel="Discard";this.mountConfirmModal=!1;this.handleDiscardConfirmed=e=>{e.stopPropagation(),this.confirmDiscard()};this.handleToggle=e=>{let g=e;if(this.syncingFromPopover=!0,this.open=g.newState==="open",this.syncingFromPopover=!1,this.open){this.openDialogSurface({surfaceEl:this.panelEl,onEscape:()=>this.requestClose(),onOutsideClick:()=>{this.closeOnBackdrop&&this.requestClose()}}),this.updateComplete.then(()=>this.focusInitialElement());return}this.closeDialogSurface()};this.handleCommandEvent=e=>{h(e,this)};this.stopDialogPropagation=e=>{e.stopPropagation()}}willUpdate(e){e.has("dirty")&&this.dirty&&(this.mountConfirmModal=!0)}updated(e){super.updated(e),e.has("open")&&this.syncPopoverOpenState(this.open,this.surfaceEl)}connectedCallback(){super.connectedCallback?.(),this.addEventListener("command",this.handleCommandEvent)}disconnectedCallback(){this.removeEventListener("command",this.handleCommandEvent),this.teardownDialogSurface(this.open),super.disconnectedCallback?.()}show(){this.open=!0}hide(){this.open=!1}requestClose(){if(this.dirty){let e=new f;this.dispatchEvent(e),e.defaultPrevented||this.confirmCloseModalEl?.show();return}this.attemptClose()}attemptClose(){let e=new u;this.dispatchEvent(e),e.defaultPrevented||this.hide()}confirmDiscard(){this.dirty=!1,this.attemptClose()}focusInitialElement(){let e=this.querySelector("[autofocus]");if(e){e.focus();return}(this.panelEl??this.surfaceEl)?.focus()}surfaceAriaLabel(){return this.heading?void 0:this.ariaLabel??void 0}hasFooterContent(){return this.querySelector('[slot="footer"]')!==null}hasHeaderContent(){return this.closeable||!!this.heading||this.querySelector('[slot="header"]')!==null}renderHeader(){return i`
       <div id="header">
         <slot name="header">
-          ${this.heading?i`<h2 id="heading">${this.heading}</h2>`:r}
+          ${this.heading?i`<h2 id="heading">${this.heading}</h2>`:n}
         </slot>
         ${this.closeable?i`
               <eun-button
@@ -143,7 +157,7 @@ import{a as f,b as u,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
               >
                 <eun-icon name="close" size="16"></eun-icon>
               </eun-button>
-            `:r}
+            `:n}
       </div>
     `}renderConfirmCloseModal(){return i`
       <eun-modal
@@ -156,11 +170,11 @@ import{a as f,b as u,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
         @eunconfirm=${this.handleDiscardConfirmed}
         @euncancel=${this.stopDialogPropagation}
       >
-        ${this.confirmCloseDescription?i`<p>${this.confirmCloseDescription}</p>`:r}
+        ${this.confirmCloseDescription?i`<p>${this.confirmCloseDescription}</p>`:n}
         <slot name="confirm-close"></slot>
       </eun-modal>
     `}renderPanelContent(){return i`
-      ${this.hasHeaderContent()?this.renderHeader():r}
+      ${this.hasHeaderContent()?this.renderHeader():n}
       <div id="body">
         <slot></slot>
       </div>
@@ -168,7 +182,7 @@ import{a as f,b as u,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
             <div id="footer">
               <slot name="footer"></slot>
             </div>
-          `:r}
+          `:n}
     `}render(){return i`
       <div id="surface" popover="manual" @toggle=${this.handleToggle}>
         <div
@@ -182,5 +196,5 @@ import{a as f,b as u,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
           ${this.renderPanelContent()}
         </div>
       </div>
-      ${this.mountConfirmModal?this.renderConfirmCloseModal():r}
-    `}};t.styles=m,o([a({reflect:!0})],t.prototype,"position",2),o([a()],t.prototype,"heading",2),o([a({type:Boolean})],t.prototype,"closeable",2),o([a({type:Boolean,reflect:!0})],t.prototype,"open",2),o([a({type:Boolean,attribute:"close-on-backdrop"})],t.prototype,"closeOnBackdrop",2),o([a({type:Boolean,reflect:!0})],t.prototype,"dirty",2),o([a({attribute:"aria-label-close"})],t.prototype,"ariaLabelClose",2),o([a({attribute:"confirm-close-heading"})],t.prototype,"confirmCloseHeading",2),o([a({attribute:"confirm-close-description"})],t.prototype,"confirmCloseDescription",2),o([a({attribute:"confirm-close-cancel-label"})],t.prototype,"confirmCloseCancelLabel",2),o([a({attribute:"confirm-close-confirm-label"})],t.prototype,"confirmCloseConfirmLabel",2),o([n("#surface")],t.prototype,"surfaceEl",2),o([n("#panel")],t.prototype,"panelEl",2),o([n("#confirm-close-modal")],t.prototype,"confirmCloseModalEl",2),o([c()],t.prototype,"mountConfirmModal",2),t=o([l(y)],t);export{t as EunomiaDrawer,y as EunomiaDrawerTagName};
+      ${this.mountConfirmModal?this.renderConfirmCloseModal():n}
+    `}};t.styles=m,o([a({reflect:!0})],t.prototype,"position",2),o([a()],t.prototype,"heading",2),o([a({type:Boolean})],t.prototype,"closeable",2),o([a({type:Boolean,reflect:!0})],t.prototype,"open",2),o([a({type:Boolean,attribute:"close-on-backdrop"})],t.prototype,"closeOnBackdrop",2),o([a({type:Boolean,reflect:!0})],t.prototype,"dirty",2),o([a({attribute:"aria-label-close"})],t.prototype,"ariaLabelClose",2),o([a({attribute:"confirm-close-heading"})],t.prototype,"confirmCloseHeading",2),o([a({attribute:"confirm-close-description"})],t.prototype,"confirmCloseDescription",2),o([a({attribute:"confirm-close-cancel-label"})],t.prototype,"confirmCloseCancelLabel",2),o([a({attribute:"confirm-close-confirm-label"})],t.prototype,"confirmCloseConfirmLabel",2),o([r("#surface")],t.prototype,"surfaceEl",2),o([r("#panel")],t.prototype,"panelEl",2),o([r("#confirm-close-modal")],t.prototype,"confirmCloseModalEl",2),o([c()],t.prototype,"mountConfirmModal",2),t=o([l(y)],t);export{t as EunomiaDrawer,y as EunomiaDrawerTagName};

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

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-MPQP4R54.js";import"./chunks/chunk-CEDHJUUH.js";import"./chunks/chunk-UP4M7TER.js";import"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaDropdownButton,a as EunomiaDropdownButtonTagName};
+import{a,b}from"./chunks/chunk-SZYEBMG6.js";import"./chunks/chunk-EUWUDCBZ.js";import"./chunks/chunk-624VJYNA.js";import"./chunks/chunk-UP4M7TER.js";import"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaDropdownButton,a as EunomiaDropdownButtonTagName};

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

@@ -1,4 +1,4 @@
-import{a as v,b as f,d as y,e as g,f as m}from"./chunks/chunk-CEDHJUUH.js";import{a as o,f as d,g as p,h as s,i as l,j as c,l as h,n as r,p as u,s as b}from"./chunks/chunk-XH6NREVZ.js";var w=p`
+import{a as f,b as y,d as g,e as S,f as m}from"./chunks/chunk-EUWUDCBZ.js";import{c as d}from"./chunks/chunk-624VJYNA.js";import{a as o,f as p,h as c,j as s,k as l,l as h,n as b,p as r,r as u,u as v}from"./chunks/chunk-YITWLCD3.js";var T=c`
   :host {
     display: block;
     white-space: nowrap;
@@ -16,8 +16,9 @@ import{a as v,b as f,d as y,e as g,f as m}from"./chunks/chunk-CEDHJUUH.js";impor
     outline: 2px solid transparent;
     outline-offset: -2px;
     transition:
-      background 0.3s ease-out,
-      outline-color 0.3s ease-out;
+      background var(--eun-duration-xl, 300ms) var(--eun-easing-out, ease-out),
+      outline-color var(--eun-duration-xl, 300ms)
+        var(--eun-easing-out, ease-out);
   }
   :host(:hover:not([aria-disabled="true"])) .content,
   :host(:focus-visible:not([aria-disabled="true"])) .content,
@@ -122,7 +123,7 @@ import{a as v,b as f,d as y,e as g,f as m}from"./chunks/chunk-CEDHJUUH.js";impor
     opacity: 1;
     transform: translate(0, 0) scale(1);
   }
-`,S=w;var x="eun-dropdown-item",n=class extends b{constructor(){super(...arguments);this.disabled=!1;this.active=!1;this.hasSubmenu=!1;this.openChildKey=null;this.handleSubmenuToggle=e=>{if(e.newState==="open"){this.setAttribute("aria-expanded","true"),this.toggleAttribute("data-submenu-open",!0),this.container?.notifySubmenuOpened(this.key),this.positionOwnSubmenu(),this.updateComplete.then(()=>f(this.submenuItems,0));return}this.setAttribute("aria-expanded","false"),this.toggleAttribute("data-submenu-open",!1),this.container?.notifySubmenuClosed(this.key),this.closeOtherSubmenus(null)};this.handleClick=()=>{this.disabled||(this.hasSubmenu?this.toggleOwnSubmenu():this.container?.selectByKey(this.key))};this.handleKeydown=e=>{let t=this.container;if(!t)return;let i=t.tagName===x.toUpperCase()?t:void 0;g(e,t.menuEntries,{onSelect:()=>t.selectByKey(this.key),onOpenSubmenu:()=>this.openSubmenu(),onClose:i?()=>{i.closeSubmenu(),this.updateComplete.then(()=>i.focus())}:void 0,onTabAway:()=>this.tabAway()})};this.handleMouseEnter=()=>{if(clearTimeout(this.closeSubmenuTimer),!this.hasSubmenu){this.closeSubmenuTimer=setTimeout(()=>{this.container?.closeOtherSubmenus(null)},150);return}this.disabled||this.submenuEl?.matches(":popover-open")||(clearTimeout(this.openSubmenuTimer),this.openSubmenuTimer=setTimeout(()=>this.openSubmenu(),150))};this.handleMouseLeave=()=>{clearTimeout(this.openSubmenuTimer),this.hasSubmenu&&this.scheduleCloseOwnSubmenu()};this.handleSubmenuSlotChange=()=>{this.hasSubmenu=this.submenuItems.length>0}}get container(){return this.parentElement?.closest(v)}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","menuitem"),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("mouseenter",this.handleMouseEnter),this.addEventListener("mouseleave",this.handleMouseLeave)}disconnectedCallback(){this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeydown),this.removeEventListener("mouseenter",this.handleMouseEnter),this.removeEventListener("mouseleave",this.handleMouseLeave),clearTimeout(this.openSubmenuTimer),clearTimeout(this.closeSubmenuTimer),super.disconnectedCallback?.()}firstUpdated(){this.hasSubmenu=this.submenuItems.length>0}updated(e){super.updated(e),e.has("disabled")&&(this.disabled?this.removeAttribute("tabindex"):this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false")),e.has("hasSubmenu")&&(this.hasSubmenu?(this.setAttribute("aria-haspopup","menu"),this.setAttribute("aria-expanded","false")):(this.removeAttribute("aria-haspopup"),this.removeAttribute("aria-expanded")))}openSubmenu(){if(!this.hasSubmenu||this.disabled||!this.submenuEl)return;let e=this.submenuEl,t=this.submenuAnimation!==void 0;this.submenuAnimation?.cancel(),this.submenuAnimation=void 0;let i=!e.matches(":popover-open");!i&&!t||(clearTimeout(this.openSubmenuTimer),clearTimeout(this.closeSubmenuTimer),this.container?.closeOtherSubmenus(this.key),i&&e.showPopover(),this.playSubmenuOpenAnimation(e))}playSubmenuOpenAnimation(e){e.style.removeProperty("pointer-events");let t=m(e);if(t===0)return;let i=e.style.getPropertyValue("--_submenuOffsetX")||"-4px";this.submenuAnimation=e.animate([{opacity:0,transform:`translate(${i}, 0) scale(0.96)`},{opacity:1,transform:"translate(0, 0) scale(1)"}],{duration:t,easing:"ease",fill:"forwards"})}closeSubmenu(){clearTimeout(this.openSubmenuTimer),clearTimeout(this.closeSubmenuTimer);let e=this.submenuEl;this.submenuAnimation?.cancel(),this.submenuAnimation=void 0,e?.matches(":popover-open")&&this.playSubmenuCloseAnimation(e)}playSubmenuCloseAnimation(e){e.style.pointerEvents="none";let t=m(e),i=e.style.getPropertyValue("--_submenuOffsetX")||"-4px";if(t===0){e.hidePopover();return}let a=e.animate([{opacity:1,transform:"translate(0, 0) scale(1)"},{opacity:0,transform:`translate(${i}, 0) scale(0.96)`}],{duration:t,easing:"ease",fill:"forwards"});this.submenuAnimation=a,a.finished.then(()=>{this.submenuAnimation===a&&(this.submenuAnimation=void 0),e.hidePopover()}).catch(()=>{})}repositionSubmenu(){this.submenuEl?.matches(":popover-open")&&this.positionOwnSubmenu(),this.openChildKey&&this.submenuItems.find(e=>e.key===this.openChildKey)?.repositionSubmenu()}get menuEntries(){return this.submenuItems??[]}closeOtherSubmenus(e){!this.openChildKey||this.openChildKey===e||(this.submenuItems.find(t=>t.key===this.openChildKey)?.closeSubmenu(),this.openChildKey=null)}notifySubmenuOpened(e){this.openChildKey=e}notifySubmenuClosed(e){this.openChildKey===e&&(this.openChildKey=null)}selectByKey(e){this.container?.selectByKey(e)}tabAway(){this.container?.tabAway()}positionOwnSubmenu(){if(!this.submenuEl)return;let{top:e,left:t,offsetX:i}=y(this.getBoundingClientRect(),this.submenuEl.getBoundingClientRect(),4);this.submenuEl.style.setProperty("--_submenuTop",`${e}px`),this.submenuEl.style.setProperty("--_submenuLeft",`${t}px`),this.submenuEl.style.setProperty("--_submenuOffsetX",`${i}px`)}toggleOwnSubmenu(){this.submenuEl?.matches(":popover-open")?this.closeSubmenu():this.openSubmenu()}scheduleCloseOwnSubmenu(){clearTimeout(this.closeSubmenuTimer),this.closeSubmenuTimer=setTimeout(()=>this.closeSubmenu(),150)}render(){return r`
+`,x=T;var w="eun-dropdown-item",n=class extends v{constructor(){super(...arguments);this.disabled=!1;this.active=!1;this.hasSubmenu=!1;this.openChildKey=null;this.handleSubmenuToggle=e=>{if(e.newState==="open"){this.setAttribute("aria-expanded","true"),this.toggleAttribute("data-submenu-open",!0),this.container?.notifySubmenuOpened(this.key),this.positionOwnSubmenu(),this.updateComplete.then(()=>y(this.submenuItems,0));return}this.setAttribute("aria-expanded","false"),this.toggleAttribute("data-submenu-open",!1),this.container?.notifySubmenuClosed(this.key),this.closeOtherSubmenus(null)};this.handleClick=()=>{this.disabled||(this.hasSubmenu?this.toggleOwnSubmenu():this.container?.selectByKey(this.key))};this.handleKeydown=e=>{let t=this.container;if(!t)return;let i=t.tagName===w.toUpperCase()?t:void 0;S(e,t.menuEntries,{onSelect:()=>t.selectByKey(this.key),onOpenSubmenu:()=>this.openSubmenu(),onClose:i?()=>{i.closeSubmenu(),this.updateComplete.then(()=>i.focus())}:void 0,onTabAway:()=>this.tabAway()})};this.handleMouseEnter=()=>{if(clearTimeout(this.closeSubmenuTimer),!this.hasSubmenu){this.closeSubmenuTimer=setTimeout(()=>{this.container?.closeOtherSubmenus(null)},150);return}this.disabled||this.submenuEl?.matches(":popover-open")||(clearTimeout(this.openSubmenuTimer),this.openSubmenuTimer=setTimeout(()=>this.openSubmenu(),150))};this.handleMouseLeave=()=>{clearTimeout(this.openSubmenuTimer),this.hasSubmenu&&this.scheduleCloseOwnSubmenu()};this.handleSubmenuSlotChange=()=>{this.hasSubmenu=this.submenuItems.length>0}}get container(){return this.parentElement?.closest(f)}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","menuitem"),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("mouseenter",this.handleMouseEnter),this.addEventListener("mouseleave",this.handleMouseLeave)}disconnectedCallback(){this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeydown),this.removeEventListener("mouseenter",this.handleMouseEnter),this.removeEventListener("mouseleave",this.handleMouseLeave),clearTimeout(this.openSubmenuTimer),clearTimeout(this.closeSubmenuTimer),super.disconnectedCallback?.()}firstUpdated(){this.hasSubmenu=this.submenuItems.length>0}updated(e){super.updated(e),e.has("disabled")&&(this.disabled?this.removeAttribute("tabindex"):this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false")),e.has("hasSubmenu")&&(this.hasSubmenu?(this.setAttribute("aria-haspopup","menu"),this.setAttribute("aria-expanded","false")):(this.removeAttribute("aria-haspopup"),this.removeAttribute("aria-expanded")))}openSubmenu(){if(!this.hasSubmenu||this.disabled||!this.submenuEl)return;let e=this.submenuEl,t=this.submenuAnimation!==void 0;this.submenuAnimation?.cancel(),this.submenuAnimation=void 0;let i=!e.matches(":popover-open");!i&&!t||(clearTimeout(this.openSubmenuTimer),clearTimeout(this.closeSubmenuTimer),this.container?.closeOtherSubmenus(this.key),i&&e.showPopover(),this.playSubmenuOpenAnimation(e))}playSubmenuOpenAnimation(e){e.style.removeProperty("pointer-events");let t=m(e);if(t===0)return;let i=e.style.getPropertyValue("--_submenuOffsetX")||"-4px";this.submenuAnimation=e.animate([{opacity:0,transform:`translate(${i}, 0) scale(0.96)`},{opacity:1,transform:"translate(0, 0) scale(1)"}],{duration:t,easing:d(e),fill:"forwards"})}closeSubmenu(){clearTimeout(this.openSubmenuTimer),clearTimeout(this.closeSubmenuTimer);let e=this.submenuEl;this.submenuAnimation?.cancel(),this.submenuAnimation=void 0,e?.matches(":popover-open")&&this.playSubmenuCloseAnimation(e)}playSubmenuCloseAnimation(e){e.style.pointerEvents="none";let t=m(e),i=e.style.getPropertyValue("--_submenuOffsetX")||"-4px";if(t===0){e.hidePopover();return}let a=e.animate([{opacity:1,transform:"translate(0, 0) scale(1)"},{opacity:0,transform:`translate(${i}, 0) scale(0.96)`}],{duration:t,easing:d(e),fill:"forwards"});this.submenuAnimation=a,a.finished.then(()=>{this.submenuAnimation===a&&(this.submenuAnimation=void 0),e.hidePopover()}).catch(()=>{})}repositionSubmenu(){this.submenuEl?.matches(":popover-open")&&this.positionOwnSubmenu(),this.openChildKey&&this.submenuItems.find(e=>e.key===this.openChildKey)?.repositionSubmenu()}get menuEntries(){return this.submenuItems??[]}closeOtherSubmenus(e){!this.openChildKey||this.openChildKey===e||(this.submenuItems.find(t=>t.key===this.openChildKey)?.closeSubmenu(),this.openChildKey=null)}notifySubmenuOpened(e){this.openChildKey=e}notifySubmenuClosed(e){this.openChildKey===e&&(this.openChildKey=null)}selectByKey(e){this.container?.selectByKey(e)}tabAway(){this.container?.tabAway()}positionOwnSubmenu(){if(!this.submenuEl)return;let{top:e,left:t,offsetX:i}=g(this.getBoundingClientRect(),this.submenuEl.getBoundingClientRect(),4);this.submenuEl.style.setProperty("--_submenuTop",`${e}px`),this.submenuEl.style.setProperty("--_submenuLeft",`${t}px`),this.submenuEl.style.setProperty("--_submenuOffsetX",`${i}px`)}toggleOwnSubmenu(){this.submenuEl?.matches(":popover-open")?this.closeSubmenu():this.openSubmenu()}scheduleCloseOwnSubmenu(){clearTimeout(this.closeSubmenuTimer),this.closeSubmenuTimer=setTimeout(()=>this.closeSubmenu(),150)}render(){return r`
       <span class="content" part="item">
         <slot name="icon">
           ${this.icon?r`<eun-icon
@@ -151,4 +152,4 @@ import{a as v,b as f,d as y,e as g,f as m}from"./chunks/chunk-CEDHJUUH.js";impor
       >
         <slot name="submenu" @slotchange=${this.handleSubmenuSlotChange}></slot>
       </ul>
-    `}};n.styles=S,o([s({reflect:!0})],n.prototype,"key",2),o([s()],n.prototype,"label",2),o([s()],n.prototype,"icon",2),o([s()],n.prototype,"description",2),o([s({type:Boolean,reflect:!0})],n.prototype,"disabled",2),o([s({type:Boolean,reflect:!0})],n.prototype,"active",2),o([l()],n.prototype,"hasSubmenu",2),o([l()],n.prototype,"openChildKey",2),o([h({slot:"submenu"})],n.prototype,"submenuItems",2),o([c(".submenu")],n.prototype,"submenuEl",2),n=o([d(x)],n);export{n as EunomiaDropdownItem,x as EunomiaDropdownItemTagName};
+    `}};n.styles=x,o([s({reflect:!0})],n.prototype,"key",2),o([s()],n.prototype,"label",2),o([s()],n.prototype,"icon",2),o([s()],n.prototype,"description",2),o([s({type:Boolean,reflect:!0})],n.prototype,"disabled",2),o([s({type:Boolean,reflect:!0})],n.prototype,"active",2),o([l()],n.prototype,"hasSubmenu",2),o([l()],n.prototype,"openChildKey",2),o([b({slot:"submenu"})],n.prototype,"submenuItems",2),o([h(".submenu")],n.prototype,"submenuEl",2),n=o([p(w)],n);export{n as EunomiaDropdownItem,w as EunomiaDropdownItemTagName};

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

@@ -1,8 +1,8 @@
-import{a as f,b as u,c as b}from"./chunks/chunk-OW7XKDCH.js";import{a as h}from"./chunks/chunk-32DTNR52.js";import{a as v}from"./chunks/chunk-SJWRE6PW.js";import{a as t}from"./chunks/chunk-5EVP7YNE.js";import{a as c}from"./chunks/chunk-5GKM5DIB.js";import{a,f as d,g as r,h as n,n as i,p as l,s as p}from"./chunks/chunk-XH6NREVZ.js";var m=r`
+import{a as p,b as f,c}from"./chunks/chunk-2Y2EU2CI.js";import{a as b}from"./chunks/chunk-RS7TWEMQ.js";import{a as h}from"./chunks/chunk-5GKM5DIB.js";import{a as t}from"./chunks/chunk-PPCHQG7P.js";import{a as v}from"./chunks/chunk-LMVW522V.js";import"./chunks/chunk-KSZRQRN4.js";import{a as o,f as d,h as r,j as n,p as i,r as l,u}from"./chunks/chunk-YITWLCD3.js";var m=r`
   :host {
     --_focusIndicator: var(--fab-focus-outline, var(--_solid));
     --_hoverFromCustom: color-mix(in srgb, var(--fab-background) 88%, black);
-    --_transition: var(--fab-transition, 0.3s);
+    --_transition: var(--fab-transition, var(--eun-duration-xl, 300ms));
     --_gap: var(--eun-space-xs, 4px);
     --_circleSize: 56px;
     --icon-size: 24px;
@@ -13,9 +13,9 @@ import{a as f,b as u,c as b}from"./chunks/chunk-OW7XKDCH.js";import{a as h}from"
     z-index: 0;
     border-radius: var(--eun-border-radius-xl);
     transition:
-      background 0.3s ease-out,
-      box-shadow 0.3s ease-out,
-      outline 0.3s ease-out;
+      outline var(--eun-duration-xl, 300ms) var(--eun-easing-out, ease-out),
+      outline-offset var(--eun-duration-xl, 300ms)
+        var(--eun-easing-out, ease-out);
   }
   :host(:focus-visible) {
     outline-offset: 2px;
@@ -77,9 +77,10 @@ import{a as f,b as u,c as b}from"./chunks/chunk-OW7XKDCH.js";import{a as h}from"
     outline: 2px solid transparent;
     box-shadow: var(--eun-shadow-m, 0 10px 15px -3px rgba(0, 0, 0, 0.1));
     transition:
-      background-color 0.15s ease,
-      box-shadow 0.15s ease,
-      outline 0.2s ease-out;
+      background-color var(--eun-duration-s, 150ms)
+        var(--eun-easing-default, ease),
+      box-shadow var(--eun-duration-s, 150ms) var(--eun-easing-default, ease),
+      outline var(--eun-duration-m, 200ms) var(--eun-easing-out, ease-out);
   }
   #fab slot[name="icon"] {
     display: inline-flex;
@@ -137,10 +138,10 @@ import{a as f,b as u,c as b}from"./chunks/chunk-OW7XKDCH.js";import{a as h}from"
     justify-content: start;
     outline: 2px solid transparent;
     transition:
-      background 0.3s ease-out,
-      box-shadow 0.3s ease-out,
-      outline 0.3s ease-out,
-      grid-template-columns ease var(--_transition);
+      background var(--eun-duration-xl, 300ms) var(--eun-easing-out, ease-out),
+      box-shadow var(--eun-duration-xl, 300ms) var(--eun-easing-out, ease-out),
+      outline var(--eun-duration-xl, 300ms) var(--eun-easing-out, ease-out),
+      grid-template-columns var(--eun-easing-default, ease) var(--_transition);
   }
   :host([slide]:not([loading])) #fab slot[name="icon"] {
     grid-column: 1;
@@ -154,8 +155,8 @@ import{a as f,b as u,c as b}from"./chunks/chunk-OW7XKDCH.js";import{a as h}from"
     margin-inline-start: 0;
     opacity: 0;
     transition:
-      margin-inline-start ease var(--_transition),
-      opacity ease var(--_transition);
+      margin-inline-start var(--eun-easing-default, ease) var(--_transition),
+      opacity var(--eun-easing-default, ease) var(--_transition);
   }
   :host([slide]:not([loading]):hover) #fab,
   :host([slide]:not([loading]):focus-visible) #fab,
@@ -197,7 +198,7 @@ import{a as f,b as u,c as b}from"./chunks/chunk-OW7XKDCH.js";import{a as h}from"
     top: var(--fab-offset, var(--eun-space-l, 32px));
     left: var(--fab-offset, var(--eun-space-l, 32px));
   }
-`,x=[u,m,g,y];var k="eun-fab",o=class extends f(b(h(v(p)))){constructor(){super(...arguments);this.loadingLabel="Loading\u2026"}updated(e){if(super.updated(e),e.has("label")&&(this.slide=!!this.label),e.has("href")||e.has("disabled")||e.has("loading")){let s=this.disabled||this.loading;this.href&&!s?this.removeAttribute("tabindex"):this.setAttribute("tabindex",s?"-1":"0")}}handleLinkClick(e){this.download||c(this,e,this.href,this.target)}get isBlank(){return!!this.href&&this.target==="_blank"}renderExternalLinkHint(){if(!this.isBlank||this.ariaLabel)return l;let e=this.dictionary.link.opensInNewTab;return i`<span class="sr-only"> (${e})</span>`}renderLabel(){return this.isBlank?i`<span id="label"
+`,x=[f,m,g,y];var k="eun-fab",a=class extends p(c(b(v(u)))){constructor(){super(...arguments);this.loadingLabel="Loading\u2026"}updated(e){if(super.updated(e),e.has("label")&&(this.slide=!!this.label),e.has("href")||e.has("disabled")||e.has("loading")){let s=this.disabled||this.loading;this.href&&!s?this.removeAttribute("tabindex"):this.setAttribute("tabindex",s?"-1":"0")}}handleLinkClick(e){this.download||h(this,e,this.href,this.target)}get isBlank(){return!!this.href&&this.target==="_blank"}renderExternalLinkHint(){if(!this.isBlank||this.ariaLabel)return l;let e=this.dictionary.link.opensInNewTab;return i`<span class="sr-only"> (${e})</span>`}renderLabel(){return this.isBlank?i`<span id="label"
       >${this.label}<span id="external-link-icon"
         ><eun-icon name="arrow_forward" shape="round" size="12"></eun-icon
         >${this.renderExternalLinkHint()}</span
@@ -233,4 +234,4 @@ import{a as f,b as u,c as b}from"./chunks/chunk-OW7XKDCH.js";import{a as h}from"
       <div id="fab" aria-busy=${t(this.loading?"true":void 0)}>
         ${e}
       </div>
-    `}};o.styles=x,a([n()],o.prototype,"icon",2),a([n()],o.prototype,"label",2),a([n({reflect:!0})],o.prototype,"position",2),a([n({attribute:"loading-label"})],o.prototype,"loadingLabel",2),o=a([d(k)],o);export{o as EunomiaFab,k as EunomiaFabTagName};
+    `}};a.styles=x,o([n()],a.prototype,"icon",2),o([n()],a.prototype,"label",2),o([n({reflect:!0})],a.prototype,"position",2),o([n({attribute:"loading-label"})],a.prototype,"loadingLabel",2),a=o([d(k)],a);export{a as EunomiaFab,k as EunomiaFabTagName};

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

@@ -1 +1 @@
-import{a,b,c}from"./chunks/chunk-JRGM3W7I.js";import"./chunks/chunk-MMLIPCOY.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-XH6NREVZ.js";export{c as EunomiaIcon,a as EunomiaIconTagName,b as setIconBaseUrl};
+import{a,b,c}from"./chunks/chunk-UDVB4LAE.js";import"./chunks/chunk-22D3SRFR.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-YITWLCD3.js";export{c as EunomiaIcon,a as EunomiaIconTagName,b as setIconBaseUrl};

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

@@ -1,4 +1,4 @@
-import{a as s,b as n}from"./chunks/chunk-SD2WHGPF.js";import"./chunks/chunk-SJWRE6PW.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-5GKM5DIB.js";import{a,f as t,g as d,n as e,s as i}from"./chunks/chunk-XH6NREVZ.js";var l=d`
+import{a as p,b as m}from"./chunks/chunk-XDPRWUKN.js";import{a as f}from"./chunks/chunk-3MTUVMM5.js";import{b as u}from"./chunks/chunk-5GKM5DIB.js";import"./chunks/chunk-PPCHQG7P.js";import{a as v}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-LMVW522V.js";import"./chunks/chunk-KSZRQRN4.js";import{a,b as n,c as s,f as d,h as l,k as c,p as t,u as h}from"./chunks/chunk-YITWLCD3.js";var b=l`
   :host {
     display: block;
     position: relative;
@@ -7,10 +7,13 @@ import{a as s,b as n}from"./chunks/chunk-SD2WHGPF.js";import"./chunks/chunk-SJWR
   }
 
   #card {
-    display: block;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    isolation: isolate;
     box-sizing: border-box;
     height: 100%;
-    overflow: hidden;
+    overflow: var(--card-overflow, hidden);
     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));
@@ -20,10 +23,14 @@ import{a as s,b as n}from"./chunks/chunk-SD2WHGPF.js";import"./chunks/chunk-SJWR
     text-decoration: none;
     transition: var(
       --card-transition,
-      transform var(--card-hover-duration, 0.3s) ease,
-      box-shadow var(--card-hover-duration, 0.3s) ease,
-      background-color var(--card-hover-duration, 0.3s) ease,
-      border-color var(--card-hover-duration, 0.3s) ease
+      transform var(--card-hover-duration, var(--eun-duration-xl, 300ms))
+        var(--eun-easing-default, ease),
+      box-shadow var(--card-hover-duration, var(--eun-duration-xl, 300ms))
+        var(--eun-easing-default, ease),
+      background-color var(--card-hover-duration, var(--eun-duration-xl, 300ms))
+        var(--eun-easing-default, ease),
+      border-color var(--card-hover-duration, var(--eun-duration-xl, 300ms))
+        var(--eun-easing-default, ease)
     );
   }
 
@@ -40,6 +47,7 @@ import{a as s,b as n}from"./chunks/chunk-SD2WHGPF.js";import"./chunks/chunk-SJWR
   #card:hover,
   #card:focus-visible {
     border-color: var(--card-hover-border-color, var(--_hoverBorderDefault));
+    box-shadow: var(--card-hover-shadow, var(--card-shadow, none));
     background: var(
       --card-hover-background,
       var(--card-background, var(--eun-surface-color, #ffffff))
@@ -47,28 +55,63 @@ import{a as s,b as n}from"./chunks/chunk-SD2WHGPF.js";import"./chunks/chunk-SJWR
   }
 
   :host([href]) #card:hover,
-  :host([href]) #card:focus-visible {
+  :host([href]) #card:focus-visible,
+  #card.slotted-link:hover,
+  #card.focus-visible {
     transform: var(--card-hover-transform, translateY(-4px));
   }
 
-  a#card:focus-visible {
+  #card.slotted-link {
+    --_hoverBorderDefault: var(--eun-color-primary-500, #3d6fff);
+    cursor: pointer;
+  }
+  #card.focus-visible {
+    border-color: var(--card-hover-border-color, var(--_hoverBorderDefault));
+    box-shadow: var(--card-hover-shadow, var(--card-shadow, none));
+  }
+
+  a#card:focus-visible,
+  #card.focus-visible {
     outline: 2px solid
       var(--card-focus-outline-color, var(--eun-color-primary-500, #3d6fff));
     outline-offset: 2px;
   }
 
+  ::slotted(a[slot="title"]) {
+    color: inherit;
+    text-decoration: none;
+    outline: none !important;
+  }
+  ::slotted(a[slot="title"])::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    z-index: 1;
+  }
+
   ::slotted([slot="image"]) {
     display: block;
+    flex: none;
     width: 100%;
     height: var(--image-card-image-height, 180px);
+    aspect-ratio: var(--image-card-image-aspect-ratio, auto);
     object-fit: cover;
   }
 
   #footer {
+    flex: 1;
     display: flex;
     flex-direction: column;
     gap: var(--card-gap, var(--eun-space-s, 8px));
-    padding: var(--card-padding, var(--eun-space-m, 16px));
+    padding: var(
+      --card-padding,
+      var(--card-padding-block, var(--eun-space-m, 16px))
+        var(--card-padding-inline, var(--eun-space-m, 16px))
+    );
+  }
+
+  #footer[hidden] {
+    display: none;
   }
 
   ::slotted(h1),
@@ -80,18 +123,26 @@ import{a as s,b as n}from"./chunks/chunk-SD2WHGPF.js";import"./chunks/chunk-SJWR
   ::slotted(p) {
     margin: 0;
     padding: 0;
+    font-size: inherit;
+    font-weight: inherit;
   }
 
-  ::slotted([slot="title"]) {
-    font-weight: var(--eun-font-weight-l, 700);
+  slot[name="title"] {
+    font-weight: var(--image-card-title-weight, var(--eun-font-weight-l, 700));
     font-size: var(--image-card-title-size, var(--eun-font-size-m, 16px));
-    color: var(--eun-text-color, #071621);
+    color: var(--image-card-title-color, var(--eun-text-color, #071621));
   }
 
-  ::slotted([slot="description"]) {
-    font-weight: var(--eun-font-weight-s, 300);
+  slot[name="description"] {
+    font-weight: var(
+      --image-card-description-weight,
+      var(--eun-font-weight-s, 300)
+    );
     font-size: var(--image-card-description-size, var(--eun-font-size-s, 14px));
-    color: var(--eun-text-secondary, #484e61);
+    color: var(
+      --image-card-description-color,
+      var(--eun-text-secondary, #484e61)
+    );
   }
 
   @media (prefers-reduced-motion: reduce) {
@@ -99,11 +150,17 @@ import{a as s,b as n}from"./chunks/chunk-SD2WHGPF.js";import"./chunks/chunk-SJWR
       transition: none;
     }
   }
-`,c=l;var f="eun-image-card",r=class extends s(i){render(){let o=e`
+`,g=b;var x="eun-image-card",o,r=class extends p(h){constructor(){super(...arguments);this.anchorFocusVisible=!1;s(this,o,new f(this,()=>this.slottedAnchor,()=>this.dictionary.link.opensInNewTab));this.handleFocusChange=()=>{let e=this.slottedAnchor;this.anchorFocusVisible=!!e&&e===document.activeElement&&e.matches(":focus-visible")};this.handleSlotChange=()=>{this.requestUpdate()}}get slottedAnchor(){return this.href?null:this.querySelector(':scope > a[slot="title"]')}get hasFooterContent(){return!!this.querySelector(':scope > [slot="title"], :scope > [slot="description"]')}connectedCallback(){super.connectedCallback(),this.addEventListener("focusin",this.handleFocusChange),this.addEventListener("focusout",this.handleFocusChange)}disconnectedCallback(){this.removeEventListener("focusin",this.handleFocusChange),this.removeEventListener("focusout",this.handleFocusChange),super.disconnectedCallback()}updated(e){super.updated(e),this.slottedAnchor&&u(this)}render(){let e=t`
       <slot name="image"></slot>
-      <div id="footer">
-        <slot name="title"></slot>
-        <slot name="description"></slot>
+      <div id="footer" part="footer" ?hidden=${!this.hasFooterContent}>
+        <slot name="title" @slotchange=${this.handleSlotChange}></slot>
+        <slot name="description" @slotchange=${this.handleSlotChange}></slot>
       </div>
-      ${this.renderExternalLinkBadge()}
-    `;return this.href?this.renderCardLink("card",o):e`<div id="card" part="card">${o}</div>`}};r.styles=[c,n],r=a([t(f)],r);export{r as EunomiaImageCard,f as EunomiaImageCardTagName};
+      ${this.renderExternalLinkBadge(n(this,o).isBlank)}
+    `;if(this.href)return this.renderCardLink("card",e);let i=!!this.slottedAnchor;return t`<div
+      id="card"
+      part="card"
+      class=${v({"slotted-link":i,"focus-visible":i&&this.anchorFocusVisible})}
+    >
+      ${e}
+    </div>`}};o=new WeakMap,r.styles=[g,m],a([c()],r.prototype,"anchorFocusVisible",2),r=a([d(x)],r);export{r as EunomiaImageCard,x as EunomiaImageCardTagName};