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

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

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

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

@@ -1,9 +1,12 @@
-import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk-SD2H5UDZ.js";import{a as k}from"./chunks/chunk-VRGRCYIO.js";import{a as c}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as I}from"./chunks/chunk-SJWRE6PW.js";import{a as n,f as w,g as T,h as s,i as g,j as p,n as o,p as l,s as $}from"./chunks/chunk-XH6NREVZ.js";var m=class P extends Event{static{this.eventName="eunimagechange"}constructor(v){super(P.eventName,{bubbles:!0,composed:!1}),this.index=v.index,this.count=v.count}};var S=T`
+import{a as E}from"./chunks/chunk-E5LQKBFI.js";import{a as L}from"./chunks/chunk-624VJYNA.js";import{a as I}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 k}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.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`
   :host {
     display: block;
     --_magnifierZoom: 2.5;
     --_transitionDuration: var(--image-carousel-transition-duration, 380ms);
-    --_swipe-duration: var(--image-carousel-swipe-duration, 200ms);
+    --_swipe-duration: var(
+      --image-carousel-swipe-duration,
+      var(--eun-duration-m, 200ms)
+    );
   }
 
   :host([transition="none"]) {
@@ -36,7 +39,18 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
       var(--eun-surface-sunken, #f7f8fa)
     );
     outline: 3px solid transparent;
-    transition: outline-color 0.2s ease-out;
+    transition: outline-color var(--eun-duration-m, 200ms)
+      var(--eun-easing-out, ease-out);
+  }
+  #stage::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    z-index: 4;
+    border: var(--image-carousel-border-width, var(--eun-border-width-s, 1px))
+      solid var(--image-carousel-border-color, transparent);
+    border-radius: inherit;
+    pointer-events: none;
   }
 
   #stage:has(#expand-trigger:focus-visible) {
@@ -74,7 +88,8 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
   }
 
   #main-image {
-    transition: transform 0.15s ease;
+    transition: transform var(--eun-duration-s, 150ms)
+      var(--eun-easing-default, ease);
   }
   #main-image.zoomed {
     transform: scale(var(--_magnifierZoom));
@@ -132,22 +147,28 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
     }
   }
   .transition-slide.entering.dir-next {
-    animation: ic-slide-in-next var(--_transitionDuration) ease;
+    animation: ic-slide-in-next var(--_transitionDuration)
+      var(--eun-easing-default, ease);
   }
   .transition-slide.entering.dir-prev {
-    animation: ic-slide-in-prev var(--_transitionDuration) ease;
+    animation: ic-slide-in-prev var(--_transitionDuration)
+      var(--eun-easing-default, ease);
   }
   .transition-slide.leaving.dir-next {
-    animation: ic-slide-out-next var(--_transitionDuration) ease;
+    animation: ic-slide-out-next var(--_transitionDuration)
+      var(--eun-easing-default, ease);
   }
   .transition-slide.leaving.dir-prev {
-    animation: ic-slide-out-prev var(--_transitionDuration) ease;
+    animation: ic-slide-out-prev var(--_transitionDuration)
+      var(--eun-easing-default, ease);
   }
   .transition-fade.entering {
-    animation: ic-fade-in var(--_transitionDuration) ease;
+    animation: ic-fade-in var(--_transitionDuration)
+      var(--eun-easing-default, ease);
   }
   .transition-fade.leaving {
-    animation: ic-fade-out var(--_transitionDuration) ease;
+    animation: ic-fade-out var(--_transitionDuration)
+      var(--eun-easing-default, ease);
   }
 
   #expand-icon {
@@ -164,7 +185,8 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
     background: rgba(7, 22, 33, 0.55);
     color: #fff;
     opacity: 0.85;
-    transition: opacity 0.2s ease;
+    transition: opacity var(--eun-duration-m, 200ms)
+      var(--eun-easing-default, ease);
     cursor: pointer;
   }
 
@@ -187,9 +209,10 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
     box-shadow: none;
     outline: 2px solid transparent;
     transition:
-      outline 0.2s ease-out,
-      background-color 0.2s ease,
-      box-shadow 0.2s ease;
+      outline var(--eun-duration-m, 200ms) var(--eun-easing-out, ease-out),
+      background-color var(--eun-duration-m, 200ms)
+        var(--eun-easing-default, ease),
+      box-shadow var(--eun-duration-m, 200ms) var(--eun-easing-default, ease);
   }
   #prev {
     left: var(--eun-space-s, 8px);
@@ -242,16 +265,17 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
     width: var(--image-carousel-thumbnail-size, 64px);
     height: var(--image-carousel-thumbnail-size, 64px);
     overflow: hidden;
-    border: var(--eun-border-width-m, 1.5px) solid transparent;
+    border: var(--eun-border-width-m, 1.5px) solid
+      var(--image-carousel-thumbnail-border-color, transparent);
     border-radius: var(--eun-border-radius-s, 6px);
     cursor: pointer;
     opacity: 0.6;
     outline: 2px solid transparent;
     outline-offset: -2px;
     transition:
-      opacity 0.2s ease,
-      outline 0.2s ease-out,
-      border-color 0.2s ease;
+      opacity var(--eun-duration-m, 200ms) var(--eun-easing-default, ease),
+      outline var(--eun-duration-m, 200ms) var(--eun-easing-out, ease-out),
+      border-color var(--eun-duration-m, 200ms) var(--eun-easing-default, ease);
   }
   .thumbnail img {
     display: block;
@@ -264,7 +288,10 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
   }
   .thumbnail[aria-current="true"] {
     opacity: 1;
-    border-color: var(--eun-color-primary-500, #3d6fff);
+    border-color: var(
+      --image-carousel-thumbnail-active-border-color,
+      var(--eun-color-primary-500, #3d6fff)
+    );
   }
   .thumbnail:focus-visible {
     outline-color: var(--eun-color-primary-500, #3d6fff);
@@ -291,9 +318,10 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
     outline: 2px solid transparent;
     outline-offset: 2px;
     transition:
-      width 0.2s ease,
-      border-radius 0.2s ease,
-      background-color 0.2s ease;
+      width var(--eun-duration-m, 200ms) var(--eun-easing-default, ease),
+      border-radius var(--eun-duration-m, 200ms) var(--eun-easing-default, ease),
+      background-color var(--eun-duration-m, 200ms)
+        var(--eun-easing-default, ease);
   }
   .dot:focus-visible {
     outline-color: var(--eun-color-primary-500, #3d6fff);
@@ -308,6 +336,7 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
   }
 
   #modal {
+    --modal-padding: 0;
     --modal-width: var(--image-carousel-lightbox-width, min(1200px, 94vw));
     --modal-max-height: var(
       --image-carousel-lightbox-max-height,
@@ -358,7 +387,8 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
     cursor: pointer;
     outline: 2px solid transparent;
     outline-offset: 2px;
-    transition: background-color 0.2s ease;
+    transition: background-color var(--eun-duration-m, 200ms)
+      var(--eun-easing-default, ease);
   }
   #lightbox-prev {
     left: var(--eun-space-m, 16px);
@@ -400,20 +430,21 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
     overflow-y: auto;
     background: var(--eun-surface-color, #ffffff);
     border-left: var(--eun-border-width-s, 1px) solid
-      var(--eun-border-color, #dee0e7);
+      var(--image-carousel-divider-color, var(--eun-border-color, #dee0e7));
   }
   .grid-item {
     all: unset;
     box-sizing: border-box;
     aspect-ratio: 1;
     overflow: hidden;
-    border: var(--eun-border-width-m, 1.5px) solid transparent;
+    border: var(--eun-border-width-m, 1.5px) solid
+      var(--image-carousel-thumbnail-border-color, transparent);
     border-radius: var(--eun-border-radius-s, 6px);
     cursor: pointer;
     opacity: 0.7;
     transition:
-      opacity 0.2s ease,
-      border-color 0.2s ease;
+      opacity var(--eun-duration-m, 200ms) var(--eun-easing-default, ease),
+      border-color var(--eun-duration-m, 200ms) var(--eun-easing-default, ease);
   }
   .grid-item img {
     display: block;
@@ -426,14 +457,17 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
   }
   .grid-item[aria-current="true"] {
     opacity: 1;
-    border-color: var(--eun-color-primary-500, #3d6fff);
+    border-color: var(
+      --image-carousel-thumbnail-active-border-color,
+      var(--eun-color-primary-500, #3d6fff)
+    );
   }
   .grid-item:focus-visible {
     outline: 2px solid var(--eun-color-primary-500, #3d6fff);
     outline-offset: 2px;
   }
 
-  @media (max-width: ${k.mobile}px) {
+  @media ${I("mobile")} {
     #lightbox {
       flex-direction: column;
     }
@@ -446,7 +480,7 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
       overflow-x: auto;
       overflow-y: hidden;
       border-top: var(--eun-border-width-s, 1px) solid
-        var(--eun-border-color, #dee0e7);
+        var(--image-carousel-divider-color, var(--eun-border-color, #dee0e7));
       border-left: none;
     }
   }
@@ -465,11 +499,11 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
       animation: none !important;
     }
   }
-`,E=S;var M="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.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=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=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`
+`,P=M;var z="eun-image-carousel",r=class extends 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=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`
       <div id="stage-images">
         ${this.previousImage?o`
               <img
-                class=${c(this.layerClasses("leaving"))}
+                class=${p(this.layerClasses("leaving"))}
                 src=${this.previousImage.src}
                 alt=""
                 aria-hidden="true"
@@ -478,7 +512,7 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
             `:l}
         <img
           id="main-image"
-          class=${c(this.layerClasses("entering"))}
+          class=${p(this.layerClasses("entering"))}
           src=${e.src}
           alt=${this.lightbox?"":e.alt}
           @pointerenter=${this.handlePointerEnter}
@@ -491,7 +525,7 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
         type="button"
         id="expand-trigger"
         aria-haspopup="dialog"
-        aria-label="${this.ariaLabelExpand} (${this.activeIndex+1}/${t})"
+        aria-label="${this.expandLabel??this.dictionary.imageCarousel.expand} (${this.activeIndex+1}/${t})"
         @click=${this.handleExpandClick}
       >
         ${i}
@@ -502,7 +536,7 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
         type="button"
         class="stage-nav"
         id="prev"
-        aria-label=${this.ariaLabelPrevious}
+        aria-label=${this.previousLabel??this.dictionary.imageCarousel.previous}
         ?disabled=${e}
         @click=${()=>this.previous()}
       >
@@ -512,14 +546,18 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
         type="button"
         class="stage-nav"
         id="next"
-        aria-label=${this.ariaLabelNext}
+        aria-label=${this.nextLabel??this.dictionary.imageCarousel.next}
         ?disabled=${t}
         @click=${()=>this.next()}
       >
         <eun-icon name="chevron_right" size="18"></eun-icon>
       </button>
     `}renderThumbnails(e){return o`
-      <div id="thumbnails" role="group" aria-label=${this.dictionary.imageCarousel.selectImage}>
+      <div
+        id="thumbnails"
+        role="group"
+        aria-label=${this.dictionary.imageCarousel.selectImage}
+      >
         ${this.images.map((t,i)=>o`
             <button
               type="button"
@@ -533,7 +571,11 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
           `)}
       </div>
     `}renderDots(e){return o`
-      <div id="dots" role="group" aria-label=${this.dictionary.imageCarousel.imageNavigation}>
+      <div
+        id="dots"
+        role="group"
+        aria-label=${this.dictionary.imageCarousel.imageNavigation}
+      >
         ${this.images.map((t,i)=>{let a=i===this.activeIndex;return o`
             <button
               type="button"
@@ -547,9 +589,8 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
     `}renderThumbnailsOrDots(e){return this.showThumbnails?this.renderThumbnails(e):this.showDots?this.renderDots(e):l}renderLightbox(e,t,i){return o`
       <eun-modal
         id="modal"
-        kind="search"
         hide-actions
-        aria-label=${this.ariaLabelLightbox}
+        aria-label=${this.lightboxLabel??this.dictionary.imageCarousel.lightbox}
         @euncancel=${()=>this.handleTransientResume()}
       >
         <div id="lightbox" @keydown=${this.handleKeydown}>
@@ -562,7 +603,7 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
             <div id="lightbox-images">
               ${this.previousImage?o`
                     <img
-                      class=${c(this.layerClasses("leaving"))}
+                      class=${p(this.layerClasses("leaving"))}
                       src=${this.previousImage.src}
                       alt=""
                       aria-hidden="true"
@@ -571,7 +612,7 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
                   `:l}
               <img
                 id="lightbox-image"
-                class=${c(this.layerClasses("entering"))}
+                class=${p(this.layerClasses("entering"))}
                 src=${e.src}
                 alt=${e.alt}
               />
@@ -581,7 +622,7 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
                     type="button"
                     class="lightbox-nav"
                     id="lightbox-prev"
-                    aria-label=${this.ariaLabelPrevious}
+                    aria-label=${this.previousLabel??this.dictionary.imageCarousel.previous}
                     ?disabled=${!this.loop&&this.activeIndex<=0}
                     @click=${()=>this.previous()}
                   >
@@ -591,7 +632,7 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
                     type="button"
                     class="lightbox-nav"
                     id="lightbox-next"
-                    aria-label=${this.ariaLabelNext}
+                    aria-label=${this.nextLabel??this.dictionary.imageCarousel.next}
                     ?disabled=${!this.loop&&this.activeIndex>=t-1}
                     @click=${()=>this.next()}
                   >
@@ -603,7 +644,11 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
                 `:l}
           </div>
           ${this.lightboxGrid&&i?o`
-                <div id="lightbox-grid" role="group" aria-label=${this.dictionary.imageCarousel.allImages}>
+                <div
+                  id="lightbox-grid"
+                  role="group"
+                  aria-label=${this.dictionary.imageCarousel.allImages}
+                >
                   ${this.images.map((a,d)=>o`
                       <button
                         type="button"
@@ -627,7 +672,7 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk
       <div
         id="stage"
         role="group"
-        aria-label=${this.ariaLabel||"Image gallery"}
+        aria-label=${this.ariaLabel||this.dictionary.imageCarousel.gallery}
         @keydown=${this.handleKeydown}
       >
         ${this.renderMainImage(e,t)}
@@ -641,4 +686,4 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}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(M)],r);export{r as EunomiaImageCarousel,M as EunomiaImageCarouselTagName};
+    `}};r.styles=P,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({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,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([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};