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

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

@@ -1,15 +1,7 @@
-import{a as f,b as p}from"./chunks/chunk-MBF52GEL.js";import{a as u}from"./chunks/chunk-T7WABJEJ.js";import{a as h}from"./chunks/chunk-BKHD4S57.js";import{a as o}from"./chunks/chunk-5EVP7YNE.js";import{a as t,f as d,g as s,h as n,n as i,p as l,s as c}from"./chunks/chunk-XH6NREVZ.js";var v=s`
+import{a as f,b as u,c as b}from"./chunks/chunk-4MXL6PZC.js";import{a as h}from"./chunks/chunk-T7WABJEJ.js";import{a as t}from"./chunks/chunk-5EVP7YNE.js";import{a as c}from"./chunks/chunk-BKHD4S57.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 x=r`
   :host {
-    --_mainColor: var(--fab-background, var(--eun-color-primary-500, #3d6fff));
-    --_mainColor-hover: var(
-      --fab-background-hover,
-      var(--eun-color-primary-700, #3662e0)
-    );
-    --_mainColor-text: var(
-      --fab-text,
-      var(--eun-color-on-primary-500, #ffffff)
-    );
-    --_focusIndicator: var(--fab-focus-outline, var(--_mainColor));
+    --_focusIndicator: var(--fab-focus-outline, var(--_solid));
+    --_hoverFromCustom: color-mix(in srgb, var(--fab-background) 88%, black);
     --_transition: var(--fab-transition, 0.3s);
     --_gap: var(--eun-space-xs, 4px);
     --_circleSize: 56px;
@@ -19,7 +11,7 @@ import{a as f,b as p}from"./chunks/chunk-MBF52GEL.js";import{a as u}from"./chunk
     user-select: none;
     outline: 2px solid transparent;
     z-index: 0;
-    border-radius: var(--eun-borderRadius-xl);
+    border-radius: var(--eun-border-radius-xl);
     transition:
       background 0.3s ease-out,
       box-shadow 0.3s ease-out,
@@ -49,32 +41,15 @@ import{a as f,b as p}from"./chunks/chunk-MBF52GEL.js";import{a as u}from"./chunk
     --_circleSize: 88px;
     --icon-size: 34px;
   }
-  :host([variant="secondary"]) {
-    --_mainColor: var(--eun-color-secondary-500, #e5a030);
-    --_mainColor-hover: var(--eun-color-secondary-700, #ca8d2a);
-    --_mainColor-text: var(--eun-color-on-secondary-500, #000000de);
-  }
-  :host([variant="critical"]) {
-    --_mainColor: var(--eun-color-critical-100, #aa0014);
-    --_mainColor-hover: var(--eun-color-critical-100, #aa0014);
-    --_mainColor-text: #fff;
-  }
-  :host([variant="success"]) {
-    --_mainColor: var(--eun-color-success-100, #1a9948);
-    --_mainColor-hover: var(--eun-color-success-100, #1a9948);
-    --_mainColor-text: #fff;
-  }
-  :host([variant="warning"]) {
-    --_mainColor: var(--eun-color-warning-100, #c85207);
-    --_mainColor-hover: var(--eun-color-warning-100, #c85207);
-    --_mainColor-text: #fff;
-  }
   :host([disabled]) {
-    --_mainColor: var(--eun-disabled-color, #ecedf0);
-    --_mainColor-hover: var(--eun-disabled-color, #ecedf0);
-    --_mainColor-text: var(--eun-text-disabled-color, #8d93aa);
+    --_solid: var(--eun-disabled-color, #ecedf0);
+    --_solid-hover: var(--eun-disabled-color, #ecedf0);
+    --_onSolid: var(--eun-text-disabled-color, #8d93aa);
   }
+  /* A disabled fab never loses its look to a custom property. */
   :host([disabled]) #fab {
+    background: var(--_solid);
+    color: var(--_onSolid);
     cursor: not-allowed;
     pointer-events: none;
     box-shadow: none;
@@ -92,11 +67,11 @@ import{a as f,b as p}from"./chunks/chunk-MBF52GEL.js";import{a as u}from"./chunk
     box-sizing: border-box;
     overflow: hidden;
     border: none;
-    border-radius: var(--eun-borderRadius-xl, 999px);
-    background: var(--_mainColor);
-    color: var(--_mainColor-text);
+    border-radius: var(--eun-border-radius-xl, 999px);
+    background: var(--fab-background, var(--_solid));
+    color: var(--fab-text, var(--_onSolid));
     font-family: var(--eun-font-family, "Mulish", sans-serif);
-    font-size: var(--eun-fontSize-s, 14px);
+    font-size: var(--eun-font-size-s, 14px);
     text-decoration: none;
     cursor: pointer;
     outline: 2px solid transparent;
@@ -119,7 +94,10 @@ import{a as f,b as p}from"./chunks/chunk-MBF52GEL.js";import{a as u}from"./chunk
     transform: rotate(-45deg);
   }
   :host(:not([disabled]):not([loading])) #fab:hover {
-    background: var(--_mainColor-hover);
+    background: var(
+      --fab-background-hover,
+      var(--_hoverFromCustom, var(--_solid-hover))
+    );
     box-shadow: var(
       --eun-shadow-l,
       0 10px 15px -3px rgba(0, 0, 0, 0.15),
@@ -150,7 +128,7 @@ import{a as f,b as p}from"./chunks/chunk-MBF52GEL.js";import{a as u}from"./chunk
     white-space: nowrap;
     border: 0;
   }
-`,m=s`
+`,m=r`
   :host([slide]:not([loading])) #fab {
     display: grid;
     grid-template-columns: var(--_circleSize) 0fr;
@@ -198,7 +176,7 @@ import{a as f,b as p}from"./chunks/chunk-MBF52GEL.js";import{a as u}from"./chunk
     margin-inline-start: var(--_gap);
     opacity: 1;
   }
-`,x=s`
+`,g=r`
   :host([position]) {
     position: fixed;
     z-index: var(--fab-z-index, 40);
@@ -219,7 +197,7 @@ import{a as f,b as p}from"./chunks/chunk-MBF52GEL.js";import{a as u}from"./chunk
     top: var(--fab-offset, var(--eun-space-l, 32px));
     left: var(--fab-offset, var(--eun-space-l, 32px));
   }
-`,b=[v,m,x];var g="eun-fab",a=class extends f(p(u(c))){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 r=this.disabled||this.loading;this.href&&!r?this.removeAttribute("tabindex"):this.setAttribute("tabindex",r?"-1":"0")}}handleLinkClick(e){this.download||h(this,e,this.href,this.target)}get isBlank(){return!!this.href&&this.target==="_blank"}renderExternalLinkHint(){return!this.isBlank||this.ariaLabel?l:i`<span class="sr-only"> (opens in a new tab)</span>`}renderLabel(){return this.isBlank?i`<span id="label"
+`,v=[u,x,m,g];var y="eun-fab",o=class extends f(b(h(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(){return!this.isBlank||this.ariaLabel?l:i`<span class="sr-only"> (opens in a new tab)</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
@@ -237,22 +215,22 @@ import{a as f,b as p}from"./chunks/chunk-MBF52GEL.js";import{a as u}from"./chunk
           >${this.loadingLabel}</span
         >
       </span>
-    `:e}render(){let e=this.renderContent(),r=this.disabled||this.loading;return this.href?i`
+    `:e}render(){let e=this.renderContent(),s=this.disabled||this.loading;return this.href?i`
         <a
           id="fab"
-          href=${o(r?void 0:this.href)}
-          target=${o(this.target)}
-          rel=${o(this.isBlank?"noopener noreferrer":void 0)}
-          download=${o(this.download)}
-          aria-label=${o(this.isBlank&&this.ariaLabel?`${this.ariaLabel} (opens in a new tab)`:this.ariaLabel??void 0)}
-          aria-disabled=${o(this.disabled?"true":void 0)}
-          aria-busy=${o(this.loading?"true":void 0)}
+          href=${t(s?void 0:this.href)}
+          target=${t(this.target)}
+          rel=${t(this.isBlank?"noopener noreferrer":void 0)}
+          download=${t(this.download)}
+          aria-label=${t(this.isBlank&&this.ariaLabel?`${this.ariaLabel} (opens in a new tab)`:this.ariaLabel??void 0)}
+          aria-disabled=${t(this.disabled?"true":void 0)}
+          aria-busy=${t(this.loading?"true":void 0)}
           @click=${this.handleLinkClick}
         >
           ${e}
         </a>
       `:i`
-      <div id="fab" aria-busy=${o(this.loading?"true":void 0)}>
+      <div id="fab" aria-busy=${t(this.loading?"true":void 0)}>
         ${e}
       </div>
-    `}};a.styles=b,t([n()],a.prototype,"icon",2),t([n()],a.prototype,"label",2),t([n({reflect:!0})],a.prototype,"position",2),t([n({attribute:"loading-label"})],a.prototype,"loadingLabel",2),a=t([d(g)],a);export{a as EunomiaFab,g as EunomiaFabTagName};
+    `}};o.styles=v,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(y)],o);export{o as EunomiaFab,y as EunomiaFabTagName};

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

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-DENMN3WH.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaIcon,a as EunomiaIconTagName};
+import{a,b,c}from"./chunks/chunk-2JLDJFYD.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-XH6NREVZ.js";export{c as EunomiaIcon,a as EunomiaIconTagName,b as setIconBaseUrl};

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

@@ -1,4 +1,4 @@
-import{a as s,b as n}from"./chunks/chunk-5RCCZVFZ.js";import"./chunks/chunk-BKHD4S57.js";import"./chunks/chunk-5EVP7YNE.js";import{a,f as t,g as d,n as e,s as i}from"./chunks/chunk-XH6NREVZ.js";var l=d`
+import{a as s,b as n}from"./chunks/chunk-IJ5WFMK4.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-BKHD4S57.js";import{a,f as t,g as d,n as e,s as i}from"./chunks/chunk-XH6NREVZ.js";var l=d`
   :host {
     display: block;
     position: relative;
@@ -11,8 +11,8 @@ import{a as s,b as n}from"./chunks/chunk-5RCCZVFZ.js";import"./chunks/chunk-BKHD
     box-sizing: border-box;
     height: 100%;
     overflow: hidden;
-    border-radius: var(--card-border-radius, var(--eun-borderRadius-m, 8px));
-    border: var(--card-border-width, var(--eun-borderWidth-s, 1px)) solid
+    border-radius: var(--card-border-radius, var(--eun-border-radius-m, 8px));
+    border: var(--card-border-width, var(--eun-border-width-s, 1px)) solid
       var(--card-border-color, var(--eun-border-color, #dee0e7));
     background: var(--card-background, var(--eun-surface-color, #ffffff));
     box-shadow: var(--card-shadow, none);
@@ -27,12 +27,19 @@ import{a as s,b as n}from"./chunks/chunk-5RCCZVFZ.js";import"./chunks/chunk-BKHD
     );
   }
 
+  :host {
+    --_hoverBorderDefault: var(
+      --card-border-color,
+      var(--eun-border-color, #dee0e7)
+    );
+  }
+  :host([href]) {
+    --_hoverBorderDefault: var(--eun-color-primary-500, #3d6fff);
+  }
+
   #card:hover,
   #card:focus-visible {
-    border-color: var(
-      --card-hover-border-color,
-      var(--eun-color-primary-500, #3d6fff)
-    );
+    border-color: var(--card-hover-border-color, var(--_hoverBorderDefault));
     background: var(
       --card-hover-background,
       var(--card-background, var(--eun-surface-color, #ffffff))
@@ -76,14 +83,14 @@ import{a as s,b as n}from"./chunks/chunk-5RCCZVFZ.js";import"./chunks/chunk-BKHD
   }
 
   ::slotted([slot="title"]) {
-    font-weight: var(--eun-fontWeight-l, 700);
-    font-size: var(--image-card-title-size, var(--eun-fontSize-m, 16px));
+    font-weight: var(--eun-font-weight-l, 700);
+    font-size: var(--image-card-title-size, var(--eun-font-size-m, 16px));
     color: var(--eun-text-color, #071621);
   }
 
   ::slotted([slot="description"]) {
-    font-weight: var(--eun-fontWeight-s, 300);
-    font-size: var(--image-card-description-size, var(--eun-fontSize-s, 14px));
+    font-weight: var(--eun-font-weight-s, 300);
+    font-size: var(--image-card-description-size, var(--eun-font-size-s, 14px));
     color: var(--eun-text-secondary, #484e61);
   }
 

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

@@ -29,11 +29,11 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as k}from"./chunks/chunk
     aspect-ratio: var(--image-carousel-aspect-ratio, 4 / 3);
     border-radius: var(
       --image-carousel-border-radius,
-      var(--eun-borderRadius-m, 8px)
+      var(--eun-border-radius-m, 8px)
     );
     background: var(
       --image-carousel-background,
-      var(--eun-color-grey-100, #f7f8fa)
+      var(--eun-surface-sunken, #f7f8fa)
     );
     outline: 3px solid transparent;
     transition: outline-color 0.2s ease-out;
@@ -216,10 +216,10 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as k}from"./chunks/chunk
     bottom: var(--eun-space-s, 8px);
     z-index: 3;
     padding: 2px 8px;
-    border-radius: var(--eun-borderRadius-full, 999px);
+    border-radius: var(--eun-border-radius-full, 999px);
     background: rgba(7, 22, 33, 0.55);
     color: #fff;
-    font-size: var(--eun-fontSize-xs, 12px);
+    font-size: var(--eun-font-size-xs, 12px);
     pointer-events: none;
   }
 
@@ -242,8 +242,8 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as k}from"./chunks/chunk
     width: var(--image-carousel-thumbnail-size, 64px);
     height: var(--image-carousel-thumbnail-size, 64px);
     overflow: hidden;
-    border: var(--eun-borderWidth-m, 1.5px) solid transparent;
-    border-radius: var(--eun-borderRadius-s, 6px);
+    border: var(--eun-border-width-m, 1.5px) solid transparent;
+    border-radius: var(--eun-border-radius-s, 6px);
     cursor: pointer;
     opacity: 0.6;
     outline: 2px solid transparent;
@@ -300,7 +300,7 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as k}from"./chunks/chunk
   }
   .dot[aria-current="true"] {
     width: calc(var(--image-carousel-dot-size, 8px) * 3.5);
-    border-radius: var(--eun-borderRadius-full, 999px);
+    border-radius: var(--eun-border-radius-full, 999px);
     background: var(
       --image-carousel-dot-active-color,
       var(--eun-color-primary-500, #3d6fff)
@@ -336,7 +336,7 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as k}from"./chunks/chunk
     object-fit: contain;
     border-radius: var(
       --image-carousel-lightbox-image-radius,
-      var(--eun-borderRadius-m, 8px)
+      var(--eun-border-radius-m, 8px)
     );
   }
 
@@ -383,10 +383,10 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as k}from"./chunks/chunk
     transform: translateX(-50%);
     z-index: 3;
     padding: 4px 10px;
-    border-radius: var(--eun-borderRadius-full, 999px);
+    border-radius: var(--eun-border-radius-full, 999px);
     background: rgba(0, 0, 0, 0.55);
     color: #fff;
-    font-size: var(--eun-fontSize-xs, 12px);
+    font-size: var(--eun-font-size-xs, 12px);
   }
 
   #lightbox-grid {
@@ -399,7 +399,7 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as k}from"./chunks/chunk
     padding: var(--eun-space-s, 8px);
     overflow-y: auto;
     background: var(--eun-surface-color, #ffffff);
-    border-left: var(--eun-borderWidth-s, 1px) solid
+    border-left: var(--eun-border-width-s, 1px) solid
       var(--eun-border-color, #dee0e7);
   }
   .grid-item {
@@ -407,8 +407,8 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as k}from"./chunks/chunk
     box-sizing: border-box;
     aspect-ratio: 1;
     overflow: hidden;
-    border: var(--eun-borderWidth-m, 1.5px) solid transparent;
-    border-radius: var(--eun-borderRadius-s, 6px);
+    border: var(--eun-border-width-m, 1.5px) solid transparent;
+    border-radius: var(--eun-border-radius-s, 6px);
     cursor: pointer;
     opacity: 0.7;
     transition:
@@ -445,7 +445,7 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as k}from"./chunks/chunk
       max-height: none;
       overflow-x: auto;
       overflow-y: hidden;
-      border-top: var(--eun-borderWidth-s, 1px) solid
+      border-top: var(--eun-border-width-s, 1px) solid
         var(--eun-border-color, #dee0e7);
       border-left: none;
     }
@@ -465,7 +465,7 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as k}from"./chunks/chunk
       animation: none !important;
     }
   }
-`,E=S;var R="eun-image-carousel",r=class extends D($){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.ariaLabelPrevious="Previous image";this.ariaLabelNext="Next image";this.ariaLabelExpand="View full-size image";this.ariaLabelLightbox="Image viewer";this.announcement="";this.transitionDirection=1;this.dragActive=!1;this.dragDirection=1;this.dragHasTarget=!1;this.suppressNextClick=!1;this.manuallyPaused=!1;this.scheduleAnnounce=k(()=>{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=L(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 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}%`,h=getComputedStyle(this).getPropertyValue("--_swipe-duration"),b=Number.parseFloat(h)<=0,f=b?"none":"transform var(--_swipe-duration) 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,Number.parseFloat(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`
+`,E=S;var M="eun-image-carousel",r=class extends D($){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.ariaLabelPrevious="Previous image";this.ariaLabelNext="Next image";this.ariaLabelExpand="View full-size image";this.ariaLabelLightbox="Image viewer";this.announcement="";this.transitionDirection=1;this.dragActive=!1;this.dragDirection=1;this.dragHasTarget=!1;this.suppressNextClick=!1;this.manuallyPaused=!1;this.scheduleAnnounce=k(()=>{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=L(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 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}%`,h=getComputedStyle(this).getPropertyValue("--_swipe-duration"),b=Number.parseFloat(h)<=0,f=b?"none":"transform var(--_swipe-duration) 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,Number.parseFloat(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`
       <div id="stage-images">
         ${this.previousImage?o`
               <img
@@ -641,4 +641,4 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as k}from"./chunks/chunk
       <span class="sr-only" role="status" aria-live="polite"
         >${this.announcement}</span
       >
-    `}};r.styles=E,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([p("#modal")],r.prototype,"modalEl",2),n([p("#main-image")],r.prototype,"mainImageEl",2),n([p("#stage")],r.prototype,"stageEl",2),n([p("#stage-images")],r.prototype,"stageImagesEl",2),r=n([w(R)],r);export{r as EunomiaImageCarousel,R as EunomiaImageCarouselTagName};
+    `}};r.styles=E,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([p("#modal")],r.prototype,"modalEl",2),n([p("#main-image")],r.prototype,"mainImageEl",2),n([p("#stage")],r.prototype,"stageEl",2),n([p("#stage-images")],r.prototype,"stageImagesEl",2),r=n([w(M)],r);export{r as EunomiaImageCarousel,M as EunomiaImageCarouselTagName};

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

@@ -1,4 +1,4 @@
-import{a as K,b as G}from"./chunks/chunk-ZYC7DHES.js";import"./chunks/chunk-O2HNWH65.js";import"./chunks/chunk-MMLIPCOY.js";import"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as q}from"./chunks/chunk-5EVP7YNE.js";import{a as c,b as t,c as u,d as p,e as l,f as B,g as R,h as f,i as I,j as L,n as _,s as U}from"./chunks/chunk-XH6NREVZ.js";var V=R`
+import{a as K,b as G}from"./chunks/chunk-ZYC7DHES.js";import"./chunks/chunk-5XJLIHAU.js";import"./chunks/chunk-MMLIPCOY.js";import"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as q}from"./chunks/chunk-5EVP7YNE.js";import{a as c,b as t,c as u,d as p,e as l,f as B,g as R,h as f,i as I,j as L,n as _,s as U}from"./chunks/chunk-XH6NREVZ.js";var V=R`
   :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-GW3VP2L7.js";import{a as z,b as p,c as _,d as C,e as h}from"./chunks/chunk-2IQUMAMI.js";import{a as u}from"./chunks/chunk-ONYUXQV2.js";import{a as L}from"./chunks/chunk-T7WABJEJ.js";import{a as m}from"./chunks/chunk-5EVP7YNE.js";import{a as l,f as y,g as k,h as s,i as F,j as $,n as d,p as b,s as w}from"./chunks/chunk-XH6NREVZ.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 E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as C,e as h}from"./chunks/chunk-OAULRKHQ.js";import{a as u}from"./chunks/chunk-YYCEPZUN.js";import{a as L}from"./chunks/chunk-T7WABJEJ.js";import{a as m}from"./chunks/chunk-5EVP7YNE.js";import{a as s,f as y,g as k,h as l,i as w,j as F,n as d,p as b,s as $}from"./chunks/chunk-XH6NREVZ.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`
   :host {
     --_borderColor: var(
       --input-file-border-color,
@@ -28,7 +28,7 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
     );
     --_borderRadius: var(
       --input-file-border-radius,
-      var(--eun-borderRadius-m, 8px)
+      var(--eun-border-radius-m, 8px)
     );
     --_itemBackground: var(
       --input-file-item-background,
@@ -38,7 +38,7 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
     --_gap: var(--input-file-gap, var(--eun-space-s, 8px));
     --_thumbnailSize: var(--input-file-thumbnail-size, 96px);
     font-family: var(--eun-font-family, "Mulish", sans-serif);
-    font-size: var(--eun-fontSize-s, 14px);
+    font-size: var(--eun-font-size-s, 14px);
     color: var(--_textColor);
     display: block;
     width: 100%;
@@ -71,7 +71,7 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
     justify-content: center;
     gap: var(--eun-space-xs, 4px);
     padding: var(--eun-space-l, 32px) var(--eun-space-m, 16px);
-    border: var(--eun-borderWidth-m, 1.5px) dashed var(--_borderColor);
+    border: var(--eun-border-width-m, 1.5px) dashed var(--_borderColor);
     border-radius: var(--_borderRadius);
     background-color: var(--_background);
     text-align: center;
@@ -137,7 +137,7 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
     justify-content: space-between;
     gap: var(--eun-space-s, 8px);
     flex-wrap: wrap;
-    font-size: var(--eun-fontSize-xs, 12px);
+    font-size: var(--eun-font-size-xs, 12px);
     color: var(--_hintColor);
   }
   #header-actions {
@@ -155,7 +155,7 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
     border: none;
     padding: 0;
     font: inherit;
-    font-size: var(--eun-fontSize-xs, 12px);
+    font-size: var(--eun-font-size-xs, 12px);
     color: var(--eun-color-primary-500, #3d6fff);
     cursor: pointer;
     text-decoration: underline;
@@ -168,7 +168,7 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
   .text-button:focus-visible {
     outline: 2px solid var(--_focusIndicator);
     outline-offset: 2px;
-    border-radius: var(--eun-borderRadius-xs, 4px);
+    border-radius: var(--eun-border-radius-xs, 4px);
   }
   #items {
     display: grid;
@@ -187,7 +187,7 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
     position: relative;
     display: flex;
     background-color: var(--_itemBackground);
-    border: var(--eun-borderWidth-m, 1.5px) solid var(--_itemBorderColor);
+    border: var(--eun-border-width-m, 1.5px) solid var(--_itemBorderColor);
     border-radius: var(--_borderRadius);
     box-sizing: border-box;
     cursor: pointer;
@@ -230,7 +230,7 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
     white-space: nowrap;
   }
   .item-size {
-    font-size: var(--eun-fontSize-xs, 12px);
+    font-size: var(--eun-font-size-xs, 12px);
     color: var(--_hintColor);
   }
   .item-checkbox {
@@ -249,7 +249,7 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
     justify-content: center;
     background: rgb(7 22 33 / 0.55);
     border: none;
-    border-radius: var(--eun-borderRadius-xl, 999px);
+    border-radius: var(--eun-border-radius-xl, 999px);
     color: #fff;
     cursor: pointer;
     padding: 2px;
@@ -272,11 +272,11 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
     outline: 2px solid var(--_focusIndicator);
     outline-offset: 2px;
   }
-`,S=M;var D="eun-input-file",j=L(C(w)),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(R=>({file:R,reason:"max-files"}))),a=a.slice(0,c))}f=[...n,...a]}else f=a;a.length&&(this.value=f,this.dispatchEvent(new u)),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.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.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.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`
+`,R=M;var D="eun-input-file",j=L(C($)),B=E(z(_(j))),r=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((i,o)=>{t.has(o)||(URL.revokeObjectURL(i),this.objectUrls.delete(o))}),this.selected.size){let i=new Set(Array.from(this.selected).filter(o=>t.has(o)));i.size!==this.selected.size&&(this.selected=i)}}}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(n=>n.trim().toLowerCase()).filter(Boolean);if(!i.length)return!0;let o=e.name.toLowerCase(),a=e.type.toLowerCase();return i.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),i=[],o=this.effectiveAccept,a=[];t.forEach(c=>{if(o&&!this.matchesAccept(c,o)){i.push({file:c,reason:"type"});return}if(this.maxSize!=null&&c.size>this.maxSize){i.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&&(i.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))),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 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(i,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(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,o=0;for(;i>=1024&&o<t.length-1;)i/=1024,o+=1;let a=o===0||i>=10?0:1;return`${i.toFixed(a)} ${t[o]}`}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"
@@ -290,7 +290,7 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
           ?multiple=${this.multiple}
           ?disabled=${e}
           aria-label=${m(this.label)}
-          aria-invalid=${this.valid?"false":"true"}
+          aria-invalid=${!this.hideError&&!this.disabled&&!this.valid}
           aria-describedby=${t?"description":b}
           @change=${this.handleNativeChange}
         />
@@ -302,7 +302,7 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
         tabindex=${this.disabled?"-1":"0"}
         aria-label="${e.name} — ${this.ariaLabelOpen}"
         @click=${()=>!this.disabled&&this.openFile(e)}
-        @keydown=${r=>this.handleItemKeydown(r,e)}
+        @keydown=${i=>this.handleItemKeydown(i,e)}
       >
         ${p(this.selectable,()=>d`
             <input
@@ -311,8 +311,8 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
               aria-label="${this.ariaLabelSelect} ${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`
@@ -331,16 +331,16 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
           class="item-remove"
           aria-label="${this.ariaLabelRemove} ${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,o=this.multiple&&this.maxFiles!=null&&t.length>=this.maxFiles,a=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||o,e!==b))}
           ${p(t.length>0,()=>d`
               <div id="header">
                 <span aria-live="polite"
@@ -386,4 +386,4 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
         </div>
         ${e}
       </div>
-    `}};i.styles=[S,h.base,h.errorMessages,h.hintMessages],l([s({reflect:!0})],i.prototype,"kind",2),l([s()],i.prototype,"accept",2),l([s({type:Boolean,reflect:!0})],i.prototype,"multiple",2),l([s({type:Number,attribute:"max-size"})],i.prototype,"maxSize",2),l([s({type:Number,attribute:"max-files"})],i.prototype,"maxFiles",2),l([s({type:Boolean,reflect:!0})],i.prototype,"selectable",2),l([s({attribute:"drop-label"})],i.prototype,"dropLabel",2),l([s({attribute:"browse-label"})],i.prototype,"browseLabel",2),l([s({attribute:"aria-label-remove"})],i.prototype,"ariaLabelRemove",2),l([s({attribute:"aria-label-select"})],i.prototype,"ariaLabelSelect",2),l([s({attribute:"remove-all-label"})],i.prototype,"removeAllLabel",2),l([s({attribute:"select-all-label"})],i.prototype,"selectAllLabel",2),l([s({attribute:"delete-selected-label"})],i.prototype,"deleteSelectedLabel",2),l([s({attribute:"aria-label-open"})],i.prototype,"ariaLabelOpen",2),l([s({type:Boolean,reflect:!0})],i.prototype,"dragging",2),l([F()],i.prototype,"selected",2),l([$("#field")],i.prototype,"fieldEl",2),i=l([y(D)],i);export{i as EunomiaInputFile,D as EunomiaInputFileTagName};
+    `}};r.styles=[R,h.base,h.errorMessages,h.hintMessages],s([l({reflect:!0})],r.prototype,"kind",2),s([l()],r.prototype,"accept",2),s([l({type:Boolean,reflect:!0})],r.prototype,"multiple",2),s([l({type:Number,attribute:"max-size"})],r.prototype,"maxSize",2),s([l({type:Number,attribute:"max-files"})],r.prototype,"maxFiles",2),s([l({type:Boolean,reflect:!0})],r.prototype,"selectable",2),s([l({attribute:"drop-label"})],r.prototype,"dropLabel",2),s([l({attribute:"browse-label"})],r.prototype,"browseLabel",2),s([l({attribute:"aria-label-remove"})],r.prototype,"ariaLabelRemove",2),s([l({attribute:"aria-label-select"})],r.prototype,"ariaLabelSelect",2),s([l({attribute:"remove-all-label"})],r.prototype,"removeAllLabel",2),s([l({attribute:"select-all-label"})],r.prototype,"selectAllLabel",2),s([l({attribute:"delete-selected-label"})],r.prototype,"deleteSelectedLabel",2),s([l({attribute:"aria-label-open"})],r.prototype,"ariaLabelOpen",2),s([l({type:Boolean,reflect:!0})],r.prototype,"dragging",2),s([w()],r.prototype,"selected",2),s([F("#field")],r.prototype,"fieldEl",2),r=s([y(D)],r);export{r as EunomiaInputFile,D as EunomiaInputFileTagName};