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

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

@@ -1,4 +1,4 @@
-import{a as A}from"./chunks/chunk-SD2H5UDZ.js";import{a as y}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as I}from"./chunks/chunk-SJWRE6PW.js";import{a as r,f as k,g as S,h as a,i as n,j as x,l as P,n as u,p as d,s as T}from"./chunks/chunk-XH6NREVZ.js";var v=class g extends Event{static{this.eventName="eunslidechange"}constructor(f){super(g.eventName,{bubbles:!0,composed:!1}),this.index=f.index,this.count=f.count}};var $=S`
+import{a as E}from"./chunks/chunk-SD2H5UDZ.js";import{a as k}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as $}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a,f as T,h as R,j as i,k as l,l as y,n as C,p as u,r as d,u as A}from"./chunks/chunk-YITWLCD3.js";var m=class w extends Event{static{this.eventName="eunslidechange"}constructor(g){super(w.eventName,{bubbles:!0,composed:!1}),this.index=g.index,this.count=g.count}};var B=R`
   :host {
     display: block;
     --_visibleCount: 1;
@@ -7,6 +7,7 @@ import{a as A}from"./chunks/chunk-SD2H5UDZ.js";import{a as y}from"./chunks/chunk
       var(--_visibleCount)
     );
     --_snapAlign: start;
+    --_trackInline: var(--carousel-track-padding-inline, 0px);
   }
 
   .sr-only {
@@ -26,7 +27,7 @@ import{a as A}from"./chunks/chunk-SD2H5UDZ.js";import{a as y}from"./chunks/chunk
     align-items: var(--carousel-header-align, flex-end);
     justify-content: space-between;
     gap: var(--carousel-header-gap, var(--eun-space-m, 16px));
-    margin-bottom: var(--eun-space-m, 16px);
+    margin-bottom: var(--carousel-header-margin, var(--eun-space-m, 16px));
   }
   #carousel-header[hidden] {
     display: none;
@@ -64,10 +65,11 @@ import{a as A}from"./chunks/chunk-SD2H5UDZ.js";import{a as y}from"./chunks/chunk
     width: var(--carousel-fade-width, 60px);
     z-index: 2;
     pointer-events: none;
-    transition: opacity 0.3s ease;
+    transition: opacity var(--eun-duration-xl, 300ms)
+      var(--eun-easing-default, ease);
   }
   #viewport::before {
-    left: 0;
+    left: calc(-1 * var(--_trackInline));
     opacity: var(--_showLeftFade, 0);
     background: linear-gradient(
       to right,
@@ -76,7 +78,7 @@ import{a as A}from"./chunks/chunk-SD2H5UDZ.js";import{a as y}from"./chunks/chunk
     );
   }
   #viewport::after {
-    right: 0;
+    right: calc(-1 * var(--_trackInline));
     opacity: var(--_showRightFade, 0);
     background: linear-gradient(
       to left,
@@ -92,7 +94,17 @@ import{a as A}from"./chunks/chunk-SD2H5UDZ.js";import{a as y}from"./chunks/chunk
   #track {
     display: flex;
     gap: var(--carousel-gap, 16px);
-    padding-block: var(--carousel-track-padding, 0);
+    padding-block: var(
+        --carousel-track-padding-top,
+        var(--carousel-track-padding, var(--eun-space-l))
+      )
+      var(
+        --carousel-track-padding-bottom,
+        var(--carousel-track-padding, var(--eun-space-l))
+      );
+    padding-inline: var(--_trackInline);
+    margin-inline: calc(-1 * var(--_trackInline));
+    scroll-padding-inline: var(--_trackInline);
     overflow-x: auto;
     overflow-y: hidden;
     scroll-snap-type: x mandatory;
@@ -100,7 +112,8 @@ import{a as A}from"./chunks/chunk-SD2H5UDZ.js";import{a as y}from"./chunks/chunk
     outline: 2px solid transparent;
     outline-offset: 8px;
     border-radius: var(--eun-border-radius-m);
-    transition: outline 0.2s ease-out;
+    transition: outline var(--eun-duration-m, 200ms)
+      var(--eun-easing-out, ease-out);
   }
   #track::-webkit-scrollbar {
     display: none;
@@ -124,10 +137,11 @@ import{a as A}from"./chunks/chunk-SD2H5UDZ.js";import{a as y}from"./chunks/chunk
     flex-shrink: 0;
     scroll-snap-align: var(--_snapAlign, start);
     scroll-snap-stop: always;
-    transition: transform 0.2s ease;
+    transition: transform var(--eun-duration-m, 200ms)
+      var(--eun-easing-default, ease);
   }
   :host([full-slides]) ::slotted(:not([slot])) {
-    flex-basis: max(
+    --_slideBasis: max(
       var(--carousel-min-slide-width, 220px),
       calc(
         (
@@ -139,7 +153,7 @@ import{a as A}from"./chunks/chunk-SD2H5UDZ.js";import{a as y}from"./chunks/chunk
     );
   }
   :host(:not([full-slides])) ::slotted(:not([slot])) {
-    flex-basis: max(
+    --_slideBasis: max(
       var(--carousel-min-slide-width, 220px),
       calc(
         (
@@ -150,6 +164,9 @@ import{a as A}from"./chunks/chunk-SD2H5UDZ.js";import{a as y}from"./chunks/chunk
       )
     );
   }
+  :host ::slotted(:not([slot])) {
+    flex-basis: var(--carousel-slide-width, var(--_slideBasis));
+  }
   ::slotted(.eun-carousel-active-slide) {
     transform: scale(var(--carousel-active-scale, 1));
   }
@@ -167,8 +184,8 @@ import{a as A}from"./chunks/chunk-SD2H5UDZ.js";import{a as y}from"./chunks/chunk
     align-items: center;
     justify-content: center;
     border-radius: 50%;
-    border: var(--eun-border-width-s, 1px) solid
-      var(--carousel-nav-border-color, var(--eun-border-color, #dee0e7));
+    border: var(--carousel-nav-border-width, var(--eun-border-width-s, 1px))
+      solid var(--carousel-nav-border-color, var(--eun-border-color, #dee0e7));
     background: var(
       --carousel-nav-background,
       var(--eun-surface-color, #ffffff)
@@ -176,14 +193,27 @@ import{a as A}from"./chunks/chunk-SD2H5UDZ.js";import{a as y}from"./chunks/chunk
     color: var(--carousel-nav-color, var(--eun-text-color, #071621));
     cursor: pointer;
     outline: 2px solid transparent;
-    transition: outline 0.2s ease-out;
     transition:
-      outline 0.2s ease-out,
-      opacity 0.2s ease,
-      background-color 0.2s ease;
+      outline var(--eun-duration-m, 200ms) var(--eun-easing-out, ease-out),
+      opacity var(--eun-duration-m, 200ms) var(--eun-easing-default, ease),
+      background-color var(--eun-duration-m, 200ms)
+        var(--eun-easing-default, ease),
+      color var(--eun-duration-m, 200ms) var(--eun-easing-default, ease),
+      border-color var(--eun-duration-m, 200ms) var(--eun-easing-default, ease);
   }
   .nav:hover:not(:disabled) {
-    background: var(--eun-content-hover, #edeff0);
+    background: var(
+      --carousel-nav-hover-background,
+      var(--eun-content-hover, #edeff0)
+    );
+    color: var(
+      --carousel-nav-hover-color,
+      var(--carousel-nav-color, var(--eun-text-color, #071621))
+    );
+    border-color: var(
+      --carousel-nav-hover-border-color,
+      var(--carousel-nav-border-color, var(--eun-border-color, #dee0e7))
+    );
   }
   .nav:focus-visible {
     outline-color: var(--eun-color-primary-500, #3d6fff);
@@ -208,11 +238,14 @@ import{a as A}from"./chunks/chunk-SD2H5UDZ.js";import{a as y}from"./chunks/chunk
   .nav eun-icon {
     pointer-events: none;
   }
+  :host(:dir(rtl)) .nav eun-icon {
+    transform: scaleX(-1);
+  }
   #prev {
-    left: var(--eun-space-s, 8px);
+    inset-inline-start: var(--eun-space-s, 8px);
   }
   #next {
-    right: var(--eun-space-s, 8px);
+    inset-inline-end: var(--eun-space-s, 8px);
   }
   #viewport .nav {
     box-shadow: var(--carousel-nav-shadow, 0 2px 10px rgba(15, 23, 42, 0.18));
@@ -238,10 +271,11 @@ import{a as A}from"./chunks/chunk-SD2H5UDZ.js";import{a as y}from"./chunks/chunk
     cursor: pointer;
     outline: 2px solid transparent;
     transition:
-      width 0.2s ease,
-      outline 0.2s ease-out,
-      border-radius 0.2s ease,
-      background-color 0.2s ease;
+      width var(--eun-duration-m, 200ms) var(--eun-easing-default, ease),
+      outline var(--eun-duration-m, 200ms) var(--eun-easing-out, ease-out),
+      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);
@@ -268,55 +302,55 @@ import{a as A}from"./chunks/chunk-SD2H5UDZ.js";import{a as y}from"./chunks/chunk
       transition: none;
     }
   }
-`,C=$;var L="eun-carousel",N="eun-carousel-active-slide",t=class extends I(T){constructor(){super(...arguments);this.layout="inline";this.navPlacement="end";this.responsiveBreakpoint=480;this.visibleSlides=1;this.fullSlides=!0;this.scrollStep=1;this.centerSnap=!1;this.edgeFade=!0;this.loop=!1;this.autoplay=!1;this.autoplayInterval=4e3;this.showArrows=!0;this.showDots=!0;this.ariaLabelPrevious="Previous slide";this.ariaLabelNext="Next slide";this.currentIndex=0;this.slideCount=0;this.manuallyPaused=!1;this.announcement="";this.hasTitle=!1;this.narrow=!1;this.effectiveVisibleSlides=1;this.effectiveScrollStep=1;this.resizeObserver=new ResizeObserver(()=>{this.resizeRaf!==void 0&&cancelAnimationFrame(this.resizeRaf),this.resizeRaf=requestAnimationFrame(()=>{this.resizeRaf=void 0,this.syncCssOverrides(),this.updateFromScrollPosition(),this.updateCenterPadding(),this.updateNarrow()})});this.handleScroll=()=>{this.scrollRaf===void 0&&(this.scrollRaf=requestAnimationFrame(()=>{this.scrollRaf=void 0,this.updateFromScrollPosition()}))};this.scheduleAnnounce=A(()=>{this.announcement=this.buildAnnouncement(),this.dispatchEvent(new v({index:this.currentIndex,count:this.slideCount}))},200);this.maxIndex=0;this.handleTransientPause=()=>{this.stopAutoplay()};this.handleTransientResume=()=>{this.startAutoplay()}}connectedCallback(){super.connectedCallback?.(),this.addEventListener("mouseenter",this.handleTransientPause),this.addEventListener("mouseleave",this.handleTransientResume),this.addEventListener("focusin",this.handleTransientPause),this.addEventListener("focusout",this.handleTransientResume)}disconnectedCallback(){this.stopAutoplay(),this.resizeObserver.disconnect(),this.removeEventListener("mouseenter",this.handleTransientPause),this.removeEventListener("mouseleave",this.handleTransientResume),this.removeEventListener("focusin",this.handleTransientPause),this.removeEventListener("focusout",this.handleTransientResume),this.scrollRaf!==void 0&&cancelAnimationFrame(this.scrollRaf),this.resizeRaf!==void 0&&cancelAnimationFrame(this.resizeRaf),super.disconnectedCallback?.()}firstUpdated(e){super.firstUpdated(e),this.syncCssOverrides(),this.resizeObserver.observe(this)}updated(e){super.updated(e),e.has("visibleSlides")&&this.style.setProperty("--_visibleCount",String(Math.max(1,this.visibleSlides))),(e.has("visibleSlides")||e.has("scrollStep"))&&this.syncCssOverrides(),e.has("centerSnap")&&(this.style.setProperty("--_snapAlign",this.centerSnap?"center":"start"),this.updateCenterPadding(),this.updateFromScrollPosition()),e.has("autoplay")&&(this.autoplay?this.startAutoplay():this.stopAutoplay()),e.has("responsiveBreakpoint")&&this.updateNarrow()}previous(){this.step(-1)}next(){this.step(1)}goTo(e){this.goToIndex(e)}getCssPixelValue(e,s){let i=Number.parseFloat(getComputedStyle(this).getPropertyValue(e));return Number.isNaN(i)?s:i}get pageCount(){return Math.ceil(this.maxIndex/this.effectiveScrollStep)+1}syncCssOverrides(){this.effectiveVisibleSlides=Math.max(1,Math.round(this.getCssPixelValue("--carousel-visible-slides",this.visibleSlides))),this.effectiveScrollStep=Math.max(1,Math.round(this.getCssPixelValue("--carousel-scroll-step",this.scrollStep)))}measureMaxIndex(){if(!this.trackEl||!this.slides.length)return 0;if(this.centerSnap)return this.slides.length-1;let e=this.trackEl,s=e.getBoundingClientRect(),i=Math.max(0,e.scrollWidth-e.clientWidth),o=0,l=1/0;return this.slides.forEach((p,b)=>{let h=p.getBoundingClientRect().left-s.left+e.scrollLeft,c=Math.abs(h-i);c<l&&(l=c,o=b)}),o}updateCenterPadding(){if(!this.centerSnap||!this.trackEl||!this.slides.length){this.style.setProperty("--_centerPadding","0px");return}let e=this.trackEl.clientWidth,s=this.slides[0].getBoundingClientRect().width,i=Math.max(0,(e-s)/2);this.style.setProperty("--_centerPadding",`${i}px`)}updateNarrow(){let e=this.getCssPixelValue("--carousel-responsive-breakpoint",this.responsiveBreakpoint);this.narrow=e>0&&this.getBoundingClientRect().width<e}handleSlotChange(){this.slideCount=this.slides.length,this.slides.forEach((e,s)=>{e.setAttribute("role","group"),e.setAttribute("aria-roledescription","slide"),e.setAttribute("aria-label",this.dictionary.carousel.ofTotal(s+1,this.slideCount))}),this.updateFromScrollPosition(),this.updateCenterPadding(),this.startAutoplay()}handleTitleSlotChange(){this.hasTitle=(this.titleSlotEl?.assignedNodes({flatten:!0}).length??0)>0}scrollBehavior(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth"}goToIndex(e){if(!this.slides.length||!this.trackEl)return;let s=this.maxIndex,i=this.loop?(e%(s+1)+(s+1))%(s+1):Math.max(0,Math.min(e,s));if(!this.centerSnap&&i===s){this.trackEl.scrollTo({left:this.trackEl.scrollWidth-this.trackEl.clientWidth,behavior:this.scrollBehavior()});return}let o=this.slides[i];o&&o.scrollIntoView({behavior:this.scrollBehavior(),inline:this.centerSnap?"center":"start",block:"nearest"})}step(e){this.syncCssOverrides(),this.goToIndex(this.currentIndex+e*this.effectiveScrollStep)}startAutoplay(){this.autoplayTimer||!this.autoplay||this.manuallyPaused||this.maxIndex<=0||(this.autoplayTimer=setInterval(()=>this.step(1),this.autoplayInterval))}stopAutoplay(){clearInterval(this.autoplayTimer),this.autoplayTimer=void 0}pauseAutoplay(){this.manuallyPaused=!0,this.stopAutoplay()}resumeAutoplay(){this.manuallyPaused=!1,this.startAutoplay()}buildAnnouncement(){if(!this.slideCount)return"";let e=this.currentIndex+1,s=Math.max(1,Math.min(this.effectiveVisibleSlides,this.slideCount-this.currentIndex)),i=Math.min(e+s-1,this.slideCount);return i>e?`Showing slides ${e} to ${i} of ${this.slideCount}`:`Slide ${e} of ${this.slideCount}`}updateFromScrollPosition(){if(!this.trackEl||!this.slides.length)return;let e=this.trackEl.getBoundingClientRect(),s=this.centerSnap?e.left+e.width/2:e.left,i=0,o=1/0;this.slides.forEach((h,c)=>{let m=h.getBoundingClientRect(),R=this.centerSnap?m.left+m.width/2:m.left,w=Math.abs(R-s);w<o&&(o=w,i=c)}),this.maxIndex=this.measureMaxIndex(),i=Math.min(i,this.maxIndex),this.slides.forEach((h,c)=>{h.classList.toggle(N,c===i)});let l=i!==this.currentIndex;this.currentIndex=i;let{scrollLeft:p}=this.trackEl,b=this.trackEl.scrollWidth-this.trackEl.clientWidth;this.style.setProperty("--_showLeftFade",p>1?"1":"0"),this.style.setProperty("--_showRightFade",p<b-1?"1":"0"),l&&this.scheduleAnnounce()}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);break;case"End":e.preventDefault(),this.goToIndex(this.maxIndex);break;default:break}}renderDots(){if(!this.showDots||this.pageCount<=1)return d;let e=this.effectiveScrollStep,s=Math.round(this.currentIndex/e);return u`
+`,M=B;var L="eun-carousel",N="eun-carousel-active-slide",t=class extends $(A){constructor(){super(...arguments);this.layout="inline";this.navPlacement="end";this.responsiveBreakpoint=480;this.visibleSlides=1;this.fullSlides=!0;this.scrollStep=1;this.centerSnap=!1;this.edgeFade=!0;this.loop=!1;this.autoplay=!1;this.autoplayInterval=4e3;this.showArrows=!0;this.showDots=!0;this.currentIndex=0;this.slideCount=0;this.manuallyPaused=!1;this.announcement="";this.hasTitle=!1;this.narrow=!1;this.effectiveVisibleSlides=1;this.effectiveScrollStep=1;this.resizeObserver=new ResizeObserver(()=>{this.resizeRaf!==void 0&&cancelAnimationFrame(this.resizeRaf),this.resizeRaf=requestAnimationFrame(()=>{this.resizeRaf=void 0,this.syncCssOverrides(),this.updateFromScrollPosition(),this.updateCenterPadding(),this.updateNarrow()})});this.handleScroll=()=>{this.scrollRaf===void 0&&(this.scrollRaf=requestAnimationFrame(()=>{this.scrollRaf=void 0,this.updateFromScrollPosition()}))};this.scheduleAnnounce=E(()=>{this.announcement=this.buildAnnouncement(),this.dispatchEvent(new m({index:this.currentIndex,count:this.slideCount}))},200);this.maxIndex=0;this.handleTransientPause=()=>{this.stopAutoplay()};this.handleTransientResume=()=>{this.startAutoplay()}}connectedCallback(){super.connectedCallback?.(),this.addEventListener("mouseenter",this.handleTransientPause),this.addEventListener("mouseleave",this.handleTransientResume),this.addEventListener("focusin",this.handleTransientPause),this.addEventListener("focusout",this.handleTransientResume)}disconnectedCallback(){this.stopAutoplay(),this.resizeObserver.disconnect(),this.removeEventListener("mouseenter",this.handleTransientPause),this.removeEventListener("mouseleave",this.handleTransientResume),this.removeEventListener("focusin",this.handleTransientPause),this.removeEventListener("focusout",this.handleTransientResume),this.scrollRaf!==void 0&&cancelAnimationFrame(this.scrollRaf),this.resizeRaf!==void 0&&cancelAnimationFrame(this.resizeRaf),super.disconnectedCallback?.()}firstUpdated(e){super.firstUpdated(e),this.syncCssOverrides(),this.resizeObserver.observe(this)}updated(e){super.updated(e),e.has("visibleSlides")&&this.style.setProperty("--_visibleCount",String(Math.max(1,this.visibleSlides))),(e.has("visibleSlides")||e.has("scrollStep"))&&this.syncCssOverrides(),e.has("centerSnap")&&(this.style.setProperty("--_snapAlign",this.centerSnap?"center":"start"),this.updateCenterPadding(),this.updateFromScrollPosition()),e.has("autoplay")&&(this.autoplay?this.startAutoplay():this.stopAutoplay()),e.has("responsiveBreakpoint")&&this.updateNarrow()}previous(){this.step(-1)}next(){this.step(1)}goTo(e){this.goToIndex(e)}getCssPixelValue(e,r){let s=Number.parseFloat(getComputedStyle(this).getPropertyValue(e));return Number.isNaN(s)?r:s}getTrackInset(){return this.trackEl&&Number.parseFloat(getComputedStyle(this.trackEl).paddingLeft)||0}isRtl(){return!!this.trackEl&&getComputedStyle(this.trackEl).direction==="rtl"}getScrollProgress(){return this.trackEl?Math.abs(this.trackEl.scrollLeft):0}getInlineStartOffset(e,r){return this.isRtl()?r.right-e.right:e.left-r.left}get pageCount(){return Math.ceil(this.maxIndex/this.effectiveScrollStep)+1}syncCssOverrides(){this.effectiveVisibleSlides=Math.max(1,Math.round(this.getCssPixelValue("--carousel-visible-slides",this.visibleSlides))),this.effectiveScrollStep=Math.max(1,Math.round(this.getCssPixelValue("--carousel-scroll-step",this.scrollStep)))}measureMaxIndex(){if(!this.trackEl||!this.slides.length)return 0;if(this.centerSnap)return this.slides.length-1;let e=this.trackEl,r=e.getBoundingClientRect(),s=Math.max(0,e.scrollWidth-e.clientWidth),n=this.getScrollProgress(),o=this.getTrackInset(),h=0,p=1/0;return this.slides.forEach((v,f)=>{let b=this.getInlineStartOffset(v.getBoundingClientRect(),r)+n-o,c=Math.abs(b-s);c<p&&(p=c,h=f)}),h}updateCenterPadding(){if(!this.centerSnap||!this.trackEl||!this.slides.length){this.style.setProperty("--_centerPadding","0px");return}let e=this.trackEl.clientWidth-2*this.getTrackInset(),r=this.slides[0].getBoundingClientRect().width,s=Math.max(0,(e-r)/2);this.style.setProperty("--_centerPadding",`${s}px`)}updateNarrow(){let e=this.getCssPixelValue("--carousel-responsive-breakpoint",this.responsiveBreakpoint);this.narrow=e>0&&this.getBoundingClientRect().width<e}handleSlotChange(){this.slideCount=this.slides.length,this.slides.forEach((e,r)=>{e.setAttribute("role","group"),e.setAttribute("aria-roledescription","slide"),e.setAttribute("aria-label",this.dictionary.carousel.ofTotal(r+1,this.slideCount))}),this.updateFromScrollPosition(),this.updateCenterPadding(),this.startAutoplay()}handleTitleSlotChange(){this.hasTitle=(this.titleSlotEl?.assignedNodes({flatten:!0}).length??0)>0}scrollBehavior(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth"}goToIndex(e){if(!this.slides.length||!this.trackEl)return;let r=this.maxIndex,s=this.loop?(e%(r+1)+(r+1))%(r+1):Math.max(0,Math.min(e,r));if(!this.centerSnap&&s===r){let o=this.trackEl.scrollWidth-this.trackEl.clientWidth;this.trackEl.scrollTo({left:this.isRtl()?-o:o,behavior:this.scrollBehavior()});return}let n=this.slides[s];n&&n.scrollIntoView({behavior:this.scrollBehavior(),inline:this.centerSnap?"center":"start",block:"nearest"})}step(e){this.syncCssOverrides(),this.goToIndex(this.currentIndex+e*this.effectiveScrollStep)}startAutoplay(){this.autoplayTimer||!this.autoplay||this.manuallyPaused||this.maxIndex<=0||(this.autoplayTimer=setInterval(()=>this.step(1),this.autoplayInterval))}stopAutoplay(){clearInterval(this.autoplayTimer),this.autoplayTimer=void 0}pauseAutoplay(){this.manuallyPaused=!0,this.stopAutoplay()}resumeAutoplay(){this.manuallyPaused=!1,this.startAutoplay()}buildAnnouncement(){if(!this.slideCount)return"";let e=this.currentIndex+1,r=Math.max(1,Math.min(this.effectiveVisibleSlides,this.slideCount-this.currentIndex)),s=Math.min(e+r-1,this.slideCount);return s>e?`Showing slides ${e} to ${s} of ${this.slideCount}`:`Slide ${e} of ${this.slideCount}`}updateFromScrollPosition(){if(!this.trackEl||!this.slides.length)return;let e=this.trackEl.getBoundingClientRect(),r=this.centerSnap?e.width/2:this.getTrackInset(),s=0,n=1/0;this.slides.forEach((c,x)=>{let S=c.getBoundingClientRect(),I=this.getInlineStartOffset(S,e),_=this.centerSnap?I+S.width/2:I,P=Math.abs(_-r);P<n&&(n=P,s=x)}),this.maxIndex=this.measureMaxIndex(),s=Math.min(s,this.maxIndex),this.slides.forEach((c,x)=>{c.classList.toggle(N,x===s)});let o=s!==this.currentIndex;this.currentIndex=s;let h=this.getScrollProgress(),p=this.trackEl.scrollWidth-this.trackEl.clientWidth,v=h>1?"1":"0",f=h<p-1?"1":"0",b=this.isRtl();this.style.setProperty("--_showLeftFade",b?f:v),this.style.setProperty("--_showRightFade",b?v:f),o&&this.scheduleAnnounce()}handleKeydown(e){switch(e.key){case"ArrowLeft":e.preventDefault(),this.isRtl()?this.next():this.previous();break;case"ArrowRight":e.preventDefault(),this.isRtl()?this.previous():this.next();break;case"Home":e.preventDefault(),this.goToIndex(0);break;case"End":e.preventDefault(),this.goToIndex(this.maxIndex);break;default:break}}renderDots(){if(!this.showDots||this.pageCount<=1)return d;let e=this.effectiveScrollStep,r=Math.round(this.currentIndex/e);return u`
       <div
         id="dots"
         role="group"
         aria-label=${this.dictionary.carousel.slideNavigation}
       >
-        ${Array.from({length:this.pageCount},(i,o)=>{let l=o===s;return u`
+        ${Array.from({length:this.pageCount},(s,n)=>{let o=n===r;return u`
             <button
               type="button"
-              class=${y({dot:!0})}
-              aria-current=${l?"true":d}
-              aria-label=${this.dictionary.carousel.goToSlide(o*e+1,this.slideCount)}
-              @click=${()=>this.goTo(o*e)}
+              class=${k({dot:!0})}
+              aria-current=${o?"true":d}
+              aria-label=${this.dictionary.carousel.goToSlide(n*e+1,this.slideCount)}
+              @click=${()=>this.goTo(n*e)}
             ></button>
           `})}
       </div>
-    `}renderNavButton(e){let s=e==="prev",i=!this.loop&&(s?this.currentIndex<=0:this.currentIndex>=this.maxIndex);return u`
+    `}renderNavButton(e){let r=e==="prev",s=!this.loop&&(r?this.currentIndex<=0:this.currentIndex>=this.maxIndex);return u`
       <button
         type="button"
         id=${e}
         class="nav"
-        aria-label=${s?this.ariaLabelPrevious:this.ariaLabelNext}
+        aria-label=${r?this.previousLabel??this.dictionary.carousel.previous:this.nextLabel??this.dictionary.carousel.next}
         aria-controls="track"
-        ?disabled=${i}
-        @click=${()=>s?this.previous():this.next()}
+        ?disabled=${s}
+        @click=${()=>r?this.previous():this.next()}
       >
         <eun-icon
-          name=${s?"chevron_left":"chevron_right"}
+          name=${r?"chevron_left":"chevron_right"}
           size=${this.getCssPixelValue("--carousel-nav-icon-size",20)}
         ></eun-icon>
       </button>
-    `}render(){let e=this.showDots&&this.pageCount>1,s=this.layout==="header"||this.layout==="inline"&&this.narrow,i=this.showArrows&&s&&this.pageCount>1,o=this.showArrows&&!s&&this.pageCount>1;return u`
+    `}render(){let e=this.showDots&&this.pageCount>1,r=this.layout==="header"||this.layout==="inline"&&this.narrow,s=this.showArrows&&r&&this.pageCount>1,n=this.showArrows&&!r&&this.pageCount>1;return u`
       <div
         id="carousel-header"
-        class=${y({"nav-start":i&&this.navPlacement==="start","nav-center":i&&this.navPlacement==="center"})}
-        ?hidden=${!(this.hasTitle||i)}
+        class=${k({"nav-start":s&&this.navPlacement==="start","nav-center":s&&this.navPlacement==="center"})}
+        ?hidden=${!(this.hasTitle||s)}
       >
         <slot
           name="title"
           @slotchange=${()=>this.handleTitleSlotChange()}
         ></slot>
-        ${i?u`
+        ${s?u`
               <div id="header-nav">
                 ${this.renderNavButton("prev")} ${this.renderNavButton("next")}
               </div>
             `:d}
       </div>
       <div id="viewport">
-        ${o?this.renderNavButton("prev"):d}
+        ${n?this.renderNavButton("prev"):d}
         <div
           id="track"
           role="region"
@@ -324,14 +358,14 @@ import{a as A}from"./chunks/chunk-SD2H5UDZ.js";import{a as y}from"./chunks/chunk
           aria-label=${this.ariaLabel||"Carousel"}
           tabindex="0"
           @scroll=${this.handleScroll}
-          @keydown=${l=>this.handleKeydown(l)}
+          @keydown=${o=>this.handleKeydown(o)}
         >
           <slot @slotchange=${()=>this.handleSlotChange()}></slot>
         </div>
-        ${o?this.renderNavButton("next"):d}
+        ${n?this.renderNavButton("next"):d}
       </div>
       ${e?this.renderDots():d}
       <span class="sr-only" role="status" aria-live="polite"
         >${this.announcement}</span
       >
-    `}};t.styles=C,r([a({reflect:!0})],t.prototype,"layout",2),r([a({reflect:!0,attribute:"nav-placement"})],t.prototype,"navPlacement",2),r([a({type:Number,attribute:"responsive-breakpoint"})],t.prototype,"responsiveBreakpoint",2),r([a({type:Number,attribute:"visible-slides"})],t.prototype,"visibleSlides",2),r([a({type:Boolean,reflect:!0,attribute:"full-slides"})],t.prototype,"fullSlides",2),r([a({type:Number,attribute:"scroll-step"})],t.prototype,"scrollStep",2),r([a({type:Boolean,reflect:!0,attribute:"center-snap"})],t.prototype,"centerSnap",2),r([a({type:Boolean,reflect:!0,attribute:"edge-fade"})],t.prototype,"edgeFade",2),r([a({type:Boolean,reflect:!0})],t.prototype,"loop",2),r([a({type:Boolean})],t.prototype,"autoplay",2),r([a({type:Number,attribute:"autoplay-interval"})],t.prototype,"autoplayInterval",2),r([a({type:Boolean,attribute:"show-arrows"})],t.prototype,"showArrows",2),r([a({type:Boolean,attribute:"show-dots"})],t.prototype,"showDots",2),r([a({attribute:"aria-label-previous"})],t.prototype,"ariaLabelPrevious",2),r([a({attribute:"aria-label-next"})],t.prototype,"ariaLabelNext",2),r([n()],t.prototype,"currentIndex",2),r([n()],t.prototype,"slideCount",2),r([n()],t.prototype,"manuallyPaused",2),r([n()],t.prototype,"announcement",2),r([n()],t.prototype,"hasTitle",2),r([n()],t.prototype,"narrow",2),r([n()],t.prototype,"effectiveVisibleSlides",2),r([n()],t.prototype,"effectiveScrollStep",2),r([x("#track")],t.prototype,"trackEl",2),r([x('slot[name="title"]')],t.prototype,"titleSlotEl",2),r([P()],t.prototype,"slides",2),r([n()],t.prototype,"maxIndex",2),t=r([k(L)],t);export{t as EunomiaCarousel,L as EunomiaCarouselTagName};
+    `}};t.styles=M,a([i({reflect:!0,useDefault:!0})],t.prototype,"layout",2),a([i({reflect:!0,attribute:"nav-placement",useDefault:!0})],t.prototype,"navPlacement",2),a([i({type:Number,attribute:"responsive-breakpoint"})],t.prototype,"responsiveBreakpoint",2),a([i({type:Number,attribute:"visible-slides"})],t.prototype,"visibleSlides",2),a([i({type:Boolean,reflect:!0,attribute:"full-slides"})],t.prototype,"fullSlides",2),a([i({type:Number,attribute:"scroll-step"})],t.prototype,"scrollStep",2),a([i({type:Boolean,reflect:!0,attribute:"center-snap"})],t.prototype,"centerSnap",2),a([i({type:Boolean,reflect:!0,attribute:"edge-fade"})],t.prototype,"edgeFade",2),a([i({type:Boolean,reflect:!0})],t.prototype,"loop",2),a([i({type:Boolean})],t.prototype,"autoplay",2),a([i({type:Number,attribute:"autoplay-interval"})],t.prototype,"autoplayInterval",2),a([i({type:Boolean,attribute:"show-arrows"})],t.prototype,"showArrows",2),a([i({type:Boolean,attribute:"show-dots"})],t.prototype,"showDots",2),a([i({attribute:"previous-label"})],t.prototype,"previousLabel",2),a([i({attribute:"next-label"})],t.prototype,"nextLabel",2),a([l()],t.prototype,"currentIndex",2),a([l()],t.prototype,"slideCount",2),a([l()],t.prototype,"manuallyPaused",2),a([l()],t.prototype,"announcement",2),a([l()],t.prototype,"hasTitle",2),a([l()],t.prototype,"narrow",2),a([l()],t.prototype,"effectiveVisibleSlides",2),a([l()],t.prototype,"effectiveScrollStep",2),a([y("#track")],t.prototype,"trackEl",2),a([y('slot[name="title"]')],t.prototype,"titleSlotEl",2),a([C()],t.prototype,"slides",2),a([l()],t.prototype,"maxIndex",2),t=a([T(L)],t);export{t as EunomiaCarousel,L as EunomiaCarouselTagName};

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

@@ -1,11 +1,14 @@
-import{a as u}from"./chunks/chunk-74AOAB4X.js";import{b as s}from"./chunks/chunk-2XASWWKR.js";import"./chunks/chunk-GU6BVMFJ.js";import{e as o}from"./chunks/chunk-OAULRKHQ.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-32DTNR52.js";import{a as l}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as e,f as c,g as d,h as n,l as i,n as a,p as t}from"./chunks/chunk-XH6NREVZ.js";var v=d`
+import{a as u}from"./chunks/chunk-FOILAXLL.js";import{b as s}from"./chunks/chunk-TFTRCIIK.js";import"./chunks/chunk-AK2DIJX7.js";import{f as o}from"./chunks/chunk-TLBXTBMM.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-3BMACIDO.js";import{a as l}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-QL5GSW2A.js";import{a as e,f as c,h as n,j as d,n as i,p as a,r as t}from"./chunks/chunk-YITWLCD3.js";var v=n`
   :host {
     --_borderWidth: var(--check-card-border-width, 1px);
     --_borderColor: var(
       --check-card-border-color,
       var(--eun-border-color, #dee0e7)
     );
-    --_background: var(--check-card-background, var(--eun-surface-color, #ffffff));
+    --_background: var(
+      --check-card-background,
+      var(--eun-surface-color, #ffffff)
+    );
     --_errorColor: var(
       --check-card-error-color,
       var(--eun-color-critical-100, #aa0014)
@@ -24,7 +27,11 @@ import{a as u}from"./chunks/chunk-74AOAB4X.js";import{b as s}from"./chunks/chunk
       var(--eun-color-primary-500, #3d6fff)
     );
     --_minWidth: var(--check-card-min-width, 180px);
-    --_padding: var(--check-card-padding, var(--eun-space-m, 16px));
+    --_padding: var(
+      --check-card-padding,
+      var(--check-card-padding-block, var(--eun-space-m, 16px))
+        var(--check-card-padding-inline, var(--eun-space-m, 16px))
+    );
     --_borderRadius: var(
       --check-card-border-radius,
       var(--eun-border-radius-m, 10px)
@@ -41,7 +48,7 @@ import{a as u}from"./chunks/chunk-74AOAB4X.js";import{b as s}from"./chunks/chunk
     );
     --_background: var(
       --check-card-background-checked,
-      var(--eun-color-primary-bg-hover, rgba(18, 123, 185, 0.08))
+      var(--eun-color-primary-alpha-10, rgba(18, 123, 185, 0.08))
     );
     --_iconColor: var(
       --check-card-icon-color-checked,
@@ -114,7 +121,7 @@ import{a as u}from"./chunks/chunk-74AOAB4X.js";import{b as s}from"./chunks/chunk
     border-radius: var(--eun-border-radius-s, 5px);
     background: var(--_indicatorBackground);
     color: var(--_indicatorIcon);
-    transition: all 0.15s ease;
+    transition: all var(--eun-duration-s, 150ms) var(--eun-easing-default, ease);
   }
 `,h=v;var p="eun-check-card",r=class extends s{constructor(){super(...arguments);this.handleIconSlotChange=()=>{this.requestUpdate()}}render(){return a`
       <div>
@@ -140,4 +147,4 @@ import{a as u}from"./chunks/chunk-74AOAB4X.js";import{b as s}from"./chunks/chunk
         </div>
         ${this.renderDescription()}
       </div>
-    `}};r.styles=[u,h,o.base,o.errorMessages,o.hintMessages],e([n()],r.prototype,"icon",2),e([i({slot:"icon"})],r.prototype,"iconSlotEls",2),r=e([c(p)],r);export{r as EunomiaCheckCard,p as EunomiaCheckCardTagName};
+    `}};r.styles=[u,h,o.base,o.errorMessages,o.hintMessages],e([d()],r.prototype,"icon",2),e([i({slot:"icon"})],r.prototype,"iconSlotEls",2),r=e([c(p)],r);export{r as EunomiaCheckCard,p as EunomiaCheckCardTagName};

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

@@ -1,4 +1,4 @@
-import{a as g}from"./chunks/chunk-BQHYZB2W.js";import{a as b}from"./chunks/chunk-GW3VP2L7.js";import{a as f,c as m,d as v,e as o}from"./chunks/chunk-OAULRKHQ.js";import{a as u}from"./chunks/chunk-YYCEPZUN.js";import{a as p}from"./chunks/chunk-32DTNR52.js";import{a as c}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-5EVP7YNE.js";import{a as s,f as l,g as r,h as n,j as d,n as h,s as a}from"./chunks/chunk-XH6NREVZ.js";var x=r`
+import{a as x}from"./chunks/chunk-ZBN4HTWP.js";import{a as C}from"./chunks/chunk-BO3JOEWM.js";import{b,c as g,d as E,e as y,f as l}from"./chunks/chunk-TLBXTBMM.js";import{a as v}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk-3BMACIDO.js";import{a as n}from"./chunks/chunk-PPCHQG7P.js";import{a as f}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-QL5GSW2A.js";import{a as s,f as h,h as c,j as p,l as u,p as o,r as a,u as r}from"./chunks/chunk-YITWLCD3.js";var L=c`
   :host {
     --_container-gap: var(--checkbox-list-gap, var(--eun-space-s, 8px));
     --_options-gap: var(--checkbox-list-options-gap, var(--eun-space-s, 8px));
@@ -7,21 +7,24 @@ import{a as g}from"./chunks/chunk-BQHYZB2W.js";import{a as b}from"./chunks/chunk
       var(--eun-color-critical-100, #aa0014)
     );
   }
-`,E=x;var k="eun-checkbox-list",y="eun-checkbox",C="eun-check-card",M=p(v(a)),i=class extends b(f(m(M))){constructor(){super(...arguments);this.inline=!1;this.handleChangeEvent=e=>{e.stopPropagation(),this.sendChangeEvent()}}get fields(){return Array.from(this.querySelectorAll(`:scope > ${y}, :scope > ${C}`))}get value(){return this.fields.filter(e=>e.checked).map(e=>e.valueState??e.value)}set value(e){this.updateComplete.then(()=>{this.fields.forEach(t=>{t.checked=e.includes(t.value)})})}firstUpdated(){if(this.optionsList?.addEventListener("eunchange",this.handleChangeEvent),this.defaultValue&&this.defaultValue.length>0){let e=this.defaultValue??[];this.fields.forEach(t=>{t.checked=e.includes(t.value)}),this.value=this.defaultValue,this.sendChangeEvent()}}disconnectedCallback(){this.optionsList?.removeEventListener("eunchange",this.handleChangeEvent),super.disconnectedCallback?.()}updated(e){super.updated(e),e.has("disabled")&&this.fields.forEach(t=>{t.disabled=this.disabled}),e.has("readonly")&&this.fields.forEach(t=>{t.readonly=this.readonly}),(e.has("valid")||e.has("hideError"))&&this.fields.forEach(t=>{t.valid=this.valid&&!this.hideError}),e.has("label")&&!this.hasAttribute("aria-label")&&this.setAttribute("aria-label",`${this.label}. ${this.instructions??""}`),e.has("name")&&this.fields.forEach(t=>{t.name=this.name})}getFocusAnchor(){return this.querySelector(`${y}, ${C}`)}focus(){super.focus?.(),this.fields[0]?.focus?.()}formResetCallback(){super.formResetCallback?.(),this.updateComplete.then(()=>{this.sendChangeEvent()})}sendChangeEvent(){this.checkValidity(this.value),this.dispatchEvent(new u(this.value))}handleSlotChange(){this.fields.forEach(e=>{e.name=this.name})}render(){return h`
-      <fieldset id="fieldset">
+`,k=L;var S="eun-checkbox-list",$="eun-checkbox",M="eun-check-card",V=m(y(r)),i=class extends C(E(g(V))){constructor(){super(...arguments);this.errorOnChange=!0;this.inline=!1;this.handleChangeEvent=e=>{e.stopPropagation(),this.sendChangeEvent()}}get fields(){return Array.from(this.querySelectorAll(`:scope > ${$}, :scope > ${M}`))}get value(){return this.fields.filter(e=>e.checked).map(e=>e.valueState??e.value)}set value(e){this.updateComplete.then(()=>{this.fields.forEach(t=>{t.checked=e.includes(t.value)})})}firstUpdated(){if(this.optionsList?.addEventListener("eunchange",this.handleChangeEvent),this.defaultValue&&this.defaultValue.length>0){let e=this.defaultValue??[];this.fields.forEach(t=>{t.checked=e.includes(t.value)}),this.value=this.defaultValue,this.sendChangeEvent()}}disconnectedCallback(){this.optionsList?.removeEventListener("eunchange",this.handleChangeEvent),super.disconnectedCallback?.()}isGroupChange(e,t){return e.has(t)&&(this[t]||e.get(t)!==void 0)}updated(e){if(super.updated(e),this.isGroupChange(e,"disabled")&&this.fields.forEach(t=>{t.disabled=this.disabled}),this.isGroupChange(e,"readonly")&&this.fields.forEach(t=>{t.readonly=this.readonly}),b(e)){let{showError:t}=this;this.fields.forEach(d=>{d.valid=!t,d.validationRequested=t})}e.has("name")&&this.fields.forEach(t=>{t.name=this.name})}getFocusAnchor(){return this.querySelector(`${$}, ${M}`)}focus(){super.focus?.(),this.fields[0]?.focus?.()}formResetCallback(){super.formResetCallback?.(),this.updateComplete.then(()=>{this.sendChangeEvent()})}sendChangeEvent(){this.checkValidity(this.value),this.dispatchEvent(new v(this.value))}handleSlotChange(){this.fields.forEach(e=>{e.name=this.name})}render(){let e=this.renderDescription(),t=[this.instructions?"group-instructions":"",e===a?"":"description"].filter(Boolean).join(" ")||void 0;return o`
+      <fieldset id="fieldset" role="presentation">
         <div id="legend">${this.renderFormLabels("options")}</div>
+        ${this.instructions?o`<span id="group-instructions" hidden
+              >${this.instructions}</span
+            >`:a}
         <div
           id="options"
           part="options"
           role="group"
-          class=${c({inline:this.inline})}
+          class=${f({inline:this.inline})}
           ?disabled=${this.disabled}
-          aria-labelledby="legend"
-          aria-describedby="messages"
+          aria-label=${n(this.label)}
+          aria-describedby=${n(t)}
           aria-disabled=${this.disabled?"true":"false"}
         >
           <slot @slotchange=${this.handleSlotChange}></slot>
         </div>
-        ${this.renderDescription()}
+        ${e}
       </fieldset>
-    `}};i.styles=[E,g,o.base,o.errorMessages],i.shadowRootOptions={...a.shadowRootOptions,delegatesFocus:!0},s([n({type:Boolean,reflect:!0})],i.prototype,"inline",2),s([d("#options")],i.prototype,"optionsList",2),i=s([l(k)],i);export{i as EunomiaCheckboxList,k as EunomiaCheckboxListTagName};
+    `}};i.styles=[k,x,l.base,l.errorMessages],i.shadowRootOptions={...r.shadowRootOptions,delegatesFocus:!0},s([p({type:Boolean,reflect:!0})],i.prototype,"inline",2),s([u("#options")],i.prototype,"optionsList",2),i=s([h(S)],i);export{i as EunomiaCheckboxList,S as EunomiaCheckboxListTagName};

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

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-2XASWWKR.js";import"./chunks/chunk-GU6BVMFJ.js";import"./chunks/chunk-OAULRKHQ.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-32DTNR52.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaCheckbox,a as EunomiaCheckboxTagName};
+import{a,b}from"./chunks/chunk-TFTRCIIK.js";import"./chunks/chunk-AK2DIJX7.js";import"./chunks/chunk-TLBXTBMM.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-3BMACIDO.js";import"./chunks/chunk-QL5GSW2A.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaCheckbox,a as EunomiaCheckboxTagName};

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

@@ -1,4 +1,4 @@
-import{a as m}from"./chunks/chunk-P32B7BFD.js";import{a as h}from"./chunks/chunk-YQU6RVX4.js";import{a as v}from"./chunks/chunk-UP4M7TER.js";import{a as u}from"./chunks/chunk-SJWRE6PW.js";import{a,f as l,g as s,h as t,i as p,l as c,n as i,p as n,s as d}from"./chunks/chunk-XH6NREVZ.js";var g=s`
+import{a as m}from"./chunks/chunk-FF3I7C3C.js";import{a as h}from"./chunks/chunk-YQU6RVX4.js";import{a as u}from"./chunks/chunk-UP4M7TER.js";import{a as v}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a,f as l,h as s,j as t,k as p,n as c,p as i,r as n,u as d}from"./chunks/chunk-YITWLCD3.js";var g=s`
   :host {
     display: inline-flex;
     max-width: 100%;
@@ -142,7 +142,7 @@ import{a as m}from"./chunks/chunk-P32B7BFD.js";import{a as h}from"./chunks/chunk
   :host([disabled]) #chip {
     opacity: 0.6;
   }
-`,b=[m,g];var f="eun-chip",x={s:14,m:16,l:18},S={s:12,m:14,l:16},e=class extends u(d){constructor(){super(...arguments);this.color="medium";this.fixedColor=!1;this.appearance="default";this.hideIcon=!1;this.avatarAlt="";this.avatarShape="circle";this.rounded=!0;this.removable=!0;this.disabled=!1;this.labelText="";this.handleIconSlotChange=()=>{this.requestUpdate()};this.updateLabelText=()=>{this.labelText=this.textContent?.trim()??""};this.handleRemove=()=>{this.dispatchEvent(new h)}}connectedCallback(){super.connectedCallback(),this.updateLabelText()}getRemoveLabel(){let r=this.ariaLabelRemove??this.dictionary.chip.remove;return this.labelText?`${r} ${this.labelText}`:r}getSize(){return this.size??"m"}getIconName(){if(!this.hideIcon)return v(this.icon,this.severity)}hasIconSlotted(){return!this.hideIcon&&this.iconSlotEls.length>0}getLeadingKind(){return this.avatarSrc||this.avatarInitials?"avatar":this.getIconName()||this.hasIconSlotted()?"icon":"none"}renderLeadingVisual(){let r=this.getSize();if(this.avatarSrc)return i`
+`,b=[m,g];var f="eun-chip",x={s:14,m:16,l:18},S={s:12,m:14,l:16},e=class extends v(d){constructor(){super(...arguments);this.color="medium";this.fixedColor=!1;this.appearance="default";this.hideIcon=!1;this.avatarAlt="";this.avatarShape="circle";this.rounded=!0;this.removable=!0;this.disabled=!1;this.labelText="";this.handleIconSlotChange=()=>{this.requestUpdate()};this.updateLabelText=()=>{this.labelText=this.textContent?.trim()??""};this.handleRemove=()=>{this.dispatchEvent(new h)}}connectedCallback(){super.connectedCallback(),this.updateLabelText()}getRemoveLabel(){let r=this.removeLabel??this.dictionary.chip.remove;return this.labelText?`${r} ${this.labelText}`:r}getSize(){return this.size??"m"}getIconName(){if(!this.hideIcon)return u(this.icon,this.severity)}hasIconSlotted(){return!this.hideIcon&&this.iconSlotEls.length>0}getLeadingKind(){return this.avatarSrc||this.avatarInitials?"avatar":this.getIconName()||this.hasIconSlotted()?"icon":"none"}renderLeadingVisual(){let r=this.getSize();if(this.avatarSrc)return i`
         <span id="avatar" data-shape=${this.avatarShape}>
           <img src=${this.avatarSrc} alt=${this.avatarAlt} />
         </span>
@@ -182,4 +182,4 @@ import{a as m}from"./chunks/chunk-P32B7BFD.js";import{a as h}from"./chunks/chunk
               </eun-button>
             `:n}
       </div>
-    `}};e.styles=b,a([t({reflect:!0})],e.prototype,"color",2),a([t({type:Boolean,reflect:!0,attribute:"fixed-color"})],e.prototype,"fixedColor",2),a([t({reflect:!0})],e.prototype,"severity",2),a([t({reflect:!0})],e.prototype,"appearance",2),a([t({reflect:!0})],e.prototype,"size",2),a([t()],e.prototype,"icon",2),a([t({type:Boolean,attribute:"hide-icon"})],e.prototype,"hideIcon",2),a([t({attribute:"avatar-src"})],e.prototype,"avatarSrc",2),a([t({attribute:"avatar-alt"})],e.prototype,"avatarAlt",2),a([t({attribute:"avatar-shape"})],e.prototype,"avatarShape",2),a([t({attribute:"avatar-initials"})],e.prototype,"avatarInitials",2),a([t({type:Boolean,reflect:!0})],e.prototype,"rounded",2),a([t({type:Boolean,reflect:!0})],e.prototype,"removable",2),a([t({type:Boolean,reflect:!0})],e.prototype,"disabled",2),a([t({attribute:"aria-label-remove"})],e.prototype,"ariaLabelRemove",2),a([p()],e.prototype,"labelText",2),a([c({slot:"icon"})],e.prototype,"iconSlotEls",2),e=a([l(f)],e);export{e as EunomiaChip,f as EunomiaChipTagName};
+    `}};e.styles=b,a([t({reflect:!0,useDefault:!0})],e.prototype,"color",2),a([t({type:Boolean,reflect:!0,attribute:"fixed-color"})],e.prototype,"fixedColor",2),a([t({reflect:!0})],e.prototype,"severity",2),a([t({reflect:!0,useDefault:!0})],e.prototype,"appearance",2),a([t({reflect:!0})],e.prototype,"size",2),a([t()],e.prototype,"icon",2),a([t({type:Boolean,attribute:"hide-icon"})],e.prototype,"hideIcon",2),a([t({attribute:"avatar-src"})],e.prototype,"avatarSrc",2),a([t({attribute:"avatar-alt"})],e.prototype,"avatarAlt",2),a([t({attribute:"avatar-shape"})],e.prototype,"avatarShape",2),a([t({attribute:"avatar-initials"})],e.prototype,"avatarInitials",2),a([t({type:Boolean,reflect:!0})],e.prototype,"rounded",2),a([t({type:Boolean,reflect:!0})],e.prototype,"removable",2),a([t({type:Boolean,reflect:!0})],e.prototype,"disabled",2),a([t({attribute:"remove-label"})],e.prototype,"removeLabel",2),a([p()],e.prototype,"labelText",2),a([c({slot:"icon"})],e.prototype,"iconSlotEls",2),e=a([l(f)],e);export{e as EunomiaChip,f as EunomiaChipTagName};