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

package/dist/cdn/components/eun-description-list.js

@@ -0,0 +1,152 @@
+import{a as r}from"./chunks/chunk-VG6NAAIV.js";import{b as d}from"./chunks/chunk-PD62MBOJ.js";import"./chunks/chunk-BKZGTCMF.js";import{a as i,f as l,h as n,i as o,j as t}from"./chunks/chunk-YITWLCD3.js";var a=n`
+  eun-description-list {
+    --_dl-row-gap: var(--description-list-row-gap, var(--eun-space-m, 1rem));
+    --_dl-column-gap: var(
+      --description-list-column-gap,
+      var(--eun-space-l, 2rem)
+    );
+    --_dl-label-gap: var(
+      --description-list-label-gap,
+      var(--eun-space-xs, 0.25rem)
+    );
+    --_dl-label-width: var(--description-list-label-width, fit-content(40%));
+    --_dl-divider: var(--eun-border-width-s, 1px) solid
+      var(--description-list-divider-color, var(--eun-border-color, #dee0e7));
+    --_dl-columns: 1;
+    display: block;
+  }
+
+  eun-description-list > dl {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr);
+    align-items: baseline;
+    margin: 0;
+    font-family: var(--eun-font-family, "Mulish", sans-serif);
+    font-size: var(--description-list-font-size, var(--eun-font-size-s, 13px));
+    color: var(--description-list-value-color, var(--eun-text-color, #071621));
+  }
+
+  eun-description-list > dl > div {
+    display: grid;
+    grid-column: 1 / -1;
+    grid-template-columns: subgrid;
+    align-items: baseline;
+  }
+
+  eun-description-list > dl > dt,
+  eun-description-list > dl > div > dt {
+    grid-column: 1;
+    margin: 0;
+    font-weight: var(--description-list-label-font-weight, inherit);
+    color: var(
+      --description-list-label-color,
+      var(--eun-text-secondary, #484e61)
+    );
+  }
+
+  eun-description-list > dl > dd,
+  eun-description-list > dl > div > dd {
+    grid-column: 1;
+    min-width: 0;
+    margin: var(--_dl-label-gap) 0 0;
+    overflow-wrap: anywhere;
+  }
+
+  eun-description-list > dl > dd + dt,
+  eun-description-list > dl > div + div {
+    margin-top: var(--_dl-row-gap);
+  }
+
+  eun-description-list[divided] > dl > dd + dt,
+  eun-description-list[divided] > dl > div + div {
+    padding-top: var(--_dl-row-gap);
+    border-top: var(--_dl-divider);
+  }
+
+  @media ${d("mobile")} {
+    eun-description-list:not([layout="stacked"]) > dl {
+      grid-template-columns: var(--_dl-label-width) minmax(0, 1fr);
+    }
+
+    eun-description-list:not([layout="stacked"]) > dl > dd,
+    eun-description-list:not([layout="stacked"]) > dl > div > dd {
+      grid-column: 2;
+      margin-top: 0;
+      padding-inline-start: var(--_dl-column-gap);
+    }
+
+    eun-description-list:not([layout="stacked"]) > dl > dd + dd,
+    eun-description-list:not([layout="stacked"]) > dl > div > dd + dd {
+      margin-top: var(--_dl-label-gap);
+    }
+
+    eun-description-list:not([layout="stacked"]) > dl > dd + dt + dd {
+      margin-top: var(--_dl-row-gap);
+    }
+
+    eun-description-list[divided]:not([layout="stacked"]) > dl > dd + dt + dd {
+      padding-top: var(--_dl-row-gap);
+      border-top: var(--_dl-divider);
+    }
+  }
+
+  eun-description-list[align="center"] > dl {
+    text-align: center;
+  }
+
+  eun-description-list[align="end"] > dl {
+    text-align: end;
+  }
+
+  eun-description-list[columns="2"] {
+    --_dl-columns: 2;
+  }
+
+  eun-description-list[columns="3"] {
+    --_dl-columns: 3;
+  }
+
+  eun-description-list[columns="4"] {
+    --_dl-columns: 4;
+  }
+
+  @media ${d("mobile")} {
+    eun-description-list[align="space-between"]:not([layout="stacked"])
+      > dl
+      > dd,
+    eun-description-list[align="space-between"]:not([layout="stacked"])
+      > dl
+      > div
+      > dd {
+      text-align: end;
+    }
+
+    eun-description-list:is([columns="2"], [columns="3"], [columns="4"]) > dl {
+      grid-template-columns: repeat(var(--_dl-columns), minmax(0, 1fr));
+      column-gap: var(--_dl-column-gap);
+    }
+
+    eun-description-list:is([columns="2"], [columns="3"], [columns="4"])
+      > dl
+      > div {
+      grid-column: auto;
+      grid-template-columns: minmax(0, 1fr);
+    }
+
+    eun-description-list:is([columns="2"], [columns="3"], [columns="4"]):not(
+        [layout="stacked"]
+      )
+      > dl
+      > div {
+      grid-template-columns: var(--_dl-label-width) minmax(0, 1fr);
+    }
+
+    eun-description-list[columns="2"] > dl > div:nth-child(-n + 2),
+    eun-description-list[columns="3"] > dl > div:nth-child(-n + 3),
+    eun-description-list[columns="4"] > dl > div:nth-child(-n + 4) {
+      margin-top: 0;
+      padding-top: 0;
+      border-top: none;
+    }
+  }
+`,s=a;var c="eun-description-list",e=class extends o{constructor(){super(...arguments);this.layout="inline";this.align="start";this.columns=1;this.divided=!1}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),r(this,s)}};i([t({reflect:!0,useDefault:!0})],e.prototype,"layout",2),i([t({reflect:!0,useDefault:!0})],e.prototype,"align",2),i([t({type:Number,reflect:!0,useDefault:!0})],e.prototype,"columns",2),i([t({type:Boolean,reflect:!0})],e.prototype,"divided",2),e=i([l(c)],e);export{e as EunomiaDescriptionList,c as EunomiaDescriptionListTagName};

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

@@ -1,11 +1,11 @@
-import{a as e,f as i,g as o,h as a,n as l,s as n}from"./chunks/chunk-XH6NREVZ.js";var c=o`
+import{a as e,f as i,h as o,j as a,p as n,u as l}from"./chunks/chunk-YITWLCD3.js";var c=o`
   :host {
     --_color: var(--divider-color, var(--eun-border-color, #dee0e7));
     --_spacing: var(--divider-spacing, var(--eun-space-m, 16px));
     display: block;
   }
 
-  :host([orientation="horizontal"]) {
+  :host(:is([orientation="horizontal"], :not([orientation]))) {
     width: 100%;
     height: 0;
     margin-block: var(--_spacing);
@@ -20,4 +20,4 @@ import{a as e,f as i,g as o,h as a,n as l,s as n}from"./chunks/chunk-XH6NREVZ.js
     margin-inline: var(--_spacing);
     border-inline-start: 1px solid var(--_color);
   }
-`,s=c;var p="eun-divider",t=class extends n{constructor(){super(...arguments);this.orientation="horizontal"}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","separator"),super.connectedCallback?.()}updated(r){super.updated(r),r.has("orientation")&&this.setAttribute("aria-orientation",this.orientation)}render(){return l``}};t.styles=s,e([a({reflect:!0})],t.prototype,"orientation",2),t=e([i(p)],t);export{t as EunomiaDivider,p as EunomiaDividerTagName};
+`,s=c;var p="eun-divider",t=class extends l{constructor(){super(...arguments);this.orientation="horizontal"}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","separator"),super.connectedCallback?.()}updated(r){super.updated(r),r.has("orientation")&&this.setAttribute("aria-orientation",this.orientation)}render(){return n``}};t.styles=s,e([a({reflect:!0,useDefault:!0})],t.prototype,"orientation",2),t=e([i(p)],t);export{t as EunomiaDivider,p as EunomiaDividerTagName};

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 f,b as h,c as v}from"./chunks/chunk-6VK6SHCG.js";import{a as m}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 u}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.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 y=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 {
@@ -43,7 +57,7 @@ import{a as f,b as u,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
   #surface[closing]::backdrop {
     background-color: rgba(7, 22, 33, 0);
   }
-  :host([position="end"]) #surface {
+  :host(:is([position="end"], :not([position]))) #surface {
     justify-content: flex-end;
   }
   :host([position="start"]) #surface {
@@ -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`
+`,g=y;var C="eun-drawer",t=class extends m(u(p)){constructor(){super(...arguments);this.position="end";this.closeable=!0;this.open=!1;this.closeOnBackdrop=!0;this.dirty=!1;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 b=e;if(this.syncingFromPopover=!0,this.open=b.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=>{v(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 h;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`
       <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
@@ -138,12 +152,12 @@ import{a as f,b as u,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
                 appearance="ghost"
                 rounded
                 size="xs"
-                aria-label=${this.ariaLabelClose}
+                aria-label=${this.closeLabel??this.dictionary.common.close}
                 @click=${()=>this.requestClose()}
               >
                 <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=g,o([a({reflect:!0,useDefault:!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:"close-label"})],t.prototype,"closeLabel",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(C)],t);export{t as EunomiaDrawer,C 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-PXF554MD.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 f,b as c,c as b}from"./chunks/chunk-Z3OFIE7S.js";import{a as h}from"./chunks/chunk-3BMACIDO.js";import{a as v}from"./chunks/chunk-5GKM5DIB.js";import{a as t}from"./chunks/chunk-PPCHQG7P.js";import{a as p}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.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=[c,m,g,y];var k="eun-fab",a=class extends f(b(h(p(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||v(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-I4ERDXSM.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};