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

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

@@ -1,4 +1,4 @@
-import{a as I}from"./chunks/chunk-SD2H5UDZ.js";import{a as A}from"./chunks/chunk-ATH2OAMU.js";import{a as y}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.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 C}from"./chunks/chunk-SD2H5UDZ.js";import{a as x}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as T}from"./chunks/chunk-LMVW522V.js";import"./chunks/chunk-KSZRQRN4.js";import{a as r,f as w,h as S,j as s,k as o,l as g,n as I,p as u,r as d,u as P}from"./chunks/chunk-YITWLCD3.js";var f=class y extends Event{static{this.eventName="eunslidechange"}constructor(b){super(y.eventName,{bubbles:!0,composed:!1}),this.index=b.index,this.count=b.count}};var $=S`
   :host {
     display: block;
     --_visibleCount: 1;
@@ -7,6 +7,7 @@ import{a as I}from"./chunks/chunk-SD2H5UDZ.js";import{a as A}from"./chunks/chunk
       var(--_visibleCount)
     );
     --_snapAlign: start;
+    --_trackInline: var(--carousel-track-padding-inline, 0px);
   }
 
   .sr-only {
@@ -26,7 +27,7 @@ import{a as I}from"./chunks/chunk-SD2H5UDZ.js";import{a as A}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 I}from"./chunks/chunk-SD2H5UDZ.js";import{a as A}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 I}from"./chunks/chunk-SD2H5UDZ.js";import{a as A}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 I}from"./chunks/chunk-SD2H5UDZ.js";import{a as A}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 I}from"./chunks/chunk-SD2H5UDZ.js";import{a as A}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 I}from"./chunks/chunk-SD2H5UDZ.js";import{a as A}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 I}from"./chunks/chunk-SD2H5UDZ.js";import{a as A}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 I}from"./chunks/chunk-SD2H5UDZ.js";import{a as A}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 I}from"./chunks/chunk-SD2H5UDZ.js";import{a as A}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 I}from"./chunks/chunk-SD2H5UDZ.js";import{a as A}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);
@@ -238,10 +268,11 @@ import{a as I}from"./chunks/chunk-SD2H5UDZ.js";import{a as A}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,41 +299,41 @@ import{a as I}from"./chunks/chunk-SD2H5UDZ.js";import{a as A}from"./chunks/chunk
       transition: none;
     }
   }
-`,C=$;var L="eun-carousel",N="eun-carousel-active-slide",t=class extends A(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=I(()=>{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`
+`,A=$;var L="eun-carousel",_="eun-carousel-active-slide",t=class extends T(P){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=C(()=>{this.announcement=this.buildAnnouncement(),this.dispatchEvent(new f({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,a){let i=Number.parseFloat(getComputedStyle(this).getPropertyValue(e));return Number.isNaN(i)?a:i}getTrackInset(){return this.trackEl&&Number.parseFloat(getComputedStyle(this.trackEl).paddingLeft)||0}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,a=e.getBoundingClientRect(),i=Math.max(0,e.scrollWidth-e.clientWidth),n=this.getTrackInset(),l=0,h=1/0;return this.slides.forEach((m,p)=>{let v=m.getBoundingClientRect().left-a.left+e.scrollLeft-n,c=Math.abs(v-i);c<h&&(h=c,l=p)}),l}updateCenterPadding(){if(!this.centerSnap||!this.trackEl||!this.slides.length){this.style.setProperty("--_centerPadding","0px");return}let e=this.trackEl.clientWidth-2*this.getTrackInset(),a=this.slides[0].getBoundingClientRect().width,i=Math.max(0,(e-a)/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,a)=>{e.setAttribute("role","group"),e.setAttribute("aria-roledescription","slide"),e.setAttribute("aria-label",this.dictionary.carousel.ofTotal(a+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 a=this.maxIndex,i=this.loop?(e%(a+1)+(a+1))%(a+1):Math.max(0,Math.min(e,a));if(!this.centerSnap&&i===a){this.trackEl.scrollTo({left:this.trackEl.scrollWidth-this.trackEl.clientWidth,behavior:this.scrollBehavior()});return}let n=this.slides[i];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,a=Math.max(1,Math.min(this.effectiveVisibleSlides,this.slideCount-this.currentIndex)),i=Math.min(e+a-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(),a=this.centerSnap?e.left+e.width/2:e.left+this.getTrackInset(),i=0,n=1/0;this.slides.forEach((p,v)=>{let c=p.getBoundingClientRect(),R=this.centerSnap?c.left+c.width/2:c.left,k=Math.abs(R-a);k<n&&(n=k,i=v)}),this.maxIndex=this.measureMaxIndex(),i=Math.min(i,this.maxIndex),this.slides.forEach((p,v)=>{p.classList.toggle(_,v===i)});let l=i!==this.currentIndex;this.currentIndex=i;let{scrollLeft:h}=this.trackEl,m=this.trackEl.scrollWidth-this.trackEl.clientWidth;this.style.setProperty("--_showLeftFade",h>1?"1":"0"),this.style.setProperty("--_showRightFade",h<m-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,a=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},(i,n)=>{let l=n===a;return u`
             <button
               type="button"
-              class=${y({dot:!0})}
+              class=${x({dot:!0})}
               aria-current=${l?"true":d}
-              aria-label=${this.dictionary.carousel.goToSlide(o*e+1,this.slideCount)}
-              @click=${()=>this.goTo(o*e)}
+              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 a=e==="prev",i=!this.loop&&(a?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=${a?this.ariaLabelPrevious??this.dictionary.carousel.previous:this.ariaLabelNext??this.dictionary.carousel.next}
         aria-controls="track"
         ?disabled=${i}
-        @click=${()=>s?this.previous():this.next()}
+        @click=${()=>a?this.previous():this.next()}
       >
         <eun-icon
-          name=${s?"chevron_left":"chevron_right"}
+          name=${a?"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,a=this.layout==="header"||this.layout==="inline"&&this.narrow,i=this.showArrows&&a&&this.pageCount>1,n=this.showArrows&&!a&&this.pageCount>1;return u`
       <div
         id="carousel-header"
-        class=${y({"nav-start":i&&this.navPlacement==="start","nav-center":i&&this.navPlacement==="center"})}
+        class=${x({"nav-start":i&&this.navPlacement==="start","nav-center":i&&this.navPlacement==="center"})}
         ?hidden=${!(this.hasTitle||i)}
       >
         <slot
@@ -316,7 +347,7 @@ import{a as I}from"./chunks/chunk-SD2H5UDZ.js";import{a as A}from"./chunks/chunk
             `:d}
       </div>
       <div id="viewport">
-        ${o?this.renderNavButton("prev"):d}
+        ${n?this.renderNavButton("prev"):d}
         <div
           id="track"
           role="region"
@@ -328,10 +359,10 @@ import{a as I}from"./chunks/chunk-SD2H5UDZ.js";import{a as A}from"./chunks/chunk
         >
           <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=A,r([s({reflect:!0})],t.prototype,"layout",2),r([s({reflect:!0,attribute:"nav-placement"})],t.prototype,"navPlacement",2),r([s({type:Number,attribute:"responsive-breakpoint"})],t.prototype,"responsiveBreakpoint",2),r([s({type:Number,attribute:"visible-slides"})],t.prototype,"visibleSlides",2),r([s({type:Boolean,reflect:!0,attribute:"full-slides"})],t.prototype,"fullSlides",2),r([s({type:Number,attribute:"scroll-step"})],t.prototype,"scrollStep",2),r([s({type:Boolean,reflect:!0,attribute:"center-snap"})],t.prototype,"centerSnap",2),r([s({type:Boolean,reflect:!0,attribute:"edge-fade"})],t.prototype,"edgeFade",2),r([s({type:Boolean,reflect:!0})],t.prototype,"loop",2),r([s({type:Boolean})],t.prototype,"autoplay",2),r([s({type:Number,attribute:"autoplay-interval"})],t.prototype,"autoplayInterval",2),r([s({type:Boolean,attribute:"show-arrows"})],t.prototype,"showArrows",2),r([s({type:Boolean,attribute:"show-dots"})],t.prototype,"showDots",2),r([s({attribute:"aria-label-previous"})],t.prototype,"ariaLabelPrevious",2),r([s({attribute:"aria-label-next"})],t.prototype,"ariaLabelNext",2),r([o()],t.prototype,"currentIndex",2),r([o()],t.prototype,"slideCount",2),r([o()],t.prototype,"manuallyPaused",2),r([o()],t.prototype,"announcement",2),r([o()],t.prototype,"hasTitle",2),r([o()],t.prototype,"narrow",2),r([o()],t.prototype,"effectiveVisibleSlides",2),r([o()],t.prototype,"effectiveScrollStep",2),r([g("#track")],t.prototype,"trackEl",2),r([g('slot[name="title"]')],t.prototype,"titleSlotEl",2),r([I()],t.prototype,"slides",2),r([o()],t.prototype,"maxIndex",2),t=r([w(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-SIHZFOTK.js";import"./chunks/chunk-GU6BVMFJ.js";import{e as o}from"./chunks/chunk-OAULRKHQ.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-T7WABJEJ.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-MQQ4BGVJ.js";import"./chunks/chunk-A3X4KD2X.js";import{f as o}from"./chunks/chunk-VOTRXBDS.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-RS7TWEMQ.js";import{a as l}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-KSZRQRN4.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-T7WABJEJ.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 y}from"./chunks/chunk-ZBN4HTWP.js";import{a as E}from"./chunks/chunk-BO3JOEWM.js";import{b as m,c as v,d as b,e as g,f as o}from"./chunks/chunk-VOTRXBDS.js";import{a as f}from"./chunks/chunk-YYCEPZUN.js";import{a as u}from"./chunks/chunk-RS7TWEMQ.js";import"./chunks/chunk-PPCHQG7P.js";import{a as p}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-KSZRQRN4.js";import{a as i,f as l,h as n,j as d,l as h,p as c,u as a}from"./chunks/chunk-YITWLCD3.js";var M=n`
   :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,14 +7,14 @@ 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`
+`,C=M;var $="eun-checkbox-list",x="eun-checkbox",k="eun-check-card",A=u(g(a)),s=class extends E(b(v(A))){constructor(){super(...arguments);this.inline=!1;this.handleChangeEvent=e=>{e.stopPropagation(),this.sendChangeEvent()}}get fields(){return Array.from(this.querySelectorAll(`:scope > ${x}, :scope > ${k}`))}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){if(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}),m(e)){let{showError:t}=this;this.fields.forEach(r=>{r.valid=!t,r.validationRequested=t})}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(`${x}, ${k}`)}focus(){super.focus?.(),this.fields[0]?.focus?.()}formResetCallback(){super.formResetCallback?.(),this.updateComplete.then(()=>{this.sendChangeEvent()})}sendChangeEvent(){this.checkValidity(this.value),this.dispatchEvent(new f(this.value))}handleSlotChange(){this.fields.forEach(e=>{e.name=this.name})}render(){return c`
       <fieldset id="fieldset">
         <div id="legend">${this.renderFormLabels("options")}</div>
         <div
           id="options"
           part="options"
           role="group"
-          class=${c({inline:this.inline})}
+          class=${p({inline:this.inline})}
           ?disabled=${this.disabled}
           aria-labelledby="legend"
           aria-describedby="messages"
@@ -24,4 +24,4 @@ import{a as g}from"./chunks/chunk-BQHYZB2W.js";import{a as b}from"./chunks/chunk
         </div>
         ${this.renderDescription()}
       </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};
+    `}};s.styles=[C,y,o.base,o.errorMessages],s.shadowRootOptions={...a.shadowRootOptions,delegatesFocus:!0},i([d({type:Boolean,reflect:!0})],s.prototype,"inline",2),i([h("#options")],s.prototype,"optionsList",2),s=i([l($)],s);export{s as EunomiaCheckboxList,$ as EunomiaCheckboxListTagName};

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

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-SIHZFOTK.js";import"./chunks/chunk-GU6BVMFJ.js";import"./chunks/chunk-OAULRKHQ.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-T7WABJEJ.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaCheckbox,a as EunomiaCheckboxTagName};
+import{a,b}from"./chunks/chunk-MQQ4BGVJ.js";import"./chunks/chunk-A3X4KD2X.js";import"./chunks/chunk-VOTRXBDS.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-RS7TWEMQ.js";import"./chunks/chunk-KSZRQRN4.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 u}from"./chunks/chunk-ATH2OAMU.js";import{a as h}from"./chunks/chunk-YQU6RVX4.js";import{a as v}from"./chunks/chunk-UP4M7TER.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 v}from"./chunks/chunk-UP4M7TER.js";import{a as u}from"./chunks/chunk-LMVW522V.js";import"./chunks/chunk-KSZRQRN4.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%;

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

@@ -1,4 +1,4 @@
-import{a as g}from"./chunks/chunk-UDOZRIJZ.js";import{b as p}from"./chunks/chunk-LYYQAALT.js";import{a as i}from"./chunks/chunk-YYCEPZUN.js";import{e as b}from"./chunks/chunk-LGLQ36QB.js";import{a as c}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as n,f as h,g as u,h as o,i as v,j as d,l,n as r,p as a,s as f}from"./chunks/chunk-XH6NREVZ.js";var m=u`
+import{a as x}from"./chunks/chunk-UDOZRIJZ.js";import{b as h}from"./chunks/chunk-LYYQAALT.js";import{a as s}from"./chunks/chunk-YYCEPZUN.js";import{e as m}from"./chunks/chunk-GDBPWZN6.js";import{a as c}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as t,f as v,h as g,j as r,k as f,l,n as d,p as a,r as i,u as b}from"./chunks/chunk-YITWLCD3.js";var y=g`
   :host {
     display: block;
     width: 100%;
@@ -47,8 +47,29 @@ import{a as g}from"./chunks/chunk-UDOZRIJZ.js";import{b as p}from"./chunks/chunk
       --collapse-border-radius,
       var(--eun-border-radius-l, 16px)
     );
-    --_padding: var(--collapse-padding, var(--eun-space-m, 16px));
-    --_transitionDuration: var(--collapse-transition-duration, 0.3s);
+    --_padding: var(
+      --collapse-padding,
+      var(--collapse-padding-block, var(--eun-space-m, 16px))
+        var(--collapse-padding-inline, var(--eun-space-m, 16px))
+    );
+    --_panelPadding: var(
+      --collapse-panel-padding,
+      var(
+        --collapse-padding,
+        var(
+            --collapse-panel-padding-block,
+            var(--collapse-padding-block, var(--eun-space-m, 16px))
+          )
+          var(
+            --collapse-panel-padding-inline,
+            var(--collapse-padding-inline, var(--eun-space-m, 16px))
+          )
+      )
+    );
+    --_transitionDuration: var(
+      --collapse-transition-duration,
+      var(--eun-duration-xl, 300ms)
+    );
   }
   #header {
     display: flex;
@@ -68,10 +89,11 @@ import{a as g}from"./chunks/chunk-UDOZRIJZ.js";import{b as p}from"./chunks/chunk
     cursor: pointer;
     outline: 2px solid transparent;
     transition:
-      color var(--_transitionDuration) ease-out,
-      background-color var(--_transitionDuration) ease-out,
-      outline-color var(--_transitionDuration) ease-out,
-      border-radius var(--_transitionDuration) ease-out
+      color var(--_transitionDuration) var(--eun-easing-out, ease-out),
+      background-color var(--_transitionDuration)
+        var(--eun-easing-out, ease-out),
+      outline-color var(--_transitionDuration) var(--eun-easing-out, ease-out),
+      border-radius var(--_transitionDuration) var(--eun-easing-out, ease-out)
         var(--_transitionDuration);
   }
   #header eun-icon {
@@ -113,13 +135,29 @@ import{a as g}from"./chunks/chunk-UDOZRIJZ.js";import{b as p}from"./chunks/chunk
   #heading {
     overflow: hidden;
     text-overflow: ellipsis;
-    font-size: var(--eun-font-size-s, 14px);
+    font-size: var(--collapse-heading-font-size, var(--eun-font-size-s, 14px));
+  }
+  #heading ::slotted(*) {
+    margin: 0;
+    font: inherit;
+    color: inherit;
   }
   #subheading {
-    font-size: var(--eun-font-size-xs, 14px);
+    font-size: var(
+      --collapse-subheading-font-size,
+      var(--eun-font-size-xs, 14px)
+    );
     font-weight: var(--eun-font-weight-m);
     color: var(--_subheadingColor);
   }
+  #subheading.hidden {
+    display: none;
+  }
+  #subheading ::slotted(*) {
+    margin: 0;
+    font: inherit;
+    color: inherit;
+  }
   #actions {
     display: flex;
     align-items: center;
@@ -128,7 +166,8 @@ import{a as g}from"./chunks/chunk-UDOZRIJZ.js";import{b as p}from"./chunks/chunk
   }
   #chevron {
     display: inline-flex;
-    transition: transform var(--_transitionDuration) ease-out;
+    transition: transform var(--_transitionDuration)
+      var(--eun-easing-out, ease-out);
   }
   #panel {
     display: grid;
@@ -139,17 +178,19 @@ import{a as g}from"./chunks/chunk-UDOZRIJZ.js";import{b as p}from"./chunks/chunk
     border-bottom-right-radius: var(--_borderRadius);
     overflow-anchor: none;
     transition:
-      grid-template-rows var(--_transitionDuration) ease-out,
-      margin-top var(--_transitionDuration) ease-out,
-      background-color var(--_transitionDuration) ease-out;
+      grid-template-rows var(--_transitionDuration)
+        var(--eun-easing-out, ease-out),
+      margin-top var(--_transitionDuration) var(--eun-easing-out, ease-out),
+      background-color var(--_transitionDuration)
+        var(--eun-easing-out, ease-out);
   }
   #panel-inner {
     overflow: hidden;
   }
   #panel-content {
-    border-top: var(--eun-border-width-s, 1px) solid
-      var(--eun-color-grey-300, #dee0e7);
-    padding: var(--_padding);
+    border-top: var(--collapse-divider-width, var(--eun-border-width-s, 1px))
+      solid var(--collapse-divider-color, var(--eun-color-grey-300, #dee0e7));
+    padding: var(--_panelPadding);
     color: var(--_contentColor);
     font-size: var(--_contentFontSize);
   }
@@ -171,8 +212,9 @@ import{a as g}from"./chunks/chunk-UDOZRIJZ.js";import{b as p}from"./chunks/chunk
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     transition:
-      color var(--_transitionDuration) ease-out,
-      background-color var(--_transitionDuration) ease-out;
+      color var(--_transitionDuration) var(--eun-easing-out, ease-out),
+      background-color var(--_transitionDuration)
+        var(--eun-easing-out, ease-out);
   }
   .open #panel {
     grid-template-rows: 1fr;
@@ -201,7 +243,13 @@ import{a as g}from"./chunks/chunk-UDOZRIJZ.js";import{b as p}from"./chunks/chunk
       transition: none;
     }
   }
-`;var _="eun-collapse",t=class extends f{constructor(){super(...arguments);this.chevronIcon="add";this.open=!1;this.disabled=!1;this.independent=!1;this.panelHidden=!1;this.deferPanelHidden=!1;this.openedViaFocus=!1;this.handleSlotChange=()=>{this.requestUpdate()};this.handlePanelTransitionEnd=e=>{e.target!==this.panelEl||e.propertyName!=="grid-template-rows"||(this.panelEl?.removeEventListener("transitionend",this.handlePanelTransitionEnd),this.open||(this.panelHidden=!0))};this.toggle=()=>{this.disabled||(this.openedViaFocus=!1,this.open=!this.open,this.dispatchEvent(new i))};this.handleBeforeMatch=()=>{this.open=!0,this.dispatchEvent(new i)};this.handleHeaderKeydown=e=>{if(e.key!=="Tab"||e.shiftKey||this.open||!this.panelContentEl)return;let[s]=g(this.panelContentEl,{requireRendered:!1});s&&(e.preventDefault(),this.openedViaFocus=!0,this.open=!0,this.dispatchEvent(new i),this.updateComplete.then(()=>s.focus()))};this.handleFocusOut=e=>{!this.openedViaFocus||e.relatedTarget instanceof Node&&this.contains(e.relatedTarget)||(this.openedViaFocus=!1,this.open=!1,this.dispatchEvent(new i))}}connectedCallback(){super.connectedCallback(),this.addEventListener("focusout",this.handleFocusOut)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",this.handleFocusOut),this.panelEl?.removeEventListener("transitionend",this.handlePanelTransitionEnd)}willUpdate(e){if(!e.has("open")&&!e.has("disabled")){this.deferPanelHidden=!1;return}let s=e.get("open");if(!(!this.open&&!this.disabled&&p)){this.panelHidden=!1,this.deferPanelHidden=!1;return}let x=s===!0&&!this.open,y=window.matchMedia("(prefers-reduced-motion: reduce)").matches;if(!x||y){this.panelHidden=!0,this.deferPanelHidden=!1;return}this.deferPanelHidden=!0}updated(e){super.updated(e),e.has("open")&&!this.open&&document.activeElement&&this.contains(document.activeElement)&&this.headerEl?.focus(),this.deferPanelHidden&&this.panelEl?.addEventListener("transitionend",this.handlePanelTransitionEnd)}renderHeadingWrapper(e){switch(this.level){case 2:return r`<h2>${e}</h2>`;case 3:return r`<h3>${e}</h3>`;case 4:return r`<h4>${e}</h4>`;case 5:return r`<h5>${e}</h5>`;case 6:return r`<h6>${e}</h6>`;default:return e}}render(){let e=r`
+`;var k="eun-collapse",n=class extends b{constructor(){super(...arguments);this.chevronIcon="add";this.open=!1;this.disabled=!1;this.independent=!1;this.panelHidden=!1;this.deferPanelHidden=!1;this.openedViaFocus=!1;this.handleSlotChange=()=>{this.requestUpdate()};this.handlePanelTransitionEnd=e=>{e.target!==this.panelEl||e.propertyName!=="grid-template-rows"||(this.panelEl?.removeEventListener("transitionend",this.handlePanelTransitionEnd),this.open||(this.panelHidden=!0))};this.toggle=()=>{this.disabled||(this.openedViaFocus=!1,this.open=!this.open,this.dispatchEvent(new s))};this.handleBeforeMatch=()=>{this.open=!0,this.dispatchEvent(new s)};this.handleHeaderKeydown=e=>{if(e.key!=="Tab"||e.shiftKey||this.open||!this.panelContentEl)return;let[o]=x(this.panelContentEl,{requireRendered:!1});o&&(e.preventDefault(),this.openedViaFocus=!0,this.open=!0,this.dispatchEvent(new s),this.updateComplete.then(()=>o.focus()))};this.handleFocusOut=e=>{!this.openedViaFocus||e.relatedTarget instanceof Node&&this.contains(e.relatedTarget)||(this.openedViaFocus=!1,this.open=!1,this.dispatchEvent(new s))}}connectedCallback(){super.connectedCallback(),this.addEventListener("focusout",this.handleFocusOut)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",this.handleFocusOut),this.panelEl?.removeEventListener("transitionend",this.handlePanelTransitionEnd)}willUpdate(e){if(!e.has("open")&&!e.has("disabled")){this.deferPanelHidden=!1;return}let o=e.get("open");if(!(!this.open&&!this.disabled&&h)){this.panelHidden=!1,this.deferPanelHidden=!1;return}let u=o===!0&&!this.open,_=window.matchMedia("(prefers-reduced-motion: reduce)").matches;if(!u||_){this.panelHidden=!0,this.deferPanelHidden=!1;return}this.deferPanelHidden=!0}updated(e){super.updated(e),e.has("open")&&!this.open&&document.activeElement&&this.contains(document.activeElement)&&this.headerEl?.focus(),this.deferPanelHidden&&this.panelEl?.addEventListener("transitionend",this.handlePanelTransitionEnd)}renderHeadingWrapper(e){switch(this.level){case 2:return a`<h2>${e}</h2>`;case 3:return a`<h3>${e}</h3>`;case 4:return a`<h4>${e}</h4>`;case 5:return a`<h5>${e}</h5>`;case 6:return a`<h6>${e}</h6>`;default:return e}}renderTag(){let e=[...this.querySelectorAll(':scope > [slot="tag"]')],o=e.some(u=>u.localName.includes("-")),p=a`<slot name="tag" @slotchange=${this.handleSlotChange}
+      >${this.tag}</slot
+    >`;return o?p:!this.tag&&!e.length?a`<slot
+        name="tag"
+        class="hidden"
+        @slotchange=${this.handleSlotChange}
+      ></slot>`:a`<eun-tag color="primary" size="s" rounded>${p}</eun-tag>`}render(){let e=a`
       <button
         type="button"
         id="header"
@@ -217,26 +265,26 @@ import{a as g}from"./chunks/chunk-UDOZRIJZ.js";import{b as p}from"./chunks/chunk
             class=${c({hidden:!this.icon&&!this.iconSlotEls.length})}
             @slotchange=${this.handleSlotChange}
           >
-            ${this.icon?r`<eun-icon name=${this.icon} size="20"></eun-icon>`:a}
+            ${this.icon?a`<eun-icon name=${this.icon} size="20"></eun-icon>`:i}
           </slot>
           <span id="heading-group">
-            <span id="heading">${this.heading}</span>
-            ${this.subheading?r`<span id="subheading">${this.subheading}</span>`:a}
+            <span id="heading"
+              ><slot name="heading">${this.heading}</slot></span
+            >
+            <span
+              id="subheading"
+              class=${c({hidden:!this.subheading&&!this.subheadingSlotEls.length})}
+              ><slot name="subheading" @slotchange=${this.handleSlotChange}
+                >${this.subheading}</slot
+              ></span
+            >
           </span>
         </span>
         <span id="actions">
-          <slot
-            name="tag"
-            class=${c({hidden:!this.tag&&!this.tagSlotEls.length})}
-            @slotchange=${this.handleSlotChange}
-          >
-            ${this.tag?r`<eun-tag color="primary" size="s" rounded
-                  >${this.tag}</eun-tag
-                >`:a}
-          </slot>
+          ${this.renderTag()}
           <span id="chevron">
             <slot name="chevron" @slotchange=${this.handleSlotChange}>
-              ${this.chevronSlotEls.length?a:r`<eun-icon
+              ${this.chevronSlotEls.length?i:a`<eun-icon
                     name=${this.chevronIcon}
                     size="20"
                   ></eun-icon>`}
@@ -244,23 +292,23 @@ import{a as g}from"./chunks/chunk-UDOZRIJZ.js";import{b as p}from"./chunks/chunk
           </span>
         </span>
       </button>
-    `;return r`
+    `;return a`
       <div id="wrapper" class=${c({open:this.open})}>
         ${this.renderHeadingWrapper(e)}
         <div
           id="panel"
-          ?inert=${!this.open&&(this.disabled||!p)}
-          hidden=${this.panelHidden?"until-found":a}
+          ?inert=${!this.open&&(this.disabled||!h)}
+          hidden=${this.panelHidden?"until-found":i}
           @beforematch=${this.handleBeforeMatch}
         >
           <div id="panel-inner">
             <div id="panel-content">
-              ${this.richText?r`<div id="rich-text">
-                    ${b(this.richText)}
-                  </div>`:a}
+              ${this.richText?a`<div id="rich-text">
+                    ${m(this.richText)}
+                  </div>`:i}
               <slot></slot>
             </div>
           </div>
         </div>
       </div>
-    `}};t.styles=[m],n([o()],t.prototype,"heading",2),n([o()],t.prototype,"subheading",2),n([o({type:Number})],t.prototype,"level",2),n([o()],t.prototype,"icon",2),n([o()],t.prototype,"tag",2),n([o({attribute:"chevron-icon"})],t.prototype,"chevronIcon",2),n([o({attribute:"rich-text"})],t.prototype,"richText",2),n([o({type:Boolean,reflect:!0})],t.prototype,"open",2),n([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),n([o({type:Boolean,reflect:!0})],t.prototype,"independent",2),n([d("#header")],t.prototype,"headerEl",2),n([d("#panel-content")],t.prototype,"panelContentEl",2),n([d("#panel")],t.prototype,"panelEl",2),n([v()],t.prototype,"panelHidden",2),n([l({slot:"icon"})],t.prototype,"iconSlotEls",2),n([l({slot:"tag"})],t.prototype,"tagSlotEls",2),n([l({slot:"chevron"})],t.prototype,"chevronSlotEls",2),t=n([h(_)],t);export{t as EunomiaCollapse,_ as EunomiaCollapseTagName};
+    `}};n.styles=[y],t([r()],n.prototype,"heading",2),t([r()],n.prototype,"subheading",2),t([r({type:Number})],n.prototype,"level",2),t([r()],n.prototype,"icon",2),t([r()],n.prototype,"tag",2),t([r({attribute:"chevron-icon"})],n.prototype,"chevronIcon",2),t([r({attribute:"rich-text"})],n.prototype,"richText",2),t([r({type:Boolean,reflect:!0})],n.prototype,"open",2),t([r({type:Boolean,reflect:!0})],n.prototype,"disabled",2),t([r({type:Boolean,reflect:!0})],n.prototype,"independent",2),t([l("#header")],n.prototype,"headerEl",2),t([l("#panel-content")],n.prototype,"panelContentEl",2),t([l("#panel")],n.prototype,"panelEl",2),t([f()],n.prototype,"panelHidden",2),t([d({slot:"icon"})],n.prototype,"iconSlotEls",2),t([d({slot:"subheading"})],n.prototype,"subheadingSlotEls",2),t([d({slot:"chevron"})],n.prototype,"chevronSlotEls",2),n=t([v(k)],n);export{n as EunomiaCollapse,k as EunomiaCollapseTagName};