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

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

@@ -1,4 +1,4 @@
-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`
+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-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.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`
   :host {
     display: block;
     --_visibleCount: 1;
@@ -86,8 +86,8 @@ import{a as C}from"./chunks/chunk-SD2H5UDZ.js";import{a as x}from"./chunks/chunk
       transparent
     );
   }
-  :host(:not([edge-fade])) #viewport::before,
-  :host(:not([edge-fade])) #viewport::after {
+  :host(:is(:not([edge-fade]), [edge-fade="false"])) #viewport::before,
+  :host(:is(:not([edge-fade]), [edge-fade="false"])) #viewport::after {
     content: none;
   }
 
@@ -140,7 +140,7 @@ import{a as C}from"./chunks/chunk-SD2H5UDZ.js";import{a as x}from"./chunks/chunk
     transition: transform var(--eun-duration-m, 200ms)
       var(--eun-easing-default, ease);
   }
-  :host([full-slides]) ::slotted(:not([slot])) {
+  :host([full-slides]:not([full-slides="false"])) ::slotted(:not([slot])) {
     --_slideBasis: max(
       var(--carousel-min-slide-width, 220px),
       calc(
@@ -152,7 +152,8 @@ import{a as C}from"./chunks/chunk-SD2H5UDZ.js";import{a as x}from"./chunks/chunk
       )
     );
   }
-  :host(:not([full-slides])) ::slotted(:not([slot])) {
+  :host(:is(:not([full-slides]), [full-slides="false"]))
+    ::slotted(:not([slot])) {
     --_slideBasis: max(
       var(--carousel-min-slide-width, 220px),
       calc(
@@ -238,11 +239,14 @@ import{a as C}from"./chunks/chunk-SD2H5UDZ.js";import{a as x}from"./chunks/chunk
   .nav eun-icon {
     pointer-events: none;
   }
+  :host(:dir(rtl)) .nav eun-icon {
+    transform: scaleX(-1);
+  }
   #prev {
-    left: var(--eun-space-s, 8px);
+    inset-inline-start: var(--eun-space-s, 8px);
   }
   #next {
-    right: var(--eun-space-s, 8px);
+    inset-inline-end: var(--eun-space-s, 8px);
   }
   #viewport .nav {
     box-shadow: var(--carousel-nav-shadow, 0 2px 10px rgba(15, 23, 42, 0.18));
@@ -299,48 +303,48 @@ import{a as C}from"./chunks/chunk-SD2H5UDZ.js";import{a as x}from"./chunks/chunk
       transition: none;
     }
   }
-`,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`
+`,_=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`
       <div
         id="dots"
         role="group"
         aria-label=${this.dictionary.carousel.slideNavigation}
       >
-        ${Array.from({length:this.pageCount},(i,n)=>{let l=n===a;return u`
+        ${Array.from({length:this.pageCount},(s,n)=>{let o=n===r;return u`
             <button
               type="button"
-              class=${x({dot:!0})}
-              aria-current=${l?"true":d}
+              class=${w({dot:!0})}
+              aria-current=${o?"true":d}
               aria-label=${this.dictionary.carousel.goToSlide(n*e+1,this.slideCount)}
               @click=${()=>this.goTo(n*e)}
             ></button>
           `})}
       </div>
-    `}renderNavButton(e){let a=e==="prev",i=!this.loop&&(a?this.currentIndex<=0:this.currentIndex>=this.maxIndex);return u`
+    `}renderNavButton(e){let r=e==="prev",s=!this.loop&&(r?this.currentIndex<=0:this.currentIndex>=this.maxIndex);return u`
       <button
         type="button"
         id=${e}
         class="nav"
-        aria-label=${a?this.ariaLabelPrevious??this.dictionary.carousel.previous:this.ariaLabelNext??this.dictionary.carousel.next}
+        aria-label=${r?this.previousLabel??this.dictionary.carousel.previous:this.nextLabel??this.dictionary.carousel.next}
         aria-controls="track"
-        ?disabled=${i}
-        @click=${()=>a?this.previous():this.next()}
+        ?disabled=${s}
+        @click=${()=>r?this.previous():this.next()}
       >
         <eun-icon
-          name=${a?"chevron_left":"chevron_right"}
+          name=${r?"chevron_left":"chevron_right"}
           size=${this.getCssPixelValue("--carousel-nav-icon-size",20)}
         ></eun-icon>
       </button>
-    `}render(){let e=this.showDots&&this.pageCount>1,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`
+    `}render(){let e=this.showDots&&this.pageCount>1,r=this.layout==="header"||this.layout==="inline"&&this.narrow,s=this.showArrows&&r&&this.pageCount>1,n=this.showArrows&&!r&&this.pageCount>1;return u`
       <div
         id="carousel-header"
-        class=${x({"nav-start":i&&this.navPlacement==="start","nav-center":i&&this.navPlacement==="center"})}
-        ?hidden=${!(this.hasTitle||i)}
+        class=${w({"nav-start":s&&this.navPlacement==="start","nav-center":s&&this.navPlacement==="center"})}
+        ?hidden=${!(this.hasTitle||s)}
       >
         <slot
           name="title"
           @slotchange=${()=>this.handleTitleSlotChange()}
         ></slot>
-        ${i?u`
+        ${s?u`
               <div id="header-nav">
                 ${this.renderNavButton("prev")} ${this.renderNavButton("next")}
               </div>
@@ -355,7 +359,7 @@ import{a as C}from"./chunks/chunk-SD2H5UDZ.js";import{a as x}from"./chunks/chunk
           aria-label=${this.ariaLabel||"Carousel"}
           tabindex="0"
           @scroll=${this.handleScroll}
-          @keydown=${l=>this.handleKeydown(l)}
+          @keydown=${o=>this.handleKeydown(o)}
         >
           <slot @slotchange=${()=>this.handleSlotChange()}></slot>
         </div>
@@ -365,4 +369,4 @@ import{a as C}from"./chunks/chunk-SD2H5UDZ.js";import{a as x}from"./chunks/chunk
       <span class="sr-only" role="status" aria-live="polite"
         >${this.announcement}</span
       >
-    `}};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};
+    `}};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};

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-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`
+import{a as u}from"./chunks/chunk-FOILAXLL.js";import{b as s}from"./chunks/chunk-TFTRCIIK.js";import"./chunks/chunk-AK2DIJX7.js";import{f as o}from"./chunks/chunk-TLBXTBMM.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-3BMACIDO.js";import{a as l}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-QL5GSW2A.js";import{a as e,f as c,h as n,j as d,n as i,p as a,r as t}from"./chunks/chunk-YITWLCD3.js";var v=n`
   :host {
     --_borderWidth: var(--check-card-border-width, 1px);
     --_borderColor: var(

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

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

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

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-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};
+import{a,b}from"./chunks/chunk-TFTRCIIK.js";import"./chunks/chunk-AK2DIJX7.js";import"./chunks/chunk-TLBXTBMM.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-3BMACIDO.js";import"./chunks/chunk-QL5GSW2A.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaCheckbox,a as EunomiaCheckboxTagName};

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

@@ -1,4 +1,4 @@
-import{a as m}from"./chunks/chunk-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`
+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-UP4M7TER.js";import{a as o}from"./chunks/chunk-6TIEBY34.js";import{a as m}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.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`
   :host {
     display: inline-flex;
     max-width: 100%;
@@ -41,7 +41,7 @@ import{a as m}from"./chunks/chunk-FF3I7C3C.js";import{a as h}from"./chunks/chunk
   :host {
     --_radius: var(--eun-border-radius-s, 5px);
   }
-  :host([rounded]) {
+  :host([rounded]:not([rounded="false"])) {
     --_radius: var(--eun-border-radius-xl, 999px);
   }
 
@@ -58,8 +58,14 @@ import{a as m}from"./chunks/chunk-FF3I7C3C.js";import{a as h}from"./chunks/chunk
        --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(0px, calc(var(--_paddingInline) - var(--_borderWidth)));
-    padding-inline-end: max(0px, calc(var(--_paddingInline) - var(--_borderWidth)));
+    padding-inline-start: max(
+      0px,
+      calc(var(--_paddingInline) - var(--_borderWidth))
+    );
+    padding-inline-end: max(
+      0px,
+      calc(var(--_paddingInline) - var(--_borderWidth))
+    );
     font-size: var(--_fontSize);
     gap: var(--chip-gap, var(--_gap));
     color: var(--chip-color, var(--_fg));
@@ -142,7 +148,7 @@ import{a as m}from"./chunks/chunk-FF3I7C3C.js";import{a as h}from"./chunks/chunk
   :host([disabled]) #chip {
     opacity: 0.6;
   }
-`,b=[m,g];var f="eun-chip",x={s:14,m:16,l:18},S={s:12,m:14,l:16},e=class extends u(d){constructor(){super(...arguments);this.color="medium";this.fixedColor=!1;this.appearance="default";this.hideIcon=!1;this.avatarAlt="";this.avatarShape="circle";this.rounded=!0;this.removable=!0;this.disabled=!1;this.labelText="";this.handleIconSlotChange=()=>{this.requestUpdate()};this.updateLabelText=()=>{this.labelText=this.textContent?.trim()??""};this.handleRemove=()=>{this.dispatchEvent(new h)}}connectedCallback(){super.connectedCallback(),this.updateLabelText()}getRemoveLabel(){let r=this.ariaLabelRemove??this.dictionary.chip.remove;return this.labelText?`${r} ${this.labelText}`:r}getSize(){return this.size??"m"}getIconName(){if(!this.hideIcon)return v(this.icon,this.severity)}hasIconSlotted(){return!this.hideIcon&&this.iconSlotEls.length>0}getLeadingKind(){return this.avatarSrc||this.avatarInitials?"avatar":this.getIconName()||this.hasIconSlotted()?"icon":"none"}renderLeadingVisual(){let r=this.getSize();if(this.avatarSrc)return i`
+`,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`
         <span id="avatar" data-shape=${this.avatarShape}>
           <img src=${this.avatarSrc} alt=${this.avatarAlt} />
         </span>
@@ -150,13 +156,13 @@ import{a as m}from"./chunks/chunk-FF3I7C3C.js";import{a as h}from"./chunks/chunk
         <span id="avatar" data-shape=${this.avatarShape} aria-hidden="true">
           ${this.avatarInitials}
         </span>
-      `;let o=this.getIconName();return i`
+      `;let l=this.getIconName();return i`
       <slot name="icon" @slotchange=${this.handleIconSlotChange}>
-        ${o?i`<eun-icon
+        ${l?i`<eun-icon
               id="icon"
               shape="round"
-              size=${x[r]}
-              name=${o}
+              size=${S[r]}
+              name=${l}
             ></eun-icon>`:n}
       </slot>
     `}render(){let r=this.getSize();return i`
@@ -177,9 +183,9 @@ import{a as m}from"./chunks/chunk-FF3I7C3C.js";import{a as h}from"./chunks/chunk
               >
                 <eun-icon
                   name="close"
-                  size=${S[r]}
+                  size=${_[r]}
                 ></eun-icon>
               </eun-button>
             `:n}
       </div>
-    `}};e.styles=b,a([t({reflect:!0})],e.prototype,"color",2),a([t({type:Boolean,reflect:!0,attribute:"fixed-color"})],e.prototype,"fixedColor",2),a([t({reflect:!0})],e.prototype,"severity",2),a([t({reflect:!0})],e.prototype,"appearance",2),a([t({reflect:!0})],e.prototype,"size",2),a([t()],e.prototype,"icon",2),a([t({type:Boolean,attribute:"hide-icon"})],e.prototype,"hideIcon",2),a([t({attribute:"avatar-src"})],e.prototype,"avatarSrc",2),a([t({attribute:"avatar-alt"})],e.prototype,"avatarAlt",2),a([t({attribute:"avatar-shape"})],e.prototype,"avatarShape",2),a([t({attribute:"avatar-initials"})],e.prototype,"avatarInitials",2),a([t({type:Boolean,reflect:!0})],e.prototype,"rounded",2),a([t({type:Boolean,reflect:!0})],e.prototype,"removable",2),a([t({type:Boolean,reflect:!0})],e.prototype,"disabled",2),a([t({attribute:"aria-label-remove"})],e.prototype,"ariaLabelRemove",2),a([p()],e.prototype,"labelText",2),a([c({slot:"icon"})],e.prototype,"iconSlotEls",2),e=a([l(f)],e);export{e as EunomiaChip,f as EunomiaChipTagName};
+    `}};e.styles=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};

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

@@ -1,4 +1,4 @@
-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`
+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`
   :host {
     display: block;
     width: 100%;