@eunomia/elements 1.0.0-beta.9 → 1.0.0

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

@@ -1,4 +1,4 @@
-import{a as M}from"./chunks/chunk-SD2H5UDZ.js";import{a as p}from"./chunks/chunk-6TIEBY34.js";import{a as w}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as E}from"./chunks/chunk-JGV7LHEI.js";import"./chunks/chunk-GNAUNTS5.js";import{a,f as R,h as C,j as i,k as l,l as k,n as A,p as u,r as d,u as $}from"./chunks/chunk-YITWLCD3.js";var g=class S extends Event{static{this.eventName="eunslidechange"}constructor(x){super(S.eventName,{bubbles:!0,composed:!1}),this.index=x.index,this.count=x.count}};var N=C`
+import{a as L}from"./chunks/chunk-FPNWPMHA.js";import{a as $}from"./chunks/chunk-SD2H5UDZ.js";import{a as k}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as N}from"./chunks/chunk-WP6ZYBAC.js";import"./chunks/chunk-2XPIGFBD.js";import{a as s,f as P,h as R,j as i,k as l,l as y,n as C,p as u,r as c,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 _=R`
   :host {
     display: block;
     --_visibleCount: 1;
@@ -86,8 +86,8 @@ import{a as M}from"./chunks/chunk-SD2H5UDZ.js";import{a as p}from"./chunks/chunk
       transparent
     );
   }
-  :host(:is(:not([edge-fade]), [edge-fade="false"])) #viewport::before,
-  :host(:is(:not([edge-fade]), [edge-fade="false"])) #viewport::after {
+  :host(:not([edge-fade])) #viewport::before,
+  :host(:not([edge-fade])) #viewport::after {
     content: none;
   }
 
@@ -128,7 +128,10 @@ import{a as M}from"./chunks/chunk-SD2H5UDZ.js";import{a as p}from"./chunks/chunk
     flex: 0 0 var(--_centerPadding, 0px);
   }
   #track:focus-visible {
-    outline-color: var(--eun-color-primary-500, #3d6fff);
+    outline-color: var(
+      --carousel-focus-outline-color,
+      var(--eun-color-primary-500, #3d6fff)
+    );
     outline-offset: 10px;
   }
 
@@ -140,7 +143,7 @@ import{a as M}from"./chunks/chunk-SD2H5UDZ.js";import{a as p}from"./chunks/chunk
     transition: transform var(--eun-duration-m, 200ms)
       var(--eun-easing-default, ease);
   }
-  :host([full-slides]:not([full-slides="false"])) ::slotted(:not([slot])) {
+  :host([full-slides]) ::slotted(:not([slot])) {
     --_slideBasis: max(
       var(--carousel-min-slide-width, 220px),
       calc(
@@ -152,8 +155,7 @@ import{a as M}from"./chunks/chunk-SD2H5UDZ.js";import{a as p}from"./chunks/chunk
       )
     );
   }
-  :host(:is(:not([full-slides]), [full-slides="false"]))
-    ::slotted(:not([slot])) {
+  :host(:not([full-slides])) ::slotted(:not([slot])) {
     --_slideBasis: max(
       var(--carousel-min-slide-width, 220px),
       calc(
@@ -217,7 +219,10 @@ import{a as M}from"./chunks/chunk-SD2H5UDZ.js";import{a as p}from"./chunks/chunk
     );
   }
   .nav:focus-visible {
-    outline-color: var(--eun-color-primary-500, #3d6fff);
+    outline-color: var(
+      --carousel-focus-outline-color,
+      var(--eun-color-primary-500, #3d6fff)
+    );
     outline-offset: 2px;
   }
   .nav:disabled {
@@ -279,7 +284,10 @@ import{a as M}from"./chunks/chunk-SD2H5UDZ.js";import{a as p}from"./chunks/chunk
         var(--eun-easing-default, ease);
   }
   .dot:focus-visible {
-    outline-color: var(--eun-color-primary-500, #3d6fff);
+    outline-color: var(
+      --carousel-focus-outline-color,
+      var(--eun-color-primary-500, #3d6fff)
+    );
     outline-offset: 2px;
   }
   .dot[aria-current="true"] {
@@ -303,55 +311,55 @@ import{a as M}from"./chunks/chunk-SD2H5UDZ.js";import{a as p}from"./chunks/chunk
       transition: none;
     }
   }
-`,_=N;var z="eun-carousel",B="eun-carousel-active-slide",t=class extends E($){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=M(()=>{this.announcement=this.buildAnnouncement(),this.dispatchEvent(new g({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,v=1/0;return this.slides.forEach((f,b)=>{let m=this.getInlineStartOffset(f.getBoundingClientRect(),r)+n-o,c=Math.abs(m-s);c<v&&(v=c,h=b)}),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,y)=>{let I=c.getBoundingClientRect(),P=this.getInlineStartOffset(I,e),L=this.centerSnap?P+I.width/2:P,T=Math.abs(L-r);T<n&&(n=T,s=y)}),this.maxIndex=this.measureMaxIndex(),s=Math.min(s,this.maxIndex),this.slides.forEach((c,y)=>{c.classList.toggle(B,y===s)});let o=s!==this.currentIndex;this.currentIndex=s;let h=this.getScrollProgress(),v=this.trackEl.scrollWidth-this.trackEl.clientWidth,f=h>1?"1":"0",b=h<v-1?"1":"0",m=this.isRtl();this.style.setProperty("--_showLeftFade",m?b:f),this.style.setProperty("--_showRightFade",m?f:b),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`
+`,E=_;var B="eun-carousel",z="eun-carousel-active-slide",r=class extends N(A){constructor(){super(...arguments);this.layout="inline";this.navPlacement="end";this.responsiveBreakpoint=480;this.visibleSlides=1;this.fullSlides=!1;this.scrollStep=1;this.centerSnap=!1;this.edgeFade=!1;this.loop=!1;this.autoplay=!1;this.autoplayInterval=4e3;this.showArrows=!1;this.showDots=!1;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=$(()=>{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)}getCssNumber(e,t){let a=Number.parseFloat(getComputedStyle(this).getPropertyValue(e));return Number.isNaN(a)?t:a}getCssLength(e,t){let a=L(this,e);return Number.isNaN(a)?t:a}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,t){return this.isRtl()?t.right-e.right:e.left-t.left}get pageCount(){return Math.ceil(this.maxIndex/this.effectiveScrollStep)+1}syncCssOverrides(){this.effectiveVisibleSlides=Math.max(1,Math.round(this.getCssNumber("--carousel-visible-slides",this.visibleSlides))),this.effectiveScrollStep=Math.max(1,Math.round(this.getCssNumber("--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,t=e.getBoundingClientRect(),a=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(),t)+n-o,d=Math.abs(b-a);d<p&&(p=d,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(),t=this.slides[0].getBoundingClientRect().width,a=Math.max(0,(e-t)/2);this.style.setProperty("--_centerPadding",`${a}px`)}updateNarrow(){let e=this.getCssLength("--carousel-responsive-breakpoint",this.responsiveBreakpoint);this.narrow=e>0&&this.getBoundingClientRect().width<e}handleSlotChange(){this.slideCount=this.slides.length,this.slides.forEach((e,t)=>{e.setAttribute("role","group"),e.setAttribute("aria-roledescription","slide"),e.setAttribute("aria-label",this.dictionary.carousel.ofTotal(t+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 t=this.maxIndex,a=this.loop?(e%(t+1)+(t+1))%(t+1):Math.max(0,Math.min(e,t));if(!this.centerSnap&&a===t){let o=this.trackEl.scrollWidth-this.trackEl.clientWidth;this.trackEl.scrollTo({left:this.isRtl()?-o:o,behavior:this.scrollBehavior()});return}let n=this.slides[a];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,t=Math.max(1,Math.min(this.effectiveVisibleSlides,this.slideCount-this.currentIndex)),a=Math.min(e+t-1,this.slideCount);return a>e?`Showing slides ${e} to ${a} of ${this.slideCount}`:`Slide ${e} of ${this.slideCount}`}updateFromScrollPosition(){if(!this.trackEl||!this.slides.length)return;let e=this.trackEl.getBoundingClientRect(),t=this.centerSnap?e.width/2:this.getTrackInset(),a=0,n=1/0;this.slides.forEach((d,x)=>{let S=d.getBoundingClientRect(),I=this.getInlineStartOffset(S,e),M=this.centerSnap?I+S.width/2:I,T=Math.abs(M-t);T<n&&(n=T,a=x)}),this.maxIndex=this.measureMaxIndex(),a=Math.min(a,this.maxIndex),this.slides.forEach((d,x)=>{d.classList.toggle(z,x===a)});let o=a!==this.currentIndex;this.currentIndex=a;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 c;let e=this.effectiveScrollStep,t=Math.round(this.currentIndex/e);return u`
       <div
         id="dots"
         role="group"
         aria-label=${this.dictionary.carousel.slideNavigation}
       >
-        ${Array.from({length:this.pageCount},(s,n)=>{let o=n===r;return u`
+        ${Array.from({length:this.pageCount},(a,n)=>{let o=n===t;return u`
             <button
               type="button"
-              class=${w({dot:!0})}
-              aria-current=${o?"true":d}
+              class=${k({dot:!0})}
+              aria-current=${o?"true":c}
               aria-label=${this.dictionary.carousel.goToSlide(n*e+1,this.slideCount)}
               @click=${()=>this.goTo(n*e)}
             ></button>
           `})}
       </div>
-    `}renderNavButton(e){let r=e==="prev",s=!this.loop&&(r?this.currentIndex<=0:this.currentIndex>=this.maxIndex);return u`
+    `}renderNavButton(e){let t=e==="prev",a=!this.loop&&(t?this.currentIndex<=0:this.currentIndex>=this.maxIndex);return u`
       <button
         type="button"
         id=${e}
         class="nav"
-        aria-label=${r?this.previousLabel??this.dictionary.carousel.previous:this.nextLabel??this.dictionary.carousel.next}
+        aria-label=${t?this.previousLabel??this.dictionary.carousel.previous:this.nextLabel??this.dictionary.carousel.next}
         aria-controls="track"
-        ?disabled=${s}
-        @click=${()=>r?this.previous():this.next()}
+        ?disabled=${a}
+        @click=${()=>t?this.previous():this.next()}
       >
         <eun-icon
-          name=${r?"chevron_left":"chevron_right"}
-          size=${this.getCssPixelValue("--carousel-nav-icon-size",20)}
+          name=${t?"chevron_left":"chevron_right"}
+          size=${this.getCssLength("--carousel-nav-icon-size",20)}
         ></eun-icon>
       </button>
-    `}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`
+    `}render(){let e=this.showDots&&this.pageCount>1,t=this.layout==="header"||this.layout==="inline"&&this.narrow,a=this.showArrows&&t&&this.pageCount>1,n=this.showArrows&&!t&&this.pageCount>1;return u`
       <div
         id="carousel-header"
-        class=${w({"nav-start":s&&this.navPlacement==="start","nav-center":s&&this.navPlacement==="center"})}
-        ?hidden=${!(this.hasTitle||s)}
+        class=${k({"nav-start":a&&this.navPlacement==="start","nav-center":a&&this.navPlacement==="center"})}
+        ?hidden=${!(this.hasTitle||a)}
       >
         <slot
           name="title"
           @slotchange=${()=>this.handleTitleSlotChange()}
         ></slot>
-        ${s?u`
+        ${a?u`
               <div id="header-nav">
                 ${this.renderNavButton("prev")} ${this.renderNavButton("next")}
               </div>
-            `:d}
+            `:c}
       </div>
       <div id="viewport">
-        ${n?this.renderNavButton("prev"):d}
+        ${n?this.renderNavButton("prev"):c}
         <div
           id="track"
           role="region"
@@ -363,10 +371,10 @@ import{a as M}from"./chunks/chunk-SD2H5UDZ.js";import{a as p}from"./chunks/chunk
         >
           <slot @slotchange=${()=>this.handleSlotChange()}></slot>
         </div>
-        ${n?this.renderNavButton("next"):d}
+        ${n?this.renderNavButton("next"):c}
       </div>
-      ${e?this.renderDots():d}
+      ${e?this.renderDots():c}
       <span class="sr-only" role="status" aria-live="polite"
         >${this.announcement}</span
       >
-    `}};t.styles=_,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({converter:p,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({converter:p,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({converter:p,attribute:"show-arrows"})],t.prototype,"showArrows",2),a([i({converter:p,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([k("#track")],t.prototype,"trackEl",2),a([k('slot[name="title"]')],t.prototype,"titleSlotEl",2),a([A()],t.prototype,"slides",2),a([l()],t.prototype,"maxIndex",2),t=a([R(z)],t);export{t as EunomiaCarousel,z as EunomiaCarouselTagName};
+    `}};r.styles=E,s([i({reflect:!0,useDefault:!0})],r.prototype,"layout",2),s([i({reflect:!0,attribute:"nav-placement",useDefault:!0})],r.prototype,"navPlacement",2),s([i({type:Number,attribute:"responsive-breakpoint"})],r.prototype,"responsiveBreakpoint",2),s([i({type:Number,attribute:"visible-slides"})],r.prototype,"visibleSlides",2),s([i({type:Boolean,reflect:!0,attribute:"full-slides"})],r.prototype,"fullSlides",2),s([i({type:Number,attribute:"scroll-step"})],r.prototype,"scrollStep",2),s([i({type:Boolean,reflect:!0,attribute:"center-snap"})],r.prototype,"centerSnap",2),s([i({type:Boolean,reflect:!0,attribute:"edge-fade"})],r.prototype,"edgeFade",2),s([i({type:Boolean,reflect:!0})],r.prototype,"loop",2),s([i({type:Boolean})],r.prototype,"autoplay",2),s([i({type:Number,attribute:"autoplay-interval"})],r.prototype,"autoplayInterval",2),s([i({type:Boolean,attribute:"show-arrows"})],r.prototype,"showArrows",2),s([i({type:Boolean,attribute:"show-dots"})],r.prototype,"showDots",2),s([i({attribute:"previous-label"})],r.prototype,"previousLabel",2),s([i({attribute:"next-label"})],r.prototype,"nextLabel",2),s([l()],r.prototype,"currentIndex",2),s([l()],r.prototype,"slideCount",2),s([l()],r.prototype,"manuallyPaused",2),s([l()],r.prototype,"announcement",2),s([l()],r.prototype,"hasTitle",2),s([l()],r.prototype,"narrow",2),s([l()],r.prototype,"effectiveVisibleSlides",2),s([l()],r.prototype,"effectiveScrollStep",2),s([y("#track")],r.prototype,"trackEl",2),s([y('slot[name="title"]')],r.prototype,"titleSlotEl",2),s([C()],r.prototype,"slides",2),s([l()],r.prototype,"maxIndex",2),r=s([P(B)],r);export{r as EunomiaCarousel,B as EunomiaCarouselTagName};

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

@@ -1,4 +1,4 @@
-import{a as u}from"./chunks/chunk-FOILAXLL.js";import{b as s}from"./chunks/chunk-D3JJBHXN.js";import"./chunks/chunk-J7ETIRSK.js";import{f as o}from"./chunks/chunk-MY6ORZJR.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-GNAUNTS5.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`
+import{a as u}from"./chunks/chunk-FOILAXLL.js";import{b as s}from"./chunks/chunk-JLKCBPD2.js";import"./chunks/chunk-OB7DEGNX.js";import"./chunks/chunk-5IUNSTM3.js";import{f as o}from"./chunks/chunk-JDUWKPHW.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-QNWKRPOW.js";import"./chunks/chunk-3BMACIDO.js";import{a as l}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-2XPIGFBD.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(
@@ -15,12 +15,12 @@ import{a as u}from"./chunks/chunk-FOILAXLL.js";import{b as s}from"./chunks/chunk
     );
     --_hintColor: var(
       --check-card-hint-color,
-      var(--eun-text-secondary, #484e61)
+      var(--eun-text-secondary, #666e8a)
     );
     --_color: var(--eun-text-color, #071621);
     --_iconColor: var(
       --check-card-icon-color,
-      var(--eun-text-secondary, #484e61)
+      var(--eun-text-secondary, #666e8a)
     );
     --_focusIndicator: var(
       --check-card-focus-outline-color,

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

@@ -1,4 +1,4 @@
-import{a as x}from"./chunks/chunk-ZBN4HTWP.js";import{a as C}from"./chunks/chunk-7PEODUNH.js";import{b,c as g,d as E,e as y,f as l}from"./chunks/chunk-MY6ORZJR.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-GNAUNTS5.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`
+import{a as x}from"./chunks/chunk-ZBN4HTWP.js";import{a as C}from"./chunks/chunk-7PEODUNH.js";import{b,c as g,d as E,e as y,f as l}from"./chunks/chunk-JDUWKPHW.js";import{a as v}from"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-QNWKRPOW.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-2XPIGFBD.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,7 +7,7 @@ import{a as x}from"./chunks/chunk-ZBN4HTWP.js";import{a as C}from"./chunks/chunk
       var(--eun-color-critical-100, #aa0014)
     );
   }
-`,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`
+`,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)??!1})})}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

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

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-D3JJBHXN.js";import"./chunks/chunk-J7ETIRSK.js";import"./chunks/chunk-MY6ORZJR.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-3BMACIDO.js";import"./chunks/chunk-GNAUNTS5.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaCheckbox,a as EunomiaCheckboxTagName};
+import{a,b}from"./chunks/chunk-JLKCBPD2.js";import"./chunks/chunk-OB7DEGNX.js";import"./chunks/chunk-5IUNSTM3.js";import"./chunks/chunk-JDUWKPHW.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-QNWKRPOW.js";import"./chunks/chunk-3BMACIDO.js";import"./chunks/chunk-2XPIGFBD.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 b}from"./chunks/chunk-FF3I7C3C.js";import{a as u}from"./chunks/chunk-YQU6RVX4.js";import{a as v}from"./chunks/chunk-NK5SGOBP.js";import{a as o}from"./chunks/chunk-6TIEBY34.js";import{a as m}from"./chunks/chunk-JGV7LHEI.js";import"./chunks/chunk-GNAUNTS5.js";import{a,f as s,h as p,j as t,k as c,n as d,p as i,r as n,u as h}from"./chunks/chunk-YITWLCD3.js";var g=p`
+import{a as m}from"./chunks/chunk-DWTNRFWW.js";import{a as h}from"./chunks/chunk-YQU6RVX4.js";import{a as v}from"./chunks/chunk-NK5SGOBP.js";import{a as u}from"./chunks/chunk-WP6ZYBAC.js";import"./chunks/chunk-2XPIGFBD.js";import{a,f as l,h as s,j as t,k as p,n as c,p as i,r as o,u as d}from"./chunks/chunk-YITWLCD3.js";var f=s`
   :host {
     display: inline-flex;
     max-width: 100%;
@@ -8,7 +8,6 @@ import{a as b}from"./chunks/chunk-FF3I7C3C.js";import{a as u}from"./chunks/chunk
   }
 
   :host {
-    /* Unlike a tag's transparent outline, a chip's sits on the surface. */
     --_bg-outline: var(--eun-surface-color, #ffffff);
   }
 
@@ -41,7 +40,7 @@ import{a as b}from"./chunks/chunk-FF3I7C3C.js";import{a as u}from"./chunks/chunk
   :host {
     --_radius: var(--eun-border-radius-s, 5px);
   }
-  :host([rounded]:not([rounded="false"])) {
+  :host([rounded]) {
     --_radius: var(--eun-border-radius-xl, 999px);
   }
 
@@ -53,9 +52,6 @@ import{a as b}from"./chunks/chunk-FF3I7C3C.js";import{a as u}from"./chunks/chunk
     height: var(--_height);
     --_borderWidth: var(--chip-border-width, var(--eun-border-width-s, 1px));
     background: var(--chip-background-color, var(--_bg));
-    /* Every appearance carries the same border box (transparent unless
-       drawn), taken out of the padding, so switching appearance or adding a
-       --chip-border-* never changes the chip's size. */
     border: var(--_borderWidth) solid var(--chip-border-color, var(--_bd));
     border-radius: var(--chip-border-radius, var(--_radius));
     padding-inline-start: max(
@@ -148,7 +144,7 @@ import{a as b}from"./chunks/chunk-FF3I7C3C.js";import{a as u}from"./chunks/chunk
   :host([disabled]) #chip {
     opacity: 0.6;
   }
-`,f=[b,g];var x="eun-chip",S={s:14,m:16,l:18},_={s:12,m:14,l:16},e=class extends m(h){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 u)}}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 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,f];var g="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=!1;this.removable=!1;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 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`
         <span id="avatar" data-shape=${this.avatarShape}>
           <img src=${this.avatarSrc} alt=${this.avatarAlt} />
         </span>
@@ -156,14 +152,14 @@ import{a as b}from"./chunks/chunk-FF3I7C3C.js";import{a as u}from"./chunks/chunk
         <span id="avatar" data-shape=${this.avatarShape} aria-hidden="true">
           ${this.avatarInitials}
         </span>
-      `;let l=this.getIconName();return i`
+      `;let n=this.getIconName();return i`
       <slot name="icon" @slotchange=${this.handleIconSlotChange}>
-        ${l?i`<eun-icon
+        ${n?i`<eun-icon
               id="icon"
               shape="round"
-              size=${S[r]}
-              name=${l}
-            ></eun-icon>`:n}
+              size=${x[r]}
+              name=${n}
+            ></eun-icon>`:o}
       </slot>
     `}render(){let r=this.getSize();return i`
       <div id="chip" part="chip" data-leading=${this.getLeadingKind()}>
@@ -183,9 +179,9 @@ import{a as b}from"./chunks/chunk-FF3I7C3C.js";import{a as u}from"./chunks/chunk
               >
                 <eun-icon
                   name="close"
-                  size=${_[r]}
+                  size=${S[r]}
                 ></eun-icon>
               </eun-button>
-            `:n}
+            `:o}
       </div>
-    `}};e.styles=f,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({converter:o,reflect:!0})],e.prototype,"rounded",2),a([t({converter:o,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([c()],e.prototype,"labelText",2),a([d({slot:"icon"})],e.prototype,"iconSlotEls",2),e=a([s(x)],e);export{e as EunomiaChip,x 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(g)],e);export{e as EunomiaChip,g as EunomiaChipTagName};

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

@@ -1,4 +1,4 @@
-import{a as x}from"./chunks/chunk-5LXGJVJR.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`
+import{a as x}from"./chunks/chunk-5LXGJVJR.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,f as v,h as g,j as r,k as f,l,n as d,p as t,r as i,u as b}from"./chunks/chunk-YITWLCD3.js";var _=g`
   :host {
     display: block;
     width: 100%;
@@ -25,7 +25,7 @@ import{a as x}from"./chunks/chunk-5LXGJVJR.js";import{b as h}from"./chunks/chunk
     );
     --_subheadingColor: var(
       --collapse-subheading-color,
-      var(--eun-text-secondary, #484e61)
+      var(--eun-text-secondary, #666e8a)
     );
     --_contentColor: var(
       --collapse-content-color,
@@ -109,6 +109,10 @@ import{a as x}from"./chunks/chunk-5LXGJVJR.js";import{b as h}from"./chunks/chunk
   #wrapper > h6 {
     margin: 0;
   }
+  #wrapper:not(.open) #header:focus-visible:not(:disabled) {
+    background: var(--collapse-background-focus, var(--_background));
+    color: var(--collapse-color-focus, var(--_color));
+  }
   #wrapper:not(.open) #header:hover:not(:disabled) {
     background: var(--_backgroundHover);
     color: var(--_colorHover);
@@ -136,6 +140,7 @@ import{a as x}from"./chunks/chunk-5LXGJVJR.js";import{b as h}from"./chunks/chunk
     overflow: hidden;
     text-overflow: ellipsis;
     font-size: var(--collapse-heading-font-size, var(--eun-font-size-s, 14px));
+    font-weight: var(--collapse-heading-font-weight, var(--eun-font-weight-l));
   }
   #heading ::slotted(*) {
     margin: 0;
@@ -216,6 +221,10 @@ import{a as x}from"./chunks/chunk-5LXGJVJR.js";import{b as h}from"./chunks/chunk
       background-color var(--_transitionDuration)
         var(--eun-easing-out, ease-out);
   }
+  .open #header:focus-visible:not(:disabled) {
+    background: var(--collapse-background-focus, var(--_backgroundOpen));
+    color: var(--collapse-color-focus, var(--_colorOpen));
+  }
   .open #panel {
     grid-template-rows: 1fr;
     background: var(--_backgroundOpen);
@@ -243,16 +252,17 @@ import{a as x}from"./chunks/chunk-5LXGJVJR.js";import{b as h}from"./chunks/chunk
       transition: none;
     }
   }
-`;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}
+`;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,y=window.matchMedia("(prefers-reduced-motion: reduce)").matches;if(!u||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 t`<h2>${e}</h2>`;case 3:return t`<h3>${e}</h3>`;case 4:return t`<h4>${e}</h4>`;case 5:return t`<h5>${e}</h5>`;case 6:return t`<h6>${e}</h6>`;default:return e}}renderTag(){let e=[...this.querySelectorAll(':scope > [slot="tag"]')],o=e.some(u=>u.localName.includes("-")),p=t`<slot name="tag" @slotchange=${this.handleSlotChange}
       >${this.tag}</slot
-    >`;return o?p:!this.tag&&!e.length?a`<slot
+    >`;return o?p:!this.tag&&!e.length?t`<slot
         name="tag"
         class="hidden"
         @slotchange=${this.handleSlotChange}
-      ></slot>`:a`<eun-tag color="primary" size="s" rounded>${p}</eun-tag>`}render(){let e=a`
+      ></slot>`:t`<eun-tag color="primary" size="s" rounded>${p}</eun-tag>`}render(){let e=t`
       <button
         type="button"
         id="header"
+        part="trigger"
         aria-expanded=${this.open?"true":"false"}
         aria-controls="panel"
         ?disabled=${this.disabled}
@@ -265,7 +275,7 @@ import{a as x}from"./chunks/chunk-5LXGJVJR.js";import{b as h}from"./chunks/chunk
             class=${c({hidden:!this.icon&&!this.iconSlotEls.length})}
             @slotchange=${this.handleSlotChange}
           >
-            ${this.icon?a`<eun-icon name=${this.icon} size="20"></eun-icon>`:i}
+            ${this.icon?t`<eun-icon name=${this.icon} size="20"></eun-icon>`:i}
           </slot>
           <span id="heading-group">
             <span id="heading"
@@ -284,7 +294,7 @@ import{a as x}from"./chunks/chunk-5LXGJVJR.js";import{b as h}from"./chunks/chunk
           ${this.renderTag()}
           <span id="chevron">
             <slot name="chevron" @slotchange=${this.handleSlotChange}>
-              ${this.chevronSlotEls.length?i:a`<eun-icon
+              ${this.chevronSlotEls.length?i:t`<eun-icon
                     name=${this.chevronIcon}
                     size="20"
                   ></eun-icon>`}
@@ -292,18 +302,19 @@ import{a as x}from"./chunks/chunk-5LXGJVJR.js";import{b as h}from"./chunks/chunk
           </span>
         </span>
       </button>
-    `;return a`
+    `;return t`
       <div id="wrapper" class=${c({open:this.open})}>
         ${this.renderHeadingWrapper(e)}
         <div
           id="panel"
+          part="panel"
           ?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?a`<div id="rich-text">
+              ${this.richText?t`<div id="rich-text">
                     ${m(this.richText)}
                   </div>`:i}
               <slot></slot>
@@ -311,4 +322,4 @@ import{a as x}from"./chunks/chunk-5LXGJVJR.js";import{b as h}from"./chunks/chunk
           </div>
         </div>
       </div>
-    `}};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};
+    `}};n.styles=[_],a([r()],n.prototype,"heading",2),a([r()],n.prototype,"subheading",2),a([r({type:Number})],n.prototype,"level",2),a([r()],n.prototype,"icon",2),a([r()],n.prototype,"tag",2),a([r({attribute:"chevron-icon"})],n.prototype,"chevronIcon",2),a([r({attribute:"rich-text"})],n.prototype,"richText",2),a([r({type:Boolean,reflect:!0})],n.prototype,"open",2),a([r({type:Boolean,reflect:!0})],n.prototype,"disabled",2),a([r({type:Boolean,reflect:!0})],n.prototype,"independent",2),a([l("#header")],n.prototype,"headerEl",2),a([l("#panel-content")],n.prototype,"panelContentEl",2),a([l("#panel")],n.prototype,"panelEl",2),a([f()],n.prototype,"panelHidden",2),a([d({slot:"icon"})],n.prototype,"iconSlotEls",2),a([d({slot:"subheading"})],n.prototype,"subheadingSlotEls",2),a([d({slot:"chevron"})],n.prototype,"chevronSlotEls",2),n=a([v(k)],n);export{n as EunomiaCollapse,k as EunomiaCollapseTagName};