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

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

@@ -1,15 +1,15 @@
-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`
+import{a as v,b as m,c as g,d as y,e as C}from"./chunks/chunk-JAGZL7JH.js";import{a as b}from"./chunks/chunk-TCSB2MLU.js";import"./chunks/chunk-RGC3I6MK.js";import{a as h}from"./chunks/chunk-5LXGJVJR.js";import{a as s}from"./chunks/chunk-PPCHQG7P.js";import{a as l}from"./chunks/chunk-6TIEBY34.js";import{a as f}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as o,f as d,h as c,j as i,k as p,l as n,p as a,r,u}from"./chunks/chunk-YITWLCD3.js";var E=c`
   :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));
     --_paddingBlock: var(
       --drawer-padding,
-      var(--drawer-padding-block, var(--eun-space-m, 16px))
+      var(--drawer-padding-block, var(--eun-space-l, 32px))
     );
     --_paddingInline: var(
       --drawer-padding,
-      var(--drawer-padding-inline, var(--eun-space-m, 16px))
+      var(--drawer-padding-inline, var(--eun-space-l, 32px))
     );
     --_gap: var(--drawer-gap, var(--eun-space-m, 16px));
     --_transitionDuration: var(
@@ -57,7 +57,7 @@ import{a as u,b as f,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 {
@@ -102,7 +102,8 @@ import{a as u,b as f,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(--_paddingBlock) var(--_paddingInline) 0;
+    padding: var(--_paddingBlock) var(--_paddingInline)
+      var(--drawer-header-padding-bottom, var(--_gap));
   }
   #heading {
     margin: 0;
@@ -117,7 +118,7 @@ import{a as u,b as f,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(--_paddingInline);
+    padding: var(--eun-space-xs, 4px) var(--_paddingInline);
     font-size: var(--eun-font-size-s, 14px);
   }
   #footer {
@@ -129,8 +130,6 @@ import{a as u,b as f,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
   }
 
   #confirm-close-modal {
-    --modal-padding: var(--eun-space-l, 32px) var(--eun-space-m, 16px)
-      var(--eun-space-m, 16px) var(--eun-space-l, 32px);
     --modal-gap: var(--eun-space-m, 16px);
     --modal-backdrop-blur: 6px;
   }
@@ -141,25 +140,25 @@ import{a as u,b as f,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 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`
+`,x=E;var _="eun-drawer",t=class extends b(f(u)){constructor(){super(...arguments);this.position="end";this.closeable=!0;this.open=!1;this.closeOnBackdrop=!0;this.dirty=!1;this.initialFocus="auto";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 k=e;if(this.syncingFromPopover=!0,this.open=k.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=>{g(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?.(),y(),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 m;this.dispatchEvent(e),e.defaultPrevented||this.confirmCloseModalEl?.show();return}this.attemptClose()}attemptClose(){let e=new v;this.dispatchEvent(e),e.defaultPrevented||this.hide()}confirmDiscard(){this.dirty=!1,this.attemptClose()}focusFirstField(){if(this.initialFocus!=="first-field"||!C())return!1;let[e]=this.bodyEl?h(this.bodyEl):[];return e?.focus(),e!==void 0}focusInitialElement(){let e=this.querySelector("[autofocus]");if(e){e.focus();return}this.focusFirstField()||(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 a`
       <div id="header">
         <slot name="header">
-          ${this.heading?i`<h2 id="heading">${this.heading}</h2>`:n}
+          ${this.heading?a`<h2 id="heading">${this.heading}</h2>`:r}
         </slot>
-        ${this.closeable?i`
+        ${this.closeable?a`
               <eun-button
                 id="close-button"
                 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>
-            `:n}
+            `:r}
       </div>
-    `}renderConfirmCloseModal(){return i`
+    `}renderConfirmCloseModal(){return a`
       <eun-modal
         id="confirm-close-modal"
         kind="alert"
@@ -170,20 +169,20 @@ import{a as u,b as f,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>`:n}
+        ${this.confirmCloseDescription?a`<p>${this.confirmCloseDescription}</p>`:r}
         <slot name="confirm-close"></slot>
       </eun-modal>
-    `}renderPanelContent(){return i`
-      ${this.hasHeaderContent()?this.renderHeader():n}
+    `}renderPanelContent(){return a`
+      ${this.hasHeaderContent()?this.renderHeader():r}
       <div id="body">
         <slot></slot>
       </div>
-      ${this.hasFooterContent()?i`
+      ${this.hasFooterContent()?a`
             <div id="footer">
               <slot name="footer"></slot>
             </div>
-          `:n}
-    `}render(){return i`
+          `:r}
+    `}render(){return a`
       <div id="surface" popover="manual" @toggle=${this.handleToggle}>
         <div
           id="panel"
@@ -196,5 +195,5 @@ import{a as u,b as f,c as h}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
           ${this.renderPanelContent()}
         </div>
       </div>
-      ${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};
+      ${this.mountConfirmModal?this.renderConfirmCloseModal():r}
+    `}};t.styles=x,o([i({reflect:!0,useDefault:!0})],t.prototype,"position",2),o([i()],t.prototype,"heading",2),o([i({converter:l})],t.prototype,"closeable",2),o([i({type:Boolean,reflect:!0})],t.prototype,"open",2),o([i({converter:l,attribute:"close-on-backdrop"})],t.prototype,"closeOnBackdrop",2),o([i({type:Boolean,reflect:!0})],t.prototype,"dirty",2),o([i({attribute:"initial-focus",reflect:!0,useDefault:!0})],t.prototype,"initialFocus",2),o([n("#body")],t.prototype,"bodyEl",2),o([i({attribute:"close-label"})],t.prototype,"closeLabel",2),o([i({attribute:"confirm-close-heading"})],t.prototype,"confirmCloseHeading",2),o([i({attribute:"confirm-close-description"})],t.prototype,"confirmCloseDescription",2),o([i({attribute:"confirm-close-cancel-label"})],t.prototype,"confirmCloseCancelLabel",2),o([i({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([p()],t.prototype,"mountConfirmModal",2),t=o([d(_)],t);export{t as EunomiaDrawer,_ as EunomiaDrawerTagName};

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

@@ -1 +1 @@
-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};
+import{a,b}from"./chunks/chunk-QYB6Z6FG.js";import"./chunks/chunk-5LA5DQMP.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 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`
+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 i,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;
@@ -123,7 +123,7 @@ import{a as f,b as y,d as g,e as S,f as m}from"./chunks/chunk-EUWUDCBZ.js";impor
     opacity: 1;
     transform: translate(0, 0) scale(1);
   }
-`,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`
+`,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.value),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.value),this.closeOtherSubmenus(null)};this.handleClick=()=>{this.disabled||(this.hasSubmenu?this.toggleOwnSubmenu():this.container?.selectByKey(this.value))};this.handleKeydown=e=>{let t=this.container;if(!t)return;let o=t.tagName===w.toUpperCase()?t:void 0;S(e,t.menuEntries,{onSelect:()=>t.selectByKey(this.value),onOpenSubmenu:()=>this.openSubmenu(),onClose:o?()=>{o.closeSubmenu(),this.updateComplete.then(()=>o.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 key(){return this.value}set key(e){this.value=e}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 o=!e.matches(":popover-open");!o&&!t||(clearTimeout(this.openSubmenuTimer),clearTimeout(this.closeSubmenuTimer),this.container?.closeOtherSubmenus(this.value),o&&e.showPopover(),this.playSubmenuOpenAnimation(e))}playSubmenuOpenAnimation(e){e.style.removeProperty("pointer-events");let t=m(e);if(t===0)return;let o=e.style.getPropertyValue("--_submenuOffsetX")||"-4px";this.submenuAnimation=e.animate([{opacity:0,transform:`translate(${o}, 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),o=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(${o}, 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.value===this.openChildKey)?.repositionSubmenu()}get menuEntries(){return this.submenuItems??[]}closeOtherSubmenus(e){!this.openChildKey||this.openChildKey===e||(this.submenuItems.find(t=>t.value===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:o}=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",`${o}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
@@ -152,4 +152,4 @@ import{a as f,b as y,d as g,e as S,f as m}from"./chunks/chunk-EUWUDCBZ.js";impor
       >
         <slot name="submenu" @slotchange=${this.handleSubmenuSlotChange}></slot>
       </ul>
-    `}};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};
+    `}};n.styles=x,i([s({reflect:!0})],n.prototype,"value",2),i([s({attribute:"key"})],n.prototype,"key",1),i([s()],n.prototype,"label",2),i([s()],n.prototype,"icon",2),i([s()],n.prototype,"description",2),i([s({type:Boolean,reflect:!0})],n.prototype,"disabled",2),i([s({type:Boolean,reflect:!0})],n.prototype,"active",2),i([l()],n.prototype,"hasSubmenu",2),i([l()],n.prototype,"openChildKey",2),i([b({slot:"submenu"})],n.prototype,"submenuItems",2),i([h(".submenu")],n.prototype,"submenuEl",2),n=i([p(w)],n);export{n as EunomiaDropdownItem,w as EunomiaDropdownItemTagName};

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

@@ -1,4 +1,4 @@
-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`
+import{a as f,b as c,c as b}from"./chunks/chunk-3UUZM7X2.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);
@@ -198,7 +198,7 @@ import{a as p,b as f,c}from"./chunks/chunk-2Y2EU2CI.js";import{a as b}from"./chu
     top: var(--fab-offset, var(--eun-space-l, 32px));
     left: var(--fab-offset, var(--eun-space-l, 32px));
   }
-`,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"
+`,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

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

@@ -1 +1 @@
-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};
+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};

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

@@ -1,4 +1,4 @@
-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`
+import{a as p,b as m}from"./chunks/chunk-MQQJ6DID.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-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.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;

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

@@ -1,4 +1,4 @@
-import{a as E}from"./chunks/chunk-E5LQKBFI.js";import{a as L}from"./chunks/chunk-624VJYNA.js";import{a as k}from"./chunks/chunk-PD62MBOJ.js";import"./chunks/chunk-BKZGTCMF.js";import{a as D}from"./chunks/chunk-SD2H5UDZ.js";import{a as p}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as I}from"./chunks/chunk-LMVW522V.js";import"./chunks/chunk-KSZRQRN4.js";import{a as n,f as w,h as T,j as s,k as g,l as c,p as o,r as l,u as $}from"./chunks/chunk-YITWLCD3.js";var v=class S extends Event{static{this.eventName="eunimagechange"}constructor(m){super(S.eventName,{bubbles:!0,composed:!1}),this.index=m.index,this.count=m.count}};var M=T`
+import{a as P}from"./chunks/chunk-E5LQKBFI.js";import{a as E}from"./chunks/chunk-624VJYNA.js";import{a as D}from"./chunks/chunk-PD62MBOJ.js";import"./chunks/chunk-BKZGTCMF.js";import{a as L}from"./chunks/chunk-SD2H5UDZ.js";import{a as h}from"./chunks/chunk-6TIEBY34.js";import{a as p}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as I}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as n,f as T,h as $,j as s,k as v,l as c,p as o,r as l,u as k}from"./chunks/chunk-YITWLCD3.js";var m=class M extends Event{static{this.eventName="eunimagechange"}constructor(b){super(M.eventName,{bubbles:!0,composed:!1}),this.index=b.index,this.count=b.count}};var z=$`
   :host {
     display: block;
     --_magnifierZoom: 2.5;
@@ -467,7 +467,7 @@ import{a as E}from"./chunks/chunk-E5LQKBFI.js";import{a as L}from"./chunks/chunk
     outline-offset: 2px;
   }
 
-  @media ${k("mobile")} {
+  @media ${D("mobile")} {
     #lightbox {
       flex-direction: column;
     }
@@ -499,7 +499,7 @@ import{a as E}from"./chunks/chunk-E5LQKBFI.js";import{a as L}from"./chunks/chunk
       animation: none !important;
     }
   }
-`,P=M;var z="eun-image-carousel",r=class extends I($){constructor(){super(...arguments);this.images=[];this.activeIndex=0;this.magnifier=!1;this.magnifierZoom=2.5;this.showThumbnails=!0;this.showDots=!0;this.lightbox=!0;this.lightboxGrid=!0;this.loop=!1;this.transition="slide";this.autoplay=!1;this.autoplayInterval=4e3;this.announcement="";this.transitionDirection=1;this.dragActive=!1;this.dragDirection=1;this.dragHasTarget=!1;this.suppressNextClick=!1;this.manuallyPaused=!1;this.scheduleAnnounce=D(()=>{this.announcement=this.buildAnnouncement()},150);this.handleTransientPause=()=>{this.stopAutoplay()};this.handleTransientResume=()=>{this.startAutoplay()};this.handleStageDragMove=e=>{this.dragActive||this.beginImageDrag(e),this.updateImageDragPosition(e)};this.handleStageDragEnd=(e,t)=>{this.dragActive&&(this.suppressNextClick=!0,this.settleImageDrag(t&&this.dragHasTarget))};this.handleStageDragCancel=()=>{this.dragActive&&(this.suppressNextClick=!0,this.settleImageDrag(!1))};this.handleLeaveAnimationEnd=()=>{this.previousImage=void 0};this.handleKeydown=e=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.previous();break;case"ArrowRight":e.preventDefault(),this.next();break;case"Home":e.preventDefault(),this.goToIndex(0,-1);break;case"End":e.preventDefault(),this.goToIndex(this.images.length-1,1);break;default:break}};this.handlePointerEnter=e=>{!this.magnifier||e.pointerType==="touch"||this.mainImageEl?.classList.add("zoomed")};this.handlePointerMove=e=>{if(!this.magnifier||e.pointerType==="touch")return;let{clientX:t,clientY:i}=e;this.pointerRaf===void 0&&(this.pointerRaf=requestAnimationFrame(()=>{this.pointerRaf=void 0,this.updateMagnifierOrigin(t,i)}))};this.handlePointerLeave=()=>{this.mainImageEl?.classList.remove("zoomed")};this.handleSwipeStart=e=>{e.pointerType==="touch"&&(this.swipeStart={x:e.clientX,y:e.clientY})};this.handleSwipeEnd=e=>{let t=this.swipeStart;if(this.swipeStart=void 0,e.pointerType!=="touch"||!t)return;let i=e.clientX-t.x,a=e.clientY-t.y;Math.abs(i)<r.SWIPE_THRESHOLD||Math.abs(i)<Math.abs(a)||(this.suppressNextClick=!0,i<0?this.next():this.previous())};this.handleSwipeCancel=()=>{this.swipeStart=void 0};this.handleExpandClick=()=>{if(this.suppressNextClick){this.suppressNextClick=!1;return}this.openLightbox()}}connectedCallback(){super.connectedCallback?.(),this.addEventListener("mouseenter",this.handleTransientPause),this.addEventListener("mouseleave",this.handleTransientResume),this.addEventListener("focusin",this.handleTransientPause),this.addEventListener("focusout",this.handleTransientResume)}willUpdate(e){if(super.willUpdate(e),e.has("images")){let t=Math.max(0,this.images.length-1);this.activeIndex>t&&(this.activeIndex=t)}if(e.has("activeIndex")||e.has("loop")||e.has("images")){let t=this.shadowRoot?.activeElement;this.focusedNavButton=t instanceof HTMLButtonElement&&this.isNavButton(t)?t:void 0}}updated(e){super.updated(e),e.has("magnifierZoom")&&this.style.setProperty("--_magnifierZoom",String(this.magnifierZoom)),(e.has("autoplay")||e.has("images"))&&(this.autoplay?this.startAutoplay():this.stopAutoplay()),this.focusedNavButton&&(this.restoreNavFocusIfDisabled(this.focusedNavButton),this.focusedNavButton=void 0),!this.swipeGesture&&this.stageEl&&(this.swipeGesture=E(this.stageEl,{threshold:r.SWIPE_THRESHOLD,onDragMove:this.handleStageDragMove,onDragEnd:this.handleStageDragEnd,onDragCancel:this.handleStageDragCancel}))}isNavButton(e){return e.classList.contains("stage-nav")||e.classList.contains("lightbox-nav")}restoreNavFocusIfDisabled(e){if(!e.isConnected||!e.disabled)return;let t=e.classList.contains("stage-nav")?".stage-nav":".lightbox-nav";Array.from(this.shadowRoot?.querySelectorAll(t)??[]).find(a=>a!==e&&!a.disabled)?.focus()}disconnectedCallback(){this.stopAutoplay(),this.removeEventListener("mouseenter",this.handleTransientPause),this.removeEventListener("mouseleave",this.handleTransientResume),this.removeEventListener("focusin",this.handleTransientPause),this.removeEventListener("focusout",this.handleTransientResume),this.pointerRaf!==void 0&&cancelAnimationFrame(this.pointerRaf),this.swipeGesture?.destroy(),this.dragPreviewEl?.remove(),super.disconnectedCallback?.()}startAutoplay(){this.autoplayTimer||!this.autoplay||this.manuallyPaused||this.images.length<=1||(this.autoplayTimer=setInterval(()=>this.next(),this.autoplayInterval))}stopAutoplay(){clearInterval(this.autoplayTimer),this.autoplayTimer=void 0}pauseAutoplay(){this.manuallyPaused=!0,this.stopAutoplay()}resumeAutoplay(){this.manuallyPaused=!1,this.startAutoplay()}previous(){this.goToIndex(this.activeIndex-1,-1)}next(){this.goToIndex(this.activeIndex+1,1)}goTo(e){this.goToIndex(e)}openLightbox(e){this.images.length&&(typeof e=="number"&&this.goToIndex(e),this.handleTransientPause(),this.modalEl?.show())}closeLightbox(){this.modalEl?.hide(),this.handleTransientResume()}goToIndex(e,t,i){let a=this.images.length;if(a===0)return;let d=a-1,u=this.loop?(e%a+a)%a:Math.max(0,Math.min(e,d));if(u===this.activeIndex)return;let h=this.images[this.activeIndex];this.transitionDirection=t??(u>this.activeIndex?1:-1),this.activeIndex=u,i?.skipTransition||this.beginTransition(h),this.resetMagnifier(),this.scheduleAnnounce(),this.dispatchEvent(new v({index:u,count:a}))}beginImageDrag(e){this.dragActive=!0,this.dragDirection=e<0?1:-1;let t=this.images.length,i=this.activeIndex+this.dragDirection;if(this.dragHasTarget=this.loop?t>1:i>=0&&i<t,this.dragTargetIndex=this.dragHasTarget?(i%t+t)%t:void 0,this.mainImageEl&&(this.mainImageEl.style.transition="none"),this.dragTargetIndex===void 0||!this.stageImagesEl)return;let a=document.createElement("img");a.className="img-layer",a.src=this.images[this.dragTargetIndex].src,a.alt="",a.setAttribute("aria-hidden","true"),this.stageImagesEl.appendChild(a),this.dragPreviewEl=a}updateImageDragPosition(e){let t=this.mainImageEl;if(t){if(!this.dragHasTarget){t.style.transform=`translateX(${e*r.EDGE_RESISTANCE}px)`;return}t.style.transform=`translateX(${e}px)`,this.dragPreviewEl&&(this.dragPreviewEl.style.transform=`translateX(calc(${this.dragDirection*100}% + ${e}px))`)}}settleImageDrag(e){let t=this.mainImageEl,i=this.dragPreviewEl,a=this.dragDirection,d=e?`${-a*100}%`:"0px",u=e?"0px":`${a*100}%`,h=L(getComputedStyle(this).getPropertyValue("--_swipe-duration"))??260,b=h<=0,f=b?"none":"transform var(--_swipe-duration) var(--eun-easing-out, ease-out)";if(t&&(t.style.transition=f,t.style.transform=`translateX(${d})`),i&&(i.style.transition=f,i.style.transform=`translateX(${u})`),b){this.finalizeImageDrag(e);return}let x=!1,y=()=>{x||(x=!0,this.finalizeImageDrag(e))};t?.addEventListener("transitionend",y,{once:!0}),window.setTimeout(y,h||260)}finalizeImageDrag(e){let t=this.mainImageEl,i=this.dragPreviewEl,a=this.dragTargetIndex,d=this.dragDirection;this.dragActive=!1,this.dragTargetIndex=void 0,this.dragHasTarget=!1,this.dragPreviewEl=void 0;let u=()=>{t&&(t.style.transition="none",t.style.removeProperty("transform")),i?.remove(),requestAnimationFrame(()=>{requestAnimationFrame(()=>{t?.style.removeProperty("transition")})})};e&&a!==void 0?(this.goToIndex(a,d,{skipTransition:!0}),this.updateComplete.then(u)):u()}resetMagnifier(){this.mainImageEl?.classList.remove("zoomed")}beginTransition(e){if(this.transition==="none"||this.prefersReducedMotion()){this.previousImage=void 0;return}this.previousImage=e}prefersReducedMotion(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}buildAnnouncement(){if(!this.images.length)return"";let e=this.images[this.activeIndex],t=`Image ${this.activeIndex+1} of ${this.images.length}`;return e?.alt?`${t}: ${e.alt}`:t}updateMagnifierOrigin(e,t){let i=this.mainImageEl;if(!i)return;let a=i.getBoundingClientRect(),d=Math.min(100,Math.max(0,(e-a.left)/a.width*100)),u=Math.min(100,Math.max(0,(t-a.top)/a.height*100));i.style.setProperty("transform-origin",`${d}% ${u}%`)}layerClasses(e){let t=!!this.previousImage;return{"img-layer":!0,[e]:t,[`transition-${this.transition}`]:t,"dir-next":t&&this.transitionDirection===1,"dir-prev":t&&this.transitionDirection===-1}}renderMainImage(e,t){let i=o`
+`,S=z;var A="eun-image-carousel",r=class extends I(k){constructor(){super(...arguments);this.images=[];this.activeIndex=0;this.magnifier=!1;this.magnifierZoom=2.5;this.showThumbnails=!0;this.showDots=!0;this.lightbox=!0;this.lightboxGrid=!0;this.loop=!1;this.transition="slide";this.autoplay=!1;this.autoplayInterval=4e3;this.announcement="";this.transitionDirection=1;this.dragActive=!1;this.dragDirection=1;this.dragHasTarget=!1;this.suppressNextClick=!1;this.manuallyPaused=!1;this.scheduleAnnounce=L(()=>{this.announcement=this.buildAnnouncement()},150);this.handleTransientPause=()=>{this.stopAutoplay()};this.handleTransientResume=()=>{this.startAutoplay()};this.handleStageDragMove=e=>{this.dragActive||this.beginImageDrag(e),this.updateImageDragPosition(e)};this.handleStageDragEnd=(e,t)=>{this.dragActive&&(this.suppressNextClick=!0,this.settleImageDrag(t&&this.dragHasTarget))};this.handleStageDragCancel=()=>{this.dragActive&&(this.suppressNextClick=!0,this.settleImageDrag(!1))};this.handleLeaveAnimationEnd=()=>{this.previousImage=void 0};this.handleKeydown=e=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.previous();break;case"ArrowRight":e.preventDefault(),this.next();break;case"Home":e.preventDefault(),this.goToIndex(0,-1);break;case"End":e.preventDefault(),this.goToIndex(this.images.length-1,1);break;default:break}};this.handlePointerEnter=e=>{!this.magnifier||e.pointerType==="touch"||this.mainImageEl?.classList.add("zoomed")};this.handlePointerMove=e=>{if(!this.magnifier||e.pointerType==="touch")return;let{clientX:t,clientY:i}=e;this.pointerRaf===void 0&&(this.pointerRaf=requestAnimationFrame(()=>{this.pointerRaf=void 0,this.updateMagnifierOrigin(t,i)}))};this.handlePointerLeave=()=>{this.mainImageEl?.classList.remove("zoomed")};this.handleSwipeStart=e=>{e.pointerType==="touch"&&(this.swipeStart={x:e.clientX,y:e.clientY})};this.handleSwipeEnd=e=>{let t=this.swipeStart;if(this.swipeStart=void 0,e.pointerType!=="touch"||!t)return;let i=e.clientX-t.x,a=e.clientY-t.y;Math.abs(i)<r.SWIPE_THRESHOLD||Math.abs(i)<Math.abs(a)||(this.suppressNextClick=!0,i<0?this.next():this.previous())};this.handleSwipeCancel=()=>{this.swipeStart=void 0};this.handleExpandClick=()=>{if(this.suppressNextClick){this.suppressNextClick=!1;return}this.openLightbox()}}connectedCallback(){super.connectedCallback?.(),this.addEventListener("mouseenter",this.handleTransientPause),this.addEventListener("mouseleave",this.handleTransientResume),this.addEventListener("focusin",this.handleTransientPause),this.addEventListener("focusout",this.handleTransientResume)}willUpdate(e){if(super.willUpdate(e),e.has("images")){let t=Math.max(0,this.images.length-1);this.activeIndex>t&&(this.activeIndex=t)}if(e.has("activeIndex")||e.has("loop")||e.has("images")){let t=this.shadowRoot?.activeElement;this.focusedNavButton=t instanceof HTMLButtonElement&&this.isNavButton(t)?t:void 0}}updated(e){super.updated(e),e.has("magnifierZoom")&&this.style.setProperty("--_magnifierZoom",String(this.magnifierZoom)),(e.has("autoplay")||e.has("images"))&&(this.autoplay?this.startAutoplay():this.stopAutoplay()),this.focusedNavButton&&(this.restoreNavFocusIfDisabled(this.focusedNavButton),this.focusedNavButton=void 0),!this.swipeGesture&&this.stageEl&&(this.swipeGesture=P(this.stageEl,{threshold:r.SWIPE_THRESHOLD,onDragMove:this.handleStageDragMove,onDragEnd:this.handleStageDragEnd,onDragCancel:this.handleStageDragCancel}))}isNavButton(e){return e.classList.contains("stage-nav")||e.classList.contains("lightbox-nav")}restoreNavFocusIfDisabled(e){if(!e.isConnected||!e.disabled)return;let t=e.classList.contains("stage-nav")?".stage-nav":".lightbox-nav";Array.from(this.shadowRoot?.querySelectorAll(t)??[]).find(a=>a!==e&&!a.disabled)?.focus()}disconnectedCallback(){this.stopAutoplay(),this.removeEventListener("mouseenter",this.handleTransientPause),this.removeEventListener("mouseleave",this.handleTransientResume),this.removeEventListener("focusin",this.handleTransientPause),this.removeEventListener("focusout",this.handleTransientResume),this.pointerRaf!==void 0&&cancelAnimationFrame(this.pointerRaf),this.swipeGesture?.destroy(),this.dragPreviewEl?.remove(),super.disconnectedCallback?.()}startAutoplay(){this.autoplayTimer||!this.autoplay||this.manuallyPaused||this.images.length<=1||(this.autoplayTimer=setInterval(()=>this.next(),this.autoplayInterval))}stopAutoplay(){clearInterval(this.autoplayTimer),this.autoplayTimer=void 0}pauseAutoplay(){this.manuallyPaused=!0,this.stopAutoplay()}resumeAutoplay(){this.manuallyPaused=!1,this.startAutoplay()}previous(){this.goToIndex(this.activeIndex-1,-1)}next(){this.goToIndex(this.activeIndex+1,1)}goTo(e){this.goToIndex(e)}openLightbox(e){this.images.length&&(typeof e=="number"&&this.goToIndex(e),this.handleTransientPause(),this.modalEl?.show())}closeLightbox(){this.modalEl?.hide(),this.handleTransientResume()}goToIndex(e,t,i){let a=this.images.length;if(a===0)return;let d=a-1,u=this.loop?(e%a+a)%a:Math.max(0,Math.min(e,d));if(u===this.activeIndex)return;let g=this.images[this.activeIndex];this.transitionDirection=t??(u>this.activeIndex?1:-1),this.activeIndex=u,i?.skipTransition||this.beginTransition(g),this.resetMagnifier(),this.scheduleAnnounce(),this.dispatchEvent(new m({index:u,count:a}))}beginImageDrag(e){this.dragActive=!0,this.dragDirection=e<0?1:-1;let t=this.images.length,i=this.activeIndex+this.dragDirection;if(this.dragHasTarget=this.loop?t>1:i>=0&&i<t,this.dragTargetIndex=this.dragHasTarget?(i%t+t)%t:void 0,this.mainImageEl&&(this.mainImageEl.style.transition="none"),this.dragTargetIndex===void 0||!this.stageImagesEl)return;let a=document.createElement("img");a.className="img-layer",a.src=this.images[this.dragTargetIndex].src,a.alt="",a.setAttribute("aria-hidden","true"),this.stageImagesEl.appendChild(a),this.dragPreviewEl=a}updateImageDragPosition(e){let t=this.mainImageEl;if(t){if(!this.dragHasTarget){t.style.transform=`translateX(${e*r.EDGE_RESISTANCE}px)`;return}t.style.transform=`translateX(${e}px)`,this.dragPreviewEl&&(this.dragPreviewEl.style.transform=`translateX(calc(${this.dragDirection*100}% + ${e}px))`)}}settleImageDrag(e){let t=this.mainImageEl,i=this.dragPreviewEl,a=this.dragDirection,d=e?`${-a*100}%`:"0px",u=e?"0px":`${a*100}%`,g=E(getComputedStyle(this).getPropertyValue("--_swipe-duration"))??260,f=g<=0,x=f?"none":"transform var(--_swipe-duration) var(--eun-easing-out, ease-out)";if(t&&(t.style.transition=x,t.style.transform=`translateX(${d})`),i&&(i.style.transition=x,i.style.transform=`translateX(${u})`),f){this.finalizeImageDrag(e);return}let y=!1,w=()=>{y||(y=!0,this.finalizeImageDrag(e))};t?.addEventListener("transitionend",w,{once:!0}),window.setTimeout(w,g||260)}finalizeImageDrag(e){let t=this.mainImageEl,i=this.dragPreviewEl,a=this.dragTargetIndex,d=this.dragDirection;this.dragActive=!1,this.dragTargetIndex=void 0,this.dragHasTarget=!1,this.dragPreviewEl=void 0;let u=()=>{t&&(t.style.transition="none",t.style.removeProperty("transform")),i?.remove(),requestAnimationFrame(()=>{requestAnimationFrame(()=>{t?.style.removeProperty("transition")})})};e&&a!==void 0?(this.goToIndex(a,d,{skipTransition:!0}),this.updateComplete.then(u)):u()}resetMagnifier(){this.mainImageEl?.classList.remove("zoomed")}beginTransition(e){if(this.transition==="none"||this.prefersReducedMotion()){this.previousImage=void 0;return}this.previousImage=e}prefersReducedMotion(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}buildAnnouncement(){if(!this.images.length)return"";let e=this.images[this.activeIndex],t=`Image ${this.activeIndex+1} of ${this.images.length}`;return e?.alt?`${t}: ${e.alt}`:t}updateMagnifierOrigin(e,t){let i=this.mainImageEl;if(!i)return;let a=i.getBoundingClientRect(),d=Math.min(100,Math.max(0,(e-a.left)/a.width*100)),u=Math.min(100,Math.max(0,(t-a.top)/a.height*100));i.style.setProperty("transform-origin",`${d}% ${u}%`)}layerClasses(e){let t=!!this.previousImage;return{"img-layer":!0,[e]:t,[`transition-${this.transition}`]:t,"dir-next":t&&this.transitionDirection===1,"dir-prev":t&&this.transitionDirection===-1}}renderMainImage(e,t){let i=o`
       <div id="stage-images">
         ${this.previousImage?o`
               <img
@@ -525,7 +525,7 @@ import{a as E}from"./chunks/chunk-E5LQKBFI.js";import{a as L}from"./chunks/chunk
         type="button"
         id="expand-trigger"
         aria-haspopup="dialog"
-        aria-label="${this.ariaLabelExpand??this.dictionary.imageCarousel.expand} (${this.activeIndex+1}/${t})"
+        aria-label="${this.expandLabel??this.dictionary.imageCarousel.expand} (${this.activeIndex+1}/${t})"
         @click=${this.handleExpandClick}
       >
         ${i}
@@ -536,7 +536,7 @@ import{a as E}from"./chunks/chunk-E5LQKBFI.js";import{a as L}from"./chunks/chunk
         type="button"
         class="stage-nav"
         id="prev"
-        aria-label=${this.ariaLabelPrevious??this.dictionary.imageCarousel.previous}
+        aria-label=${this.previousLabel??this.dictionary.imageCarousel.previous}
         ?disabled=${e}
         @click=${()=>this.previous()}
       >
@@ -546,7 +546,7 @@ import{a as E}from"./chunks/chunk-E5LQKBFI.js";import{a as L}from"./chunks/chunk
         type="button"
         class="stage-nav"
         id="next"
-        aria-label=${this.ariaLabelNext??this.dictionary.imageCarousel.next}
+        aria-label=${this.nextLabel??this.dictionary.imageCarousel.next}
         ?disabled=${t}
         @click=${()=>this.next()}
       >
@@ -590,7 +590,7 @@ import{a as E}from"./chunks/chunk-E5LQKBFI.js";import{a as L}from"./chunks/chunk
       <eun-modal
         id="modal"
         hide-actions
-        aria-label=${this.ariaLabelLightbox??this.dictionary.imageCarousel.lightbox}
+        aria-label=${this.lightboxLabel??this.dictionary.imageCarousel.lightbox}
         @euncancel=${()=>this.handleTransientResume()}
       >
         <div id="lightbox" @keydown=${this.handleKeydown}>
@@ -622,7 +622,7 @@ import{a as E}from"./chunks/chunk-E5LQKBFI.js";import{a as L}from"./chunks/chunk
                     type="button"
                     class="lightbox-nav"
                     id="lightbox-prev"
-                    aria-label=${this.ariaLabelPrevious??this.dictionary.imageCarousel.previous}
+                    aria-label=${this.previousLabel??this.dictionary.imageCarousel.previous}
                     ?disabled=${!this.loop&&this.activeIndex<=0}
                     @click=${()=>this.previous()}
                   >
@@ -632,7 +632,7 @@ import{a as E}from"./chunks/chunk-E5LQKBFI.js";import{a as L}from"./chunks/chunk
                     type="button"
                     class="lightbox-nav"
                     id="lightbox-next"
-                    aria-label=${this.ariaLabelNext??this.dictionary.imageCarousel.next}
+                    aria-label=${this.nextLabel??this.dictionary.imageCarousel.next}
                     ?disabled=${!this.loop&&this.activeIndex>=t-1}
                     @click=${()=>this.next()}
                   >
@@ -686,4 +686,4 @@ import{a as E}from"./chunks/chunk-E5LQKBFI.js";import{a as L}from"./chunks/chunk
       <span class="sr-only" role="status" aria-live="polite"
         >${this.announcement}</span
       >
-    `}};r.styles=P,r.SWIPE_THRESHOLD=40,r.EDGE_RESISTANCE=.3,n([s({type:Array,reflect:!0})],r.prototype,"images",2),n([s({type:Number,attribute:"active-index"})],r.prototype,"activeIndex",2),n([s({type:Boolean,reflect:!0})],r.prototype,"magnifier",2),n([s({type:Number,attribute:"magnifier-zoom"})],r.prototype,"magnifierZoom",2),n([s({type:Boolean,attribute:"show-thumbnails"})],r.prototype,"showThumbnails",2),n([s({type:Boolean,attribute:"show-dots"})],r.prototype,"showDots",2),n([s({type:Boolean})],r.prototype,"lightbox",2),n([s({type:Boolean,attribute:"lightbox-grid"})],r.prototype,"lightboxGrid",2),n([s({type:Boolean})],r.prototype,"loop",2),n([s({reflect:!0})],r.prototype,"transition",2),n([s({type:Boolean})],r.prototype,"autoplay",2),n([s({type:Number,attribute:"autoplay-interval"})],r.prototype,"autoplayInterval",2),n([s({attribute:"aria-label-previous"})],r.prototype,"ariaLabelPrevious",2),n([s({attribute:"aria-label-next"})],r.prototype,"ariaLabelNext",2),n([s({attribute:"aria-label-expand"})],r.prototype,"ariaLabelExpand",2),n([s({attribute:"aria-label-lightbox"})],r.prototype,"ariaLabelLightbox",2),n([g()],r.prototype,"announcement",2),n([g()],r.prototype,"previousImage",2),n([g()],r.prototype,"transitionDirection",2),n([c("#modal")],r.prototype,"modalEl",2),n([c("#main-image")],r.prototype,"mainImageEl",2),n([c("#stage")],r.prototype,"stageEl",2),n([c("#stage-images")],r.prototype,"stageImagesEl",2),r=n([w(z)],r);export{r as EunomiaImageCarousel,z as EunomiaImageCarouselTagName};
+    `}};r.styles=S,r.SWIPE_THRESHOLD=40,r.EDGE_RESISTANCE=.3,n([s({type:Array,reflect:!0,useDefault:!0})],r.prototype,"images",2),n([s({type:Number,attribute:"active-index"})],r.prototype,"activeIndex",2),n([s({type:Boolean,reflect:!0})],r.prototype,"magnifier",2),n([s({type:Number,attribute:"magnifier-zoom"})],r.prototype,"magnifierZoom",2),n([s({converter:h,attribute:"show-thumbnails"})],r.prototype,"showThumbnails",2),n([s({converter:h,attribute:"show-dots"})],r.prototype,"showDots",2),n([s({converter:h})],r.prototype,"lightbox",2),n([s({converter:h,attribute:"lightbox-grid"})],r.prototype,"lightboxGrid",2),n([s({type:Boolean})],r.prototype,"loop",2),n([s({reflect:!0,useDefault:!0})],r.prototype,"transition",2),n([s({type:Boolean})],r.prototype,"autoplay",2),n([s({type:Number,attribute:"autoplay-interval"})],r.prototype,"autoplayInterval",2),n([s({attribute:"previous-label"})],r.prototype,"previousLabel",2),n([s({attribute:"next-label"})],r.prototype,"nextLabel",2),n([s({attribute:"expand-label"})],r.prototype,"expandLabel",2),n([s({attribute:"lightbox-label"})],r.prototype,"lightboxLabel",2),n([v()],r.prototype,"announcement",2),n([v()],r.prototype,"previousImage",2),n([v()],r.prototype,"transitionDirection",2),n([c("#modal")],r.prototype,"modalEl",2),n([c("#main-image")],r.prototype,"mainImageEl",2),n([c("#stage")],r.prototype,"stageEl",2),n([c("#stage-images")],r.prototype,"stageImagesEl",2),r=n([T(A)],r);export{r as EunomiaImageCarousel,A as EunomiaImageCarouselTagName};

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

@@ -1,4 +1,4 @@
-import{a as Q,b as X}from"./chunks/chunk-ZYC7DHES.js";import"./chunks/chunk-7KKWYPHY.js";import"./chunks/chunk-22D3SRFR.js";import{a as j}from"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as J}from"./chunks/chunk-LMVW522V.js";import"./chunks/chunk-KSZRQRN4.js";import{a as u,b as t,c as a,d as p,e as r,f as q,h as K,j as f,k as V,l as O,p as G,u as W}from"./chunks/chunk-YITWLCD3.js";var Y=K`
+import{a as Q,b as X}from"./chunks/chunk-ZYC7DHES.js";import"./chunks/chunk-QXQ25SQS.js";import"./chunks/chunk-22D3SRFR.js";import{a as j}from"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as J}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as u,b as t,c as a,d as p,e as r,f as q,h as K,j as f,k as V,l as O,p as G,u as W}from"./chunks/chunk-YITWLCD3.js";var Y=K`
   :host {
     display: block;
     font-family: var(--eun-font-family, "Mulish", sans-serif);

package/dist/cdn/components/eun-input-file.js

@@ -1,4 +1,4 @@
-import{a as E}from"./chunks/chunk-BO3JOEWM.js";import{a as p,c as z,d as _,e as C,f as h}from"./chunks/chunk-VOTRXBDS.js";import{a as u}from"./chunks/chunk-YYCEPZUN.js";import{a as L}from"./chunks/chunk-RS7TWEMQ.js";import{a as m}from"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-KSZRQRN4.js";import{a as s,f as y,h as k,j as l,k as w,l as F,p as d,r as b,u as $}from"./chunks/chunk-YITWLCD3.js";var v=class g extends Event{static{this.eventName="eunfilereject"}constructor(x){super(g.eventName,{bubbles:!0,composed:!1}),this.files=x}};var M=k`
+import{a as M}from"./chunks/chunk-BO3JOEWM.js";import{a as p,c as _,d as C,e as E,f as h}from"./chunks/chunk-TLBXTBMM.js";import{a as u}from"./chunks/chunk-YYCEPZUN.js";import{a as z}from"./chunks/chunk-3BMACIDO.js";import{a as m}from"./chunks/chunk-PPCHQG7P.js";import{a as $}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as n,f as y,h as k,j as s,k as F,l as L,p as d,r as b,u as w}from"./chunks/chunk-YITWLCD3.js";var v=class g extends Event{static{this.eventName="eunfilereject"}constructor(x){super(g.eventName,{bubbles:!0,composed:!1}),this.files=x}};var R=k`
   :host {
     --_borderColor: var(
       --input-file-border-color,
@@ -175,7 +175,7 @@ import{a as E}from"./chunks/chunk-BO3JOEWM.js";import{a as p,c as z,d as _,e as
     display: grid;
     gap: var(--_gap);
   }
-  :host([kind="image"]) #items {
+  :host(:is([kind="image"], :not([kind]))) #items {
     grid-template-columns: repeat(
       auto-fill,
       minmax(var(--_thumbnailSize), 1fr)
@@ -198,7 +198,7 @@ import{a as E}from"./chunks/chunk-BO3JOEWM.js";import{a as p,c as z,d as _,e as
   .item:focus-visible {
     outline: 1px solid var(--_focusIndicator);
   }
-  :host([kind="image"]) .item {
+  :host(:is([kind="image"], :not([kind]))) .item {
     aspect-ratio: 1 / 1;
     overflow: hidden;
     align-items: stretch;
@@ -237,7 +237,7 @@ import{a as E}from"./chunks/chunk-BO3JOEWM.js";import{a as p,c as z,d as _,e as
   .item-checkbox {
     flex: none;
   }
-  :host([kind="image"]) .item-checkbox {
+  :host(:is([kind="image"], :not([kind]))) .item-checkbox {
     position: absolute;
     top: var(--eun-space-xs, 4px);
     left: var(--eun-space-xs, 4px);
@@ -263,7 +263,7 @@ import{a as E}from"./chunks/chunk-BO3JOEWM.js";import{a as p,c as z,d as _,e as
   :host([kind="file"]) .item-remove:hover {
     color: var(--_textColor);
   }
-  :host([kind="image"]) .item-remove {
+  :host(:is([kind="image"], :not([kind]))) .item-remove {
     position: absolute;
     top: var(--eun-space-xs, 4px);
     right: var(--eun-space-xs, 4px);
@@ -273,11 +273,11 @@ import{a as E}from"./chunks/chunk-BO3JOEWM.js";import{a as p,c as z,d as _,e as
     outline: 2px solid var(--_focusIndicator);
     outline-offset: 2px;
   }
-`,R=M;var D="eun-input-file",j=L(C($)),B=E(_(z(j))),i=class extends B{constructor(){super(...arguments);this.kind="image";this.multiple=!1;this.selectable=!1;this.dropLabel="Drag and drop files here, or";this.browseLabel="browse files";this.ariaLabelRemove="Remove file";this.ariaLabelSelect="Select file";this.removeAllLabel="Remove all";this.selectAllLabel="Select all";this.deleteSelectedLabel="Delete selected";this.ariaLabelOpen="Open in a new tab";this.dragging=!1;this.selected=new Set;this.dragCounter=0;this.objectUrls=new Map;this.handleHostFocus=()=>{this.firstFocusable()?.focus()};this.handleNativeChange=e=>{let t=e.target;t.files?.length&&this.processFiles(t.files),t.value=""};this.handleDragEnter=e=>{this.disabled||this.readonly||!this.carriesFiles(e)||(e.preventDefault(),this.dragCounter+=1,this.dragging=!0)};this.handleDragOver=e=>{this.disabled||this.readonly||!this.carriesFiles(e)||e.preventDefault()};this.handleDragLeave=e=>{this.disabled||this.readonly||!this.carriesFiles(e)||(this.dragCounter=Math.max(this.dragCounter-1,0),this.dragCounter===0&&(this.dragging=!1))};this.handleDrop=e=>{if(e.preventDefault(),this.dragCounter=0,this.dragging=!1,this.disabled||this.readonly)return;let t=e.dataTransfer?.files;t?.length&&this.processFiles(t)}}connectedCallback(){super.connectedCallback?.(),this.addEventListener("focus",this.handleHostFocus),this.addEventListener("dragenter",this.handleDragEnter),this.addEventListener("dragover",this.handleDragOver),this.addEventListener("dragleave",this.handleDragLeave),this.addEventListener("drop",this.handleDrop)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),this.removeEventListener("dragenter",this.handleDragEnter),this.removeEventListener("dragover",this.handleDragOver),this.removeEventListener("dragleave",this.handleDragLeave),this.removeEventListener("drop",this.handleDrop),this.objectUrls.forEach(e=>URL.revokeObjectURL(e)),this.objectUrls.clear(),super.disconnectedCallback?.()}firstFocusable(){return this.fieldEl??this.shadowRoot?.querySelector(".item")??void 0}updated(e){if(super.updated(e),e.has("value")){let t=new Set(this.value??[]);if(this.objectUrls.forEach((r,o)=>{t.has(o)||(URL.revokeObjectURL(r),this.objectUrls.delete(o))}),this.selected.size){let r=new Set(Array.from(this.selected).filter(o=>t.has(o)));r.size!==this.selected.size&&(this.selected=r)}}}getFocusAnchor(){return this.firstFocusable()}focus(){super.focus?.(),this.firstFocusable()?.focus()}get effectiveAccept(){return this.accept?this.accept:this.kind==="image"?"image/*":void 0}getObjectUrl(e){let t=this.objectUrls.get(e);return t||(t=URL.createObjectURL(e),this.objectUrls.set(e,t)),t}matchesAccept(e,t){let r=t.split(",").map(n=>n.trim().toLowerCase()).filter(Boolean);if(!r.length)return!0;let o=e.name.toLowerCase(),a=e.type.toLowerCase();return r.some(n=>n.startsWith(".")?o.endsWith(n):n.endsWith("/*")?a.startsWith(n.slice(0,-1)):a===n)}processFiles(e){if(this.disabled||this.readonly)return;let t=this.multiple?Array.from(e):Array.from(e).slice(0,1),r=[],o=this.effectiveAccept,a=[];t.forEach(c=>{if(o&&!this.matchesAccept(c,o)){r.push({file:c,reason:"type"});return}if(this.maxSize!=null&&c.size>this.maxSize){r.push({file:c,reason:"size"});return}a.push(c)});let n=this.value??[],f;if(this.multiple){if(this.maxFiles!=null){let c=Math.max(this.maxFiles-n.length,0);a.length>c&&(r.push(...a.slice(c).map(S=>({file:S,reason:"max-files"}))),a=a.slice(0,c))}f=[...n,...a]}else f=a;a.length&&(this.value=f,this.dispatchEvent(new u(this.value))),r.length&&this.dispatchEvent(new v(r))}carriesFiles(e){return!!e.dataTransfer?.types.includes("Files")}removeFile(e){let t=this.value??[],r=t.indexOf(e);if(r===-1)return;let o=t.filter(a=>a!==e);this.value=o,this.dispatchEvent(new u(this.value)),this.updateComplete.then(()=>{if(!o.length){this.firstFocusable()?.focus();return}let a=Array.from(this.shadowRoot?.querySelectorAll(".item")??[]);a[Math.min(r,a.length-1)]?.focus()})}removeAll(){this.selected=new Set,this.value=[],this.dispatchEvent(new u(this.value)),this.updateComplete.then(()=>this.firstFocusable()?.focus())}deleteSelected(){let t=(this.value??[]).filter(r=>!this.selected.has(r));this.selected=new Set,this.value=t,this.dispatchEvent(new u(this.value)),this.updateComplete.then(()=>this.firstFocusable()?.focus())}toggleSelected(e,t){let r=new Set(this.selected);t?r.add(e):r.delete(e),this.selected=r}toggleSelectAll(e){this.selected=e?new Set(this.value??[]):new Set}openFile(e){window.open(this.getObjectUrl(e),"_blank","noopener")}handleItemKeydown(e,t){if(!this.disabled){if(e.key==="Enter"||e.key===" "){e.preventDefault(),this.openFile(t);return}(e.key==="Delete"||e.key==="Backspace")&&(e.preventDefault(),this.removeFile(t))}}getFileIcon(e){return e.type==="application/pdf"?"picture_as_pdf":e.type.startsWith("image/")?"image":"insert_drive_file"}formatBytes(e){if(e<1024)return`${e} B`;let t=["KB","MB","GB","TB"],r=e/1024,o=0;for(;r>=1024&&o<t.length-1;)r/=1024,o+=1;let a=o===0||r>=10?0:1;return`${r.toFixed(a)} ${t[o]}`}renderDropzone(e,t){return d`
+`,D=R;var j="eun-input-file",B=z(E(w)),T=$(M(C(_(B)))),r=class extends T{constructor(){super(...arguments);this.errorOnChange=!0;this.kind="image";this.multiple=!1;this.selectable=!1;this.dropLabel="Drag and drop files here, or";this.browseLabel="browse files";this.removeAllLabel="Remove all";this.selectAllLabel="Select all";this.deleteSelectedLabel="Delete selected";this.dragging=!1;this.selected=new Set;this.dragCounter=0;this.objectUrls=new Map;this.handleHostFocus=()=>{this.firstFocusable()?.focus()};this.handleNativeChange=e=>{let t=e.target;t.files?.length&&this.processFiles(t.files),t.value=""};this.handleDragEnter=e=>{this.disabled||this.readonly||!this.carriesFiles(e)||(e.preventDefault(),this.dragCounter+=1,this.dragging=!0)};this.handleDragOver=e=>{this.disabled||this.readonly||!this.carriesFiles(e)||e.preventDefault()};this.handleDragLeave=e=>{this.disabled||this.readonly||!this.carriesFiles(e)||(this.dragCounter=Math.max(this.dragCounter-1,0),this.dragCounter===0&&(this.dragging=!1))};this.handleDrop=e=>{if(e.preventDefault(),this.dragCounter=0,this.dragging=!1,this.disabled||this.readonly)return;let t=e.dataTransfer?.files;t?.length&&this.processFiles(t)}}connectedCallback(){super.connectedCallback?.(),this.addEventListener("focus",this.handleHostFocus),this.addEventListener("dragenter",this.handleDragEnter),this.addEventListener("dragover",this.handleDragOver),this.addEventListener("dragleave",this.handleDragLeave),this.addEventListener("drop",this.handleDrop)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),this.removeEventListener("dragenter",this.handleDragEnter),this.removeEventListener("dragover",this.handleDragOver),this.removeEventListener("dragleave",this.handleDragLeave),this.removeEventListener("drop",this.handleDrop),this.objectUrls.forEach(e=>URL.revokeObjectURL(e)),this.objectUrls.clear(),super.disconnectedCallback?.()}firstFocusable(){return this.fieldEl??this.shadowRoot?.querySelector(".item")??void 0}updated(e){if(super.updated(e),e.has("value")){let t=new Set(this.value??[]);if(this.objectUrls.forEach((i,a)=>{t.has(a)||(URL.revokeObjectURL(i),this.objectUrls.delete(a))}),this.selected.size){let i=new Set(Array.from(this.selected).filter(a=>t.has(a)));i.size!==this.selected.size&&(this.selected=i)}}}get hostTabStop(){return!1}getFocusAnchor(){return this.firstFocusable()}focus(){super.focus?.(),this.firstFocusable()?.focus()}get effectiveAccept(){return this.accept?this.accept:this.kind==="image"?"image/*":void 0}getObjectUrl(e){let t=this.objectUrls.get(e);return t||(t=URL.createObjectURL(e),this.objectUrls.set(e,t)),t}matchesAccept(e,t){let i=t.split(",").map(l=>l.trim().toLowerCase()).filter(Boolean);if(!i.length)return!0;let a=e.name.toLowerCase(),o=e.type.toLowerCase();return i.some(l=>l.startsWith(".")?a.endsWith(l):l.endsWith("/*")?o.startsWith(l.slice(0,-1)):o===l)}processFiles(e){if(this.disabled||this.readonly)return;let t=this.multiple?Array.from(e):Array.from(e).slice(0,1),i=[],a=this.effectiveAccept,o=[];t.forEach(c=>{if(a&&!this.matchesAccept(c,a)){i.push({file:c,reason:"type"});return}if(this.maxSize!=null&&c.size>this.maxSize){i.push({file:c,reason:"size"});return}o.push(c)});let l=this.value??[],f;if(this.multiple){if(this.maxFiles!=null){let c=Math.max(this.maxFiles-l.length,0);o.length>c&&(i.push(...o.slice(c).map(S=>({file:S,reason:"max-files"}))),o=o.slice(0,c))}f=[...l,...o]}else f=o;o.length&&(this.value=f,this.dispatchEvent(new u(this.value))),i.length&&this.dispatchEvent(new v(i))}carriesFiles(e){return!!e.dataTransfer?.types.includes("Files")}removeFile(e){let t=this.value??[],i=t.indexOf(e);if(i===-1)return;let a=t.filter(o=>o!==e);this.value=a,this.dispatchEvent(new u(this.value)),this.updateComplete.then(()=>{if(!a.length){this.firstFocusable()?.focus();return}let o=Array.from(this.shadowRoot?.querySelectorAll(".item")??[]);o[Math.min(i,o.length-1)]?.focus()})}removeAll(){this.selected=new Set,this.value=[],this.dispatchEvent(new u(this.value)),this.updateComplete.then(()=>this.firstFocusable()?.focus())}deleteSelected(){let t=(this.value??[]).filter(i=>!this.selected.has(i));this.selected=new Set,this.value=t,this.dispatchEvent(new u(this.value)),this.updateComplete.then(()=>this.firstFocusable()?.focus())}toggleSelected(e,t){let i=new Set(this.selected);t?i.add(e):i.delete(e),this.selected=i}toggleSelectAll(e){this.selected=e?new Set(this.value??[]):new Set}openFile(e){window.open(this.getObjectUrl(e),"_blank","noopener")}handleItemKeydown(e,t){if(!this.disabled){if(e.key==="Enter"||e.key===" "){e.preventDefault(),this.openFile(t);return}(e.key==="Delete"||e.key==="Backspace")&&(e.preventDefault(),this.removeFile(t))}}getFileIcon(e){return e.type==="application/pdf"?"picture_as_pdf":e.type.startsWith("image/")?"image":"insert_drive_file"}formatBytes(e){if(e<1024)return`${e} B`;let t=["KB","MB","GB","TB"],i=e/1024,a=0;for(;i>=1024&&a<t.length-1;)i/=1024,a+=1;let o=a===0||i>=10?0:1;return`${i.toFixed(o)} ${t[a]}`}renderDropzone(e,t){return d`
       <label
         id="dropzone"
         aria-disabled=${e?"true":"false"}
-        @click=${r=>{this.readonly&&r.preventDefault()}}
+        @click=${i=>{this.readonly&&i.preventDefault()}}
       >
         <eun-icon id="drop-icon" name="cloud_upload" size="24"></eun-icon>
         <span class="drop-label"
@@ -301,19 +301,19 @@ import{a as E}from"./chunks/chunk-BO3JOEWM.js";import{a as p,c as z,d as _,e as
         class="item"
         role="button"
         tabindex=${this.disabled?"-1":"0"}
-        aria-label="${e.name} — ${this.ariaLabelOpen}"
+        aria-label="${e.name} — ${this.openLabel??this.dictionary.inputFile.open}"
         @click=${()=>!this.disabled&&this.openFile(e)}
-        @keydown=${r=>this.handleItemKeydown(r,e)}
+        @keydown=${i=>this.handleItemKeydown(i,e)}
       >
         ${p(this.selectable,()=>d`
             <input
               type="checkbox"
               class="item-checkbox"
-              aria-label="${this.ariaLabelSelect} ${e.name}"
+              aria-label="${this.selectLabel??this.dictionary.inputFile.select} ${e.name}"
               .checked=${t}
               ?disabled=${this.disabled||this.readonly}
-              @click=${r=>r.stopPropagation()}
-              @change=${r=>this.toggleSelected(e,r.target.checked)}
+              @click=${i=>i.stopPropagation()}
+              @change=${i=>this.toggleSelected(e,i.target.checked)}
             />
           `)}
         ${this.kind==="image"?d`<img src=${this.getObjectUrl(e)} alt="" />`:d`
@@ -330,18 +330,18 @@ import{a as E}from"./chunks/chunk-BO3JOEWM.js";import{a as p,c as z,d as _,e as
         <button
           type="button"
           class="item-remove"
-          aria-label="${this.ariaLabelRemove} ${e.name}"
+          aria-label="${this.removeLabel??this.dictionary.inputFile.remove} ${e.name}"
           ?disabled=${this.disabled||this.readonly}
-          @click=${r=>{r.stopPropagation(),this.removeFile(e)}}
+          @click=${i=>{i.stopPropagation(),this.removeFile(e)}}
         >
           <eun-icon name="close" size="14"></eun-icon>
         </button>
       </div>
-    `}render(){let e=this.renderDescription(),t=this.value??[],r=this.multiple||t.length===0,o=this.multiple&&this.maxFiles!=null&&t.length>=this.maxFiles,a=t.length>0&&this.selected.size===t.length;return d`
+    `}render(){let e=this.renderDescription(),t=this.value??[],i=this.multiple||t.length===0,a=this.multiple&&this.maxFiles!=null&&t.length>=this.maxFiles,o=t.length>0&&this.selected.size===t.length;return d`
       <div id="wrapper">
         ${this.renderFormLabels("field")}
         <div id="content">
-          ${p(r,()=>this.renderDropzone(this.disabled||o,e!==b))}
+          ${p(i,()=>this.renderDropzone(this.disabled||a,e!==b))}
           ${p(t.length>0,()=>d`
               <div id="header">
                 <span aria-live="polite"
@@ -352,10 +352,10 @@ import{a as E}from"./chunks/chunk-BO3JOEWM.js";import{a as p,c as z,d as _,e as
                       <label id="select-all">
                         <input
                           type="checkbox"
-                          .checked=${a}
-                          .indeterminate=${this.selected.size>0&&!a}
+                          .checked=${o}
+                          .indeterminate=${this.selected.size>0&&!o}
                           ?disabled=${this.disabled||this.readonly}
-                          @change=${n=>this.toggleSelectAll(n.target.checked)}
+                          @change=${l=>this.toggleSelectAll(l.target.checked)}
                         />
                         ${this.selectAllLabel}
                       </label>
@@ -381,10 +381,10 @@ import{a as E}from"./chunks/chunk-BO3JOEWM.js";import{a as p,c as z,d as _,e as
                 </div>
               </div>
               <div id="items">
-                ${t.map(n=>this.renderItem(n))}
+                ${t.map(l=>this.renderItem(l))}
               </div>
             `)}
         </div>
         ${e}
       </div>
-    `}};i.styles=[R,h.base,h.errorMessages,h.hintMessages],s([l({reflect:!0})],i.prototype,"kind",2),s([l()],i.prototype,"accept",2),s([l({type:Boolean,reflect:!0})],i.prototype,"multiple",2),s([l({type:Number,attribute:"max-size"})],i.prototype,"maxSize",2),s([l({type:Number,attribute:"max-files"})],i.prototype,"maxFiles",2),s([l({type:Boolean,reflect:!0})],i.prototype,"selectable",2),s([l({attribute:"drop-label"})],i.prototype,"dropLabel",2),s([l({attribute:"browse-label"})],i.prototype,"browseLabel",2),s([l({attribute:"aria-label-remove"})],i.prototype,"ariaLabelRemove",2),s([l({attribute:"aria-label-select"})],i.prototype,"ariaLabelSelect",2),s([l({attribute:"remove-all-label"})],i.prototype,"removeAllLabel",2),s([l({attribute:"select-all-label"})],i.prototype,"selectAllLabel",2),s([l({attribute:"delete-selected-label"})],i.prototype,"deleteSelectedLabel",2),s([l({attribute:"aria-label-open"})],i.prototype,"ariaLabelOpen",2),s([l({type:Boolean,reflect:!0})],i.prototype,"dragging",2),s([w()],i.prototype,"selected",2),s([F("#field")],i.prototype,"fieldEl",2),i=s([y(D)],i);export{i as EunomiaInputFile,D as EunomiaInputFileTagName};
+    `}};r.styles=[D,h.base,h.errorMessages,h.hintMessages],n([s({reflect:!0,useDefault:!0})],r.prototype,"kind",2),n([s()],r.prototype,"accept",2),n([s({type:Boolean,reflect:!0})],r.prototype,"multiple",2),n([s({type:Number,attribute:"max-size"})],r.prototype,"maxSize",2),n([s({type:Number,attribute:"max-files"})],r.prototype,"maxFiles",2),n([s({type:Boolean,reflect:!0})],r.prototype,"selectable",2),n([s({attribute:"drop-label"})],r.prototype,"dropLabel",2),n([s({attribute:"browse-label"})],r.prototype,"browseLabel",2),n([s({attribute:"remove-label"})],r.prototype,"removeLabel",2),n([s({attribute:"select-label"})],r.prototype,"selectLabel",2),n([s({attribute:"remove-all-label"})],r.prototype,"removeAllLabel",2),n([s({attribute:"select-all-label"})],r.prototype,"selectAllLabel",2),n([s({attribute:"delete-selected-label"})],r.prototype,"deleteSelectedLabel",2),n([s({attribute:"open-label"})],r.prototype,"openLabel",2),n([s({type:Boolean,reflect:!0})],r.prototype,"dragging",2),n([F()],r.prototype,"selected",2),n([L("#field")],r.prototype,"fieldEl",2),r=n([y(j)],r);export{r as EunomiaInputFile,j as EunomiaInputFileTagName};