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

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

@@ -1,4 +1,4 @@
-import{a as m,b as h,c as v}from"./chunks/chunk-6VK6SHCG.js";import{a as b}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as n}from"./chunks/chunk-PPCHQG7P.js";import{a as t,f as d,h as p,j as r,k as u,l,p as i,r as a,u as f}from"./chunks/chunk-YITWLCD3.js";var s=class c extends Event{static{this.eventName="eunconfirm"}constructor(){super(c.eventName,{bubbles:!0,composed:!0,cancelable:!0})}};var C=p`
+import{a as h,b as v,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as g}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as n}from"./chunks/chunk-PPCHQG7P.js";import{a as m}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as t,f as d,h as p,j as i,k as u,l,p as r,r as a,u as f}from"./chunks/chunk-YITWLCD3.js";var s=class c extends Event{static{this.eventName="eunconfirm"}constructor(){super(c.eventName,{bubbles:!0,composed:!0,cancelable:!0})}};var C=p`
   :host {
     display: contents;
   }
@@ -141,12 +141,12 @@ import{a as m,b as h,c as v}from"./chunks/chunk-6VK6SHCG.js";import{a as b}from"
       transition-duration: 0.01ms;
     }
   }
-`,g=C;var y="eun-modal",e=class extends b(f){constructor(){super(...arguments);this.open=!1;this.kind="dialog";this.closeOnBackdrop=!0;this.dirty=!1;this.hideActions=!1;this.closeable=!0;this.cancelLabel="Cancel";this.confirmLabel="Confirm";this.confirmColor="primary";this.ariaLabelClose="Close";this.confirmCloseHeading="Discard changes?";this.confirmCloseDescription="You have unsaved changes. This action can't be undone.";this.confirmCloseCancelLabel="Keep editing";this.confirmCloseConfirmLabel="Discard";this.mountConfirmModal=!1;this.handleDiscardConfirmed=o=>{o.stopPropagation(),this.confirmDiscard()};this.stopDialogPropagation=o=>{o.stopPropagation()};this.handleToggle=o=>{let x=o;if(this.syncingFromPopover=!0,this.open=x.newState==="open",this.syncingFromPopover=!1,this.open){this.openDialogSurface({surfaceEl:this.surfaceEl,onEscape:()=>this.requestClose(),onOutsideClick:()=>{this.closeOnBackdrop&&this.requestClose()}}),this.updateComplete.then(()=>this.focusInitialElement());return}this.closeDialogSurface()};this.handleCommandEvent=o=>{v(o,this)}}willUpdate(o){o.has("dirty")&&this.dirty&&(this.mountConfirmModal=!0)}updated(o){super.updated(o),o.has("open")&&this.syncPopoverOpenState(this.open,this.surfaceEl)}connectedCallback(){super.connectedCallback?.(),this.addEventListener("command",this.handleCommandEvent)}disconnectedCallback(){this.removeEventListener("command",this.handleCommandEvent),this.teardownDialogSurface(this.open),super.disconnectedCallback?.()}show(){this.open=!0}hide(){this.open=!1}confirm(){let o=new s;this.dispatchEvent(o),o.defaultPrevented||(this.open=!1)}cancel(){let o=new m;this.dispatchEvent(o),o.defaultPrevented||(this.open=!1)}requestClose(){if(this.dirty){let o=new h;this.dispatchEvent(o),o.defaultPrevented||this.confirmCloseModalEl?.show();return}this.cancel()}confirmDiscard(){this.dirty=!1,this.cancel()}focusInitialElement(){let o=this.querySelector("[autofocus]");if(o){o.focus();return}if(!this.hideActions){this.cancelButtonEl?.focus();return}this.surfaceEl?.focus()}renderHeader(){return!this.heading&&!this.description?a:i`
+`,x=C;var k="eun-modal",e=class extends g(m(f)){constructor(){super(...arguments);this.open=!1;this.kind="dialog";this.closeOnBackdrop=!0;this.dirty=!1;this.hideActions=!1;this.closeable=!0;this.confirmColor="primary";this.confirmCloseHeading="Discard changes?";this.confirmCloseDescription="You have unsaved changes. This action can't be undone.";this.confirmCloseCancelLabel="Keep editing";this.confirmCloseConfirmLabel="Discard";this.mountConfirmModal=!1;this.handleDiscardConfirmed=o=>{o.stopPropagation(),this.confirmDiscard()};this.stopDialogPropagation=o=>{o.stopPropagation()};this.handleToggle=o=>{let y=o;if(this.syncingFromPopover=!0,this.open=y.newState==="open",this.syncingFromPopover=!1,this.open){this.openDialogSurface({surfaceEl:this.surfaceEl,onEscape:()=>this.requestClose(),onOutsideClick:()=>{this.closeOnBackdrop&&this.requestClose()}}),this.updateComplete.then(()=>this.focusInitialElement());return}this.closeDialogSurface()};this.handleCommandEvent=o=>{b(o,this)}}willUpdate(o){o.has("dirty")&&this.dirty&&(this.mountConfirmModal=!0)}updated(o){super.updated(o),o.has("open")&&this.syncPopoverOpenState(this.open,this.surfaceEl)}connectedCallback(){super.connectedCallback?.(),this.addEventListener("command",this.handleCommandEvent)}disconnectedCallback(){this.removeEventListener("command",this.handleCommandEvent),this.teardownDialogSurface(this.open),super.disconnectedCallback?.()}show(){this.open=!0}hide(){this.open=!1}confirm(){let o=new s;this.dispatchEvent(o),o.defaultPrevented||(this.open=!1)}cancel(){let o=new h;this.dispatchEvent(o),o.defaultPrevented||(this.open=!1)}requestClose(){if(this.dirty){let o=new v;this.dispatchEvent(o),o.defaultPrevented||this.confirmCloseModalEl?.show();return}this.cancel()}confirmDiscard(){this.dirty=!1,this.cancel()}focusInitialElement(){let o=this.querySelector("[autofocus]");if(o){o.focus();return}if(!this.hideActions){this.cancelButtonEl?.focus();return}this.surfaceEl?.focus()}renderHeader(){return!this.heading&&!this.description?a:r`
       <div id="header">
-        ${this.heading?i`<h2 id="heading">${this.heading}</h2>`:a}
-        ${this.description?i`<p id="description">${this.description}</p>`:a}
+        ${this.heading?r`<h2 id="heading">${this.heading}</h2>`:a}
+        ${this.description?r`<p id="description">${this.description}</p>`:a}
       </div>
-    `}renderConfirmCloseModal(){return i`
+    `}renderConfirmCloseModal(){return r`
       <eun-modal
         id="confirm-close-modal"
         kind="alert"
@@ -157,10 +157,10 @@ import{a as m,b as h,c as v}from"./chunks/chunk-6VK6SHCG.js";import{a as b}from"
         @eunconfirm=${this.handleDiscardConfirmed}
         @euncancel=${this.stopDialogPropagation}
       >
-        ${this.confirmCloseDescription?i`<p>${this.confirmCloseDescription}</p>`:a}
+        ${this.confirmCloseDescription?r`<p>${this.confirmCloseDescription}</p>`:a}
         <slot name="confirm-close"></slot>
       </eun-modal>
-    `}render(){return i`
+    `}render(){return r`
       <div
         id="surface"
         popover="manual"
@@ -172,13 +172,13 @@ import{a as m,b as h,c as v}from"./chunks/chunk-6VK6SHCG.js";import{a as b}from"
         tabindex="-1"
         @toggle=${this.handleToggle}
       >
-        ${this.closeable?i`
+        ${this.closeable?r`
               <eun-button
                 id="close-button"
                 appearance="ghost"
                 rounded
                 size="xs"
-                aria-label=${this.ariaLabelClose}
+                aria-label=${this.closeLabel??this.dictionary.common.close}
                 @click=${()=>this.requestClose()}
               >
                 <eun-icon name="close" size="16"></eun-icon>
@@ -188,7 +188,7 @@ import{a as m,b as h,c as v}from"./chunks/chunk-6VK6SHCG.js";import{a as b}from"
         <div id="body">
           <slot></slot>
         </div>
-        ${this.hideActions?a:i`
+        ${this.hideActions?a:r`
               <div id="actions">
                 <slot name="footer">
                   <eun-button
@@ -196,16 +196,16 @@ import{a as m,b as h,c as v}from"./chunks/chunk-6VK6SHCG.js";import{a as b}from"
                     appearance="ghost"
                     color=${n(this.cancelColor)}
                     @click=${()=>this.requestClose()}
-                    >${this.cancelLabel}</eun-button
+                    >${this.cancelLabel??this.dictionary.common.cancel}</eun-button
                   >
                   <eun-button
                     color=${this.confirmColor}
                     @click=${()=>this.confirm()}
-                    >${this.confirmLabel}</eun-button
+                    >${this.confirmLabel??this.dictionary.common.confirm}</eun-button
                   >
                 </slot>
               </div>
             `}
       </div>
       ${this.mountConfirmModal?this.renderConfirmCloseModal():a}
-    `}};e.styles=g,t([r({type:Boolean,reflect:!0})],e.prototype,"open",2),t([r()],e.prototype,"heading",2),t([r()],e.prototype,"description",2),t([r({reflect:!0})],e.prototype,"kind",2),t([r({type:Boolean,attribute:"close-on-backdrop"})],e.prototype,"closeOnBackdrop",2),t([r({type:Boolean,reflect:!0})],e.prototype,"dirty",2),t([r({type:Boolean,attribute:"hide-actions"})],e.prototype,"hideActions",2),t([r({type:Boolean,reflect:!0})],e.prototype,"closeable",2),t([r({attribute:"cancel-label"})],e.prototype,"cancelLabel",2),t([r({attribute:"confirm-label"})],e.prototype,"confirmLabel",2),t([r({attribute:"confirm-color"})],e.prototype,"confirmColor",2),t([r({attribute:"cancel-color"})],e.prototype,"cancelColor",2),t([r({attribute:"aria-label-close"})],e.prototype,"ariaLabelClose",2),t([r({attribute:"confirm-close-heading"})],e.prototype,"confirmCloseHeading",2),t([r({attribute:"confirm-close-description"})],e.prototype,"confirmCloseDescription",2),t([r({attribute:"confirm-close-cancel-label"})],e.prototype,"confirmCloseCancelLabel",2),t([r({attribute:"confirm-close-confirm-label"})],e.prototype,"confirmCloseConfirmLabel",2),t([l("#surface")],e.prototype,"surfaceEl",2),t([l("#cancel-button")],e.prototype,"cancelButtonEl",2),t([l("#confirm-close-modal")],e.prototype,"confirmCloseModalEl",2),t([u()],e.prototype,"mountConfirmModal",2),e=t([d(y)],e);export{e as EunomiaModal,y as EunomiaModalTagName};
+    `}};e.styles=x,t([i({type:Boolean,reflect:!0})],e.prototype,"open",2),t([i()],e.prototype,"heading",2),t([i()],e.prototype,"description",2),t([i({reflect:!0,useDefault:!0})],e.prototype,"kind",2),t([i({type:Boolean,attribute:"close-on-backdrop"})],e.prototype,"closeOnBackdrop",2),t([i({type:Boolean,reflect:!0})],e.prototype,"dirty",2),t([i({type:Boolean,attribute:"hide-actions"})],e.prototype,"hideActions",2),t([i({type:Boolean,reflect:!0})],e.prototype,"closeable",2),t([i({attribute:"cancel-label"})],e.prototype,"cancelLabel",2),t([i({attribute:"confirm-label"})],e.prototype,"confirmLabel",2),t([i({attribute:"confirm-color"})],e.prototype,"confirmColor",2),t([i({attribute:"cancel-color"})],e.prototype,"cancelColor",2),t([i({attribute:"close-label"})],e.prototype,"closeLabel",2),t([i({attribute:"confirm-close-heading"})],e.prototype,"confirmCloseHeading",2),t([i({attribute:"confirm-close-description"})],e.prototype,"confirmCloseDescription",2),t([i({attribute:"confirm-close-cancel-label"})],e.prototype,"confirmCloseCancelLabel",2),t([i({attribute:"confirm-close-confirm-label"})],e.prototype,"confirmCloseConfirmLabel",2),t([l("#surface")],e.prototype,"surfaceEl",2),t([l("#cancel-button")],e.prototype,"cancelButtonEl",2),t([l("#confirm-close-modal")],e.prototype,"confirmCloseModalEl",2),t([u()],e.prototype,"mountConfirmModal",2),e=t([d(k)],e);export{e as EunomiaModal,k as EunomiaModalTagName};

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

@@ -1,4 +1,4 @@
-import{a as N}from"./chunks/chunk-PPCHQG7P.js";import{a,f as y,h as $,j as r,p as i,r as p,u as z}from"./chunks/chunk-YITWLCD3.js";var g=class b extends Event{static{this.eventName="eunpagechange"}constructor(d){super(b.eventName,{bubbles:!0,composed:!1}),this.page=d}};var h=class b extends Event{static{this.eventName="eunpagesizechange"}constructor(d){super(b.eventName,{bubbles:!0,composed:!1}),this.pageSize=d}};var S=$`
+import{a as S}from"./chunks/chunk-PPCHQG7P.js";import{a as N}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a,f as x,h as $,j as i,p as n,r as p,u as z}from"./chunks/chunk-YITWLCD3.js";var g=class b extends Event{static{this.eventName="eunpagechange"}constructor(d){super(b.eventName,{bubbles:!0,composed:!1}),this.page=d}};var h=class b extends Event{static{this.eventName="eunpagesizechange"}constructor(d){super(b.eventName,{bubbles:!0,composed:!1}),this.pageSize=d}};var w=$`
   :host {
     display: block;
     font-family: var(--eun-font-family, "Mulish", sans-serif);
@@ -128,19 +128,19 @@ import{a as N}from"./chunks/chunk-PPCHQG7P.js";import{a,f as y,h as $,j as r,p a
   #page-size eun-select {
     width: 100%;
   }
-`;var C="eun-pagination",t=class extends z{constructor(){super(...arguments);this.page=1;this.totalPages=1;this.siblingCount=1;this.boundaryCount=1;this.hidePrevNext=!1;this.hideFirstLast=!1;this.disabled=!1;this.showLabels=!1;this.pageSizeOptions=[];this.pageSizeLabel="Items per page";this.ariaLabelPrevious="Previous page";this.ariaLabelNext="Next page";this.ariaLabelFirst="First page";this.ariaLabelLast="Last page";this.ariaLabelPage="Page"}getPageItems(){let e=(f,x)=>f>x?[]:Array.from({length:x-f+1},(k,P)=>f+P),{page:l,totalPages:s,siblingCount:c,boundaryCount:n}=this;if(n*2+c*2+3>=s)return e(1,s);let u=Math.max(l-c,n+2),m=Math.min(l+c,s-n-1),L=u>n+2,w=m<s-n-1,o=[...e(1,n)];return L?o.push("start-ellipsis"):o.push(...e(n+1,u-1)),o.push(...e(u,m)),w?o.push("end-ellipsis"):o.push(...e(m+1,s-n)),o.push(...e(s-n+1,s)),o}requestPage(e){e===this.page||e<1||e>this.totalPages||this.dispatchEvent(new g(e))}handlePageSizeChange(e){let l=Number(e.target.value);Number.isNaN(l)||this.dispatchEvent(new h(l))}renderControl(e,l,s,c,n){let v=i`<eun-icon name=${s} size="16"></eun-icon>`,u=this.showLabels?i`<span class="label">${l}</span>`:p;return i`
+`;var E="eun-pagination",t=class extends N(z){constructor(){super(...arguments);this.page=1;this.totalPages=1;this.siblingCount=1;this.boundaryCount=1;this.hidePrevNext=!1;this.hideFirstLast=!1;this.disabled=!1;this.showLabels=!1;this.pageSizeOptions=[];this.pageSizeLabel="Items per page"}getPageItems(){let e=(f,y)=>f>y?[]:Array.from({length:y-f+1},(I,k)=>f+k),{page:o,totalPages:s,siblingCount:c,boundaryCount:r}=this;if(r*2+c*2+3>=s)return e(1,s);let u=Math.max(o-c,r+2),m=Math.min(o+c,s-r-1),L=u>r+2,C=m<s-r-1,l=[...e(1,r)];return L?l.push("start-ellipsis"):l.push(...e(r+1,u-1)),l.push(...e(u,m)),C?l.push("end-ellipsis"):l.push(...e(m+1,s-r)),l.push(...e(s-r+1,s)),l}requestPage(e){e===this.page||e<1||e>this.totalPages||this.dispatchEvent(new g(e))}handlePageSizeChange(e){let o=Number(e.target.value);Number.isNaN(o)||this.dispatchEvent(new h(o))}renderControl(e,o,s,c,r){let v=n`<eun-icon name=${s} size="16"></eun-icon>`,u=this.showLabels?n`<span class="label">${o}</span>`:p;return n`
       <li>
         <button
           type="button"
           class="control"
-          aria-label=${N(this.showLabels?void 0:l)}
+          aria-label=${S(this.showLabels?void 0:o)}
           ?disabled=${this.disabled||c}
           @click=${()=>this.requestPage(e)}
         >
-          ${n==="start"?i`${v}${u}`:i`${u}${v}`}
+          ${r==="start"?n`${v}${u}`:n`${u}${v}`}
         </button>
       </li>
-    `}renderPageSizeSelector(){return i`
+    `}renderPageSizeSelector(){return n`
       <div id="page-size">
         <eun-select
           label=${this.pageSizeLabel}
@@ -148,39 +148,39 @@ import{a as N}from"./chunks/chunk-PPCHQG7P.js";import{a,f as y,h as $,j as r,p a
           ?disabled=${this.disabled}
           @eunchange=${this.handlePageSizeChange}
         >
-          ${this.pageSizeOptions.map(e=>i`<option value=${e}>${e}</option>`)}
+          ${this.pageSizeOptions.map(e=>n`<option value=${e}>${e}</option>`)}
         </eun-select>
       </div>
-    `}renderItem(e){return e==="start-ellipsis"||e==="end-ellipsis"?i`<li><span class="ellipsis" aria-hidden="true">…</span></li>`:e===this.page?i`
+    `}renderItem(e){return e==="start-ellipsis"||e==="end-ellipsis"?n`<li><span class="ellipsis" aria-hidden="true">…</span></li>`:e===this.page?n`
         <li>
           <span
             class="page current"
             aria-current="page"
-            aria-label="${this.ariaLabelPage} ${e}"
+            aria-label="${this.pageLabel??this.dictionary.pagination.page} ${e}"
             >${e}</span
           >
         </li>
-      `:i`
+      `:n`
       <li>
         <button
           type="button"
           class="control page"
-          aria-label="${this.ariaLabelPage} ${e}"
+          aria-label="${this.pageLabel??this.dictionary.pagination.page} ${e}"
           ?disabled=${this.disabled}
           @click=${()=>this.requestPage(e)}
         >
           ${e}
         </button>
       </li>
-    `}render(){return i`
+    `}render(){return n`
       <nav aria-label=${this.ariaLabel??"Pagination"}>
         ${this.pageSizeOptions.length?this.renderPageSizeSelector():p}
         <ul id="list" role="list">
-          ${this.hideFirstLast?p:this.renderControl(1,this.ariaLabelFirst,"first_page",this.page<=1,"start")}
-          ${this.hidePrevNext?p:this.renderControl(this.page-1,this.ariaLabelPrevious,"chevron_left",this.page<=1,"start")}
+          ${this.hideFirstLast?p:this.renderControl(1,this.firstLabel??this.dictionary.pagination.first,"first_page",this.page<=1,"start")}
+          ${this.hidePrevNext?p:this.renderControl(this.page-1,this.previousLabel??this.dictionary.pagination.previous,"chevron_left",this.page<=1,"start")}
           ${this.getPageItems().map(e=>this.renderItem(e))}
-          ${this.hidePrevNext?p:this.renderControl(this.page+1,this.ariaLabelNext,"chevron_right",this.page>=this.totalPages,"end")}
-          ${this.hideFirstLast?p:this.renderControl(this.totalPages,this.ariaLabelLast,"last_page",this.page>=this.totalPages,"end")}
+          ${this.hidePrevNext?p:this.renderControl(this.page+1,this.nextLabel??this.dictionary.pagination.next,"chevron_right",this.page>=this.totalPages,"end")}
+          ${this.hideFirstLast?p:this.renderControl(this.totalPages,this.lastLabel??this.dictionary.pagination.last,"last_page",this.page>=this.totalPages,"end")}
         </ul>
       </nav>
-    `}};t.styles=[S],a([r({type:Number})],t.prototype,"page",2),a([r({type:Number,attribute:"total-pages"})],t.prototype,"totalPages",2),a([r({type:Number,attribute:"sibling-count"})],t.prototype,"siblingCount",2),a([r({type:Number,attribute:"boundary-count"})],t.prototype,"boundaryCount",2),a([r({type:Boolean,attribute:"hide-prev-next"})],t.prototype,"hidePrevNext",2),a([r({type:Boolean,attribute:"hide-first-last"})],t.prototype,"hideFirstLast",2),a([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),a([r({type:Boolean,attribute:"show-labels",reflect:!0})],t.prototype,"showLabels",2),a([r({type:Number,attribute:"page-size"})],t.prototype,"pageSize",2),a([r({type:Array,attribute:"page-size-options"})],t.prototype,"pageSizeOptions",2),a([r({attribute:"page-size-label"})],t.prototype,"pageSizeLabel",2),a([r({attribute:"aria-label-previous"})],t.prototype,"ariaLabelPrevious",2),a([r({attribute:"aria-label-next"})],t.prototype,"ariaLabelNext",2),a([r({attribute:"aria-label-first"})],t.prototype,"ariaLabelFirst",2),a([r({attribute:"aria-label-last"})],t.prototype,"ariaLabelLast",2),a([r({attribute:"aria-label-page"})],t.prototype,"ariaLabelPage",2),t=a([y(C)],t);export{t as EunomiaPagination,C as EunomiaPaginationTagName};
+    `}};t.styles=[w],a([i({type:Number})],t.prototype,"page",2),a([i({type:Number,attribute:"total-pages"})],t.prototype,"totalPages",2),a([i({type:Number,attribute:"sibling-count"})],t.prototype,"siblingCount",2),a([i({type:Number,attribute:"boundary-count"})],t.prototype,"boundaryCount",2),a([i({type:Boolean,attribute:"hide-prev-next"})],t.prototype,"hidePrevNext",2),a([i({type:Boolean,attribute:"hide-first-last"})],t.prototype,"hideFirstLast",2),a([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),a([i({type:Boolean,attribute:"show-labels",reflect:!0})],t.prototype,"showLabels",2),a([i({type:Number,attribute:"page-size"})],t.prototype,"pageSize",2),a([i({type:Array,attribute:"page-size-options"})],t.prototype,"pageSizeOptions",2),a([i({attribute:"page-size-label"})],t.prototype,"pageSizeLabel",2),a([i({attribute:"previous-label"})],t.prototype,"previousLabel",2),a([i({attribute:"next-label"})],t.prototype,"nextLabel",2),a([i({attribute:"first-label"})],t.prototype,"firstLabel",2),a([i({attribute:"last-label"})],t.prototype,"lastLabel",2),a([i({attribute:"page-label"})],t.prototype,"pageLabel",2),t=a([x(E)],t);export{t as EunomiaPagination,E as EunomiaPaginationTagName};

package/dist/cdn/components/eun-password-strength.js

@@ -1,4 +1,4 @@
-import{a as f}from"./chunks/chunk-PPCHQG7P.js";import{a as x}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as s,f as c,h as u,j as l,l as v,p as i,r as g,u as h}from"./chunks/chunk-YITWLCD3.js";var L=u`
+import{a as x}from"./chunks/chunk-PPCHQG7P.js";import{a as d}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as w}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as s,f as u,h as g,j as l,l as h,p,r as f,u as m}from"./chunks/chunk-YITWLCD3.js";var R=g`
   :host {
     display: block;
     width: 100%;
@@ -81,6 +81,10 @@ import{a as f}from"./chunks/chunk-PPCHQG7P.js";import{a as x}from"./chunks/chunk
     );
   }
 
+  #label.empty {
+    visibility: hidden;
+  }
+
   #caption {
     color: var(
       --password-strength-caption-color,
@@ -116,19 +120,19 @@ import{a as f}from"./chunks/chunk-PPCHQG7P.js";import{a as x}from"./chunks/chunk
       transition: none;
     }
   }
-`,w=L;var m=[{label:"At least 8 characters",regex:/.{8,}/},{label:"Upper and lower case letters",regex:/(?=.*[a-z])(?=.*[A-Z])/},{label:"At least one number",regex:/\d/},{label:"At least one special character",regex:/[^A-Za-z0-9]/}],b=[{label:"Weak",severity:"critical"},{label:"Fair",severity:"warning"},{label:"Good",severity:"info"},{label:"Strong",severity:"success"}];function R(a,o){return o.reduce((e,r)=>e+(r.regex.test(a)?1:0),0)}function y(a,o,e){if(!a)return-1;let r=R(a,o),p=0;return e.forEach((n,d)=>{(n.rules?.length?n.rules.every(S=>S.regex.test(a)):r>=(n.minScore??d+1))&&(p=d)}),p}var T="eun-password-strength",t=class extends h{constructor(){super(...arguments);this.value="";this.label="Password strength";this.rules=m;this.levels=b;this.hideLabel=!1;this.previousLevelIndex=-1}get currentLevelIndex(){return y(this.value,this.rules,this.levels)}updated(e){if(super.updated(e),!e.has("value")&&!e.has("rules")&&!e.has("levels"))return;let r=this.currentLevelIndex;r!==this.previousLevelIndex&&(this.previousLevelIndex=r,this.announcerEl&&(this.announcerEl.textContent=r===-1?"":`${this.label}: ${this.levels[r].label}`))}render(){let e=this.currentLevelIndex,r=e===-1?void 0:this.levels[e];return i`
-      <div id="wrapper" data-severity=${f(r?.severity)}>
+`,b=R;var y=[{label:"At least 8 characters",regex:/.{8,}/},{label:"Upper and lower case letters",regex:/(?=.*[a-z])(?=.*[A-Z])/},{label:"At least one number",regex:/\d/},{label:"At least one special character",regex:/[^A-Za-z0-9]/}],c=[{label:"Weak",severity:"critical"},{label:"Fair",severity:"warning"},{label:"Good",severity:"info"},{label:"Strong",severity:"success"}];function T(a,i){return i.reduce((e,r)=>e+(r.regex.test(a)?1:0),0)}function S(a,i,e){if(!a)return-1;let r=T(a,i),n=0;return e.forEach((o,v)=>{(o.rules?.length?o.rules.every(L=>L.regex.test(a)):r>=(o.minScore??v+1))&&(n=v)}),n}var _="eun-password-strength",t=class extends w(m){constructor(){super(...arguments);this.value="";this.rules=y;this.levels=c;this.hideLabel=!1;this.previousLevelIndex=-1}get currentLevelIndex(){return S(this.value,this.rules,this.levels)}get resolvedLevels(){if(this.levels!==c)return this.levels;let e=this.dictionary.passwordStrength.levels;return this.levels.map((r,n)=>({...r,label:e[n]??r.label}))}get caption(){let{passwordStrength:e}=this.dictionary;return e.caption(this.label??e.label)}updated(e){if(super.updated(e),!e.has("value")&&!e.has("rules")&&!e.has("levels"))return;let r=this.currentLevelIndex;r!==this.previousLevelIndex&&(this.previousLevelIndex=r,this.announcerEl&&(this.announcerEl.textContent=r===-1?"":`${this.caption} ${this.resolvedLevels[r].label}`))}render(){let e=this.currentLevelIndex,r=e===-1?void 0:this.resolvedLevels[e];return p`
+      <div id="wrapper" data-severity=${x(r?.severity)}>
         <div id="segments" role="presentation" aria-hidden="true">
-          ${this.levels.map((p,n)=>i`
+          ${this.levels.map((n,o)=>p`
               <span
-                class=${x({segment:!0,filled:n<=e})}
+                class=${d({segment:!0,filled:o<=e})}
               ></span>
             `)}
         </div>
-        ${this.hideLabel||!r?g:i`
-              <span id="label">
-                <span id="caption">${this.label}:</span>
-                <span id="level-name">${r.label}</span>
+        ${this.hideLabel?f:p`
+              <span id="label" class=${d({empty:!r})}>
+                <span id="caption">${this.caption}</span>
+                <span id="level-name">${r?.label??"\xA0"}</span>
               </span>
             `}
       </div>
@@ -138,4 +142,4 @@ import{a as f}from"./chunks/chunk-PPCHQG7P.js";import{a as x}from"./chunks/chunk
         aria-live="polite"
         class="visually-hidden"
       ></div>
-    `}};t.styles=[w],s([l()],t.prototype,"value",2),s([l()],t.prototype,"label",2),s([l({type:Array})],t.prototype,"rules",2),s([l({type:Array})],t.prototype,"levels",2),s([l({type:Boolean,attribute:"hide-label"})],t.prototype,"hideLabel",2),s([v("#announcer")],t.prototype,"announcerEl",2),t=s([c(T)],t);export{t as EunomiaPasswordStrength,T as EunomiaPasswordStrengthTagName};
+    `}};t.styles=[b],s([l()],t.prototype,"value",2),s([l()],t.prototype,"label",2),s([l({type:Array})],t.prototype,"rules",2),s([l({type:Array})],t.prototype,"levels",2),s([l({type:Boolean,attribute:"hide-label"})],t.prototype,"hideLabel",2),s([h("#announcer")],t.prototype,"announcerEl",2),t=s([u(_)],t);export{t as EunomiaPasswordStrength,_ as EunomiaPasswordStrengthTagName};

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

@@ -1,4 +1,4 @@
-import{b as u}from"./chunks/chunk-PMPSJG5V.js";import{a as s}from"./chunks/chunk-FOILAXLL.js";import{f as a}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 o,f as d,h as i,j as c,n,p as e,r as t}from"./chunks/chunk-YITWLCD3.js";var p=i`
+import{b as u}from"./chunks/chunk-6FYW5TQU.js";import{a as s}from"./chunks/chunk-FOILAXLL.js";import{f as a}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 o,f as d,h as i,j as c,n,p as e,r as t}from"./chunks/chunk-YITWLCD3.js";var p=i`
   :host {
     --_borderWidth: var(--radio-card-border-width, 1px);
     --_borderColor: var(

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

@@ -1,4 +1,4 @@
-import{a as A}from"./chunks/chunk-ZBN4HTWP.js";import{a as E}from"./chunks/chunk-BO3JOEWM.js";import{b as m,c as b,d as g,e as y,f as d}from"./chunks/chunk-VOTRXBDS.js";import{a as v}from"./chunks/chunk-YYCEPZUN.js";import{a as p}from"./chunks/chunk-RS7TWEMQ.js";import"./chunks/chunk-PPCHQG7P.js";import{a as f}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-KSZRQRN4.js";import{a as r,f as l,h,j as o,l as u,p as c,u as n}from"./chunks/chunk-YITWLCD3.js";var w=h`
+import{a as k}from"./chunks/chunk-ZBN4HTWP.js";import{a as $}from"./chunks/chunk-BO3JOEWM.js";import{b as g,c as y,d as E,e as C,f as u}from"./chunks/chunk-TLBXTBMM.js";import{a as b}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk-3BMACIDO.js";import{a as h}from"./chunks/chunk-PPCHQG7P.js";import{a as v}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-QL5GSW2A.js";import{a as r,f as c,h as p,j as o,l as f,p as n,r as d,u as l}from"./chunks/chunk-YITWLCD3.js";var V=p`
   :host {
     --_container-gap: var(--radio-list-gap, var(--eun-space-s, 8px));
     --_options-gap: var(--radio-list-options-gap, var(--eun-space-s, 8px));
@@ -7,17 +7,20 @@ import{a as A}from"./chunks/chunk-ZBN4HTWP.js";import{a as E}from"./chunks/chunk
       var(--eun-color-critical-100, #aa0014)
     );
   }
-`,C=w;var x="eun-radio-list",k="eun-radio",$="eun-radio-card",L=p(y(n)),s=class extends E(g(b(L))){constructor(){super(...arguments);this.inline=!1;this.handleChangeEvent=e=>{!e.target||e.target===this||(e.stopPropagation(),this.setActive(e.target))}}get fields(){return Array.from(this.querySelectorAll(`:scope > ${k}, :scope > ${$}`))}get active(){return this.fields.find(e=>e.checked)}get value(){return this.active?.value}set value(e){this.updateComplete.then(()=>{this.fields.forEach(t=>{t.checked=t.value===e})})}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}firstUpdated(){this.fields.forEach(e=>{e.name=this.name,e.id=e.id||`radio-${this.name}-${e.value}`}),this.defaultValue!==void 0&&(this.fields.forEach(e=>{e.checked=e.value===this.defaultValue}),this.value=this.defaultValue,this.sendChangeEvent()),Promise.all(this.fields.map(e=>e.updateComplete)).then(()=>{this.active&&this.optionsList&&this.optionsList.setAttribute("aria-activedescendant",this.active.id),this.setFocus(),this.checkValidity(this.value)})}connectedCallback(){super.connectedCallback?.(),this.addEventListener("eunchange",this.handleChangeEvent,{capture:!0}),this.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){this.removeEventListener("eunchange",this.handleChangeEvent),this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback?.()}updated(e){if(super.updated(e),e.has("disabled")&&(this.fields.forEach(t=>{t.disabled=this.disabled}),this.setFocus()),e.has("readonly")&&(this.fields.forEach(t=>{t.readonly=this.readonly}),this.setFocus()),m(e)){let{showError:t}=this;this.fields.forEach(i=>{i.valid=!t,i.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(`${k}, ${$}`)}focus(){super.focus?.(),(this.active??this.fields[0])?.focus?.()}handleKeydown(e){let t=this.fields.filter(a=>!a.disabled&&!a.readonly);if(!t.length)return;let i=t.findIndex(a=>a.checked);switch(e.key){case" ":{if(e.preventDefault(),i!==-1)return;i=0;break}case"ArrowDown":case"ArrowRight":{e.preventDefault(),i=i===-1?0:(i+1)%t.length;break}case"ArrowUp":case"ArrowLeft":{e.preventDefault(),i=i===-1?t.length-1:(t.length+i-1)%t.length;break}default:return}this.setActive(t[i],!0)}setFocus(){if(!this.fields.length||(this.fields.forEach(t=>{t.setAttribute("tabindex","-1")}),this.readonly||this.disabled))return;let e=this.active??this.fields[0];e&&!e.disabled&&!e.readonly&&e.setAttribute("tabindex","0")}setActive(e,t=!1){this.disabled||this.readonly||!e||!this.optionsList||(this.optionsList.setAttribute("aria-activedescendant",e.id),t&&e.focus(),this.fields.forEach(i=>{let a=i===e;i.checked=a,i.setAttribute("tabindex",a?"0":"-1")}),this.sendChangeEvent())}formResetCallback(){super.formResetCallback?.(),this.updateComplete.then(()=>{this.setFocus(),this.sendChangeEvent()})}sendChangeEvent(){this.checkValidity(this.value),this.dispatchEvent(new v(this.value))}handleSlotChange(){this.fields.forEach(e=>{e.name=this.name,e.id=e.id||`radio-${this.name}-${e.value}`})}render(){return c`
-      <fieldset id="fieldset">
+`,A=V;var M="eun-radio-list",w="eun-radio",x="eun-radio-card",R=m(C(l)),s=class extends $(E(y(R))){constructor(){super(...arguments);this.errorOnChange=!0;this.inline=!1;this.handleChangeEvent=e=>{!e.target||e.target===this||(e.stopPropagation(),this.setActive(e.target))}}get fields(){return Array.from(this.querySelectorAll(`:scope > ${w}, :scope > ${x}`))}get active(){return this.fields.find(e=>e.checked)}get value(){return this.active?.value}set value(e){this.updateComplete.then(()=>{this.fields.forEach(t=>{t.checked=t.value===e})})}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}firstUpdated(){this.fields.forEach(e=>{e.name=this.name,e.id=e.id||`radio-${this.name}-${e.value}`}),this.defaultValue!==void 0&&(this.fields.forEach(e=>{e.checked=e.value===this.defaultValue}),this.value=this.defaultValue,this.sendChangeEvent()),Promise.all(this.fields.map(e=>e.updateComplete)).then(()=>{this.setFocus(),this.checkValidity(this.value)})}connectedCallback(){super.connectedCallback?.(),this.addEventListener("eunchange",this.handleChangeEvent,{capture:!0}),this.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){this.removeEventListener("eunchange",this.handleChangeEvent),this.removeEventListener("keydown",this.handleKeydown),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.setFocus()),this.isGroupChange(e,"readonly")&&(this.fields.forEach(t=>{t.readonly=this.readonly}),this.setFocus()),g(e)){let{showError:t}=this;this.fields.forEach(i=>{i.valid=!t,i.validationRequested=t})}e.has("name")&&this.fields.forEach(t=>{t.name=this.name})}getFocusAnchor(){return this.querySelector(`${w}, ${x}`)}focus(){super.focus?.(),(this.active??this.fields[0])?.focus?.()}handleKeydown(e){let t=this.fields.filter(a=>!a.disabled&&!a.readonly);if(!t.length)return;let i=t.findIndex(a=>a.checked);switch(e.key){case" ":{if(e.preventDefault(),i!==-1)return;i=0;break}case"ArrowDown":case"ArrowRight":{e.preventDefault(),i=i===-1?0:(i+1)%t.length;break}case"ArrowUp":case"ArrowLeft":{e.preventDefault(),i=i===-1?t.length-1:(t.length+i-1)%t.length;break}default:return}this.setActive(t[i],!0)}setFocus(){if(!this.fields.length||(this.fields.forEach(t=>{t.setAttribute("tabindex","-1")}),this.readonly||this.disabled))return;let e=this.active??this.fields.find(t=>!t.disabled&&!t.readonly);e&&!e.disabled&&!e.readonly&&e.setAttribute("tabindex","0")}setActive(e,t=!1){this.disabled||this.readonly||!e||!this.optionsList||(t&&e.focus(),this.fields.forEach(i=>{let a=i===e;i.checked=a,i.setAttribute("tabindex",a?"0":"-1")}),this.sendChangeEvent())}formResetCallback(){super.formResetCallback?.(),this.updateComplete.then(()=>{this.setFocus(),this.sendChangeEvent()})}sendChangeEvent(){this.checkValidity(this.value),this.dispatchEvent(new b(this.value))}handleSlotChange(){this.fields.forEach(e=>{e.name=this.name,e.id=e.id||`radio-${this.name}-${e.value}`})}render(){let e=this.renderDescription(),t=[this.instructions?"group-instructions":"",e===d?"":"description"].filter(Boolean).join(" ")||void 0;return n`
+      <fieldset id="fieldset" role="presentation">
         <div id="legend">${this.renderFormLabels("options")}</div>
+        ${this.instructions?n`<span id="group-instructions" hidden
+              >${this.instructions}</span
+            >`:d}
         <div
           id="options"
           part="options"
           role="radiogroup"
-          class=${f({inline:this.inline})}
+          class=${v({inline:this.inline})}
           ?disabled=${this.disabled}
-          aria-labelledby="legend"
-          aria-describedby="messages"
+          aria-label=${h(this.label)}
+          aria-describedby=${h(t)}
           aria-disabled=${this.disabled?"true":"false"}
           aria-readonly=${this.readonly?"true":"false"}
           aria-required=${this.required?"true":"false"}
@@ -25,6 +28,6 @@ import{a as A}from"./chunks/chunk-ZBN4HTWP.js";import{a as E}from"./chunks/chunk
         >
           <slot @slotchange=${this.handleSlotChange}></slot>
         </div>
-        ${this.renderDescription()}
+        ${e}
       </fieldset>
-    `}};s.styles=[C,A,d.base,d.errorMessages],s.shadowRootOptions={...n.shadowRootOptions,delegatesFocus:!0},r([o({type:Boolean,reflect:!0})],s.prototype,"inline",2),r([u("#options")],s.prototype,"optionsList",2),r([o({attribute:"default-value"})],s.prototype,"defaultValue",1),s=r([l(x)],s);export{s as EunomiaRadioList,x as EunomiaRadioListTagName};
+    `}};s.styles=[A,k,u.base,u.errorMessages],s.shadowRootOptions={...l.shadowRootOptions,delegatesFocus:!0},r([o({type:Boolean,reflect:!0})],s.prototype,"inline",2),r([f("#options")],s.prototype,"optionsList",2),r([o({attribute:"default-value"})],s.prototype,"defaultValue",1),s=r([c(M)],s);export{s as EunomiaRadioList,M as EunomiaRadioListTagName};

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

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-PMPSJG5V.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 EunomiaRadio,a as EunomiaRadioTagName};
+import{a,b}from"./chunks/chunk-6FYW5TQU.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 EunomiaRadio,a as EunomiaRadioTagName};

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

@@ -0,0 +1,276 @@
+import{a as _}from"./chunks/chunk-B5XMGWM7.js";import"./chunks/chunk-VJCNHMQZ.js";import{a as E}from"./chunks/chunk-BO3JOEWM.js";import{c as T,d as L,e as C,f as c}from"./chunks/chunk-TLBXTBMM.js";import{a as I}from"./chunks/chunk-YYCEPZUN.js";import{a as S}from"./chunks/chunk-3BMACIDO.js";import{a as w}from"./chunks/chunk-22D3SRFR.js";import{a as M}from"./chunks/chunk-PPCHQG7P.js";import{a as m}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as k}from"./chunks/chunk-62RLISRD.js";import{a as $}from"./chunks/chunk-QL5GSW2A.js";import{a,f as v,h as b,j as s,k as y,l as g,p as l,r as d,u as x}from"./chunks/chunk-YITWLCD3.js";var V=b`
+  :host {
+    --_iconSize: var(--rating-size, 24px);
+    --_gap: var(--rating-gap, var(--eun-space-xs, 4px));
+    --_color: var(--rating-color, var(--eun-color-primary-500, #3d6fff));
+    --_emptyColor: var(
+      --rating-empty-color,
+      color-mix(
+        in srgb,
+        var(--eun-text-color, #071621) 55%,
+        var(--eun-surface-color, #ffffff)
+      )
+    );
+    --_errorColor: var(
+      --rating-error-color,
+      var(--eun-color-critical-100, #aa0014)
+    );
+    --_hintColor: var(--rating-hint-color, var(--eun-text-secondary, #484e61));
+    --_focusIndicator: var(
+      --rating-focus-outline-color,
+      var(--eun-color-primary-500, #3d6fff)
+    );
+    font-family: var(--eun-font-family, "Mulish", sans-serif);
+    font-size: var(--eun-font-size-s, 14px);
+    display: inline-block;
+    vertical-align: middle;
+    outline: none;
+  }
+
+  #wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: var(--eun-space-xs, 4px);
+  }
+
+  #control {
+    display: flex;
+    align-items: center;
+    gap: var(--eun-space-s, 8px);
+  }
+
+  #items {
+    display: flex;
+    gap: var(--_gap);
+    cursor: pointer;
+  }
+
+  .item {
+    position: relative;
+    flex: none;
+    width: var(--_iconSize);
+    height: var(--_iconSize);
+  }
+
+  :host([display-only]) #items {
+    cursor: default;
+  }
+
+  .icon {
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+  }
+
+  .icon eun-icon {
+    --icon-size: var(--_iconSize);
+    display: block;
+    width: var(--_iconSize);
+    height: var(--_iconSize);
+  }
+
+  .empty {
+    --icon-color: var(--_emptyColor);
+  }
+
+  .fill {
+    position: absolute;
+    inset-block: 0;
+    inset-inline-start: 0;
+    overflow: hidden;
+    --icon-color: var(--_color);
+  }
+
+  .fill eun-icon {
+    flex: none;
+  }
+
+  input {
+    position: absolute;
+    inset-block: 0;
+    inset-inline-start: 0;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    opacity: 0;
+    appearance: none;
+    pointer-events: none;
+  }
+
+  input.half {
+    width: 50%;
+  }
+
+  input.end {
+    inset-inline-start: 50%;
+    width: 50%;
+  }
+
+  .focus-ring {
+    position: absolute;
+    inset: -3px;
+    border-radius: var(--eun-border-radius-s, 4px);
+    outline: 2px solid transparent;
+    pointer-events: none;
+    transition: outline-color var(--eun-duration-s, 150ms)
+      var(--eun-easing-default, ease);
+  }
+
+  .focus-ring.half {
+    inset-inline-end: 50%;
+  }
+
+  input:focus-visible + .focus-ring {
+    outline-color: var(--_focusIndicator);
+  }
+
+  #clear {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 24px;
+    min-height: 24px;
+    padding: 2px;
+    border: none;
+    border-radius: 50%;
+    background: transparent;
+    color: var(--eun-text-secondary, #484e61);
+    cursor: pointer;
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+    --icon-size: 18px;
+    transition:
+      background-color var(--eun-duration-s, 150ms)
+        var(--eun-easing-default, ease),
+      outline-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease);
+  }
+
+  #clear:hover {
+    background: var(--eun-content-hover, #9696961a);
+  }
+
+  #clear:active {
+    background: var(--eun-content-pressed, #e4e6e8);
+  }
+
+  #clear:focus-visible {
+    outline-color: var(--_focusIndicator);
+  }
+
+  #items[aria-invalid="true"] {
+    --_emptyColor: var(--_errorColor);
+  }
+
+  :host([aria-readonly="true"]) {
+    --_color: var(--eun-readonly-color, #666e8a);
+  }
+
+  :host([aria-readonly="true"]) #items {
+    cursor: default;
+  }
+
+  :host([aria-disabled="true"]) {
+    --_color: var(--eun-text-disabled-color, #8d93aa);
+    --_emptyColor: var(--eun-disabled-content, #c1c9d6);
+  }
+
+  :host([aria-disabled="true"]) #items {
+    cursor: not-allowed;
+  }
+
+  @media (forced-colors: active) {
+    .fill {
+      --icon-color: CanvasText;
+    }
+
+    .empty {
+      --icon-color: CanvasText;
+    }
+
+    input:focus-visible + .focus-ring,
+    #clear:focus-visible {
+      outline-color: Highlight;
+    }
+
+    :host([aria-disabled="true"]) .icon eun-icon {
+      --icon-color: GrayText;
+    }
+  }
+`,N=V;var F="eun-rating",z=S(C(x)),H=k(E(L(T(z)))),n=class extends H{constructor(){super(...arguments);this.errorOnChange=!0;this.max=5;this.step=1;this.displayOnly=!1;this.clearable=!1;this.icon="star";this.emptyIcon="star_border";this.handleClick=e=>{if(this.locked||e.target instanceof HTMLInputElement)return;let t=this.valueAtPointer(e);t!==void 0&&(this.pick(t),this.radioFor(t)?.focus({preventScroll:!0}))};this.handlePointerMove=e=>{this.locked||e.pointerType!=="mouse"||(this.hoverValue=this.valueAtPointer(e))};this.handlePointerLeave=()=>{this.hoverValue=void 0};this.handleChange=e=>{this.locked||this.pick(Number(e.target.value))};this.handleRadioClick=e=>{this.readonly&&e.preventDefault()};this.handleKeydown=e=>{if(!(e.target instanceof HTMLInputElement))return;let t=this.resolvedStep,i=getComputedStyle(this).direction==="rtl",o=this.value??0,r;switch(e.key){case"ArrowRight":r=o+(i?-t:t);break;case"ArrowLeft":r=o+(i?t:-t);break;case"ArrowDown":r=o+t;break;case"ArrowUp":r=o-t;break;case"Home":r=t;break;case"End":r=this.count;break;case" ":this.readonly&&e.preventDefault();return;default:return}if(e.preventDefault(),this.readonly)return;let u=Math.min(this.count,Math.max(t,r));this.pick(u),this.radioFor(u)?.focus()};this.handleClear=async()=>{this.pick(void 0),await this.updateComplete,this.focus()}}get value(){return super.value}set value(e){super.value=this.clamp(e)}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}get count(){let e=Math.round(this.max);return Number.isFinite(e)&&e>=1?e:5}get resolvedStep(){return Number(this.step)===.5?.5:1}clamp(e){if(e==null||e==="")return;let t=Number(e);if(!(!Number.isFinite(t)||t<=0))return Math.min(t,this.count)}snap(e){let t=this.clamp(e);if(t===void 0||this.displayOnly)return t;let i=this.resolvedStep;return Math.min(this.count,Math.max(i,Math.round(t/i)*i))}format(e){let t=this.locale??$();try{return new Intl.NumberFormat(t,{maximumFractionDigits:2}).format(e)}catch{return String(e)}}valueText(e){return this.dictionary.rating.valueText(this.format(e),this.format(this.count))}radioFor(e){let t=this.itemsEl?.querySelectorAll("input");return Array.from(t??[]).find(i=>Number(i.value)===e)??null}get tabStopValue(){return this.value??this.resolvedStep}get hostTabStop(){return!1}getFocusAnchor(){return this.radioFor(this.tabStopValue)??void 0}focus(e){super.focus?.(e),this.radioFor(this.tabStopValue)?.focus(e)}pick(e){e!==this.value&&(this.value=e,this.dispatchEvent(new I(this.value)))}get locked(){return this.disabled||this.readonly||this.displayOnly}valueAtPointer(e){let t=getComputedStyle(this).direction==="rtl",i=e.target.closest(".item");if(!i){let p;return this.itemsEl?.querySelectorAll(".item").forEach(h=>{let f=h.getBoundingClientRect();(t?f.right>=e.clientX:f.left<=e.clientX)&&(p=h)}),p?Number(p.dataset.index):void 0}let o=Number(i.dataset.index);if(this.resolvedStep===1)return o;let r=i.getBoundingClientRect(),u=r.width?(e.clientX-r.left)/r.width:1;return(t?1-u:u)<=.5?o-.5:o}willUpdate(e){if(["value","valueState","max","step","displayOnly"].some(t=>e.has(t))){let t=this.snap(this.value);t!==this.value&&(this.value=t)}(e.has("disabled")||e.has("readonly"))&&(this.hoverValue=void 0),super.willUpdate(e)}renderIcon(e){return l`
+      <span class="icon" aria-hidden="true">
+        <eun-icon class="empty" name=${this.emptyIcon}></eun-icon>
+        <span class="fill" style=${w({width:`${e*100}%`})}>
+          <eun-icon name=${this.icon}></eun-icon>
+        </span>
+      </span>
+    `}renderRadio(e){let t=!Number.isInteger(e),i=m({half:t,end:!t&&this.resolvedStep===.5});return l`
+      <input
+        type="radio"
+        name="rating"
+        class=${i}
+        .value=${String(e)}
+        .checked=${_(this.value===e)}
+        ?disabled=${this.disabled}
+        tabindex=${e===this.tabStopValue?"0":"-1"}
+        aria-label=${this.valueText(e)}
+        @click=${this.handleRadioClick}
+      />
+      <span class="focus-ring ${t?"half":""}" aria-hidden="true"></span>
+    `}renderDisplay(){let{rating:e}=this.dictionary,t=this.value,i=t===void 0?e.noValue:this.valueText(t);return l`
+      <div
+        id="items"
+        part="items"
+        role="img"
+        aria-label=${e.summary(this.label||e.label,i)}
+      >
+        ${Array.from({length:this.count},(o,r)=>l`<span class="item">
+              ${this.renderIcon(Math.min(1,Math.max(0,(t??0)-r)))}
+            </span>`)}
+      </div>
+    `}renderClear(){return!this.clearable||this.value===void 0||this.locked?d:l`
+      <button
+        type="button"
+        id="clear"
+        part="clear"
+        aria-label=${this.clearLabel??this.dictionary.rating.clear}
+        @click=${this.handleClear}
+      >
+        <eun-icon name="close" aria-hidden="true"></eun-icon>
+      </button>
+    `}render(){if(this.displayOnly)return l`<div id="wrapper">${this.renderDisplay()}</div>`;let e=this.renderDescription(),t=[this.instructions?"group-instructions":"",e===d?"":"description"].filter(Boolean).join(" ")||void 0,i=this.hoverValue??this.value??0;return l`
+      <div id="wrapper">
+        ${this.renderFormLabels()}
+        ${this.instructions?l`<span id="group-instructions" hidden
+              >${this.instructions}</span
+            >`:d}
+        <div id="control">
+          <div
+            id="items"
+            part="items"
+            role="radiogroup"
+            class=${m({preview:this.hoverValue!==void 0})}
+            aria-label=${this.label||this.dictionary.rating.label}
+            aria-describedby=${M(t)}
+            aria-required=${this.required?"true":d}
+            aria-readonly=${this.readonly?"true":d}
+            aria-disabled=${this.disabled?"true":d}
+            aria-invalid=${this.showError?"true":"false"}
+            @click=${this.handleClick}
+            @change=${this.handleChange}
+            @keydown=${this.handleKeydown}
+            @pointermove=${this.handlePointerMove}
+            @pointerleave=${this.handlePointerLeave}
+          >
+            ${Array.from({length:this.count},(o,r)=>{let u=r+1;return l`
+                <span class="item" data-index=${u}>
+                  ${this.renderIcon(Math.min(1,Math.max(0,i-r)))}
+                  ${this.resolvedStep===.5?this.renderRadio(u-.5):d}
+                  ${this.renderRadio(u)}
+                </span>
+              `})}
+          </div>
+          ${this.renderClear()}
+        </div>
+        ${e}
+      </div>
+    `}};n.styles=[N,c.base,c.errorMessages,c.hintMessages],a([s({type:Number})],n.prototype,"max",2),a([s({type:Number})],n.prototype,"step",2),a([s({type:Boolean,attribute:"display-only",reflect:!0})],n.prototype,"displayOnly",2),a([s({type:Boolean,reflect:!0})],n.prototype,"clearable",2),a([s({attribute:"clear-label"})],n.prototype,"clearLabel",2),a([s()],n.prototype,"icon",2),a([s({attribute:"empty-icon"})],n.prototype,"emptyIcon",2),a([y()],n.prototype,"hoverValue",2),a([s({type:Number})],n.prototype,"value",1),a([s({attribute:"default-value",type:Number})],n.prototype,"defaultValue",1),a([g("#items")],n.prototype,"itemsEl",2),n=a([v(F)],n);export{n as EunomiaRating,F as EunomiaRatingTagName};